@font-face {
  font-family: "SCRIPTBL";
  src:url(../fonts/SCRIPTBL.TTF);
}


html {
	box-sizing: border-box;
	position: relative;
	scroll-behavior: smooth
}
body {
	margin: 0;
	-webkit-overflow-scrolling: touch
}
* {
	margin: 0
}
@font-face {
	font-family: loudfontgk;
	src: url(../fonts/font_black.otf)
}
@font-face {
	font-family: loudfontgb;
	src: url(../fonts/font_bold.otf)
}
@font-face {
	font-family: loudfontgm;
	src: url(../fonts/font_medium.otf)
}
@font-face {
	font-family: loudfontgl;
	src: url(../fonts/font_light.otf)
}
@font-face {
	font-family: loudfontgbk;
	src: url(../fonts/font_book.otf)
}
@font-face {
	font-family: loudfontwr;
	src: url(../fonts/loudfont.ttf)
}
#header {
	padding: 0 15px;
	margin: 0;
	border-bottom: 0px solid #4997d2 !important;
	    z-index: 1000;
        background: none !important;
}
.prlx-gp {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.cover_dv {
    width: 100%;
    max-width: 2000px;
    margin: 0 auto;
    padding: 20px 70px 0px;
}
.back {
	width: 100%;
	height: auto;
	position: relative
}
.front {
	background-color: #ccc;
	padding: 14em 1em;
	position: relative;
	z-index: 2
}
.main {
    overflow-x: hidden;
    overflow-y: auto;
    background: url(../img/main_bg.jpg) center top no-repeat;
    padding-bottom: 100px;
}
.menu_area {
	width: 70px;
	height: 70px;
	padding: 22px 15px 22px 22px;
	margin-top: 8px;
	margin-right: 15px;
	display: none
}
.menu_area div {
	background-color: #333;
	width: 100%;
	height: 4px;
	margin-bottom: 4px;
	-webkit-transition: width .3s ease-in-out;
	-moz-transition: width .3s ease-in-out;
	-ms-transition: width .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
	position: relative;
	overflow: hidden
}
.menu_area div:nth-child(2) {
	width: 70%
}
.menu_area div:nth-child(3) {
	width: 45%
}
.menu_area div::before {
	content: "";
	position: absolute;
	display: block;
	width: 10px;
	height: 100%;
	background-color: #96aab5;
	left: -11px;
	opacity: 0
}
.menu_area:hover div::before {
	-webkit-animation: 280ms linear .5s move1;
	animation: 280ms linear .5s move1
}
@keyframes move1 {
from {
left:-11px;
opacity:1
}
to {
	left: 100%;
	opacity: 0
}
}
.loud_logo {
	 margin: 0px 0 0 30px;
	-webkit-perspective: 100px;
	-moz-perspective: 100px;
	-ms-perspective: 100px;
	-o-perspective: 100px;
	perspective: 100px
}
.loud_logo a {
	text-decoration: none;
	color: #333;
	font-family: loudfontwr;
	font-size: 1.5rem;
letter-spacing:.2rem
}
.loud_logo img {
	padding: 10px;
	max-width: 100%;
}
.loud_logo a:hover img {
	-webkit-animation: 3s linear infinite logoanm;
	animation: 3s linear infinite logoanm
}
@keyframes logoanm {
0%, 100%, 52% {
-webkit-transform:rotateY(0);
-moz-transform:rotateY(0);
-ms-transform:rotateY(0);
-o-transform:rotateY(0);
transform:rotateY(0)
}
32% {
-webkit-transform:rotateY(20deg);
-moz-transform:rotateY(20deg);
-ms-transform:rotateY(20deg);
-o-transform:rotateY(20deg);
transform:rotateY(20deg)
}
72% {
-webkit-transform:rotateY(-20deg);
-moz-transform:rotateY(-20deg);
-ms-transform:rotateY(-20deg);
-o-transform:rotateY(-20deg);
transform:rotateY(-20deg)
}
}
.menu_poins_cvr {
	position: fixed;
	height: 100px;
	width: 70px;
	z-index: 1031;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: auto;
	display: none
}
.x_c {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}
.menu_poins_cvr ul {
	margin: 0;
	float: right
}
.menu_poins_cvr ul li {
	background-color: #333;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-bottom: 15px;
	transition: background-color .5s ease-in
}
.menu_poins_cvr ul a:hover li {
	background-color: #c5c5c5
}
.menu_poins_cvr ul li:nth-child(3) {
	margin-bottom: 0
}
li.active_mn {
	-webkit-animation: .8s linear .3s infinite poinanm;
	animation: .8s linear .3s infinite poinanm
}
@keyframes poinanm {
from {
-webkit-box-shadow:0 0 4px 1px rgba(51,51,51,.64);
-moz-box-shadow:0 0 4px 1px rgba(251,51,51,.64);
box-shadow:0 0 4px 1px rgba(51,51,51,.64)
}
to {
	-webkit-box-shadow: 0 0 10px 1px rgba(51, 51, 51);
	-moz-box-shadow: 0 0 10px 1px rgba(51, 51, 51);
	box-shadow: 0 0 10px 1px rgba(51, 51, 51)
}
}
.expad {
	padding-top: 50px
}
.content_dv {
	color: #333;
	display: table;
	margin: 0 auto
}
.content_dv h1 {
	margin: 0;
	font-size: 9em;
	font-family: loudfontgl;
	text-transform: uppercase;
	letter-spacing: -1.5px;
	color: grey
}
.content_dv h4 {
	font-family: loudfontgl;
	font-size: 1.2rem;
	line-height: 2.3rem;
	letter-spacing: 2px;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word;
	z-index: -1;
	color: #333;
	text-shadow: none;
	text-align: right
}
.transall {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.content_dv h1 span {
	font-family: loudfontgk;
	color: #4893cd
}
.front_cnt {
	position: relative;
	z-index: 3;
	width: 100%;
	max-width: 600px;
	-webkit-perspective: 100px;
	-moz-perspective: 100px;
	-ms-perspective: 100px;
	-o-perspective: 100px
}
.front_cnt h4 {
	font-family: loudfontgl;
	font-size: 1.7rem;
	line-height: 2.3rem;
	letter-spacing: 2px;
	text-align: right;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word;
	position: relative;
	z-index: -1;
	color: #333
}
.rds-font-sz h1 {
	font-size: 6rem
}
.front_cnt button {
	width: 155px;
	padding: 13px 15px;
	max-width: 100%;
	background: #6d6e71;
	border: none;
	color: #b1c836;
	font-family: loudfontgl;
	text-align: center;
	line-height: 19px;
	font-size: 1.3rem;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: relative;
	overflow: hidden;
	outline: 0;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.front_cnt button::before {
	content: ">>";
	display: block;
	position: absolute;
	width: 0%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #4993cd;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	overflow: hidden
}
.front_cnt button:hover {
	border-radius: 4px;
	cursor: pointer
}
.front_cnt button:hover::before {
	width: 100%;
	cursor: pointer
}
.sc2 {
	height: 100vh
}
.scoial {
    position: fixed;
    bottom: 80px;
    right: 3px;
    z-index: 3;
}
.scoial ul {
	margin: 0
}
.scoial ul li {
	color: #fff;
	background-color: #4d5d6e;
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	display: table;
	margin-right: 10px;
	padding-top: 2.7px;
	margin-bottom: 7px
}


.team_olam {
    position: fixed;
    bottom: 150px;
    left: -18px;
    z-index: 3;
}
.team_olam ul {
	margin: 0
}
.team_olam ul li {
	color: #fff;
	width: 73px;
	height: 250px;
	text-align: center;
	display: table;

}


.directio_arrow {
	position: fixed;
	text-align: center;
	z-index: 3;
	font-size: 7rem;
	left: 50%;
	display: block
}
.ar_up {
	top: 75px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: 1032
}
.ar_btm {
	bottom: 25px
}
.ar_top {
	top: 70px;
	transform: rotate(180deg)
}
.directio_arrow a {
	position: relative
}
.directio_arrow i {
	color: #fff;
	color: rgba(255, 255, 255)
}
.down_ic {
	width: 25px;
	height: 25px;
	border-left: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(-45deg);
	position: relative
}
.down_ic:nth-child(2) {
	bottom: 5px
}
.nav_cover {
	position: fixed;
	width: 100%;
	height: auto;
	min-height: 100vh;
	z-index: 5;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	background-color: rgba(0,0,0,.92);
	padding-right: 70px;
	padding-top: 70px;
	letter-spacing: 1px;
	display: none;
	opacity: 0
}
#loud_nav_clip_rgt ul {
	display: inline-grid;
	margin: 0
}
#loud_nav_clip_rgt ul a {
	color: #fff;
	text-transform: capitalize;
	text-decoration: none;
	font-size: 1.7rem;
	font-family: loudfontgbk;
	text-align: center;
	width: 100%;
	-webkit-transition: color .3s ease-in-out;
	-moz-transition: color .3s ease-in-out;
	-ms-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out
}
#loud_nav_clip_rgt ul a::after {
	content: "";
	position: absolute;
	display: block;
	width: 0%;
	height: 1px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: rgb(255, 255, 255, 0);
	background-color: rgba(255,255,255,0);
	bottom: -1rem;
	right: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out
}
ul.home-mn a::after {
	content: "";
	position: absolute;
	display: block;
	width: 0%;
	height: 1px;
	border-bottom: 1px solid #a7a9ac;
	border-right: 1px solid #a7a9ac;
	background-color: rgb(255, 255, 255, 0);
	background-color: rgba(255,255,255,0);
	bottom: -1rem;
	right: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out
}
#loud_nav_clip_rgt ul a::before {
	content: "";
	position: absolute;
	display: block;
	width: 0%;
	height: 1px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	background-color: rgb(255, 255, 255, 0);
	background-color: rgba(255,255,255,0);
	bottom: -1rem;
	left: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out
}
ul.home-mn a::before {
	content: "";
	position: absolute;
	display: block;
	width: 0%;
	height: 1px;
	border-bottom: 1px solid #4c94cd;
	border-left: 1px solid #4c94cd;
	background-color: rgb(255, 255, 255, 0);
	background-color: rgba(255,255,255,0);
	bottom: -1rem;
	left: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: 350ms ease-in-out;
	-moz-transition: 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: 350ms ease-in-out;
	transition: 350ms ease-in-out
}
#loud_nav_clip_rgt {
	position: relative;
	width: 100%;
	max-width: 105px;
	right: -195px;
	opacity: 0
}
#loud_nav_clip_rgt ul li {
	    margin-bottom: 20px;
	text-align: center;
	position: relative
}
#loud_nav_clip_rgt ul li:last-child {
	margin-bottom: 0
}
#loud_nav_clip_rgt ul a:hover {
	color: #d8d8d8
}
#loud_nav_clip_rgt ul a:hover::after, #loud_nav_clip_rgt ul a:hover::before, ul.home-mn a.active::after, ul.home-mn a.active::before, ul.home-mn a:hover::after, ul.home-mn a:hover::before {
	opacity: 1;
	width: 50%
}
.arbg {
	width: 100%;
	height: auto;
	background-size: cover;
	background-position: top center
}
.bg2 {
	background-image: url(../images/bg/loudimc.com-bg3.png)
}
.bg3 {
	background-image: url(../images/bg/loudimc.com-bg4.png)
}
.content_dv2 {
	color: #fff;
	height: auto
}
.front_cnt {
	display: table;
	margin: 0 auto
}
.front_cnt h1 {
	margin: 0;
	font-size: 7rem;
	font-family: loudfontgl;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #333;
	padding-bottom: 35px;
	word-break: break-all;
	word-wrap: break-word;
	-webkit-text-shadow: #333 0 1px 2px;
	-moz-text-shadow: #333 0 1px 2px;
	text-shadow: #333 0 1px 2px
}
.front_cnt h1 span {
	font-family: loudfontgk;
	color: #4993cd
}
.wd100 {
	max-width: 100%!important;
	max-width: 100%
}
.ldanm {
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out
}
.cnt_lod_wnd {
	width: 100%;
	height: auto;
	min-height: auto;
	visibility: hidden;
	opacity: 0
}
.rdspad {
	margin: 0
}
.back_arrow {
	margin-top: -17px
}
.back_arrow i {
	color: #575656;
	font-size: 3.5em
}
.inrpad {
	padding: 0 40px
}
.main_head {
	padding-top: 70px
}
.main_head h1 {
	margin: 0;
	font-family: loudfontgb;
	font-size: 5.5rem;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.main_head h4 {
	margin: 0;
	    font-family: loudfontgbk;
    font-size: 2.3rem;
	padding-top: 10px;
	color: #4997d2;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word;
	padding-bottom:0px;
}


.para_g {
	padding: 25px 0 50px;
	margin-left: -15px
}
.para_g p {
	font-family: loudfontgbk;
	    font-size: 1.4rem;
	line-height: 25px;
	text-align: justify;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.aboutimg {
	padding: 25px 0 50px;
	margin-right: -15px
}
.aboutimg img {
	margin: 0 auto;
	margin-top:-45px;
	
}
.rmvpdtp {
	padding-top: 0
}
.whatwedo {
	padding-top: 70px
}
.wedobox {
	width: 100%;
	height: 170px;
	background-color: #ccc;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 15px;
	-webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	-moz-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	box-shadow: 0 5px 6px 0 rgba(0,0,0,.16)
}
.wedobox h4 {
	color: #fff;
	font-size: 2.5rem;
	font-family: loudfontgm;
	letter-spacing: 1px;
	margin: 0;
	padding-bottom: 0;
	text-align: center;
	line-height: 35px;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.newngmrg {
	margin-left: -25px;
	margin-right: -25px
}
.bxbtmmrg {
	margin-bottom: 50px;
	padding-left: 25px;
	padding-right: 25px
}
.elm_cntr {
	margin: 0 auto
}
.btnbtncvr {
	padding-bottom: 70px
}
.btnbtncvr button {
	width: 250px
}
.whtbgbtn button {
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.161);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.161);
	-ms-box-shadow: 0 3px 6px rgba(0,0,0,.161);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,.161);
	box-shadow: 0 3px 6px rgba(0,0,0,.161)
}
.main_head_crr h1 {
	font-size: 2.5rem;
	line-height: 35px
}
.main_head_crr h1 span {
	color: #4993cd
}
.cntrimg {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	height: auto;
	min-height: 100vh
}
.cntr_form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	display: flex;
	align-items: center;
	height: auto;
	min-height: 100vh
}
.loud_form1 {
	width: 100%;
	max-width: 330px
}
.loud_form1 label {
	font-family: loudfontgm;
	font-size: 1rem;
	text-transform: uppercase;
	padding-bottom: 5px;
	color: #222;
	width: 100%;
	word-break: break-all;
	word-break: break-word;
	word-wrap: break-word
}
.loud_form1 input, .loud_form1 select {
	width: 100%;
	outline: 0;
	border: 2px solid #4591cb;
	border-radius: 0;
	height: 45px;
	margin-bottom: 20px;
	font-family: loudfontgm;
	color: rgb(0, 0, 0, .5);
	color: rgba(0,0,0,.5);
	font-size: .8em
}
.loud_form1 textarea {
	resize: none;
	border-radius: 0;
	outline: 0;
	border: 2px solid #4591cb;
	font-family: loudfontgm;
	color: rgb(0, 0, 0, .5);
	color: rgba(0,0,0,.5);
	font-size: .8em;
	height: 50px;
	max-height: 50px
}
.loud_form1 input[type=submit] {
	font-size: .9em;
	color: #fff;
	background-color: #4591cb;
	border: none;
	max-width: 110px;
	height: auto;
	letter-spacing: 2px;
	padding: 7px 15px;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
::-webkit-input-placeholder {
color:rgb(0, 0, 0, .5);
color:rgba(0,0,0,.5)
}
::-moz-placeholder {
color:rgb(0, 0, 0, .5);
color:rgba(0,0,0,.5)
}
:-ms-input-placeholder {
color:rgb(0, 0, 0, .5);
color:rgba(0,0,0,.5)
}
:-moz-placeholder {
color:rgb(0, 0, 0, .5);
color:rgba(0,0,0,.5)
}
.vh_rm_hd {
	height: auto
}
.contact_cvr {
	position: relative;
	padding-top: 70px;
	margin-bottom: 50px
}
.loudadrss h1 {
	font-family: loudfontgm;
	font-size: 4.3rem;
	margin: 0;
	padding-bottom: 20px;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.loudadrss p {
	font-family: loudfontgbk;
	    font-size: 1.4rem;
	line-height: 35px;
	letter-spacing: 1px;
	padding-bottom: 10px;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.loudadrss span {
	position: relative;
	padding-left: 25px
}
.loudadrss span.ic_ml::before {
	content: url(../img/lctn.png);
	position: absolute;
	display: block
}
.loudadrss span.ic_phn::before {
	content: url(../img/phn.png);
	position: absolute;
	display: block
}
.loudmap iframe {
	width: 100%;
	height: 350px;
	background-color: #ccc
}
.loud_form2 input, textarea {
	margin-bottom: 0!important
}
.loud_form2 textarea {
	float: left;
	width: 75%
}
.loud_form2 input[type=submit] {
	float: left;
	width: 25%;
	min-height: 50px;
	max-width: 100%
}
.social ul {
	margin: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}
.social ul li {
	display: inline-grid;
	margin-right: 15px;
	font-family: loudfontgm;
	font-size: 15px
}
.social ul li a {
	color: #fff;
	background-color: #4591cb;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: .8em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	text-decoration: none
}
.bfr_cnt h1 {
	position: relative;
	font-size: 7.5rem
}
.bfr_cnt h1::before {
	content: "OUR";
	position: relative;
	display: block;
	font-size: 2.3rem
}
.pshd::before {
	display: none!important
}
.slct_dvps {
	margin-bottom: 70px;
	-webkit-transition: width .3s ease-in;
	-moz-transition: width .3s ease-in;
	-ms-transition: width .3s ease-in;
	-o-transition: width .3s ease-in;
	transition: width .3s ease-in
}
.slct_dvps:nth-child(even) div.team_cvr {
	padding-top: 200px
}
.slct_dvps:nth-child(even) div.team_cvr::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	height: 80%;
	width: 0;
	left: -15.5px
}
.team_cvr {
	padding-top: 70px;
	position: relative;
	margin: 0 -15px
}
.teaminfo h3, h4 {
	font-family: loudfontgm;
	margin: 0;
	padding-bottom: 25px;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.teaminfo h3 {
	color: #141414;
	font-size: 2.4rem
}
.teaminfo h4 {
	color: #4993cd;
	font-size: 2rem
}
.teaminfo p {
	font-family: loudfontgbk;
	padding-bottom: 25px;
	font-size: 1rem
}
.hd p {
	font-size: 1.5rem
}
.teaminfo button {
	width: 100%;
	max-width: 110px;
	font-size: 1.1em;
	margin: 0;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.socialic ul {
	margin: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}
.socialic ul li {
	display: inline-grid;
	margin-right: 15px;
	font-family: loudfontgm;
	font-size: 15px
}
.socialic ul li a {
	color: #fff;
	background-color: #4993cd;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	font-size: .8em;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	text-decoration: none
}
.hd {
	display: none
}
.tm_opn {
	width: 100%!important
}
.clnt_bg {
	background-color: #ececee
}
.client_cvr {
	padding-top: 150px
}
.client_bx {
	height: auto;
	max-height: 165px;
	overflow: hidden
}
.client_bx img {
	max-height: 165px;
	margin: 0 auto;
	-webkit-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: .3s ease-in;
	transition: .3s ease-in;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.client_bx img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.clnt_brdr {
	border-left: 1px solid #bcbcbc;
	margin-bottom: 110px;
	-webkit-transition: width .3s ease-in;
	-moz-transition: width .3s ease-in;
	-ms-transition: width .3s ease-in;
	-o-transition: width .3s ease-in;
	transition: width .3s ease-in
}
.cnt_hdn {
	display: none
}
.clnt_wrk_bx {
	width: 100%;
	max-width: 338px;
	margin: 0 auto
}
.clnt_sub_hd {
	margin-bottom: 85px
}
.clnt_sub_hd h4 {
	font-family: loudfontgm;
	font-size: 2.6rem
}
.mrg55 {
	margin-left: -55px;
	margin-right: -55px
}
.project_cvr {
	padding-top: 100px;
	margin-left: -15px;
	margin-right: -15px
}
.work_cvr {
	position: relative;
	overflow: hidden
}
.work_cvr img {
	-webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	-moz-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	width: 100%;
	max-width: 335px;
	margin: 0 auto;
	-webkit-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: .3s ease-in;
	transition: .3s ease-in;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.work_cvr h1 {
	text-transform: uppercase;
	display: flex;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 15px;
	height: 100%;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 7rem;
letter-spacing:.2rem;
	font-family: loudfontgm;
	opacity: 0;
	-webkit-transition: .3s ease-in 750ms;
	-moz-transition: .3s ease-in 750ms;
	-ms-transition: all .3s ease-in 750ms;
	-o-transition: .3s ease-in 750ms;
	transition: .3s ease-in 750ms;
	-webkit-text-shadow: 2px 3px 8px rgb(0, 0, 0, .4);
	-webkit-text-shadow: 2px 3px 8px rgba(0,0,0,.4);
	-moz-text-shadow: 2px 3px 8px rgb(0, 0, 0, .4);
	-moz-text-shadow: 2px 3px 8px rgba(0,0,0,.4);
	-ms-text-shadow: 2px 3px 8px rgb(0, 0, 0, .4);
	-ms-text-shadow: 2px 3px 8px rgba(0,0,0,.4);
	-o-text-shadow: 2px 3px 8px rgb(0, 0, 0, .4);
	-o-text-shadow: 2px 3px 8px rgba(0,0,0,.4);
	text-shadow: 2px 3px 8px rgba(0,0,0,.4);
	color: #fff;
	word-break: break-all;
	word-break: break-word;
	word-wrap: break-word
}
.work_cvr_eff:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: brightness(.2);
	filter: brightness(.2)
}
.work_cvr_eff::after {
	content: "More";
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #4993cd;
	font-family: loudfontgm;
	text-align: center;
	width: 70%;
	height: 70%;
	border: 1px solid #fff;
	justify-content: center;
	align-items: center;
	font-size: 1.2rem;
	-webkit-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: .3s ease-in;
	transition: .3s ease-in;
	opacity: 0;
	border-radius: 50%
}
.work_cvr_eff:hover::after {
	width: 70px;
	height: 70px;
	opacity: 1
}
.wrkmn {
	margin-bottom: 60px;
	-webkit-transition: width .3s ease-in;
	-moz-transition: width .3s ease-in;
	-ms-transition: width .3s ease-in;
	-o-transition: width .3s ease-in;
	transition: width .3s ease-in
}
.txt_cnt {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center
}
.showwrks {
	text-decoration: none!important
}
.cnptsmn {
	margin-bottom: 150px
}
.imgpos {
	position: absolute
}
.concept_txt h1 {
	font-family: loudfontgm;
	font-size: 4rem;
	margin: 0;
	padding-bottom: 25px;
	line-height: 5rem;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.concept_txt p {
	font-family: loudfontgbk;
	font-size: 1.4rem;
	letter-spacing: 1px;
	line-height: 3.5rem
}
.concept_txt img {
	display: none;
	padding-top: 15px;
	padding-bottom: 35px
}
.concept_cvr {
	padding-top: 150px
}
.cnptslct:nth-child(odd) div.concept_img {
	padding-right: 15px
}
.cnptslct:nth-child(even) div.concept_img, .cnptslct:nth-child(odd) div.concept_txt {
	padding-left: 15px
}
.cnptslct:nth-child(even) div.concept_txt {
	padding-right: 15px
}
.concept_img img {
	-webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	-moz-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	box-shadow: 0 5px 6px 0 rgba(0,0,0,.16)
}
.desktopsubhd h4 {
	font-family: loudfontgm;
	font-size: 2.6rem;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.desktopar {
	margin-left: -30px;
	margin-right: -30px;
	padding-top: 70px
}
.dsktp {
	margin-bottom: 60px
}
.desktopimg img {
	display: block;
	-webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	-moz-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	width: 100%;
	max-width: 300px;
	margin: 0 auto
}
.extrpd button {
	margin: 0
}
.extrpd {
	padding-bottom: 100px;
	margin-left: -15px
}
#loading-screen {
	position: fixed;
	width: 100%;
	height: 100vh;
	right: 0;
	overflow: hidden;
	background-color: #fff;
	z-index: 9999;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center
}
#loading-screen img {
	position: relative;
	display: block;
	max-width: 220px
}
.copyright {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	padding-bottom: 7px
}
.copyright p {
	text-align: center;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word;
	font-family: loudfontgl;
	font-size: 1.1rem;
letter-spacing:.15rem;
	color: #6d6e71
}
.cliblk p {
	color: #000
}
.clrmsg {
	color: red;
	font-family: loudfontgl;
	font-size: 1.1rem;
letter-spacing:.15rem;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.notificationbr {
	position: fixed;
	z-index: 1035;
	width: 100%;
	max-width: 400px;
	max-height: 100vh;
	overflow: hidden;
	background-color: transparent;
	right: 0;
	top: 0;
	padding: 15px
}
.notify {
	margin-bottom: 15px;
	width: 100%;
	height: auto;
	min-height: 70px;
	border-radius: 3px;
	background-color: #4993cd;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.35);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,.35);
	box-shadow: 0 2px 6px rgba(0,0,0,.35);
	padding: 15px 20px 5px 15px;
	position: relative;
	right: -500px;
	display: none;
	opacity: 0
}
.notify p {
	font-family: loudfontgl;
	font-size: 1.1rem;
letter-spacing:.17rem;
	line-height: 1.8rem;
	color: #4a4a4a;
	text-align: left;
	word-break: break-all;
	word-break: break-word;
	word-wrap: break-word
}
.notify p span {
	color: #fff
}
.spl {
	background-color: #3f51b5;
	color: #dcdcdc!important
}
button.notifyclose {
	position: absolute;
	background-color: #f9e7e7;
	color: #000;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	overflow: hidden;
	right: 4px;
	top: 4px;
	border: none;
	text-align: center;
	padding: 0;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.25);
	box-shadow: 0 2px 3px rgba(0,0,0,.25)
}
button.notifyclose i {
font-size:.8rem;
	position: relative;
	top: -5px
}
button.notifyclose:hover {
	background-color: #fff
}
.wrksrow div.child {
	margin-bottom: 50px
}
.promr {
	padding-top: 100px
}
.hdntminf {
	padding-top: 150px;
	display: none
}
.cvrtminf {
	position: relative
}
.cvrtminf p {
	text-align: right;
	font-family: loudfontgl;
	color: rgb(44, 44, 44, .8);
	color: rgba(44,44,44,.8)
}
.cvrtminf h3 {
	font-family: loudfontgm;
	font-size: 2.8rem;
	line-height: 4rem;
	margin: 0;
	padding-bottom: 30px;
	padding-top: 60px;
	color: #2c2c2c;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word;
	text-align: center
}
.cvrtminf div i {
	font-size: 5rem;
	color: rgb(176, 199, 54, .5);
	color: rgba(176,199,54,.5)
}
.cvrtminf div:last-child {
	text-align: right
}
.fltbrght0 img {
	-webkit-filter: brightness(.4);
	-moz-filter: brightness(.4);
	-ms-filter: brightness(.4);
	-o-filter: brightness(.4);
	filter: brightness(.4)
}
.cvrtminfimg {
	position: relative
}
.tmsubbtn {
	position: absolute;
	bottom: 15%;
	width: 100%;
	max-width: 540px
}
.tmsubbtn button {
	display: block;
	margin: 0 auto;
	color: #fff;
	font-size: 1em;
	letter-spacing: .1em;
	max-width: 100px
}
div.front_cnt.rszbtn button {
	max-width: 100px
}
#moreproldr {
	text-align: center;
	font-size: 2.5rem;
	color: #4993cd;
	clear: both;
	margin-bottom: 50px
}
#moreproldr2 {
	text-align: center;
	font-size: 2.5rem;
	color: #4993cd;
	clear: both
}
.proldanm {
	display: none
}
.menu-side-btn {
	position: fixed;
	right: 0;
	display: block;
	top: 50%;
	z-index: 1033
}
.menu-side-btn button {
	border: none;
	width: 15px;
	height: 40px;
	background-color: #4993cd;
	text-align: center;
	padding: 0;
	color: #fff;
	font-size: 12px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.35);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.35);
	box-shadow: 0 2px 3px rgba(0,0,0,.35)
}
.rtt180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
.profile {
	width: 100%;
	min-height: 100vh;
	padding: 25px
}
.profilerw {
	margin: 0
}
.profilerw section.profile:nth-child(1) {
	margin-top: 100px;
	background-color: #1b81c5
}
.profilerw section.profile:nth-child(2) {
	background-color: #b0c636
}
.profilerw section.profile:nth-child(3) {
	background-color: #bb3193
}
.profilerw section.profile:nth-child(4) {
	background-color: #de5b58
}
.profilerw section.profile:nth-child(5) {
	background-color: #1b81c5
}
.profilerw section h1 {
	font-family: loudfontgb;
	color: #fff;
	font-size: 6rem;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word;
	margin: 0;
	padding-bottom: 15px
}
.profilerw section h1 span {
	color: #1e1f1e
}
.profilerw section p {
	font-family: loudfontgbk;
	color: #fffcf1;
	font-size: 1.5rem;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word;
	max-width: 440px
}
.profilepg1 img {
	max-width: 150px;
	display: block;
	margin: 0 auto
}
.procontentcvr {
	height: 100vh;
	min-height: 100vh
}
.profcnt {
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100vh
}
.profcntr {
	position: relative;
	float: left;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.profimgcntr {
	position: relative;
	float: left;
	top: 90%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.loadinc {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	position: relative;
	overflow: hidden
}
.dt1 {
	width: 0;
	height: 0;
	position: absolute;
	-webkit-animation: .6s infinite ldinc2;
	animation: .6s infinite ldinc2;
	border-radius: 50%;
	background-color: #6d6e71;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.dt2 {
	width: 0;
	height: 0;
	position: absolute;
	-webkit-animation: .8s infinite ldinc1;
	animation: .8s infinite ldinc1;
	border-radius: 50%;
	border: 0 solid #4993cd;
	opacity: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
@-webkit-keyframes ldinc1 {
0% {
width:0;
height:0;
border:0 solid #4993cd;
opacity:0
}
80% {
width:100%;
height:100%;
border:2px solid #4993cd;
opacity:1
}
100% {
width:100%;
height:100%;
border:2px solid #4993cd;
opacity:0
}
}
@keyframes ldinc1 {
0% {
width:0;
height:0;
border:0 solid #4993cd;
opacity:0
}
80% {
width:100%;
height:100%;
border:2px solid #4993cd;
opacity:1
}
100% {
width:100%;
height:100%;
border:2px solid #000;
opacity:0
}
}
@-webkit-keyframes ldinc2 {
0%, 100% {
width:20%;
height:20%
}
50% {
width:25%;
height:25%
}
}
@keyframes ldinc2 {
0%, 100% {
width:20%;
height:20%
}
50% {
width:25%;
height:25%
}
}
button.set_max_wd {
	max-width: 150px!important
}
.home-clients {
	display: flex
}
.home-clients img {
	max-width: 150px;
	max-height: 150px
}
.d-felx {
	display: flex;
	-webkit-display: flex;
	-moz-display: flex
}
.justify-middle {
	justify-content: center
}
.justify-end {
	justify-content: end
}
ul.home-mn {
	padding-top: 30px;
	margin-right: 15px
}
ul.home-mn li {
	padding: 1rem
}
ul.home-mn li a {
	text-decoration: none;
	color: #333;
	text-transform: capitalize;
	letter-spacing: 1.5px;
	font-family: loudfontgbk;
	position: relative;
	font-size: 1.6rem;
}
#whatwedo {
	padding-top: 5em
}
.cvric {
	max-width: 260px;
	overflow: hidden;
	margin: 0 auto;
	padding: 15px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.cvric img {
	display: block;
	margin: 0 auto;
	position: relative;
	-webkit-animation: 1.5s ease-in infinite mymove;
	animation: 1.5s ease-in infinite mymove
}
@-webkit-keyframes mymove {
0%, 100% {
opacity:.6;
top:0
}
50% {
opacity:1;
top:-5px
}
}
@keyframes mymove {
0%, 100% {
opacity:.6;
top:0
}
50% {
opacity:1;
top:-5px
}
}
.cvric h5 {
	font-family: loudfontgm;
	letter-spacing: 1.5px
}
.cvric p {
	font-family: loudfontgbk;
	font-size: 1.3rem;
	line-height: 25px;
	text-align: justify;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word;
	padding-top: 5px;
	text-align-last: center
}
.whatwedopara {
	padding-top: 0!important
}
.whatwedopara .cover_dv {
	padding-top: 0
}
.deskmaxwd {
	padding-top: 70px;
	padding-bottom: 30px;
	max-width: 1050px;
	margin: 0 auto
}
.cover_dv_pd {
	padding-top: 70px
}
.home_clnt_slide_cvr {
	padding: 0 15px;
	margin: 0 auto
}
.sld_clnt_img_box img {
	display: block;
	margin: 0 auto;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: .3s ease-in
}
.sld_clnt_img_box img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
ul#loud_home_sld {
	white-space: nowrap;
	display: inline-flex;
	overflow: hidden
}
div.home_clnt_slide_cvr div a {
	position: absolute;
	text-decoration: none;
	color: #333;
	width: 15px;
	height: 15px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	margin: auto 0;
	transition: .2s ease-in
}
div.home_clnt_slide_cvr div a:hover {
	color: #4993cd;
	transform: scale(1.2)
}
a#sld_arrow_left {
	left: 0
}
a#sld_arrow_right {
	right: 0
}
div.home_clnt_slide_cvr div {
	overflow: hidden;
	float: left
}
div.sld_anch {
	width: 50px;
	position: relative
}
div.sld_mn {
	width: calc(100% - 100px)
}
div.ld_cat_cover {
	width: 100%;
	margin: 0 auto;
	padding: 25px 15px 35px
}
div.hm_cat_box {
	max-width: 458px;
	max-height: 200px;
	padding: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: .2s ease-in
}
div.hm_cat_box:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	cursor: pointer
}
div.hm_cat_box button {
	text-decoration: none;
	color: #b1c836;
	text-align: center;
	font-family: loudfontgl;
	font-size: 1.2rem;
	letter-spacing: 1.1px;
	background-color: #6d6e71;
	padding: 13px 30px;
	border: none;
	margin: 0;
	width: auto;
	box-shadow: none
}
div.hm_cat_box button:hover {
	border-radius: 0
}
.footer_group_cvr {
	padding-top: 150px;
	padding-bottom: 100px
}
.tstmnl_logo_cvr {
	width: 110px;
	height: 110px;
	border: none;
	border-radius: 50%;
	background-color: #4993cd;
	overflow: hidden;
	position: relative
}
.tstmnl_logo_cvr img {
	display: block;
	margin: 0 auto;
	max-width: 80%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.testimonial-text h1 {
	font-family: loudfontgm;
	color: #4d4b4b;
	font-size: 3.1rem;
	margin-top: 0
}
.testimonial-text h4 {
	font-family: loudfontgm;
	color: #4993cd;
	font-size: 1.6rem
}
.testimonial-text p {
	font-family: loudfontgbk;
	color: #202020;
	font-size: 1.3rem;
	text-align: left
}
.testimonial-cover {
	display: flex;
	align-items: center
}
.testimonial-logo {
	display: flex;
	justify-content: center;
	padding: 0 30px
}
.hm_video_cover {
	position: relative;
	max-width: 430px;
	margin: 0 auto
}
.hm_video_cover iframe {
	width: 100%;
	max-width: 430px;
	height: 250px;
	max-height: 250px
}
.hm_video_cover img.video_bg {
	position: absolute
}
.hm_video_cover button#play_video {
	position: absolute;
	background-color: transparent;
	color: #4993cd;
	font-size: 4.5rem;
	border: none;
	width: 50px;
	height: 50px;
	text-align: center;
	z-index: 1;
	transition: .3s ease-in;
	border-radius: 50%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}
