/*
Theme Name: İstanabul Sanat Ferforje - El İşçiliği Demir Ferforje Ürünler
Theme URI: https://www.istanbulsanatferforje.com/
Author: Webajans.com - Dijital Pazarlama ve Reklam Ajansı
Author URI: https://www.webajans.com/
Description: Bu web sitesi, webajans.com tarafından özel olarak hazırlanmıştır.
Version: 1.0
*/

@font-face {

    font-family: 'Avantgarde';

    src: url('fonts/Avantgarde.eot');

    src: url('fonts/Avantgarde.eot?#iefix') format('embedded-opentype'),

        url('fonts/Avantgarde.woff2') format('woff2'),

        url('fonts/Avantgarde.woff') format('woff'),

        url('fonts/Avantgarde.ttf') format('truetype'),

        url('fonts/Avantgarde.svg#Avantgarde') format('svg');

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'Avantgarde';

    src: url('fonts/AvantgardeBoldItalic.eot');

    src: url('fonts/AvantgardeBoldItalic.eot?#iefix') format('embedded-opentype'),

        url('fonts/AvantgardeBoldItalic.woff2') format('woff2'),

        url('fonts/AvantgardeBoldItalic.woff') format('woff'),

        url('fonts/AvantgardeBoldItalic.ttf') format('truetype'),

        url('fonts/AvantgardeBoldItalic.svg#AvantgardeBoldItalic') format('svg');

    font-weight: bold;

    font-style: italic;

}



@font-face {

    font-family: 'Avantgarde';

    src: url('fonts/AvantgardeBold.eot');

    src: url('fonts/AvantgardeBold.eot?#iefix') format('embedded-opentype'),

        url('fonts/AvantgardeBold.woff2') format('woff2'),

        url('fonts/AvantgardeBold.woff') format('woff'),

        url('fonts/AvantgardeBold.ttf') format('truetype'),

        url('fonts/AvantgardeBold.svg#AvantgardeBold') format('svg');

    font-weight: bold;

    font-style: normal;

}



::-webkit-input-placeholder { /* WebKit browsers */

 color:    #979797;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

 color:    #979797;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

 color:    #979797;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

 color:    #979797;

}



*:focus {

    outline: 0 !important;

	box-shadow:0 !important;

}

.mask {

    position:absolute;

    width:100%;

    height:100%;

    left:0;

    top:0;

	z-index:10;

}

.clearfix { clear:both; }

.rotate{ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; }

.rotate:hover   { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }



a { color:#000; }

a:hover, a:focus { color:#160b58; text-decoration:none; }



p { margin:20px 0; letter-spacing:0.3px; line-height:1.5; }



html { position: relative; min-height: 100%; }

body { font-family:"Tahoma"; color:#000; background:#fff; font-size:15px; margin-bottom: 314px; }

body.home { margin-bottom: 0; }



h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }



/********** HEADER **********/

header { background:rgba(255,255,255,1); border-bottom: 7px solid #F44336; position: relative; z-index:999; -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); }



header .logo { margin:0; padding: 30px 0; display: inline-block; float: left; width:240px; }

header .logo a { display:block; }

header .logo a img { width:100%; height:auto; }



header .navbar { background: none; border:none; min-height:70px; margin:0; }

header .navbar .container { position: relative; }

header #navbar { margin:0; padding:0; float:right; }

header #navbar ul.nav > li { float: none; display: table-cell; padding-right: 30px; height: 150px;  }

header #navbar ul.nav > li::after{
	content:'';
	position:absolute;
	background-color:#ff3c78;
	height:3px;
	width:0;
	left:0;
	bottom:-4px;
	transition:all 0.35s ease;
}
header #navbar ul.nav > li:hover::after{
		width:100%;
}

header #navbar ul.nav > li:last-child::after{
	position:static;
	background-color:#fff;
	transition:none;
	
}


header #navbar ul.nav > li + li { border-left: 2px solid #f7f7f7; }

header #navbar ul.nav > li + li > a { border-left: 2px solid #F44336; margin-left: -2px; }

header #navbar ul.nav > li > a { padding:0; padding-left: 10px; margin-top: 20px; font-family: "Avantgarde"; font-weight: bold; font-size: 15px; color:#545454; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease; }

header #navbar ul.nav > li.menu-item-has-children > a {background: url('img/arrow-menu.png') no-repeat right;padding-right: 20px;display: inline-block;}

header #navbar ul.nav > li > a:hover, header #navbar ul.nav > li.current-menu-item > a, header #navbar ul.nav > li.current-page-ancestor > a, header #navbar ul.nav > li.open > a, header #navbar ul.nav > li.current-menu-parent > a {  }

header #navbar ul.nav > li:last-child { padding-right: 0; }



header #navbar ul.nav > li > ul { margin: 5px 0 5px 10px; padding: 0; list-style: none; }

header #navbar ul.nav > li > ul > li { }

header #navbar ul.nav > li > ul > li > a { font-family: 'Avantgarde'; font-size: 14px; color: #545454; }



header .navbar .phone { display: inline-block; position: absolute; bottom: 0; right: 82px; }

