@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);



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



body { padding-top: 20px; padding-bottom: 20px; font-family: 'Open Sans', sans-serif; overflow:hidden; overflow-y:scroll;}



.navbar { margin-bottom:-2px; }


.dilsec{display:none !important;}




.navbar-default {background:none; border:none; z-index:99;}



.navbar-default .navbar-nav>li>a {color:#777;font-size:18px}



.navbar-default .navbar-nav>li>a:hover {background:#fff;    color: #DE5021;
    transition: color 0.4s ease 0s;}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background:#fff; color:#000;}



.grayicon {
    position: absolute;
    left: 35%;
    z-index: 10;
    top: 20%;
}
.grayicon span {
    font-weight:bold;
    font-size:25px;
    color: #fff;
    text-shadow: 1px 2px 3px #444;
    display:block

}
.grayicon .icon {
text-align:center

}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

svg {
    background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}

svg image {
    transition: all .6s ease;
}

svg image:hover {
    opacity: 0;
}



.dropdown-menu {border:none;}



.dropdown-menu .caret {transform:rotate(-90deg); color:#9fa8b4;}







.topInfo {
 color:#929292;
 font-size:13px;
position:absolute;
right:0;
width:30px
 }
.topInfo span {
    margin-bottom:10px;
    display:block
}


.topBG { width: 100%; height: 100px; background: #fff; position: absolute; top: 45px; left: 0;
border-bottom:2px solid #ccc;
z-index:9; }

.navbar-brand img {margin:-30px 0 0 0; position:relative; z-index:999;}







.lead {font-size:16px;}



#form,#insan-kaynaklari {display:none; width:600px;}











.productsInfo  {margin:70px 0 50px -40px; font-size:14px;}




.newsList li   { list-style:none !important; }



.newsList li a { display:block; color:#454545; font-size:13px; border:1px solid #DDF3F2; padding:20px;}



.newsList li a:hover {background:#DDF3F2;}



.newsList li a span {display:block; color:#329a94; font-size:16px; margin:0px 0 5px 0;}



.newsList li a:hover {text-decoration:none;}



	



.slider-wrapper { position: relative; *overflow: hidden; width: 100%; margin:0 auto; z-index:-1;  }



.slider { position: relative; width: 100%; margin: 0 auto;  }







.carousel-indicators {width:15px; left:98%; margin:0; bottom:50px;}



.carousel-indicators li {border:none; background:#fff; border:1px solid #ccc;  display:block; width:15px;height:15px; margin:3px 0;}



.carousel-indicators .active {border:none; background:#25925c;width:15px;height:15px; margin:0;}







.fraction-slider { position: relative; width: 100%; height: 100%; overflow: visible; }



.fraction-slider .slide { display: none; width: 100%; height: 100%; position: absolute; z-index: 5000; }



.fraction-slider .active-slide { z-index: 9999; }



.fraction-slider .fs_obj { display: block; display: none; position: absolute; top: 0px; left: 100%; z-index: 7000; }



.fraction-slider .fs_fixed_obj { z-index: 6000; left: 0; }



.fraction-slider .fs_obj * { display: inline-block; position: relative; top: 0px; left: 0px; }



.fs_loader { width: 100%; height: 400px; background: url(images/fs.spinner.gif) center center no-repeat transparent; }



/** CONTROLS **/







.fraction-slider .prev, .fraction-slider .next { display: none !important; position: absolute; width: 45px; height: 45px; z-index: 9999; }



.fraction-slider .prev { left: 10px; top: 45%; background: url(images/fs.prevnext.png) 0px 0px no-repeat transparent; }



.fraction-slider .prev:hover { background: url(images/fs.prevnext.png) 0px -45px no-repeat transparent; }



.fraction-slider .next { right: 10px; top: 185px; background: url(images/fs.prevnext.png) -45px 0px no-repeat transparent; }



.fraction-slider .next:hover { background: url(images/fs.prevnext.png) -45px -45px no-repeat transparent; }



.fraction-slider:hover .prev, .fraction-slider:hover .next { display: block; }



/** PAGER **/







.fs-pager-wrapper { position: absolute; left: 10px; bottom: 10px; z-index: 9999; display:none; }



.fs-pager-wrapper a { display: inline-block; width: 14px; height: 14px; margin: 0 5px 0 0; background: url(images/fs.pager.png) 0px -14px no-repeat transparent; }



.fs-pager-wrapper .active { background: url(images/fs.pager.png) 0px 0px no-repeat transparent; }















.news { padding:15px;  



	webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3);



  -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3);



  box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3);



  -webkit-transition: all 400ms ease-in-out;



  -moz-transition: all 400ms ease-in-out;



  -ms-transition: all 400ms ease-in-out;



  -o-transition: all 400ms ease-in-out;}



.news .item {background:#fff; height:166px;}



.news img {float:left; width:30%; margin:0 5% 0 0;}



.news .desc {float:left; width:60%; font-size:14px; color:#58595b;}



.news .h1 {font-size:24px; margin:20px 0 10px 0; display:block;}











.allNews {bottom:-30px !important;}



.about a, .allNews { position:absolute; bottom:-15px; left:50%; margin:0 0 0 -15px; width:31px; line-height:31px; text-align:center; color:#42ab34; background:#fff; border:1px solid #ededed; border-radius:999px; display:block;}



.about .caret, .allNews .caret {transform:rotate(-90deg)}















/* GLOBAL */







.banner {background:#fff; height:230px; position:relative; z-index:-1; margin:0 0 40px 0;overflow:hidden

}
.bannerimg {
    -webkit-animation:bgzoom 10s ease-in-out infinite alternate;
    animation:bgzoom 10s ease-in-out infinite alternate;
    display:block;
    height:100%
}
.bannerimg1 {
    display:block;
    height:100%
}

@-webkit-keyframes bgzoom{
From {
    -webkit-transform: scale(1.0);
}
To {
    -webkit-transform: scale(1.5);
}
}
@keyframes bgzoom{
From {
    -webkit-transform: scale(1.0);
}
To {
    -webkit-transform: scale(1.5);
}
}

.banner h1 {
    float:left;font-size:50px;color:#fff; position:absolute; bottom:20px;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
    padding:10px;
    background:rgba(255,255,255,0.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom : 2%;
    margin-left:30px
}
.footer {
    padding:20px 0px;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index:15 ;
    background:#444;
        margin:0px !important;  
}



@media only screen and (max-width : 768px) {
.banner h1 {
    float:left;font-size:30px;color:#fff; position:absolute; bottom:20px;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
    padding:10px;
    background:rgba(255,255,255,0.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom :7%;
    margin-left:5%
}
.footer {
    padding:40px 0px;
    position:inherit;

}

}

@media only screen and (max-width : 468px) {
.banner h1 {
    float:left;font-size:30px;color:#fff; position:absolute; bottom:20px;
    text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;
    padding:10px;
    background:rgba(255,255,255,0.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom :15%;
    margin-left:5%
}
.footer {
    padding:40px 0px;
    position:inherit;
}

}

.banner img {float:right;}



  .urunimg,.urundesc {
        float:left;
  }
  .urunimg {
      text-align:center;
      font-weight:bold;
      font-size:17px
  }
  .urundesc {
      width:100%
  }


.navi {
    right:0;
    top:-50px;
    position:absolute;
    padding:10px 0px;
}

.navi select {
    padding:5px;
    background:#333;
    color:#fff
}

.iletform li {
    margin-bottom: 10px !important;
    width:100%;
}
.iletform input[type=text],.iletform textarea {
    width:100%;
    padding:5px
}

.oval {
    border-radius: 50%;
    border:10px solid white;
    -webkit-box-shadow: 2px 6px 18px -4px rgba(0,0,0,0.39);
-moz-box-shadow: 2px 6px 18px -4px rgba(0,0,0,0.39);
box-shadow: 2px 6px 18px -4px rgba(0,0,0,0.39);
    width:217px;
    height:194px;
}
.urun a:hover {
    text-decoration:none !important;
}

.oval-caption,.oval-desc {
    display:block;
    text-align:center ;
    font-size:14px;
    font-weight:bold;
    color:#000;
    margin:5px 0px;
}
.oval-desc {
    font-weight:normal;
    text-align:left ;
    font-size:12px !important;
}
.oval-desc ul li {
    margin:0px !important
}

.oval-link {
    display:Block;
    border-radius: 5px;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    background: rgba(222, 195, 40, 1) url(//static.parastorage.com/services/skins/2.1212.0/images/wysiwyg/core/themes/base/shiny1button_bg.png) 50% 50% repeat-x;
    border: solid rgba(204, 204, 204, 1) 0px;

    font-size:17px;
    transition: color 0.4s ease 0s;
    color: #FFFFFF;
    display: inline-block;
    margin-top: calc(-1 * 0px);
    position: relative;
    white-space: nowrap;
    line-height:35px;
    padding:0px 10px;
}
.oval-link:hover {
    text-decoration:none;
}

.urun {
    margin-bottom:10px
}

.leftNav {width:25%; float:left;}



.leftNav li a { background:#8b7d70; color:#fff; display:block; margin:0 0 4px 0; padding:10px 30px; }



.leftNav li a:hover,.leftNav li .active {background:#603813; border-right:15px solid #603813; width:106%;  }







#tablo { display:none; color:#58595b; font-size:14px;}



#tablo tr td {  *white-space: pre-line; padding:10px; text-align:center; border:1px solid #8b7d70;}



#tablo tr td p {margin:0;}



#tablo tr:first-child td  {background:#e7eee6;}



 



























.page {width:100%; min-height:500px; float:left;padding-bottom:10px; margin-bottom:110px;}


.page h1 { display:block; width:200%; font-size:30px; line-height:50px; margin:0 0 15px 0;  color:#000;}



.page .pageImg {float:right; margin:-80px 0 20px 20px; width:320px;}



.page h2 {color:#329a94; border-bottom:1px solid #329a94; margin:0 0 10px 0; padding:10px 0; }



.page li {list-style:inside; margin:0 0 20px 0;}



.tabloBut {width:100%; font-size:24px; color:#fff; line-height:60px; background:#603813; text-align:center; display:block; margin:20px 0; }



.tabloBut:hover {color:#fff;}







.footer {margin:20px 0;}



.footer p {float:left;}



.footer a {float:right;}



 



.carousel-inner.vertical { height: 100%; }



.carousel-inner.vertical > .item { -webkit-transition: .6s ease-in-out top; -o-transition: .6s ease-in-out top; transition: .6s ease-in-out top; }







@media all and (transform-3d), (-webkit-transform-3d) {



.carousel-inner.vertical > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }



.carousel-inner.vertical > .item.next,  .carousel-inner.vertical > .item.active.right { top: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }



.carousel-inner.vertical > .item.prev,  .carousel-inner.vertical > .item.active.left { top: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }



.carousel-inner.vertical > .item.next.left,  .carousel-inner.vertical > .item.prev.right,  .carousel-inner.vertical > .item.active { top: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



}



.carousel-inner.vertical > .active { top: 0; }



.carousel-inner.vertical > .next, .carousel-inner.vertical > .prev { top: 0; height: 100%; width: auto; }



.carousel-inner.vertical > .next { left: 0; top: 100%; }



.carousel-inner.vertical > .prev { left: 0; top: -100% }



.carousel-inner.vertical > .next.left, .carousel-inner.vertical > .prev.right { top: 0; }



.carousel-inner.vertical > .active.left { left: 0; top: -100%; }



.carousel-inner.vertical > .active.right { left: 0; top: 100%; }



 



 



 



 



 



 .backBut { background: #329a94; width:100px; line-height:30px; display:block; text-align:center; color:#fff; border:none; } 



 .contact,.maps {float:left; width:50%;}



 



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



.leftNav,.page, .contact,.maps,.banner img,.page h1,.news .desc {width:100% !important;}



.container {margin:2% !important;}







.topInfo a, .pageImg {display:none;}



.topInfo  {margin: 0 -20px 20px 0;}



 .productsInfo .col-sm-3, .about {  margin: 30px 0 0 0 !important; height:auto;}



 }















@media only screen and (min-width: 1000px) {



.slider { width: 1000px; }



}







@media only screen and (min-width: 1440px) {



.slider { width: 1440px; }



}



 



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

.dilsec{display:inherit !important;

background: url(http://en.tiriyo.com.tr/images/tr.png) 10px 6px no-repeat;
    padding-left: 30px;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {background:#ccc;}




}





    

   

	

.formlink {

	background: #fff;

    color: #000;

	    padding: 63px 0px;

	display: block;

    margin: 0 0 4px 0;

	

}

.formlink a img {

padding-right: 20px;	

}

.formlink a {

	float:left;

	display:block;

	color:#000000;

	padding: 20px 30px;

	margin: 0px 0 4px 0px;

	text-decoration:none;

	webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3);

    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3);

    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.3);

	width:100%;

}