@font-face {
	font-family: ptsansregular;
	src: url(../fonts/PTS55F-webfont.eot);
	src: url(../fonts/PTS55F-webfont.eot%3F) format('embedded-opentype'),
		url(../fonts/PTS55F-webfont.woff) format('woff'),
		url(../fonts/PTS55F-webfont.ttf) format('truetype'),
		url(../fonts/PTS55F-webfont.svg) format('svg');
	font-weight: 400;
	font-style: normal
}

h1 {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 35px;
	background: url(../img/title_border.png) left bottom repeat-x;
	padding-bottom: 15px
}

h2 {
	font-size: 20px;
	color: #4c4c4c;
	text-transform: uppercase;
	font-weight: 400;
	background: url(../img/title_border.png) left bottom repeat-x;
	padding-bottom: 7px
}

h3 {
	color: #f25d23;
	font-weight: 700;
	font-size: 24px
}

h4 {
	font-size: 16px;
	color: #4c4c4c;
	font-weight: 700;
	margin: 20px 0 7px
}

p {
	font-size: 14px;
	color: #8f8f8f;
	line-height: 24px
}

ul {
	margin-left: 0
}

li {
	list-style: none;
	line-height: 26px;
	color: #8f8f8f
}

.cloud_left {
	background: url(../img/cloud-left.png) no-repeat;
	width: 422px;
	height: 309px;
	position: absolute;
	z-index: -149.95149 .95;
	left: 0;
	top: 0
}

.cloud_right {
	background: url(../img/cloud-right.png) no-repeat;
	width: 500px;
	height: 323px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -149.95149 .95
}

header {
	background: url(../img/title_border.png) left bottom repeat-x
}

#main_menu {
	background: #202122
}

.brand {
	height: 65px
}

.callus {
	background: #107ba7;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	border-radius: 0 10px 10px 0;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	position: relative
}

.phone_icon {
	background: #107ba7 url(../img/phone_icon.png) center center no-repeat;
	width: 24px;
	height: 22px;
	padding: 15px;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	top: -5px
}

.nav li {
	display: inline
}

.top_header{
	margin-top: 10px
}

.top_header-1 {
	margin-top: 20px
}

.navbar .nav>li>a {
	transition: all 200ms cubic-bezier(.25, .25, .75, .75)
}

.banner {
	padding-bottom: 40px
}

.banner h1 {
	background: 0 0;
	padding-bottom: 0
}

.banner li {
	background: url(../img/tick_orange.png) left center no-repeat;
	position: relative;
	line-height: 33px;
	font-size: 16px;
	padding-left: 25px
}

.free_consult {
	background: #f25d23;
	border-bottom: #a52f01 5px solid;
	padding: 25px 0;
	margin-top: 40px
}

.home_consult {
	margin-top: 2px
}

.consult_left {
	font-size: 28px;
	font-style: italic;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	margin-top: 25px
}

.consult_right {
	float: right;
	border-left: #a52f01 1px solid;
	padding-left: 45px
}

.consult_right p {
	color: #fff;
	font-size: 16px;
	line-height: 23px
}

.consult_right p a {
	color: #fff;
	text-decoration: underline
}

.consult_right span {
	font-weight: 700;
	font-style: italic
}

.box_container {
	margin-top: 80px
}

.box_content {
	text-align: center;
	background: #fcfcfc;
	border: #eaeaea 1px solid;
	box-sizing: border-box;
	position: relative;
	padding: 18px 18px 40px
}

.box_content:hover {
	border: #d9d9d9 1px solid
}

.box_content:hover .about_icon {
	background: #1784af url(../img/user_icon.png) center center no-repeat
}

.box_content:hover .network_icon {
	background: #1784af url(../img/network_icon.png) center center no-repeat
}

.box_content:hover .portfolio_icon {
	background: #1784af url(../img/layer_icon.png) center center no-repeat
}

.box_content:hover .certi_icon {
	background: #1784af url(../img/cert_icon.png) center center no-repeat
}

.box_content h2 {
	margin-top: 40px;
	line-height: 30px;
	background: 0 0
}

.box_content p {
	font-size: 13px;
	color: #8f8f8f;
	line-height: 23px
}

