/* CSS Document */
@charset "utf-8";

/**
 * @author erkan gunes
 * @desc Copyright 2014
 *
 */
 
@import url(../styles/stable.css);
@import url(../styles/photo.css);

html { height:100%; width:100%; } .mp { margin:0; padding:0; } .lft { float: left; } body { margin:0; padding:0; width:100%; height:100%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; overflow: hidden; background:#f6f6f6; } img { border:0; }  

.popWin { position:absolute; left:0; top:0; z-index:9998; width:100%; height:100%; height:auto; background-color: rgba(0, 0, 0, .6); }
.winLoad { position:absolute; left:0; top:0; width:100%; height:100%; z-index:9999; background-color:white; text-align:center; }
.backWrap { position:relative; width:100%; height:100%; top:0; left:0; background: url(../general/bg.png) repeat; }

.exslider { position:relative; top:0; left:0; overflow:hidden; width:100%; height:100%; list-style:none; margin:0; padding:0; }
.exslider li { float:left; margin:0; padding:0; }
.backWrap .bx-pager { position:absolute; z-index:99; right:25px; top:25px; }
.backWrap .bx-pager a { display:inline-block; height:11px; width:11px; margin-bottom: 3px; padding:0; padding-top: 3px; text-align:center; font-size: 1px; zoom:1; text-indent:-9999px; text-decoration:none; color:white; background-image: url(../general/slider_page.png); background-repeat:no-repeat; background-position: right top; }
.backWrap .bx-pager a:hover { background-position: 0 0; }
.backWrap .bx-pager.bx-default-pager a.active { background-position: top left; }
#toTop { border: medium none; bottom: 10px; display: none; height: 58px; overflow: hidden; position: fixed; right: 10px; text-decoration: none; width: 142px; z-index: 9999; text-align: center; color: black; font-size: 8px; text-transform: uppercase; }
#toTopHover { background: url("../general/button_go_up.png") 0 0 no-repeat scroll transparent; cursor: pointer; display: block; float: left; height: 42px; opacity: 0; overflow: hidden; width: 142px; margin: 0 0 3px 0; }
.eyfelsoft { position:absolute; z-index: 51; right:25px; bottom:25px; width:193px; height:17px; }
.vertical-line { position:absolute; z-index: 52; left:50%; width:1px; top:23%; height:60%; background: url(../general/vertical.png) no-repeat left center;}
.unvan { position:absolute; top:50%; text-align:center; width:410px; font-family: mdgL, Arial, Tahoma, sans; font-weight: 300; font-size:18px; margin-top:-30px; margin-left:-205px; color:#460054; }
.logo { position:absolute; z-index:53; left:50%; width:172px; top:10%; margin-left:-85px; }
.menu { position:absolute; z-index:58; width:95px; height:40px; top:30px; left:0; background-color:#460054; text-align:center; }
.buton-menu { position:absolute; width:700px; z-index:-1; left:0; right:0; margin:0 auto; color:white; }
.over-menu { position:absolute; width:68px; height:15px; padding: 12px; }
.over-menu a { display:block; height:15px; background: url(../general/menu.png) no-repeat; }
.bottom-with { position:absolute; z-index:55; bottom:3%; left:50%; width:146px; margin-left:-73px; }
.giris { font-family: mdgB, Arial, Tahoma, sans; font-weight:700; font-size:15px; text-align:center; }
.giris a { color:white; text-decoration:none; } .giris a:hover { color:#460054; }
.social-one { height:35px; padding-top:35px; }
.social-one a { display:block; float:left; width:35px; height:35px; background: url(../general/social_radial.png) no-repeat; }
.social-one a#fb:hover { background-position:left bottom; }
.social-one a#tw { margin-left:15px; background-position: -52px 0; } .social-one a#tw:hover { background-position:-52px -35px; }
.social-one a#gp { margin-left:15px; background-position: -104px 0; } .social-one a#gp:hover { background-position:-104px -35px; }
.hovermenu { position:absolute; top:20px; display:none; width:160px; margin-left:-5px; }
.hovermenu ul.topOk { display:block; margin:0; margin-top:20px; padding:0; height:18px; background: url(../general/top-ico.gif) no-repeat center bottom; }
.hovermenu ul { display:block; list-style:none; margin:0; padding:0; background:#460054; }
.hovermenu ul a { display:block; color:white; font-family:mdgR, Arial, Tahoma, sans; font-size:13px; text-decoration:none; padding: 7px 10px; border-top: 1px solid #580568; }
.hovermenu ul a:first-child { border:0; }
.hovermenu ul a:hover { background:#a91c8e; color:black; }

.service { position:absolute; z-index:56; right:60px; top:50%; width:350px; }
.rslider { position:relative; list-style:none; margin:0; padding:0; }
.rslider li { float:left; margin:0; padding:0; }
.rslider li p#s1 { font-family: mdgB, Arial, Tahoma, sans; font-size:38px; font-weight:700; color:#460054; margin:0; margin-left:-3px; padding:0; height:37px; }
.rslider li p#s2 { display:block; font-family: mdgL, Arial, Tahoma, sans; font-size:28px; font-weight:300; text-align:right; margin:0; padding:0; color:white; background:#460054; padding: 6px 20px 8px 0; }
.rnav { position:absolute; width:50px; height:46px; padding:0; margin-top:5px; }
.rnav a { display:block; float:left; width:23px; height:23px; }
.rnav a#rnext { background: url(../general/left-right.png) no-repeat top right; margin-left:3px; } .rnav a#rnext:hover { background-position: bottom right; }
.rnav a#rprev { background: url(../general/left-right.png) no-repeat top left; } .rnav a#rprev:hover { background-position: bottom left;}
.tek-layer { position:absolute; z-index:57; width:800px; left:50%; margin-left:-400px; bottom:17%; }
.tek-layer div { float:left; width:250px; padding-top:25px; height:100px; padding-left:115px; background: url(../general/steroskope.png) no-repeat; color:white; }
.tek-layer div#one { }
.tek-layer div#two { margin-left:70px; background-position: left bottom; }
.tek-layer a { text-decoration:none; color:white; }

.buton-menu li { float:left; list-style:none; margin:0; padding:0; color:#71457a; } .buton-menu li#spt {  padding-top:8px; }
.buton-menu a#t_lnk { display: inline-block; text-align:center; text-decoration:none; color:white; font-family: mdgR, Arial, Tahoma, sans; font-size:11px; padding:12px 30px; margin-left:5px; }
.buton-menu a#t_lnk:hover, .services a:hover { color:#a91c8e; }

.wrapper { position:relative; width:100%; }
.logo-x { position:absolute; z-index:60; width:140px; height:56px; left:10%; top:14px; }
.logo-x a { display:block; height:56px; background: url(../general/medgazX1.png) no-repeat; }

.hm-banner { position:relative; width:100%; padding-top:70px; }
.hm-wrap { position:relative; width:100%; max-height:380px; overflow:hidden; border-bottom: 1px solid #d2d2d2; }
.hmslider { position:relative; top:0; left:0; width:100%; list-style:none; margin:0; padding:0; background:yellow; }
.hmslider li { float:left; width:100%; margin:0; padding:0; }
.hm-home { position:relative; width:100%; min-height:600px; }
.bottomMarg { position:releative; width:100%; height:300px; background:#464f5b url(../general/eyfelsoftX1.png) no-repeat center 250px; text-align:center; }

.bottom-area { position:relative; left:50%; width:960px; margin-left:-480px; text-align:left; }
.bottom-menu { display:block; padding-left:175px; border-bottom:1px solid #525d6a; padding-top:35px; height:50px; text-align:center; list-style:none; }
.bottom-menu li { float:left; margin:0; padding:0; }
.bottom-menu li#sep { background: url(../general/bottom_seperator.png) no-repeat; width:20px; height:22px; }
.bottom-menu li a { display:block; color:#d2d2d2; text-decoration:none; font-family: mdgR, Arial, Tahoma, sans; font-size:13px; text-align:center; } 
.bottom-menu li a:hover { color:black; }  

.topce { position:absolute; z-index:13; left:50%; top:150px; width:47px; height:47px; margin-left:-24px; }
.topce a { display:block; height:47px; background: url(../general/top.png) no-repeat; }
.topce a:hover { background-position:bottom; }

.mt-eb { position:relative; height:155px; }
.mt-eb #one, .mt-eb #two { margin:0; padding:0; float:left; width:480px; list-style:none; }
.mt-eb #two { background: url(../general/musterihizmetleri.png) no-repeat right 60px; height:150px; }
.e-bulten { position:releative; width:305px; background: url(../general/e-bulten.png) no-repeat; margin-top:30px; padding-top:52px; }
.e-bulten li { list-style:none; float:left; margin:0; padding:0; }
.e-bulten li input#ebulten { background:#545f6d; border:0; height:30px; color: white; padding: 5px 10px; font-family: Arial, Tahoma, sans; font-weight:400; font-size:12px; }
.e-bulten li a#tamam { display:block; width:73px; text-align:center; height:18px; padding:11px 0; text-align:center; color:white; background:#460054; text-decoration:none; font-family:mdgB, Arial, sans; font-weight:700; font-size:13px; }
.e-bulten li a#tamam:hover { background:#545f6d; color:#460054; }

.social { position:absolute; z-index:60; width:120px; height:40; right:25px; top:34px; }
.social a { display:block; float:left; width:32px; height:32px; background-repeat: no-repeat; background-position: bottom; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.social a:hover { background-position:bottom; border-radius:18px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.social a#fb { margin-right:10px; background-image: url(../general/facebook.png); } .social a#fb:hover { background-color:#6d84b4; } 
.social a#tw { margin-right:10px; background-image: url(../general/twitter.png); } .social a#tw:hover { background-color:#33ccff; }
.social a#gp { background-image: url(../general/google+.png); } .social a#gp:hover { background-color:#d34836; }

.medgaz-center { position:relative; width:960px; left:50%; margin-left:-480px; text-align:left; margin-top:20px; }

div.newsArea { position:relative;height:390px;}
div.newsArea ul { display:block; float:left; width:280px; margin:0; padding:0 15px; list-style:none; }
div.newsArea ul#new1, div.newsArea ul#new2 { margin-right:15px; }

div.newsArea h2 { text-align:center; font-family:Arial, Tahoma, mono; font-size:20px; font-weight:700; letter-spacing:-0.04em; color:#460054; }
div.newsArea ul p a#im, a#im { display:block; margin:0; background-color:white; background-repeat:no-repeat; background-position:center; margin-left:75px; padding:0; border: 10px solid #f7b31c; width:115px; height:115px; -webkit-border-radius:70px; -moz-border-radius:70px; border-radius: 70px; } div.newsArea ul p a#im:hover, a#im:hover { border-color: #460054; } 
div.newsArea ul p a#lk1 { position:absolute; z-index:15; font-family:tahoma;bottom:40px; margin-left:-50px; display:inline-block; font-family:mdgR, Tahoma, sans; font-weight:400; color:#460054; font-size:12px; text-decoration: none; }
div.newsArea ul p a#lk1:hover { color:white; }
#oneArrow { display:block; text-indent:-9999px; height:4px; background:url(../general/topce.png) no-repeat center; }
#oneBack { display:block; padding:4px 23px; background:#f7b31c; }

div.twitter-wrap { position:relative; border-top:1px solid #464f5b; height:83px; color:#464f5b; padding: 50px 0 0 128px; background: url(../general/twitter-large.png) no-repeat 25px 25px; }
div.twitter-wrap ul { position:relative; list-style:none; margin:0; padding:0; font-family:mdgR, Arial, Tahoma, mono; font-size:15px; font-weight:400; }
div.twitter-wrap ul li { float:left; margin:0; padding:0; width:100%; height:58px; }

.special-like { position:absolute; top:0; z-index:16; width:290px; padding-left:110px; right:0; height:44px; background: url(../general/like_to_me.png) no-repeat; }
.special-like li { float:left; list-style:none; margin:0; padding:0; }
h1.title { position:releative; margin:0; font-size:30px; font-family: mdgB, Arial, sans; font-weight:700; color:white; }

.wrapArea { position:relative; padding-top:15px; text-align:justify; color:#464f5b; font-family: mdgR, Arial, sans; font-size:14px; font-weight:400; line-height:22px; }
.share { position: relative; list-style:none; height:40px; padding-top:40px; }
.share li { float:left; }

.services { position:relative; height:315px; margin-bottom:25px; }
.services a { display:block; float:left; width:235px; height:315px; text-decoration:none; color:white; } 
.services a#srv1, .services a#srv2, .services a#srv3 { margin-right:6px; }
.services a#srv1 { background: url(../general/home_srv_01.jpg) no-repeat; }
.services a#srv2 { background: url(../general/home_srv_02.jpg) no-repeat; }
.services a#srv3 { background: url(../general/home_srv_03.jpg) no-repeat; }
.services a#srv4 { background: url(../general/home_srv_04.jpg) no-repeat; }
.services a p { padding:20px; padding-top: 230px; font-family: mdgR, Arial, sans; font-size:17px; font-weight:400; }
.services a p span { font-family: mdgL, Arial, sans; font-size:21px; font-weight:300; }

.news-detay-img a { display:block; width:114px; height:114px; border:10px solid #f7b31c; background-repeat: no-repeat; border-radius: 70px; } .news-detay-img a:hover { border-color:#460054; }
.refer, .whtClr { position:relative; width:880px; padding:20px 40px; background-color:white; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow:inset 0 20px 50px -20px #CFCFCF; box-shadow:inset 0 20px 50px -20px #CFCFCF; }
.refer h3 { margin: 0; margin-top: 10px; background: url(../general/plus_minus.png) no-repeat left -30px; padding: 3px 30px; cursor: pointer; font-family: mdgL, Arial, Tahoma, sans; font-size: 19px; font-weight: 300; color:#460054; margin-bottom:20px; }
.refer h3:hover { background: url(../general/plus_minus.png) no-repeat left -61px; color: #fba01b; } .refer h3.active { background: url(../general/plus_minus.png) no-repeat left top; } .whtClr h3:hover { background: url(../general/plus_minus2.png) no-repeat left bottom; color: #fba01b; } .whtClr h3.active { background: url(../general/plus_minus2.png) no-repeat left 3px; }
.refer div { position:relative; background: #a3a3a3; border-radius:5px; -webkit-border-radius:5px; margin: 0; margin-bottom:20px; padding: 10px 15px 20px; display: none; font-family: mdgR, Arial, Tahoma, Helvetica, sans; color: white; text-align: justify; }
.whtClr h3 { margin: 0; margin-top: 10px; background: url(../general/plus_minus2.png) no-repeat left -137px; padding: 3px 40px; cursor: pointer; font-family: mdgR, Arial, Tahoma, sans; font-size: 17px; font-weight: 400; color:#460054; margin-bottom:20px; }
.whtClr div { position:relative; border-radius:5px; -webkit-border-radius:5px; margin: 0; margin-bottom:20px; padding: 10px 15px 20px 40px; display: none; font-family: mdgR, Arial, Tahoma, Helvetica, sans; font-size:13px; text-align: justify; }
.whtClr div ul { list-style:square; }
.whtClr div p, .whtClr div strong { color:#fba01b; }
.refer div thead th { font-family:mdgR, Arial, Tahoma, sans; font-size:17px; letter-spacing:-0.05em; font-weight:400; color:#460054; padding:5px; }
.refer div tbody td { font-family:mdgR, Arial, Tahoma, sans; font-size:13px; border-bottom:1px solid #c1c3c1; padding:5px; }
.refer div tbody tr:hover { background-color:#464f5b; }
.refer div tbody td a { color:black; text-decoration:none; } .refer div tbody td a :hover { color:#f7b31c; }
.refer div tbody td p { position:relative; width:32px; height:32px; overflow:hidden; margin:0; padding:0; }

/* POPUP CENTER PAGE */
div.gXSize ul { position: relative; top:50%; margin-left: auto; margin-right: auto; padding:0; -webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; }
div.gXSize a.pop-close { position: absolute; right: 0; width: 42px; height: 42px; margin-top: -15px; margin-right: -20px; background: url(../general/x1.png) no-repeat left top;} div.gXSize a.pop-close:hover { background: url(../general/x1.png) no-repeat right top; }