@charset "utf-8";
/* CSS Document */


/* ==========================================================================
   Helper classes
   ========================================================================== */
   
/*********************************CLASSES**********************************/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}
.spacer {
	clear: both;
	font-size: 0;
	line-height: 0;
}
.floatleft {
	float: left;
	width: auto;
}
.floatright {
	float: right;
	width: auto;
}
.relative {
	position: relative;
}
.center {
	display: block;
	margin: 0 auto;
}
/*.error-message{ color:#ed1c24; float:left; font-size:13px; line-height:16px;}*/
.relative {
	position: relative;
}
.noMargin {
	margin: 0 !important;
}
.noPadding {
	padding: 0 !important;
}
.noRightMrgn {
	margin-right: 0 !important;
}
.noLeftMrgn {
	margin-left: 0 !important;
}
.noBottomMrgn {
	margin-bottom: 0 !important;
}
.noTopMrgn {
	margin-top: 0 !important;
}
.noPdni {
	padding: 0 !important;
}
.noRightPdni {
	padding-right: 0 !important;
}
.noleftPdni {
	padding-left: 0 !important;
}
.noTopPdin {
	padding-top: 0 !important;
}
.noBorder {
	border: none !important;
}
.noRightBorder {
	border-right: none !important
}
.noBottomBorder {
	border-bottom: none !important
}
.noBg {
	background: none !important;
}
.centerAlign {
	text-align: center;
}
.block {
	display: block;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.span10 {
	width: 10%;
	float: left;
	position: relative;
}
.span15 {
	width: 15%;
	float: left;
	position: relative;
}
.span20 {
	width: 20%;
	float: left;
	position: relative;
}
.span25 {
	width: 25%;
	float: left;
	position: relative;
}
.span30 {
	width: 33.333%;
	float: left;
	position: relative;
}
.span32 {
	width: 32%;
	float: left;
	position: relative;
}
.span33 {
	width: 34%;
	float: left;
	position: relative;
}
.span35 {
	width: 35%;
	float: left;
	position: relative;
}
.span40 {
	width: 40%;
	float: left;
	position: relative;
}
.span45 {
	width: 45%;
	float: left;
	position: relative;
}
.span50 {
	width: 50%;
	float: left;
	position: relative;
}
.span55 {
	width: 55%;
	float: left;
	position: relative;
}
.span60 {
	width: 60%;
	float: left;
	position: relative;
}
.span65 {
	width: 65%;
	float: left;
	position: relative;
}
/*******Edit 21.11.13*********/
.span66 {
	width: 66%;
	float: left;
	position: relative;
}
/*******Edit 21.11.13*********/
.span70 {
	width: 70%;
	float: left;
	position: relative;
}
.span75 {
	width: 75%;
	float: left;
	position: relative;
}
.span80 {
	width: 80%;
	float: left;
	position: relative;
}
.span85 {
	width: 85%;
	float: left;
	position: relative;
}
.span90 {
	width: 90%;
	float: left;
	position: relative;
}
.span95 {
	width: 95%;
	float: left;
	position: relative;
}
.span100 {
	width: 100%;
	float: left;
	position: relative;
}
.container {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
}
.displayTab {
	display: none;
}
.displayMobile {
	display: none;
}
.service-right-part p a {
	color: #00A1E9;
	border-bottom: 1px dashed #BCBCBD;
}
.service-list01 {
	margin: 10px 0 20px 0px !important;
	padding:0;
}
.service-list01 li:before {
	background: url(../images/bullet01.png) no-repeat !important;
}
/******************************DD*******************************/
.borderRadius {
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.borderRadiusTp {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.borderRadiusBtm {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.ddcommon {
	position: relative;
	display: -moz-inline-stack;
	zoom: 1;
	display: inline-block;
*display:inline;
	cursor: default;
}
.ddcommon ul {
	padding: 0;
	margin: 0;
}
.ddcommon ul li {
	list-style-type: none;
}
.borderRadiusTp ul li:last-child {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-bottom: 0 none #c3c3c3;
}
.borderRadiusBtm ul li:first-child {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: 1 solid #c3c3c3;
}
.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll {
	opacity: .5; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: "alpha(opacity=50)"; /* ie 8 */
	filter: alpha(opacity=50); /* ie lt 7 */
	-khtml-opacity: .5; /* safari 1.x */
	-moz-opacity: .5; /* ff lt 1.5, netscape */
	color: #999999;
}
.ddcommon .clear {
	clear: both
}
.ddcommon .shadow {
	-moz-box-shadow: 5px 5px 5px -5px #888888;
	-webkit-box-shadow: 5px 5px 5px -5px #888888;
	box-shadow: 5px 5px 5px -5px #888888;
}
.ddcommon input.text {
	color: #7e7e7e;
	padding: 0 0 0 0;
	position: absolute;
	background: #fff;
	display: block;
	width: 98%;
	height: 98%;
	left: 2px;
	top: 0;
	border: none;
}
.ddOutOfVision {
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
*display:inline;
}
.borderRadius .shadow {
	-moz-box-shadow: 5px 5px 5px -5px #888888;
	-webkit-box-shadow: 5px 5px 5px -5px #888888;
	box-shadow: 5px 5px 5px -5px #888888;
}
.borderRadiusBtm .shadow {
	-moz-box-shadow: -5px -5px 5px -5px #888888;
	-webkit-box-shadow: -5px -5px 5px -5px #888888;
	box-shadow: -5px -5px 5px -5px #888888
}
.borderRadiusTp .border, .borderRadius .border {
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.borderRadiusBtm .border {
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
img.fnone {
	float: none !important
}
.ddcommon .divider {
	width: 0;
	height: 100%;
	position: absolute;
}
.ddcommon .arrow {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -1px;
}
.ddcommon .arrow:hover {
	background-position: 0 100%;
}
.ddcommon .ddTitle {
	padding: 0;
	position: relative;
	display: inline-block;
	width: 100%
}
.ddcommon .ddTitle .ddTitleText {
	display: block;
}
.ddcommon .ddTitle .ddTitleText .ddTitleText {
	padding: 0;
}
.ddcommon .ddTitle .description {
	display: block;
}
.ddcommon .ddTitle .ddTitleText img {
	position: relative;
	vertical-align: middle;
	float: left
}
.ddcommon .ddChild {
	position: absolute;
	display: none;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	zoom: 1;
	z-index: 9999
}
.ddcommon .ddChild li {
	clear: both;
}
.ddcommon .ddChild li .description {
	display: block;
}
.ddcommon .ddChild li img {
	border: 0 none;
	position: relative;
	vertical-align: middle;
	float: left
}
.ddcommon .ddChild li.optgroup {
	padding: 0;
}
.ddcommon .ddChild li.optgroup .optgroupTitle {
	padding: 0 5px;
	font-weight: bold;
	font-style: italic
}
.ddcommon .ddChild li.optgroup ul li {
	padding: 5px 5px 5px 15px
}
.ddcommon .noBorderTop {
	border-top: none 0 !important;
	padding: 0;
	margin: 0;
}
.rechus-box a{
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 15px;
}
.rechus-box a:hover{
text-decoration:none;
}
.fixed-menu .rechus-box a{
    background: none;
    font-size: 17px;
    font-family: 'ProximaNova-Bold';
    color: #181818;
    margin: 12px auto 0 0;
    position: relative;
}
.fixed-menu .rechus-box a:hover{
text-decoration:none;
}
/*************** default theme **********************/
.dd {
	-webkit-box-shadow: inset 0 1px 1px 0 #f8f8f8;
	box-shadow: inset 0 1px 1px 0 #f8f8f8;
	border: 1px solid #a9a9a9;
	cursor: pointer;
	background: #dedede; /* Old browsers */
	background: -moz-linear-gradient(top, #dedede 0%, #b5b5b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #b5b5b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dedede 0%, #b5b5b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dedede 0%, #b5b5b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dedede 0%, #b5b5b5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dedede 0%, #b5b5b5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#b5b5b5', GradientType=0 ); /* IE6-9 */
}
.dd .divider {
	background: url(../images/select-divider.png) no-repeat;
	width: 2px;
	height: 43px;
	position: absolute;
	right: 24px;
	bottom: 1px;
}
.dd .arrow {
	width: 9px;
	height: 6px;
	margin: -2px 0 0 0;
	background: url(../images/select-arrow.png) no-repeat;
	cursor: pointer;
	right: 8px;
}
.dd .arrow:hover {
}
.dd .ddTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #454545;
}
.dd .ddTitle .ddTitleText {
	padding: 15px 28px 15px 10px;
	text-align: center;
}
.dd .ddTitle .ddTitleText .ddTitleText {
	padding: 0;
}
.dd .ddTitle .description {
	font-size: 12px;
	color: #666;
}
.dd .ddTitle .ddTitleText img {
	padding-right: 5px;
}
.dd .ddChild {
	border: 1px solid #a9a9a9;
	left: -1px;
	box-shadow: none;
}
.dd .ddChild li {
	padding: 0.429em;
	background-color: #f3f3f3;
	border-bottom: 1px solid #c3c3c3;
	cursor: pointer;
}
.dd .ddChild li .description {
	color: #666;
}
.dd .ddChild li .ddlabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/*.ddlabel span{font-size:12px; font-family: 'HelveticaLightLight';}*/
.dd .ddChild li.hover {
	background-color: #fff
}
.dd .ddChild li img {
	padding: 0 6px 0 0;
}
.dd .ddChild li.optgroup {
	padding: 0;
}
.dd .ddChild li.optgroup .optgroupTitle {
	padding: 0 5px;
	font-weight: bold;
	font-style: italic
}
.dd .ddChild li.optgroup ul li {
	padding: 5px 5px 5px 15px
}
.dd .ddChild li.selected {
	background-color: #d8d8d8;
	color: #3f3f3f;
}
.errorSelect .dd {
	border: 0.071em solid #ff0000;
}
/*.select02 .dd{background:#e4e4e4; -webkit-box-shadow: none; box-shadow: none; border:1px solid #a4a4a4; }
.select02 .dd .arrow{width:31px;height:27px; margin:-14px 0 0 0; background:url(../images/selectbox-arrow2.png) no-repeat;}
.select02 .dd .ddTitle{font-family: 'HelveticaRegular';}
.select02 .dd .ddTitle .ddTitleText{padding:5px 32px 4px 5px;}
.select02 .dd .ddChild li .ddlabel{font-family: 'HelveticaRegular';}
.select02 .dd .ddChild{border:1px solid #a4a4a4;}
*/
/******************************DD end*******************************/

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.2.3 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
.lightbox {
	display: none;
}
@media all {
.featherlight {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2147483647;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	background: #333;
	background: rgba(0,0,0,0)
}
.featherlight:last-of-type {
	background: rgba(0,0,0,.8)
}
.featherlight:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -.25em
}
.featherlight .featherlight-content {
	position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	overflow: auto;
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;
	min-width: 30%;
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;
	background: #fff;
	cursor: auto;
	white-space: normal;
	max-width: 60%;
}
.featherlight .featherlight-inner {
	display: block
}
.featherlight .featherlight-close-icon {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	line-height: 25px;
	width: 25px;
	cursor: pointer;
	text-align: center;
	font: Arial, sans-serif;
	background: #fff;
	background: rgba(255,255,255,.3);
	color: #000
}
.featherlight .featherlight-image {
	width: 100%
}
.featherlight-iframe .featherlight-content {
	border-bottom: 0;
	padding: 0
}
.featherlight iframe {
	border: 0
}
}
@media only screen and (max-width:1024px) {
.featherlight .featherlight-content {
	margin-left: 10px;
	margin-right: 10px;
	max-height: 98%;
	padding: 10px 10px 0;
	border-bottom: 10px solid transparent
}
.featherlight .featherlight-content {
	max-width: inherit;
}
}
.lightbox h2 {
	color: #1a1a1a;
	font-size: 24px;
	margin: 0 0 15px 0;
}
.lightbox h2 strong {
	color: #8b8989;
	font-size: 20px;
	font-weight: normal;
}
/***********************Page Style*****************/
.main-container {
	max-width: 1920px;
	width: 100%;
	overflow: hidden;
	margin: -18px auto 0;
}
.inner-container {
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.header-part {
	margin: 0;
	padding: 0; /*background:url(../images/banner-image.jpg) no-repeat center top; min-height:740px;*/ /*transition:All .3s ease; -webkit-transition:All .3s ease; -moz-transition:All .3s ease;*/
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.header-part.fixed-menu, .inner-page .header-part.fixed-menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(255,255,255,0.95);
	z-index: 2000;
	height: 58px;
}
.fixed-menu .big-logo {
	display: none;
}
.fixed-menu .small-logo {
	display: block;
	margin: 5px 10px;
	width: 60px;
}
.fixed-menu .rechus-box {
	background: none;
	font-size: 17px;
	font-family: 'ProximaNova-Bold';
	color: #181818;
	margin: 12px auto 0 0;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	position: relative;
	left: inherit;
	top: inherit;
	width: 28%;
	text-align: right;
}
.fixed-menu .rechus-box>span span {
	display: inline;
	margin-right: 4px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	color: #181818;
}
.fixed-menu .rechus-box>span img {
	display: none;
}
.fixed-menu .rechus-box>span img.fixed-heading-phone {
	display: inline-block;
}
.rechus-box>span img.fixed-heading-phone {
	display: none;
}
.fixed-menu .nav-part {
	margin-top: 14px;
}
/*.fixed-menu .main-menu-part > li > a:hover, .fixed-menu .main-menu-part > li.active > a{background:none;}
.fixed-menu .main-menu-part > li > a{margin:5px 12px; padding:0;}*/

.fixed-menu {
	animation: animationFrames linear .3s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: animationFrames linear .3s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: animationFrames linear .3s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: animationFrames linear .3s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: animationFrames linear .3s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
}
 @keyframes animationFrames {
 0% {
 transform:  translate(0px, -80px);
}
 100% {
 transform:  translate(0px, 0px);
}
}
 @-moz-keyframes animationFrames {
 0% {
 -moz-transform:  translate(0px, -80px);
}
 100% {
 -moz-transform:  translate(0px, 0px);
}
}
 @-webkit-keyframes animationFrames {
 0% {
 -webkit-transform:  translate(0px, -80px);
}
 100% {
 -webkit-transform:  translate(0px, 0px);
}
}
 @-o-keyframes animationFrames {
 0% {
 -o-transform:  translate(0px, -80px);
}
 100% {
 -o-transform:  translate(0px, 0px);
}
}
 @-ms-keyframes animationFrames {
 0% {
 -ms-transform:  translate(0px, -80px);
}
 100% {
 -ms-transform:  translate(0px, 0px);
}
}
.brand {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
}
.brand strong {
	position: absolute;
	left: -999999px;
	top: -999999px;
	font-size: 0;
}
.small-logo {
	display: none;
}
.rechus-box {
	padding: 5px 20px;
	display: block;
	width: 500px;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 15px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	float: left;
	position: absolute;
	z-index: 100;
	left: -86px;
	top: 146px;
	background: #353535;
}
.rechus-box>span {
	display: block; /*transform: skewX(43deg);*/
	line-height: 25px;
}
.rechus-box>span img {
	display: inline-block;
	margin: -4px 5px 0 0;
	width: 23px;
}
.rechus-box>span span {
	display: none;
}
/*.nav-part{float:right; margin:0; padding:0 14px ; overflow:hidden;}
.mobile-menu{width:44px; height:40px; float:right; padding:10px; margin:0; display:none;}
.main-menu-part{margin:0; padding:0; position:relative; z-index:1000;}
.main-menu-part:after, .main-menu-part:before{display:table; content:""; clear:both;}
.main-menu-part>li{display:block; margin:0; padding:0; float:left; font-family: 'ProximaNova-Regular'; text-transform:uppercase;}
.main-menu-part>li>a{color:#181818; font-size:15px; display:block; padding:8px 12px; margin:0; transform:skewX(-40deg);}
.main-menu-part>li>a:hover,
.main-menu-part>li.active>a{ color:#fff; background:#00a1ea;}
.main-menu-part>li>a{position:relative; z-index:100;}
.main-menu-part>li.quote>a{ color:#000000; background:#fcc536;}*/

/**********Nav Part*********/
.nav-part {
	float: right;
	margin: 15px 0 0 0;
	padding: 0 0 0 14px;
	overflow: hidden;
}
.mobile-menu {
	width: 46px;
	height: 42px;
	float: right;
	padding: 11px;
	margin: 0;
	display: none;
}
.main-menu-part {
	margin: 0 -13px 0 0;
	padding: 0;
	position: relative;
	z-index: 1000;
}
.main-menu-part:after, .main-menu-part:before {
	display: table;
	content: "";
	clear: both;
}
.main-menu-part>li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	font-family: 'ProximaNova-Regular';
	text-transform: uppercase;
}
.main-menu-part>li>a {
	color: #181818;
	font-size: 15px;
	display: block;
	padding: 5px 14px;
	margin: 0 -2px;
	transform: skewX(-40deg);
	-webkit-transform: skewX(-40deg);
	background: #fcbf23;
	height: 28px;
}
.main-menu-part>li:last-child>a {
	padding-right: 24px;
}
.main-menu-part>li>a:hover, .main-menu-part>li.active>a {
	color: #fff;
	background: #514f4f;
}
.main-menu-part>li>a {
	position: relative;
	z-index: 100;
}
/*.main-menu-part>li.even>a{background:#FFFFFF; border-left:1px solid #00a1ea;  border-right:1px solid #00a1ea; color:#000000;}*/
.main-menu-part>li.quote>a {
	color: #ffffff;
	font-family: 'ProximaNova-Bold';
}
.main-menu-part li a .menu-text {
	display: block;
	transform: skewX(40deg);
	-webkit-transform: skewX(40deg);
}
.main-menu-part li a .home-menu-text {
	display: none;
}
.main-menu-part li a .home-menu-icon {
	display: block;
	transform: skewX(40deg);
	-webkit-transform: skewX(40deg);
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: 0 -62px;
	width: 20px;
	height: 19px;
}
.main-menu-part>li>a:hover .home-menu-icon, .main-menu-part>li.active>a .home-menu-icon {
	background-position: 0 1px;
}
.main-menu-part li .submenu-container {
	width: 790px;
	left: -190px;
	position: absolute;
	top: 83px;
	transform: rotate(0deg) skew(-45deg);
	-webkit-transform: rotate(0deg) skew(-45deg);
	display: none;
}
.submenu-box {
	width: 195px;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	background: #00a1e9;
	position: relative;
	z-index: 500;
}
.submenu-box.submenu-box02 {
	margin-top: 52px;
	z-index: 450;
}
.submenu-box.submenu-box03 {
	margin-top: 106px;
	z-index: 400;
}
.submenu-box.submenu-box04 {
	margin-top: 162px;
	z-index: 350;
}
.submenu-heading {
	display: block;
	padding: 5px 25px 5px 5px;
	font-family: 'ProximaNova-BoldIt';
	font-size: 16px;
	color: #181818;
	border-bottom: 1px solid #0087d9;
	text-align: right;
	transform: rotate(0deg) skew(40deg);
	-webkit-transform: rotate(0deg) skew(40deg);
	margin: 0 13px 14px -12px;
}
.main-menu-part li ul {
	margin: 0;
	padding: 0;
	text-align: right;
	transform: rotate(0deg) skew(40deg);
	-webkit-transform: rotate(0deg) skew(40deg);
	margin: 0 -25px 15px -60px;
}
.main-menu-part li ul li.link02 {
	margin-right: 20px;
}
.main-menu-part li ul li.link03 {
	margin-right: 40px;
}
.main-menu-part li ul li.link04 {
	margin-right: 60px;
}
.main-menu-part li ul li.link05 {
	margin-right: 75px;
}
.main-menu-part li ul li.link06 {
	margin-right: 100px;
}
.main-menu-part li ul li {
	display: block;
	margin: 0 0 3px 0;
	padding: 0;
	font-family: 'ProximaNova-Bold';
	font-size: 15px;
}
.main-menu-part li ul li a {
	text-decoration: none;
	color: #ffffff;
	background: none;
	padding: 0;
	transition: All .3s ease;
	-webkit-transition: All .3s ease;
	-moz-transition: All .3s ease;
}
.main-menu-part li ul li a:hover {
	color: #054d79;
}
.main-menu-part li .submenu {
	background: #FFFFFF;
	border: 1px solid #00a1ea;
	color: #000000;
	height: 450px;
	position: absolute;
	right: 124px;
	top: -105px;
	transform: rotate(90deg) skewX(0deg);
	-webkit-transform: rotate(90deg) skewX(0deg);
	width: 340px;
	padding: 20px;
}
.main-menu-part li .submenu li {
	background: #00a1e9;
	width: 48%;
	float: left;
	padding: 10px;
	margin: 0 4% 20px 0;
}
.main-menu-part li .submenu li h2 {
	font-size: 16px;
}
/************Banner Part**************/
.banner-container {
	margin: 0;
	padding: 80px 0 0 0;
	position: relative;
	background: #d6d6d6; /* Old browsers */
	background: -moz-linear-gradient(top, #d6d6d6 0%, #f9f9f9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(100%, #f9f9f9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d6d6d6 0%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d6d6d6 0%, #f9f9f9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d6d6d6 0%, #f9f9f9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d6d6d6 0%, #f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#f9f9f9', GradientType=0 ); /* IE6-9 */
}
.banner-text {
	max-width: 790px;
	margin: 0px auto 0;
	padding-bottom: 30px;
	font-size: 20px;
	display: block;
	text-align: center;
	position: relative;
	z-index: 600;
	font-family: 'ProximaNova-Light';
}
.banner-text span {
	text-transform: none;
	display: block;
	font-size: 36px;
}
.banner-text span strong {
	display: inline;
	color: #181818;
	text-transform: none;
}
.banner-text strong {
	font-family: 'ProximaNova-Bold';
	font-weight: normal;
	color: #00a1e9;
	text-transform: uppercase;
}
.banner-image-container {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 480px;
	position: relative;
	z-index: 300;
}
.computer-banner {
	height: 409px;
	width: 100%;
}
.computer-banner #banner {
	display: block;
	height: 100%;
}
.mobile-banner {
	display: none;
}
.circle-border {
	position: relative;
	z-index: 200;
}
.glob-settings {
	height: 140px;
	left: 324px;
	top: 170px;
	width: 140px;
}
.glob-settings-inner {
	position: absolute;
	height: 140px;
	left: 324px;
	top: 170px;
	width: 140px;
}
.green-settings {
	height: 160px;
	left: 460px;
	top: 130px;
	width: 160px;
}
.blue-settings {
	height: 162px;
	left: 433px;
	top: 10px;
	width: 162px;
	z-index: -2;
}
.aqua-blue-settings {
	height: 70px;
	left: 630px;
	top: 0;
	width: 70px;
	z-index: -1;
}
.watch-settings {
	height: 75px;
	left: 586px;
	top: 84px;
	width: 75px;
}
.watch-settings-inner {
	position: absolute;
	height: 75px;
	left: 586px;
	top: 84px;
	width: 75px;
}
.green-small-settings {
	height: 25px;
	left: 570px;
	top: 13px;
	width: 25px;
}
.light-aqua-blue-settings {
	height: 25px;
	left: 430px;
	top: 153px;
	width: 25px;
}
.blue-small-settings {
	height: 25px;
	left: 460px;
	top: 272px;
	width: 25px;
}
.nonePath {
	stroke-dasharray: 1500;
	stroke-dashoffset: 1500;
}
.fadeNone {
	opacity: 0;
}
.visi-hidden {
	visibility: hidden;
}
.coffee-smoke {
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
}
.banner-icon {
	margin: 0;
	padding: 0;
	position: absolute;
}
/*.banner-icon01{left:5px; top:180px;}
.banner-icon02{left:95px; top:112px;}
.banner-icon03{left:205px; top:73px;}
.banner-icon04{left:118px; top:175px;}
.banner-icon05{left:207px; top:165px;}
.banner-icon06{left:302px; top:148px;}
.banner-icon07{left:376px; top:122px;}
.banner-icon08{left:418px; top:176px; width:42px;}
.banner-icon09{left:422px; top:258px;}
.banner-icon10{left:461px; top:95px;}
.banner-icon11{left:529px; top:224px;}
.banner-icon12{left:574px; top:147px;}
.banner-icon13{left:620px; top:87px;}
.banner-icon14{left:660px; top:121px; width:44px;}
.banner-icon15{right:166px; top:46px;}
.banner-icon16{right:438px; top:20px;}
.banner-icon17{right:405px; top:118px;}
.banner-icon18{right:273px; top:7px;}
.banner-icon19{right:123px; top:7px;}
.banner-icon20{right:110px; top:112px;}
.banner-icon21{right:235px; top:180px;}
.banner-icon22{right:70px; top:90px;}
.banner-icon23{right:50px; top:75px;}
.banner-icon24{right:2px; top:160px; display:none;}*/






.banner-inner-container {
	width: 500px;
	margin: 0 auto;
	padding: 0;
}
.banner-inner-container h1 {
	font-size: 24px;
	margin: 0 0 0 0;
	padding: 150px 0 0 0;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
}
.banner-inner-container h1 span {
	font-size: 16px;
	display: block;
}
.banner-inner-container h1 strong {
	color: #0099e5;
	display: block;
}
.our-services-part {
	margin: 0 auto;
	padding: 60px 0 30px 0;
	position: absolute;
	max-width: 1400px;
	width: 100%;
	left: 0;
	top: 650px;
	overflow: hidden;
}
.our-services-inner-part {
	width: 58%;
	margin: 0 0 0 4%;
	position: relative;
	z-index: 900;
}
.service-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.service-box .wow.path {
	width: 100%;
	height: 224px;
}
.service-box {
	width: 272px;
	height: 222px;
	padding: 0;
	float: left;
	margin: 0 0 30px 0;
	text-align: center;
	position: relative;
	float: left;
	color: #03080d;
}
.service-box-inner {
	padding: 52px 20px 35px 27px;
	position: relative;
	z-index: 500;
}
.service-box h1, .service-box h2 {
	font-size: 22px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
	padding: 0;
}
.web-icon {
	width: 90px;
	height: 94px;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -40px;
}
.web-icon img {
	display: block;
	margin: 0 auto;
}
.service-box ul {
	margin: 0;
	padding: 0;
}
.service-box ul li {
	display: block;
	margin: 0;
	padding: 0;
}
.service-box.service-box01 {
	margin: 0 20% 30px 1.5%;
}
.service-box.service-box2 {
	float: none;
	margin: 0 0 30px 28%;
}
.service-box.service-box3 {
	float: none;
	margin: 0;
}
/****************Process********************/
.process-container {
	background: url(../images/process-bg.png) no-repeat center top;
	width: 100%; /*height:3224px;*/
	height: 3052px;
	position: absolute;
	top: 140px;
	left: 0;
	overflow: hidden;
}
.page-heading01 {
	width: 270px;
	font-size: 45px;
	color: #ffffff;
	position: absolute;
	top: 480px;
	right: 0;
	text-transform: uppercase;
	text-align: center;
}
.page-heading01 img {
	display: block;
	margin: 0 auto 15px;
}
.page-heading01 small {
	display: block;
	line-height: 26px;
	font-size: 24px;
	color: #999;
	font-family: "ProximaNova-Light";
}
.process-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.process-box .wow.path {
	width: 100%;
	height: 310px;
}
.process-box {/*background:url(../images/process-oval.png) no-repeat;*/
	width: 400px;
	height: 310px;
	background-size: cover;
	padding: 0;
	font-size: 20px;
	color: #FFFFFF;
	font-family: 'ProximaNova-Bold';
	position: absolute;
	z-index: 910;
}
.process-box-inner {
	width: 400px;
	height: 310px;
	padding: 75px 45px 40px 80px;
}
.process-box img {
	position: absolute;
	right: 20px;
	top: -86px;
}
.process-box h4 {
	font-size: 22px;
	color: #00a1e9;
	text-transform: uppercase;
	margin: 0 0 6px 0;
}
.process-box p {
	font-size: 18px;
}
.process-box h4 span {
	font-size: 30px;
	margin: 0 5px 0 0;
	color: #FFFFFF;
}
.process-box01 {
	right: 145px;
	top: 885px;
}
.process-box02 {
	right: 280px;
	top: 1460px;
}
.process-box03 {
	left: 168px;
	top: 1612px;
}
.process-box04 {
	left: 30px;
	top: 2190px;
}
.arrow {
	background: url(../images/process-arrow.png) no-repeat;
	width: 39px;
	height: 139px;
	position: absolute;
	z-index: 800;
}
.arrow01 {
	right: 158px;
	top: 336px;
}
.arrow02 {
	background: url(../images/process-arrow02.png) no-repeat;
	width: 135px;
	height: 50px;
	position: absolute;
	top: 130px;
	right: 416px;
}
.arrow02.arrow03 {
	left: 20px;
	top: 370px;
	transform: rotate(-78deg);
	-webkit-transform: rotate(-78deg);
}
/***************Who Are We*******************/
.who-are-we-container {
	background: url(../images/who-are-we-bg.png) no-repeat center top;
	width: 100%;
	height: 2975px;
	position: absolute;
	left: 0;
	top: 1440px;
	overflow: hidden;
}
.who-are-top-text {
	width: 390px;
	position: absolute;
	right: 32px;
	top: 575px;
	text-align: right;
	margin: 0;
	text-transform: uppercase;
	z-index: 700;
}
.heading-top-text01 {
	color: #878787;
	font-size: 42px;
	font-family: 'ProximaNova-Light';
	line-height: 60px;
	margin: 0 0 20px;
	display: block;
}
.page-heading02 {
	font-size: 53px;
	color: #181818;
	margin: 0 0 60px 0;
	padding: 0;
}
.page-heading02 small {
	font-size: 27px;
	display: inline-block;
	padding: 0 0 0 32px;
	border-bottom: 1px solid #858585;
	font-family: 'ProximaNova-Light';
	text-transform: none;
}
.page-heading02 span {
	display: block;
}
.who-are-we-box {
	width: 630px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 700;
}
.who-are-we-box:after, .who-are-we-box:before {
	display: table;
	content: "";
	clear: both;
}
.who-are-we-box img {
	float: left;
	margin: 2px 0 0 -5px;
	width: 110px;
}
/*.who-are-we-box.who-are-we-box01 img{margin-top:-15px;}*/
.who-are-we-text {
	width: 520px;
	float: right;
	margin: 0;
	padding: 0;
	color: #181818;
	font-size: 20px;
	line-height: 29px;
	font-family: 'ProximaNova-Light';
	text-align: left;
}
.who-are-we-text strong {
	font-weight: normal;
	font-family: 'ProximaNova-Bold';
}
.who-are-we-box01 {
	right: 25px;
	top: 1045px;
}
.who-are-we-box02 {
	right: 165px;
	top: 1190px;
}
.who-are-we-box03 {
	right: 305px;
	top: 1330px;
}
.who-are-we-box04 {
	right: 435px;
	top: 1460px;
}
.who-are-we-box05 {
	right: 585px;
	top: 1610px;
}
.who-are-we-box06 {
	right: 745px;
	top: 1770px;
}
.who-are-we-box03 .who-are-we-text {
	margin-top: 10px;
}
.heading-bottom-text01 {
	color: #878787;
	font-size: 42px;
	font-family: 'ProximaNova-Light';
	line-height: 60px;
	margin: 0;
	width: 320px;
	position: absolute;
	left: 32px;
	top: 1945px;
	text-transform: uppercase;
	z-index: 700;
}
/******************Portfolio****************/
.portfolio-container {
	background: url(../images/portfolio-bg.png) no-repeat center top;
	width: 100%;
	height: 2743px;
	position: absolute;
	left: 0;
	top: 2490px;
	z-index: 600;
	overflow: hidden;
}
.portfolio-container .who-are-top-text {
	width: 320px;
}
.portfolio-container .heading-top-text01 {
	color: #74c0f0;
}
.portfolio-container .page-heading02 {
	color: #FFFFFF;
}
.portfolio-box {
	width: 928px;
	position: absolute;
	margin: 0 0 25px;
	padding: 0;
	z-index: 600;
}
.portfolio-box01 {
	right: 5px;
	top: 938px;
}
.portfolio-box02 {
	left: -40px;
	top: 1445px;
}
.portfolio-detail {
	margin: -45px 0 0 110px;
	padding: 0;
	position: relative;
}
.portfolio-detail:after, .portfolio-detail:before {
	display: table;
	content: "";
	clear: both;
}
.portfolio-detail h4 {
	font-size: 30px;
	color: #ffffff;
	font-family: 'ProximaNova-Bold';
	float: left;
	margin: 2px 50px 0 0;
	text-transform: uppercase;
}
.portfolio-sharing {
	float: left;
	margin: 0;
	padding: 0;
	border: 1px solid #a0cde0;
	border-right: none;
}
.portfolio-sharing:after, .portfolio-sharing:before {
	display: table;
	content: "";
	clear: both;
}
.portfolio-sharing li {
	display: block;
	float: left;
	border-right: 1px solid #a0cde0;
}
.portfolio-sharing li a {
	display: block;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	background: url(../images/icon.png) no-repeat;
	font-size: 0;
	text-indent: -999999px;
	opacity: 0.5;
	transition: All .3s ease;
	-webkit-transition: All .3s ease;
	-moz-transition: All .3s ease;
}
.portfolio-sharing li a:hover {
	opacity: 1;
}
.portfolio-sharing li a.instagram {
	background-position: 2px -190px;
}
.portfolio-sharing li a.twitter {
	background-position: 3px 9px;
}
.portfolio-sharing li a.facebook {
	background-position: 4px -52px;
}
.portfolio-sharing li a.pinterest {
	background-position: 3px -122px;
}
/*****************************Our Team****************************/
.our-team-container {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 3483px;
}
.out-team-top-text {
	width: 360px;
	position: absolute;
	right: 32px;
	top: 670px;
	text-align: right;
	margin: 0;
	z-index: 650;
}
.heading-top-text02 {
	color: #c8c8c8;
	font-size: 40px;
	font-family: 'ProximaNova-Light';
	line-height: 60px;
	margin: 0 0 20px;
	display: block;
	text-transform: uppercase;
	border-bottom: 1px solid #c8c8c8;
}
.page-heading03 {
	font-size: 40px;
	color: #181818;
	margin: 0 0 60px 0;
	padding: 0;
	text-transform: uppercase;
}
.page-heading03 small {
	font-size: 20px;
	display: block;
	padding: 0;
	font-family: 'ProximaNova-Light';
}
.page-heading03 span {
	display: block;
}
.team-inner-container {
	width: 900px;
	position: absolute;
	right: 60px;
	top: 1220px;
}
.team-box {
	width: 345px;
	float: right;
	margin: 0 0 60px 0;
	padding: 0;
	position: relative;
	z-index: 650;
}
.team-image {
	width: 345px;
	height: 265px;
	position: relative;
	margin: 0 0 22px;
	padding: 0;
}
.team-box.mobile-left {
	float: left;
}
.team-mask {
	background: url(../images/team-image-mask.png) no-repeat;
	width: 345px;
	height: 265px;
	position: absolute;
	left: 0;
	top: 0;
}
.team-hover {
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	display: block;
	height: 100%;
	left: 0;
	padding: 70px 30px 50px 60px;
	position: absolute;
	top: 0;
	width: 100%;
	display: none;
}
.team-name {
	display: block;
	text-align: center;
	color: #1a1a1a;
	font-size: 22px;
	font-family: 'ProximaNova-Bold';
	padding: 0;
	margin: 0;
}
.team-name a {
	text-decoration: none;
	color: #1a1a1a;
}
.team-name strong {
	font-weight: normal;
	color: #c9c9c9;
	display: block;
	font-size: 18px;
}
.team-social {
	float: left;
	margin: 11px 0 0 0;
	padding: 0;
}
.team-social:after, .team-social:before {
	display: table;
	content: "";
	clear: both;
}
.team-social li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
.team-social li a {
	width: 27px;
	height: 27px;
	display: block;
	background: url(../images/icon.png) no-repeat;
	text-indent: -999999px;
	font-size: 0;
	opacity: 0.5;
	transition: All .3s ease;
	-webkit-transition: All .3s ease;
	-moz-transition: All .3s ease;
}
.team-social li a:hover {
	opacity: 1;
}
.team-social li a.twitter {
	background-position: -56px -55px;
}
.team-social li a.facebook {
	background-position: -57px 3px;
}
/********************************What We Use**************************/
.what-we-use-container {
	background: url(../images/what-we-use-bg.png) no-repeat center top;
	width: 100%;
	height: 3068px;
	position: absolute;
	left: 0;
	top: 4762px;
	z-index: 600;
	overflow: hidden;
}
.what-we-use-text {
	width: 355px;
	position: absolute;
	left: 30px;
	top: 370px;
	margin: 0;
	z-index: 650;
	text-transform: uppercase;
}
.heading-top-text04 {
	color: #fcd27d;
	font-size: 40px;
	font-family: 'ProximaNova-Light';
	line-height: 60px;
	margin: 0 0 10px;
	display: block;
	border-bottom: 1px solid #fcd27d;
}
.page-heading04 {
	font-size: 40px;
	color: #ffffff;
	margin: 0 0 40px 0;
	padding: 0;
	text-transform: uppercase;
}
.page-heading04 span {
	display: block;
}
.what-we-use-inner {
	width: 1000px;
	position: absolute;
	left: 30px;
	top: 875px;
	margin: 0;
	padding: 0;
}
.what-use-box {
	width: 220px;
	float: left;
	margin: 0 10px 50px 0;
	padding: 0;
	display: table;
}
.what-use-box-inner {
	height: 90px;
	vertical-align: middle;
	display: table-cell;
}
.what-use-box-inner.center {
	text-align: center;
}
.client-says-part {
	width: 1132px;
	position: absolute;
	left: 240px;
	top: 1515px;
	margin: 0;
	padding: 0;
}
.page-heading05 {
	color: #ffffff;
	font-size: 40px;
	font-family: 'ProximaNova-Bold';
	padding: 0 16px;
	border-bottom: 1px solid #FFFFFF;
	margin: 0 36px 60px;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}
.page-heading05:after {
	right: -35px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 12px;
	margin-top: -12px;
}
.page-heading05:before {
	left: -35px;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 12px;
	margin-top: -12px;
}
.client-says-box02 {
	display: none;
}
.client-box {
	width: 740px;
	padding: 0;
	margin: 0 0 45px 0;
}
.client-box:after, .client-box:before {
	display: table;
	content: "";
	clear: both;
}
.client-image {
	width: 88px;
	border: 3px solid #FFFFFF;
	float: left;
	margin: 0;
	padding: 0;
	border-radius: 28px;
	-webkit-border-radius: 28px;
}
.client-image img {
	border-radius: 25px;
	-webkit-border-radius: 25px;
}
.client-text {
	width: 740px;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}
.client-text p {
	font-family: 'ProximaNova-Light';
	font-size: 20px;
	color: #FFFFFF;
	margin: 0 0 10px 0;
	padding: 0;
}
.client-name {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-family: 'ProximaNova-Bold';
	color: #1a1a1a;
}
.client-box.client-box02 {
	margin-left: 132px;
}
.client-box.client-box03 {
	margin-left: 266px;
}
.client-box.client-box04 {
	margin-left: 400px;
}
.client-says-text {
	color: #fcd27d;
	font-size: 40px;
	font-family: 'ProximaNova-Light';
	line-height: 60px;
	margin: 0;
	display: block;
	width: 340px;
	float: right;
	text-align: right;
	text-transform: uppercase;
}
.client-arrow-container {
	margin: -80px 30px 0 0;
	padding: 0;
	float: right;
	position: relative;
}
.client-arrow-container a {
	background: url(../images/client-arrow.png) no-repeat;
	width: 38px;
	height: 16px;
	float: left;
	margin: 0 0 0 10px;
	display: block;
	opacity: 0.6;
	transition: All .3s ease;
	-webkit-transition: All .3s ease;
}
.client-arrow-container a.client-right-arrow {
	background-position: 100% 0;
}
.client-arrow-container a:hover {
	opacity: 1;
}
.client-logo-container {
	margin: 0;
	padding: 0;
	width: 500px;
	top: 100%;
	right: 0;
	position: absolute;
}
.client-heading {
	color: #ffffff;
	font-size: 36px;
	font-family: 'ProximaNova-Bold';
	padding: 0;
	margin: 0 0 20px;
	text-transform: uppercase;
	position: relative;
}
.client-logo-box {
	width: 154px;
	float: left;
	margin: 0 6px 20px;
	padding: 0;
	display: table;
}
.client-logo-box-inner img {
	max-width: 154px;
	width: 100%;
}
.client-logo-box-inner {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}
.client-logo-box.client-box-row2 {
	margin-left: 90px;
}
.client-logo-box.client-box-row3 {
	margin-left: 170px;
}

.client-logo-box.client-box-row4 {
	margin-left: 265px;
}


/*********************Footer***************/
.footer-part {
	background: url(../images/footer-bg.jpg) no-repeat center top;
	width: 100%;
	position: absolute;
	left: 0;
	top: 6910px;
	margin: 0;
	padding: 313px 0 0 0;
	overflow: hidden;
	font-family: "ProximaNova-Regular";
	text-shadow: 2px 2px 2px #fff;
}
.footer-part .inner-container {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.footer-top-box {
	width: 318px;
	margin: 0 0 0px 0;
	padding: 0 0 14px 0;
	/*border-bottom: 1px solid #a0a2a5;*/
	position: relative;
	z-index: 640;
}
.footer-top-logo {
	width: 197px;
	display: block;
	margin: 0 auto 25px;
	opacity: 0.5;
}
.footer-address-list {
	margin: 0;
	padding: 0 0 0 10px;
}
.footer-address-list li {
	display: block;
	margin: 0 0 18px 0;
	padding: 0;
}
.footer-address-list li:after, .footer-address-list li:before {
	display: table;
	content: "";
	clear: both;
}
.footer-address-list li img {
	float: left;
	width: 29px;
	margin: 0;
}
.address-text {
	width: 250px;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #000000;
}
.address-text .one-line {
	display: block;
	margin: 5px 0 0 0;
}
.address-text a {
	text-decoration: none;
	color: #000000;
	margin: 3px 0 0 0;
	display: inline-block;
}
.address-text a:hover {
	text-decoration: underline;
}
.footer-mid-box {
	width: 318px;
	margin: 0 48px 0 0;
	padding: 0 0 15px 0;
	float: left;
	position: relative;
	z-index: 640;
}
.newsletter-box {
	width: 285px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 368px;
	bottom: 25px;
	z-index: 640;
}
.newsletter-box p {
	color: #000000;
}
.page-heading06 {
	color: #000000;
	font-size: 18px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
.footer-mid-box p {
	font-size: 17px;
	color: #4f5156;
	margin: 0 0 22px 0;
}
.newsletter-textbox {
	margin: 0;
	padding: 0;
	width: 280px;
	position: relative;
	background: #c4c4c4;
	padding: 5px 0 5px 30px;
	margin: 0;
}
.newsletter-textbox:after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 34px 34px 0 0;
	border-color: #c4c4c4 transparent transparent transparent;
	position: absolute;
	left: 100%;
	top: 0;
	content: "";
}
.newsletter-textbox input[type="email"] {
	background: none;
	width: 245px;
	height: 24px;
	font-size: 16px;
	color: #ffffff;
	border: none;
	margin: 0;
	padding: 0;
}
.join-button {
	margin: 0;
	padding: 0;
	width: 280px;
	height: 34px;
	position: relative;
	background: #000000;
	padding: 0 11px 0 0;
	margin: 0;
	font-size: 18px;
	font-family: 'ProximaNova-Bold';
	color: #ffffff;
	border: none;
}
.join-button:after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 34px 0 0 34px;
	border-color: transparent transparent transparent #000000;
	position: absolute;
	left: 100%;
	top: 0;
	content: "";
}
.footer-social-box {
	width: 340px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 718px;
	bottom: 25px;
	z-index: 640;
}
.page-heading07 {
	color: #000000;
	font-size: 18px;
	margin: 0 0 22px 0;
	font-family: 'ProximaNova-Regular';
}
.footer-heading {
	font-size: 40px;
	color: #181818;
	margin: 0 0 60px 0;
	padding: 0;
	text-transform: uppercase;
	position: relative;
	z-index: 640;
}
.footer-heading02 {
	font-size: 32px;
	color: #040302;
	margin: 0 0 10px 11%;
	padding: 0;
	text-transform: uppercase;
	position: relative;
	z-index: 640;
	display: none;
}
.footer-social {
	margin: 0;
	padding: 0;
}
.footer-social:after, .footer-social:before {
	display: table;
	content: "";
	clear: both;
}
.footer-social li {
	display: block;
	float: left;
	margin: 0 14px 0 0;
}
.footer-social li a {
	background: url(../images/icon.png) no-repeat;
	width: 54px;
	height: 54px;
	display: block;
	text-indent: -999999px;
	font-size: 0;
	transition: All .3s ease;
	-webkit-transition: All .3s ease;
}
.footer-social li a:hover {
	opacity: 0.9;
}
.footer-social li a.facebook {
	background-position: -133px 0px;
}
.footer-social li a.twitter {
	background-position: -133px -84px;
}
.footer-social li a.skype {
	background-position: -133px -167px;
}
.footer-social li a.linkedin {
	background-position: -133px -246px;
}
.footer-social li a.google {
	background-position: -133px -325px;
}
.footer-bottom-main-container {
	background: rgba(0, 0, 0, 0.85);
	text-shadow: none;
}
.footer-mid-container {
	border-top: 1px solid rgba(0,0,0,.4);
	border-bottom: 1px solid rgba(0,0,0,.4);
	padding: 35px 0 30px;
	margin: 0 0 25px 0;
	width: 100%;
}
.footer-mid-link-box {
	width: 24%;
	float: left;
	margin: 0 1% 0 0;
	padding: 0;
	position: relative;
	z-index: 640;
}
.footer-mid-link-box h6 {
	font-size: 18px;
	color: #1bacec;
	text-transform: uppercase;
	margin: 0 0 4px 0;
	padding: 0;
}
.footer-mid-link-box ul {
	margin: 0;
	padding: 0;
}
.footer-mid-link-box ul li {
	display: block;
	margin: 0 0 3px;
	font-size: 16px;
	color: #000000;
}
.footer-mid-link-box ul li a {
	text-decoration: none;
	color: #ffffff;
}
.footer-mid-link-box ul li a:hover {
	text-decoration: underline;
}
.footer-logo {
	width: 197px;
	float: left;
	margin: 0 110px 40px 0;
}
.footer-logo strong {
	text-indent: -999999px;
	font-size: 0;
	position: absolute;
	left: -999999px;
	top: -999999px;
}
.footer-links {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}
.footer-links:after, .footer-links:before {
	display: table;
	content: "";
	clear: both;
}
.footer-links li {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 18px;
}
.footer-links li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
}
.footer-links li a:hover {
	text-decoration: underline;
}
.copyright-text {
	float: right;
	margin: 13px 15px 0 0;
	padding: 0;
	color: #ffffff;
	font-size: 16px;
}
/************Get a Quote******************/
.overflow-hidden {
	overflow: hidden;
}
.get-a-quote-main-container {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
}
.get-a-quote-container {
	background: rgba(0,0,0,0.8);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	padding: 40px 20px 0;
	overflow: auto;
}
.quote-map {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
}
.quote-map iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.get-a-quote-inner {
	max-width: 860px;
	margin: 0 auto;
}
.get-a-quote-inner:after, .get-a-quote-inner:before {
	display: table;
	content: "";
	clear: both;
}
.contact-number {
	color: #fff;
	font-size: 26px;
	font-family: 'ProximaNova-Light';
	display: block;
	margin: 0 0 30px;
	padding: 0;
	text-align: center;
}
.contact-number a{
	color: #fff;
	font-size: 26px;
	font-family: 'ProximaNova-Light';
	margin: 0 0 30px;
	padding: 0;
	text-align: center;
}
.contact-number strong {
	font-family: 'ProximaNova-Regular';
}
.contact-form-part {
	width: 60%;
	float: left;
	margin: 0 3% 0 0;
	padding: 0;
}
.get-quote-heading {
	color: #fff;
	font-size: 22px;
	font-family: 'ProximaNova-Light';
	margin: 0 0 10px 0;
	padding: 0;
}
.textbox01, .select-box {
	width: 49%;
	float: left;
	margin: 0 2% 10px 0;
	padding: 0;
}
.select-box select {
	font-size: 18px;
	padding: 12px 25px 12px 8px;
	border: none;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: white;
	background-position: 96% 21px;
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSIyNiI+PHBhdGggZmlsbD0iIzMyMzIzMiIgZD0iTTI1LjA0OCAyNC41NzljLS41ODguNTc4LTEuNTQyLjU3OC0yLjEzMSAwLS41ODgtLjU3Ny0uNTg4LTEuNTE1IDAtMi4wOTFsMjIuNDc0LTIyLjA1NGMuNTg5LS41NzggMS41NDItLjU3OCAyLjEzMiAwIC41ODguNTc3LjU4OCAxLjUxNCAwIDIuMDkxbC0yMi40NzUgMjIuMDU0em0tMjQuNjA3LTIyLjA1NWMtLjU4OC0uNTc4LS41ODgtMS41MTQgMC0yLjA5MS41ODgtLjU3OCAxLjU0My0uNTc4IDIuMTMzIDBsMjIuNDc0IDIyLjA1M2MuNTg4LjU3OC41ODggMS41MTUgMCAyLjA5Mi0uNTg4LjU3OC0xLjU0Mi41NzgtMi4xMzEgMGwtMjIuNDc2LTIyLjA1NHoiLz48L3N2Zz4=");
}
.input-box {
	background: #FFFFFF;
	font-size: 18px;
	padding: 12px 8px;
	border: none;
	width: 100%;
	height: 45px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.textarea01 {
	background: #FFFFFF;
	font-size: 18px;
	padding: 12px 8px;
	border: none;
	width: 100%;
	height: 120px;
	resize: none;
	margin: 0 0 10px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.submit-btn {
	background: #00a1e9;
	font-size: 16px;
	color: #FFFFFF;
	text-transform: uppercase;
	height: 45px;
	width: 150px;
	float: right;
	border: none;
	margin: 0 0 20px 0;
	-webkit-transition: All .3s ease;
	transition: All .3s ease;
}
.submit-btn:hover {
	background: #16b5fc;
}
.contact-address-part {
	width: 37%;
	float: left;
	margin: 0;
	padding: 0;
}
.get-quote-heading02 {
	color: #FFFFFF;
	margin: 0 0 10px 0;
	font-size: 20px;
	text-transform: uppercase;
}
.quote-address-list {
	margin: 0 0 20px 0;
	padding: 0;
}
.quote-address-list li {
	display: block;
	margin: 0 0 8px;
	font-family: 'ProximaNova-Light';
	font-size: 16px;
	color: #FFFFFF;
}
.quote-address-list li span {
	color: #00a1e9;
	margin: 0 5px 0 0;
}
.quote-address-list li a {
	color: #FFFFFF;
	text-decoration: underline;
}
.quote-address-list li a:hover {
	text-decoration: none;
}
.get-quote-close {
	background: url(../images/salsa_icon_get_info_close.svg) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
	font-size: 0;
	height: 25px;
	position: absolute;
	right: 27px;
	top: 27px;
	width: 25px;
}
.error-msg {
	font-size: 13px;
	color: #FF0004;
	font-style: italic;
}
.success-msg {
	color: #70fb7d;
	float: left;
	font-size: 16px;
	margin: 12px 0 0;
	display: none;
}
/**********************Loader Part********************/
/*.progressjs-container{
    background-color: #000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}*/


.progressjs-progress {
	width: 100%;
	height: 5px;
	margin: 0;
	background: #eaeaea;
	height: 100%;
	z-index: 9999;
}
.progressjs-inner {
	width: 100% !important;
	background: url(../images/loader-logo.png) no-repeat center center;
	height: 100%;
	position: absolute;
	margin-top: 0;
}
.progressjs-percent {
	width: 100%;
	height: 5px;
	margin: 0;
	background: #00a2e9;
	position: absolute;
	/*box-shadow:0px 0px 10px 1px rgba(0,198,255,0.7);*/
	-moz-animation: fullexpand 10s ease-out;
	-webkit-animation: fullexpand 10s ease-out;
	top: 0;
	font-size: 0;
	text-indent: -9999999px;
}
 @-moz-keyframes fullexpand {
 0% {
width:0px;
}
 100% {
width:100%;
}
}
@-webkit-keyframes fullexpand {
 0% {
width:0px;
}
 100% {
width:100%;
}
}
/***********Megamenu*******/
.megamenu-main-container {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	padding: 0 10px;
}
.megamenu-container {
	background: url(../images/mega-menu-bg.png) repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	padding: 100px 0 0;
	overflow: auto;
}
.megamenu-inner-container {
	max-width: 1030px;
	padding: 0;
	margin: 0 auto 20px;
	background: rgba(0,161,233,.8);
	position: relative;
}
.megamenu-left-container {
	width: 50%;
	padding: 12px 20px 0;
	background: #00a1e9;
}
.megamenu-left-container h2 {
	font-size: 28px;
	color: #FFFFFF;
	padding: 0 0 10px;
	margin: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	text-transform: uppercase;
}
.megamenu-list {
	width: 100%;
	margin: 0;
	padding: 35px 0 0 0;
	position: relative;
}
.megamenu-list li {
	display: block;
	margin: 0 0 32px 0;
	padding: 0;
}
.megamenu-list li a {
	display: inline-block;
	position: relative;
	padding: 10px 55px 9px 60px;
	font-size: 24px;
	color: rgba(255,255,255,.8);
	text-transform: uppercase;
	-webkit-transition: All .3s ease;
	transition: All .3s ease;
}
.megamenu-list li a:before {
	background: url(../images/mega-menu-icon.png) no-repeat;
	content: "";
	width: 38px;
	height: 50px;
	position: absolute;
	left: 0;
	top: 0;
}
.megamenu-list li a.web-design:before {
	background-position: 0 11px;
}
.megamenu-list li a.web-app:before {
	background-position: -70px 8px;
}
.megamenu-list li a.mobile-app:before {
	background-position: -139px 0;
}
.megamenu-list li a.marketing:before {
	background-position: -209px 9px;
}
.megamenu-list li a.resource:before {
	background-position: -278px 3px;
}
.megamenu-list li a:after {
	background: url(../images/mega-menu-icon.png) no-repeat -355px 0px;
	content: "";
	width: 29px;
	height: 26px;
	position: absolute;
	right: 0;
	top: 14px;
	display: none;
}
.megamenu-list li:hover>a, .megamenu-list li.active>a {
	color: #FFFFFF;
}
.megamenu-list>li:hover>a:after, .megamenu-list>li.active>a:after {
	display: block;
}
.mega-sub-menu-pan {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
	top: 0;
	border-top: 1px solid rgba(255,255,255,.3);
	display: none;
	margin: 0 0 0 40px;
	padding: 42px 0 20px 0;
}
.mega-submenu-inner {
	overflow: auto;
	height: 100%;
}
.mega-sub-menu-pan.block {
	display: block;
}
.mega-sub-menu-pan ul {
	padding: 0;
}
.mega-sub-menu-pan ul li {
	margin: 0 10px 18px;
}
.mega-sub-menu-pan ul li a {
	font-size: 16px;
	padding: 0;
	font-family: 'ProximaNova-Bold';
}
.mega-sub-menu-pan ul li:hover a, .mega-sub-menu-pan ul li.active a {
	text-decoration: underline;
}
.mega-sub-menu-pan ul li a:before, .mega-sub-menu-pan ul li a:after {
	display: none;
}
.menu-close {
	background: url(../images/salsa_icon_get_info_close.svg) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
	font-size: 0;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 20px;
}
/**************Service page************/
.inner-page {
}
.inner-banner {
	background: url(../images/service-banner.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 350px;
	margin: 0 0 95px;
}
.inner-page .footer-part {
	position: relative;
	left: inherit;
	top: inherit;
}
.service-inner-container {
	max-width: 1330px;
	margin: 0 auto 0px auto;
	padding: 0 15px;
	position: relative;
	z-index: 500;
}
.service-inner-pan {
	padding: 0 0 0 170px;
	position: relative;
	;
	margin: 0;
}
.service-left-part {
	width: 137px;
	height: 310px;
	background: #efefef;
	border-bottom: 6px solid #00a1e9;
	position: absolute;
	left: 0;
	top: 52px;
}
.service-left-icon-pan {
	background: url(../images/service-icon-bg.png) no-repeat;
	background-size: 100% auto;
	position: relative;
	margin: -52px 0 0 0;
	height: 106px;
	padding: 15px;
	text-align: center;
	line-height: 76px;
}
.heading08 {
	font-size: 45px;
	text-transform: uppercase;
	font-family: 'ProximaNova-Regular';
	color: #181818;
	margin: 0 0 15px;
}
.service-list {
	margin: 0 0 50px;
	padding: 0;
}
.service-list li {
	display: block;
	margin: 0 0 16px;
	padding: 0 0 0 28px;
	position: relative;
	/*font-family: 'ProximaNova-Regular';*/
	font-size: 20px;
	color: #181818;
}
.service-list02 li{
	font-weight:bold;
}
.service-list li:before {
	content: "";
	background: url(../images/bullet.png) no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	top: 4px;
}
.service-list li a {
	color: #00A1E9;
	border-bottom: 1px dashed #BCBCBD;
	text-decoration: none;
}
/*.service-list li a:hover {
	text-decoration: underline;
	;
}*/
.service-right-part p {
	font-size: 20px;
}
.free-quote-btn {
	font-size: 28px;
	color: #FFFFFF;
	font-family: 'proxima_novasemibold';
	height: 58px;
	margin: 0;
	padding: 0 15px 0 5px;
	background: #00a1e9;
	display: block;
	text-transform: uppercase;
	-webkit-transition: All .3s ease;
	transition: All .3s ease;
	position: fixed;
	right: 0;
	bottom: 0;
	border-right: none;
	border-top: none;
	border-bottom: none;
	border-left: 10px solid rgba(252,192,36,.9);
	z-index: 999;
}
.free-quote-btn em {
	font-family: "Segoe Script";
	font-size: 12px;
	display: block;
	text-transform: none;
	color: #2f2f2f;
	text-align: right;
}
.free-quote-btn:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 58px 48px;
	border-color: transparent transparent #00a1e9 transparent;
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 200;
	-webkit-transition: All .3s ease;
	transition: All .3s ease;
}
.free-quote-btn:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0px 58px 50px;
	border-color: transparent transparent rgba(252,192,36,.9) transparent;
	content: "";
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 100;
	margin-right: 10px;
}
.free-quote-btn:hover {
	background: #1fb5f8;
}
.free-quote-btn:hover:before {
	border-color: transparent transparent #1fb5f8 transparent;
}
.webdesign-body-image {
	max-width: 779px;
	margin: 40px auto;
	display: block;
}
.heading09 {
	font-size: 30px;
	font-family: 'ProximaNova-Regular';
	color: #181818;
	margin: 0 0 15px;
}
.service-box-inner ul li a {
	color: #03080d;
	-webkit-transition: All .3s ease;
	transition: All .3s ease;
}
.service-box-inner ul li a:hover {
	color: #00a1e9;
}
/**************Adwords page************/

.adwords br {
	width: 100%;
	margin: 9px 0;
}
.gate {
	background: #00a1e9;
	font-family: 'ProximaNova-Regular';
	color: #FFF;
	font-size: 18px;
	text-align: center;
	padding: 7px 20px;
	float: left;
	clear: both;
	margin: 10px 0 27px 0;
	text-transform: uppercase;
	cursor: pointer;
}
.gate:hover {
	background: #0075a9;
	color: #FFF;
}
.gate a {
	color: #FFF;
	text-decoration: none;
}
.ad_left {
	width: 70%;
	float: left;
}
.ad_right {
	width: 30%;
	float: left;
}
.service-box-inner p {
	font-size: 18px;
	font-family: "ProximaNova-Light";
	margin: 15px 0 0 0;
}
.adwordsin h2 {
	margin: 10px 0 0 0;
	width: 238px;
	font-size: 21px;
}
.service-box05 {
	margin: 0 50px 20px 30px !important;
	float: left;
}
.adwordsin p {
	width: 234px;
	margin: 0 0 0 -5px;
}
.positionin {
	margin: 5% 0 7% 16% !important;
}
.positionin1 {
	margin: 5% 0 0 8% !important;
}
.gap {
	float: left;
	height: 80px;
	width: 100%;
}
 @media (max-width:1199px) {
.service-box {
	width: 300px !important;
	height: 220px !important;
	float: left !important;
}
.service-box05 {
	margin: 0 0 50px -1px !important;
	width: 33% !important;
}
.container1 {
	width: 100% !important;
	margin: 0 auto;
}
}
@media (max-width:807px) {
.service-box05 {
	margin: 0 0 50px -1px !important;
	width: 50% !important;
}
.service-box-inner {
	margin: 0 0 0 5%;
}
}
@media (max-width:588px) {
.service-box05 {
	margin: 0 0 50px -1px !important;
	width: 100% !important;
}
.service-box-inner {
	margin: 0 0 0 7%;
}
.adwords img {
	width: 100%;
	margin: 0 0 10px 0 !important;
}
.ad_right {
	width: 100%;
}
.ad_left {
	width: 100%;
}
}
.container1 {
	width: 1100px;
	margin: 0 auto;
}

.footer-mid-link-box {
    visibility: visible !important;
}
.footer-logo{visibility: visible !important;}
.footer-links{visibility: visible !important;}
.copyright-text{visibility: visible !important;}

.g-recaptcha div{
height:12px !important;

}

@media (max-width:768px){
.g-recaptcha div{
height:auto !important;
}
}