body, ul , h1, h2, h3, .bizden-haberler p {

	margin : 0;

	padding : 0;

	}

h1 {

	font-size:22px;

	}

ul, li {

	list-style:none;

	}

body{

	font-family: 'Open Sans', sans-serif;

	font-size : 13px;

	background:  

				url(http://www.tuluogluinsaat.com/wp-content/uploads/2017/06/bg.jpg) 

				 

				
				;

	background-size: ;

    border-top: 4px solid #1778ae;

	}

.alignright{

	float:right;

	margin:5px 0 10px 10px; 

}

.alignleft{

	float:left;

	margin:5px 10px 10px 0; 

}

.aligncenter{

	display: block;

	margin-left: auto;

	margin-right: auto;

}

.header-top-content, .header-bottom, .footer-content, .slider-content, .site-menu, .callback-content .form, .footer-content,.page-title {

	width:1080px;

	margin:0 auto;

}

#boxed {

	width:1100px;

    margin: 30px auto;

    box-shadow: 0px 0px 10px 1px rgba(50, 50, 50, 0.5);

	background:#fff;

}

a {

	color : #1778ae; text-decoration : none;

}

.clear {

	clear:both;

	}

/**************** Header ***********************/

#searchbox {

	background:#1778ae;

	text-align:center;

	display:none;

}

#searchbox input {

    width: 1080px;

    padding: 15px 10px;

    background: transparent;

    border: 0;

    font-size: 25px;

	color:rgba(255,255,255,0.5);

}

#searchbox input:focus {

	outline:0;

	color:rgba(255,255,255,0.5);

}

#searchbox ::-webkit-input-placeholder {

    color:rgba(255,255,255,0.5);

}

#searchbox :-moz-placeholder {

    color:rgba(255,255,255,0.5);

}

#searchbox ::-moz-placeholder {

    color:rgba(255,255,255,0.5);

}

#searchbox :-ms-input-placeholder {

    color:rgba(255,255,255,0.5);

}

header {

    background: url("images/bg.jpg");

	}

.header-top {

    background-color: #f6f6f6;

    border-bottom: 1px solid #d0d0d0;

	height:40px;

}

#dil-liste {

	padding: 8px 0 8px 8px;

	float:left;

}

#dil-liste li {

	margin-right: 5px;

	float:left;

}

.dil {

	float:left;

	width:35px;

	height:26px;

	position:relative;

	background: url(images/dil-sprite.png) no-repeat;

}

.tr-icon { background-position: 0px 0px;}

.ing-icon { background-position: 0px -26px;}

.alm-icon { background-position: 0px -52px;}

.fra-icon { background-position: 0px -78px;}

.ita-icon { background-position: 0px -104px;}

.rus-icon { background-position: 0px -130px;}

.por-icon { background-position: 0px -156px;}

.isp-icon { background-position: 0px -182px;}

.kor-icon { background-position: 0px -208px;}

.jap-icon { background-position: 0px -234px;}

.cin-icon { background-position: 0px -260px;}

.arap-icon { background-position: 0px -286px;}

.paralar {

	float:right;

	font-size: 14px;

    line-height: 14px;

}

.paralar ul li, .paralar ul li i, .paralar ul li div {

	float:left;

}

.paralar ul li, .paralar ul li i, .paralar ul li span {

	line-height:40px;

}

.paralar ul li {

	border-left: 1px solid #d0d0d0;

	height: 40px;

    padding: 0 10px;

}

.paralar ul li i {

	margin-right:5px;

}

/*.altinli, .bistli{display:none;}*/

.paralar .degisim {font-size:0;}

.paralar .arrow-up, .paralar .arrow-down {

	display: inline-block;

	font: normal normal normal 14px/1 FontAwesome;

	font-size: inherit;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;	

	font-size: 25px;

    margin: 0 5px;

}

.paralar .arrow-up:before {

	content: "\f0de";

	color:#04b14b;

	line-height: 50px;

}

.paralar .arrow-down:before {

	content: "\f0dd";

	color:#c9234a;

	line-height: 35px;

}

.para-loading {

	width:250px;

	text-align:center;

	padding-top:5px;

}

.header-bottom {

	padding: 20px 0;

	min-height:138px;

}

.header-bottom .tel, .header-bottom .adres, .header-bottom .search {

    margin-top: 47px;

    font-size: 15px;

    float: right;

    margin-left: 20px;

	font-weight: 300;

	width:335px;

}

.header-bottom .tel a {color:#000;}

.header-bottom .search {

	width:40px;

	margin-right: 15px;

}

.header-bottom .search .search_input {

	padding: 10px 5px;

	border:0;

	width:151px;

}

.header-bottom .search .arama-butonu {

	border:0;

	background: transparent;

	margin-left:-35px;

}

.header-bottom .search .arama-butonu i {

	font-size:21px;

	margin: 0;

	padding-top: 8px;

}

.header-bottom i {

	font-size:43px;

	color:#1778ae;

	float:left;

	margin-right: 10px;

}

.header-bottom .search div, .header-bottom .adres div {

	float:left;

	width:290px;

}

.header-bottom p {

	margin: 0;

}

.logo {

	display: inline-block;

	float:left;

	margin-right:25px;

}

/*************** Menü ********************************/

nav {

	width:100%;

	height:60px;

	background:#ffffff;

	z-index:3;

	position: relative;

        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);

}

.f-menu {

	z-index: 9999;

    position: fixed;

    top: 0;

}

