::selection{
            color:#27ae60;
            background:none;
        }
        #imageList{
            margin-top:10px;
        }
        #imageList img:hover{
           cursor:pointer;
           border:1px solid #333;
        }
        #leftControl {
            width: 48px;
            height: 69px;
            background: url(lg-left-icon.png);
            position: absolute;
            cursor: pointer;
            left: 20px;
            top: 40%;
            display: none;
            opacity:0.6;
}        #leftControl:hover {
            opacity:1;
            }
         #rightControl {
            width: 48px;
            height: 69px;
            background: url(lg-right-icon.png);
            position: absolute;
            cursor: pointer;
            right: 20px;
            top: 40%;
            opacity:0.6;
          }
            #rightControl:hover {
            opacity:1;
            }
         .activeImage{
             border:1px solid #000;
         }
       #outside{
          background:#333;
          position:fixed;
          margin:0px;
          padding:0px;
          top:0px;
          left:0px;
          right:0px;
          bottom:0px;
          height:100%;
          width:100%;
          display:none;
          z-index:1035;
         }
        #modalContent{
            width:100%;
            max-width: 1080px;
            height:100%;
            max-height: 620px;
            background: #000;
            position: fixed;
            display:none;
            top:0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            border:3px solid #0e0e0e;
            border-radius:7px;
            z-index:1036;
        }
        #btnClose{
            background:url(icon-close-btn.png);
             float:right;
             width:32px;
             height:32px;
             cursor:pointer;
             margin:10px;
        }
        #btnClose:hover{
            opacity:0.6;
        }
        .clear{
            clear:both;
        }
        #mainImage{
            cursor:pointer;
        }
        #modalMainImage {
        max-width:1000px;
        width:100%;
        top:0px;
        left:0;
        bottom:0px;
        right:0px;
        margin:auto;
        position:absolute;
        padding:30px;
        }
        #modalLeftControl{
            width: 48px;
            height: 69px;
            background: url(modal-lg-left-icon.png);
            position: absolute;
            cursor: pointer;
            left: 15px;
            top: 270px;
            display:none;
        }
            #modalLeftControl:hover {
                opacity:0.6;
            }
        #modalRightControl{
            width: 48px;
            height: 69px;
            background: url(modal-lg-right-icon.png);
            position: absolute;
            cursor: pointer;
            right: 15px;
            top: 270px;
            }
            #modalRightControl:hover {
            opacity:0.6;
            }
        .thumbnailsImage{
            width:70px;
            float:left;
            margin:5px;
        }
        

       /* MOBILE STYLE START */
        @media  (min-width:412px )  and (max-width:576px) {
            #rightControl 
            {
            background: url(xs-right-icon.png);
            width: 20px;
            height: 28px;
            top: 45%;
            }
            #leftControl 
            {
            background: url(xs-left-icon.png);
            width: 20px;
            height: 28px;
            top: 45%;
            }
             .thumbnailsImage{
            width:45px;
            float:left;
            margin:5px;
          }
          #modalLeftControl{
            width: 30px;
            height: 45px;
            background: url(modal-xs-left-icon.png);
            left: 2px;
            top: 23%;
            display:none;
          }
          #modalRightControl{
            width: 30px;
            height: 45px;
            background: url(modal-xs-right-icon.png);
            right: 2px;
            top: 23%;
          }
           #modalMainImage {
            max-width:1000px;
            width:100%;
            top:30px;
            left:0;
            bottom:0px;
            right:0px;
            margin:unset;
            position:absolute;
            padding:30px;
            }
        }
        @media (min-width:320px) and (max-width:411px) {
           .thumbnailsImage{
            width:39px;
          }
            #rightControl 
            {
            background: url(xs-right-icon.png);
            width: 20px;
            height: 28px;
            top: 70px;
            }
            #leftControl 
            {
            background: url(xs-left-icon.png);
            width: 20px;
            height: 28px;
            top: 70px;
            }
           #modalLeftControl{
            width: 30px;
            height: 45px;
            background: url(modal-xs-left-icon.png);
            left: 2px;
            top: 45%;
          }
          #modalRightControl{
            width: 30px;
            height: 45px;
            background: url(modal-xs-right-icon.png);
            right: 2px;
            top: 45%;
          }
        }
        /* MOBILE STYLE END */




        /* TABLET STYLE START */
         @media (min-width:577px) and (max-width:767px) {
           .thumbnailsImage{
               width:73px;
            }
            #leftControl {
                top: 40%;
            }
             #rightControl {
                top: 40%;
            }
           #modalLeftControl{
            width: 30px;
            height: 45px;
            background: url(modal-xs-left-icon.png);
            left: 2px;
            top: 45%;
          }
          #modalRightControl{
            width: 30px;
            height: 45px;
            background: url(modal-xs-right-icon.png);
            right: 2px;
            top: 45%;
          }
         }
        /* TABLET STYLE END */




        /* DESKTOP MINI STYLE STAR  */
         @media (min-width:768px) and ( max-width:992px){
           .thumbnailsImage{
            width:32px;
            }
            #rightControl 
            {
            background: url(xs-right-icon.png);
            width: 20px;
            height: 28px;
             top: 45%;
            }
            #leftControl 
            {
            background: url(xs-left-icon.png);
            width: 20px;
            height: 28px;
            top: 45%;
            }
            #modalLeftControl{
            width: 30px;
            height: 45px;
            background: url(modal-xs-left-icon.png);
            left: 2px;
            top: 45%;
          }
          #modalRightControl{
            width: 30px;
            height: 45px;
            background: url(modal-xs-right-icon.png);
            right: 2px;
            top: 45%;
          }
          #modalMainImage {
            max-width:750px;
            }
         }
        /* DESKTOP MINI STYLE END  */

       
        /* DESKTOP MEDUIM STYLE STAR  */
        @media (min-width:993px) and ( max-width:1199px) {
            .thumbnailsImage{
            width:60px;
            }
          #modalMainImage {
            max-width:910px;
            }
        }
        /* DESKTOP MEDUIM STYLE END  */
		
		
		
