* {padding:0; margin:0;}
body, html {width:100%; height: 100%; min-height: 100%;}
body {font-family: 'Open Sans', sans-serif; color:#000; font-size:12px;}

body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from { opacity: 1; }
  to { opacity: 1; }
}

ul {list-style:none;}
a {text-decoration:none;}
img {border:none;}
h1, h2, h3, h4, h5, p {margin:10px 0; font-weight:normal;}

.scrollfixed {width:100%; height:76px; position:fixed; bottom:0; left:0; right:0; z-index:999; background:#FFF;}
.scrollfixed a {dispaly:block; text-align:center; background:url('/images/scroll-icon.png') no-repeat bottom center; padding-bottom:10px; color:#010101; font-size:13px; line-height:64px;}
#web {position:relative; min-width:inherit !important; width:100%;}

.wd1, .wd2, .wd3, .wd4 {position:relative; margin:0 auto;}
#wrapper {position:relative; background:#FFF; width:100%; height:auto; z-index:1001;}
.wd1 {max-width:920px;}
.wd2 {max-width:940px; width:100%;}
.wd3 {max-width:960px;}
.wd4 {max-width:820px;}
.degree {width:100%; height:auto; position:relative;}
#header {position:absolute; width:100%; height:105px; left:0; top:0; background:#FFF; z-index:99;}
#header .wd1 {position:relative; height:105px; }
#wrapper .stick {display:block; position:fixed;}
.logo {position:relative; float:left; z-index:8; margin:0; margin-top:15px;}
.logo, .logo a {display:block; width:120px; height:77px;}
.logo a {background:url('/images/anddesignstudio.png') no-repeat;}
.logo a span {display:none;}
#main-nav {position:relative; float:right; margin-top:30px; z-index:9;}
#menu li, #menu li a {display:block; float:left;}
#menu li {position:relative; margin-left:20px;}
#menu li a {font-weight:600; font-size:14px; color:#000; border-bottom:5px solid #fff; line-height:42px; padding:0 15px;}
#menu li a:hover, #menu li.selected a {border-bottom:5px solid #ebb700;}
#menu li.selected a {cursor:default;}
#formobilenav {display:none; clear:both; width:90%; position:absolute; height:auto; bottom:10px; right:25px; height:48px; z-index:999;}
.mobmenu {position:relative; float:left; width:100%; height:auto;}
.mobmenu ul, .mobmenu div {position:relative !important;}
.slicknav_menu {display:none; position: relative; padding-bottom:12px;}
/*Slider*/
.tp-banner-container{width:100%; position:relative;}
.tp-banner{width:100%; position:relative;}
.tp-banner-fullscreen-container {width:100%; position:relative;}
#slider-wrapper {position:relative; float:left; width:100%; height:100%; top:0;}
.text {position:absolute; width:100%; height:auto; padding:10px 0; bottom:0; left:0; background:#f2f2f2;}
.text {text-align:center; float:left; font-family: 'guadalupe_pro_gotaregular', Arial, Helvetica, sans-serif; font-size:50px;}
.text a {color:#FFF;}
.slider-btn {position:relative; bottom:10px;display:inline-block; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; width:136px; height:32px; line-height:32px; background:#ebb700; color:#FFF; padding:0 10px; text-align:center;}
#content {position:relative; width:100%; height:auto; z-index:98;}
.head {font-family: 'guadalupe_pro_gotaregular', Arial, Helvetica, sans-serif; font-size:50px; text-align:center;}
#container {position:relative; overflow:hidden; height:auto;}
.container {padding-bottom:60px; margin-bottom:40px;}
#tabs {position:relative; overflow:hidden;}
.tab {position:relative; margin:1% 1% 2% 1%; width:23%; float:left; }
.tab .image-wrapper {position:relative;}
.tab a {position:absolute; width:100%; height:100%; left:0; top:0; right:0; bottom:0; z-index:998; }
.tab a:hover {background:#FFF; opacity: 0.95; filter: alpha(opacity=95);}
.tab a:hover span {display:block; background:url('/images/tab-hover.png') no-repeat center center; width:100%; height:100%; }
.tab h2 {font-size:12px;}
.tab h2 span {display:block; font-size:13px; font-weight:bold; margin-bottom:8px;}
#grey {position:relative; width:100%; height:auto; background:#4a4a4a; padding:30px 0;}
#grey .head {color:#FFF;}
#logos .logo-wrapper {position:relative; float:left; width:20%; height:auto; overflow:hidden;}
#logos .logo-wrapper img {width:100%;}
.list {position:relative; float:left; margin:0%; width:25%; text-align:center;}
.list h3 {font-weight:normal; color:#daaa00; font-size:17px;}
.list a {color:#daaa00; font-size:16px;}
.list a div {margin-top:20px;}
.list p {color:#FFF; font-size:13px;}
.list .image-wrapper {margin-right:10px; -webkit-border-radius: 70px;-moz-border-radius: 70px; -khtml-border-radius: 70px; border-radius: 70px;}
.list span {display:block; margin-top:50px;}
.list span strong {display:block; font-size:13px;}
.iconpos {width:100px; height:101px; margin:0 auto; text-align:center;}
#page .image-wrapper1 {overflow:hidden;-webkit-border-radius: 135.5px;-moz-border-radius: 135.5px; -khtml-border-radius: 135.5px; border-radius: 135.5px;}
#page {overflow: auto; /*bug fixed*/}
#page p {margin:20px 0 30px 0;} #page p strong {font-size:13px;}
/*.weare-bg #page p {color:#FFF;}*/
#page .tab {width:31.3%; text-align:center;}
#page .list h3 {text-align:center;}
#page .list p {color:#000;}
#page .list a {color:#000; text-decoration:underline;}
.worknav li, .worknav li a {display:block; float:left;}
.worknav li a {font-size:13px; color:#000; background:#dedede; line-height:24px; padding:0 15px; margin-top:3px;}
.worknav li {margin:0 2px;}
.worknav li a:hover, .worknav li.selected a {background:#ebb700; color:#fff;}
.worknav li.selected a {cursor:default;}
.icon1, .icon2, .icon3, .icon4 {width:100px; height:101px; margin:10px auto;}
.icon1 {background:url('/images/masaustu-icon.png') no-repeat;}
.icon2 {background:url('/images/dijital-icon.png') no-repeat;}
.icon3 {background:url('/images/baski-icon.png') no-repeat;}
.icon4 {background:url('/images/visual.png') no-repeat;}
.address, .tel, .mail {width:63px; height:53px;}
.address {background:url('/images/address-icon.png') no-repeat left top;}
.tel {background:url('/images/tel-icon.png') no-repeat left top;}
.mail {background:url('/images/mail-icon.png') no-repeat left top;}
.detail li {display:block; float:left; padding-right:30px; margin-right:30px; border-right:1px solid #807f7f;}
.detail li strong {display:block; font-size:13px;}
.detail li a {color:#000; text-decoration:underline;}
#inslider-wrapper {position:relative; padding-bottom:60px; background:url('/images/galeri-shadow.png') no-repeat bottom center;}
.weare-bg {position:relative; /*background:url('/images/weare-bg.jpg') repeat;*/ width:100%; height:auto;}
.weare-bg .list {width:18%; float:right;}

#map {width:100%; height:auto;}
#gmap {position:relative; background:#333; padding-bottom: 100%; padding-top: 135px; height: 0; overflow:hidden;}
#gmap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#footer {position:relative; width:100%; height:235px; background:#4a4a4a;}
.footer-tab {position:relative; float:left; margin:2% 2% 1% 1%; padding-right:2%; border-right:1px solid #807f7f; width:29.3%; font-size:13px; min-height:90px; height:auto !important; height:90px;}
.footer-tab h4 {display:block; font-size:13px; color:#FFF; font-weight:bolder;}
.footer-tab p {display:block; color:#bfbfbf;}
.footer-tab a {color:#ebb700;}
.social li, .social li a {display:block; float:left; width:33px; height:33px; }
.social li a {opacity: 0.45; filter: alpha(opacity=45);}
.twitter {background:url('/images/social.png') no-repeat 0 0;}
.facebook {background:url('/images/social.png') no-repeat -33px 0;}
.youtube {background:url('/images/social.png') no-repeat -66px 0;}
.googleplus {background:url('/images/social.png') no-repeat -99px 0;}
.instagram {background:url('/images/social.png') no-repeat -132px 0;}
.social li a:hover {opacity: 1; filter: alpha(opacity=100); -webkit-border-radius: 16.5px;-moz-border-radius: 16.5px; -khtml-border-radius: 16.5px; border-radius: 16.5px;}
.twitter:hover {background:#78cdf0 url('/images/social.png') no-repeat 0 0;}
.facebook:hover {background:#537bbd url('/images/social.png') no-repeat -33px 0;}
.youtube:hover {background:#e9644b url('/images/social.png') no-repeat -66px 0;}
.googleplus:hover {background:#3c3c3b url('/images/social.png') no-repeat -99px 0;}
.instagram:hover {background:#974d2d url('/images/social.png') no-repeat -132px 0;}
.copyright {border-top:1px solid #807f7f; padding-top:20px; margin-top:20px;}
.copyright p {margin:0; text-align:center; display:block; font-size:11px; color:#807f7f;}

.image-wrapper, .image-wrapper1 {overflow:hidden; border:1px solid #d2d2d2;}
.weare-bg .image-wrapper, .weare-bg .image-wrapper1 {border:2px solid #d2d2d2}
.image-wrapper img, .image-wrapper1 img {width:100%;}
.ias-spinner, .ias-noneleft {bottom: 50px; color:#FFF; margin-left: -16px; position: absolute; text-align: center; width: 100%;height:50px;z-index:999;display:block;}
.ias-noneleft {bottom:-40px;}
.ias-trigger {position:absolute; bottom:0; width:156px; height:32px; left:50%; margin-left:-78px; cursor:pointer;}
.ias-trigger a, .more, .category-btn {display:block; font-size:14px; font-weight:400; width:136px; height:32px; line-height:32px; background:#ebb700; color:#FFF; padding:0 10px;}
.ias-trigger a span, .more span {display:block; background:url('/images/more-icon.png') no-repeat right center; padding-right:20px;}
.more {margin:0 auto;}
.liner {width:100%; height:1px; background:#dcdcdc; margin:30px 0;}
.liner1 {width:100%; height:1px; background:#dcdcdc; margin:1px 0;}
.slidertext {font-size:42px; font-weight:200; max-width:inherit !important; width:80% !important; height:auto; color:#000; white-space:normal !important; text-align:center;}
.slidertext span {font-weight:normal; color:#788793;}
.text-wrapper1 {width:50%; float:right;}
.tutucu {width:290px; margin-top:20px;}
.tutucu .fl {line-height:24px; margin-right:10px;}
span.customSelect {
	font-size:13px;
	background-color: #ebb701;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	width:242px;
	padding:2% 0 2% 2%;
}
span.customSelect.changed {
	background-color: #ebb701;
}
.customSelectInner {
	width:98%;
	background:url('/images/select-icon.png') no-repeat center right;
}

.clear {clear:both; line-height:0; height:0; overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.rel {position:relative;}
.abs {position:absolute;}
.centered {float: right; left: -50%; position: relative;}
.centered ul {left: 50%; position: relative;}
.noborder {border:0 !important;}
.noborder1 {border-right:0 !important;}
.nopadd {padding:0 !important;}
.nomarg {margin:0 !important;}
.nomarg1 {margin-right:0 !important;}
.nobg {background:none !important;}
.extramarg {margin-top:105px;}
.lmarg {margin-left:30px;}
.rmarg {margin-right:30px;}
.lft {text-align:left !important; margin-left:1%;}
a.anchor{display: block; position: relative; top: -250px; visibility: hidden;}
.orange-text {color:#ebb700;}
.big-text {font-size:20px; font-weight:bold;}