#boxed .f-menu {

	width:1100px;

}

.site-menu li a {

	font-family: 'Open Sans', sans-serif;

	color:#4f4f4f;

    font-size:15px;
    text-shadow: 0px 1px 1px #0b60a9;

    

}

.site-menu li:before {

	font-size:18px;

    margin-right:7px;

}

.site-menu li {

	border-top:4px solid #ffffff;

	border-bottom:4px solid #ffffff;

	color:#4f4f4f;

	float: left;

	height: 52px;

	padding: 0px 63px;

	line-height: 52px;

	transition: .25s all;

	-moz-transition: .25s all;

	-webkit-transition: .25s all;

border-right: 1px solid #f4f4f4;

	}

.site-menu li:hover, .site-menu .current-menu-item {

	border-top:4px solid #1778ae;

	}

.site-menu li:hover a {

	color: #1778ae;

	}	

.site-menu ul ul{

	padding: 0;

	margin: 0;

	z-index: 2000;

	}

.site-menu ul li:hover ul, ul.menu li.over ul { 

	display: block;

	}

.site-menu ul li ul {

	border-top: 3px solid #ffffff;

    border-bottom-left-radius:5px;

	border-bottom-right-radius:5px;

	background:#fff;

	display: none;

	position: absolute;

	list-style:none; 

    margin-left: -10px;

    padding-bottom:5px;

	}

.site-menu ul li ul li {

	display:block;

    float: none;

    min-width: 200px;

    height: 35px;

	line-height: 32px;

    padding: 7px 10px;

	}

.sub-menu li {
	color:#ffffff;
	border:0;
	position: relative;
	}
.sub-menu li:hover {
	border:0;
	background:#ffffff;
	color:#4f4f4f;
}
.sub-menu li a {
	color:#ffffff;
	margin:0px;
	padding:0px;
}
.sub-menu .sub-menu {
	display:none!important;
	position: absolute;
    right: -220px;
    top: 0px;
	border:0;
}
.sub-menu li:hover  .sub-menu {
	display:block!important;
}

/******** Sizi Arayalım ********/

.callback {

	width: 100%;

	height: 60px;

	border-bottom: 10px solid #1778ae;

	position:fixed;

	bottom:0;

	} 

#boxed .callback {

	width:1100px;

}	

.callback .handle {

	position: absolute;

	right:250px;	

	background: #1778ae;

	font-size: 20px;

    line-height: 60px;

	height: 60px;

	border-top-left-radius:10px;

}

.callback .handle a { 

	color:  #ffffff;

}

.callback .handle a i {

	font-size:50px;

	    padding: 10px 0 10px 10px;

}

.callback .handle a span {

	position:absolute;

	background: #1778ae;

	width:150px;

	text-align:center;

	border-top-right-radius:10px;

}

.relative {

	position:relative!important;

	margin-top:-50px;

}

#boxed .relative {

	margin-top:0;

}

.callback-content {

	background: #1778ae;

	color:  #ffffff;	

}

.callback-content a {

	color:  #ffffff;

}

.callback-content .form {

	height: 150px;

    padding: 15px 0;

}

.callback-content .fleft {

	float:left;

	height:150px;

	width:429px;

	border-right: 1px solid rgba(255,255,255,0.3);

}

.callback-content .fleft li {

	margin-bottom: 10px;

}

.callback-content .fleft i {

	font-size: 22px;

    margin-right: 5px;

    width: 27px;

    text-align: center;

}

.callback-content .fleft span {

	font-size:16px;

	font-weight:300;

	position:absolute;

	width:379px;

}

.callback-content .fright {

	float:left;

	padding: 10px 0 0 25px;

	width:625px;

}

.callback-content .fright h2 {

	font-size:25px;

}

.callback-content .fright h2 i {

	margin-right:5px;

}

#callback .input {

	position: relative;

	height:65px;

	color:#4f4f4f;

	float:left;

	margin-top:20px;

}

#callback .input i {

    position: absolute;

    top: 12px;

    left: 10px;

    font-size: 30px;

}

#callback input, .callback-content .wpcf7-form input {

	width:230px;

    height: 30px;

    padding: 10px 15px 10px 40px;

    border: 0;

}

.callback-content .wpcf7-form input {

	padding: 10px 15px;

	margin-right:5px;

}

#callback .submitcontact {

	background: #4f4f4f;

	color:#fff;

	float:right;

	position:absolute;

	top:8px;

	right:8px;

}

 .callback-content .wpcf7-submit {

	width:95px!important;

	font-size:17px;

	background: #4f4f4f;

	color:#fff;

	float:right;

	padding: 0!important;

	height:50px!important;

	line-height:50px;

	text-align:center;

	margin-right:0!important;

 }

/************************************************* Orta Kısım *******************************************/

#mpslider {

	width:100%;

	overflow:hidden;

}

#mpslider img, .mobil-logo img {

	width:100%; 

	height:auto;

}

#mpslider .caption { 

	position: absolute; 

	top: 100px;

}

#mpslider .caption div {

	background: rgba(255,255,255,0.8); 

	color:#000; 

	font-size:15px; 

	display:table;

	padding: 10px 15px;

	margin-top: 10px;

}

#mpslider .caption span {

	display: inline-block;

	font-size: 18px;

	color: #FFF;

	padding: 10px 15px;

	background:#1778ae;

}

.owl-theme .owl-controls{

	margin-top: 10px;

	text-align: center;

}