.hm_video_cover button#play_video:hover {
	cursor: pointer;
	color: #dfff36;
	font-size: 4.7rem
}
.main_minhg {
	display: flex;
	align-items: center
}
.cover_dv_nav {
	max-width: 2000px;
	margin: 0 auto
}
.main_head h6.sub {
	margin: 0;
	font-family: loudfontgbk;
	font-size: 1.5rem;
	padding-top: 15px;
	color: #b1c736;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.footer-contact {
	background-color: #4993cd
}
.hm_sbmt {
	border: 1px solid #fff!important;
	border-left: 0!important;
	margin-top: 2px;
	min-height: 46px!important;
	margin-left: -2px
}
.clr-wht {
	color: #fff
}
.prev_back_btn {
	position: fixed;
	z-index: 100;
	display: none
}
.prev_back_btn i {
	background-color: #b1c736;
	color: #333;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 2.5em;
	padding-right: 4px;
	padding-top: 2px;
	-webkit-transition: scale .7s ease-in;
	-moz-transition: scale .7s ease-in;
	-ms-transition: scale .7s ease-in;
	transition: scale .7s ease-in
}
.prev_back_btn i:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.project_cat_cvr {
	width: 100vw;
	height: 100vh;
	background: rgba(255,255,255,.87);
	position: fixed;
	z-index: 1031;
	display: none;
	padding: 0 15px
}
.p_cat_frame {
	position: relative
}
.p_cat_align {
	display: flex;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	overflow-y: scroll;
	webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center
}
.p_cat_align ul {
	width: 100%;
	max-width: 400px;
	font-size: 2rem;
	font-family: loudfontgbk
}
.p_cat_align ul li {
	padding-bottom: 20px
}
.p_cat_act_li {
	color: #4993cd
}
button.load_more_btn {
	width: 155px;
	padding: 13px 15px;
	max-width: 100%;
	background: #6d6e71;
	border: none;
	color: #b1c836;
	font-family: loudfontgl;
	text-align: center;
	line-height: 19px;
	font-size: 1.3rem;
	overflow: hidden;
	outline: 0;
	word-break: break-all;
	word-wrap: break-word;
	word-break: break-word
}
.pt-0 {
	padding-top: 0!important
}
.pt-20 {
	padding-top: 20px!important
}
.pt-30 {
	padding-top: 30px!important
}
.pt-60 {
	padding-top: 60px!important
}
.px-0 {
	padding-left: 0!important;
	padding-right: 0!important
}
.py-0 {
	padding-top: 0!important;
	padding-bottom: 0!important
}
.mb-20 {
	margin-bottom: 20px!important
}
.mb-30 {
	margin-bottom: 30px!important
}
.mb-60 {
	margin-bottom: 60px!important
}
.mb-100 {
	margin-bottom: 100px!important
}
.main_footer {
	background: #f0f0f0;
	text-align: center;
	padding-bottom: 10px;
	font-family: loudfontgbk;
}
.main_footer logo {
	text-align: center;
}
.about_us_section {
	padding-top: 90px;
}
.service_outer {
	width: 100%;
	padding-bottom: 100px;
	float: left;
	padding-top: 50px;
}
.service_outer_img {
    width: 100%;
    margin-bottom: 30px;
    padding-left: 5px;
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 320px;
}

