@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Comfortaa:300,400,700|Source+Sans+Pro:300,400,400i,600,600i,700);

.preloader, body {

	background: #fff

}

.fancy-nav a, .fancy-nav a:hover {

	text-decoration: none

}

.ma-header, .ma-intro, .ma-primary-nav li {

	-webkit-font-smoothing: antialiased

}

@font-face {

	font-family: HelveticaNeueLTCom;

	src: url(../fonts/HelveticaNeueLTCom-Lt.ttf)

}

@font-face {

	font-family: HelveticaNeueLTStd-UltLt;

	src: url(../fonts/HelveticaNeueLTStd-UltLt.eot?#iefix) format('embedded-opentype'), url(../fonts/HelveticaNeueLTStd-UltLt.otf) format('opentype'), url(../fonts/HelveticaNeueLTStd-UltLt.woff) format('woff'), url(../fonts/HelveticaNeueLTStd-UltLt.ttf) format('truetype'), url(HelveticaNeueLTStd-UltLt.svg#HelveticaNeueLTStd-UltLt) format('svg');

	font-weight: 400;

	font-style: normal

}

@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {

	font-family: 'helveticaregular';

	letter-spacing: 0; color:#676767; font-weight:400;

}
h2,h3{color: #4d4d4d;}

@media (min-width:768px) {

.x1_container {

	width: 90%

}

}

@media (min-width:1400px) {

.container {

	max-width: 1350px

}

}

@media (min-width:1680px) {

.container {

	max-width: 1590px

}

}

@media (min-width:1880px) {

.container {

	max-width: 1700px

}

}

.preloader {

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	display: table;

	z-index: 999999

}

.preloder-wrap {

	display: table-cell;

	vertical-align: middle

}

#ma-loder {

	width: 300px;
	height:300px;
	height: auto;

	margin: 0 auto

}

#ma-sbg-logo {

	width: 100%;

	height: auto

}

#ma-lext path {

	display: inline-block

}





.maHeading span {

	position: relative;

	color: #4d4d4d;
	font-size: 1.5rem;

}

.maHeading span:after, .maHeading span:before {

	content: '';

	height: 2px;

	position: absolute;

	top: -8px;

	left: 0

}

.maHeading span:before {

	width: 50px;

	background: #009edf;

	border-radius: 2px

}

.maHeading span:after {

	width: 3px;

	background: #fff;

	border-radius: 1px;

	-webkit-animation: dot-move 2s linear infinite;

	animation: dot-move 2s linear infinite

}

.maHeading.text-center span:before {

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%)

}

.maHeading.text-center span:after {

	left: calc(50% - 25px)

}

@-webkit-keyframes dot-move {

0% {

-webkit-transform:translateX(0);

transform:translateX(0);

background:#fff

}

100%, 50% {

-webkit-transform:translateX(46px);

transform:translateX(46px);

background:#009edf

}

}

@keyframes dot-move {

0% {

-webkit-transform:translateX(0);

transform:translateX(0);

background:#fff

}

100%, 50% {

-webkit-transform:translateX(46px);

transform:translateX(46px);

background:#009edf

}

}










/*#ma-lext path:nth-child(1) {

	-webkit-animation: move 1.95s ease-in-out -.15s infinite alternate;

	animation: move 1.95s ease-in-out -.15s infinite alternate

}

#ma-lext path:nth-child(2) {

	-webkit-animation: move 1.95s ease-in-out -.3s infinite alternate;

	animation: move 1.95s ease-in-out -.3s infinite alternate

}

#ma-lext path:nth-child(3) {

	-webkit-animation: move 1.95s ease-in-out -.45s infinite alternate;

	animation: move 1.95s ease-in-out -.45s infinite alternate

}

#ma-lext path:nth-child(4) {

	-webkit-animation: move 1.95s ease-in-out -.6s infinite alternate;

	animation: move 1.95s ease-in-out -.6s infinite alternate

}

#ma-lext path:nth-child(5) {

	-webkit-animation: move 1.95s ease-in-out -.75s infinite alternate;

	animation: move 1.95s ease-in-out -.75s infinite alternate

}

#ma-lext path:nth-child(6) {

	-webkit-animation: move 1.95s ease-in-out -.9s infinite alternate;

	animation: move 1.95s ease-in-out -.9s infinite alternate

}

#ma-lext path:nth-child(7) {

	-webkit-animation: move 1.95s ease-in-out -1.05s infinite alternate;

	animation: move 1.95s ease-in-out -1.05s infinite alternate

}

#ma-lext path:nth-child(8) {

	-webkit-animation: move 1.95s ease-in-out -1.2s infinite alternate;

	animation: move 1.95s ease-in-out -1.2s infinite alternate

}

#ma-lext path:nth-child(9) {

	-webkit-animation: move 1.95s ease-in-out -1.35s infinite alternate;

	animation: move 1.95s ease-in-out -1.35s infinite alternate

}

#ma-lext path:nth-child(10) {

	-webkit-animation: move 1.95s ease-in-out -1.5s infinite alternate;

	animation: move 1.95s ease-in-out -1.5s infinite alternate

}

#ma-lext path:nth-child(11) {

	-webkit-animation: move 1.95s ease-in-out -1.65s infinite alternate;

	animation: move 1.95s ease-in-out -1.65s infinite alternate

}

#ma-lext path:nth-child(12) {

	-webkit-animation: move 1.95s ease-in-out -1.8s infinite alternate;

	animation: move 1.95s ease-in-out -1.8s infinite alternate

}

#ma-symbol {

	-webkit-animation: move 1.95s ease-in-out -1.95s infinite alternate;

	animation: move 1.95s ease-in-out -1.95s infinite alternate

}

@-webkit-keyframes move {

from {

-webkit-transform:translateY(-10px);

transform:translateY(-10px)

}

to {

	-webkit-transform: translateY(5px);

	transform: translateY(5px)

}

}

@keyframes move {

from {

-webkit-transform:translateY(-10px);

transform:translateY(-10px)

}

to {

	-webkit-transform: translateY(5px);

	transform: translateY(5px)

}

}*/

#ma-loder .lodingBar {

	position: relative;

	width: 88%;

	height: 2px;

	border-radius: 1px;

	background-color: #f0f0f0;

	overflow: hidden;

	margin-top: 3px

}

#ma-loder .lodingBar::after, #ma-loder .lodingBar::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 3px;

	border-radius: 3px;

	z-index: 2

}

