html, body, #wrapper { height: 100%; margin: 0; padding: 0; }

#wrapper {
	overflow: hidden;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	color: #cc1111;
	font-family: 'Cabin', helvetica, arial, sans-serif;
}

body > #wrapper { height: auto; min-height: 100%; }
body > #wrapper1 { height: auto; min-height: 100%; }

h1 {
    display: inline-block;
    font-size: 12px;
    margin: 0;
    font-weight: bold;
}

h2 {
    font-family: proxima-nova-1,proxima-nova-2,Tahoma,Helvetica,Verdana,sans-serif;
    font-size: 20px;
    margin: 0;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    margin: 0;
    color: #333;
	text-align: center;
}

h3 {
    font-family: proxima-nova-1,proxima-nova-2,Tahoma,Helvetica,Verdana,sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    margin: 10px 0 0;    
	text-align: center;
}

.logo {
	background: #ffffff;
	text-align: center;
	width: 100%;
	margin: 10% auto 40px;
	font-weight: bold; 	
	font-size: 12px; 	
	color: #000;
}

.searchbox {
	text-align: center;
	width: 100%;
	max-width: 450px;
    margin: 0 auto 50px;
	font-size: 11px; 	
}

.logoalt {
	background: #ffffff;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	font-weight: bold; 	
	font-size: 12px; 	
}

#purp {
	text-align: center;
	font-size: 12px; 
	padding-bottom: 20px;
	font-weight: bold; 	
}

#lang {
	margin-top: 50px;
	text-align: center;
	font-size: 12px; 
	padding-bottom: 20px;
	color: #000;
}
#lang a:link {  color: gray; }
#lang a:visited {  color: gray; }
#lang a:hover {  color: #a9a9a9; }
#lang a:active {  color: #a9a9a9; }

#footer { 
	clear: both; 
	position: relative; 
	z-index: 1000000;
	height: 26px; 
	margin-top: -26px; 
//	color: #cc1111;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	font-size: 70%; 
	text-align: center; 
	line-height: 26px;
    width: 350px;
    margin-right: auto;
    margin-left: auto;
}

#footerres { 
	clear: both; 
	position: relative; 
	margin-top: -20px; 	
	height: 20px; 
	color: #cc1111;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	font-size: 70%; 
	text-align: center; 
	line-height: 18px;
	background: #f1f1f1;
}

#footer a, #footerres a {
	text-decoration: none;
	color: #cc1111;
	font-weight: bold;
}

#footer a:hover:after, #footerres a:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(atitle);
    margin: 0 auto 0 -90px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 100px;
}

#footer a:hover:before, #footerres a:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    margin: 0 auto;
    position: absolute;
    z-index: 99;
}

.footerline {
	content: '';
	display: block;		
	height: 2px;
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
	background: #cc1111;
	background: -webkit-linear-gradient(left, #ffffff, #cc1111, #ffffff);
	background: -moz-linear-gradient(left, #ffffff, #cc1111, #ffffff);
	background: -o-linear-gradient(left, #ffffff, #cc1111, #ffffff);
	background: -ms-linear-gradient(left, #ffffff, #cc1111, #ffffff);
	background: linear-gradient(left, #ffffff, #cc1111, #ffffff);	
}

.footerlineres {
	content: '';
	display: block;		
	height: 1px;
	margin: 0 auto;
	width: 100%;
	background: #cc1111;
}

#header {
    background: #f5f5f5;
    background: -moz-linear-gradient(top,#fafafa,#f5f5f5);
    background: -webkit-linear-gradient(top,#fafafa,#f5f5f5);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(1,#f5f5f5));
    background: linear-gradient(top,#fafafa,#f5f5f5);
    border-bottom: 1px solid #eee;
    color: #444;
    min-height: 44px;
    padding: 14px 15px 13px;
	margin-bottom: 10px;
    display: flex;
	align-items: center;
}

#header #logo {
	width: 100%;
    max-width: 180px;
}

#header h1 {
	font-size: 20px;
}

#header a {
    color: #63666a;
	text-decoration: none; 
}

#labout {
    font-family: proxima-nova-1,proxima-nova-2,Tahoma,Helvetica,Verdana,sans-serif;
    float: left;
	max-width: 200px;
	margin: 1em 25px 0;
    font-size: 12px;
    font-weight: normal;
	color: #666;
	text-align: center;
}

#rabout {
    font-family: proxima-nova-1,proxima-nova-2,Tahoma,Helvetica,Verdana,sans-serif;
	color: #666;
    float: right;
	max-width: calc( 100% - 250px);
}

#wrapper1 {
	overflow: hidden;
	width: calc( 100% - 5px );
	margin-left: 5px;
	text-align: left;
	color: #cc1111;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	//background: url('../style/gears.gif') 50% 50% no-repeat;
	//opacity: 0;
}

#wrapper1:after {
  content: "";
  display: block;
  height: 56px;
}


