@import"../css/skeleton.css";

@import"../css/menu-style.css";

@import"../css/slider.css";



/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

mark, rp, rt, ruby, summary, time {display:inline;}



/* Global properties ======================================================== */

html {width:100%;}



body { 	 

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:20px;

	color:#231f20;

	min-width:310px;

	background:url(../images/body-bg.gif) repeat center top;

}



.bg {width:100%; background:url(../images/bg.png) repeat-x center top;}



a {color:#31a2d1; outline:none;}

a:hover {text-decoration:none;}



.col-1, .col-2 {float:left;}



.col-1 {width:295px;}



.wrapper {width:100%; overflow:hidden;position:relative;}

.extra-wrap {overflow:hidden;}

 

p {margin-bottom:18px;}

.p1 {margin-bottom:8px;}

.p2 {margin-bottom:15px;}

.p3 {margin-bottom:30px;}

.p4 {margin-bottom:40px;}

.p5 {margin-bottom:50px;}

.p6 {margin-bottom:60px;}

.p7 {margin-bottom:70px;}



.reg {text-transform:uppercase;}



.fleft {float:left;}

.fright {float:right;}



.alignright {text-align:right;}

.aligncenter {text-align:center;}



.title {margin-bottom:18px;}



.it {font-style:italic;}

.bl {display:block;}

.bo {font-weight:bold;}



.letter {letter-spacing:-1px;}



.color-1 {color:#fff;}

.color-2 {color:#000;}

.color-3 {

	color:#231f20;



}



.index-1 {z-index:1; position:relative;}

.index-2 {z-index:2; position:relative;}

/*********************************boxes**********************************/

.indent-bot {margin-bottom:20px;}

.indent-bot2 {margin-bottom:25px;}

.indent-bot3 {margin-bottom:35px;}

.indent-bot4 {margin-bottom:45px;}

.indent-bot5 {margin-bottom:55px;}

.indent-bot6 {margin-bottom:65px;}



.bot-indent {margin-bottom:18px;}

.bot-indent2 {margin-bottom:3px;}

.bot-indent3 {margin-bottom:11px;}



.indent-r {margin-right:15px;}



.left-pad {padding-left:11px;}

.top-pad {padding-top:20px;}

.top-pad2 {padding-top:5px;}



.buttons a:hover {cursor:pointer;}



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

.img-border {border:1px solid #e8e8e8;}

.img-border a {display:block;border:9px solid #FFF;}

.img-style {float:left;margin: 0 27px 0 0;}

.img-style2 {float:left;margin: 10px 20px 0 0;}

.img-style3 {float:left;margin: 5px 20px 0 0;}

.img-style4 {float:left;margin: 0px 15px 0 0;}

.img-indent2 {float:left; margin:0 5px 0px 0;}





.menu li a,

.list-1 li a,

.list-2 li a,

.link,

.button,

.logo {text-decoration:none;}	



/*********************************header*************************************/

header {

	background:url(../images/header-bg.gif) repeat-x center top;

	width:100%;

	position:relative; 

	z-index:2;

}



h1 {

	position: relative;

	padding-top: 10px;

	

	padding-right: 0;

	padding-bottom: 5PX;

	padding-left: 2px;

}

h1 a {

	display: block;

	width: 410px;

	height: 150px;

	text-indent: -5000px;

	background: url(../images/logo.png) 0 0 no-repeat;

}



.row-1 {

	position:relative;

	height:103px;

}



.button1 {

	background:url(../images/button1-hover.png) no-repeat 0 0;

	display:block;

	position:absolute;

	top:12px;

	right:13px;

	text-decoration:none;

	text-align:center;

	padding: 12px 0 0 0px;

	height:26px;

	width:102px;

	z-index:2;

}



.button1 span {

	position:absolute;

	background:url(../images/button1.png) no-repeat 0 0;

	display:block;

	top:0;

	left:0;

	height:38px;

	width:102px;

	z-index:1;

}



.button1 strong {

	font-size:12px;

	line-height:15px;

	color:#272727;

	text-transform:uppercase;

	position:relative; 

	z-index:2;

}





/*********************************content*************************************/

#content {

	width:100%;

	position:relative;

	z-index:1;

	padding-top: 19px;

	padding-right: 0;

	padding-bottom: 55px;

	padding-left: 0;

}



#page1 #content {padding-top:22px;}

#page7 #content {padding-top:37px;}



h3 {

	background:url(../images/border-1.png) repeat-x 0 bottom;

	font-size:24px; 

	line-height:19px;

	color:#505050;

	font-weight:normal;

	padding-bottom:4px;

}



h5 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:18px; 

	line-height:15px; 

	color:#00adee;

	text-transform:uppercase;

	font-weight:bold;

}



h5.st {line-height:18px;}

h5.st2 {line-height:20px;}



h5 span {

	display:block;

	padding-top:3px;

}



.button {

	background:url(../images/button-left.png) no-repeat left 0;

	display:inline-block; 

	padding-left:5px;

}

	

.button > span {

	background:url(../images/button-right.png) no-repeat right 0;

	display:inline-block; 

	padding-right:5px;

}

	

.button span span {

	background:url(../images/button-bg.png) repeat-x 0 0;

	font-size:12px;

	line-height:15px;

	color:#FFF;

	text-transform:uppercase;

	font-weight:bold;

	display:inline-block; 

	text-align:center;

	padding: 8px 0 7px;

	width:74px;

}

	

	.button:hover {background-position: left -34px;}

	.button:hover span {background-position: right -34px;color:#000;}



.circle {

	float:left;

	background:url(../images/circle.png) 0 0 no-repeat;

	font-size:60px;

	line-height:1.2em;

	font-weight:bold;

	text-align:center;

	color:#FFF;

	padding: 0px 0px 6px;

	margin:0 13px 7px 0;

	overflow:hidden;

	height:70px;

	width:76px;

}



#page5 .circle {margin:5px 20px 7px 0;}



.product {

	border:1px solid #e8e8e8;

	width:215px;

}



.product a {

	display:block;

	border:9px solid #FFF;

	position:relative;

	overflow:hidden;

	text-decoration:none;

}



.product a span {

	background:url(../images/product-bg.png) repeat 0 0;

	font-size:13px;

	line-height:20px;

	color:#FFF;

	display:block;

	position:absolute;

	top:189px;

	left:0px;

	padding: 12px 12px 0;

	height:217px;

	width:173px;

}



.product a span strong {

	display:block;

	font-size:12px;

	line-height:15px;

	text-transform:uppercase;

}



.product a span em {font-style:normal;}



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



.list-1 li {

	padding: 0 0 4px 21px; 

	background:url(../images/marker-1.png) 0 8px no-repeat;

}



.list-1 li.last {padding-bottom:0;}



	.list-1 li a {

		display:inline-block;

		color:#30a3ca;

	}

		.list-1 li a:hover {

			text-decoration:underline;

		}



.result {

	background:url(../images/result-bg.png) no-repeat left 25px;

	padding: 5px 0 0 60px;

}



.link:hover {text-decoration:underline;} 



.link-1 {

	display:inline-block; 

	font-size:14px; 

	padding-right:8px; 

}

.link-1:hover {color:#fff;} 



.text-1 {line-height:18px;} 

.text-2 {font-size:10px; line-height:12px;font-weight:bold;text-transform:uppercase;}



dl span {float:left; width:95px;}



.map-style {border:1px solid #e8e8e8;}



.map-style iframe {

	border: 9px solid #FFF;

	height:249px;

	width:439px;

}



/***** Contact form *****/

#contact-form {

	position:relative;

	padding-top:3px;

	vertical-align:top;

	width:100%;

	z-index:1;

	}

	#contact-form fieldset {

		border:none;

		padding:0;

		}			

			#contact-form label {

				display:block;

				min-height:60px;

			}

			#contact-form label.message {

				min-height:227px;

			}

			

			#contact-form input {

				padding:15px 15px 16px;

				margin:0;

				font-family:Arial, Helvetica, sans-serif;

				font-size:13px;

				line-height:15px;

				color:#656262; 

				border:1px solid #e7e7e7;

				background:#FFF;

				outline:none;

				width:350px;

			}

			#contact-form .area .error { float:none;}

			#contact-form textarea {

				padding:15px;

				margin:0;

				font-family:Arial, Helvetica, sans-serif;

				font-size:13px;

				line-height:15px;

				color:#656262; 

				border:1px solid #e7e7e7;

				background:#FFF;

				overflow:auto;

				outline:none;

				height:171px;

				max-height:171px;

				width:428px;

				max-width:428px;

			}

			#contact-form a {cursor:pointer;}

				#contact-form .success {display:none; margin-bottom:20px;}

				#contact-form .error,

				#contact-form .empty {

					color:#f00;

					font-size:11px;

					line-height:2em;

					display:none;

					overflow:hidden;

				}

		.buttons-wrapper { padding:0px; text-align:right;}

		.buttons-wrapper a { margin-left:23px;}

		