.owl-theme .owl-controls .owl-buttons div{

	height: 90px;

	width: 45px;

	position: absolute;

	top: 45%;

	left: 5px;

	z-index: 3;

	overflow: hidden;

	text-decoration: none;

	background: transparent;

	margin-top: -45px;

	color: #1778ae;

	text-align: center;

	font-size: 45px;

}

.owl-theme .owl-controls .owl-buttons .owl-next {

	left: auto;

	right: 5px;

}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

	text-decoration: none;

}

.owl-theme .owl-controls .owl-page{

	display: inline-block;

	zoom: 1;

	*display: inline;/*IE7 life-saver */

}

.owl-theme .owl-controls .owl-page span{

	display: block;

	width: 125px;

	height: 5px;

	margin: 0 5px;

	filter: Alpha(Opacity=50);/*IE7 fix*/

	opacity: 0.5;

	background: #1778ae;

}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{

	filter: Alpha(Opacity=100);/*IE7 fix*/

	opacity: 1;

	border-top: 4px solid #1778ae;

}

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}	

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.grabbing { 

    cursor:url(grabbing.png) 8 8, move;

}

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}

.owl-pagination {

	position: absolute;

    bottom: 25px;

    width: 100%;

}

/************************** Orta Kısım ****************************/

main {

	display:block;

	}

.wrapper {

	width:1090px;

	padding-left:10px;

    margin:0 auto;

	}

#boxed .wrapper {

	padding-left:8px;

}

.leftbox {

	float:left;

}

.rightbox {

	float:right;

}

.homepage-box {

	float:left;

	background:#fff;

    border: 1px solid #dedede;

    margin-bottom:10px;

    margin-right:10px;

    padding: 0;

	position:relative;

    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);

    border-radius: 3px;

	}

.fullbox {

	width:1078px;

	}

.halfbox {

	width:533px;

	}

.ucteiki {

	width:714px;

	}

.uctebir {

	width:352px;

	}

.homepage-box .title {

	widht:100%;

	}

.homepage-box h3 {

	font-size: 15px;

    text-align:center;

	}

.homepage-box h3 span {

    background-color: #1778ae;

    color: #ffffff;

    display: inline-block;

    padding: 0px 27px;

    vertical-align: top;

    line-height: 40px;

	margin-top:-5px;

	border-radius: 3px;

	}

.urunler {

	padding:10px 0;

	}

.urunler li {

	width:245px;

    float:left;

    text-align:center;

	border-right: 1px solid #dedede;

	padding-bottom: 15px;

	}

.fullbox .viewport .urunler li {

	width:269px;

}

.urunler li p {

	font-size:15px; 

	margin:5px 0;

	}

.urunler li img, .bizden-haberler li img {

	border-radius:125px;

    border:1px solid #dedede;

    padding:2px;

    transition: .5s all;

	-moz-transition: .5s all;

	-webkit-transition: .5s all;

   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);

	}

.urunler li:hover img, .bizden-haberler li:hover img {

   transform:scale(1.10);

    -ms-transform:scale(1.10); /* IE 9 */

    -moz-transform:scale(1.10); /* Firefox */

    -webkit-transform:scale(1.10); /* Safari and Chrome */

    -o-transform:scale(1.10); /* Opera */

   -webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-ms-transition: 0.5s;

	transition: 0.5s;

	}

.referanslar li {

	width:206.8px;

    float:left;

    text-align:center;

	}

.halfbox .referanslar li, .halfbox .viewport .urunler li {

	width:266px;

	} 

.ucteiki .referanslar li, .ucteiki .viewport .urunler li {

	width:237.7px;

	}

.uctebir .referanslar li, .uctebir .viewport .urunler li {

	width:352px;

	}

.referanslar li img {

	opacity: 1;

    transition: .5s all;

	-moz-transition: .5s all;

	-webkit-transition: .5s all;

	}

 .referanslar li img:hover {

	opacity: 0.5;

	} 

.ucteiki .referanslar li img, .ucteiki .viewport .urunler li img, .uctebir .referanslar li img, .uctebir .viewport .urunler li img{

	width:210px;

	height:auto;

}

.viewport {

	width:100%; 

    overflow: hidden; 

    position: relative; 

    padding: 0; 

	}  

.overview { 

	list-style: none; 

	position: relative;  

	margin: 0;

	}

.buttons {

	top: 40%;

	position: absolute;

	float:left;

	font-size:20px;

	}

.referansbuton {

	top: 35%;
    margin-top : 15px;

	}

.next {

	right: 0;

	}

.buttons i {

	width:40px;

    text-align: center;

	}

.buttons i:hover {

    color: #ffffff;

    background: #4f4f4f;

	}

.disable { 

	visibility: hidden; 

	}

.bizden-haberler {

	padding:10px;

	}

.bizden-haberler .bizden-baslik  {

	font-weight:bold;

    padding: 10px 5px 5px 0;

    max-height: 18px;

	line-height: 20px;;

    overflow: hidden; 

	}

.bizden-haberler .bizden-icerik  {

    height:40px;

    overflow: hidden; 

	}

.bizden-haberler li {

    float:left;

    margin-bottom:15px;
    margin-top: 22px;

	}

.fullbox .bizden-haberler li {

	width: 33%;

	}

.ucteiki .bizden-haberler li {

	width: 49%;

	}

.bizden-haberler li img {

    float:left;

    margin-right:10px;

	}

.haber-tarih {

	display: inline-block;

	float: left;

    margin-right:10px;

    text-align:center;

    background:#E8E8E8;

    border-radius:5px;

    color:#394041;

    padding: 5px 7px;

    font-size:12px;

	}

