body {
	margin:0;
	padding:0;
	background-color:#d3d3d3;
	background-repeat: no-repeat;
	background-position:center top;
	background-size:cover;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.5em;
}

a { transition: all 0.4s linear; }
body, a, a:link, a:visited, a:hover, a:active, a:focus {
	color: #111;
	text-decoration:none
}

.fs-condensed { 
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif; font-size:1.4em; margin:15px 0 5px;
}

a.white-link-header {display:block}
a.white-link-header, a.white-link-header:link, a.white-link-header:visited, a.white-link-header:active { color:white}

a.white-link-header:hover { color:#CCCCCC}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


#header {
	background: url(../images/static/header.png) repeat center top;
	overflow:hidden;
	background-size:cover;
	padding-bottom:10px
}
#header-bottom-stripe {
	background:url(../images/static/stripe.jpg) repeat;
	height:8px;
	margin-bottom:30px
}
#header #inner {
	padding-top:16px;
	overflow:hidden
}
#header-logo { text-align:center}
#header-logo img { }


@media only screen and (min-width:768px) {

#header-logo { text-align:inherit }

}

#header-logo h1 {
	position:absolute;
	width:0;
	height:0;
	visibility:hidden
}
#header #tagline {
	font-family:'open_sanslight_italic', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:25px;
	padding:17px 0 17px 30px;
	overflow:hidden;
}

#header #contact {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
	line-height:1em;
}
#header #contact { 	text-align:center; }
#header #contact > div { margin-top:15px}

@media only screen and (min-width:768px) {
#header #contact { text-align:right; }

}


#header-nav {
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#fff;
}
#header-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#header-nav li {
	margin-top:2px;
	letter-spacing:1px;
}
/*------------------------------------*\
 $HEADER
\*------------------------------------*/
/*#header-nav li {
	margin-right:6px
}
@media only screen and (min-width:768px) {
#header-nav li {
	margin-right:8px
}
}
@media only screen and (min-width:992px) {
#header-nav li {
	margin-right:10px
}
}
@media only screen and (min-width:1200px) {
#header-nav li {
	margin-right:19px
}
}
*/

@media only screen and (min-width:768px) {

ul.mynavbar {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mynavbar {
    display: flex;
    justify-content: space-around;
}

}
ul.mynavbar li { padding:8px 12px }


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
/*@media (min-width: @screen-sm-min) { ... }
*/
/* Medium devices (desktops, 992px and up) */
/* @media (min-width: @screen-md-min) { ... } */

/* Large devices (large desktops, 1200px and up) */
/*@media (min-width: @screen-lg-min) { ... }
*/

#header-nav li { border-radius: 3px}
#header-nav li.whatsapp { background:#00CC00 }
#header-nav li a, #header-nav li a:link, #header-nav li a:visited, #header-nav li a:hover, #header-nav li a:active, #header-nav li a:focus {
	color:#fff
}
#header-nav li:hover {
	background:#666
}
#header-nav li.active {
	background:#378EDD
}
.fill {
	width:100%
}
/** Ajansburada
 ================================================== **/
#ajansburada a {
	font-size:16px;
	display:block;
	margin-top:24px;
	overflow:hidden;
	line-height:1.1em
}
#ajansburada a, #ajansburada a:link, #ajansburada a:visited, #ajansburada a:active, #ajansburada a:focus {
	color:#ccc;
	text-decoration:none
}
#ajansburada a:hover {
	color:#ccc;
	text-decoration:underline
}
/** Contact Us
 ================================================== **/
#contact-map {
	margin-bottom:30px
}
#contact-map img {
	width:100%
}
.data-set {
	margin-bottom:10px;
	overflow:hidden;
}
.data-set .data-label {
	width:100px;
	float:left;
	color:#000;
}
.data-set .data {
	float:left;
	width:220px;
	color:#000
}

.google-maps {
 position:relative;
 padding-bottom:50%;
 height:0;
 overflow:hidden;
}
.google-maps iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}
@media (min-width:768px) {
.google-maps {
	padding-bottom:30%;
}
}
/** Blog
 ================================================== **/