#ma-loder .lodingBar::before {

	background: -webkit-gradient(linear, left top, right top, from(#070808), to(#199DD8));

	background: -webkit-linear-gradient(left, #070808, #199DD8);

	background: -o-linear-gradient(left, #070808, #199DD8);

	background: linear-gradient(90deg, #070808, #199DD8);

	-webkit-animation: animation 2s linear infinite;

	animation: animation 2s linear infinite

}

#ma-loder .lodingBar::after {

	background: -webkit-gradient(linear, left top, right top, from(#070808), to(#199DD8));

	background: -webkit-linear-gradient(left, #070808, #199DD8);

	background: -o-linear-gradient(left, #070808, #199DD8);

	background: linear-gradient(90deg, #070808, #199DD8);

	-webkit-animation: animation 2s 1s linear infinite;

	animation: animation 2s 1s linear infinite

}

@-webkit-keyframes animation {

0% {

width:0

}

25% {

width:30%;

left:15%

}

50% {

width:70%;

left:40%

}

100% {

width:15%;

left:100%

}

}

@keyframes animation {

0% {

width:0

}

25% {

width:30%;

left:15%

}

50% {

width:70%;

left:40%

}

100% {

width:15%;

left:100%

}

}

.maProSlider .slick-arrow {

	top: 0;

	display: block;

	width: 40px;

	height: 100%;

	background: rgba(0,0,0,.5);

	border: 0;

	outline: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	color: #fff;

	z-index: 1;

	-webkit-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	transform: translate(0, 0);

	opacity: 0;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.maProSlider:hover .slick-arrow {

	opacity: 1

}

.maProSlider .slick-arrow:hover {

	background: #009edf

}

.maProSlider .slick-arrow.slick-prev {

	left: 0

}

.maProSlider .slick-arrow.slick-next {

	right: 0

}

.maProSlider .slick-disabled.slick-arrow {

	visibility: hidden;

	opacity: 0

}

.maProSlider .slick-arrow.slick-prev:before {

	font-family: FontAwesome;

	content: "\f104"

}

.maProSlider .slick-arrow.slick-next:before {

	font-family: FontAwesome;

	content: "\f105"

}

.progress {

	display: block;

	width: 100%;

	height: 5px;

	overflow: hidden;

	background-color: #f5f5f5;

	background-image: -webkit-gradient(linear, left top, right top, from(#009edf), to(#009edf));

	background-image: -webkit-linear-gradient(left, #009edf, #009edf);

	background-image: -o-linear-gradient(left, #009edf, #009edf);

	background-image: linear-gradient(to right, #009edf, #009edf);

	background-repeat: no-repeat;

	background-size: 0 100%;

	-webkit-transition: background-size .4s ease-in-out;

	-o-transition: background-size .4s ease-in-out;

	transition: background-size .4s ease-in-out

}

.caption, .fancybox-caption::before {

	display: none

}

.fancybox-toolbar {

	right: 0;

	left: 0;

	top: 0;

	width: 100%

}

.fancybox-thumbs {

	top: auto;

	width: auto;

	bottom: 0;

	left: 0;

	right: 0;

	height: 95px;

	padding: 10px 10px 5px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	background: rgba(0,0,0,.04)

}

.fancybox-show-thumbs .fancybox-inner {

	right: 0;

	bottom: 95px

}

.fancybox-button {

	background: 0 0;

	color: #009edf;

	-webkit-transition: all .2s;

	-o-transition: all .2s;

	transition: all .2s;

	right: 0;

	position: absolute;

	outline: 0!important

}

.fancybox-button--close, .fancybox-button--thumbs {

	position: fixed;

	background: #009edf;

	border-radius: 50%

}

.fancybox-button--thumbs {

	right: 20px;

	bottom: 20px

}

.fancybox-show-thumbs .fancybox-button--thumbs {

	bottom: 115px;

	color: #fff

}

.fancybox-show-thumbs .fancybox-button--thumbs svg {

	opacity: 0;

	display: none

}

.fancybox-show-thumbs .fancybox-button--thumbs:before {

	content: "\f00d";

	font-family: FontAwesome;

	font-size: 18px

}

.fancybox-button--close {

	left: 20px;

	bottom: 20px;

	color: #fff

}

.fancybox-show-thumbs .fancybox-button--close {

	bottom: 115px;

	color: #fff

}

.fancybox-button--info:hover {

	background: #009edf

}

.fancybox-navigation .fancybox-button {

	color: #444;

	width: 50px

}

.fancybox-navigation .fancybox-button svg {

	opacity: 0

}

.fancybox-navigation .fancybox-button--arrow_left {

	left: 0;

	cursor: url(../img/l-arrow.png), auto

}

.fancybox-navigation .fancybox-button--arrow_right {

	right: 0;

	cursor: url(../img/r-arrow.png), auto

}

.fancybox-navigation .fancybox-button--arrow_left:before {

	content: "\f104";

	font-family: FontAwesome;

	font-size: 26px;

	color: #009edf

}

.fancybox-navigation .fancybox-button--arrow_right:before {

	content: "\f105";

	font-family: FontAwesome;

	font-size: 26px;

	color: #009edf

}

.backBtn:after, .menuToggleIcon .menuToggle:after, .scrollIcon:after, .secHeading span:before {

	content: ''

}

.fancybox-navigation .fancybox-button--arrow_left:hover:before, .fancybox-navigation .fancybox-button--arrow_right:hover:before {

	opacity: 0

}

.fancybox-navigation .fancybox-button.disabled, .fancybox-navigation .fancybox-button.disabled:hover {

	color: #888

}

.fancybox-bg {

	background: #fff

}

.fancybox-is-open .fancybox-bg {

	opacity: 1

}

.fancybox-caption {

	top: 0;

	right: 0;

	bottom: 0;

	left: auto;

	padding: 0;

	width: 300px;

	background: #eee;

	color: #676767;

	box-shadow: 0 0 20px #888;

	z-index: 99996;

	transform: translate3d(320px, 0, 0)

}

.fancybox-caption>div {

	margin-top: 44px;

	padding: 20px;

	max-height: calc(100vh - 44px);

	overflow: auto

}

.fancybox-caption, .fancybox-show-caption .fancybox-caption {

	transition: transform .2s

}

.menuToggle, .sdideMenu .sdideNav li a {

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out

}

.fancybox-show-caption.fancybox-vertical-caption .fancybox-caption {

	transform: translate3d(0, 0, 0)

}

.fancybox-caption a {

	color: #333

}

.fancy-nav a {

	font-weight: 400;

	font-size: 20px;

	font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;

	background: #444;

	color: #fff;

	border-radius: 50%;

	display: inline-block;

	width: 22px;

	height: 22px;

	line-height: 18px;

	text-align: center;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

	cursor: pointer;

	outline: 0

}

.maSec {

	padding: 18px 0;

	position: relative

}

.maSec+.maSec {

	padding-top: 0

}

.secHeading {
	padding-left: 20px;

	margin-bottom: 22px

}

.secHeading span {

	position: relative;

	font-size: 12px;

	letter-spacing: 1px;

	text-transform: uppercase

}

.secHeading span:before {

	width: 100%;

	height: 1px;

	background: #ccc;

	position: absolute;

	bottom: -5px;

	left: 0

}

.secHeading font {

	text-align: right;

	padding-top: 8px;

	font-size: 12px;
	float: right;

	padding-right: 20px

}

.sdideMenu .sdideNav li a, .sdideMenu .sdideNav li.hasChildren ul li a {

	font-size: 28px;

	line-height: 55px;

	text-transform: uppercase;

	text-decoration: none

}

.menuToggleIcon {

	height: 50px;

	width: 50px;

	position: fixed;

	bottom: 15px;

	right: 15px;

	z-index: 1000

}

.menuToggle {

	height: 50px;

	width: 50px;

	position: relative;

	margin: auto;

	padding: 10px;

	border: 2px solid transparent;

	border-radius: 50%;

	transition: all .3s ease-in-out;

	cursor: pointer;

	background: #009edf;

	overflow: hidden

}

.menuToggle .bar, .sdideMenu {

	-webkit-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out

}

.menuToggle .bar {

	height: 2px;

	width: 27px;

	display: block;

	background-color: #fff;

	position: absolute;

	right: 10px;

	transition: all .4s ease-in-out

}

.menuToggle .bar:nth-of-type(1) {

	top: 15px

}

.menuToggle .bar:nth-of-type(2) {

	top: calc(50% - 1px);

	width: 20px

}

.menuToggle .bar:nth-of-type(3) {

	top: calc(50% + 6px);

	width: 15px

}

.sideMenuChildrenOpen .menuToggle .bar:nth-of-type(1), .sideMenuOpen .menuToggle .bar:nth-of-type(1) {

	-webkit-transform: translateY(7px) rotate(45deg);

	-ms-transform: translateY(7px) rotate(45deg);

	transform: translateY(7px) rotate(45deg)

}

.sideMenuChildrenOpen .menuToggle .bar:nth-of-type(2), .sideMenuOpen .menuToggle .bar:nth-of-type(2) {

	-webkit-transform: translateX(70px);

	-ms-transform: translateX(70px);

	transform: translateX(70px);

	-webkit-transition: .6s;

	-o-transition: .6s;

	transition: .6s

}

.sideMenuChildrenOpen .menuToggle .bar:nth-of-type(3), .sideMenuOpen .menuToggle .bar:nth-of-type(3) {

	-webkit-transform: translateY(-7px) rotate(-45deg);

	-ms-transform: translateY(-7px) rotate(-45deg);

	transform: translateY(-7px) rotate(-45deg);

	width: 27px

}

.sideMenuChildrenOpen .menuToggle, .sideMenuOpen .menuToggle {

	background: #fff

}

.sideMenuChildrenOpen .menuToggle .bar, .sideMenuOpen .menuToggle .bar {

	background: #009edf

}

.menuToggleIcon .menuToggle:after {

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	position: absolute;

	border: 2px solid transparent;

	border-radius: 50%

}

@-webkit-keyframes circle-creation {

0% {

border-color:transparent;

-ms-transform:rotate(0);

-webkit-transform:rotate(0);

transform:rotate(0)

}

25% {

border-color:transparent #fff transparent transparent;

-ms-transform:rotate(-35deg);

-webkit-transform:rotate(-35deg);

transform:rotate(-35deg)

}

50% {

border-color:transparent #fff #fff transparent

}

75% {

border-color:transparent #fff #fff

}

100% {

border-color:#009edf;

-ms-transform:rotate(-300deg);

-webkit-transform:rotate(-300deg);

transform:rotate(-300deg)

}

}

@keyframes circle-creation {

0% {

border-color:transparent;

-ms-transform:rotate(0);

-webkit-transform:rotate(0);

transform:rotate(0)

}

25% {

border-color:transparent #fff transparent transparent;

-ms-transform:rotate(-35deg);

-webkit-transform:rotate(-35deg);

transform:rotate(-35deg)

}

50% {

border-color:transparent #fff #fff transparent

}

75% {

border-color:transparent #fff #fff

}

100% {

border-color:#009edf;

-ms-transform:rotate(-300deg);

-webkit-transform:rotate(-300deg);

transform:rotate(-300deg)

}

}

.sdideMenu {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 999;

	background: rgba(0,0,0,0);

	visibility: hidden;

	transition: all .4s ease-in-out

}

.sideMenuOpen .sdideMenu {

	background: rgba(0,0,0,.6);

	visibility: visible

}

.sdideMenu .sdideNav {

	width: 30%;

	height: 100%;

	background: #009edf;

	padding: 40px 20px;

	position: absolute;

	top: 0;

	right: 0;

	-webkit-transform: translateX(100%);

	-ms-transform: translateX(100%);

	transform: translateX(100%);

	-webkit-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out

}

.sideMenuOpen .sdideMenu .sdideNav {

	-webkit-transform: translateX(0);

	-ms-transform: translateX(0);

	transform: translateX(0)

}

.sideMenuChildrenOpen .sdideMenu {

	background: rgba(0,0,0,.6);

	visibility: visible

}

.sideMenuChildrenOpen .sdideMenu .sdideNav {

	-webkit-transform: translateX(-100%);

	-ms-transform: translateX(-100%);

	transform: translateX(-100%);

	width: 100%

}

.sideMenuChildrenOpen .sdideMenu .sdideNav .hasChildren>ul {

	display: none

}

.sideMenuChildrenOpen .sdideMenu .sdideNav .hasChildren>ul.active {

	display: block

}

.sdideMenu .sdideNav li {

	list-style: none;

	text-align: right;

	color: #fff

}

.sdideMenu .sdideNav li a {

	color: #fff;

	color: rgba(255,255,255,.6);

	transition: all .3s ease-in-out

}

.sdideMenu .sdideNav li a:hover, .sdideMenu .sdideNav li.active a {

	color: #fff;

	letter-spacing: 1px

}

.sdideMenu .sdideNav li.hasChildren ul li {

	text-align: left

}

.sdideMenu .sdideNav li.hasChildren ul li a {

	color: #fff;

	color: rgba(255,255,255,.6);

	text-align: left;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.sdideMenu .sdideNav li.hasChildren li a:hover {

	color: #fff;

	letter-spacing: 1px

}

.sdideMenu .sdideNav li.hasChildren ul {

	position: fixed;

	width: 100vw;

	height: 100%;

	background: #263238;

	top: 0;

	right: 0;

	-webkit-transform: translateX(100%);

	-ms-transform: translateX(100%);

	transform: translateX(100%);

	margin: 0;

	padding: 40px

}

.backBtn {

	width: 50px;

	height: 50px;

	background: #fff;

	border-radius: 50%;

	line-height: 50px;

	text-align: center!important;

	font-size: 18px;

	color: #009edf!important;

	position: fixed;

	left: 15px;

	bottom: 15px;

	cursor: pointer;

	border: 2px solid transparent

}

.addrBox .box-icon, .contactBox, .ma-header .ma-logo, .ma-header .text, .ma-primary-nav, .maFooter, .our-team, .scrollIcon {

	text-align: center

}

.backBtn:after, .ma-header {

	position: absolute;

	top: 0;

	left: 0

}

.backBtn:after {

	width: 100%;

	height: 100%;

	border: 2px solid transparent;

	border-radius: 50%

}

@-webkit-keyframes circle-creation2 {

0% {

border-color:transparent;

-ms-transform:rotate(0);

-webkit-transform:rotate(0);

transform:rotate(0)

}

25% {

border-color:transparent #009edf transparent transparent;

-ms-transform:rotate(-35deg);

-webkit-transform:rotate(-35deg);

transform:rotate(-35deg)

}

50% {

border-color:transparent #009edf #009edf transparent

}

75% {

border-color:transparent #009edf #009edf

}

100% {

border-color:#009edf;

-ms-transform:rotate(-300deg);

-webkit-transform:rotate(-300deg);

transform:rotate(-300deg)

}

}

@keyframes circle-creation2 {

0% {

border-color:transparent;

-ms-transform:rotate(0);

-webkit-transform:rotate(0);

transform:rotate(0)

}

25% {

border-color:transparent #009edf transparent transparent;

-ms-transform:rotate(-35deg);

-webkit-transform:rotate(-35deg);

transform:rotate(-35deg)

}

50% {

border-color:transparent #009edf #009edf transparent

}

75% {

border-color:transparent #009edf #009edf

}

100% {

border-color:#009edf;

-ms-transform:rotate(-300deg);

-webkit-transform:rotate(-300deg);

transform:rotate(-300deg)

}

}

@media (max-width:767px) {

.sdideMenu .sdideNav {

	width: 80%;

	padding: 20px 14px

}

.sdideMenu .sdideNav>li.hasChildren>ul>li>a, .sdideMenu .sdideNav>li>a {

	font-size: 14px;

	line-height: 24px

}

}

.ma-header {

	background: #fff;

	border-bottom: 1px solid #ddd;

	height: 50px;

	width: 100%;

	z-index: 99;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);

	box-shadow: 0 1px 2px rgba(0,0,0,.3);

	-moz-osx-font-smoothing: grayscale

}

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

.ma-header {

	height: 80px;

	/*background: 0 0;*/

	-webkit-box-shadow: none;

	box-shadow: none

}

}

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

.ma-header {

	-webkit-transition: background-color .3s;

	-o-transition: background-color .3s;

	transition: background-color .3s;

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden

}

.ma-header.is-fixed {

	position: fixed;

	top: -80px;

	background-color: rgba(255,255,255,1);

	-webkit-transition: -webkit-transform .3s;

	-o-transition: transform .3s;

	transition: transform .3s;

	transition: transform .3s, -webkit-transform .3s

}

.ma-header.is-visible {

	-webkit-transform: translate3d(0, 100%, 0);

	-ms-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0)

}

.ma-header.menu-is-open {

	background-color: #fff

}

}

.ma-header .ma-logo {

	display: block;

	height: 50px;

	padding: 4px 0;

	position: absolute;

	top: 50%;

	bottom: auto;

	-webkit-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

	transform: translate(0, -50%);

	left: 20px;

	max-width: 270px

}

.ma-header .ma-logo a {

	text-decoration: none

}

.ma-header .ma-logo img {

	display: block;

	height: 90%;

	width: auto;

	margin: 0 auto

}

.ma-header .text {

	display: block;

	font-size: 15px;

	position: absolute;

	top: 48%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	color: #009edf;

	font-weight: 400

}

.ma-header .text:hover{ text-decoration:none;}

.ma-header .text img{ max-height: 65px;}

.ma-intro {

	position: relative;

	height: 50px;

	background: #fff;

	background-size: cover;

	z-index: 1;

	-moz-osx-font-smoothing: grayscale

}

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

.ma-header .ma-logo {

	height: 80px

}

.ma-header .ma-logo p, .ma-header .text {

	display: block

}

.ma-intro {

	position: relative;

	height: 110px

}

}

@media only screen and (max-width:767px) {

	.ma-header .text{  display: block; width: 60px;}

	.ma-header .text img{ width:100%;}

	.tenyearsContainer { width: 60px; height: 50px;}	

}





.ma-secondary-nav {

	position: absolute;

	top: 47%;

	bottom: auto;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	right: 60px

}

.ma-secondary-nav li {

	display: inline-block;

	padding: 0 7px 0 0;

	border-right: 1px solid #ccc

}

.ma-secondary-nav li:last-child {

	border-right: 0

}

.ma-secondary-nav a {

	display: block;

	color: #666;

	width: 30px;

	height: 30px;

	border-radius: 5px

}

/*.ma-secondary-nav a:hover {

	background: #d9f4ff

}*/

.ma-secondary-nav a img {

	width: 100%;

	height: 100%;filter: grayscale(100%);

	padding: 5px

}

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

.ma-secondary-nav a {

	width: 35px;

	height: 35px

}

}

.ma-primary-nav-trigger {

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 50px;

	background-color: #fff

}

.ma-primary-nav-trigger .ma-menu-text {

	color: #009edf;

	text-transform: uppercase;

	display: none

}

.ma-primary-nav-trigger .ma-menu-icon {

	display: inline-block;

	position: absolute;

	left: 50%;

	top: 50%;

	bottom: auto;

	right: auto;

	-webkit-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

	width: 18px;

	height: 2px;

	background-color: #009edf;

	-webkit-transition: background-color .3s;

	-o-transition: background-color .3s;

	transition: background-color .3s

}

.ma-primary-nav-trigger .ma-menu-icon::before, .ma-primary-nav-trigger .ma-menu-icon:after {

	content: '';

	width: 100%;

	height: 100%;

	position: absolute;

	background-color: #009edf;

	right: 0;

	-webkit-transition: -webkit-transform .3s, top .3s, background-color 0;

	-webkit-transition: top .3s, background-color 0, -webkit-transform .3s;

	-o-transition: transform .3s, top .3s, background-color 0;

	transition: transform .3s, top .3s, background-color 0;

	transition: transform .3s, top .3s, background-color 0, -webkit-transform .3s

}

.ma-primary-nav-trigger .ma-menu-icon::before {

	top: -5px

}

.ma-primary-nav-trigger .ma-menu-icon::after {

	top: 5px

}

.ma-primary-nav-trigger .ma-menu-icon.is-clicked {

	background-color: rgba(0,0,0,0)

}

.ma-primary-nav-trigger .ma-menu-icon.is-clicked::after, .ma-primary-nav-trigger .ma-menu-icon.is-clicked::before {

	background-color: #009edf

}

.ma-primary-nav-trigger .ma-menu-icon.is-clicked::before {

	top: 0;

	-webkit-transform: rotate(135deg);

	-ms-transform: rotate(135deg);

	transform: rotate(135deg)

}

.ma-primary-nav-trigger .ma-menu-icon.is-clicked::after {

	top: 0;

	-webkit-transform: rotate(225deg);

	-ms-transform: rotate(225deg);

	transform: rotate(225deg)

}

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

.ma-primary-nav-trigger {

	background-color: transparent;

	height: 30px;

	line-height: 30px;

	right: 0;

	top: 48%;

	bottom: auto;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%)

}

.ma-primary-nav-trigger .ma-menu-text {

	display: inline-block;

	font-size: 14px

}

.ma-primary-nav-trigger .ma-menu-icon {

	left: auto;

	right: 1em;

	-webkit-transform: translateX(0) translateY(-50%);

	-ms-transform: translateX(0) translateY(-50%);

	transform: translateX(0) translateY(-50%)

}

}

.ma-primary-nav {

	position: fixed;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background: rgba(2,23,37,.96);

	z-index: 90;

	padding: 50px 0;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	overflow: auto;

	-webkit-overflow-scrolling: touch;

	-webkit-transform: translateY(-100%);

	-ms-transform: translateY(-100%);

	transform: translateY(-100%);

	-webkit-transition-property: -webkit-transform;

	-o-transition-property: transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	-webkit-transition-duration: .4s;

	-o-transition-duration: .4s;

	transition-duration: .4s

}

.ma-primary-nav li {

	font-size: 18px;

	-moz-osx-font-smoothing: grayscale;

	margin: .2em 0;

	text-transform: capitalize;

	list-style-type: none

}

.clientBox .pic .title, .contactBox .title, .maHeading, .main-timeline .title {

	text-transform: uppercase

}

.ma-primary-nav li a {

	color: rgba(255,255,255,.7);

	display: inline-block;

	padding: 5px 10px;

	border-radius: 0;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.ma-primary-nav li a:hover {

	color: #fff

}

.ma-primary-nav .ma-label {

	color: #fff;

	text-transform: uppercase;

	font-size: 14px;

font-size:.875rem;

	margin: 1.4em 0 1em

}

.ma-primary-nav .ma-social {

	display: inline-block;

	margin: 0 .4em

}

.ma-primary-nav .ma-social a {

	width: 44px;

	height: 44px;

	padding: 0;

	background-image: url(../img/ma-socials.svg);

	background-repeat: no-repeat;

	overflow: hidden;

	text-indent: 100%;

	white-space: nowrap

}

.ma-primary-nav .ma-facebook a {

	background-position: 0 0

}

.ma-primary-nav .ma-instagram a {

	background-position: -44px 0

}

.ma-primary-nav .ma-dribbble a {

	background-position: -88px 0

}

.ma-primary-nav .ma-twitter a {

	background-position: -132px 0

}

.ma-primary-nav.is-visible {

	-webkit-transform: translateY(0);

	-ms-transform: translateY(0);

	transform: translateY(0)

}

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

.ma-primary-nav {

	padding: 110px 0 80px

}

}

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

.ma-primary-nav li {

	font-size: 16px

}

.ma-primary-nav .ma-label {

	font-size: 16px;

	font-size: 1rem

}

}

.maFooter {

	background: #fff;

	padding: 20px 15px

}

.maFooter .maLogo img {

	height: 40px;

	opacity: .6;

	-webkit-transition: opacity .3s ease;

	-o-transition: opacity .3s ease;

	transition: opacity .3s ease

}

.maFooter .maLogo:hover img {

	height: 40px;

	opacity: 1

}

.proBox {

	display: block;

	position: relative;

	height: 300px;z-index: 999;

}

.proBox img {

	height: 100%;

	width: auto !important;

	-webkit-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}

.scrollIcon, .scrollIcon:hover {

	-webkit-transition: .5s;

	-o-transition: .5s

}

.proBox:hover img {

	padding: 0 7px 7px

}

.proBox video {

	height: 300px;

	width: auto!important

}

@media (max-width:480px) {

.proBox {

	height: 240px;

	overflow: hidden

}

.proBox img {

	height: 100%;

	-o-object-fit: cover;

	object-fit: cover

}

}

.scrollIcon {

	position: fixed;

	left: 15px;

	bottom: 15px;

	background: rgba(0,158,223,.7);

	color: #fff;

	cursor: pointer;

	transition: .5s;

	display: none;

	width: 50px;

	height: 50px;

	line-height: 50px;

	border-radius: 50%;

	border: 2px solid transparent;

	z-index: 100

}

.scrollIcon:hover {

	background: rgba(0,158,223,1);

	transition: .5s

}

.scrollIcon:after {

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	position: absolute;

	border: 2px solid transparent;

	border-radius: 50%

}

.scrollIcon .fa {

	font-size: 30px;

	-webkit-transition: .5s;

	-o-transition: .5s;

	transition: .5s

}

.commonSec {

	padding: 40px 0;

	position: relative;

	min-height: calc(100vh - 190px)

}

.commonSec+.commonSec {

	padding-top: 0;

	min-height: auto

}

.imgBox {

	overflow: hidden;

	display: block

}

.myBox {

	display: block;

	text-decoration: none

}
.maHeading span {

	position: relative;

	color: #4d4d4d

}

.maHeading span:after, .maHeading span:before {

	content: '';

	height: 2px;

	position: absolute;

	top: -8px;

	left: 0

}

.maHeading span:before {

	width: 50px;

	background: #009edf;

	border-radius: 2px

}

.maHeading span:after {

	width: 3px;

	background: #fff;

	border-radius: 1px;

	-webkit-animation: dot-move 2s linear infinite;

	animation: dot-move 2s linear infinite

}

.maHeading.text-center span:before {

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%)

}

.maHeading.text-center span:after {

	left: calc(50% - 25px)

}

@-webkit-keyframes dot-move {

0% {

-webkit-transform:translateX(0);

transform:translateX(0);

background:#fff

}

100%, 50% {

-webkit-transform:translateX(46px);

transform:translateX(46px);

background:#009edf

}

}

@keyframes dot-move {

0% {

-webkit-transform:translateX(0);

transform:translateX(0);

background:#fff

}

100%, 50% {

-webkit-transform:translateX(46px);

transform:translateX(46px);

background:#009edf

}

}

.our-team .pic {

	border-radius: 50%;

	overflow: hidden;

	position: relative; max-width:180px; width:100%; margin:0 auto;

}

.our-team .pic:after, .our-team .pic:before {

	height: 100%;

	position: absolute;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	width: 100%;

	content: "";

	left: 0;

	top: 0

}

.our-team .pic:after {

	border-radius: 50%;

	border: 5px solid #e6e5e5;

	border-color: #009edf #e6e5e5 #e6e5e5 #009edf;

	z-index: 1;

	-webkit-transform: rotate(-10deg);

	-ms-transform: rotate(-10deg);

	transform: rotate(-10deg);

	transition: all .5s ease

}

.our-team:hover .pic:after {

	-webkit-transform: rotate(350deg);

	-ms-transform: rotate(350deg);

	transform: rotate(350deg)

}

.our-team .pic:before {

	border-radius: 50%;

	background: rgba(0,0,0,.3);

	opacity: 0;

	transition: all .5s ease

}

.our-team .icon, .our-team .message {

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease

}

.our-team:hover .pic:before {

	opacity: 1

}

.our-team .pic img {

	width: 100%;

	height: auto

}

.our-team .title {

	font-size: 20px;

	font-weight: 700;

	color: #222;

	padding-bottom: 10px;

	margin: 15px 0 10px;

	position: relative

}

.our-team .title:after {

	content: "";

	width: 30px;

	height: 2px;

	background: #222;

	margin: 0 auto;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0

}

.our-team .post {

	display: block;

	font-size: 12px;

	font-style: italic;

	color: #777

}

.our-team .icon li, .our-team .icon li a {

	display: inline-block

}

.our-team .icon {

	list-style: none;

	padding: 0;

	position: absolute;

	bottom: -35px;

	left: 50%;

	z-index: 2;

	-webkit-transform: translate(-50%, -50%) scale(0);

	-ms-transform: translate(-50%, -50%) scale(0);

	transform: translate(-50%, -50%) scale(0);

	transition: all .5s ease

}

.our-team:hover .icon {

	-webkit-transform: translate(-50%, -50%) scale(1);

	-ms-transform: translate(-50%, -50%) scale(1);

	transform: translate(-50%, -50%) scale(1)

}

.our-team .icon li a {

	text-decoration: none;

	width: 30px;

	height: 30px;

	line-height: 30px;

	border-radius: 50%;

	background: #fff;

	font-size: 14px;

	color: #999;

	margin-right: 5px;

	-webkit-transition: all .3s ease-out;

	-o-transition: all .3s ease-out;

	transition: all .3s ease-out

}

.our-team .icon li a:hover {

	background: #009edf;

	color: #fff

}

.our-team .message {

	padding: 10px;

	color: #999;

	min-height: 260px;

	border-bottom: 1px solid #ddd;

	position: relative;

	transition: all .5s ease

}

.clientBox .pic:after, .our-team .message:before {

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease

}

.our-team:hover .message {

	border-bottom: 1px solid #fff

}

.our-team .message:before {

	content: '';

	height: 2px;

	width: 0;

	background: #009edf;

	position: absolute;

	bottom: 0;

	left: 50%;

	transition: all .5s ease

}

.our-team:hover .message:before {

	width: 100%;

	left: 0

}

.our-team .message p {

	font-size: 14px;

	margin: 0

}

@media only screen and (max-width:990px) {

	.maHeading span{
		font-size: .9rem;
	}
	.secHeading span{
		font-size: 11px;
	}

.our-team {

	margin-bottom: 30px

}

}

#locationMap {

	width: 100%;

	height: 70vh

}

.contactInfo {

	padding: 20px;

	max-width: 90%;

	margin: -60px auto 0;

	position: relative;

	background: #fff;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

#locationMap:hover+.contactInfo {

	margin-top: 0

}

.addrBox {

	padding: 10px 0

}

.addrBox .box-icon {

	background: #F5F5F5;

	color: #199bd7;

	width: 64px;

	height: 64px;

	line-height: 64px;

	font-size: 33px;

	float: left;

	-webkit-transition: all .4s ease;

	-o-transition: all .4s ease;

	transition: all .4s ease

}

.addrBox:hover .box-icon {

	background: #009edf;

	color: #fff

}

.addrBox .box-content {

	margin-left: 85px

}

.addrBox .box-content h3 {

	font-size: 13px;

	margin-top: 5px;
}

.addrBox .box-content p {

	font-size: 13px;
	line-height: 21px

}

.contactBox {

	margin-top: 20px;

	margin-bottom: 30px;

	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.1);

	box-shadow: 0 0 3px 0 rgba(0,0,0,.1);

	padding: 30px 15px 15px;

	min-height: 240px;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.contactBox:hover {

	-webkit-box-shadow: 0 0 4px 0 rgba(0,158,223,.4);

	box-shadow: 0 0 4px 0 rgba(0,158,223,.4);

	background:rgba(0,158,223,1); 

}

.contactBox:hover h3, .contactBox:hover p{color:#fff;}

.contactBox .box-icon {

	display: inline-block;

	width: 60px;

	height: 60px;

	line-height: 56px;

	border-radius: 50% 0 50% 50%;

	border: 2px solid #009edf;

	font-size: 24px;

	color: #009edf;

	margin-bottom: 30px;

	-webkit-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.contactBox:hover .box-icon {

	border-radius: 50% 50% 50% 0

}

.contactBox .box-icon i {

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg)

}

.contactBox .title {

	display: block;

	font-size: 16px;
	margin: 0 0 10px

}

.contactBox p {

	font-size: 13px;

	color: #424242;

	line-height: 25px;

	margin: 0

}

.main-timeline .timeline {

	padding: 50px 60px;

	position: relative;

	margin: 0 0 0 35px

}

.main-timeline .timeline:nth-child(2n) {

	margin: 0 35px 0 0

}

.main-timeline .timeline:first-child {

	padding-top: 0

}

.main-timeline .timeline:last-child {

	padding-bottom: 0

}

.main-timeline .timeline:after, .main-timeline .timeline:before {

	content: "";

	display: block;

	width: 100%;

	clear: both

}

.main-timeline .timeline-icon {

	width: 70px;

	height: 70px;

	line-height: 70px;

	border-radius: 50%;

	background: #199bd7;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border: 2px solid transparent;

	-webkit-box-shadow: 0 0 0 2px transparent;

	box-shadow: 0 0 0 2px transparent;

	text-align: center;

	margin: auto 0;

	font-size: 25px;

	color: #fff;

	position: absolute;

	top: 0;

	left: -34px;

	bottom: 0;

	z-index: 2

}

.main-timeline .timeline:first-child .timeline-icon, .main-timeline .timeline:last-child .timeline-icon {

	-webkit-box-sizing: content-box;

	box-sizing: content-box;

	margin: 0;

	top: 0;

	left: -36px;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 0 2px #199bd7;

	box-shadow: 0 0 0 2px #199bd7

}

.main-timeline .timeline:last-child .timeline-icon {

	top: auto;

	bottom: 0

}

.main-timeline .timeline:nth-child(2n) .timeline-icon {

	left: auto;

	right: -34px

}

.main-timeline .timeline:last-child:nth-child(2n) .timeline-icon {

	right: -36px

}

.main-timeline .timeline-content {

	width: 50%

}

.main-timeline .timeline:nth-child(2n) .timeline-content {

	float: right;

	text-align: right

}

.main-timeline .title {

	font-size: 18px;

	color: #199bd7;

	margin-top: 0

}

.main-timeline .description {

	font-size: 15px;

	color: #636363;

	line-height: 25px;

	margin: 0

}

.main-timeline .borders {

	width: 50%;

	border-top: 2px solid #199bd7;

	border-bottom: 2px solid #199bd7;

	border-left: 2px solid #199bd7;

	border-radius: 6px 0 0 6px;

	position: absolute;

	top: 0;

	bottom: -2px;

	left: 0;

	z-index: 1

}

.main-timeline .timeline:nth-child(2n) .borders {

	border-left: none;

	border-right: 2px solid #199bd7;

	border-radius: 0 6px 6px 0;

	left: 50%

}

.clientBox .pic:after, .clientBox .pic:before {

	top: 0;

	left: 0;

	content: ""

}

.main-timeline .timeline:first-child .borders {

	border-top: none

}

.main-timeline .timeline:last-child .borders {

	border-bottom: none

}

@media only screen and (max-width:990px) {

.main-timeline .timeline {

	padding: 40px 60px

}

.main-timeline .timeline-content {

	width: 100%

}

}

.client-row {
	justify-content: space-around;border-top:1px solid #ddd;border-left:1px solid #ddd;

}

.clientBox {
	width: 20%;float:left;
	padding: 1em; transition:0.5s ease all;
	min-height: 230px; border-right:1px solid #ddd;border-bottom:1px solid #ddd;
}
.clientBox:hover{ /*box-shadow:0 0 10px #999; */background:#fff;}
.clientBox .pic {
	position: relative;
	width: 140px;
	height: 140px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	text-align: center; margin: 0 auto;

}
/*
.clientBox .pic:after {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	border: 5px solid #e6e5e5;

	position: absolute;

	border-color: #009edf #e6e5e5 #e6e5e5 #009edf;

	z-index: 1;

	-webkit-transform: rotate(-10deg);

	-ms-transform: rotate(-10deg);

	transform: rotate(-10deg);

	transition: all .5s ease

}

.clientBox:hover .pic:after {

	-webkit-transform: rotate(350deg);

	-ms-transform: rotate(350deg);

	transform: rotate(350deg)

}


.clientBox:hover .pic:before {

	opacity: 1

}*/

.clientBox .pic img {
	width: 100%;
	height: 100%;filter: grayscale(100%);
	-o-object-fit: cover; transition:0.5s ease all;
	object-fit: cover;

}
.clientBox:hover .pic img{filter: grayscale(0);}
.clientBox .pic .title {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%) scale(0);

	-ms-transform: translate(-50%, -50%) scale(0);

	transform: translate(-50%, -50%) scale(0);

	opacity: 0;

	-webkit-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	color: #fff;

	font-size: 16px;

	text-decoration: none!important;

	text-align: center;

	z-index: 2;

	font-weight: 600

}

.mediaBox .media-title a:hover, .post-box .read-more:hover {

	text-decoration: none

}

.clientBox:hover .pic .title {

	-webkit-transform: translate(-50%, -50%) scale(1);

	-ms-transform: translate(-50%, -50%) scale(1);

	transform: translate(-50%, -50%) scale(1);

	opacity: 1

}

/*==============================30-10-18====================*/

.clientName{ width:100%; font-weight:700; text-transform: uppercase; color:#009edf; text-align:center; font-size:13px; margin:10px 0 3px;line-height: 16px;}

.cityCountry{ width:100%; font-weight:700; color:#999; text-align:center; font-size:12px; margin:0 0 10px;}

.cityCountry span{ color:#000;}

/*========================End of 30-10-18====================*/



.post-box {

	margin: 0 15px;

	padding: 0 25px 20px;

	background: #fff;

	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.07);

	box-shadow: 0 2px 3px rgba(0,0,0,.07)

}

.post-box .post-img {

	position: relative;

	margin-bottom: 20px

}

.post-box .post-img img {

	width: 100%;

	height: auto

}

.post-box .post-icon {

	width: 60px;

	height: 60px;

	display: block;

	position: absolute;

	bottom: 25px;

	left: 25px;

	text-align: center;

	background: #333;

	opacity: 0;

	border-radius: 3px;

	-webkit-transition: all .3s ease-in-out 0;

	-o-transition: all .3s ease-in-out 0;

	transition: all .3s ease-in-out 0

}

.post-box:hover .post-icon {

	opacity: 1

}

.post-box .post-icon i {

	font-size: 20px;

	color: #fff;

	line-height: 60px

}

.post-box .post-title {

	margin: 15px 0;

	text-transform: capitalize;

	font-size: 22px;

	font-weight: 600;

	color: #3c3c3c;

	-webkit-transition: all .3s linear;

	-o-transition: all .3s linear;

	transition: all .3s linear

}

.post-box .post-description {

	font-size: 16px;

	color: #676767;

	line-height: 24px;

	padding-bottom: 15px

}

.post-box .read-more i, .post-box .read-more span {

	color: #333;

	-webkit-transition: all .4s linear;

	-o-transition: all .4s linear

}

.post-box .read-more {

	display: inline-block

}

.post-box .read-more i {

	font-size: 19px;

	margin-right: 5px;

	transition: all .4s linear

}

.post-box .read-more span {

	font-size: 16px;

	opacity: 0;

	text-transform: uppercase;

	transition: all .4s linear

}

.post-box .read-more:after {

	content: "";

	display: block;

	width: 40%;

	position: relative;

	bottom: -20px;

	border-bottom: 3px solid #333;

	opacity: 0;

	-webkit-transition: all .4s linear;

	-o-transition: all .4s linear;

	transition: all .4s linear

}

.post-box:hover .read-more span, .post-box:hover .read-more:after {

	opacity: 1

}

.post-box .read-more:hover i, .post-box .read-more:hover span, .post-box .read-more:hover:after {

	color: #009edf;

	border-bottom-color: #009edf

}

.mediaBox {

	overflow: hidden;padding: 0 20px 0 0;

	margin-bottom: 30px

}

.mediaBox .media-img {

	float: left;

	width: 50%;

	display: block;

	height: 200px;

	overflow: hidden;

	position: relative;

	margin-right: 30px

}

.mediaBox .media-img img {

	width: 100%;

	height: 100%;

	object-fit: cover

}

.mediaBox .media-date {

	background: #0996de;

	color: #fff;

	position: absolute;

	top: 0;

	right: 0;

	display: block;

	padding: 2% 3%;

	width: 60px;

	height: 60px;

	text-align: center;

	transition: all .5s ease

}

.mediaBox .date {

	display: block;

	font-size: 20px;

	font-weight: 700

}

.mediaBox .month {

	display: block;

	font-size: 11px;

	text-transform: uppercase

}

.mediaBox .media-review {

	padding: 5% 3% 1% 0;

	border-top: 2px solid #ccc

}

.mediaBox:hover .media-review {

	border-top-color: #009edf

}

.mediaBox .media-title {

	margin: 0 0 10px

}

.mediaBox .media-title a {

	font-size: 16px;

	color: #333;

	text-transform: uppercase

}

.mediaBox .media-bar {

	padding: 0;

	list-style: none;

	text-transform: uppercase;

	position: relative;

	margin-bottom: 20px

}

.mediaBox .media-bar:after, .mediaBox .post-bar:before {

	border: 1px solid #38cfd8;

	bottom: -10px;

	content: "";

	display: block;

	position: absolute;

	right: 36%;

	width: 25px

}

.mediaBox .media-bar:before {

	border: 1px solid #ec3c6a;

	right: 32%

}

.mediaBox .media-bar li {

	color: #555;

	font-size: 10px;

	margin-right: 10px;

	display: inline-block

}

.mediaBox .media-bar li a {

	font-size: 13px;

	text-decoration: none;

	text-transform: uppercase;

	color: #ec3c6a

}

.mediaBox .media-bar li a:hover {

	color: #ec3c6a

}

.mediaBox .media-bar li i {

	color: #777;

	margin-right: 5px

}

.mediaBox .media-description {

	font-size: 12px;

	line-height: 21px;

	color: #444454

}

@media only screen and (max-width:990px) {

.mediaBox .media-img {

	width: 100%

}

.mediaBox .media-review {

	width: 100%;

	border-bottom: 2px solid #009edf

}

.mediaBox .media-bar:before {

	left: 0

}

.mediaBox .media-bar:after {

	left: 25px

}

}

#largeModal .modal-header {

	border-bottom: none

}

.post-description {

	padding-top: 15px

}

.read-more {

	outline: 0

}

.modal-content {

	box-shadow: 0 5px 15px rgba(0,0,0,.5);

	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5)

}

.close:hover {

	color: red;

	outline: 0

}



/*==================24-08-18=========*/

.fancybox-button--info:focus {

    background: #009edf;

}

.fancybox-thumbs > ul > li{filter: grayscale(100%);}

.fancybox-thumbs > ul > li.fancybox-thumbs-active{filter: none;}

.fancybox-thumbs .fancybox-thumbs-active::before { opacity: 0;}



/*======fancyboxcss======*/

.fancybox-toolbar { right: 0; left: 0;top: 0;width: 100%;}

.fancybox-thumbs{top:auto;width:auto;bottom:0;left:0;right:0;height:95px;padding:10px 10px 5px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,0.04)}

.fancybox-show-thumbs .fancybox-inner{right:0;bottom:95px}

.fancybox-button{background:transparent;color:#009edf;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s; right: 0;  position: absolute; outline: none !important;}

/*.fancybox-button--info{ position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); outline: none !important;}*/

.fancybox-button--info{position:fixed;right:20px;background:#009edf; border-radius:50%;bottom: 81px;color: #fff;border: 0;cursor: pointer;display: inline-block;height: 44px;margin: 0;outline: none;padding: 10px;transition: color .2s;vertical-align: top;width: 44px;transition:all .2s;}

.fancybox-show-thumbs .fancybox-button--info{bottom: 170px;}

.fancybox-show-thumbs .fancybox-button--info i{opacity:0;display: none;}

/*.fancybox-show-thumbs .fancybox-button--info:after{content: url(../img/lightBoxInfo.png); position:absolute;left:12px; top:11px;}*/

.fancybox-button--info img{position: relative;top:-3px;}



.fancybox-button--thumbs{position:fixed;right:20px;bottom:135px;background:#009edf; border-radius:50%;}

.fancybox-show-thumbs .fancybox-button--thumbs{bottom:225px;color: #fff;}

.fancybox-show-thumbs .fancybox-button--thumbs svg{ opacity:0;display: none;}

.fancybox-show-thumbs .fancybox-button--thumbs:before { display:none;}

.fancybox-show-thumbs .fancybox-button--thumbs:after { content: url(../img/multiply.png); position:absolute;left:14px; top:11px;}

.fancybox-show-nav .fancybox-button--thumbs img{display:block;position: relative;left: 4px;top: 1px;}

.fancybox-show-thumbs .fancybox-button--thumbs img{display:none;}



.fancybox-button--close{position:fixed;right:20px;bottom:25px;background:#009edf;border-radius:50%; color:#fff;left: initial;}

.fancybox-show-thumbs .fancybox-button--close{bottom:115px;color: #fff;}

/*.fancybox-button--close svg{opacity:0;display: none;}

.fancybox-button--close:after{content: url(../img/home.png); position:absolute;left:12px; top:11px;}*/



.fancybox-button--info:hover{ background:#009edf;}



.fancybox-navigation .fancybox-button { }

.fancybox-navigation .fancybox-button{color:#444; width: 50px; }

.fancybox-navigation .fancybox-button svg{ opacity:0;}

.fancybox-navigation .fancybox-button--arrow_left { left:0px; cursor: url("../img/l-arrow.png"), auto;}

.fancybox-navigation .fancybox-button--arrow_right { right:0px; cursor: url("../img/r-arrow.png"), auto;}

.fancybox-navigation .fancybox-button--arrow_left:before {content: "\f104";font-family: 'FontAwesome'; font-size:26px;color:#009edf;}

.fancybox-navigation .fancybox-button--arrow_right:before {content: "\f105";font-family: 'FontAwesome'; font-size:26px;color:#009edf;}

.fancybox-navigation .fancybox-button--arrow_left:hover:before,.fancybox-navigation .fancybox-button--arrow_right:hover:before{ opacity:0;}



.fancybox-navigation .fancybox-button.disabled,.fancybox-navigation .fancybox-button.disabled:hover{color:#888}



.fancybox-bg{background:#fff}

.fancybox-is-open .fancybox-bg{opacity:1}



.caption{display:none}

.fancybox-caption{top:0;right:0;bottom:0;left:auto;padding:0;width:300px;background:rgba(255,255,255,0.8);box-shadow:0 0 20px #888;z-index:99996;transform:translate3d(320px,0,0)}

.fancybox-caption::before{display:none}

.fancybox-caption > div{margin-top:44px;padding:20px;max-height:calc(100vh - 44px);overflow:auto}

.fancybox-show-caption .fancybox-caption,.fancybox-caption{transition:transform .2s; text-transform: uppercase;}

.fancybox-show-caption.fancybox-vertical-caption .fancybox-caption{transform:translate3d(0,0,0)}

.fancybox-caption a{color:#333}



.fancy-nav a{text-decoration:none;font-weight:400;font-size:20px;font-family:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;background:#444;color:#fff;border-radius:50%;display:inline-block;width:22px;height:22px;line-height:18px;text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none}

.fancy-nav a:hover{text-decoration:none}

/*==============================30-8-18====================*/

#topHeaderFancyContainer{ width:100%; display:none;}

#topHeaderFancyContainer .proBox{ display:inline-block;}



/*.tenyearsContainer .proBox{ opacity:1; display:inline-block;}

.fancybox-active .tenyearsContainer .proBox{ opacity:1;}*/



.fancybox-active .fancybox-button--thumbs,fancybox-button--close, fancybox-button--info{display:block !important;}



.fancybox-button svg{ margin-left:2px;}



.tenyearsContainer{width: 250px;margin: 0 auto;overflow: hidden;height: 100px; opacity:0;}



@media only screen and (max-width:450px) {

	.ma-secondary-nav{right: 35px;display:flex;padding: 0;}	

	.ma-secondary-nav li{padding: 0 0 0 0;}

	.ma-header .text{ width:40px;}

	.tenyearsContainer { width: 60px;}

	



}
/*====================31-10-18=====================*/
#pub-carouse .carousel-control-next .carousel-control-next-icon{background:url(../img/right-arrow.png) no-repeat; width: 32px;  height: 32px;}
#pub-carouse .carousel-control-prev .carousel-control-prev-icon{background:url(../img/left-arrow.png) no-repeat; width: 32px;  height: 32px;}

.createAppImg{ max-width:100%; border: 1px solid #b9b9b9; border-radius:3px;}
@media only screen and (max-width:1200px) {
	.clientBox{ width:22%;}
}
@media only screen and (max-width:767px) {
	.clientBox{ width:33%;}
}
@media only screen and (max-width:500px) {
.clientBox{ width:50%;}
.clientBox .pic{margin: 0 auto;}
.clientName, .cityCountry{ max-width:100%;}
}
@media only screen and (max-width:400px) {
.clientBox{ width:100%;}
}
/*====================02-11-18=====================*/
.menuimageIcon { height: 50px;  width: 50px; border-radius: 50%;background: #009edf; position: fixed; bottom: 15px;  right: 145px;  z-index: 1000; display:block;text-align: center;}
.menuimageIcon svg{margin-top: 11px;}
.menuvideoIcon { height: 50px;  width: 50px; border-radius: 50%;background: #009edf; position: fixed; bottom: 15px;  right: 80px;  z-index: 1000; display:block;text-align: center;}
.menuvideoIcon svg{margin-top: 12px;}


#load_all_images{padding: 7px 20px;
    background: none;
    box-shadow: none;
    /*border: solid 1px #009edf;*/
    border:none;
    color: #009edf;
    font-weight: bold;
	cursor:pointer;
	
}
#load_all_images:hover{ color: #000;
 /*border-color: #000; */
 box-shadow: none; 
 text-shadow: none; 
 border:none; 
 }

/*#img_section{
	min-height:900px;
}*/

#load_all_images:focus{
	border:none;
}


#load_all_images:active{
	border:none;
}

.imagecontainer{ padding: 5px; background: #fff; z-index: 99999;position: absolute;top: 15px;right: 5%;width:250px;
}



.imagecontainer img{ float: left; width: 50%; border: solid 3px #fff; }

.fancyRightCont{ position:relative; width:100%; height: 55vh;display: inline-block; overflow-y:scroll;overflow-x:hidden; scrollbar-width: thin;scrollbar-color: #009edf #c2d2e4; }
.fancytoggleBtn{width: 100%;height: 30px;display: block;cursor: pointer;margin-bottom: 0;}

.fancyRightCont::-webkit-scrollbar {  width: 8px;  height: 8px;}
.fancyRightCont::-webkit-scrollbar-track-piece  { background-color: #c2d2e4;}
.fancyRightCont::-webkit-scrollbar-thumb:vertical {  height: 30px; background-color: #009edf;}

/*=========================13-02-2019===================*/
.artLogoContainer{width: 105px;margin: -13px auto 0 auto;overflow: hidden;}
.artLogoContainer img{ width:100%;position: relative;top: 8px; margin-right: 5px;}
@media only screen and (max-width:767px) {
.artLogoContainer { width: 60px;}
.artLogoContainer img{width: 94%;top: 4px;}
}

.flottingMoreBtn{ width:auto; padding:10px 20px; background:#333; border-radius:50px; color:#fff; text-transform:uppercase; position:fixed; bottom:30px; right:30px;font-size: 16px;font-weight: 700; transition:0.5s ease all;}
.flottingMoreBtn:hover{ background:rgba(0,158,223,1); color:#fff; text-decoration:none;}
.flottingMoreBtn span{ display:inline-block; margin-right:5px;}
/*=========================15-02-2019===================*/
.enquiryContainer{
   margin: 5% auto;  width: 70%; padding:30px; border:1px solid #ddd; background:#f0f0f0;}
.enquiryContainer .form-control{
    border-radius:0;}
.enquiryContainer .btnContact {
    border: none;border-radius: 0; padding: 10px 25px;background: #007bff; color: #fff;cursor: pointer; float:right;}
.enquiryContainer .btnContact:hover{ background:#015dbf;}
.btnContactSubmit
{ width: 50%;border-radius: 1rem; padding: 1.5%; color: #fff; background-color: #0062cc;border: none; cursor: pointer;}

/*=========================16-02-2019===================*/
.aboutImg{ max-width:100%; border:1px solid #ddd;}
#infoVideoCont{ position:relative;}
.infoplayBtn{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);cursor: pointer;z-index: 9;height: 60px; width:60px; background: url(../img/play-button.png) no-repeat;}/*=======================ERROR 404 PAGE==================*/.thankyou{ width:90%; margin:60px auto; text-align:center;}.thankyou h2{ font-size: 90px;  font-weight: 200;  margin: 0px;  color:#009edf;  -webkit-background-clip: text;  background-clip: text;  text-transform: uppercase;}  .thankyou p {  font-size: 16px;  font-weight: 200;  margin-top: 0px;  margin-bottom: 25px;} .thankyou a {  color: #009edf;  font-weight: 200;  text-decoration: none;  border-bottom: 1px dashed #009edf;  border-radius: 2px; margin-top:25px;}.thankyou a:hover {  color: #0372a0;  font-weight: 200;  text-decoration: none;  border-bottom: 1px dashed #0372a0;  border-radius: 2px;}.error{ width:90%; margin:30px auto; text-align:center;}.error h2{ font-size: 186px;  font-weight: 200;  margin: 0px;  color:#009edf;  -webkit-background-clip: text;  background-clip: text;  text-transform: uppercase;}.error h3{font-size: 33px;  font-weight: 200;  text-transform: uppercase;  margin-top: 0px;  margin-bottom: 20px;  letter-spacing: 2px;}    .error p {  font-size: 16px;  font-weight: 200;  margin-top: 0px;  margin-bottom: 25px;} .error a {  color: #009edf;  font-weight: 200;  text-decoration: none;  border-bottom: 1px dashed #009edf;  border-radius: 2px;}.error a:hover {  color: #0372a0;  font-weight: 200;  text-decoration: none;  border-bottom: 1px dashed #0372a0;  border-radius: 2px;}.error-social>a {  display: inline-block;  height: 40px;  line-height: 40px;  width: 40px;  font-size: 14px;  color: #009edf;  border: 1px solid #efefef;  border-radius: 50%;  margin: 3px;  -webkit-transition: 0.2s all;  transition: 0.2s all;}.error-social>a:hover {  color: #fff;  background-color: #009edf;  border-color: #009edf; border-radius: 50%;} @media only screen and (max-width: 480px) {  .error h2{ font-size:120px;}  .error h3{ font-size:20px;}}/*=======================End==================*/



/*=========================13-03-2019===================*/
.artLogoContainer{width: 112px;margin: -15px auto 0 auto;overflow: hidden;padding: 10px 0 0; display:flex;}
.artLogoContainer img{ width:75px;}

.artArrowContainer{ width:100%; position:relative;display: flex;align-items: flex-end;justify-content: flex-end;font-size: 25px; color:#676767; cursor:pointer;}
.artArrowContainer:before{ width:1px; height:100%; position:absolute; background:#373435; left:3px; bottom:0; content:""; height:26px;}
/*.artArrowContainer:after{ width:25%; height:1px; position:absolute; background:#373435; left:20px; top:50%; content:"";}*/
.artArrowContainer i{ position:relative; z-index:-1;}

.dropdown-content {display: none;position: absolute;background-color: #fff;max-width:180px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;width: 100%;top: 80px;left: 50%;transform: translateX(-50%);}
.dropdown-content ul{ list-style:none; margin:0; padding:0;}
.dropdown-content li{ border-bottom:1px solid #ddd;}
.dropdown-content li:last-child{border-bottom:0;}
.dropdown-content li a { color:#676767; padding: 12px 15px; text-decoration: none; display: block;transition: 0.3s ease all;font-size: 14px;}
.dropdown-content li a:hover {background-color: #009adf; color:#fff;}
.dropdown-content.show {display: block;}

@media only screen and (max-width:767px) {
.artLogoContainer { width: 60px;padding: 17px 0 0;}
.artLogoContainer img{width: auto;height: 32px;}
.artArrowContainer{font-size: 16px;}
.artArrowContainer::before{ height:15px;}
.artLogoContainer .dropdown-content{top: 50px;}
.artLogoContainer .dropdown-content li a{font-size: 12px;}
}/*=======================ERROR 404 PAGE==================*/.thankyou{ width:90%; margin:60px auto; text-align:center;}.thankyou h2{ font-size: 90px;  font-weight: 200;  margin: 0px;  color:#009edf;  -webkit-background-clip: text;  background-clip: text;  text-transform: uppercase;}  .thankyou p {  font-size: 16px;  font-weight: 200;  margin-top: 0px;  margin-bottom: 25px;} .thankyou a {  color: #009edf;  font-weight: 200;  text-decoration: none;  border-bottom: 1px dashed #009edf;  border-radius: 2px; margin-top:25px;}.thankyou a:hover {  color: #0372a0;  font-weight: 200;  text-decoration: none;  border-bottom: 1px dashed #0372a0;  border-radius: 2px;}.error{ width:90%; margin:30px auto; text-align:center;}.error h2{ font-size: 186px;  font-weight: 200;  margin: 0px;  color:#009edf;  -webkit-background-clip: text;  background-clip: text;  text-transform: uppercase;}.error h3{font-size: 33px;  font-weight: 200;  text-transform: uppercase;  margin-top: 0px;  margin-bottom: 20px;  letter-spacing: 2px;}    .error p {  font-size: 16px;  font-weight: 200;  margin-top: 0px;  margin-bottom: 25px;} .error a {  color: #009edf;  font-weight: 200;  text-decoration: none;  border-bottom: 1px dashed #009edf;  border-radius: 2px;}.error a:hover {  color: #0372a0;  font-weight: 200;  text-decoration: none;  border-bottom: 1px dashed #0372a0;  border-radius: 2px;}.error-social>a {  display: inline-block;  height: 40px;  line-height: 40px;  width: 40px;  font-size: 14px;  color: #009edf;  border: 1px solid #efefef;  border-radius: 50%;  margin: 3px;  -webkit-transition: 0.2s all;  transition: 0.2s all;}.error-social>a:hover {  color: #fff;  background-color: #009edf;  border-color: #009edf; border-radius: 50%;} @media only screen and (max-width: 480px) {  .error h2{ font-size:120px;}  .error h3{ font-size:20px;}}/*=======================End==================*/