.haber-tarih .gun {    

	font-size:30px;

    font-weight:bold;

	}

.bizden-haberler li:hover .haber-tarih {

	background:#1778ae;

    color:#ffffff;	

	}

blockquote.testimonial:before {

	left: 2px;

	top: 0;

	content: "\201C";

	font-size: 45px;

	position: absolute;

	}

blockquote.testimonial:after {

	font-size: 45px;

	position: absolute;

	bottom: -0.5em;

	content: "\201D";

	right: 10px;

	}

blockquote.testimonial {

	background: #4f4f4f;

	border-radius: 10px;

	border: 0;

	color: #fff;

	font-style: italic;

	margin: 0;

	padding: 10px 30px;

	position: relative;

	}

.down {

	color: #4f4f4f;

	margin:-16px 0 -5px 30px;

	}

.musteri-yorumlari li {

	width:96%;

    padding: 10px 2%;

	}

.musteri-yorumlari .owl-prev, .musteri-yorumlari .owl-next {

	display:none;

}

.musteri-yorumlari .owl-controls {

	margin-top:0;

}

.musteri-yorumlari .owl-pagination {

	position:relative;

	bottom:0;

}

.musteri-yorumlari .owl-page span  {

	width: 15px!important;

	height: 10px!important;

	}

.slogan-metin {

	padding:20px;

	}

.slogan-metins {

	padding:20px;
        font-size: 25px;
        color: #fff;
        font-weight: bold;

	}

/******************** Sayfalar ********************/

.pagetop {

	width:100%;

	height: 175px;

	background:url(http://www.tuluogluinsaat.com/wp-content/uploads/2017/06/footer.jpg);

	background-size: 100% auto;

    	background-repeat: no-repeat;

	border-bottom: 4px solid #1778ae;

	margin-bottom: 10px;
        
        background-position: 1% 18%;

	}

.page-wrapper {

	position:inherit;

	}

.page-title {

	height:100%;

	position:relative;

}

.page-title h1 {

	position: absolute;

	left:0;

	bottom:0;

	height: 50px;

	line-height: 50px;

    padding:0 40px 0 10px;

	background:#1778ae;

	color:#ffffff;

	border-top-right-radius: 10px;

	z-index:2;

	}

.page-title h1:after {

	content: '';

    width: 5000px;

    height: 50px;

    position: absolute;

    background-color: #1778ae;

    left: -5000px;

    top: 0;

    z-index: 2;

}

#boxed .page-title h1 {

	padding:0 20px 0 20px;

	border-top-left-radius: 10px;

}

#boxed .page-title h1:after {

	display:none;

}

/******************** Kategori Sayfası ********************/

.page-content {

	width: 808px;

	padding:10px;

}

.page-content p, .fullwidth p {

	margin: 10px 0;

}

.page-content ul li{

	display: inline-block;

	margin-bottom: 20px;

}

.page-content .haber-tarih {

	font-size: 20px;

	padding: 0;

	border-top-right-radius: 0px;

	border-bottom-right-radius: 0px;

	margin-right:0;

}

.page-content .haber-tarih p {

	padding: 7px 10px;

	margin:0;

}

.page-content .haber-tarih .gun {

	font-size: 40px;

	padding: 0px 10px;

	line-height: 40px;

}

.page-content .haber-tarih .yorum {

	background: #1778ae;

	color: #ffffff;

	border-bottom-left-radius:5px;

	font-size: 15px;

	padding: 5px 0;

}

.page-content .haber-tarih .yorum a, .page-content .haber-tarih .yorum a:hover {

	color : #ffffff;

}

.page-content .haber-tarih .yorum span{

	margin-right:5px;

}

.page-content .resim {

	float:left;

	margin-right:10px;

}

.page-content .resim img {

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.page-content .bizden-baslik {

	font-size:18px;

	font-weight: bold;

	margin-bottom: 7px;

	max-height: 48px;

	overflow: hidden;

}

.page-content .bizden-icerik {

	margin-bottom: 7px;

	max-height: 72px;

	overflow: hidden;

}

.butmorenews {

	padding: 5px 7px;

	margin-top: 22px;

	display: inline-block;

	border-radius: 5px;

    font-size: 14px;

    font-weight: bold;

    background: #1778ae;

    color: #ffffff;

}

/******** Sayfalama ********/

.sayfalama {

	width:100%;

	background: #E8E8E8;

	border-radius: 5px;

	text-align: center;

	height: 30px;

}

.sayfalama ul li {

	float:left;

	padding: 0 10px;

	height: 30px;

	line-height:30px;

	background-color:rgba(23,120,174,0.5);

	color : #ffffff;

}

.sayfalama ul li a {

	color : #ffffff;

}

.sayfalama ul .aktif {

	padding: 0 10px;

	height: 30px;

	line-height:30px;

	background-color:rgba(23,120,174,1);

}

/********** Referanslar Sayfası **********/

.filter-grid, .referans-listesi {
	width: 102%;
	display:inline-block;
}
.filter-grid .element-item, .referans-listesi li {
	margin: 0 10px 10px 0;
	width:253px;
	height:250px;
	float:left;
	text-align:center;
	font-weight:bold;
	border: 1px solid #dedede;
}
.filter-grid img, .referans-listesi img {
	width:100%;
	height:auto;
}
.filter-grid .element-item p {
	height:40px;
	overflow:hidden;
}
.filter-button-group {
	margin-bottom: 15px;
}
.filter-button-group button {
	background: #1778ae;
	padding: 7px 10px;
	border:0;
	margin:0;
	font-size:15px;
	line-height: 25px;
	border-radius:3px;
	color: #ffffff;
}
.filter-button-group .is-checked {
	background: #4f4f4f;
	color: #fff;
}
/********** Ürün Sayfası **********/

.fullwidth {

	padding:10px;

	width: 1058px;

}

.singlepost ul li:before {

	display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

	content: "\f046";

	margin-right: 5px;

}

.postslider {

	float:left;

	margin-right: 10px;

}

#postslide, #paginate-postslide {

	width:312px;

	text-align:center;

}