.service_outer_img img{ float:left; margin-right:5px;     width: 80px;}
.service_outer_img h1 {
    font-family: loudfontgb;
    font-size: 2rem;
    padding-top: 5px;
    color: #4997d2;
    font-weight: normal !important;
    text-align: center;
}
	
.service_outer_img h1 a:hover{ text-decoration:none !important;}	

.about_ct_box {
	/*-webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	-moz-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	transition: .2s ease-in;*/
	
	border: 5px solid #efefef;
    -webkit-border-radius: 30px 30px 30px 0;
    -moz-border-radius: 30px 30px 30px 0;
    -ms-border-radius: 30px 30px 30px 0;
    -o-border-radius: 30px 30px 30px 0;
    border-radius: 30px 30px 30px 0
 
 float: left;
}


.work_outer {
	width: 100%;
	padding-bottom: 100px;
	float: left;
	padding-top: 50px;
}
.work_outer_img {
	width: 100%;
	margin-bottom: 30px;
	
	
}

.samll_pera {
    margin: 0;
    font-family: loudfontgbk;
    font-size: 2rem;
    padding-top: 70px;
    font-weight: 600;
    padding-left: 25px;
    font-style: italic;
    color: #4997d2;
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
    padding-bottom: 0px;
}

.samll_pera_img{ width:100%;}
.about_ct_box:hover {
	cursor: pointer;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%)
}


