.p10{padding: 10px;}

.p15{padding: 15px;}

.p20{padding: 20px;}

.p25{padding: 25px;}

.p30{padding: 30px;}

.p35{padding: 35px;}

.p40{padding: 40px;}

.p45{padding: 45px;}

.p50{padding: 50px;}

.p55{padding: 55px;}

.p60{padding: 60px;}

.p65{padding: 65px;}

.p70{padding: 70px;}

.p75{padding: 75px;}

.p80{padding: 80px;}

.p85{padding: 85px;}

.p90{padding: 90px;}

.p95{padding: 95px;}

.p100{padding: 100px;}

/* ----------------------------------------------
 * Padding Son - Padding-Top Başlangıç 
 * ---------------------------------------------- */

.pt5{padding-top: 5px;}

.pt10{padding-top: 10px;}

.pt15{padding-top: 15px;}

.pt20{padding-top: 20px;}

.pt25{padding-top: 25px;}

.pt30{padding-top: 30px;}

.pt35{padding-top: 35px;}

.pt40{padding-top: 40px;}

.pt45{padding-top: 45px;}

.pt50{padding-top: 50px;}

.pt55{padding-top: 55px;}

.pt60{padding-top: 60px;}

.pt65{padding-top: 65px;}

.pt70{padding-top: 70px;}

.pt75{padding-top: 75px;}

.pt80{padding-top: 80px;}

.pt85{padding-top: 85px;}

.pt90{padding-top: 90px;}

.pt95{padding-top: 95px;}

.pt100{padding-top: 100px;}

/* ----------------------------------------------
 * Padding-Top Son - Padding-Left Başlangıç 
 * ---------------------------------------------- */

 .pl5{padding-left: 5px;}

.pl10{padding-left: 10px;}

.pl15{padding-left: 15px;}

.pl20{padding-left: 20px;}

.pl25{padding-left: 25px;}

.pl30{padding-left: 30px;}

.pl35{padding-left: 35px;}

.pl40{padding-left: 40px;}

.pl45{padding-left: 45px;}

.pl50{padding-left: 50px;}

.pl55{padding-left: 55px;}

.pl60{padding-left: 60px;}

.pl65{padding-left: 65px;}

.pl70{padding-left: 70px;}

.pl75{padding-left: 75px;}

.pl80{padding-left: 80px;}

.pl85{padding-left: 85px;}

.pl90{padding-left: 90px;}

.pl95{padding-left: 95px;}

.pl100{padding-left: 100px;}

/* ----------------------------------------------
 * Padding-Left Son - Padding-Right Başlangıç 
 * ---------------------------------------------- */


 .pr5{padding-right: 5px;}

.pr10{padding-right: 10px;}

.pr15{padding-right: 15px;}

.pr20{padding-right: 20px;}

.pr25{padding-right: 25px;}

.pr30{padding-right: 30px;}

.pr35{padding-right: 35px;}

.pr40{padding-right: 40px;}

.pr45{padding-right: 45px;}

.pr50{padding-right: 50px;}

.pr55{padding-right: 55px;}

.pr60{padding-right: 60px;}

.pr65{padding-right: 65px;}

.pr70{padding-right: 70px;}

.pr75{padding-right: 75px;}

.pr80{padding-right: 80px;}

.pr85{padding-right: 85px;}

.pr90{padding-right: 90px;}

.pr95{padding-right: 95px;}

.pr100{padding-right: 100px;}

/* ----------------------------------------------
 * Padding-Right Son - Padding-Bottom Başlangıç 
 * ---------------------------------------------- */


 .pb5{padding-bottom: 5px;}

.pb10{padding-bottom: 10px;}

.pb15{padding-bottom: 15px;}

.pb20{padding-bottom: 20px;}

.pb25{padding-bottom: 25px;}

.pb30{padding-bottom: 30px;}

.pb35{padding-bottom: 35px;}

.pb40{padding-bottom: 40px;}

.pb45{padding-bottom: 45px;}

.pb50{padding-bottom: 50px;}

.pb55{padding-bottom: 55px;}

.pb60{padding-bottom: 60px;}

.pb65{padding-bottom: 65px;}

.pb70{padding-bottom: 70px;}

.pb75{padding-bottom: 75px;}

.pb80{padding-bottom: 80px;}

.pb85{padding-bottom: 85px;}

.pb90{padding-bottom: 90px;}

.pb95{padding-bottom: 95px;}

.pb100{padding-bottom: 100px;}

/* ----------------------------------------------
 * Padding-Bottom Son - Margin Başlangıç 
 * ---------------------------------------------- */

 .m10{margin: 10px;}

.m15{margin: 15px;}

.m20{margin: 20px;}

.m25{margin: 25px;}

.m30{margin: 30px;}

.m35{margin: 35px;}

.m40{margin: 40px;}

.m45{margin: 45px;}

.m50{margin: 50px;}

.m55{margin: 55px;}

.m60{margin: 60px;}

.m65{margin: 65px;}