.product-price {
    font-size: 28px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.ortagen {
    float: left;
    width: 50%;
    border-bottom: 1px dotted #ccc;
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.ortagen2 {
    float: left;
    width: 50%;
    border-bottom: 1px dotted #ccc;
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 5px;
}		
.sipyani {
    width: 45%;
    height: 50px;
    float: left;
    margin-top: 23px;
}
		
		
.kurumsalbg {
	width:90%; height:auto; background-color:#fff; margin:auto; display:block; margin-top:10px; box-shadow:0px 0px 6px #999;
	padding:20px;


}
.kurumsalbgic {
	width:100%; height:auto; text-align:left; margin-top:10px; display:block;
}
.kurumsalbgic2 {
	width:20%; height:auto; overflow-x:none; text-align:left; margin-top:10px; display:block; float:left;
}
.kurumsalbgic3 {
	width:75%; height:420px; overflow-x:none; overflow-y:scroll; text-align:left; margin-top:10px; display:block; float:right;
}
.kurumsalbgic4 {
	width:100%; height:420px; overflow-x:none; overflow-y:scroll; text-align:left; margin-top:10px; display:block;
}
.kurumsalbgic5 {
	width:350px; height:420px; text-align:left; margin-top:10px; float:left; margin-right:25px; margin-left:25px;
}
.kurumsalbgic6 {
	width:335px; height:420px; text-align:left; margin-top:20px; float:right; margin-right:20px; margin-left:25px;
}
.kbbilgi {
	text-align:left; margin-top:20px; margin-left:20px;
}

.icbas {
	font-size:16px; font-family:Geneva, sans-serif; font-weight:bold; color:#019ca8;
}
.icbasalt {
	width:100%; height:5px; background-image:url(bg.png); border:1px solid #fafafa; background-color:#f4f4f4; margin-top:5px;
	margin-bottom:10px;
}
.icbasalt2 {
	width:98%; height:5px; background-image:url(bg.png); border:1px solid #fafafa; background-color:#f4f4f4; margin-top:5px;
	margin-bottom:10px;
}

.hkresim { width:40%; height:auto; padding:5px; border:1px dashed #f1f1f1; margin:5px; float:left; margin-left:20px; }
.hkresim img { width:100%; height:auto; }
.yasla {
	float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#111;
	padding-left:10px; padding-top:10px; width:54%; float:left; line-height:18px;
}
.refici ul {
	margin:0px; padding:0px; 
}
.refici ul li {
	margin:0px; padding:0px; width:95%; display:block; padding:5px; background-color:#f1f1f1; border-bottom:1px dashed #fff;
	padding:5px;
}
.refici ul li a {
	margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; 
 
}
.refici ul li a:hover {
	margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;  
}
.urunbg {
	background-image:url(katbg.png); width:250px; height:183px; padding-top:32px; float:left;
	margin:20px 18px;
}
.urunbg:hover {
	background-image:url(katbg.png); width:250px; height:183px; padding-top:32px; background-position:0px 215px;
}
.urunres {
	width:183px; height:114px; background-color:#CCC; text-align:center; margin:auto;
}
.urunyaz a {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7a7a7a; text-align:center; display:block; padding-top:18px;
	font-weight:normal; padding-bottom:20px;
}
.urunyaz a:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7a7a7a; text-align:center; font-weight:bold;
}
.galresim {
	padding:0px; margin:0px; float:left; width:32%; height:auto;
}
.galresim a {
	padding:0px; margin:0px; display:flex; margin:2px;
}
.galresim a:hover {
	padding:0px; opacity:0.8;
}
.galresim img {
	width:100%; height:270px;
}
.yazinbaslik {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; margin-bottom:5px;
}
.yazintext {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0da7f7; width:335px; height:20px; padding:3px 5px; 
	border:1px solid #999; margin-bottom:10px; background-color:#fff;
}
.yazintext:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; width:335px; height:20px; padding:3px 5px;
	border:1px solid #0da7f7;  background-color:#fff;
}
.yazintext2 {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0da7f7; width:335px; height:60px; padding:3px 5px; 
	border:1px solid #999; margin-bottom:10px; resize:none;
}
.yazintext2:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; width:335px; height:60px; padding:3px 5px;
	border:1px solid #0da7f7; resize:none;
}
.gonderbut {
	padding:3px 5px; background-color:#0da7f7; color:#fff; cursor:pointer;
}

