@import url(http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: Arial, sans-serif;
}
html, body {
	padding: 0;
	margin: 0;
}
/*web site*/
 
body {
	font-family: 'Open Sans', sans-serif;
	background: url('../images/bg_001.png') no-repeat top;
}
.WebSite {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
.float-left {
	float: left;
	margin-right: 10px
}
.float-right {
	float: right;
	
}
.Header {
	height: 90px;
	width: 100%!important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-ms-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	z-index: 99999;
}
.logo_crossman {
	float: left;
	width: 214px;
	height: 88px;
}
.logo_crossman a {
	width: 214px;
	height: 88px;
	display: block;
	background: url('../images/crosman_logo.png') no-repeat;
}
.is-sticky .logo_crossman a {
	width: 214px;
	height: 88px;
	display: block;
	background: url('../images/crosman_logo_b.png') no-repeat;
}
.sticky-wrapper .menu_sag {
	float: right;
	padding-top: 20px;
}
.sticky-wrapper .menu_sag ul li {
	float: left;
	margin-right: 10px;
}
.sticky-wrapper .menu_sag ul li a {
	height: 41px;
	color: #333946;
	display: block;
	text-decoration: none;
	padding: 12px 10px;
}
.is-sticky .menu_sag ul li a {
	color: #fff;
}
.sticky-wrapper .menu_sag ul li:last-child {
	margin: 0px;
}
.sticky-wrapper .menu_sag ul li.m_aktif {
	/*background-color: #333946;
	color: #fff;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
 
 
.menu_sag ul li a:hover {
	padding: 12px 10px;
color:#e4545b;
}
.menu_sag ul li:hover a {
	padding: 12px 10px;
}
.menu_sag ul li:hover {
	
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#e4545b;
}
.menu_sag ul li:hover ul.altmenu {
	display: block;
	position: absolute;
	top: 60px;
	z-index: 999;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-ms-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.menu_sag ul li ul.altmenu {
	display: none;
}
.menu_sag ul li ul.altmenu li {
	float: none;
	background: #fff;
	margin-right: 0px;
 background: url('../images/bg_002.png');
 
}
.menu_sag ul li ul.altmenu li:hover {
	border: none;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.menu_sag ul li ul.altmenu li a {
	color: #333946;
	opacity:1;
	font-weight:bold;
	font-size:14px;
}
.menu_sag ul li ul.altmenu li:hover a {
	padding: 12px 10px;
	color: #333946
	
}
.menu_sag ul li ul.altmenu li:hover a:hover {
	padding: 12px 10px;
	color:#e4545b;
}

.navbar-move {
	background: #20232b;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.line10px {
	height: 10px;
}
.line20px {
	height: 20px;
}
.line30px {
	height: 30px;
}
.clear {
	clear: both;
}
.services {
	float: left;
	width: 585px;
	height: 270px;
}
.services .caption {
	font-size: 22px;
	font-weight: bolder;
	background: url('../images/line_1.jpg') no-repeat 124px 19px;
}
.services .service1 {
	width: 282px;
}
.service1 .service-content {
	position: relative;
	background: #f5f7fc;
 
	padding: 25px 30px 10px 5px;
	-webkit-border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-o-border-radius: 0px 0px 3px 3px;
	border-radius: 0px 0px 3px 3px;
}
.service1 .service-content  h4{ font-weight:bold}
.service1 .service-content i {
	position: absolute;
	top: 0px;
	left: 55%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-left: -40px;
	margin-top: -23px;
	font-size: 20px;
	color: #fff;
	background: #333946;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-ms-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
.service1:hover i {
	background: #e4545b;
	-webkit-transform: scale(1.15);  /* Saf3.1+, Chrome */
	-moz-transform: scale(1.15);  /* FF3.5+ */
	-ms-transform: scale(1.15);  /* IE9 */
	-o-transform: scale(1.15);  /* Opera 10.5+ */
	transform: scale(1.15);
}
.services .ImageWrapper .ImageOverlayH {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.services .ImageWrapper {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#slider .owl-controls {
	margin-top: 10px;
	text-align: center;
	position: absolute;
	left: 46%;
	bottom: 0px;
}
.services .ImageWrapper .wrappertext {
	position: absolute;
	left: 10px;
	font-size: 12px;
	font-weight: bold;
	top: 56%;
	text-align: center;
	width: 92%;
}
.services .ImageWrapper .wrappertext h2 {
	font-size: 16px;
	font-weight: bolder;
	width: 100%;
}
.services .ImageWrapper .wrappertext p {
	font-size: 12px;
	font-weight: bolder;
	width: 100%;
	margin-top: 10px;
}
.servisicerik table tr td{ vertical-align:center;}
.servisicerik table tr td:first-child{ vertical-align:center;padding-right:4px;}
.proje {
	height: 282px;
	width: 315px;
}
.proje .caption {
	font-size: 22px;
	font-weight: bolder;
	background: url(../images/line_2.jpg) no-repeat 124px 19px;
}
.proje .projelist {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	 
	 
 
}
.proje .projelist ul li {
  clear: both;
  height: 65px;
  background-color: #F5F7FC;
  padding: 4px;
  margin-bottom: 7px;
}
.proje .projelist ul li a {
	float: left;
	margin-top: 7px;
	color: #333946;
	font-size:14px;
	margin-left:5px;
}
.proje .projelist ul li a:hover {
	color: #e4545b;
	
}
.proje .projelist ul li span {
	float: left;
	margin-left: 10px;	
	width: 160px;
	padding-top:5px;
}

.footer {
	height: 150px;
	background: #333946;
	position: relative;
	padding-top: 20px
}

.footerx {
	width: 289px;
	margin-left: auto;
	margin-right: auto;
}
.footer_the_ex{background: url('../images/alt_logo.png') no-repeat center; width:295px;height:50px;}

.footerx p {
	color: #fbfcff;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif
}
.footerx p span.red {
	color: #ff0315;
	font-style: italic;
	font-weight: bold;
}
.footerx p.copyr {
	font-size: 8px;
	color: #fbfcff;
	font-weight: 700;
	text-align: center
}
.footerx p.sosyal {
	width: 75px;
	clear: both;
	height: 22px;
	margin: 0px;
	position: relative;
	left: 39%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.footerx p a.facebook {
	float: left;
	width: 22px;
	height: 22px;
	display: block;
	background: url('../images/sosyal.png') 0 0;
	margin-right: 3px
}
.footerx p a.twitter {
	float: left;
	width: 22px;
	height: 22px;
	display: block;
	background: url('../images/sosyal.png') 44px 0px;
	margin-right: 3px
}
.footerx p a.google {
	float: left;
	width: 22px;
	height: 22px;
	display: block;
	background: url('../images/sosyal.png') 22px 0px;
}
/*About Us içerik*/
.pagecaption {
	background: url('../images/line_3.png') no-repeat bottom left;
}
.pagecaption_prj {
	background: url('../images/line_4.png') no-repeat bottom left;
}
.pagecaption_prj h2 {
	font-size: 24px;
	font-weight: bold;
	margin-left: 35px;
}
.pagecaption_prj h2.aboutus {
	margin-left: 55px;
}
.pagecaption_prj h2.project {
	margin-left: 59px;
}
.pagecaption_prj h2.contacts {
	margin-left: 59px;
}
.pagecaption_prj h2.service {
	margin-left: 59px;
}


.pagecaption h2 {
	font-size: 24px;
	font-weight: bold;
	margin-left: 35px;
}
.pagecaption h2.aboutus {
	margin-left: 55px;
}
.pagecaption h2.project {
	margin-left: 59px;
}
.pagecaption h2.contacts {
	margin-left: 59px;
}
.pagecaption h2.service {
	margin-left: 59px;
}
.pageimage {
	background: url('../images/hakkimizda.jpg') center no-repeat;
	width: 900px;
	height: 230px;
}
.bg_002 {
	background: url('../images/bg_002.png');
}
.icerik {
	padding: 20px;
	padding-top: 25px;
	font-size: 14px;
	line-height:18px;
}
.icerik h2 {
	font-weight: bold;
	font-size: 18px
}
.icerik table {
	width: 100%;
}
/*Proje içerik*/
.pdesc {
	width: 560px;
}
.pimg {
	width: 273px;
	height: 190px;
}
.icerik table tr td {
	padding-top: 5px;
}
.icerik table tr td:first-child {
	font-weight: bold
}
table.contactinfo{
	
	width:85%;
	margin-left:auto;
	margin-right:auto;
	}
table.contactinfo tr td {
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}
table.contactinfo tr td:first-child {
	font-weight: normal
}
.line_3 {
	background: url('../images/line_3.png') no-repeat bottom;
	width: 197px;
	height: 21px;
}
/*
.galeri_fancy a{ float:left; margin-right:10px;}*/

/* --------------------------------------------------------	*/
/*  Servis  içerik */
/* --------------------------------------------------------	*/

	
.ser_img {
  width: 850px;
  margin-left: 10px;
}
.servisicerik p { font-size:14px; line-height:18px;}


/* -------------------------------------------------------- */
.social-1{  text-align: center;}
.social i, .social-1 i, .social-2 i, .social-3 i {
	color: #ec888d;
	font-size: 22px;
	line-height: 34px;
	width: 38px;
	height: 38px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: center;
	border-radius: 3px;
	float: left;
}

.social-1 i {
	color:   #e4545b;
	font-size: 18px;
	line-height: 24px;
	width: 24px;
	height: 24px;
	margin: 0px;
	margin-right: 4px;
	float: none;
	background: -webkit-linear-gradient(#FFFFFF, #C2C2C2);
	background: -o-linear-gradient(#FFFFFF, #C2C2C2);
	background: -moz-linear-gradient(#FFFFFF, #C2C2C2);
	background: linear-gradient(#FFFFFF, #C2C2C2);
}
.social-1 i:hover {
	color: #ffffff;
	background: -webkit-linear-gradient(#F54949, #e4545b); /* For Safari */
	background: -o-linear-gradient(#F54949, #e4545b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F54949, #e4545b); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F54949, #e4545b); /* Standard syntax */
}

.social-2 i {
	color: #ffffff;
	font-size: 18px;
	line-height: 44px;
	width: 44px;
	height: 44px;
	margin: 0px;
	margin-right: 4px;
	float: none;
	background: -webkit-linear-gradient(#3d434f, #313643);
	background: -o-linear-gradient(#3d434f, #313643);
	background: -moz-linear-gradient(#3d434f, #313643);
	background: linear-gradient(#3d434f, #313643);
}
.social-2 i:hover {
	color: #ffffff;
	background: -webkit-linear-gradient(#F54949, #e4545b); /* For Safari */
	background: -o-linear-gradient(#F54949, #e4545b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F54949, #e4545b); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F54949, #e4545b); /* Standard syntax */
}

.form li {padding:5px;}

/* --------------------------------------------------------	*/
/*  Buttons  */
/* --------------------------------------------------------	*/
  
.btn, .btn-small, .btn-large, .btn-large-icon{
  font-family: 'Open Sans', sans-serif;
	color:#fff !important;
	-webkit-font-smoothing: subpixel-antialiased;
  font-size:14px;
  line-height:46px;
  height:46px;
  border:0px;
  padding:0px 35px;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  -o-border-radius: 3px; 
  border-radius: 3px; 
  margin-bottom:10px;
  margin-right:10px;
  text-shadow:none;
  -webkit-box-shadow:rgba(0, 0, 0, 0) 0 0 0;
  box-shadow:rgba(0, 0, 0, 0) 0 0 0;
  background: -webkit-linear-gradient(#3d434f, #313643); /* For Safari */
  background: -o-linear-gradient(#3d434f, #313643); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#3d434f, #313643); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#3d434f, #313643); /* Standard syntax */
}

.btn i, .btn-small i, .btn-large i, .btn-large-icon i{
  font-size:18px;
  line-height:18px;
  padding-right:8px;
}

.btn:hover, .btn-small:hover, .btn-large:hover, .btn-large-icon:hover{
  color:#fff;
  background: -webkit-linear-gradient(#F54949, #e4545b); /* For Safari */
  background: -o-linear-gradient(#F54949, #e4545b); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#F54949, #e4545b); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#F54949, #e4545b); /* Standard syntax */
}

.btn-small {
  font-size:13px;
  height:38px;
  line-height:38px;
}

.btn-large {
  font-size:18px;
  height:60px;
  line-height:60px;
  padding:0px 30px;
}

.btn-large-icon {
  font-size:15px;
  height:60px;
  line-height:60px;
  padding:0px 50px;
}

.bc-2{
  border:1px solid rgba(255, 255, 255, 0.5);
  background: transparent;
}

.bc-2:hover{
  border:1px solid transparent;
  background: #e4545b;
}
      
.bc-3{
  background: #e4545b;
}

.bc-3:hover{
  background: #f4646b;
}
.c_map{position:relative}
.c_map .button-container {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  text-align:center;
  padding-top:140px;
}