#typeheader {
	font-size: 48px;
}

.resultbar {
	text-align: left;
	width: 100%;
    margin: 0 auto 0 0;
	font-size: 11px; 	
	height: auto;
}


.solmarj {
	margin: 0 auto;
	text-align: center;
}

.tip {
	text-align: left;
//	font-size: calc(8px + 0.5vmin);
	font-size: 12px;
	color: #cc1111;
    width: 100%;	
    height: 100%;	
	margin: 0 0 0 2px;
	max-width: 500px;
	line-height:2;
	text-indent: 0px;
}

#container{
	width: auto;	
    height: auto;	
	margin: 0 auto 30px auto;
	line-height:2;
	text-indent: 0px;
	font-size: 12px;
	text-align:center;
	position: absolute;
    top: 5px;
    left: 512px;
//	border: 1px solid #BBB;
//	z-index: -100;
}

#typeresult {
	text-indent: 0;
}

#standard {
    margin-bottom: 5px;
    line-height: 25px;
    height: 25px;
}

#owl-demo .owl-item div{
  padding:0px;
}

.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
	visibility: hidden;
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
	visibility: hidden;
}


.searchbox form {
	display: inline-block;
	position: relative;
	max-width: 450px;
	width: calc(100% - 10px);
}

.resultbar form {
	display: inline-block;
	position: relative;
	max-width: 350px;
	width: 100%;
    vertical-align: middle;
}

.resultbarw{
	max-width: 502px;
}

.resultbarw a{
//	margin-left: 1px;
	margin-right: -2px;
}

#logo{
	max-width:150px; 
	width: 80%; 
	height:auto; 
	vertical-align: middle;
}

.searchbox input[type="search"] {
	color: #000;
	background: #efefef;
	display: inline-block;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	height: 40px;
	margin: 0;
	width: 100%;
	max-width: 450px;
	border: 1px solid #efefef;
	outline: none;
	z-index: 3;
	text-indent: 2px;	
	padding-right: 40px;
    border-radius: 0;
	-webkit-appearance: none;
}

.resultbar input[type="search"] {
	color: #000;
	background: #efefef;
	display: inline-block;
	float: left;
	font-family: 'Cabin', helvetica, arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	height: 30px;
	margin: 5px 0;
	width: 100%;
	max-width: 350px;
	border: 1px solid #efefef;
	outline: none;
	z-index: 3;
	text-indent: 2px;
	padding-right: 30px;	
    border-radius: 0;
	-webkit-appearance: none;
}

.searchbox input[type="search"]:focus, .resultbar input[type="search"]:focus {
  z-index: 1;
  cursor: text;
}

.searchbox input[type="submit"] {
  height: 40px;
  width: 40px;
  display: inline-block;
  color:red;
  float: right;
  background: url('../style/srch.png') center center no-repeat;
  background-size: 30px 30px;
  text-indent: -10000px;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
  border-radius: 0;
  -webkit-appearance: none;
}

.resultbar input[type="submit"] {
  height: 30px;
  width: 30px;
  display: inline-block;
  color:red;
  float: right;
  background: url('../style/srch.png') center center no-repeat;
  background-size: 24px 24px;
  text-indent: -10000px;
  border: none;
  position: absolute;
  margin: 5px 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .4s ease;
  border-radius: 0;
  -webkit-appearance: none;
}

.searchbox input[type="submit"]:hover, .resultbar input[type="submit"]:hover {
  opacity: 0.8;
}

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

.ie .searchbox input {
	line-height: 40px;
}

.ie .resultbar input {
	line-height: 40px;
}

/* içindeyken */ 
.searchbox input:focus, .resultbar input:focus{
	color: #000;
	outline: none;
	border: 1px solid #BBB;
}

.feedtext {
resize: none;
}

#readers {
	width: 445px;
    height: 25px;
    float: right;
}