#postslide img {

	padding:4px;

	border: 1px solid #d3d9de;

}

.toc {

	margin-right:1px;

}

.toc img {

	padding:3px;

	border: 1px solid #d3d9de;

}

.toc img:hover {

	border: 1px solid #1778ae;

}

.page-content img {

	max-width:100%;

	height:auto;

}

/********** İletişim Sayfası **********/

.contact-form, .contact-form .row {

	width:50%;

	float:left;

}

.contact-form .row {

	width:49%;

}

.contact-form label, .wpcf7-form p {

	color:#777777;

}

.contact-form input, .contact-form textarea, .iletisim .wpcf7-form input, .page-content .wpcf7-form input, .iletisim .wpcf7-form textarea, .page-content .wpcf7-form textarea, .iletisim .wpcf7-form select, .page-content .wpcf7-form select {

	width:93%;

	height: 25px;

	padding: 3px 3%;

	border: 1px solid #ccc;

	border-radius: 4px;

	margin:7px 0 15px 0;

}

.iletisim span.wpcf7-list-item {

	margin-left: -27.5em;

}

.contact-form textarea, .iletisim .wpcf7-form textarea, .page-content .wpcf7-form textarea {

	height:auto;

}

.submitcontact, .iletisim .wpcf7-submit, .page-content .wpcf7-submit  {

	width:100px!important;

	padding:7px 0!important;

	height:35px!important;

	text-align:center;

	font-weight:bold;

	background: #1778ae;

	color: #ffffff;

	border:0!important;

}

#callback .yanlis, .contact-form .yanlis {

	border-color: #ff0000;

	-moz-box-shadow: 0 0 2px #ff0000;

	-webkit-box-shadow: 0 0 2px #ff0000;

	box-shadow: 0 0 2px #ff0000; 

}

/******************** 404 Sayfası *************************/

.page404-content {

	background: #fff;

	padding-top: 50px;

}

.page404 {

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

	height:450px;

	padding-top:48px;

}

.page404 .message {

	background: #1778ae;

	border-radius: 50%;

	width:250px;

	height:200px;

	margin: 0 auto;

	text-align:center;

	padding-top:50px;

}

.page404 .message div {

    color: #fff;

    line-height: 75px;

    font-size: 20px;

}

.page404 .message input {

	border:0;

	padding:10px;

}

/******** Sidebar ********/

.sidebar {

	width:230px;

	padding:10px;

}

.widget_sidebar {

	color: #000;

	margin-bottom: 10px;

	display: inline-block;

	width: 100%;

}

.widget_sidebar h2 {

	line-height:45px;

	padding:0px 15px;

	color:#ffffff;

	background: #1778ae;

}

.widget_sidebar ul a {

	color:#1c1c1c;

}

.widget_sidebar ul li {

	border: 1px solid #d0d0d0;

	background:#f6f6f6;

	padding: 10px;

	border-top:0;

}

.widget_sidebar ul li:hover {

	color:#ffffff;

	background: #1778ae;

	border-color: #1778ae;

}

.widget_sidebar ul li:hover a {

	color:#ffffff;

}

/****************************** Alt Kısım ******************************/

footer {

	width: 100%;

	height: auto;

	padding: 2px 0px 0px 0px;

	border: 0px;

}

.footer {

	background: url("images/footer.jpg");

	background-position: 30% 2%;

	color:  #000000;	

}

.footer-content {

	padding: 15px 0;

	display:flex;

}

.footer-content .fleft {

	float:left;

	width:300px;

	margin-right: 20px;

}

.social a{

	display: block;

	float:left;

    border-radius: 2px;

    color: #fff;

    font-size: 14px;

    height: 40px;

    line-height: 42px;

    margin-left: 4px;

    margin-right: 4px;

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: opacity .2s linear;

    transition: opacity .2s linear;

    text-align: center;

    width: 40px;

}

.social a:hover {

    opacity: .75;

    filter: alpha(opacity=75);

    -webkit-transition: opacity .2s linear;

    transition: opacity .2s linear;

}

.social a i {

	font-size:17px;

}

.social .facebook {

	background:#3b5998;

}

.social .twitter {

	background:#3bc6f5;

}

.social .google-plus {

	background:#d94a39;

}

.social .instagram {

	background:#8b5c48;

}

.social .youtube {

	background:#e90a07;

}

.social .pinterest {

	background:#cc2128;

}

.social .rss {

	background:#ff6501;

}

.footer-content .fright {

	float:left;

}

.widget-footer {

	float:left;

	width:213px;

	padding:0 20px;

}

.widget-footer h2 {

	border-bottom: 1px solid rgba(255,255,255,0.05);

	padding-bottom: 5px;

	margin-bottom: 5px;

}

.widget-footer a { 

	color:  #000000;	

}

