@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@1,800&display=swap');
@font-face {
  font-family: 'berlinmy';
  src: url('https://www.rutapi.com/css/font/berlin.eot?45663787');
  src: url('https://www.rutapi.com/css/font/berlin.eot?45663787') format('embedded-opentype'),
       url('https://www.rutapi.com/css/font/berlin.woff?45663787') format('woff'),
       url('https://www.rutapi.com/css/font/berlin.ttf?45663787') format('truetype'),
       url('https://www.rutapi.com/css/font/berlin.svg?45663787') format('svg');
  font-weight: normal;
  font-style: normal;
}
:root {
--data-width:100%;
}
.grayoption{color:gray;background-color:#ebebeb;}
body{margin:0px;padding:0px;background-color:#333333;font-family: 'Poppins', 'Open Sans', sans-serif;}
.hiddendiv{display:none;}
.myform_element{border:1px solid #cbcbcb;color:black;width:var(--data-width);max-width:var(--data-width);resize:none;padding:5px;margin:0px;line-height:20px;font-weight:normal;font-size:13;border-radius:2px;background-color:#ffffff;}
.myform_button{font-weight:normal;width:100%;border:1px solid #cbcbcb;padding:5px;line-height:25px;font-size:14px;text-align:center;cursor:pointer;border-radius:3px;-webkit-box-shadow:0px 0px 2px #f8f8f8;-moz-box-shadow:0px 0px 2px #f8f8f8;box-shadow:0px 0px 2px #f8f8f8;}
.myform_button.standart{color:#666666;background: -webkit-linear-gradient(top, #f8f8f8, #f3f3f3);background: -moz-linear-gradient(top, #f8f8f8, #f3f3f3);background: -ms-linear-gradient(top, #f8f8f8, #f3f3f3);background: -o-linear-gradient(top, #f8f8f8, #f3f3f3);background: linear-gradient(top, #f8f8f8, #f3f3f3);}
.myform_button.standart:hover{font-weight:600;color:#666666;background: -webkit-linear-gradient(top, #f8f8f8, #d8d8d8);background: -moz-linear-gradient(top, #f8f8f8, #d8d8d8);background: -ms-linear-gradient(top, #f8f8f8, #d8d8d8);background: -o-linear-gradient(top, #f8f8f8, #d8d8d8);background: linear-gradient(top, #f8f8f8, #d8d8d8);	}
.myform_button.positive{color:#666666;background: -webkit-linear-gradient(top, #bde1ff, #a6d2f5);background: -moz-linear-gradient(top, #bde1ff, #a6d2f5);background: -ms-linear-gradient(top, #bde1ff, #a6d2f5);background: -o-linear-gradient(top, #bde1ff, #a6d2f5);background: linear-gradient(top, #bde1ff, #a6d2f5);}
.myform_button.positive:hover{font-weight:600;color:#666666;background: -webkit-linear-gradient(top, #bde1ff, #89bde8);background: -moz-linear-gradient(top, #bde1ff, #89bde8);background: -ms-linear-gradient(top, #bde1ff, #89bde8);background: -o-linear-gradient(top, #bde1ff, #89bde8);background: linear-gradient(top, #bde1ff, #89bde8);}
.myform_button.negative{color:#666666;background: -webkit-linear-gradient(top, #fecfbf, #ffc5b2);background: -moz-linear-gradient(top, #fecfbf, #ffc5b2);background: -ms-linear-gradient(top, #fecfbf, #ffc5b2);background: -o-linear-gradient(top, #fecfbf, #ffc5b2);background: linear-gradient(top, #fecfbf, #ffc5b2);}
.myform_button.negative:hover{font-weight:600;color:#666666;background: -webkit-linear-gradient(top, #fecfbf, #ffa689);background: -moz-linear-gradient(top, #fecfbf, #ffa689);background: -ms-linear-gradient(top, #fecfbf, #ffa689);background: -o-linear-gradient(top, #fecfbf, #ffa689);background: linear-gradient(top, #fecfbf, #ffa689);}
.mymodal{display:none;position:fixed;z-index:9999;padding-top:100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0.4);}
.mymodal-content{position:relative;height:auto;margin: auto;padding: 0;border: 1px solid #888;width: 80%;max-width:500px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0,0.2),0 6px 20px 0 rgba(0, 0, 0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;border-radius:3px;}
@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1}}
@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1}}
.mymodal-header{padding:10px;font-size:14px;line-height:24px;font-weight:300;background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);background: linear-gradient(top, #f8f8f8, #f2f2f2);color:#777777;border-top-left-radius:3px;border-top-right-radius:3px;}
.mymodal-body{padding:10px;background-color:#ffffff;font-size:12px;line-height:18px;font-weight:normal;color:#666666;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.mymodal-footer{padding:10px;background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);background: -ms-linear-gradient(top, #f8f8f8, #f2f2f2);background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);background: linear-gradient(top, #f8f8f8, #f2f2f2);color:#777777;border-bottom-left-radius:3px;border-bottom-right-radius:3px;font-size:15px;line-height:30px;font-weight:500;}
.mymodal-footer .divbutton{float:right;display:inline-block;padding:0px 10px;margin:0px 5px;line-height:26px;font-size:13px;border-radius:2px;cursor:pointer;}
.divbutton.positive{background: -webkit-linear-gradient(top, #00ff36, #01c129);background: -moz-linear-gradient(top, #00ff36, #01c129);background: -ms-linear-gradient(top, #00ff36, #01c129);background: -o-linear-gradient(top, #00ff36, #01c129);background: linear-gradient(top, #00ff36, #01c129);color:#323232;border:1px solid #9c9c9c;}
.divbutton.positive:hover{background: -webkit-linear-gradient(top, #00da2e, #00a723);background: -moz-linear-gradient(top, #00da2e, #00a723);background: -ms-linear-gradient(top, #00da2e, #00a723);background: -o-linear-gradient(top, #00da2e, #00a723);background: linear-gradient(top, #00da2e, #00a723);color:black;border:1px solid black;}
.divbutton.negative{background: -webkit-linear-gradient(top, #ff7070, #fd4646);background: -moz-linear-gradient(top, #ff7070, #fd4646);background: -ms-linear-gradient(top, #ff7070, #fd4646);background: -o-linear-gradient(top, #ff7070, #fd4646);background: linear-gradient(top, #ff7070, #fd4646);color:#323232;border:1px solid #9c9c9c;}
.divbutton.negative:hover{background: -webkit-linear-gradient(top, #ff5a5a, #ff2929);background: -moz-linear-gradient(top, #ff5a5a, #ff2929);background: -ms-linear-gradient(top, #ff5a5a, #ff2929);background: -o-linear-gradient(top, #ff5a5a, #ff2929);background: linear-gradient(top, #ff5a5a, #ff2929);color:black;border:1px solid black;}
.divbutton.general{background: -webkit-linear-gradient(top, #83afff, #4888fd);background: -moz-linear-gradient(top, #83afff, #4888fd);background: -ms-linear-gradient(top, #83afff, #4888fd);background: -o-linear-gradient(top, #83afff, #4888fd);background: linear-gradient(top, #83afff, #4888fd);color:#323232;border:1px solid #9c9c9c;}
.divbutton.general:hover{background: -webkit-linear-gradient(top, #6da0fd, #2975ff);background: -moz-linear-gradient(top, #6da0fd, #2975ff);background: -ms-linear-gradient(top, #6da0fd, #2975ff);background: -o-linear-gradient(top, #6da0fd, #2975ff);background: linear-gradient(top, #6da0fd, #2975ff); color:black;border:1px solid black;}
.myclose{color:#777777;float:right;font-size:24px;font-weight:normal;}
.myclose:hover, .myclose:focus {color:black;text-decoration:none;cursor:pointer;}
header{position:fixed;font-size:14px;top:0px;left:0px;right:0px;height:60px;color:black;background-color:white;z-index:98;-webkit-box-shadow:2px 2px 5px #e0e0e0;-moz-box-shadow:2px 2px 5px #e0e0e0;box-shadow:2px 2px 5px #e0e0e0;padding-left:40px;padding-right:40px;}
header.cl2{color:white;background-color:#01447b;}
main{position:relative;width:100%;height:auto;top:60px;z-index:2;padding:0px;}
main{margin-bottom:60px;}
footer{position:relative;}
#section_1{width:100%;height:auto;padding-left:40px;padding-right:40px;padding-top:20px;padding-bottom:20px;}
#section_1{background: white url(https://www.rutapi.com/img/backimgmain.png) repeat center top;}
footer{bottom:0px;left:0px;right:0px;width:100%;height:298px;z-index:0;padding-left:20px;padding-right:20px;}
footer{background-color:#333333;color: #ffffff;/*background-image: url(https://www.yemekchi.com/img/patternep2.png), url(https://www.yemekchi.com/img/patternep.png);background-repeat: no-repeat, repeat;background-position: center, center;*/}
.footerarea{margin:0px;padding:0px;height:178px;padding-top:30px;padding-left:20px;padding-right:20px;}
.footerarea.a{height:178px;}
.footerarea.b{height:178px;}
.footerarea.c{height:178px;}
.footerarea.d{height:178px;}
.footerareabottom{margin:0px;padding:0px;text-align:center;height:120px;padding-top:30px;}
.footerarea>h1{margin:0px;margin-bottom:8px;padding:0px;color:#ffffff;font-weight:800;font-size:16px;line-height:35px;}
.footerarea>h2{margin:0px;padding:0px;color:#ffffff;font-weight:400;font-size:13px;cursor:pointer;line-height:25px;}
.footerarea>h2>a{text-decoration: none !important;color:#ffffff;}
.footerarea>h2>a:visited {color:#ffffff;}
.footerarea>h2>a:hover {color:#bdbdbd;}
.footerarea>h2>a:active {color:#ffffff;}

#social_footer {text-align: center;border-top: 0px solid rgba(255, 255, 255, 0.2);/*1px*/padding-top: 0px;}
#social_footer p {font-size: 12px;color: #bdbdbd;}
#social_footer ul {margin: 0;padding: 0 0 10px 0;text-align: center;}
#social_footer ul li {display: inline-block;margin: 0 5px 10px 5px;}
#social_footer ul li a {color: #ffffff;text-align: center;line-height: 34px;display: block;font-size: 16px;width: 35px;height: 35px;border: 1px solid rgba(255, 255, 255, 0.3);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#social_footer ul li a:hover {border: 1px solid #ffffff;background: #ffffff;color: #333333;}

#toTop{width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.6);text-align: center;padding: 10px;line-height: 20px;position: fixed;z-index:3;bottom: 10px;right: 10px;cursor: pointer;display:none;color: #ffffff;font-size: 20px;}
#toTop:before {font-style: normal;font-weight: normal;font-family: "fontello";content: "\e899";}

.nomarginpadding{margin:0px;padding:0px;text-align:left;}
.rightpad5{padding-right:5px;}
.mymainlogo1{/*width:160px;*/height:60px;font-size:30px;font-family: 'berlinmy', 'Open Sans', sans-serif;font-weight:bold;margin-left:10px;}
.mymainlogo2{/*width:160px;*/line-height:60px;/*margin-top:15px;*/}
.mymainlogo2 > i{font-style: normal;}
.headerlogoleft{color:#ff4609;}
.headerlogoright{color:#01447b;}
.headerlogoleft.cl2{color:#ff4609;}
.headerlogoright.cl2{color:white;}
.overmenu{float:left;width:100px;height:60px;line-height:60px;text-align:center;cursor:pointer;}
.overmenu{color:black;}
.overmenu.cl2{color:white;}
.overmenuicerik{cursor:auto;display:none;width:280px;height:260px;position:absolute;text-align:left;padding:0px;margin-top:-5px;color:black;}
.overmenuicerik.cl2{color:white;}
.overmenuici{clear:both;position:absolute;font-size:12px;width:280px;height:250px;background-color:white;text-align:left;padding:0px;border-top:3px solid #ff4609;line-height:20px;margin-top:5px;margin-left:-180px;-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.overmenuici.cl2{background-color:#01447b;border-top:3px solid #ff4609;}
.overmenutop{color:black;}
.overmenutop.cl2{color:white;}

.headermenusystem{float:right;color:black;}
.headermenusystem.cl2{color:white;}
.overmenutop{float:left;}
.overmenutopi{float:left;}
.overmenutopi > .overmenutopitext{display:none;}
.overmenutopitext{width:50px;height:60px;line-height:60px;text-align:center;cursor:pointer;}
.overmenuicust{position:absolute;right:225px;margin-top:-5px;border-color: transparent transparent #ff4609 transparent;border-style: solid;border-width: 5px;width: 0px;height: 0px;}
.overmenuicust.cl2{border-color: transparent transparent #ff4609 transparent;}

.myfootlogo1{
	width: 252px;
    height: 40px;
    font-size: 20px;
    font-family: 'berlinmy', 'Open Sans', sans-serif;
    font-weight: bold;
	text-align:center;
	padding-right:10px;
}
.myfootlogo2{
	/*width: 160px;*/
    line-height: 40px;
    /*margin-top: 0px;*/
	margin:auto;
}
.myfootlogo2 > i{font-style: normal;}
.footerarea>.hbnjkm1{width:252px;padding-left:0px;text-align:center;}
.footerarea>.hbnjkm2{width:252px;text-align:center;}
.laklak{width:185px;margin:auto;}
.laklak>.hbnjkm31{float:left;width:86px;text-align:center;}
.laklak>.hbnjkm32{float:left;width:86px;text-align:center;}
.footerlogoleft{color:#ff4609;}
.footerlogoright{color:white;}
.laklak>div>h4{margin:0px;padding:0px;color:#ffffff;font-weight:400;font-size:12px;cursor:pointer;line-height:25px;}
.footerarea>div>h3{margin:0px;padding:0px;padding-top:10px;padding-right:10px;color:#ffffff;font-weight:400;font-size:12px;cursor:pointer;line-height:25px;}
.footerarea>div>h3>font{margin:0px;padding:0px;color:white;font-weight:600;font-size:12px;cursor:pointer;line-height:25px;}
.hbnjkm2>.h3um{width:100%;text-align:center;margin:0px;padding:0px;padding-top:10px;color:#ffffff;font-weight:400;font-size:12px;line-height:25px;}
.h3um>font{margin:0px;padding:0px;color:white;font-weight:600;font-size:12px;line-height:25px;}
@media screen and (max-width: 991px) {
	.myfootlogo1{width:100%;padding-right:0px;}
	.footerarea>.hbnjkm1{width:100%;padding-left:0px;text-align:center;}
	.footerarea>.hbnjkm2{width:100%;text-align:center;}
	.laklak{width:185px;margin:auto;}
}
#gstraream{
	position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-color:white;text-align:center;
	background:#f5f5f5 url(https://www.rutapi.com/img/cream.png) repeat center top;
}
#mainaream{width:100%;height:auto;display:none;}
.icdivgstr{
	margin:auto;position:relative;
	width:250px;text-align:center;
	height:180px;top:50%;margin-top:-90px;
	
}
.machinetop{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.machine {
  width: 18vmin;
  fill: #01447b; }

.small-shadow, .medium-shadow, .large-shadow {
  fill: #ff4609;/*rgba(255, 70, 9, 0.5);*/ }

.small {
  -webkit-animation: counter-rotation 2.5s infinite linear;
	   -moz-animation: counter-rotation 2.5s infinite linear;
	     -o-animation: counter-rotation 2.5s infinite linear;
	        animation: counter-rotation 2.5s infinite linear;
  -webkit-transform-origin: 100.136px 225.345px;
      -ms-transform-origin: 100.136px 225.345px;
          transform-origin: 100.136px 225.345px; }

.small-shadow {
  -webkit-animation: counter-rotation 2.5s infinite linear;
	   -moz-animation: counter-rotation 2.5s infinite linear;
	     -o-animation: counter-rotation 2.5s infinite linear;
	        animation: counter-rotation 2.5s infinite linear;
  -webkit-transform-origin: 110.136px 235.345px;
      -ms-transform-origin: 110.136px 235.345px;
          transform-origin: 110.136px 235.345px; }

.medium {
  -webkit-animation: rotation 3.75s infinite linear;
	   -moz-animation: rotation 3.75s infinite linear;
	     -o-animation: rotation 3.75s infinite linear;
	        animation: rotation 3.75s infinite linear;
  -webkit-transform-origin: 254.675px 379.447px;
      -ms-transform-origin: 254.675px 379.447px;
          transform-origin: 254.675px 379.447px; }

.medium-shadow {
  -webkit-animation: rotation 3.75s infinite linear;
	   -moz-animation: rotation 3.75s infinite linear;
	     -o-animation: rotation 3.75s infinite linear;
	        animation: rotation 3.75s infinite linear;
  -webkit-transform-origin: 264.675px 389.447px;
      -ms-transform-origin: 264.675px 389.447px;
          transform-origin: 264.675px 389.447px; }

.large {
  -webkit-animation: counter-rotation 5s infinite linear;
     -moz-animation: counter-rotation 5s infinite linear;
	     -o-animation: counter-rotation 5s infinite linear;
        	animation: counter-rotation 5s infinite linear;
  -webkit-transform-origin: 461.37px 173.694px;
      -ms-transform-origin: 461.37px 173.694px;
          transform-origin: 461.37px 173.694px; }

.large-shadow {  
  -webkit-animation: counter-rotation 5s infinite linear;
	   -moz-animation: counter-rotation 5s infinite linear;
	     -o-animation: counter-rotation 5s infinite linear;
	        animation: counter-rotation 5s infinite linear;
  -webkit-transform-origin: 471.37px 183.694px;
      -ms-transform-origin: 471.37px 183.694px;
          transform-origin: 471.37px 183.694px; }

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to   {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}

@-webkit-keyframes counter-rotation {
    from {-webkit-transform: rotate(359deg);}
    to   {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes counter-rotation {
    from {-moz-transform: rotate(359deg);}
    to   {-moz-transform: rotate(0deg);}
}
@-o-keyframes counter-rotation {
    from {-o-transform: rotate(359deg);}
    to   {-o-transform: rotate(0deg);}
}
@keyframes counter-rotation {
    from {transform: rotate(359deg);}
    to   {transform: rotate(0deg);}
}
.textareagstr{display:none;width:250px;line-height:25px;color:#01447b;border:2px solid #ff4609;text-align:center;border-radius:3px;font-size:13px;font-weight:600;}


/*üst giriş kısmı özel kodlama*/
.ustgiriskultipsec{padding:10px;padding-left:5px;color:#888888;text-align:center;background-color:#f8f8f8;cursor:pointer;}
.ustgiriskultipsec.cl2{padding:10px;padding-left:5px;color:#696969;text-align:center;background-color:#bde1ff;cursor:pointer;}
.ustgiriskultipsec.active{padding:10px;padding-right:5px;color:#888888;background:none;text-align:center;font-weight:bold;cursor:pointer;}
.ustgiriskultipsec.active.cl2{padding:10px;padding-right:5px;color:#eeeeee;background:none;text-align:center;font-weight:bold;cursor:pointer;}
.ustgiriskultipsec:hover{font-weight:600;}
.ustgiristype1{padding:10px;}
.ustgiristype2{padding:10px;padding-top:0px;}
.ustgiristype3{padding:10px;padding-top:0px;padding-left:0px;}
.ustgiristype4{padding:10px;padding-right:5px;}
.ustgiristype5{padding:10px;padding-left:5px;}
.ustgiristype6{line-height:24px;}
.ustgiristype7{font-size:14px;}
.ustgiristype8{height:25px;}
.ustgiristype9{width:18px;height:18px;position:absolute;left:10px;top:0px;}
.ustgiristype10{color:#888888;position:absolute;top:3px;left:30px;right:0px;font-weight:normal;cursor:pointer;font-size:13px;}
.ustgiristype10.active{color:#01447b;}
.ustgiristype10.cl2{color:#e2e2e2;}
.ustgiristype10.active.cl2{color:#ff4609;}
.ustgiristype11{padding:10px;padding-top:0px;font-size:13px;color:#888888;cursor:pointer;}
.ustgiristype11.cl2{color:#e2e2e2;}
.ustgiristype11:hover{color:black;}
.ustgiristype11.cl2:hover{color:white;}
.ustgiristype12_1{height:255px !important;min-width:250px;}
.ustgiristype12_2{height:auto !important;min-width:250px;}
.ustgiristype13{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ustgiristype14{padding:10px;line-height:20px;}
.ustgiristype15{padding:10px;padding-right:5px;padding-top:0px;}
.ustgiristype16{padding:10px;padding-left:5px;padding-top:0px;}
.ustgiristype17{font-size:12.5px;}
/*üst giriş kısmı özel kodlama*/


@media screen and (max-width: 991px) {
	header{padding-left:25px;padding-right:25px;}
	.mymodal{padding-top:100px;}
	.mymodal-content{width:84%;max-width:450px;border-radius:3px;}
	.mymodal-header{padding:10px;font-size:14px;line-height:24px;border-top-left-radius:3px;border-top-right-radius:3px;}
	.mymodal-body{padding:10px;font-size:11px;line-height:17px;}
	.mymodal-footer{padding: 10px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;font-size:14px;line-height:28px;}
	.mymodal-footer .divbutton{padding:0px 10px;margin:0px px;line-height:24px;font-size:12px;border-radius:2px;}
	.myclose{font-size:24px;}
	.overmenu{width:50px;height:60px;line-height:60px;text-align:center;cursor:pointer;float:left;}
	.overmenuicerik{width:50px;height:10px;position:absolute;text-align:left;padding:0px;margin-top:-5px;}
		.overmenuici{clear:both;position:absolute;width:280px;height:250px;background-color:white;text-align:left;padding:0px;border-top:3px solid #ff4609;line-height:20px;margin-top:5px;margin-left:-230px;}
	.overmenuici.cl2{background-color:#01447b;border-top:3px solid #ff4609;}
		.overmenuicust{position:absolute;right:20px;margin-top:-5px;border-color: transparent transparent #ff4609 transparent;border-style: solid;border-width: 5px;width: 0px;height: 0px;}
	.overmenu > font{display:none;}
	footer{position:relative;height:446px;padding-left:10px;padding-right:10px;}
	.footerarea{padding-left:15px;padding-right:15px;}
	.footerarea.a{height:168px;padding-top:20px;}
	.footerarea.b{height:168px;padding-top:20px;}
	.footerarea.c{height:163px;padding-top:15px;}
	.footerarea.d{height:163px;padding-top:15px;}
	main{margin-bottom:60px;}
		#section_1{position:static;width:100%;border-radius:0px;box-shadow:none;height:auto;padding-left:25px;padding-right:25px;padding-top:15px;padding-bottom:15px;}
		#section_1{background: white url(https://www.rutapi.com/img/backimgmain.png) repeat center top;}
			.mymainlogo1{font-size:25px;}
}



@media screen and (max-width: 767px) {
	header{padding-left:10px;padding-right:10px;}
	.mymodal{padding-top:100px;}
	.mymodal-content{width:90%;max-width:400px;border-radius:3px;}
	.mymodal-header{padding:10px;font-size:13px;line-height:23px;border-top-left-radius:3px;border-top-right-radius:3px;}
	.mymodal-body{padding:10px;font-size:10px;line-height:15px;}
	.mymodal-footer{padding: 10px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;font-size:13px;line-height:26px;}
	.mymodal-footer .divbutton{padding:0px 10px;margin:0px px;line-height:22px;font-size:11px;border-radius:2px;}
	.myclose{font-size:23px;}	
		.overmenutopi > .overmenutopitext{display:block;}
	.overmenutop{width:50px;height:60px;line-height:60px;text-align:center;cursor:pointer;}
		.overmenuicust{display:none;}
	.overmenutopici{display:none;position:fixed;width:90%;height:100%;text-align:left;padding:5px;z-index:95;background-color:white;right:0px;top:60px;bottom:0px;-webkit-box-shadow:inset 2px 2px 5px #e0e0e0;-moz-box-shadow:inset 2px 2px 5px #e0e0e0;box-shadow:inset 2px 2px 5px #e0e0e0;}
	.overmenutopici.cl2{background-color:#01447b;}
	.overmenu{width:100%;height:auto;line-height:60px;text-align:center;cursor:pointer;border-bottom:2px solid #ff4609;}
	.overmenu.cl2{border-bottom:2px solid #ff4609;}
		.overmenu:hover font{font-weight:bold;font-size:15px;}
		.overmenu > font{display:inline-block;}
	.overmenuici{clear:both;position:static;width:100%;height:auto;background-color:white;text-align:left;padding:0px;;line-height:20px;margin-left:0px;margin-top:0px;border:0px;border-top:1px dotted #ff4609;-webkit-box-shadow:0 0 0px 0px black;-moz-box-shadow:0 0 0px 0px black;box-shadow:0 0 0px 0px black;}
	.overmenuici.cl2{border-top:1px dotted #ff4609;}
	.overmenuici.cl2{background-color:#01447b;}
	.overmenuicerik{width:100%;height:auto;position:static;text-align:left;padding:0px;margin-top:0px;}
	
	.overmenu.sabit{width:50px;height:60px;line-height:60px;text-align:center;cursor:pointer;float:left;border-bottom:0px solid #ff4609;}
	.overmenuicerik.sabit{width:50px;height:10px;position:absolute;z-index:96;text-align:left;padding:0px;margin-top:-5px;}
			.overmenuici.sabit{clear:both;position:fixed;font-size:12px;width:280px;height:250px;background-color:white;text-align:left;padding:0px;border-top:3px solid #ff4609;right:10px;top:60px;line-height:20px;-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
	.overmenuici.sabit.cl2{background-color:#01447b;border-top:3px solid #ff4609;}
		.overmenuicust.sabit{position:absolute;right:20px;margin-top:-5px;border-color: transparent transparent #ff4609 transparent;border-style: solid;border-width: 5px;width: 0px;height: 0px;}
	.overmenu.sabit > font{display:none;}
	.overmenuicust.sabit{display:block;}
		footer{position:relative;height:664px;padding-left:0px;padding-right:0px;}
	footer.androyum{height:594px;}
	.footerarea{padding-left:10px;padding-right:10px;}
	.footerarea.a{height:158px;padding-top:10px;}
	.footerarea.b{height:158px;padding-top:10px;}
	.footerarea.c{height:158px;padding-top:10px;}
	.footerarea.d{height:80px;padding-top:10px;}
	main{margin-bottom:60px;}
		#section_1{position:static;width:100%;border-radius:0px;box-shadow:none;height:auto;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;}
		#section_1{background: white url(https://www.rutapi.com/img/backimgmain.png) repeat center top;}
			.mymainlogo1{font-size:25px;}
}