* { margin:0px; padding:0px; }
body { line-height:20px;color: #222; text-align:left;font-family: 'Open Sans', sans-serif; font-weight: 400;font-size: 14px;	color:#333;	background:#eee;}
table {border-collapse:separate;	border-spacing:0;}
caption, th, td {text-align:left;	font-weight:normal;}
blockquote:before, blockquote:after,q:before, q:after {	content:"";}
blockquote, q {quotes:"" "";}
/* HTML5 tags */
.logo-xs {display: none;}
header, section, footer,aside, nav, article, figure {	display: block;}
a:hover, a:active {	color:#222;	text-decoration:none;}
.slider-wrapper { 	width: 100%; 	margin:0px auto;}
.clear {	clear:both;}
.header {margin: 0 auto;color: #eee;background-repeat: repeat-x;
background-image: url(../images/header.png);height: 90px;width: 100%;background: rgba(255, 255, 255, 0.7);
background-image: initial;background-position-x: initial;background-position-y: initial;background-size: initial;background-repeat-x: initial;
background-repeat-y: initial;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: rgba(255, 255, 255, 0.701961);
border-bottom: 1px solid #fff;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgb(255, 255, 255);
-webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.03);-moz-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.03);box-shadow: 0 4px 2px rgba(0, 0, 0, 0.03);}
.slidebant {width: 100%; background-color: #0361ad;}

.features-content ul{background-color: #164d97;padding:10px 0 0 30px;border-radius: 14px 0px 14px 14px; text-align: center; vertical-align: top; }
.features-content ul li{list-style: none;background: url(../images/features-box-bgx.png) no-repeat;width: 70px;text-align: center;padding-top: 10px;height: 80px; color: #fff;}
.content-wrapper .map-list .features-content ul li p{ margin-top: 0px;}
.features-content ul li{margin-right: 30px; display: inline-block; text-align: center; vertical-align: top; font-size: 10px;}
.features-content .features-img{height: 54px;display: inline-block;}
.logocol {	padding: 0px;}
.logo {z-index: 10001;}
.logo img {margin-top:10px;}
.navbar {margin-top: 15px;background: transparent; border: 0px; margin-bottom: 0px; border-bottom: 0px; margin-left: 0px;  box-shadow: none;
 background-image: url(../images/header.png); padding-left: 0px;}
.navbar .nav > li {z-index: 10000;} /*Safari Dropdown Menu Fix*/
.navbar .navbar-nav > li > a {color: #190858; font-weight: bold; font-size: 13px; line-height: 30px; padding-left: 10px; padding-right: 10px; }
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {color: #fff; background-color: #190858;}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {color: #fff;background-color: #190858;}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {color: #fff; background-color: #190858;}
.navbar .navbar-toggle { border-color: #012a4f;}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {background-color: #012a4f;}
.navbar .navbar-toggle .icon-bar {background-color: #ecf0f1;}
.navbar .navbar-collapse,
.navbar .navbar-form {border-color: #ecf0f1; padding-left: 0px; padding-right: 0px;}
.navbar .navbar-link {color: #ecf0f1;}
.navbar .navbar-link:hover {color: #a5a5a5;}
.navbar .container-fluid {	padding-left: 0px; margin-left: 0px;}
.navcol {padding-left: 20px;}
footer {background-color:  #190858;padding-top: 10px;border-top: 4px solid #012a4f;color: #ccc;}
footer p {color: #ccc;}
footer a {color: #fff;}
footer a:hover {color: #666;text-decoration: underline;}
.footer-widget {margin-bottom: 25px;}
.footer-widget h4 {color: #eee;	text-transform: uppercase;padding-bottom: 8px;margin-bottom: 20px;font-size: 14px;font-weight: 700;	position: relative; text-align:left;}
.footer-widget h4 .head-line {position: absolute;bottom: 0;left: 0;display: block;width: 50px;height: 3px;background-color: #012a4f;margin: 0;}
.social-widget ul.social-icons {margin-top: 0; margin-bottom: 10px;list-style: none;}
.social-widget ul.social-icons li { display: inline-block;margin-right: 4px;margin-bottom: 4px;}
.social-widget ul.social-icons li a i {font-size: 1.4em;width: 36px;height: 36px;color: #fff;line-height: 36px;	text-align: center;	display: block;
border-radius: 2px;	-webkit-border-radius: 2px; -moz-border-radius: 2px;-o-border-radius: 2px;transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;}
.social-widget ul.social-icons li a:hover {text-decoration: none;}
.social-widget ul.social-icons li a.facebook:hover i {background-color: #507CBE;}
.social-widget ul.social-icons li a.twitter:hover i {background-color: #63CDF1;}
.social-widget ul.social-icons li a.google:hover i {background-color: #F16261;}
.social-widget ul.social-icons li a.dribbble:hover i {background-color: #E46387;}
.social-widget ul.social-icons li a.linkdin:hover i {background-color: #90CADD;}
.social-widget ul.social-icons li a.tumblr:hover i {background-color: #4D7EA3;}
.social-widget ul.social-icons li a.flickr:hover i {background-color: #E474AF;}
.social-widget ul.social-icons li a.instgram:hover i {background-color: #4D4F54;}
.social-widget ul.social-icons li a.vimeo:hover i {background-color: #87D3E0;}
.social-widget ul.social-icons li a.skype:hover i {background-color: #36C4F3}
.contact-widget {background: url(../images/map.png) center bottom no-repeat;}
.contact-widget span {font-weight: 700;}
.contact-widget ul li {list-style: none;}
.contact-widget ul li {   margin-bottom: 7px;}
.contact-widget ul li p a {color: #bbb;}
.contact-widget p { padding-bottom: 10px;}


.mail-subscribe-widget form {    margin-top: 15px;   margin-bottom: 20px;}
.mail-subscribe-widget form input[type="text"] {
outline: none;color: #666;font-size: 12px;padding: 6px 12px;border: none;background: #fff;border-radius: 2px; 
-webkit-border-radius: 2px;-moz-border-radius: 2px; -o-border-radius: 2px; outline: none;}
.copyright-section {    padding: 15px 0;font-size: 11px;letter-spacing: 0.5px; border-top: 1px solid rgba(255,255,255,.06);}
.copyright-section p {	font-size: 11px;text-transform: uppercase;}

.btn-system {display: inline-block;color: #fff;margin-right: 5px;font-weight: 300;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px; -o-border-radius: 3px;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;-o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;-moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;-webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;	border:0;text-transform: uppercase;font-weight: 400;}
a.main-button, input[type="submit"] {
background-color: #ee3733; display: inline-block; text-decoration: none;color: #fff;font-size: 12px;font-weight: 300;text-transform: uppercase; padding: 6px 16px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.mail-subscribe-widget form { margin-top: 15px; margin-bottom: 20px;}
ul.footer-nav {  float: right;}
ul.footer-nav li { display: inline-block; float: left; margin-left: 15px;}
ul.footer-nav li:first-child { margin-left: 0;}
ul.footer-nav li a {display: inline-block;text-transform: uppercase;text-decoration: none;transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;   -webkit-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;}
ul.footer-nav li a:hover {	color: #fff;}
h1.sidetitle {margin: 0px;padding: 0px;margin-bottom: 16px;padding-bottom: 8px;border-bottom: 1px solid #ddd;font-weight: 300;font-size: 16px;line-height: 22px;}
h1.sidetitle span {border-bottom-color: #414f5a !important;padding-bottom: 8px;border-bottom: 1px solid;font-weight: 700;  color: #414f5a;}
h2.sidetitle {margin: 0px;padding: 0px;margin-bottom: 16px;padding-bottom: 8px;border-bottom: 1px solid #ddd;font-weight: 300;font-size: 16px;line-height: 22px;}
h2.sidetitle span {border-bottom-color: #414f5a !important;padding-bottom: 8px;border-bottom: 1px solid;font-weight: 700;  color: #414f5a;}
h3.sidetitle {margin: 0px;padding: 0px;margin-bottom: 16px;padding-bottom: 8px;border-bottom: 1px solid #ddd;font-weight: 300;font-size: 16px;line-height: 22px;}
h3.sidetitle span {border-bottom-color: #294384 !important;padding-bottom: 8px;border-bottom: 1px solid;font-weight: 500;  color: #294384;}
h4.sidetitle {margin: 0px;padding: 0px;margin-bottom: 16px;padding-bottom: 8px;border-bottom: 1px solid #ddd;font-weight: 300;font-size: 16px;line-height: 22px; }
h4.sidetitle span {border-bottom-color: #294384 !important;padding-bottom: 8px;border-bottom: 1px solid;font-weight: 500; color: #294384;}
.proname {	padding-top: 0px; font-size: 14px; margin-top: 0px; font-weight: bold; text-decoration: underline;}
a.prodetay {	margin-bottom: 0px; padding-bottom: 0px;  color: #012a4f; text-decoration: none; font-size: 12px; font-weight: bold; }
a.prodetay:hover {	margin-bottom: 0px; padding-bottom: 0px;  color: red; text-decoration: none;}
.iletisim-left {font-size: 13px; color: #666; text-align:left; line-height: 35px;}
.iletisim-left i { color: #09F;}
.iletisim-right {font-size: 13px; color: #666; text-align:left; line-height: 35px; font-weight: bold;}
.cizgi { border-bottom: 1px solid #ccc;}
@media (max-width: 1200px) {
.header {height: 70px; width: 100%; }
.logocol {	padding: 0px; width: 1px !important; background-color: #e46387;}
.logo {z-index: 10001; position: absolute; width: 180px;}
.logo img {margin-top:10px;}
.logo-xs {display: none; z-index: 10001; position: absolute; width: 180px;}
.navbar {background: transparent;border: 0px; margin-top: 0px;  border-bottom: 0px; margin-left: 0px;  box-shadow: none; margin-left:190px;}
.navbar .nav > li {z-index: 10000;} /*Safari Dropdown Menu Fix*/
.navbar .navbar-nav > li > a {color: #222; font-weight: bold; font-size: 11px; line-height: 30px; padding-left: 5px; padding-right: 5px; }
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {color: #fff; background-color: #0361ad;}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {color: #fff;background-color: #0361ad;}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {color: #fff; background-color: #0361ad;}
.navcol {	padding:0px;}
.navbar .navbar-form {border-color: #ecf0f1; padding-left: 10px; padding-right: 10px;}

}

@media (max-width: 980px) {
body{overflow-x: hidden;}
.header {height: 70px;width: 100%; background-color: white; position: relative;}
.logocol {	padding: 0px; width: 1px !important; background-color: #e46387;}
.logo {z-index: 10001; position: absolute; width: 160px;}
.logo img {margin-top:10px;}
.logo-xs {display: none; z-index: 10001; position: absolute; width: 170px;}
.navbar {background: transparent;border: 0px; margin-top: 0px;  border-bottom: 0px; margin-left: 0px;  box-shadow: none; margin-left: 170px;}
.navbar .nav > li {z-index: 10000;} /*Safari Dropdown Menu Fix*/
.navbar .navbar-nav > li > a {color: #222; font-weight: bold; font-size: 10px; line-height: 30px; padding-left: 5px; padding-right: 5px; }
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {color: #fff; background-color: #0361ad;}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {color: #fff;background-color: #0361ad;}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {color: #fff; background-color: #0361ad;}
.navcol {	padding:0px;}
.navbar .navbar-form {border-color: #ecf0f1; padding-left: 10px; padding-right: 10px;}
.header-cont {	width: 98% !important; padding-left: 5px; padding-right: 5px;}
}



@media (max-width: 767px) {
body{overflow-x: hidden;}
.header {height: 70px;width: 100%; background-color: white; position: relative;}
.logocol {	padding: 0px; width: 1px !important;}
.logo {z-index: 10002; position: absolute; width: 250px;}
.logo img {margin-top:10px;}
.logo-xs {display: block; z-index: 10002; position: absolute; width: 250px;}
	.navbar {margin-left: 0px; margin-top: 10px;	position: relative; z-index: 10001;}
	.navbar {margin-top: 10px;background: #fff; border: 0px; border-bottom: 0px; margin-left: 0px;  box-shadow: none;}
	.navbar .navbar-toggle { background-color: #fff; border-color: #012a4f; }
.navbar .nav > li {z-index: 10000;     background-color: #fff;} /*Safari Dropdown Menu Fix*/
	.navbar .navbar-nav > li {text-align:left;}
	.navbar .navbar-collapse,
.navbar .navbar-form {border-color: #ecf0f1; padding-left: 20px; padding-right: 20px;}
.navbar .container-fluid {	padding-left: 10px; margin-left: 10px;}
	.navbar .navbar-nav .open .dropdown-menu > li.li-title {padding-left: 5px; border-bottom: 0px; line-height: 25px; font-size: 1.8vh; color: #fff; font-weight: bold;}
	.navbar .navbar-nav .open .dropdown-menu > li {text-align:left;}
  .navbar .navbar-nav .open .dropdown-menu > li > a {color: #222; text-align:left; font-size: 2.0vh; padding-left: 0px; }
  .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {color: #ff3e00;}
  .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color: #ff3e00; background-color: #024e20;  }
  .navcol {	padding:0px;}
  
}