.widget-footer ul li:before {

	display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

	content: "\f00c";

	margin-right:5px;

}

.footer-kod, .copyright {

	border-top: 1px solid rgba(255,255,255,0.05);

	text-align: center;

	padding: 20px;

}

#back-top {

	margin: 0 auto;

	width: 1080px;

	height: 0;

	text-align: right;

}

#back-top .move-top {	

  display: none;

  position: fixed;

  z-index: 999;

  margin-left: 25px;

  bottom: 35px;

}

#back-top .move-top i {

	width: 48px;

	height: 48px;

	text-align: center;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	font-size: 43px;

	border: 1px solid 3d3d3d;

	cursor: pointer;

	background: #3d3d3d;

	color: #fff;

}

/************************************************ Shortcodes *********************************/

/******** Çizgi ********/

.divider {width:100%; margin:15px 0;}

.normal-type {border-top: 2px solid #ccc;}

.bold-type {border-top: 5px solid #ccc;}

.dashed-type {border-top: 2px dashed #ccc;}

.dotted-type {border-top: 2px dotted #ccc;}

/******** Buton ********/

.button {background:#1778ae; color:#ffffff; padding: 5px 10px; margin:5px; line-height:38px;}

.button:hover {color:#fff; opacity:0.8;}

.medium {padding: 7px 15px; font-size: 16px; line-height:46px;}

.large {padding: 10px 20px; font-size: 20px; line-height:57px;}

.rounded {border-radius:5px;}

.red {background:#c52028; color:#fff;}

.green {background:#00923f; color:#fff;}

.yellow {background:#e67817; color:#fff;}

.blue {background:#007cc2; color:#fff;}

.purple{background:#b74f8e; color:#fff;}

.gray {background:#999999; color:#fff;}

.black {background:#212121; color:#fff;}

/******** İlk Harf Büyük ********/

.dropcap {margin:15px 0;}

.dropcap:first-letter { font-size: 48px; float: left; display: block; margin: 0 7px 0 0; padding:2px 10px; line-height: 1;}

.style2:first-letter {background:#1778ae; color:#ffffff;}

.style3:first-letter {background:#2d2d2d; color:#fff;}

/******** Box ************/

.infobox {border-radius:5px; padding:10px; display:flex; margin:10px 0; border: 1px solid; 	text-shadow: 0px 1px rgba(255,255,255,0.2);

}

.normal-box {  

	border-color: #ddd;

	-webkit-box-shadow: 0 0 5px rgba(153,153,153,0.6);

	-moz-box-shadow: 0 0 5px rgba(153,153,153,0.6);

	box-shadow: 0 0 5px rgba(153,153,153,0.6);

	}

.alert-box {  

	 border: 1px solid #ECCA91;

	color: #AB7C2E;

	background-color: #FBE9CA;

}

.error-box {  

	border: 1px solid #E38686;

	color: #9E2121;

	background-color: #EA9F9F;

}

.success-box {  

	border: 1px solid #accc5d;

	color: #70892b;

	background-color: #D6E7A9;

}

.info-box {  

	border: 1px solid #51B5F7;

	color: #04436C;

	background-color: #80C8F9;

}

/******** İçerik Kutusu ************/

.icon-box {float:left; text-align:center; margin:15px 0 15px 2%;}

.icon-box:nth-child(1) { margin-left:0;}

.icon-box i{

	background:#1778ae; 

	color:#ffffff;

	font-size: 60px;

	width: 120px;

	text-align: center;

	height: 120px;

	line-height: 120px;

	border-radius: 50%;

	}

.icon-box:hover i {

	background:#4f4f4f; 

	color:#fff;

}

.icon-box h2 { margin-top: 10px; }	

.icon-box p { text-align:left;}	

.four-box { width: 22.6%;}

/******** Alıntı ************/

.type1-quote, .type2-quote {

	font-family: Times New Roman;

	font-style: italic;

	clear:both;

}

.type1-quote:before, .type1-quote:after {

	font: normal normal normal 14px/1 FontAwesome;

	color: #6a6a6a;

	content: "\f10d";

	position: absolute;

	margin-left: -34px;

	font-size: 25px;

	margin-top: -5px;  

}

.type1-quote:after {

	content: "\f10e";

	margin-right: -35px;

	margin-top: -25px;

	position: relative;

	float: right;

}

.type2-quote {

	border-left: 3px solid #1778ae; 

	padding: 5px 5px 5px 25px;

	margin:5px;

}

/******** Akordiyon ************/

.accordion-title {

	background: #e0e0e0;	

	padding: 7px 10px;

	border: 1px solid #e0e0e0;

	color: #212121;

	cursor: pointer;

	margin-top:10px;

	font-size:16px;

	}

.accordion-title:hover {

	border: 1px solid #d4d4d4;

	background: #d4d4d4;

}

.accordion-content {

	display: none;

	background: #fff;

	color: #212121;

	border: 1px solid #e0e0e0;

	border-top:0;

	padding:10px;

}

.accordion-content p {

	font-size: 12px;

	padding-left: 10px;

	padding-right: 10px;

}

.accordion-active {

	display: block;

}

/******** Sekme ************/

ul.tabs-nav {

	margin: 15px 0 0 0;

	padding: 0;

	float: left;

	list-style: none;

	height: 41px;

	border-bottom: 1px solid #e0e0e0;

	border-left: 1px solid #e0e0e0;

	width: 100%;

}

ul.tabs-nav li {

	float: left;

	height: 40px;

	line-height: 40px;

	border: 1px solid #e0e0e0;

	border-left: none;

	background: #efefef;

	overflow: hidden;

	position: relative;

}

ul.tabs-nav li:before {

	display:none;

}

ul.tabs-nav li a {

	color: #000;

	display: block;

	font-size: 16px;

	padding: 0 20px;

	outline: none;

}

ul.tabs-nav li a:hover {

	background: #e0e0e0;

}	

html ul.tabs-nav li.active, html ul.tabs-nav li.active a:hover  {

	background: #fff;

	border-bottom: 1px solid #fff;

}

.tabs-container {

	border: 1px solid #e0e0e0;

	border-top: none;

	clear: both;

	float: left; 

	width: 100%;

	background: #fff;

}

.tab-content {

	padding: 10px;

}

/******** Sütun ************/

.column { margin-right: 3.2%; float: left; display: inline; position: relative;  margin-bottom: 10px;}

.last { clear: right; margin-right: 0!important; }

.one-full { margin-right: 0; width: 100%; overflow: hidden; }

.one-half { width: 48.4%; }

.one-third, .three-box { width: 31.2%; }

.two-third { width: 65.6%; }

.one-fourth { width: 22.6%; }

.three-fourth { width: 74.2%; }

.one-fifth {  width: 17.4%;}

.two-fifth {  width: 38%;}

.three-fifth {  width: 58.6%;}

.four-fifth {  width: 79.2%;}

/******** Table ************/

.table {

	float:left; background:#e6e6e6;

	border-bottom-left-radius: 7px;

	border-bottom-right-radius: 7px;

	margin:20px 0.5%;}

.table:first-child { margin-left:0;}

.one-price {width:100%;}

.two-price {width:49%;}

.three-price {width:32.6%;}

.four-price {width:24%;}

.five-price {width:19.2%;}

.six-price {width:15.8%;}

.seven-price {width:13.4%;}

.eight-price {width:11.6%;}

.table-header {

	background: -webkit-linear-gradient(rgba(61,61,61,0.9), #3d3d3d); /* For Safari 5.1 to 6.0 */

	background: -o-linear-gradient(rgba(61,61,61,0.9), #3d3d3d); /* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(rgba(61,61,61,0.9), #3d3d3d); /* For Firefox 3.6 to 15 */

	background: linear-gradient(rgba(61,61,61,0.9), #3d3d3d); /* Standard syntax */

	color:#fff; 

	border-top-left-radius: 7px;

	border-top-right-radius: 7px;

	padding-bottom:40px;

}

.table-header h3 { font-size:30px; padding-top:15px;}

.table-header h4 { font-size:14px; text-align:center; font-weight:normal; margin: 10px 0;}

.table-price { 

	width:100px; 

	height:100px; 

	border-radius:50%; 

	line-height:100px; 

	border: 7px solid #3d3d3d; 

	font-size:35px;

	font-weight:bold;

	text-align:center;

	margin: -50px auto 10px auto;

	background:#fff;

	}

.table-price i {font-size:22px;}

.table-content ul {border-top:1px solid #cdcdcd; border-bottom:1px solid #ffffff;}

.table-content ul li {border-bottom:1px solid #cdcdcd; border-top:1px solid #ffffff; margin:0; display:block; padding: 7px;}

.table-button {

	padding:7px 10px; 

	margin:15px auto; 

	background:rgba(61,61,61,0.7); 

	border-bottom: 2px solid #3d3d3d;

	border-radius: 7px;

	display:table;

	font-size:20px;

}

.table-button a {color:#fff;}

.table-button:hover {opacity:0.9;}

.thumb {

    -ms-transform: scaleX(1.02) scaleY(1.03);

    -webkit-transform: scaleX(1.02) scaleY(1.03);

    transform: scaleX(1.02) scaleY(1.03);

	margin-top: 5px;

}

.thumb .table-header {

	padding-bottom:50px;

	background: -webkit-linear-gradient(rgba(23,120,174,0.9), #1778ae); /* For Safari 5.1 to 6.0 */

	background: -o-linear-gradient(rgba(23,120,174,0.9), #1778ae); /* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(rgba(23,120,174,0.9), #1778ae); /* For Firefox 3.6 to 15 */

	background: linear-gradient(rgba(23,120,174,0.9), #1778ae); /* Standard syntax */

	color:#ffffff; 

}	

.thumb .table-price {

	width:110px;

	height:110px;

	line-height:110px;

	font-size:40px;

	border: 7px solid #1778ae; 

}

.thumb .table-button {

	background:rgba(23,120,174,0.7); 

	border-bottom: 2px solid #1778ae;

	margin: 20px auto;

}

.thumb .table-button a {color:#ffffff;}

/************************************************************ Responsive/Mobil ************************************************************/

#leftbox, .mobil-menu, .mobil-menu2, .mobillogo {

	display:none;

}

.mobil-menu, .mobil-menu2 {

		float:left;

		width:60px;

		height:60px;

		line-height:60px;

		text-align:center;

		font-size: 35px;

		color: #1778ae;

		border-right: 1px solid #d0d0d0;

}

.mobillogo img {

	height:80%;

	width:auto;

	margin-top:6px;

}

.mobil-box ul li {

	border-bottom: 1px solid #272727;

	border-top: 1px solid rgba(255,255,255,0.04);

	padding: 0 15px;

	line-height:60px;

	border-left: 5px solid #313131;

}

.mobil-box ul li:first-child {

	border-top:0;

}

.mobil-box ul li a {

	color:#fff;

}

.mobil-box .menu li:hover, .mobil-box .menu .current-menu-item {

	border-left: 5px solid #1778ae;

}

#pageslide {

    display: none;

    position: absolute;

    position: fixed;

    top: 0;

    height: 100%;

    z-index: 999999;

    width: 280px;

    padding: 0px;

    background-color: #313131;

    color: #FFF;

	border-top: 4px solid #1778ae;

}

.lefttop {

	background: #272727;

	width:100%;

	display: inline-block;

	height:30px;

	padding: 15px 0;

	text-align:center;

}

.lefttop li {

	border:0!important;

}

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

	#boxed, .header-top, .header-top-content, .header-bottom, .site-menu, .wrapper, .footer, .footer-content, .callback-content .form, .fullbox, .ucteiki, .halfbox, .uctebir, .hr {

		width: 100%;

	}

	#searchbox input {width: 95%;}

	#boxed {

		box-shadow:0;

		margin:0;

	}

	#boxed .wrapper {

		padding:0;

	}

	.header-top {

		height:60px;

	}

	.header-bottom {

		min-height: 80px;

	}

	.header-bottom .tel, .header-bottom .adres, .header-bottom .search {

		margin-top:15px;

	}

	.header-bottom .search {

		margin-right:15px;

	}

	.logo {

		margin-top:0;

		margin-left:20px;

		padding: 3px 7px;

	}

	.logo img {

		max-width: 200px;

		height: auto;

	}

	nav {

		position: absolute;

	}

	nav, #arama, #iletisim, .site-menu, .slider-content, #dil-liste, .paralar, .callback {

		display:none;

	}

	.mobil-menu {

		display:block;

	}

	.mobil-menu2 {

		float:right;

		border-right: 0;

		border-left: 1px solid #d0d0d0;

	}

	.mobil-menu a {

		color: #1778ae;

	}

	.wrapper {

		padding:0;

	}

	.fullbox {

		border-left:0;

		border-right:0;

	}

	#mpslider img {

		min-height:170px;

	}

	.viewport {

		width: 100%;

		margin:0;

	}

	.urunler li {

		width: 254px!important;

	}

	.page-content, .sidebar, .fullwidth {

		width: 98%;

		padding:10px 1%;

		border-right:0;

		border-left:0;

	}

	.sidebar .menu li {

		width:98%;

		float:left;

		padding: 0 1%;

	}

	.callback-content .fleft {

		width:340px;

		padding-left:10px;

	}

	.footer-content .fleft {

		margin: 0 0 0 10px;

		width:295px;

	}

	.footer-content ul, .copyright {

		padding-left:10px;

	}

	.referans-listesi li {

		margin: 10px 1.4%;

		width: 22%;

	}	

	.widget_liste {

		width:99%;

		padding: 8px 0 0 1%;

	}

	.widget-footer {

		width:195px;

	}

	.relative {

		margin-top:0;

	}

	.owl-theme .owl-controls .owl-page span {

		width:75px;

	}

}

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

	.urunler li {

		width: 240px!important;

	}

	.bizden-haberler li {

		width: 50%!important;

	}

	#mobil-arama {

		width:175px;

	}

	#mobil-arama input {

		width:150px;

	}

	.header-bottom .tel, .header-bottom .adres {

		display:none;

	}

	.callback-content .form {

		display:inline-table;

	}

	.callback-content .fleft, .callback-content .fright {

		width:98%;

		border:0;

		height: auto;

	}

	.footer-content .fright  {

		width: 484px;

	}

	.callback-content .fleft li {

		float:left;

		width:350px;

	}

	.owl-theme .owl-controls .owl-page span {

		width:50px;

	}

}

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

	.icon-box, .table {width:100%; margin:15px 0;}

	.pagetop { background-size: 100% 100%; }

	.page-content .resim { width:75%; margin-right:0; display:block;}

	.page-content .resim img { width:100%; height:152px;} 

	.haber-tarih { width:25%; display:block;}

	.page-content .bizden-baslik, .page-content .bizden-icerik  { max-height:none; overflow: inherit;}

	.header-bottom, .butmorenews, #dil-liste {display:none;}

	.mobillogo {display:block; height:60px; }

	.header-top-content {text-align:center;}

	.owl-theme .owl-controls .owl-page span {

		width:25px;

	}

	.mobil-menu2 {

		display:block;

	}

	.column {

		margin-right: 0;

		width: 100%;

		overflow: hidden;

	}

	homepage-box {

		height:auto;

	}

}

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

	.urunler li, .referanslar li {

		width: 390px!important;

	}

	.bizden-haberler li {

		width: 100%!important;

	}

	#mobil-open-search {

		display:none;

	}

	.owl-theme .owl-controls .owl-page span {

		width:10px;

	}



	.callback-content .fleft li{

		width:300px!important;

	}

	#sa_tel, #sa_name, .callback-content .fleft span  {

		width:250px!important;

	}

	.submitcontact, .wpcf7-submit {

		width: 50px!important;

	}

	.callback-content .fright {

		padding:15px 5px;

	}

	.footer-content .fleft, .footer-content .fright, .callback-content .form {

		float:none;

		width:310px!important;

	}

	#callback .input, .fleft, #callback .input, .fright{

		width: 310px!important;

	}

	.footer-content {

		display: inline-block;

	}

	.referans-listesi li {

		width: 45%;

	}

	h1 {

	font-size:16px;

	}

}