@import url('https://fonts.googleapis.com/css?family=Montserrat&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Righteous&subset=latin-ext');

*{margin:0;
padding:0;}
html {
    height:100% !important; 
}
body{
margin:0;
padding:0;
font-family: 'Montserrat', serif;
height:100% !important; 
}

.plrcon {
    padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;width: 1250px;
}
.plrcol {
    padding-left:0px;
    padding-right:0px;
    background-color: #ffffff;
    min-height: 425px;
}
@media screen and (max-width: 600px) {
 .navbar.navbar-default {
    z-index: 9999999;
    margin-left: -15px;
    /* left: 0; */
    width: 105% !important;
}

}
@media screen and (min-width: 601px) {
 .navbar.navbar-default {
    z-index: 9999999;
    margin-left: 0px;
    /* left: 0; */
    width: 100% !important;
}

}
.pb40 {
    padding-bottom:40px;
}
.icerik-kisim {
    background-color:#fff;
    width:1250px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 16px;
    font-size: 14px;
    font-family: 'Montserrat', serif;
    margin-top: 70px;
}
.logoslaytmenu {
    /* height:405px; */
}
.anasayfaorta {
    height:615px;
}
.ortala{
width:1250px;
margin:0 auto;
}
.ortalaic{
padding-top:15px;
}
.ust-dis-cerceve{width:100%;height: 100vh;}
.logo{width: 390px;height:92px;background:url(../images/cetintas-logo.png) no-repeat;}