/****************************footer************************/

footer {

	border-top:1px solid #ddd;

	background:url(../images/footer-bg.png) repeat center top;

	width:100%;

	height:121px;

	color:#403b3c;

	padding-top: 37px;

	padding-right: 0;

	padding-bottom: 170px;

	padding-left: 0;

}



.social-buttons li {

	float:left;

	padding:3px 5px 0 0;

}



.social-buttons li:first-child {padding:0 10px 0 0;}

.social-buttons li.last {padding-right:0px;}



.social-buttons li a {

	background:url(../images/social-buttons.png) no-repeat 0 0;

	display:block;

	height:16px;

	width:16px;

}



.social-buttons li a.item-2 {background-position: -21px 0;}

.social-buttons li a.item-3 {background-position: -43px 0;}

.social-buttons li a.item-4 {background-position: -64px 0;}



/*********** tabs ***********/



ul.tabs {

	background:url(../images/border-1.png) repeat-x 0 bottom;

	margin: 0;

	padding: 9px 0 0;

	list-style: none;

	height: 35px; /*--Set height of tabs--*/

	width: 100%;

}

ul.tabs li {

	background: url(../images/tab-bg.png) repeat-x 0 -50px;

	float: left;

	margin: 0 0 0 6px;

	padding: 0;

	height: 34px; /*--Subtract 1px from the height of the unordered list--*/

	line-height: 34px; /*--Vertically aligns the text within the tab--*/

	overflow: hidden;

	position: relative;

	border-radius: 6px 6px  0 0;

	-moz-border-radius: 6px 6px  0 0;

	-webkit-border-radius: 6px 6px  0 0;

}