.service_detail_img {
    padding: 0px 0 50px;
    margin-right: -15px;
    margin-top: 80px;
}

.logo_slider{ width:100%; margin-bottom:100px; float:left;}


.new_slider{ width:100%; text-align:center; padding-top:50px; padding-bottom:0px; float:left;}


.new_slider_image{ text-align:center; max-width:100%;}

.new_slider img{ max-width:100% !important;}	

.clients{
    -webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
    -moz-box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
    box-shadow: 0 5px 6px 0 rgba(0,0,0,.16);
   
	margin-bottom:30px;
}


.clients img{

   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   filter: grayscale(100%);
}



.clients img:hover {
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
   filter: grayscale(0%);
}


.new_logo img {
    padding: 10px;
    max-width: 100%;
}

.new_homepage_title{
	
	    margin: 0;
    font-size: 4em;
    font-family: loudfontgl;
    text-transform: uppercase;
    letter-spacing: -1.5px;
    color: grey;
	text-align:center;
        margin-top: 70px;
}




	}
	
	
.service_points{ width:100%;}

.service_points ul {
    font-size: 16px;
    line-height: 22px;
	padding-left:0px !important;
}


.service_points li {
    position: relative;
    padding-left: 20px;
    color: #787878;
    list-style: none;
	font-size: 1.4rem;
	color: #333;
	font-family: loudfontgbk;
}

