@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Cuprum:400,400italic,700,700italic|Open+Sans:100,300,300italic,400,400italic,600,600italic,700&subset=latin,latin-ext);
* {
	margin:0;
	padding:0;
}
body {
	font:300 14px sans-serif,Arial;
	height:100%;
	background-color:rgba(241,241,242,.55);
	font-family: 'Open Sans', sans-serif;
	color: #555050;
}
img {
	border:0 none;
}
a {
	text-decoration:none;
}
h2 {
	padding:10px 25px;
}

.left-bg, .right-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	min-height: 100%;
	width: 50%;
	z-index: -10;
}
.left-bg {
	background-color:rgba(241,241,242,.55);
}
.right-bg {
	left: 50%;
	background-color:rgba(231,241,248,.55);
}

.body {
	width:100%;
	overflow-y:hidden;
	text-align:center;
	
}
header {
	width:980px;
	height:100px;
	margin:0 auto;
	text-align:left;
	font-size:0;
	background:#f7f7f7;
	position:relative;
	z-index:115;
	padding:0;
}
.logo {
	display:inline-block;
	width:200px;
	height:80px;
	background-image:url(images/logo.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:200px auto;
}
.logokalan {
	display:inline-block;
	width:780px;
	height:80px;
	font-size:14px;
	position:relative;
	z-index:initial;
	background:#f7f7f7;
	margin:0;
	padding:0;
	vertical-align:top;
}
.logokalan:not(*:root) {width:776px;}
.ustmenu, .altmenu {
	display:block;
	height:40px;
	text-align:right;
	position:relative;
	margin:0;
	padding:0;
}
.altmenu {
	background:#f7f7f7;
	z-index:initial;
}
.ustmenu ul, .altmenu ul {
	list-style-type:none;
	position:relative;
	margin:0;
	padding:0;
	background:#f7f7f7;
}
.ustmenu ul {
	margin-top:10px;
	margin-right:300px;
	padding-top:5px;
}
.ustmenu ul  li {
	display:block;
	float:right;
	margin-left:20px;
	position:relative;
}
.ustmenu ul  li a, .altmenu ul li a  {
	color:#5f6a72;
}
.ustmenu ul  li ul  {
	position:absolute;
	margin:0;
	padding:0;
	z-index:9999;
	display:none;
}
.ustmenu ul  li ul li {
	display:block;
	float:none;
	text-align:left;
	margin:0 20px 0 0;
	border-bottom:1px solid #eee;
}

.social ul  {
	margin:0;
	padding:0;
}
.social ul  li {
	display:inline-block;
	margin:0;
	padding:0;
	float:none;
}
	/* Header navigation */
	header nav { display:block; position:relative; text-align:left;}
		header nav ul { display:block; line-height:65px; position:relative;margin:0; }
			header nav ul li { position:relative; list-style:none; display:inline-block; *display:inline; padding:0px 4px; vertical-align:top; z-index: initial;height:65px;line-height:65px;background:#f7f7f7;}
				header nav ul li a { position:relative; font-size:18px; padding:10px; display:block; *display:inline-block; line-height:normal; color:#313131; outline:none; text-decoration:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height:52px; }
			
			/* Drop down border radius */
			header nav ul li.drop-down a { -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
			header nav ul li.drop-down a.hovered { border-bottom:none; text-decoration:none; }
			
			/* Remove hand icon (as per RR) */
			header nav ul li.drop-down > a { cursor:default; }
			/* header nav ul li.drop-down > a:hover { color:gray; }
			header nav ul li.drop-down:hover > a { color:gray; }  */
			
			/* Hover state */
			header nav ul li{
				-webkit-transition: background-position 500ms ease-out;
				-moz-transition:    background-position 500ms ease-out;
				-ms-transition:     background-position 500ms ease-out;
				-o-transition:      background-position 500ms ease-out;
				transition:         background-position 500ms ease-out;}
			header nav ul li a:hover,
			header nav ul li a.hovered { text-decoration:none; }
			
			/* Drop Down */
			header nav ul li ul {  position:absolute; width:210px; top:37px; left:0px; height:auto; }
				header nav ul li ul li { display:block; width:100%; margin:0px; height:auto; line-height:25px;padding:0px;background:none; }
				header nav ul li ul li:hover { background:none; }
					header nav ul li ul li a { font-size:14px; line-height:25px; display:block; outline:none;padding:0px; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
					header nav ul li ul li a:hover {color:#3483c4;text-decoration:none;}

.sub_menu{width:410px;height:auto;background:#fff;position:absolute;top:-150px;left:-20px;display:block;z-index:-1;border:1px solid #dedede;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);padding:25px 20px 25px 30px;}
.single_menu{width:215px;}
.sub_menu ul{width:215px;float:left;position:relative;top:0px;background:#fff;}
.sub_menu ul.second{width:195px;}
header nav ul li.drop-down:hover .sub_menu{
	top:62px;
	-webkit-transition: all 500ms ease-out;
  	-moz-transition:    all 500ms ease-out;
 	-ms-transition:     all 500ms ease-out;
 	-o-transition:      all 500ms ease-out;
  	transition:         all 500ms ease-out;
}
.sub_menu ul li.sub_heading{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600; }

.container {
	width:980px;
	z-index: 10;
	margin:20px auto 50px auto;
	text-align:left;
}
.slidercontainer {
	background:url(images/slider-background.png) bottom center no-repeat;
	height:319px;
	border:0;
	margin:0;
	padding:0;
}
.sliderbox {
	height:300px;
	border:0;
	margin:0;
	padding:0;
}
.secondbox {
	width:980px;
	height:250px;
	font-size:0;
	margin-top:30px;
}
.secondbox>div, .icbox>div {
	display:inline-block;
	width:480px;
	border-top:1px dotted #bbb;
	position:relative;
	vertical-align:top;
}
.secondbox>div:not(*:root) {width:476px;}

.secondbox div h2, .icbox div h2 {
	font-size:20px;
	font-weight:400;
	padding-left:0;
}
.secondbox p, .icbox p {
	font-size:16px;
	display:block;
	text-align:left;
	color:#666;
}
.secondbox p a, .icbox p a {
	color:#0077be;
}

.haberler {
	margin:0;
	padding:0;
	list-style-type:none;
}
.haberler li {
	position:relative;
	height:50px;
	width:100%;
	border-bottom:1px solid #e8e8e8;
}
.haberler li a{
	font-size:14px;
	font-weight:400;
	color:#3483c4;
	display:block;
	line-height:50px;
	padding-left:55px;
}
.haberler li div{
	font-size:13px;
	position:absolute;
	top:5px;
	left:3px;
	display:block;
	text-align:center;
	width:25px;
	height:30px;
	line-height:14px;
	background:#e8e8e8;
	color:#666;
	padding:5px 10px;
}


.icbox {
	width:980px;
	margin-top:30px;
	min-height:550px;
	font-size:0;
}
.icbox h1 {
	font-weight:600;
	font-size:26px;
	color:#3483c4;
}
.icbox h2 {
	color:#3483c4;
}
.icbox p {
	padding:10px 25px 10px 0;
	font-size:15px;
	line-height:22px;
}
.icbox.statik>div {
	display:block;
	width:975px;
	border-top:1px dotted #bbb;
	position:relative;
	vertical-align:top;
}


.container-logo-scroller {
	background: url("images/logofootergradient.png") repeat scroll 0 0 transparent;
	clear: both;
	height: 114px;
	margin: 40px 0 0;
	width: 100%;
}

.apple-mobile .container-logo-scroller {
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.25, rgb(228,225,215)),
	    color-stop(0.82, rgb(243,242,239))
	);
}

.logo-scroller {
	position: relative;
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

.logo-scroller ul {
	height: 100px;
	overflow: hidden;
}

.logo-scroller  ul li {
	float: left;
	list-style-type: none;
	margin: 0 25px;
}

.logo-scroller  ul li img {
	opacity: 0.5;
}

.logo-scroller  ul li img:hover {
	opacity: 1;
}

.logo-scroller  ul li img {
	transition: opacity 2s;
	-moz-transition: opacity 2s; /* Firefox 4 */
	-webkit-transition: opacity 2s; /* Safari and Chrome */
	-o-transition: opacity 2s; /* Opera */
}

.logo-scroller a {
transition: text 2s;
-moz-transition: border 2s; /* Firefox 4 */
-webkit-transition: border 2s; /* Safari and Chrome */
-o-transition: border 2s; /* Opera */
}

.container-logo-scroller .scroller-nav {
	position: absolute;
	display: block;
	width: 53px;
	height: 114px;
	text-indent: -999em;
	background: url(images/bg-scroller-nav2.png) 0 0 no-repeat;
	z-index: 10000;
	overflow: hidden;
}

.container-logo-scroller .scroller-prev {
	top: 0;
	left: 0;
	background-position: 0 -114px !important;
}

.container-logo-scroller .scroller-next {
	top: 0;
	right: 0;
}

/*
 * FOOTER
 */

.footer-container {
	height: auto;
	background-color: #004c6c;
	position: relative;
}

footer {
	padding: 35px 0 0 0;
}

footer h3 {
	font-size: 16px;
	color: #ffffff;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	line-height: 20px;
}

footer h4 {
	color: #ff9fa0;
	font-size: 12px;
	text-transform: uppercase;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
	margin: 0 0 4px 0;
}

footer p {
	color: #7f3537;
	font-size: 12px;
	line-height: 17px;
	margin: 0 0 12px 0;
}

footer p a {
	color: #83292b !important;
}

footer .box {
	position: relative;
	border-top: solid 6px #a52f31;
	padding: 4px 0 0 0;
	margin: 0 0 30px 0;
}

footer .box.last {
	border-bottom: none;
}

footer .social-icons {
	overflow: auto;
	margin-bottom: 10px;
}

footer .social-icons a {
	float: left;
	display: block;
	text-indent: -999em;
	margin: 0 5px 0 0;
	background: url(images/bg-social-icons4b.png) 0 0 no-repeat;
}

footer #social-linkedin {
	width: 36px;
	height: 36px;
	background-position: -36px 0;
}

footer #social-linkedin:hover {
	background-position: -36px -36px;
}

footer #social-facebook {
	width: 36px;
	height: 36px;
	background-position: -72px 0;
}

footer #social-facebook:hover {
	background-position: -72px -36px;
}

footer #social-rss {
	width: 36px;
	height: 36px;
	background-position: -108px 0;
}

footer #social-rss:hover {
	background-position: -108px -36px;
}

footer #social-twitter {
	width: 36px;
	height: 35px;
}