.thumb {
	margin-bottom:20px
}
#picture {
	margin-bottom:20px
}
.posting-date {
	display:inline-block;
	padding:2px 6px;
	background:#0A132F;
	color:#fff;
	font-size:11px;
	margin-bottom:5px;
	overflow:hidden
}

#footer {
	background:url(../images/static/footer_bg.png) repeat left top;
	padding:30px 0;
	color:#fff;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	margin-top:50px
}
#footer ul {
	list-style:none;
	font-size:17px;
	margin:0;
	padding:0;
}
#footer ul li {
	display:inline-block;
	margin:0 15px;
	padding:0
}
#footer ul a, #footer ul a:link, #footer ul a:visited, #footer ul a:active, #footer ul a:focus {
	color: #fff;
	text-decoration:none
}
#footer ul a:hover {
	color: #fff;
	text-decoration:underline
}
.bread-crumb {
	padding:25px 30px 10px 25px;
}
.bread-crumb, .bread-crumb a, .bread-crumb a:link, .bread-crumb a:visited, .bread-crumb a:hover, .bread-crumb a:active, .bread-crumb a:focus {
	color:#666;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:300;
}
.bread-crumb a:hover {
	text-decoration:underline
}
.main-title .primary {
	color:#378CDD;
	font-family: 'Roboto', sans-serif;
	padding:10px 25px;
	font-weight:900;
	margin:0;
	overflow:hidden
}
.srv-title {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 30px;
	font-weight:900;
	overflow:hidden;
		padding:10px 0;

}
.main-title .primary, .srv-title {font-size:36px; }

.srv-title, .srv-title a, .srv-title a:link, .srv-title a:visited, .srv-title a:hover, .srv-title a:active, .srv-title a:focus {
	color:#378DDD
}
.main-title .secondary {
	font-size:22px;
	color:#003972;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	padding:15px 25px;
	margin:0
}
h2.secondary {
	font-size:19px;
	color:#003972;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	margin:20px 0
}
.canvas {
	background:url(../images/static/canvas-bg.png) repeat;
	overflow:hidden;
	border-radius: 5px;
	margin-top:30px
}
.canvas .content {
	padding:0 30px;
	overflow:hidden;
}

.postings {
	margin-bottom: 65px;
	overflow: hidden;
}
.postings .date {
	display: inline-block;
	padding: 4px 6px 2px;
	background: #EA8D1C;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
	color: #fff;
	border-radius: 3px;
}
.postings .title {
	display: block;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:600;
	line-height: 1.4em;
}
.postings .excerpt {
	display: block;
	margin: 10px 0;
	overflow: hidden;
}
.postings .text {
	font-size:14px
}
.postings a.date:link, .postings a.date:visited, .postings a.date:hover, .postings a.date:active, .postings a.date:focus {
	color: #fff;
	text-decoration: none;
}
.postings a.title:link, .postings a.title:visited, .postings a.title:hover, .postings a.title:active, .postings a.title:focus {
	color: #101D47;
	text-decoration: none;
}
.postings a.excerpt:link, .postings a.excerpt:visited, .postings a.excerpt:hover, .postings a.excerpt:active, .postings a.excerpt:focus {
	text-decoration: none;
}
.postings a.more, .postings a.more:link, .postings a.more:visited, .postings a.more:hover, .postings a.more:active, .postings a.more:focus {
	color:#1F71B9;
	font-size:15px
}
.medium-title {
	font-size:27px;
	color: #003972;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.srv-thumb {
	border:1px solid #C6DDFF;
	background-color:#EFF4FC;
	padding:10px 35px 30px;
	margin-bottom:40px
}
.srv-thumb .title {
	font-family:'univers_condensedbold', Arial, Helvetica, sans-serif;
	font-size:32px;
	margin-bottom:5px
}
.srv-thumb .title a, .srv-thumb .title a:link, .srv-thumb .title a:visited, .srv-thumb .title a:hover, .srv-thumb .title a:active, .srv-thumb .title a:focus {
	color: #00377A;
}
.srv-thumb .body {
	font-family: "open_sansregular", Arial, Helvetica, sans-serif;
	font-size:14px;
}
.srv-thumb .body a, .srv-thumb .body a:link, .srv-thumb .body a:visited, .srv-thumb .body a:hover, .srv-thumb .body a:active, .srv-thumb .body a:focus {
	color: #333;
}
.ref-thumb {
	border:1px solid #bebebe;
	background-color:#eee;
	padding:10px;
	margin-bottom:20px;
	overflow:hidden
}
.ref-thumb .excerpt {
	font-size:14px;
	font-family:'open_sansitalic', Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
}
.ref-thumb .excerpt a, .ref-thumb .excerpt a:link, .ref-thumb .excerpt a:visited, .ref-thumb .excerpt a:hover, .ref-thumb .excerpt a:active, .ref-thumb .excerpt a:focus {
	color: #111;
}
.ref-thumb .title {
	font-size:19px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-weight:400;
	margin-top:10px
}
.ref-thumb .title a, .ref-thumb .title a:link, .ref-thumb .title a:visited, .ref-thumb .btitleody a:hover, .ref-thumb .title a:active, .ref-thumb .title a:focus {
	color:#003972;
}
.sub-title {
	font-size:15px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	margin-bottom:10px
}
.ref-thumb .sub-title a, .ref-thumb .sub-title a:link, .ref-thumb .sub-title a:visited, .ref-thumb .bsubtitleody a:hover, .ref-thumb .sub-title a:active, .ref-thumb .sub-title a:focus {
	color:#003972;
}
.ratio, .ratio-90, .ratio-75, .ratio-60, .ratio-35, .ratio-30 {
	position:relative;
	width:100%;
	height:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}