.about_icon, .network_icon, .portfolio_icon, .certi_icon {
	display: block;
	border-radius: 50%;
	padding: 15px;
	text-indent: -149.95149 .95px;
	left: 70px;
	position: absolute;
	top: -30px;
	transition: all 200ms cubic-bezier(.25, .25, .75, .75)
}

.about_icon {
	background: #000 url(../img/user_icon.png) center center no-repeat;
	width: 32px;
	height: 30px
}

.network_icon {
	background: #000 url(../img/network_icon.png) center center no-repeat;
	width: 32px;
	height: 32px
}

.portfolio_icon {
	background: #000 url(../img/layer_icon.png) center center no-repeat;
	width: 30px;
	height: 30px
}

.certi_icon {
	background: #000 url(../img/cert_icon.png) center center no-repeat;
	width: 25px;
	height: 32px;
	padding: 15px 20px
}

.btn {
	background: #22a0d1;
	box-shadow: 0 1px 1px 1px #cdcdcd, #a2e5ff 0 1px 0 0 inset;
	border: #0d80ac 1px solid;
	color: #fff;
	text-shadow: none
}

.btn:hover, .btn:active {
	background: #1683ad;
	color: #fff;
	transition: all 200ms cubic-bezier(.25, .25, .75, .75)
}

.drop-shadow:before, .drop-shadow:after {
	content: "";
	position: absolute;
	z-index: -2
}

.curved-hz-1:before {
	border-radius: 100px 100px 100px 100px/10px 10px 10px 10px;
	bottom: 0;
	left: 10px;
	right: 10px;
	top: 50%
}

.curved:before {
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	left: 20px;
	right: 10%;
	top: 10px
}

.drop-shadow:before, .drop-shadow:after {
	content: "";
	position: absolute;
	z-index: -2
}

#specialties .item {
	color: #8f8f8f;
	font-size: 14px;
	line-height: 24px;
	min-height: 86px;
	padding: 25px 0
}

.carousel-control {
	width: 24px;
	height: 24px;
	background: 0 0;
	top: 50%
}

.carousel-control.left {
	left: -32px;
	background: url(../img/carousel_nav.png) no-repeat
}

.carousel-control.right {
	background: url(../img/carousel_nav.png) -24px 0 no-repeat;
	right: -36px
}

.about_us span, .services span {
	color: #f25d23;
	font-style: italic
}

aside {
	background: #fcfcfc;
	border: #eaeaea 1px solid;
	box-sizing: border-box;
	padding: 15px;
	position: relative
}

aside h3 {
	margin-top: 0
}

aside li {
	background: url(../img/tick_black.png) left 3px no-repeat;
	padding-left: 25px;
	line-height: 20px;
	margin-bottom: 7px;
	color: #8f8f8f
}

aside a {
	color: #f25d23;
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
	float: right
}

.list li {
	background: url(../img/bullet.png) left center no-repeat;
	padding-left: 15px
}

footer {
	background: #eee;
	border: #cdcdcd 1px solid;
	padding: 10px 0
}

footer .container p {
	font-size: 13px;
	color: #5e5e5e;
	margin-bottom: 0;
	margin-left: 0
}

.home_footer {
	margin-top: 40px
}

.contactus {
	min-height: 318px
}

.credits {
	float: right;
	font-size: 12px
}

.paper_hole {
	background: url(../img/404_error.png) no-repeat;
	height: 412px
}

.page_404 {
	margin-top: 34px;
	margin-bottom: 35px
}

.info_404 {
	font-size: 30px;
	color: #7a7878;
	text-align: center;
	line-height: 32px;
	margin-top: 85px
}

.info_404 span {
	font-size: 18px;
	display: block;
	margin-top: 20px
}

.info_404 li {
	display: inline;
	font-size: 15px
}

.info_404 li a {
	color: #f25d23
}

/* Tooltipl Language  */

.tooltip-lang {
  position: relative;
  display: inline-block;
}

.tooltip-lang .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  width: 80px;
  top: 100%;
  left: 50%;
  margin-left: -50px; 
}

.tooltip-lang .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip-lang:hover .tooltiptext {
  visibility: visible;
}