.menu{margin-left:0px;float:left;font-size:14px;font-family: 'Montserrat', serif;width:1250px;height:63px;background-color:#fcaf19;margin-top:10px;padding-left: 10px;padding-top: 5px;}
.slaytortala {
width:1250px;
height:335px;
margin: 0 auto;
position:absolute;
}
.slayt{width:1250px;height: 425px;float:left;}
.merdanebuyuknumara {
    width: 1250px;
    margin-top:0px;
    height:280px;
}
    .merdanebuyuknumara .merdane {float:left; margin-left: -3px;}
    .merdanebuyuknumara .buyuknumara {float:right; margin-right: -3px;}
    .merdanebuyuknumara .merdane .baslik {
        background:url(../images/ustbaslik.png) no-repeat;
        width: 620px;
        height:53px;
        margin-bottom:0px;
        padding-left:70px;
        padding-top:20px;
        font-weight:bold;
    }
    .merdanebuyuknumara .buyuknumara .baslik {
        background:url(../images/ustbaslik.png) no-repeat;
        width: 615px;
        height:53px;
        margin-bottom:0px;
        padding-left:70px;
        padding-top:20px;
        font-weight:bold;
    }

.altbaslik {background:url(../images/altbaslik.jpg) no-repeat;width: 100%;height: 50px;margin-bottom: 0px;padding-left: 60px;padding-top: 20px;font-weight: bold;text-align: left;}
.altbaslik1 {background-color: #fef9f6;width: 96%;height: 50px;margin-bottom: 0px;padding-left: 15px;padding-top: 5px;font-weight: bold;text-align: left;margin-left: 6px;margin-right: 10px;color: #6593a3;font-size: 28px;}
.altbaslik2 {
    background-color: #fef9f6;
    width: 96%;
    height: 50px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-top: 5px;
    font-weight: bold;
    text-align: left;
    margin-left: 6px;
    margin-right: 10px;
    color: #fcaf19;
    font-size: 28px;
}
.altbaslik3 {
    background-color: #fef9f6;
    width: 96%;
    height: 50px;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-top: 5px;
    font-weight: bold;
    text-align: left;
    margin-left: 6px;
    margin-right: 10px;
    color: #733b54;
    font-size: 28px;
}

.haber{height:280px;width: 410px;float:left;font-family: 'Montserrat', serif;font-size:15px;font-weight:600;color:#000;background-color:#FFF;overflow: hidden;margin-top:15px;}

.bayi{height:280px;width: 410px;float:left;font-family: 'Montserrat', serif;font-size:15px;font-weight:600;color:#000;background-color:#FFF;overflow: hidden;margin-top:15px;margin-left: 12px;}


.urunarama {
    float:right;
}
.urunidileara {
    height: 50px;
    width:120px;
    font-size: 18px;
}

.bayigiris {

}

.sagiletisim{height:280px;width: 406px;float:left;color:#000;background-color:#FFF;margin-top:15px;margin-left: 12px;}
.iletisim {
    background:url(../images/cetintas-iletisim.jpg) no-repeat center top;
    width: 400px;
    height: 240px;
}
.urungrupbaslik {
font-family: 'Montserrat', serif;
font-weight:bold;
font-size: 18px;
}
.urunmenu {
    float:left;
    font-family: 'Montserrat', serif;
    font-weight:bold;
    font-size: 15px;
    width:160px;
}
    .urunmenu ul {
        list-style: none;
    margin: 0;
    padding: 0;
    }
    .urunmenu li {
    border-bottom: 1px solid #e20816;
    line-height:25px;
    vertical-align:middle;
    color:#97041c;
    padding-left:5px;
    }
    .urunmenu a {
    text-decoration:none;
    vertical-align:middle;
    color:#97041c;
    }

.urunayrinti {
    vertical-align:top;
    font-family: 'Montserrat', serif;
    font-size:15px;
    padding-left:20px;
}
    .urunayrinti .baslik {
        font-family: 'Montserrat', serif;
        font-weight:bold;
        font-size: 18px;
        color: #AA3E03;
    }
    .urunayrinti .baslik a {
        font-family: 'Montserrat', serif;
        font-weight:bold;
        font-size: 18px;
        color: #AA3E03;
        text-decoration:none;
    }
        .urunayrinti .altbaslik {
        font-weight:bold;
    }
    .urunayrinti .aciklama {
        vertical-align:top;
        padding-left:20px;
    }
    .urunayrinti img {
        border:solid 1px #eaeaea;
    }
    .urunayrinti .ayrinti td {
        background-color: #f0f0f0;
    }

    .uyekayitbaslik {
        font-family: 'Montserrat', serif;
        font-weight:bold;
        font-size: 18px;
        color: #AA3E03;
    }
.sayfalama{width: 100%;
font-size: 10pt;
font-family: Trebuchet MS;
cursor: pointer;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;}
.gcrlsayfa{font-size:larger; color:#e20816;}
.sayfalama a:link, .sayfalama a:visited, .sayfalama a:active
{border:solid 1px #fcaf19;padding:3px 4px;margin:1px; color:#2f2f2f;height:25px; text-decoration:none;}
.sayfalama a:hover{border:solid 1px #fcaf19; color:#e20816;}
.sayfalama INPUT{background:#FFFFFF; border:solid 1px #fcaf19;padding:4px;margin:1px;font-weight:bold;cursor:pointer;height:25px;}
.sayfalama span{margin:1px;}
.sayfalama B{background-image:url('temalar/resimler/sayfabg2.jpg');border:solid 1px #fcaf19;padding:4px;color:#e20816;}
select, option {border-bottom: 1px solid #fcaf19;}

.styled-button-4 {
	-webkit-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
	background-color:#EEE;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border:1px solid #999;
	color:#666;
	font-family:'Lucida Grande',Tahoma,Verdana,Arial,Sans-serif;
	font-size: 16px;
	font-weight:700;
	padding: 0px 7px;
	height: 52px;
}



.footer_dis{width:100%;height:70px;margin:5px 0 5px 0;/* position: fixed; *//* bottom: 0; */}
.footer_ic {
   background-color:#FFF;
   height:70px;
}
.footer_dis .sosyal{
float:right;
width:263px;
height:25px;
margin-top: 5px;
}
.footer_dis .sosyal p{ float:left; font-family:Arial; color:#676666; font-size:12px; line-height: 35px; margin-right: 0px; }
.alt_logo{ width:175px; height:35px; background:url(../images/footer-cetintas-logo.png) no-repeat; float:left; margin-top: 2px; }
.footer_dis .copyright{float:left; font-family:Arial; color:#676666; font-size:12px; margin-top: 17px; margin-left: 11px;}
.footer_dis .copyright span a{font-family:Arial; color:#015f9d; text-decoration:none; }
.footer_dis .adres{float:left; font-family:Arial; color:#676666; font-size:12px; margin-left: 11px;}
.footer_dis .adres img{vertical-align: middle; margin-right: 3px;}
.footer_dis .kapat {
    width:18px;
    height:18px;
    background-color:white;
    z-index:999;
    position:absolute;
margin-top: 8px;
margin-left: 822px;

}
.resimbuyut {
    position:absolute;
}
.guvenlikimg {
    vertical-align: bottom;
}

.haberdevambaslik {
font-size:12px;
font-family:Arial;
color:#005374;
}
.haberdevamaciklama {
font-size:12px;
font-family:Arial;
color:#000;
}
.urunresimkenar {
    margin: 1px 5px;
}

        #hWrapperAuto
        {
            margin-top: 20px;
        }
        #demo-tabs
        {
            width: 100%;
            height: 50px;
            color: White;
            margin: 0;
            padding: 0;
        }
        #demo-tabs div.item
        {
            height: 35px;
            float: left;
            background-color: #2F2F2F;
            border: solid 1px gray;
            border-bottom: none;
            padding: 0;
            margin: 0;
            margin-left: 10px;
            text-align: center;
            padding: 10px 4px 4px 4px;
            font-weight: bold;
        }
        #contents
        {
            width: 100%;
            margin: 0;
            padding: 0;
            color: White;
            font: arial;
            font-size: 11pt;
        }
        #demo-tabs div.item.active-tab
        {
            background-color: Black;
        }
        #demo-tabs div.item.active-tabc
        {
            background-color: Black;
        }
        .visible
        {
            display: block;
        }
        .hidden
        {
            display: none;
        }
        #oldWrapper
        {
            margin-left: 100px;
        }
        #contents a
        {
            color: yellow;
        }
        #contents a:hover
        {
            text-decoration: none;
            color: Gray;
        }
        .heading
        {
            font-size: 20pt;
            font-weight: bold;
        }
@media (max-width:310px) {
	.beden{margin:0px !important;}
}
@media (max-width:767px) {

    body {
        background-color: #ffffff !important;
    }
	.slick-dots{bottom:-75px !important;}
	.bayi {
    height: 280px;
    width: 325px;
    float: left;
    font-family: 'Montserrat', serif;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    background-color: #FFF;
    overflow: hidden;
    margin-top: 50px !important;
    margin-left: 1px !important;
    position: absolute;
}
    .ortala {
width: 100% !important;
}
    .arkaplan {
width:100%;
height:120%; 
background-repeat: repeat; 
background-size: 100% 100%; 
background-position:left bottom; 
position: static;
z-index:-99999;
left:0;
top:0;
}
.plrcon{width:100%;}
.plrcol{background:none !important;min-height:auto !important;}
.sosyal{margin-right:10px;}
.altbaslik{display:none;}
.logo{width:100% !important;height:92px;background:url(../images/cetintas-logo.png) no-repeat center top;background-size:  80%;margin-top: 10px;margin-left: 5px;position:relative;z-index:99;}
    .menu{

	margin-left: 0px;
    float: left;
    font-size: 14px;
    font-family: Arial;
    width: 100% !important;
    height: 63px;
    background-color: #fcaf19;
    margin-top: 20px;
    padding-left: 10px;
    padding-top: 5px;
}
    .ortala{
width:100% !important;
margin:0 auto;
}
.myImage{width:100%;}
#_ctl0_ContentPlaceHolder1_Repeater2__ctl0_Label2 > table > tbody > tr:nth-child(1) {width:100% !important;float:left;}
#_ctl0_ContentPlaceHolder1_Repeater2__ctl0_Label2 > table > tbody > tr > td:nth-child(1) {width:100% !important;float:left;margin-bottom:20px;}
a.beforeAfter {width:100% !important;height:350px !important;}
section span{width:100% !important;height:385px !important;}
.buttons{width:100% !important;}
a.beforeAfter img{clip:unset !important;}
    .slayt {
width:100% !important;
height: 100% !important;
    float: left;
        padding-top: 20px;
}
.contact-form{
	padding: 0 10% !important;
	margin-left: 41px !important;
	width: 36% !important;
}
#aspnetForm{width:100%;float:left;overflow:hidden;position:Relative;}
    .navbar-default {
  background-color: #efefef !important;
  border-color: #efefef !important;
}
    .merdanebuyuknumara {
width:100% !important;

    margin-top:0px;
    height:280px;
}
    .merdanebuyuknumara .merdane {float:left; margin-left: -3px; padding-top: 280px;}
    .merdanebuyuknumara .buyuknumara {float:left; margin-right: -3px;}
    .merdanebuyuknumara .merdane .baslik {
        background:url(../images/ustbaslik.png) no-repeat;
width:100% !important;

        height:53px; 
        margin-bottom:0px;
        padding-left:70px;
        padding-top:20px;
        font-weight:bold;
    }
    .merdanebuyuknumara .buyuknumara .baslik {
        background:url(../images/ustbaslik.png) no-repeat;
width:100% !important;

        height:53px; 
        margin-bottom:0px;
        padding-left:70px;
        padding-top:20px;
        font-weight:bold;
    }
    .haber {
margin-left: 12px;
width:100% !important;

}
    .bayi {
width:100% !important;

    }
    .sagiletisim {
width:100% !important;

    }
    .footer_dis{width:100%; height:250px; margin:70px 0 5px 0;   background-color:#FFF;      }
.footer_ic {
   background-color:#FFF;
   height:70px;
       
}

.footer_dis .sosyal {
    width: 60% !important;
    height: 25px;
    float:  left;
    margin-left:  25%;
    position: relative;
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* margin-top: 5px; */
}
.footer_dis .sosyal p{ float:left; font-family:Arial; color:#676666; font-size:12px; line-height: 35px; margin-right: 0px; }
.alt_logo{width: 100%;background:url(../images/footer-cetintas-logo.png) no-repeat;float:left;height: 50px;background-position-x:  49%;background-size: 60%;margin-top: 30px;}
.footer_dis .copyright{float:left; font-family:Arial; color:#676666; font-size:12px; margin-top: 17px; margin-left: 11px;}
.footer_dis .copyright span a{font-family:Arial; color:#015f9d; text-decoration:none; }
.footer_dis .adres{float:left; font-family:Arial; color:#676666; font-size:12px; margin-left: 11px;}
.footer_dis .adres img{vertical-align: middle; margin-right: 3px;}
.footer_dis .kapat {
    width:18px;
    height:18px;
    background-color:white;
    z-index:999;
    position:absolute;
margin-top: 8px;
margin-left: 0px;

}
.icerik-kisim {
    background-color: #fff;
width:100% !important;

    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    font-size: 12px;
    font-family: 'Montserrat', serif;
}
}


section span {
	  width: 300px;
	  height: 295px;
	  background: none;
	  border: 0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  margin: 0em;
	  padding: 1em 1em;
	  -webkit-box-shadow: inset 0 0 0 2px #fff;
	  box-shadow: inset 0 0 0 2px #fff;
	  color: #fff;
	  font-size: inherit;
	  font-weight: 700;
	  position: relative;
	  vertical-align: middle;
	  float:left;
}
section span::before, section span::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.draw {
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}
.draw:hover {
  color: #fcaf19;
}
.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #fcaf19;
  border-right-color: #fcaf19;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #fcaf19;
  border-left-color: #fcaf19;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.meet:hover {
  color: #fbca67;
}
.meet::after {
  top: 0;
  left: 0;
}
.meet:hover::before {
  border-top-color: #fbca67;
  border-right-color: #fbca67;
}
.meet:hover::after {
  border-bottom-color: #fbca67;
  border-left-color: #fbca67;
  -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}

.center:hover {
  color: #6477b9;
}
.center::before, .center::after {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-transform-origin: center;
          transform-origin: center;
}
.center::before {
  border-top: 2px solid #6477b9;
  border-bottom: 2px solid #6477b9;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
}
.center::after {
  border-left: 2px solid #6477b9;
  border-right: 2px solid #6477b9;
  -webkit-transform: scale3d(1, 0, 1);
          transform: scale3d(1, 0, 1);
}
.center:hover::before, .center:hover::after {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.spin {
  width: 5em;
  height: 5em;
  padding: 0;
}
.spin:hover {
  color: #0eb7da;
}
.spin::before, .spin::after {
  top: 0;
  left: 0;
}
.spin::before {
  border: 2px solid transparent;
}
.spin:hover::before {
  border-top-color: #0eb7da;
  border-right-color: #0eb7da;
  border-bottom-color: #0eb7da;
  -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after {
  border: 0 solid transparent;
}
.spin:hover::after {
  border-top: 2px solid #0eb7da;
  border-left-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}

.circle {
  border-radius: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.circle::before, .circle::after {
  border-radius: 100%;
}

.thick {
  color: #fff;
}
.thick:hover {
  color: #fff;
  font-weight: 700;
}
.thick::before {
  border: 2.5em solid transparent;
  z-index: -1;
}
.thick::after {
  mix-blend-mode: color-dodge;
  z-index: -1;
}
.thick:hover::before {
  background: #fff;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #fff;
  -webkit-transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
  transition: background 0s linear 0.4s, border-top-color 0.15s linear, border-right-color 0.15s linear 0.15s, border-bottom-color 0.15s linear 0.25s;
}
.thick:hover::after {
  border-top: 2.5em solid #fff;
  border-left-width: 2.5em;
  border-right-width: 2.5em;
}

/* Page styling */

.buttons {
  isolation: isolate;
  float: Left;
}

h1 {
  font-weight: 300;
  font-size: 2.5em;
}

a.beforeAfter{position:relative;display: block;overflow:hidden;cursor: pointer;width: 280px; /* set width of image container */height: 250px; /* set height of image container */}

a.beforeAfter img{position:absolute;left:0;top:0;width: 100%;height: 100%;-moz-transition: all 0.5s ease; /* enable transition */-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;z-index: 2;clip: rect(0,290px,260px,0); /* clip values should be rect(0,image_width,image_height,0) */}


a.beforeAfter img:nth-of-type(2){ /* hide "after" image beneath "before" so it's initially out of view */
z-index: 1;
}


a.beforeAfter:hover img:nth-of-type(1){ /* clip "before" image to reveal "after" */
clip: rect(0,0,434px,0); /* clip values should be rect(0,0,image_height,0) */
opacity: 0;
}
input.input-short,
input.input-medium,
input.input-long, 
select, 
textarea {
font-family:'Montserrat',serif !important;
	}
.head {

}
.urundetaybaslik {
    text-align:left;
    margin-bottom:4px;
    font-size: 18px;
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
    background-color: #fbfbfb;
    width: 30%;
}
.urundetayaciklama {
    text-align:left;
    color: #2c3e50;
    background: #f5f5f5;
    font-size: 18px;
    margin-bottom:4px;
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
    white-space: pre-wrap;
    width: 70%;
}
.urunkod {
    font-size:22px;
    color:#000;
    text-align: left;
    margin-bottom: 4px;
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
    background-color: #fbfbfb;
}
.beden {
    border: 1px solid #000;
    margin: 6px;
    padding: 5px;
    vertical-align: middle;
}
.bedenyukselik {
    height: 80px;
    word-wrap: break-word;
    padding: 0;
    padding-left: 15px;
}
.slogan {
    font-family: 'Righteous', cursive;
    font-size: 32px;
    padding-top: 8px;
    color: #fcaf19;
    -webkit-text-stroke: 1px black;
    text-shadow:         3px 3px 0 #000,       -1px -1px 0 #000,          1px -1px 0 #000,        -1px 1px 0 #000,         1px 1px 0 #000;
}
.sloganp {
    padding-left:100px;
}



.carousel-control {
  padding-top:10%;
  width:5%;
}
.wbg {
    background-color:#ffffff;
}
.affix-top {
    background-color: #fcaf19;
}
.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;

}
  .affix {
      top: 0;
      width: 100%;
      z-index: 9999 !important;
    background-color: #fcaf19 !important;
    width: 100%;
    text-align: center;
    left: 0;

  }

  .affix + .container-fluid {
      padding-top: 102px;
  }