.ratio-top {
	background-position:center top
}
.ratio-mid {
	background-position:center center
}
.ratio-bottom {
	background-position:center bottom
}
.ratio-90 {
	padding-bottom:90%
}
.ratio-75 {
	padding-bottom:75%
}
.ratio-60 {
	padding-bottom:60%
}
.ratio-45 {
	padding-bottom:45%
}
.ratio-35 {
	padding-bottom:35%
}
.ratio-30 {
	padding-bottom:30%
}
ul#services {
	list-style:none;
	padding:0 0 40px;
	margin:0 0 0 25px;
	line-height:2.2em;
}
ul#services li {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#334066;
}
ul#services li a {
	display:inline-block;
	padding:0 10px;
}
ul#services li a, ul#services li a:link, ul#services li a:visited, ul#services li a:hover, ul#services li a:active, ul#services li a:focus {
	color:#334066
}
ul#services li.active a {
	background:#EBDCB5
}
ul#services li:hover a {
	background:#F1E8CD
}
.location-year {
	color:#003972;
	font-family:'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:15px;
	margin:25px 0 10px
}
.data-set {
	margin-bottom:10px;
	overflow:hidden;
}
.data-set .separator {
	width:10px;
	float:left
}
.data-set .data {
	float:left;
	width:70%;
	color:#000;
	text-align:left
}
 @media (min-width:768px) {
.data-set .data {
	width:320px;
}
}
.data-set .data a, .data-set .data a:link, .data-set .data a:visited, .data-set .data a:hover, .data-set .data a:active, .data-set .data a:focus {
	color:#555
}
.view_count {
	background:url(../images/static/count.png) no-repeat left 4px;
	padding-left:24px;
	float:left;
}
.facebook_count {
	background:url(../images/static/facebook_count.png) no-repeat left 4px;
	padding-left:13px;
	float:left;
	margin-left:15px
}
.tweet_count {
	background:url(../images/static/tweet_count.png) no-repeat left 4px;
	padding-left:20px;
	float:left;
	margin-left:15px
}
.click-for-more {
	display:inline-block;
	padding:2px 6px;
	background:#FDBF14;
	font-size:14px;
	overflow:hidden;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	margin:0 0 5px;
	float:right
}
.click-for-more a, .click-for-more a:link, .click-for-more a:visited, .click-for-more a:hover, .click-for-more a:active, .click-for-more a:focus {
	color: #333;
}
#manufacturers img {
	margin-bottom:30px
}
ul#footer-nav {
	margin:10px 0;
	padding:0;
}
ul#footer-nav li {
	margin:0 15px 0 0;
	padding:0
}
ul#footer-nav li.active {
	text-decoration:underline
}
ul#footer-social {
	margin:10px 0;
	padding:0
}
ul#footer-social li {
	margin:0;
	padding:0
}
.sidebar-title {
	background:#888;
	font-size:26px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	padding:10px 35px;
	display:inline-block;
	margin-bottom:30px;
	color:#fff;
	margin-top:20px
}
.postings .author {
	font-size:15px;
	text-align:right;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#000;
	overflow:hidden;
	margin-bottom:20px
}
.postings .author img {
	border:3px solid #e3e3e3;
	margin-bottom:10px
}
.postings .author a, .postings .author a:link, .postings .author a:visited, .postings .author a:hover, .postings .author a:active, .postings .author a:focus {
	color:#111
}
.postings .title a, .postings .title a:link, .postings .title a:visited, .postings .title a:hover, .postings .title a:active, .postings .title a:focus {
	color:#111
}
#googleMap {
	margin-bottom:60px
}
#services-delivered a:hover {
	text-decoration:underline
}
.addthis_native_toolbox {
	min-height:30px;
	margin:15px 0
}
.bg-text {
	font-family: 'Roboto', sans-serif;
	font-style:italic;
	font-weight:300px;
	background:#C47520;
	font-size:42px;
	display:inline-block;
	color:#fff;
	padding:5px 10px;
	margin-bottom:1px
}
.bg-text.last {
	margin-bottom:130px
}
.bar-vertical {
	background:url(../images/static/bg-left.jpg) repeat left top;
	overflow:hidden
}
.bar-horizontal {
	background:url(../images/static/bg-right.jpg) repeat left top;
	overflow:hidden
}
.panel-home {
	width:50%;
	float:left;
	overflow:hidden;
	font-size:15px;
	color: #fff;
}