footer #social-twitter:hover {
	background-position: 0 -35px;
}

footer #social-newsletter {
	width: 36px;
	height: 36px;
	background-position: -144px 0;
	cursor: pointer;
}

footer #social-newsletter:hover {
	background-position: -144px -36px;
}

footer .twitter-1 {
	background: url(/css/images/bg-footer-twitter-1.png) #bd3533 0 100% no-repeat;
	padding: 0 0 40px 0;
	min-height: 328px;
}

footer .twitter-1 h3 {
	padding: 15px 0 0 15px;
	background: url(/css/images/bg-footer-twitter-1-top.png) 0 0 no-repeat;
}

footer .twitter-2 {
	background: url(/css/images/bg-footer-twitter-2.png) #fa4e4c 0 100% no-repeat;
	padding: 0 0 40px 0;
	min-height: 328px;
}

footer .twitter-2 h3 {
	padding: 15px 0 0 15px;
	background: url(/css/images/bg-footer-twitter-2-top.png) 0 0 no-repeat;
}

footer .twitter .tweet p {
	margin: 0 15px 3px 15px;
	color: #FF9FA0;
}

footer .twitter-2 .tweet p {
	color: #7f3537;
}

footer .twitter .tweet p.meta {
	color: #ff9fa0;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 10px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

footer .twitter-2 .tweet p.meta {
	color: #ffc6c7;
}

footer .twitter .tweet p.tweeter {
	font-size: 12px;
	color: #fff;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
	margin: 0 0 0 15px;
}

footer ul.what-we-do {
	overflow: auto;
	padding: 0;
	margin: 0 0 10px 0;
}

footer ul.what-we-do li {
	list-style-type: none;
	float: left;
	margin: 0 4px 0 0;
}

footer ul.what-we-do li a {
	display: block;
	text-indent: -999em;
	width: 36px; height: 36px;
	background: url(/images/icons-whatwedo.png) 0 0 no-repeat;
}

footer ul.what-we-do li.icon-advocacy a { width: 37px; background-position: 0 0; }
footer ul.what-we-do li.icon-advocacy a:hover { width: 37px; background-position: 0 -36px; }

footer ul.what-we-do li.icon-careers a { background-position: -37px 0; }
footer ul.what-we-do li.icon-careers a:hover { background-position: -37px -36px; }

footer ul.what-we-do li.icon-effectiveness a { background-position: -73px 0; }
footer ul.what-we-do li.icon-effectiveness a:hover { background-position: -73px -36px; }

footer ul.what-we-do li.icon-networking a { width: 37px; background-position: -109px 0; }
footer ul.what-we-do li.icon-networking a:hover { width: 37px; background-position: -109px -36px; }

footer ul.what-we-do li.icon-training a { background-position: -146px 0; }
footer ul.what-we-do li.icon-training a:hover { background-position: -146px -36px; }




.butox {
	background:#3483c4;
	color:#fff;
	position:absolute;
	top:10px;
	right:5px;
	display:block;
	font-size:14px;
	padding:5px 10px;
}
.butox:hover {
	background:#59b6e7;
	color:#444;
}
label {
	font-size:16px;
	font-weight:400;
	display:block;
	margin-top:15px;
	margin-bottom:10px;
	cursor:pointer;
}
#loginForm label span {
	color:#f00;
}
input[type=text], input[type=password], select {
	font-family: 'Open Sans', sans-serif;
	color: #555050;
	font-size:14px;
	background:#fff;
	border-radius:3px;
	border:1px solid #ddd;
	padding:3px 5px;
	width:230px;
}
input[type=submit], .submix {
	background:#59b6e7;
	color:#fff;
	display:block;
	font-size:14px;
	padding:5px 10px;
	border:0 none;
	cursor:pointer;
}
input[type=submit]:hover, .submix:hover {
	background:#3483c4;
}