.service_points li i {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    color: #6388c2;
	display:inline-block;
}

.digital_contant_box {
    width: 100%;
    border: #d1d1d1 solid 1px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 6px 20px 0 rgb(3 0 24 / 15%);
    background: url(../img/service_box_bg.png) left top repeat-x;;
    transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
    border-radius: 4px;
    height: 250px;

}



.digital_contant_box:hover {
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}

.small_title {
    margin: 0;
    font-family: loudfontgb;
    font-size: 2.5rem;
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
    width: 100%;
    color: #5a81be;
}


.smallbox_padding{margin-left: 0px; padding-top: 10px; padding-bottom: 0px;}

.service_landing_img{ width:100%;}
.service_landing_img img {
    width: 100%;
    margin-bottom: 20px;
}


.services-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
}

.services-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.services-one__img {
    position: relative;
    display: block;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    overflow: hidden;
    z-index: 1;
}

.services-one__img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(var(--oslim-black-rgb), .30);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    opacity: 1;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);

}

.services-one__single:hover .services-one__img:before {
    transform: scaleY(1.0);
}

.services-one__img img {
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

.services-one__single:hover .services-one__img img {
    transform: scale(1.1) rotate(2deg);
}

.services-one__content {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 20px 20px 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__single:hover .services-one__content {
    box-shadow: 0px 10px 60px 0px rgb(0, 0, 0, .10);
}

.services-one__title-box {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
}

.services-one__title-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.services-one__title-icon:before {
    position: absolute;
    top: 0;
    right: -30px;
    bottom: 0;
    width: 1px;
    content: "";
    background-color: #dcdce0;
}

.services-one__title-icon span {
    position: relative;
    display: inline-block;
    font-size: 66px;
    color: var(--oslim-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1) rotateY(0deg);
}

.services-one__single:hover .services-one__title-icon span {
    transform: scale(.9) rotateY(360deg);
    color: var(--oslim-black);
}

.services-one__title {
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}

.services-one__title a {
    color: var(--oslim-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__single:hover .services-one__title a {
    color: var(--oslim-base);
}

.services-one__text {
    font-weight: 500;
    line-height: 32px;
    margin: 0;
}

.services-one__bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dcdce0;
    padding-top: 10px;
    margin-top: 15px;
}

.services-one__read-more {
    font-size: 12px;
    color: var(--oslim-black);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1em;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.services-one__single:hover .services-one__read-more {
    color: var(--oslim-base);
}

.services-one__arrow {
    position: relative;
    height: 32px;
    width: 45px;
    background-color: var(--oslim-extra);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    color: var(--oslim-black);
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.services-one__single:hover .services-one__arrow {
    color: var(--oslim-white);
}

.services-one__arrow:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    background-color: #000;
    border-radius: 15px;
    transform: scale(0.0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
}

.services-one__single:hover .services-one__arrow:before {
    transform: scaleX(1.0);
}

.service_readmore {
    text-align: left;
    margin-top: 20px;
    
}



.btn-style-two {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	font-weight: 600;
	text-transform: capitalize;
	    border-radius: 50px;
	overflow: hidden;
	vertical-align: middle;
	background: #7ac1ea;
}
.btn-style-two:hover {
	color: #000;
	background: transparent;
    text-decoration: none;
}
.btn-style-two .btn-title-two {
	position: relative;
	display: block;
	z-index: 1;
    padding: 2px 25px 2px 25px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 6px;
	overflow: hidden;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
}
.btn-style-two:hover .btn-title-two {
	color: #FFF ;
}



.btn-style-two .btn-title-two::before {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #ff6b37;
    border-radius: 6px;
    color: #fff !important;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
	transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1) 0s, -webkit-transform 500ms 0s;
}
.btn-style-two:hover .btn-title-two:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}
.btn-style-two .btn-title-two i {
	margin-right: 5px;
	font-size: 16px;
	line-height: 1em;
	top: 5px;
}

.logo_color_1{ color: #ed232f !important}
.logo_color_2{ color: #f89c1d !important}
.logo_color_3{ color: #008f9f !important}
.logo_color_4{ color: #732571 !important}
.logo_color_5{ color: #bc1e58 !important}



@media (max-width:768px) {
	
	.samll_pera{ padding-left:0px; padding-top:15px;font-family: loudfontgbk;
    font-size: 1.8rem;color: #4997d2;}
	
	.main_minhg {
    min-height: 70vh;
}

.service_outer_img {
    width: 100%;
    margin-bottom: 30px;
    padding-left: 5px;
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
}

.service_outer {
    width: 100%;
    padding-bottom: 0px;
    float: left;
    padding-top: 50px;
}
    
    .digital_contant_box{ height: auto;}
	
	}