.fib1 {
	width:345px; border-bottom:1px dashed #999; padding-top:10px; padding-bottom:5px;
}
.fibici {
	min-width:80px; float:left; font-weight:bold; font-size:13px;
}
.fibici2 {
	width:auto; float:left; font-weight:normal; font-size:13px;
}
.fibici3 {
	width:340px; float:left; font-weight:normal; font-size:13px;
}
.haritamap {
	width:350px; height:285px; border:1px solid #ccc; margin-top:5px;
}
.urunlerhp {
	width:60%; height:auto; float:left;
}
.urnresim {
	width:100%; height:auto; background-color:#fff; padding:3px; border:1px solid #ccc;
}
.urnresim:hover {
	width:100%; height:auto; background-color:#fff; padding:3px; border:1px solid #0da7f7; box-shadow:1px 0px 2px #0da7f7;
}
.urunresimyani {
	width:100%; height:auto; float:left; padding:3px; margin-top:20px;
}
.ClearBoth {
	clear:both;
}
.urunresimkucuk a {
	width:23%; height:auto; padding:1px; border:1px solid #f1f1f1; margin:1%; display:block; float:left;
}
.urunresimkucuk a:hover {
	width:23%; height:auto; padding:1px; border:1px solid #0da7f7; margin:1%; display:block;
	box-shadow:1px 0px 2px #0da7f7;
}
.guvenlialisveris {
	background-image:url(guvenlialisveris.jpg); width:171px; height:73px; float:left;
}

.usiparisver a {
    background-color: #01a20c;
    border: 1px solid #005506;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    margin-top: 23px;
    padding: 6px 15px;
    text-align: center;
    width: 45%;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
}
.usiparisver a:hover {
    background-color: #005506;
    border: 1px solid #005506;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    margin-top: 23px;
    padding: 6px 15px;
    text-align: center;
    width: 45%;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
}
.usiparisver2 a {
    background-color: #0084a5;
    border: 1px solid #005c73;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    margin-top: 23px;
    padding: 6px 15px;
    text-align: center;
    width: 40%;
	margin-left:0px;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
}
.usiparisver2 a:hover {
    background-color: #005c73;
    border: 1px solid #005c73;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    margin-top: 23px;
    padding: 6px 15px;
    text-align: center;
    width: 40%;
	margin-left:0px;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
}
.siptext {
	width:300px; height:auto;
}
.sipbas {
	margin:0px; padding:10px 0 3px;
}
.kiarac {
	width:260px; margin:10px; border:1px solid #CCC; padding:11px 0px; font-size:20px; text-align:center; float:left;
}
/* END ÃœRÃœN DETAY */

.mausegore {
	border:1px solid #fff; background-color:#fff;
}
.mausegore:hover {
	border:1px solid #ccc;
}
.urunlersol {
	width:60%; float:left;
}
.urunlersag {
	width:30%; margin-left:5%; float:right; font-size:22px; color:#019ca8;
}

.mobildeac {
	display:none;
}
.padrenk1 {
	background-color:#fff; padding:20px 3%; border-radius:5px;
}
.mobilvideo {
	width:100%; height:600px;
}

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


.mobilvideo {
	width:100%; height:300px;
}

	.urunlerhp {
	width:100%; height:auto; float:left;
	}
	.icbas {
	text-align:right;
	}
	.mobildeac {
	display:block; padding:30px;
	}
 
.nav-tabs>li {
	width:100%;
}
 
 
}



.hcolor-red { height:3px; background-color:#f44027; }

.hcolor-green { height:3px; background-color:#539e22; }

.hcolor-yellow { height:3px; background-color:#ffbe01; }