.m70{margin: 70px;}

.m75{margin: 75px;}

.m80{margin: 80px;}

.m85{margin: 85px;}

.m90{margin: 90px;}

.m95{margin: 95px;}

.m100{margin: 100px;}


/* ----------------------------------------------
 * Margin Son - Margin-Top Başlangıç 
 * ---------------------------------------------- */

.mt5{margin-top: 5px;}

.mt10{margin-top: 10px;}

.mt15{margin-top: 15px;}

.mt20{margin-top: 20px;}

.mt25{margin-top: 25px;}

.mt30{margin-top: 30px;}

.mt35{margin-top: 35px;}

.mt40{margin-top: 40px;}

.mt45{margin-top: 45px;}

.mt50{margin-top: 50px;}

.mt55{margin-top: 55px;}

.mt60{margin-top: 60px;}

.mt65{margin-top: 65px;}

.mt70{margin-top: 70px;}

.mt75{margin-top: 75px;}

.mt80{margin-top: 80px;}

.mt85{margin-top: 85px;}

.mt90{margin-top: 90px;}

.mt95{margin-top: 95px;}

.mt100{margin-top: 100px;}

/* ----------------------------------------------
 * Margin-Top Son - Margin-Left Başlangıç 
 * ---------------------------------------------- */

 .ml5{margin-left: 5px;}

.ml10{margin-left: 10px;}

.ml15{margin-left: 15px;}

.ml20{margin-left: 20px;}

.ml25{margin-left: 25px;}

.ml30{margin-left: 30px;}

.ml35{margin-left: 35px;}

.ml40{margin-left: 40px;}

.ml45{margin-left: 45px;}

.ml50{margin-left: 50px;}

.ml55{margin-left: 55px;}

.ml60{margin-left: 60px;}

.ml65{margin-left: 65px;}

.ml70{margin-left: 70px;}

.ml75{margin-left: 75px;}

.ml80{margin-left: 80px;}

.ml85{margin-left: 85px;}

.ml90{margin-left: 90px;}

.ml95{margin-left: 95px;}

.ml100{margin-left: 100px;}

/* ----------------------------------------------
 * Margin-Left Son - Margin-Right Başlangıç 
 * ---------------------------------------------- */


 .mr5{margin-right: 5px;}

.mr10{margin-right: 10px;}

.mr15{margin-right: 15px;}

.mr20{margin-right: 20px;}

.mr25{margin-right: 25px;}

.mr30{margin-right: 30px;}

.mr35{margin-right: 35px;}

.mr40{margin-right: 40px;}

.mr45{margin-right: 45px;}

.mr50{margin-right: 50px;}

.mr55{margin-right: 55px;}

.mr60{margin-right: 60px;}

.mr65{margin-right: 65px;}

.mr70{margin-right: 70px;}

.mr75{margin-right: 75px;}

.mr80{margin-right: 80px;}

.mr85{margin-right: 85px;}

.mr90{margin-right: 90px;}

.mr95{margin-right: 95px;}

.mr100{margin-right: 100px;}

/* ----------------------------------------------
 * Padding-Right Son - Padding-Bottom Başlangıç 
 * ---------------------------------------------- */


 .mb5{margin-bottom: 5px;}

.mb10{margin-bottom: 10px;}

.mb15{margin-bottom: 15px;}

.mb20{margin-bottom: 20px;}

.mb25{margin-bottom: 25px;}

.mb30{margin-bottom: 30px;}

.mb35{margin-bottom: 35px;}

.mb40{margin-bottom: 40px;}

.mb45{margin-bottom: 45px;}

.mb50{margin-bottom: 50px;}

.mb55{margin-bottom: 55px;}

.mb60{margin-bottom: 60px;}

.mb65{margin-bottom: 65px;}

.mb70{margin-bottom: 70px;}

.mb75{margin-bottom: 75px;}

.mb80{margin-bottom: 80px;}

.mb85{margin-bottom: 85px;}

.mb90{margin-bottom: 90px;}

.mb95{margin-bottom: 95px;}

.mb100{margin-bottom: 100px;}


/* ----------------------------------------------
 * Margin-Bottom Son - Mobil Tıkla Ara Ve Mesaj Başlangıç 
 * ---------------------------------------------- */