.aramabox {
	position:absolute;
	right:0;
	top:0;
}
.social {
	position:absolute;
	right:170px;
	top:2px;
}
.aramabox input[type="text"] {
	background:#fff url("images/CommonSprite.png") 0 -20px no-repeat;
	color: #777;
	padding: 3px 12px;
	padding-left: 23px !important;
	border: 1px solid #ccc;
	width:160px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-color: #ccc;
}

#yukleniyok, .uyari {
	background:rgba(255,84,0,.8);
	padding:5px 20px;
	position:absolute;
	top:0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
	z-index:999;
	text-align:center;
	width:auto;
}
#yukleniyok {
	z-index:99999;
}
#yukleniyor {
	color:#fff;
	vertical-align:middle;
	font:bold 16px Arial,Tahoma,Verdana;
	margin:0 auto;
}

.newss {
}
.newss td {
	padding:5px;
}
.newss img {
	border:1px solid #eee;
}
.newss a {
	color:#0077be;
}
.newss span {
	font-size:12px!important;
	font-style:italic;
	color:#666;
}
.cc, .submitpayment {
	width:828px;
	height:258px;
	background:url(images/cc2.jpg) top left no-repeat;
	font-size:0;
}
.cc>div {
	width:410px;
	height:258px;
	display:inline-block;
	vertical-align:top;
}
.cc>div>div, .cc input, .cc select {
	font-size:18px;
	font-weight:bold;
}
.cc .ccx1 {
	width:57px;
	padding:5px;
}
.cc .ccx2, .cc .ccx3 {
	width:57px;
	padding:2px 5px;
}
.cc .ccx4 {
	width:300px;
	padding:2px 5px;
	background:rgba(255,255,255,.9);
}
.cc .ccx5 {
	width:45px;
	padding:5px;
}
.ccnote {
	width:828px;
	height:88px;
}
.ccnote>div {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#f00;
	padding:20px 0;
}
.submitpayment {
	padding:8px 0 0 560px;
	background:url(images/secureshop.png) top left no-repeat;
	height:90px;
	text-align:right;
}
.submitpayment input {
	box-shadow: 2px -3px 3px rgba(0, 0, 0, 0.4)
}

.payments table {
	border-collapse:collapse;
}
.payments table th, .payments table td {
	border:1px solid #ccc;
	padding:7px 10px;
	text-align:center;
}
.payments table th {
	font-weight:bold;
}
.payments table td {
	font-weight:normal;
}

/*modal*/
#popu,#zopu,#wopu,#qopu,#fopu,#gopu {
	background:rgba(0,0,0,.6);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:985;
	text-align:center;
	vertical-align:middle;
}
#xkenax, #zkenax, #wkenax, #qkenax, #fkenax, #gkenax {
	margin:50px auto 0 auto;
	background:white;
	width:100%;
	height:100%;
	z-index:982;
	position:relative;
	border-radius:5px;
}
#xkena, #zkena, #wkena, #qkena, #fkena, #gkena {
	overflow-y:visible;
	overflow-x:hidden;
	overflow:hidden;
}
#wopu {
	z-index:980;
}
#qopu {
	z-index:986;
}
#fopu {
	z-index:990;
}
#ropu {
	z-index:990;
}
#gopu {
	z-index:996;
	background:rgba(255,255,255,.8);
}
.popkap,.qopkap,.wopkap {
	position:absolute;top:-10px;right:-10px;margin:0px;z-index:9998;
}