.codetext {
	text-decoration: none;
	text-indent: 0px;
	cursor: pointer;
	outline: none;
	color:#cc1111;
	font-family:"Lucida Grande","Lucida Sans","Lucida Sans Unicode","Segoe UI",Verdana,sans-serif;
	display: none;
	visibility: hidden;
	vertical-align: bottom;
	position:relative;
	text-align:left;
	margin:0;
	height:35px;
	line-height:35px;
	width: 100%;
	max-width: 500px;
	-webkit-transition: background .185s linear;
	-moz-transition: all .185s linear;
	-o-transition: all .185s linear;
	transition: all .185s linear;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.button {
	text-decoration: none;
	text-indent: 2px;
	cursor: pointer;
	outline: none;
	color:#000;
	display:inline-block;
	vertical-align:top;
	position:relative;
	text-align:center;
	background-color:#efefef;
	background-repeat:repeat-x;
	line-height:25px;
	margin:0 auto;
	height:25px;
	max-width: 350px;
	-webkit-transition: background .185s linear;
	-moz-transition: all .185s linear;
	-o-transition: all .185s linear;
	transition: all .185s linear;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.bwidth {
	width: 50px !important;
}

.readhov {
	background: rgba(204, 17, 17,0.1);
}

.buttonf {
	text-decoration: none;
	text-indent: 0;
	cursor: pointer;
	outline: none;
	vertical-align:top;
	position:relative;
	text-align:center;
	background-color:#cc1111;
	background-repeat:repeat-x;
	line-height:25px;
	margin:0 auto;
	height:25px;
	width: 100px;
	font-size: 12px;
	-webkit-transition: background .185s linear;
	-moz-transition: all .185s linear;
	-o-transition: all .185s linear;
	transition: all .185s linear;

	color:#fff;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.hovx {
	background-color:#cc1111;
	color:#fff;
		-webkit-transition: all .1s linear;
		-moz-transition: all .1s linear;
		-o-transition: all .1s linear;
		transition: all .1s linear;
}

.xsmall {
	font-size: 10px;
}

.xxsmall {
	font-size: 9px;
}

#footerbar {
    bottom: 0;
    left: 0;
    position: fixed;
    display: block!important;
    width: 100%;
    z-index: 980000!important;
    height: 39px;
}

#footerbar #footerbar-color {
    height: 26px;
    position: absolute;
    top: 13px;
    width: 100%;
    z-index: 985000;
}

#footerbar #footerbar-shade {
    height: 37px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 990000;
}

#footerbar .footerbar-shade-bg-default {
    background: url(bar_gradient_1.png) repeat-x scroll 0 0 transparent;
}

.socialPlugin {
	float: left;
	margin-left: 5px;
//	margin-right: 10px;
}

.socialPlugin .socials .fa {
	top: 13px;
}

th {
    font-weight: normal;
	font-size: 14px;
}

tr {
    border-bottom: 1px solid gray;
}

@media screen and (max-width: 857px) {
	#container{
		position: relative;
		left: 0;
		margin:0;
		max-width: 352px;
	}	
}

@media screen and (max-width: 658px) {
	.tip{
//		margin-left: 152px;
	}
	.socialPlugin {
		width: 100%;
		float: none;
		margin: 0;
	}
	.socialPlugin .socials .fa {
		font-size: 1.5em;
		top: 0;
	}
	#footer {
		margin-top: -56px;
		width: 100%;
		z-index: 0;
	}
	#footer:after {
		content: "";
		display: block;
		height: 30px;
	}
}

@media screen and (max-width: 507px) {
	#wrapper1 {
		margin-left: 0;
		width: 100%;
	 }
	.resultbar {
		text-align: center;
	 }
	.resultbar form {
		width: calc(100% - 10px);
		padding-left: 5px;
		padding-right: 5px;
	}
	.tip {
		text-align: center;
		margin: 0 auto;
	}
	#owl-demo, #typeresult {
		width: calc(100% - 10px);
		padding-left: 5px;
		padding-right: 5px;
	} 
	.button {
		text-align: center;
		text-indent: 0px;
	}
	#footer {
		font-size: 10px;
		margin-top: -56px;
		width: 100%;
		z-index: 0;
	}
	#footer:after {
		content: "";
		display: block;
		height: 30px;
	}
	#logo{
		 margin-top:10px;
		 margin-left: 0;
	}
   	.owl-theme .owl-controls .owl-buttons .owl-prev{
		left: 0;
		top: 60vw; 
		visibility: visible;
	}
	.owl-theme .owl-controls .owl-buttons .owl-next{
		right: 1px;
		top: 60vw;
		visibility: visible;
	}
	.owl-pagination{
		display: none;
	}
	#container{
		margin: 0 auto 30px auto;
		width: calc(100% - 40px);
		position: relative;
		max-width: 100%;
		left: 0px;
	}	
	.socialPlugin {
		width: 100%;
		float: none;
		margin: 0;
	}
	.socialPlugin .socials .fa {
		font-size: 1.5em;
		top: 0;
	}
	#readers {
		position: absolute; 
		left: -999em;
	}
	.codetext{
		display: block;
		visibility: visible;
	}
	.hovx:after {
		content:'';
		position: absolute;
		top: 100%;
		left: 40%;
		width: 0;
		height: 0;
		border-top: solid 8px #cc1111;
		border-left: solid 8px transparent;
		border-right: solid 8px transparent;
	}
	.vex.vex-theme-bottom-right-corner .vex-content {
		bottom: 50px;
	}
}