header .navbar .phone a { display: inline-block; background: #F44336; color: #fff; font-family: 'Avantgarde'; font-weight: bold; padding: 10px 12px; font-size: 16px; }
header .navbar .phone a.katalog { background: #795548; padding: 10px 22px; }





@media (min-width:992px) and (max-width:1200px) {

	header #navbar ul.nav > li { margin:0 20px 0 0; }

	header #navbar ul.nav > li > a { font-size:16px; }

}

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

	header #navbar ul.nav > li > a { font-size:13px; }

}

@media (max-width:767px) {

	header .logo { display:block;margin: 0 0 0 0px;padding: 0px 0;object-fit: cover;object-position: center;text-align: center;}

	header #navbar { width: 100%;}

	header #navbar ul.nav {margin:0 0;width: 100%;min-height: 100vh;}

	header #navbar ul.nav > li {margin:0;float: none;display: block;height: auto;padding: 0 30px !important;text-align: center;}

	header #navbar ul.nav > li > a {padding: 10px 0px !important;margin: 0;background: none !important;display: block !important;text-align: center !important;}

	header #navbar ul.nav > li + li {border-left: 0;border-top:1px solid #e9e9e9;/* text-align: center; */}

	header #navbar ul.nav > li + li > a { border-left:0; margin-left: 0; }

	header #navbar ul.nav > li > ul { display: none; }

}



@media  (max-width:991px) {

	header #navbar {width: 100%;position: fixed;background: #fff;left: 0;top: 50px;padding-top: 20px;z-index: -1;height: 100vh;}

	header #navbar .navbar-nav { margin: 10px 0; }

	header .navbar .phone { right: 125px; }

    header .navbar-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border:none; border-radius:0; margin: 30px 15px 0; background-color: none !important; }

    header .navbar-toggle .icon-bar { background-color: #000 !important; width: 30px; height: 4px; }

    header .navbar-toggle:focus,

    header .navbar-toggle:hover { background: none !important; } 

    header .navbar-toggle.collapsed .icon-bar.top-bar { transform: rotate(0); }

    header .navbar-toggle.collapsed .icon-bar.middle-bar { opacity: 1; }

    header .navbar-toggle.collapsed .icon-bar.bottom-bar {transform: rotate(0);width: 14px !important;} 

    header .navbar-toggle .icon-bar { transition: all 0.3s; }

    header .navbar-toggle .icon-bar.top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }

    header .navbar-toggle .icon-bar.middle-bar { opacity: 0; }

    header .navbar-toggle .icon-bar.bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90%;width: 20px;}

    header .navbar ul.nav > li .dropdown-menu { display: none !important; }

}



/********** END HEADER **********/





/********** WELCOME **********/

.welcome { padding:0 0 100px; margin-top: 30px; }