.panel-home .title a, .panel-home .title a:link, .panel-home .title a:visited, .panel-home .title a:hover, .panel-home .title a:active, .panel-home .title a:focus {
	color:#fff
}

.panel-home .text a, .panel-home .text a:link, .panel-home .text a:visited, .panel-home .text a:hover, .panel-home .text a:active, .panel-home .text a:focus {
	color:#fff
}

.panel-home .more a, .panel-home .more a:link, .panel-home .more a:visited, .panel-home .more a:hover, .panel-home .more a:active, .panel-home .more a:focus {
	color:#fff;text-decoration:underline
}



.panel-home .title {
	font-size:26px;
	color:#fff;
	padding:10px 20px;
	font-family:'Roboto', sans-serif;
}
.panel-home .pic {
	margin-bottom:15px
}
.panel-home .text {
	margin:0 20px 10px;
	overflow:hidden
}
.panel-home .more {
	margin:0 20px 20px;
	overflow:hidden
}
.canvas-title {
	background:#1F71B9;
	font-size:26px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-weight:700;
	padding:10px 35px;
	display:inline-block;
	margin-bottom:30px;
	color:#fff;
	margin-top:20px;
	line-height:3.5rem;
}
img.desaturate {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.ratio, .ratio-90, .ratio-75, .ratio-60, .ratio-35, .ratio-30 {
	position: relative;
	width: 100%;
	height: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.ratio-top {
	background-position: center top;
}
.ratio-mid {
	background-position: center center;
}
.ratio-bottom {
	background-position: center bottom;
}
.ratio-90 {
	padding-bottom: 90%;
}
.ratio-75 {
	padding-bottom: 75%;
}
.ratio-60 {
	padding-bottom: 60%;
}
.ratio-35 {
	padding-bottom: 35%;
}
.ratio-30 {
	padding-bottom: 30%;
}
#featured-services {
/*	margin:0 30px
*/}



ul#reftype { float:right; font-size:20px}

ul#reftype, ul#reftype li { list-style:none;padding:0; margin:0;  }

ul#reftype li { display:inline-block; float:left; margin-left:20px; padding:3px 6px; background-color:#eee }
ul#reftype li:hover { background:#ddd}
ul#reftype li.active { background:#0099FF}
ul#reftype li.active a,
ul#reftype li.active a:link,
ul#reftype li.active a:visited,
ul#reftype li.active a:hover,
ul#reftype li.active a:active,
ul#reftype li.active a:focus { color:#fff}

ul#reftype li.active a:hover {background:#0099FF}