body{background: url('img/bg.png');font-family: Arial, Helvetica, sans-serif;margin: 0px;padding: 0px;height:auto;}
body.bgF .footer a{color:#000000;}
body.bgH .footer a{color:#5adfaa;}
ul{list-style: none;margin: 0px;padding: 0px;}
img{border:0px solid red;}
.main{text-align: center;margin: 0px;overflow: hidden;}
.circle{margin:0px;width: 768px;height: 768px;background: url('img/circle-green-withbg.png') no-repeat;background-size: 768px 768px; background-position:0px 0px;margin:0px auto 0 auto;display: inline-block;}
.home .circle,.portfolio .circle{background: url('img/circle-green-withbg-home.png') no-repeat; }

/* slideshow images configuration */
.circle ul.slideshow{width: 740px;height:740px;margin-top:14px;margin-left: 14px;}
.circle ul.slideshow li img{ -webkit-border-radius: 740px;-moz-border-radius: 740px;border-radius: 740px;behavior: url(pie/PIE.htc);z-index:103;display: block;}
/* slideshow text configuration */
.flexslider{background: none;border:0px solid red;border-radius: 0px;box-shadow: none;-webkit-box-shadow:none;}

.slideshow .text{width:385px;height:152px;background:url('img/ss-container.png');color:#fff;margin:-284px 0 0 177px;position:absolute;z-index: 100;text-align: left;}
.slideshow .text h3,.slideshow .text span{font-family: 'Open Sans', sans-serif;}
.slideshow .text h3{font-size: 24px;margin:37px 0 0 35px;font-weight: normal;line-height: 24px;height:28px;}
.slideshow .text span{font-size: 14px;color:#1acd82;margin:18px 0 0 35px;display: block;height:14px;}
.slideshow .text p{font-size: 12px;margin:7px 0 0 35px;line-height: 20px;width:326px;}
/* slideshow text configuration */
.ssnav{margin-top:-136px;height:14px;display: block;position: absolute;width:768px;z-index: 100;}
.ssnav ol.flex-control-nav{bottom:0px;position: relative;margin-left: 8px;}
.ssnav ol li{margin:0 5px 0 0;}
.ssnav ol li a{margin:0px 0px 0 0px;background: url('img/ss.png');width:14px;height:14px;display:inline-block;margin-right: 6px;cursor: pointer;}
.ssnav ol li a.flex-active{background: url('img/ss-on.png');}
/* social icons configuration */
.social{position:absolute;margin:0px; top:0px;z-index: 105;width:0px;height: 0px;}
.social a{display: block;}
.social a:hover{opacity: 0.7;filter: alpha(opacity=70);}
.social a:first-child{margin:706px 0 0 595px;width:46px;}
.social a:nth-child(2){margin:-49px 0 0 666px;width:47px;}
.social a:nth-child(3){margin:-51px 0 0 735px;width: 48px;}
.social a:nth-child(4){margin:-52px 0 0 803px;width:49px;}
/* icerdeki  menunun  */
.circle ul.menu li{background:url('img/menu.png');max-width: 175px;max-height: 175px;background-size: 175px;width: 175px;height:175px;}
.circle ul.menu li:hover{cursor: pointer;background:url('img/menu2.png');}
.circle ul.menu li.selected{background:url('img/menu2.png');}
.circle ul.menu li a{display: block;margin:6px 0 0 0;text-align: center;font-size:14px;text-transform: uppercase;color:#919191;text-decoration: none;}
.circle ul.menu li:nth-child(2) a{margin:5px 0 0 0;}
.circle ul.menu li:nth-child(3) a{margin:1px 0 0 0;}
.circle ul.menu li:nth-child(4) a{margin:8px 0 0 0;}
.circle ul.menu li:hover a{color:#FFF;}
.circle ul.menu li.selected a{color:#FFF;}
.circle ul.menu{position:absolute;top:0px;margin:0px;padding: 0px; width:0px;height: 0px;font-family: 'Open Sans', sans-serif;z-index:100;}
/* positioning the menu buttons */
.menu li:nth-child(1){margin:107px 0 0 -8px;}
.menu li:nth-child(2){margin:-175px 0 0 601px;}
.menu li:nth-child(3){margin:205px 0 0 -8px;}
.menu li:nth-child(4){margin:-175px 0 0 601px;}
.menu li:nth-child(1) a{margin:15px 0 0 0;}
/* positioning the menu images inside of the buttons */
.circle ul.menu li img{margin-top:38px;}
.circle .menu li:nth-child(2) img{margin-top:39px;}
.circle .menu li:nth-child(3) img{margin-top:35px;}
.circle .menu li:nth-child(4) img{margin-top:42px;}
/* main content */
.main_content{width:768px;height: 768px;border-radius:454px;margin:0px; background-position: 0px 0px;float:left;behavior: url(pie/PIE.htc);overflow: hidden;}
/* contact page */
.info,.infoB{width: 182px;text-align: left;float:left;margin:295px 0 0 34px;color:#313131;}
.infoB{margin:295px 0 0 23px;}
.infoB h3,.info h3{background: url('img/infoH3.png') repeat-x;background-position: 0 35px; height: 38px;text-transform:uppercase; font-size: 24px;font-family:'Open Sans', sans-serif;font-weight: normal;text-align: center;line-height: 18px;}
.infoB p, .info p{font-size: 14px;font-family:  Arial;margin-bottom: 0px;}
input,.contact .main_content form{width:285px;float:left;margin:52px 0 0 26px;}
/* contact form */
input,.contact .main_content form input,input,.contact .main_content form textarea{float:left;display: inline;overflow: hidden;}
input,.contact .main_content form input{background: url('img/input-bg.png');margin: 22px 0 0 0;border:0px;width:270px;height:36px;font-size: 14px;color:#6a6a6a;padding:2px 0 0 15px;line-height: 16px;vertical-align: middle;}
input,.contact .main_content form textarea{background: url('img/textarea.png');border:0px;width:270px;height:114px;font-size: 14px;color:#6a6a6a;padding:13px 0 0 15px;line-height: 16px;vertical-align: middle;resize: none;margin:22px 0 0 0px;}
input,.contact .main_content form input.name{margin:22px 0 0 0px;}
input,.contact .main_content form input.submit{width:73px;height:33px;border:0px solid red;margin:35px 0 0 106px;background: url('img/submit.png');padding:0px;}
.contact .main_content .map{height:173px;width:743px;margin:49px 0 0 198px;float:left;width: 370px;border: 1px solid #d6d6d6;overflow: hidden;}
.contact .main_content .map .text{width: 370px;height: 129px; background: #FFFFFF;padding-top: 44px;color:#313131;font-family: Arial;line-height: 20px;}
.contact .main_content .map .gmap{width: 370px;height: 173px; background: #FFFFFF;color:#313131;font-family: Arial;line-height: 20px;visibility: hidden;}
/* resume */
.resume2 .menu li a{line-height: 32px !important;}
.resume2 .eduandexp h3{line-height: 62px !important;}
.resume2 .main_content div ul li{line-height: 20px !important;}
.resume2 .social a img{vertical-align: baseline;}
.ratings{width: 605px;float: left;margin: 23px 0 0 101px;}
/* resume
left (design) part */
.resume .main_content .design_top{margin:-67px 0 0 0px;width:1px;}
.resume .main_content .design_bottom{margin:145px 0 0 0px;width:1px;}
.resume .main_content div ul{margin:0px;padding: 0px;width:120px;display: inline;}
.resume .main_content div ul li{text-align: left;height:55px;width: 120px;font-size: 16px;color:#565555;font-family: 'Open Sans', sans-serif;overflow: hidden;float:left;line-height: 18px;margin:5px 0 0 0;}
/* stars progress numbering css start*/
.resume .main_content div ul li span.one{background-position: 0px 76px;}
.resume .main_content div ul li span.two{background-position: 0px 57px;}
.resume .main_content div ul li span.three{background-position: 0px 38px;}
.resume .main_content div ul li span.four{background-position: 0px 19px;}
.resume .main_content div ul li span{background: url('img/stars.png');display:inline-block;width:95px;height:19px;margin-top: 1px;}
/* stars progress numbering css end*/
.resume .main_content div ul li .progress{width: 95px;height: 19px;float:left;margin: 2px 0 0 0;}
.resume .main_content .code_top ul li .progress{float:left;}
.resume .main_content .code_bottom ul li .progress{float:left;}
.resume .main_content div ul li .progress .one{width:20%;}
.resume .main_content div ul li .progress .two{width:40%;}
.resume .main_content div ul li .progress .three{width:60%;}
.resume .main_content div ul li .progress .four{width:80%;}
.resume .main_content div ul li .progress .five{width:100%;}
/* resume */
.education,.experience{color: #575757;height: 226px;float:left;width: 360px;}
.education{margin: 51px 0 0 209px;}
.experience{margin: 10px 0 0 209px;}
.education h3,.experience h3{font-family: 'Open Sans', sans-serif;font-size: 24px;font-weight: normal; color:#134833;margin-bottom: 17px;}
.education p,.experience p{font-size: 14px;line-height: 20px;display: block;font-family: Arial;padding-bottom: 8px;}
/* portfolio */
.portfolio_slide{margin:14px 0 0 0px;display: inline-block;overflow: hidden;height:740px;width: 740px;overflow: hidden;-webkit-border-radius: 740px;-moz-border-radius: 740px;border-radius: 740px;behavior: url(pie/PIE.htc);}
.portfolio_slide ul{display: inline-block;height:auto}
.portfolio_slide li{width:369px;height: 369px;float:left;margin:0px;overflow: hidden;position: relative;margin:0 2px 2px 0px;padding: 0px;}
.portfolio_slide li:nth-child(2n){margin-right: 0px;}
.portfolio_slide li a{float:left;display: inline;overflow: hidden;margin:0px;padding: 0px;padding: 0px;text-decoration: none;}
.portfolio_slide li .overlay{padding: 0px;border: 0px solid red;background: url('img/overlay.png');width:369px;height:369px;margin:-373px 0 0 0px;position: absolute;opacity: 1;behavior: url(pie/PIE.htc);}
.portfolio_slide li .overlay p{font-size: 12px;font-family: Arial;line-height: 20px;padding: 0px;width: 200px;float:left;}
.portfolio_slide li .overlay h3{font-size: 20px;font-family: 'Open Sans', sans-serif;;line-height: 24px;width:340px;float: left;}
.portfolio_slide li:nth-child(1) .overlay{background: url('img/circle-shadow.png');-moz-border-radius:369px 0 0 0;border-radius: 369px 0 0 0;background-position: -1px -1px; color:#ffffff;text-align: right;}
.portfolio_slide li:nth-child(1) .overlay p{margin:152px 19px 0 0;visibility: hidden;float: right;}
.portfolio_slide li:nth-child(1) .overlay h3{margin:15px 19px 0 0;visibility: hidden;float: right;}
.portfolio_slide li:nth-child(2) .overlay{background: url('img/circle-shadow.png');-moz-border-radius: 0 369px 0 0;border-radius:0 369px 0 0;background-position: 369px -4px;color:#ffffff;text-align: left;}
.portfolio_slide li:nth-child(2) .overlay p{margin:152px 0 0 19px;visibility: hidden;}
.portfolio_slide li:nth-child(2) .overlay h3{margin:15px 0 0 19px;visibility: hidden;}
.portfolio_slide li:nth-child(3) .overlay{background: url('img/circle-shadow.png');-border-radius: 0 0 0 369px;border-radius:0 0 0 369px;background-position: -1px 372px;color:#ffffff;text-align: right;}
.portfolio_slide li:nth-child(3) .overlay p{margin:21px 19px 0 0;visibility: hidden;float: right;}
.portfolio_slide li:nth-child(3) .overlay h3{margin:75px 19px 0 0;visibility: hidden;float: right;}
.portfolio_slide li:nth-child(4) .overlay{background: url('img/circle-shadow.png');-border-radius: 0 0 369px 0;border-radius:0 0 369px 0;background-position:-369px -369px;color:#ffffff;text-align: left;}
.portfolio_slide li:nth-child(4) .overlay p{margin:21px 0 0 19px;visibility: hidden;}
.portfolio_slide li:nth-child(4) .overlay h3{margin:15px 0 0 19px;visibility: hidden;}

/*Rounded corner for the img*/
.portfolio_slide li:nth-child(1) img{-moz-border-radius: 0px 369px 0px 0px;border-radius: 369px 0px 0px 0px;behavior: url(pie/PIE.htc);}
.portfolio_slide li:nth-child(2) img{-moz-border-radius: 0px 369px 0 0;border-radius: 0px 369px 0 0;behavior: url(pie/PIE.htc);}
.portfolio_slide li:nth-child(3) img{-moz-border-radius: 0 0 0 369px;border-radius: 0 0 0 369px;behavior: url(pie/PIE.htc);}
.portfolio_slide li:nth-child(4) img{-moz-border-radius: 0 0 369px 0;border-radius: 0 0 369px 0;behavior: url(pie/PIE.htc);}
.portfolio_slide li img{margin: 0px;padding: 0px;border: 0px solid red;behavior: url(pie/PIE.htc);}

.portfolio_slide li .round{margin: 2px 2px;background: url('img/portfolio-bg-round.png');width:181px;height:181px;position: absolute;z-index: 100;}

.slidernav{margin: 43px 0 0 0px;padding: 0px;list-style: none;text-align: center;position: absolute;top:0px;margin:369px 0 0 340px;width: 88px;height: 28px;background: #FFFFFF;}
.slidernav li{display: inline;width:0px;height: 0px;}
.slidernav li a{margin:0px 0px 0 0px;background: url('img/ss.png');width:14px;height:14px;display:inline-block;margin: 7px 12px 0 0px;cursor: pointer;}
.slidernav li:nth-child(3) a{margin-right: 0px;}
.slidernav li:nth-child(1) a{margin-left: 4px;}
.slidernav li a.selected{background: url('img/ss-on.png');}
/* footer */
.footer{text-align: left; font-size:14px;font-family: 'Open Sans', sans-serif;height:40px; line-height: 24px;position: absolute;z-index: 100;margin: 701px 0 0 -71px;top:0px;}
.footer a{color: #3399CC;}
/* media queries */

/* layout changer (preview)
.plc{width:172px;height:265px;background: url('preview/bg.png') no-repeat;background-position: 40px 0px;text-align: left;position: fixed;top:43px;float: right;overflow: hidden;right: 0;z-index: 1000;}
.plc .plc_menu{margin: 5px 0 0 0;float:left;}
.plc .colors{margin:2px 0 0 12px;padding: 0px;list-style: none;float:left;width:120px;}
.plc .colors li{width:28px;height:29px;display: block;overflow: hidden;background: url('preview/img_bg.png');float: left;margin:11px 12px 0 0;}
.plc .colors li img{width:24px;height:24px;margin:1px 0 0 2px;cursor: pointer;}
.plc h3{font-size: 12px;font-family: 'Open Sans', sans-serif;float: right;width: 132px;text-align: center;margin: 12px 0 0 0;line-height: 14px}
.plc .op{margin: 20px 0 0 0;float: right;}
.plc .op a{font-family: 'Open Sans', sans-serif;font-size: 12px;color:#138889;width: 132px;float: right;text-align: center;text-decoration: none;line-height: 20px;}
.plc .op a:hover{text-decoration: underline;}*/