.welcome h1 { padding:20px 0 0 0; font-family:'Avantgarde'; font-size:36px; color:#242424; line-height:40px; text-align: center; }

.welcome h1 strong { font-size:39px; display:block; }

.welcome .boxes { margin:0 -20px; }

.welcome .boxes .box { padding:20px 20px; border: 3px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.welcome .boxes .box:hover { border-color: #ff4e4e; } 

.welcome .boxes .box .wrap { min-height: 120px; }

.welcome .boxes .box img { width:100%; height:auto; }

.welcome .boxes .box h3 { padding:15px 0 0; font-family:'Avantgarde'; font-weight: bold; font-size:21px; color:#242424; }

.welcome .boxes .box h4 { padding: 5px 0 7px; font-family:'Avantgarde'; font-size:20px; color:#242424; }



.welcome .boxes .box hr { position: relative; z-index: 1; margin: 10px 0 15px 0; border: 0; background: #e7e7e7; width: 100%; height: 1px; display: block; }

.welcome .boxes .box hr:before { position: absolute; z-index: 2; content: ""; margin: -2px 0 0 0; border: 0; background: #ff4e4e; width: 53px; height: 4px; display: block; }

.welcome .boxes .box p { line-height: 20px; }

.welcome .boxes .box ul { margin:10px 0; padding:0 0 0 20px;     list-style: none; }

.welcome .boxes .box ul li { margin:3px 0; }

.welcome .boxes .box ul.link li:before { content: "•"; font-size: 25px; vertical-align: sub; line-height: 0px; display: inline-block; margin: 0px 6px 0px -18px; }

.welcome .boxes .box ul.link li { color:#ff4e4e; float:left; width:50%; }

.welcome .boxes .box ul.link li:nth-child(1),

.welcome .boxes .box ul.link li:nth-child(2),

.welcome .boxes .box ul.link li:nth-child(3),

.welcome .boxes .box ul.link li:nth-child(4) { color:#ffb64d; }



.welcome .boxes .box ul li a { }

.welcome .boxes .box > a { margin:20px 0 0 0; color:#fff; font-family:'Avantgarde'; font-size: 14px;border-radius:30px; font-weight: bold; text-align:center; display:inline-block; padding:10px 30px; background:#ff4e4e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.welcome .boxes .box > a:hover { background-color:#242424; }

@media (max-width:767px) {

    .welcome .boxes { margin:0 -15px; }

}

/********** END WELCOME **********/





/********** WORLD **********/

.world { background:url(img/bg-world.jpg) repeat-x top #2d0540; background-size: cover; min-height:890px; }

.world .goBot { text-align:center; width:100%; margin-top:-32px; margin-bottom:10px; }

.world .goBot a { background:url(img/Alev.png) no-repeat; width:91px; height:92px; display:inline-block; }

.world .wInfo { padding:0 70px; }



/* country */

.world .wInfo .elemWorld { text-align:center; position:relative; width:90%; background: url("img/world.png") no-repeat right center; height: 610px;  margin-bottom:6rem; }

.world .wInfo .elemWorld .flip-text-video { display: inline-block; position: absolute; top: 35%; left: 0; z-index: 10; width: 100%; height: 140px; margin: 0; padding:0; color: #fff; font-family:"Avantgarde"; font-size:60px; text-align: center; -ms-perspective: 500; -webkit-perspective: 500; perspective: 500; line-height: 60px; }

.world .wInfo .elemWorld .flip-text-video strong { display: block; font-family:"Avantgarde"; color: #fff; font-size: 75px }

.world .wInfo .elemWorld .flip-text-video li { display: inline-block; z-index: 1; text-align: center; width: 100%; position: absolute; top: -40px; left: 0; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; opacity: 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); transform: rotateX(90deg); }

.world .wInfo .elemWorld .flip-text-video li:before { position: absolute; z-index: -1; left: 50%; margin-left: -30%; top:-30px; width: 25%; height: 180px; content: ""; display: inline-block; background: #F44336; }

.world .wInfo .elemWorld .flip-text-video li.set{ top:0;opacity:1; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; transform-origin:0 0; -moz-transform:rotateX(0deg); -ms-transform:rotateX(0deg); -webkit-transform:rotateX(0deg); transform:rotateX(0deg); } 

.world .wInfo .elemWorld .flip-text-video li.down{ top:80px;opacity:0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; transform-origin:0 0; -moz-transform:rotateX(-90deg); -ms-transform:rotateX(-90deg); -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); }

  

.world .wInfo p { font-family:"Avantgarde"; font-size:20px; color:#fff; line-height: 30px; }

.world .wInfo a { border-radius: 30px; margin:10px 0 20px; font-family:"Avantgarde"; font-size:14px; color:#fff; background: #F44336; font-weight: bold; padding:10px 25px ; display:inline-block;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.world .wInfo a:hover { background:#33d87a; }



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

	.world .wInfo p { font-size:20px; }

}



@media (max-width:767px) {

	.world .goBot { padding:0 15px; }

	.world .wInfo { padding:0 15px; }

    .world .wInfo .elemWorld { background: none; height: 420px; width:60%; }

	.world .wInfo .elemWorld .flip-text-video { top: 50%; font-size:40px !important; }

    .world .wInfo .elemWorld .flip-text-video li:before { margin-left: -50%; }

	.world .wInfo img { width:100%; height:auto; }

	.world .wInfo p { font-size:17px;  }
	.ulke-baslik{
		font-size:25px;
	}
	
	.world .wInfo .elemWorld .flip-text-video strong { font-size:55px; }

}

/********** END WORLD **********/





/********** PRODUCTS **********/

.products {  }

.products .pTop { min-height:390px; padding:55px 0 0;  }

.products .pTop h2 { padding:0 0 5px 0; font-family:'Avantgarde'; font-size:36px; color:#242424; line-height:45px; }

.products .pTop h2 strong { font-weight: bold; font-size:39px; display:block; }

.products .pTop hr { position: relative; z-index: 10; margin: 5px 0 -2px 0; border: 0; background: #F44336; width: 53px; height: 4px; border-radius: 2px; }

.products .pTop hr.line { z-index: 1; margin: 0; border: 0; background: #e7e7e7; width: 100%; height: 1px; display: block; }

.products .pTop .fwrap { margin: 10px 0; }

.products .pTop .fwrap ul { list-style: none; margin: 0; padding: 0; }

.products .pTop .fwrap ul li { display: inline-block; font-family: 'Avantgarde'; font-size: 22px; color: #242424; }

.products .pTop .fwrap ul li:nth-child(2n+2) { font-weight: 700; }

.products .pTop .fwrap ul li + li:before { content: "·"; display: inline-block; font-weight: 500; margin: 0px 6px 0px 4px; }



.products .pBot { min-height:1150px; background:url(img/Demir-Dovme-Sanati.jpg) bottom center no-repeat; background-size: cover; }



.products .pBot .boxes { margin: -130px 0 0; }

.products .pBot .boxes .box { overflow: hidden; background: #fcfcfc !important; padding: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.products .pBot .boxes .box .bWrap { position: relative; min-height: 330px; margin: 80px 40px 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.products .pBot .boxes .box .bg { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.products .pBot .boxes .box .bg img { height: 100%; width: auto; }

.products .pBot .boxes .box .bWrap > img { width: auto; height: auto; }

.products .pBot .boxes .box h5 { margin: 25px 0 5px; color: #242424; font-family: 'Avantgarde'; font-size: 29px; }

.products .pBot .boxes .box h5 strong { display: block; }

.products .pBot .boxes .box h6 { color: #afafaf; font-family: 'Avantgarde'; font-size: 14px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.products .pBot .boxes .box a { position: absolute; bottom: 0; left: 0; }

.products .pBot .boxes .box:hover h5 { color: #fff; }

.products .pBot .boxes .box:hover { z-index: 10; background: #33d87a; -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); }

.products .pBot .boxes .box:hover .bWrap {  }

.products .pBot .boxes .box:hover .bg { opacity: 1; }

.products .pBot .boxes .box:hover h6 { color: #fff; }

.products .pBot .boxes.owl-carousel .owl-item { padding: 30px 0; overflow: hidden; }



@media (min-width:992px) and (max-width:1200px) {

}

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

    .products .pBot .boxes { margin: -100px 0 0; }

    .products .pBot .boxes .box .bg img { height: auto; width: 100%; }

}

@media (max-width:767px) {

    .products .pTop { min-height:320px; }

    .products .pBot .boxes .box .bg img { height: auto; width: 100%; }

}
.owl-item {
display: inline !important;
}

.products .pBot .pContact { margin:10px 0 50px; text-align:center; }

.products .pBot .pContact .pSocial { text-align: center; }

.products .pBot .pContact .pSocial ul { margin:0; padding:0; }

.products .pBot .pContact .pSocial ul li { display: block; margin-right: 7px; list-style: none; display: inline-block; }

.products .pBot .pContact .pSocial ul li a { display: block; height: 62px; width:62px; background: url('img/social-sprite.png') no-repeat; }

.products .pBot .pContact .pSocial ul li a.instagram { background-position: 0px 0px; }

.products .pBot .pContact .pSocial ul li a.instagram:hover { background-position: 0px -62px; }

.products .pBot .pContact .pSocial ul li a.facebook { background-position: -62px 0px; }

.products .pBot .pContact .pSocial ul li a.facebook:hover { background-position: -62px -62px; }

.products .pBot .pContact .pSocial ul li a.twitter { background-position: -124px 0px; }

.products .pBot .pContact .pSocial ul li a.twitter:hover { background-position: -124px -62px; }

.products .pBot .pContact .pSocial ul li a.pinterest { background-position: -186px 0px; }

.products .pBot .pContact .pSocial ul li a.pinterest:hover { background-position: -186px -62px; }

.products .pBot .pContact .pSocial ul li a.linkedin { background-position: -248px 0px; }

.products .pBot .pContact .pSocial ul li a.linkedin:hover { background-position: -248px -62px; }

.products .pBot .pContact .pSocial ul li a.googleplus { background-position: -310px 0px; }

.products .pBot .pContact .pSocial ul li a.googleplus:hover { background-position: -310px -62px; }

.products .pBot .pContact .pSocial ul li a.youtube { background-position: -372px 0px; }

.products .pBot .pContact .pSocial ul li a.youtube:hover { background-position: -372px -62px; }

.products .pBot .pContact .pSocial ul li a.map { background-position: -434px 0px; }

.products .pBot .pContact .pSocial ul li a.map:hover { background-position: -434px -62px; }

.products .pBot .pContact .dotted { font-family:'Avantgarde'; font-size:19px; color:#fff; margin: 20px 0 30px; }

.products .pBot .pContact h3 { font-family:'Avantgarde'; font-weight: bold; font-size:30px; color:#fff; }

.products .pBot .pContact p { font-size: 22px; color:#FFF; margin:10px 0 40px; font-family: 'Avantgarde'; letter-spacing: 2px; }

.products .pBot .pContact > a { border-radius:30px; display: inline-block; background: #F44336; font-size: 14px; color:#fff; font-family: 'Avantgarde'; padding: 10px 35px; font-weight: bold; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.products .pBot .pContact > a:hover { background: #FF9800; }





@media (min-width:992px) and (max-width:1200px) {

}

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

}

@media (max-width:767px) {

}

/********** END PRODUCTS **********/





/********** SUB PAGE **********/

.banner { width:100%; height:470px; background-size: cover !important; -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3); }

.banner h1 { font-family:'Avantgarde'; font-weight: bold; font-size:35px; color:#ffffff; margin:10% 0 0;  }

.banner p { width: 65%; font-family:'Avantgarde'; font-size:27px; color:#ffffff; margin:0 0 20px 0;  }



@media (max-width:767px) {

    .banner h1 { margin:20% 0 0; font-size: 30px; }

    .banner p { width: 100%; font-size:22px;  }

}



.page { padding:30px 0; }

.page .sidebar { padding:0; margin:0; }

.page .sidebar ul,.sidebar li { list-style:none; padding:0; margin:0; }

.page .sidebar > li { margin-bottom:20px; }

.page .sidebar li .widgettitle { font-size:25px; font-family:'Avantgarde'; font-weight: bold; color:#242424; letter-spacing:-1px; margin-bottom:15px  }

.page .sidebar li ul.menu li { margin:0 0 0 0; }

.page .sidebar li ul.menu li + li { border-top:1px solid #e5e5e5;}

.page .sidebar li ul.menu li a { display:block; padding:13px 10px 10px; color:#242424; font-size:14px; font-family:'Avantgarde'; border-left: 3px solid transparent; }

.page .sidebar li ul.menu li a:hover,

.page .sidebar li ul.menu li.current-menu-item a,

.page .sidebar li ul.menu li.current-menu-parent a { color:#4c24f3; border-left-color: #4c24f3; background: #fafafa; font-weight: bold; }



.page .sidebar h4 { font-size:18px; color:#737373; text-align:center; margin-bottom:30px; }

.page .sidebar h5 { font-size:14px; color:#737373; text-align:center; margin-bottom:20px; }

.page .sidebar h5 a { color:#737373; }

.page .sidebar .sSocial { margin:100px 0 50px; text-align:center; }

.page .sidebar .sSocial ul { margin:0; padding:0; display: inline-block; }

.page .sidebar .sSocial ul li { display: block; list-style: none; float: left; padding:15px 21px; }

.page .sidebar .sSocial ul li + li { border-left:1px solid #d3d3d3; }

.page .sidebar .sSocial ul li a { display: block; height: 21px; width:21px; background: url('img/social-sprite-side.png') no-repeat; }

.page .sidebar .sSocial ul li a.facebook { background-position: 0px 0px; }

.page .sidebar .sSocial ul li a.twitter { background-position: -21px 0px; }

.page .sidebar .sSocial ul li a.pinterest { background-position: -42px 0px; }

.page .sidebar .sSocial ul li a.instagram { background-position: -63px 0px; }



.page .sidebar .sProducts { margin:0 0 50px; }

.page .sidebar .sProducts .product {  }

.page .sidebar .sProducts .product img { width:100%; height:auto; margin:0 0 20px;  }

.page .sidebar .sProducts .product + .product { margin-top:20px; padding-top:30px; border-top:1px solid #d3d3d3;  }



.page .sPrint { float:right; }

.page .sPrint > a { position:relative; z-index:5; width:51px; height:51px; display:inline-block; background:url(img/share-print.jpg) 0 0 no-repeat; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.page .sPrint > a.share { background-position:0 0; }

.page .sPrint > a.share:hover, .page .sPrint > a.share.active { background-position:0 -51px; }

.page .sPrint > a.print { background-position:-51px 0; }

.page .sPrint > a.print:hover { background-position:-51px -51px; }



.page .sPrint .spSocial { position: absolute; width: 200px; text-align: right; margin-left: -150px; opacity:0; visibility:hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.page .sPrint .spSocial.active { opacity:1; visibility:visible; margin-left:-200px; }

.page .sPrint .spSocial a { width:51px; height:51px; display:inline-block; background:url(img/social.jpg) 0 0 no-repeat; }

.page .sPrint .spSocial a.google { background-position:0 0; }

.page .sPrint .spSocial a.twitter { background-position:-51px 0; }

.page .sPrint .spSocial a.facebook { background-position:-102px 0; }

.page .content { margin-bottom:40px; }

.page .content h1 { color:#000; font-weight:bold; font-family:'Avantgarde'; font-size:27px; margin:30px 0 27px; }

.page .content h2 { color:#000; font-weight:bold; font-family:'Avantgarde'; font-size:25px; margin:30px 0 31px; }

.page .content h3 { color:#000; font-weight:bold; font-family:'Avantgarde'; font-size:23px; margin:30px 0 23px; }

.page .content h4 { color:#000; font-weight:bold; font-family:'Avantgarde'; font-size:21px; margin:30px 0 21px; }

.page .content h5 { color:#000; font-weight:bold; font-family:'Avantgarde'; font-size:19px; margin:30px 0 19px; }

.page .content h6 { color:#000; font-weight:bold; font-family:'Avantgarde'; font-size:17px; margin:30px 0 17px; }



.page .content h1,
.page .content h2 { margin-top: 0; font-weight:normal; color:#424242; }

.page .content h1 strong,
.page .content h2 strong { color: #000; }



.page .content hr { position: relative; z-index: 1; margin: 10px 0 15px 0; border: 0; background: #e7e7e7; width: 100%; height: 1px; display: block; }

.page .content hr:before { position: absolute; z-index: 2; content: ""; margin: -2px 0 0 0; border: 0; background: #33d87a; width: 155px; height: 4px; display: block; }



.page .content p  { color:#424242; font-family: 'Avantgarde'; }

.page .content p strong { font-size: 17px; }
.page .content p { font-size: 15px; }



.page .content img.alignleft  { float:left; margin:0 20px 15px 0; }

.page .content img.alignright  { float:right; margin:0 0 15px 20px; }

.page .content img.aligncenter { display: block; margin:0 auto; }



.page .content blockquote { margin:0; padding:1px 25px 25px; border:0; font-size:14px; color:#fff; background:#31d678; }

.page .content blockquote img {  }



.page .content  ul { list-style-type: square; }

.page .content  ul li { margin:7px 0; }



.page .gallery {  }

.page .gallery .row { margin:0 -3px; }

.page .gallery .row > div { padding: 0 3px 6px; }

.page .gallery .gal { position: relative; }

.page .gallery .gal .gWrap { position: absolute; background: rgba(0,0,0,0.5); left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.page .gallery .gal .gWrap span { color: #fff; font-family: 'Avantgarde'; font-weight: bold; font-size: 15px; padding-right: 30px; background: url("img/icon-zoom.png") right center no-repeat; position: absolute; right: 15px; bottom: 15px; }

.page .gallery .gal img { width: 100%; height: auto; }

.page .gallery .gal:hover .gWrap { opacity: 1; }



@media (max-width:767px) {

	.page .content img.alignleft, .page .content img.alignright, .page .content img.aligncenter { float:none; display:block; width:100%; height:auto; margin:15px 0; }

	.page .sPrint { display:none; }

}

/********** END SUB PAGE **********/





/********** SERVICES **********/

.page.srv .services { margin:40px 0; }

.page.srv .services .row { margin:0 -6px; }

.page.srv .services .row > [class*="col-"] { padding:0 6px 12px; }



.page.srv .services .service { border-bottom: 8px solid #4c24f3; overflow: hidden; position: relative; background: #fcfcfc !important; padding: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.page.srv .services .service .bWrap { position: relative; min-height: 330px; margin: 80px 40px 60px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.page.srv .services .service .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.page.srv .services .service .bg img { height: 100%; width: auto; }

.page.srv .services .service .bg .bgWrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }

.page.srv .services .service > img {  }

.page.srv .services .service h5 { margin: 25px 0 5px; color: #fff; font-family: 'Avantgarde'; font-size: 29px; letter-spacing: 0px; font-weight: normal; }

.page.srv .services .service h5 strong { display: block; }

.page.srv .services .service h6 { margin: 10px 0; color: #fff; font-family: 'Avantgarde'; font-size: 14px; font-weight: bold; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.page.srv .services .service .bWrap a { border-radius:30px; background: url("img/arrow-cat.png") right 15px center no-repeat; position: absolute; bottom: 0; left: 0; padding: 10px 65px 10px 15px; font-size: 14px; color: #fff; font-family: 'Avantgarde'; font-weight: bold; letter-spacing: 0px; border: 2px solid #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }



.page.srv .services .service:hover { -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); }

.page.srv .services .service:hover .bWrap a { background-color: #4c24f3; border-color: #4c24f3; }

.page.srv .services .service:hover .bg, .page.srv .services .service:focus .bg {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}



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

    .page.srv .services .service .bg img { height: auto; width: 100%; }

}

@media (max-width:767px) {

    .page.srv .services .service .bg img { height: auto; width: 100%; }

}

/********** END SERVICES **********/



/*-- referanslar ---*/
.referanslar{}
.referanslar .ref{margin:20px 0 40px;}
.referanslar .ref .ref-cont{text-align:center;padding:25px 0;background-color:#f0f0f0;border-left:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
.referanslar .ref .ref-cont:nth-child(3n+1){border-left-color:#f0f0f0;}
.referanslar .ref .ref-cont:nth-last-child(1),.referanslar .ref .ref-cont:nth-last-child(2),.referanslar .ref .ref-cont:nth-last-child(3){border-bottom-color:#f0f0f0;}
.referanslar .ref .ref-cont img{max-width:230px;width:100%;height:auto;}
@media (max-width:991px){
    .referanslar .ref .ref-cont:nth-child(3n+1){border-left-color:#d8d8d8;}
    .referanslar .ref .ref-cont:nth-child(2n+1){border-left-color:#f0f0f0;}
    .referanslar .ref .ref-cont:nth-last-child(1),.referanslar .ref .ref-cont:nth-last-child(2){border-bottom-color:#f0f0f0;}
    .referanslar .ref .ref-cont:nth-last-child(3){border-bottom-color:#d8d8d8;}
}

.page.referanslar .gallery { margin: 30px 0 0; }

.page.referanslar .content ul{list-style-type:square;}
.page.referanslar .content ul li{margin:7px 0;display:inline-block;width:32%;}
.page.referanslar .content ul li:before{content:"•";padding-right:5px;}
@media (max-width:767px){
    .page.referanslar .content ul {padding:0;}
    .page.referanslar .content ul li{width:48%;}
    .page.referanslar .content ul li:before { color:#e50c2d; }
    .page.referanslar .content ul li:nth-child(2n):before { color:#0eb6e7; }
}


/********** CONTACT **********/

.page.cnc {}

.page.cnc h2 { font-size:24px; color:#242424; font-family:'Avantgarde'; font-weight: bold; }

.page.cnc .row { margin:0 -30px; }

.page.cnc .row > [class*="col-"] { padding:0 30px; }

.page.cnc .cInfo { background:#f0f0f0; border:1px solid #e5e5e5; padding:5px 50px 30px; margin:53px 0 0; }

.page.cnc .cInfo h4 { margin:40px 0 5px; }

.page.cnc .cInfo p { margin:10px 0; font-size: 15px; }

.page.cnc .cInfo a { text-decoration:underline; }



.maps { padding:20px 0; }

.maps h2 { font-size:24px; color:#242424; font-family:'Avantgarde'; font-weight: bold; }

.maps .map { width:1500px; margin:35px auto; overflow: hidden; -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); }

.maps .map iframe { width:100%; height:735px; margin-top:0; pointer-events:none; }

@media (max-width:1500px) {

	.page.cnc .row { margin:0 -15px; }

	.page.cnc .row > [class*="col-"] { padding:0 15px; }

	.maps .map { width:95%; }

}

@media (max-width:767px) {

	.maps .map iframe { width:100%; height:500px; margin-top:0; pointer-events:none; }

}



/********** END CONTACT **********/





/********** TABLE **********/

.table > thead > tr > th { background:#ddd; vertical-align:middle; text-align:center; border-top: 2px solid #ddd !important; }

.table > thead > tr > th:first-child { text-align:left; } 

.table > tbody > tr > td { vertical-align:middle; text-align:center; }

.table > tbody > tr > td:first-child { text-align:left; }

.table > tbody > tr:nth-child(2n-1) { background:#f5f5f5; }

.table > tbody > tr:hover { background:#efefef; }

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-color:#d4d4d4; }



@media (max-width:767px) {

	.table { font-size:7px; }

}

/********** END TABLE **********/





/********** DOCUMENTS **********/

.page .documents { margin:40px 0; }

.page .documents .document { -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); }

.page .documents .document img { width:100%; height:auto; }

/********** END DOCUMENTS **********/





/********** NEWS *********/

.page.hbr .news { margin:40px 0; }

.page.hbr .news .row > [class*="col-"] {padding-bottom:20px;min-height: 340px;max-height: 340px;overflow: hidden;}

.page.hbr .news .new { background:#f3f3f3; border-bottom:5px solid transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.page.hbr .news .new:hover { border-color:#33d87a; -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); }

.page.hbr .news .new img { width:100%; height:auto; }

.page.hbr .news .new h5 { padding:40px 30px 0; margin:0; color:#737373; font-size:22px; }

.page.hbr .news .new p { margin:20px 30px; color:#737373; font-family:'Avantgarde'; letter-spacing:1px;  }

.page.hbr .news .new .more { margin:0 30px 15px; }

.page.hbr .news .new .more a { display:inline-block; font-size:14px; color:#33d87a; font-family:'Avantgarde'; letter-spacing:1px; background:url('img/ok-mavi.png') right 5px no-repeat; padding-right:20px; }

.page.hbr .news .new .time { margin:20px 30px 10px; background:url(img/clock.png) no-repeat left center; font-size:12px; color:#b5b5b5; font-family:'Avantgarde'; padding:0 0 0 20px; float:left; } 

.page.hbr .news .new .cat { margin:20px 10px 10px; background:#e2e2e2; color:#6c6c6c; font-family:'Avantgarde'; font-size:12px; display:inline-block; padding:3px 7px 2px; float:right; }

@media (min-width:992px) and (max-width:1200px) {

	.page.hbr .container { padding: 0 50px; }

}

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

	.page.hbr .container { padding: 0 15px; }

}

@media (max-width:767px) {

	.page.hbr .container { padding: 0 15px; }

	.page.hbr .news .new h5 { padding:40px 20px 0; }

	.page.hbr .news .new p { margin:20px 20px; }

	.page.hbr .news .new .more { margin:0 20px 15px; }

	.page.hbr .news .new .time { margin:20px 20px 10px; }

}





.page.post {  }

.page.post h4 { color:#3b3b3b; }

.page.post .pImg img { width:100%; height:auto; -webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2); }

.page.post .pInfo { padding:30px 25px; color:#737373; font-family:'Avantgarde'; }

.page.post .pInfo .time { margin:20px 0 10px; background:url(img/clock.png) no-repeat left center; font-size:12px; color:#b5b5b5; font-family:'Avantgarde'; padding:0 0 0 20px; float:left; } 

.page.post .pInfo .cat { margin:20px 0 10px; background:#e2e2e2; color:#6c6c6c; font-family:'Avantgarde'; font-size:12px; display:inline-block; padding:3px 10px 2px; float:right; }

/********** END NEWS *********/





/********** FOOTER **********/

footer { background: url(img/bg-footer.jpg) center center no-repeat; height:314px; position: absolute; bottom: 0; width: 100%;  }
footer .fWrap { background: rgba(0,0,0,0.7); height: 100%; }

body.home footer { background:rgba(0,0,0,0.7); 

    -webkit-box-shadow: 0px -15px 90px 0px rgba(114,114,114,0.75);

    -moz-box-shadow: 0px -15px 90px 0px rgba(114,114,114,0.75);

    box-shadow: 0px -15px 90px 0px rgba(114,114,114,0.75); }
body.home footer .fWrap { background: none; }

footer .fLogo { margin:20px 0 0 0; }

footer .fCopy { margin:40px 0 0 0; font-size:13px; color:#fff; text-align: center; }

footer .fCopy span { display: block; color: #FF5722; padding-top: 5px; }

footer .fWeb { text-align:right; margin:40px 0 0 0; }



footer #navbar2 { text-align: center; margin-top: 40px; }

footer #navbar2 ul { list-style: none; display: inline-block; margin: 0; padding: 0; }

footer #navbar2 ul li { display: inline-block; }

footer #navbar2 ul li + li { margin-left: 50px; }

footer #navbar2 ul li a { display: inline-block; font-family: 'Avantgarde'; font-weight: bold; font-size: 17px; color: #858585; background: url('img/icon-arrow-top.png') right center no-repeat; padding-right: 20px; }



footer .goTop { visibility:hidden; text-align:center; position:relative; margin:40px 0 20px; }

footer .goTop a { padding:26px; color: #868686; font-family: 'Avantgarde'; font-size: 19px; background: url("https://www.istanbulsanatferforje.com/wp-content/uploads/2023/04/footer-go-top.png") center top no-repeat;
	
	
	display: inline-block; 
	position:absolute;
	bottom:5rem;
	right:45%;

}



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

    footer #navbar2 ul li + li { margin-left: 15px; }

}
.footerlogo{
	margin-top:100px;
	font-family: 'Avantgarde';
	font-size:14px;
	
	width:100%;
	background-color: transparent;
	align-items:center; 
	color: white;
	

	}


.footerlogo img {
	width:102px;
}


@media (max-width:767px) {
	footer {
		max-height:190px;
	}
	.footerlogo {	
		margin-top:-15px;
		
		font-size:12px;
	}
	
	body { margin-bottom:384px; }
	body.home { margin-bottom:0; }
	footer {  }

    footer .fLogo { text-align: center; }

	footer .fCopy { text-align: center; margin-top: 10px; font-size: 13px; }

    footer .fWeb { text-align:right; margin-top: 30px; }

	footer .goTop { margin-top: 0px; }

}

/********** END FOOTER **********/





/********** PRINT **********/

@media print {

	.hTop, .sidebar, footer { display:none; }

}

/********** END PRINT **********/


.stickyPhone{z-index:989; bottom:40px;}
.stickyPhone,
.stickySup{ font-size:16px;font-family:'Avantgarde';color:#fff; }
.stickySup .container {  }
.stickySup .container .row > div{ position:relative; line-height:40px; text-align:center; } 
.stickySup .container .tel { background:#e04701; font-weight:bold; } 
.stickySup .container .tel a { color:#fff; } 
.stickySup .container .sp { background:#4c24f3; } 
.stickySup .container .wp { background:#25d366; } 

.stickySup .mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;}

div.wpcf7-response-output{border:none!important;color:#fff; padding:10px 20px!important;margin:0 0 20px!important;font-size:14px;}
div.wpcf7-validation-errors{background:#ff1748;border:none!important;color:#fff!important;}
div.wpcf7-spam-blocked{background:#ffa500;}
div.wpcf7-mail-sent-ng{background:#ff0000;}
div.wpcf7-mail-sent-ok{background:#0eb6e7;}
span.wpcf7-not-valid-tip { display:none !important; }

.cform { margin-top:27px; }
.cform .row { margin: 0 -8px !important; }
.cform .row > div { padding: 0 8px 16px !important; }
.cform .row input[type="text"],
.cform .row input[type="file"],
.cform .row input[type="email"],
.cform .row input[type="tel"],
.cform .row textarea,
.cform .row select { background:#fff; border:1px solid #b4b4b4; border-bottom:2px solid #b4b4b4; font-family:"Tahoma"; color:#959595; font-size:16px; width:100%; padding:10px 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;  }

.cform .row textarea { line-height: 19px; background:#f0f0f0; border:1px solid #e5e5e5; padding:15px 10px }

.cform .row input[type="text"]:hover,
.cform .row input[type="text"]:focus,
.cform .row input[type="tel"]:hover,
.cform .row input[type="tel"]:focus,
.cform .row input[type="email"]:hover,
.cform .row input[type="email"]:focus,
.cform .row textarea:hover,
.cform .row textarea:focus { color:#000; border-color:#4c24f3; }


.cform .row input[type="text"].wpcf7-not-valid,
.cform .row input[type="file"].wpcf7-not-valid,
.cform .row input[type="email"].wpcf7-not-valid,
.cform .row input[type="tel"].wpcf7-not-valid { border-color:#ff0000; }

.cform .row span { display: block; font-family: "Tahoma"; color: #959595; font-size: 16px; font-weight: normal; margin-bottom:5px; }

.cform .row input[type="submit"] {border-radius:30px; float:left; cursor:pointer !important; background:#242424; color:#fff; border:none; font-family:"Avantgarde"; font-size:14px; padding:15px 50px; margin:0px 0 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.cform .row input[type="submit"]:hover { background:#4c24f3; }

@media (max-width:767px) {
.g-recaptcha { float:right; }
}

.grecaptcha-badge { display:none; }

.stickyWp { left: inherit; right: 10px; bottom: 15px; width:48px; }
.stickyWp image:hover{background-image:"https://www.istanbulsanatferforje.com/wp-content/uploads/2023/05/whatsapp-icon-1.svg"}





header .navbar .lang {display: inline-block;color: #fff;font-size: 12px;padding: 5px 0px 5px 15px; position:absolute;bottom: 9px;right: 30px;z-index: 9999;}
header .navbar .lang > span { margin-left: -12px; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; }
header .navbar .lang i { font-size: 21px;  }

header .navbar .lang a {
    text-transform: capitalize;
}


header .navbar .bootstrap-select.myselect { width: 80px !important; border: 0; padding: 0; transition:0.3s all ease; margin-left: -20px; margin-top: -8px; }
header .navbar .myselect .dropdown-toggle:after {  }
header .navbar .myselect .dropdown-toggle:focus,
header .navbar .myselect .dropdown-toggle { text-transform:uppercase; background:none; border:0px solid #f44336; border-bottom: 1px solid transparent; border-radius:0; padding:15px 10px; outline: 0 !important; box-shadow: 0 0; color: #000; font-weight: 500; font-size:11px; transition: none; }
header .navbar .myselect.show .dropdown-toggle { border-color: #f44336; background-color: #fff; border-bottom: 1px solid #eee; }
header .navbar .myselect .dropdown-toggle .filter-option { padding: 0; }
header .navbar .myselect .dropdown-toggle .filter-option img { margin-right:5px; }
header .navbar .myselect div.dropdown-menu { border-radius: 0; padding: 0; margin: 0; border: 2px solid #f44336; border-top: 0; }
header .navbar .myselect .dropdown-menu li {  }
header .navbar .myselect .dropdown-menu li a { padding: 7px 10px; text-transform:uppercase; border-radius:0; color: #000; font-size:11px; font-weight: 500; }
header .navbar .myselect .dropdown-menu .dropdown-item.active, 
header .navbar .myselect .dropdown-menu .dropdown-item:active, 
header .navbar .myselect .dropdown-menu .dropdown-item:hover { background: transparent; }
header .navbar .myselect .dropdown-menu li a img { margin-top:-2px; margin-right:5px; }
header .navbar .myselect .dropdown-menu li.active { display:none; }

@media (max-width: 768px) {
    header .navbar .lang {left: 9px;right: auto;bottom: auto;width: auto;top: 13px;position: fixed;} 
    header .navbar .lang .dropdown-toggle {border-right: 1px solid #ccc;}
}

@media (min-width: 769px) and (max-width: 992px) {
	
	
    header .navbar .lang {right: 75px; bottom: 9px;}
}


#offer { padding-left: 17px !important; padding-right: 17px !important; }
#offer .model-content .close-modal { position: absolute; top: -15px; right: -15px; width: 55px; height: 55px; background-color: transparent; cursor: pointer; background-color: #000; z-index: 999; }
#offer .model-content .close-modal .lr { z-index: 1051; width: 1px; height: 55px; margin-left: 28px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#offer .model-content .close-modal .lr .rl { z-index: 1052; width: 1px; height: 55px; background-color: #fff; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
#offer .model-content .close-modal:hover .lr,
#offer .model-content .close-modal:hover .rl { background: #ccc; }
#offer .model-content { margin: 150px auto 50px; padding: 25px 35px; width: 100%; max-width: 420px; background: #fff; position: relative; }
#offer .model-content h2 { margin: 0 0 20px; color: #858687; font-family: 'Avantgarde' }
#offer .model-content p { font-size: 14px; color: #858687; }
#offer .model-content p strong { font-family: 'Avantgarde'; }
.mobilshow {display: none !important;}

@media (max-width:767px) {	
	.mobilshow {display:block !important;}
    #offer .model-content { margin: 50px auto; }
}
#offer input[type="text"],
#offer input[type="tel"],
#offer input[type="email"],
#offer textarea,
#offer select { font-weight: 400; font-size: 13px; color: #000000; border: 1px solid #c2c2c2; background: #ffffff; height: 38px; padding: 0 15px; border-radius: 0; width: 100%; font-family: "Avantgarde"; }
#offer textarea { height: auto; padding: 10px 15px; }
#offer input[type="text"]:hover,
#offer input[type="tel"]:hover,
#offer input[type="email"]:hover,
#offer textarea:hover,
#offer select:hover,
#offer input[type="text"]:focus,
#offer input[type="tel"]:focus,
#offer input[type="email"]:focus,
#offer textarea:focus,
#offer select:focus { border-color: #cead4f; }

#offer textarea { height: auto; padding: 10px 15px; }
#offer select option { font-family: "Avantgarde"; }
#offer input[type="submit"] { color: #ffffff; padding: 12px 60px; margin-top: 10px; background-color: #0093ff; border: none; border-radius: 50px; font-size: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
#offer input[type="submit"]:hover { background: #cead4f; }
#offer .wpcf7-not-valid { border-color: #c12728 !important; }
#offer span.wpcf7-list-item { margin: 0; font-size: 11px; font-family: 'Avantgarde'; color: #000; }
#offer span.wpcf7-not-valid-tip { display: none !important; }
#offer div.wpcf7-response-output { border: none; color: #fff; font-weight: bold; font-size: 15px; padding: 10px 20px !important; margin: 10px 0 !important; }
#offer div.wpcf7-validation-errors { background: #f7e700; }
#offer div.wpcf7-spam-blocked { background: #ffa500; }
#offer div.wpcf7-mail-sent-ng { background: #ff0000; }
#offer div.wpcf7-mail-sent-ok { background: #398f14; }


.wpcf7 form.sent .wpcf7-response-output {
	background-color: #46b450; /* Green */
} 

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	background-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	background-color: #ffb900; /* Yellow */
}

.showm {display:none !important;}
.showf {display:block !important;}
.isfv{}

.marquee {
    background: #452bf0;
    padding: 10px;
	overflow:hidden;
}
.marquee a{
    color: #fff;
    font-size: 16px;
    margin-left: 15px;
	

}
.marquee a:after{
	content:'';
	margin-left:15px;
	display: inline-flex;
    background-image: url('https://www.istanbulsanatferforje.com/wp-content/uploads/2023/04/wrought-icon-1-soft-purple.svg');
    height: 15px;
    width: 15px;
}

.marquee-links {
	white-space:nowrap;
  animation : slide 20s linear infinite alternate;
	
  
}
.marquee-links:hover {
	animation-play-state:paused;
}

@keyframes slide {
  0% {
    transform: translatex(3%)
  }

  100% {
    transform: translatex(-90%)
  }
}



@media (max-width:767px) {
	
	

.marquee-links {
	white-space:nowrap;
  animation : slide 40s linear infinite alternate;
  
}
@keyframes slide {
  0% {
    transform: translatex(10%)
  }

  100% {
    transform: translatex(-730%)
  }
}
	
	
.showm {display:block !important;}
.showf {display:none !important;}
	.isfv{max-height: 300px;}
	
	.marquee a{ font-size: 14px;}


	header {
  position: fixed;
  width: 100%;
  margin:auto;
  left: 0;
  top: -5px;
  height:60px;
  display: flex;
  justify-content: center;
  border: none;
}
	
	header .navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .5rem 1rem;
}
		
	header .navbar .container {
    width: 100%;
}

	.navbar-header{
    width: 100%;
}
	header .navbar-toggle{
	padding-right:23px;
    position: fixed;
    right: 0;
    top: 14px;
    margin: 0;
}
	header .logo a img{
    width: 100px;
    height: 50px;
	margin-bottom:5px;
    object-fit: contain;
    object-position: center;
    padding: 0;
}


	    header .navbar-toggle .icon-bar.top-bar {transform: rotate(45deg);transform-origin: 10% 10%;width: 20px;height: 2px;}

    header .navbar-toggle .icon-bar.middle-bar {opacity: 0;width: 19px;height: 2px;}

    header .navbar-toggle .icon-bar.bottom-bar {float: right;transform: rotate(-45deg);transform-origin: 10% 90%;width: 20px;height: 2px;}
	body{margin-top:70px;}
	
	
	
}



@media(min-width:1200px){

	.ulke-baslik{
		font-size:29px;
		color:#fff;
		position:absolute;
		max-width:60rem;
		bottom:20rem;
	}
	
}

.ulke-baslik{
	
	color:#fff;
}

.ozel-css{
	font-size:14px;
	color:#555;
}
.social > li {
	display:inline;
	
}
.social  img{
	width:5%;
	margin-right:10px;
}

.progress-wrap {
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family: 'unicons';
	content: "";
	background-image:url("https://www.istanbulsanatferforje.com/wp-content/uploads/2023/04/arrow-up-1.svg");
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	
	color: rgba(244, 67, 54, 0.3); /* --- Pijl kleur --- */
	left: 12px;
	top: 13px;
	height: 21px;
	width: 21px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 1;
}
.progress-wrap::before {
	position: absolute;
	font-family: 'unicons';
	content: "";
	background-image:url("https://www.istanbulsanatferforje.com/wp-content/uploads/2023/04/arrow-up-1.svg");
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	opacity: 0;
	background: black; /* --- Pijl hover kleur --- */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 12px;
	top: 12px;
	height: 21px;
	width: 21px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	opacity: 0.4;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: rgba(244, 67, 54, 0.8); /* --- Lijn progres kleur --- */
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

@media (max-width:767px) { 
	
	.progress-wrap {
		visibility: hidden !important;
	}
	footer .goTop {
		visibility:visible;
	}
	
	

}