ul.tabs li:first-child {margin-left:1px;}



ul.tabs li a {

	text-decoration: none;

	font-size:12px;

	line-height:15px;

	color: #31a2d1;

	text-transform:uppercase;

	font-weight:bold;

	display: block;

	padding: 10px 15px;

	outline: none;

}



ul.tabs li.active a, html ul.tabs li:hover a {color:#FFF;}



ul.tabs li.active {

	color:#fff;

	background: url(../images/tab-bg.png) repeat-x 0 0px;

}



ul.tabs li:hover, 

html ul.tabs li.active, 

html ul.tabs li.active:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/

	background-position: 0 0;

	color:#fff;

}



.tab_container {

    overflow: hidden;

    width: 100%;

}



.tab_content {padding: 28px 0px 0px;}



.tab_content figure a {display:block;border:1px solid #e8e8e8;}

.tab_content figure a img {border: 9px solid #FFF;}



/*********extra***********/

.block {height:108px;}

.extra {

	min-height:100%; 

	height:auto !important; 

	height:100%; 

	margin: 0 auto -108px; 

	position:relative;

	overflow:hidden;

} 

html, body {height:100%;}





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

	.width-sw-1 {width:226px;}

	.indent-sw {margin-bottom:20px;}

	.social-buttons li:first-child {display:none;}

	.extra-wrap {overflow:visible;}

	.product {width:170px;}

	.product a span {font-size:11px;line-height:14px;width:128px;}

	.product a span strong {margin-bottom:10px;}

	.col-1 {width:150px;}

	.map-style iframe {width:344px;}

	#contact-form input, #contact-form textarea {width:332px;max-width:332px;}



}

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

	.float-none-sw {float:none;margin:0;}

	.indent-sw-1 {margin-bottom:40px;}

	.indent-sw-2 {margin-bottom:20px;}

	.indent-sw-3 {margin-bottom:10px;}

	.indent-r-sw {margin-right:6px;}

	.width-sw-2 {width:280px;}

	.width-sw-3 {width:147px !important;}

	.float-sw {float:left;}

	.tab_content figure a img {width:280px;}

	footer .left-pad {padding:0;}

	.product {width:145px;}

	.product a span {font-size:10px;line-height:12px;width:103px;}

	.product a span em {display:none;}

	.product a span strong {margin-bottom:12px;font-size:11px;line-height:14px;}

	.result {background:none;padding:0;}

	.col-1 {width:400px;margin:0;}

	.map-style iframe {width:280px;}

	#contact-form input, #contact-form textarea {width:268px;max-width:268px;}

	.tel {margin-top:10px;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.width-sw-3 {width:200px !important;}

	.width-sw-4 {width:230px !important;}

	.width-sw-5 {width:168px !important;}

	.width-sw-6 {width:205px !important;}

	.width-sw-7 {width:180px !important;}

	.float-sw-2 {float:left;}

	.overflow-sw-1 {overflow:visible;}

	.indent-r-sw2 {margin:0 15px 0 0;}

	.indent-r-sw3 {margin:0 20px 0 0;}

	.tab_content figure {width:230px; float:left; margin: 0 10px 0px 0;}

	.tab_content figure a img {width:210px;}

	.col-1 {width:400px;margin:0 0 20px;}

	.product {width:205px;}

	.product a span {font-size:12px;line-height:20px;width:163px;}

	.product a span em {display:inline;}

	.product a span strong {margin-bottom:8px;font-size:12px;line-height:15px;}

	.map-style iframe {width:400px;}

	#contact-form input, #contact-form textarea {width:388px;max-width:388px;}

}

.tel {

	font-size: 19px;

	float: right;

	margin-right:15%;

	width:145px;

	text-decoration: none;

	position: relative;

	top: -5px;

	left: 10px;

	font-weight: bold;

}

.bosluk {

	float: left;

	height: 20px;

	width: 100%;

}

.bosluk1 {

	float: left;

	height: 26px;

	width: 100%;

}.bosluk2 {

	float: left;

	width: 290px;

	position: relative;

	top: -10px;

	margin-top: -10px;

}