.ara{display:none}
.ara .fa-2x{font-size:1.3em! important;padding-right:10px}
.ara a.phone{background:#3a3a3a}
.ara a.whatsapp{background:#c1171a}
.ara a{width:50%;float:left;padding:10px 0}


@media (max-width: 480px){
.ara {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    text-align: center;
	z-index:99;}

.ara a {
    text-decoration: none;
    color: #FFF;

    font-family: 'Montserrat', sans-serif;}

.phone .ara a {
    text-decoration: none;
    color: #FFF;
font-weight: bold;}

/* ----------------------------------------------
 * Mobil Tıkla Ara Ve Mesaj Son -  Kategori Sayfalama Başlangıç 
 * ---------------------------------------------- */



.wp-pagenavi {clear:both; padding-top:30px;}

.wp-pagenavi a, .wp-pagenavi span {
	color: #001a2d;
	text-decoration: none;
    /* border: 1px solid #BFBFBF; */
    padding: 3px 5px;
    margin: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    -webkit-box-shadow: 0 1px 4px #ccc;
    -moz-box-shadow: 0 1px 4px #ccc;
    box-shadow: 0 1px 4px #ccc;
    padding: 14px;}

.wp-pagenavi a:hover {background:#e82900;color:#FFF;}

.wp-pagenavi span.current {
	color: #FFF;
    font-weight: bold;
    background: #1444ab;
    padding: 14px;}
	
/* ----------------------------------------------
 * Kategori Sayfalama Son -   Efektler - Efekt Başlangıç 
 * ---------------------------------------------- */

.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite;animation:heartbeat 1.5s ease-in-out infinite}	
 @-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}


.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.zoom {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}


#loading{
	position: fixed!important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:9999999;
    display: none;
    padding: 1em 1.2em;
    background-image:url(https://www.letpart.com/wp-content/themes/yeni/image/resim.jpg);
}

.loading-pic {
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 99999;
	text-align: center;
	left: 0;
	right:0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

img.alignright{
	padding:0;
	float:right;
	margin:5px 0 10px 30px;
	box-shadow: 4px 4px 4px #b7b8b9;
}
h3 img.alignright,h4 img.alignright,h2 img.alignright,h1 img.alignright{
	margin-top:0
}
img.alignleft{
	padding:0;
	float:left;
	margin:5px 30px 10px 0; 
	box-shadow: 4px 4px 4px #b7b8b9;
}
h3 img.alignleft,h4 img.alignleft,h2 img.alignleft,h1 img.alignleft{
	margin-top:0;
}
img.aligncenter{
	float:none;
	display:block;
	margin:5px auto 15px; 
	box-shadow: 4px 4px 4px #b7b8b9;
}
img.aligncenter:first-child{
	margin-top:0;
}
img.aligncenter:last-child{
margin-bottom:0;
}
/* ----------------------------------------------
 * Efektler - Efekt Başlangıç Son -   Footer İmzalar Başlangıç 
 * ---------------------------------------------- */


.ust-logo-y{
	-webkit-animation-name:ydondur;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:2s;
	animation-name:ydondur;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-duration:2s;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	transform-style:preserve-3d}

  @-webkit-keyframes ydondur {
    0% {
      -webkit-transform: rotateY(0deg);
    }
    50% {
      -webkit-transform: rotateY(0deg);
    }
    100% {
      -webkit-transform: rotateY(-360deg);
    }
  }

  @keyframes ydondur {
    0% {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    50% {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    100% {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }

.ust-logo{
	position:relative;height:30px;width:130px;
	margin-right: 0;  
	margin-left: auto;
	background-image:url(https://www.bismetal.com/wp-content/themes/bis/image/animation-logo.png);
    background-repeat:no-repeat;background-size:contain}

.ust-logo .ust-logo-y{
	background-image:url(https://www.bismetal.com/wp-content/themes/bis/image/animation-logo-y.png);
	background-repeat:no-repeat;
	width:12px;
	height:12px;
	position:absolute;
	top:12px;
	left:9px;
	background-size:contain}

@media (max-width: 480px){
	.ust-logo{
		position:relative;
		height:30px;
		width:130px;    
		margin-right: 0px;  
		margin-left: 100px;
		background-image:url(https://www.bismetal.com/wp-content/themes/bis/image/animation-logo.png);
		background-repeat:no-repeat;background-size:contain;margin-bottom: 30px;}
   
    .ust-logo .ust-logo-y{
    	background-image:url(https://www.bismetal.com/wp-content/themes/bis/image/animation-logo-y.png);
    	background-repeat:no-repeat;
    	width:12px;height:12px;
    	position:absolute;
    	top:12px;
    	left:9px;
    	background-size:contain}
    }

/* ----------------------------------------------
 * Footer İmzalar Son -   Tasarımlar Başlangıç 
 * ---------------------------------------------- */

.beyaz-cerceve {
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
	padding:20px;
	-webkit-box-shadow: 0 0 15px 0 rgba(40,61,88,.1);
    -moz-box-shadow: 0 0 15px 0 rgba(40,61,88,.1);
    box-shadow: 0 0 15px 0 rgba(40,61,88,.1);
}

        
.dotted {
    background: url(../image/bg-dotted.png) repeat;
    background-color: rgb(239, 239, 239);

}

#top{
    bottom: 5px;
    bottom: 20px;
    display: none;
    height: 100px;
    position: fixed;
    right: 20px;
}

.golge {
    -webkit-box-shadow: 0 0 15px 0 rgba(40,61,88,.1);
    -moz-box-shadow: 0 0 15px 0 rgba(40,61,88,.1);
    box-shadow: 0 0 15px 0 rgba(40,61,88,.1);
}