#menu,
body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
ol,
ul {
	padding: 0;
	margin: 0
}

h2,
h3 {
	color: #002229
}

#home,
#loader {
	top: 0;
	height: 100%
}

.dot,
.letter,
.sharing_links li {
	display: inline-block
}

#bgmodal,
#modal-youtube {
	display: none;
	z-index: 10001
}

@font-face {
	font-family: HaloHandletter;
	src: url("fonts/HaloHandletter.eot");
	src: local("☺"), url("fonts/HaloHandletter.woff") format("woff"), url("fonts/HaloHandletter.ttf") format("truetype"), url("fonts/HaloHandletter.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Seravek-Light;
	src: url("fonts/Seravek-Light.eot");
	src: local("☺"), url("fonts/Seravek-Light.woff") format("woff"), url("fonts/Seravek-Light.ttf") format("truetype"), url("fonts/Seravek-Light.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Seravek-ExtraLight;
	src: url("fonts/Seravek-ExtraLight.eot");
	src: local("☺"), url("fonts/Seravek-ExtraLight.woff") format("woff"), url("fonts/Seravek-ExtraLight.ttf") format("truetype"), url("fonts/Seravek-ExtraLight.svg") format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

blockquote,
body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	padding: 0;
	margin: 0;
	outline: 0
}

.about a:hover,
a {
	text-decoration: none
}

table {
	border-spacing: 0
}

abbr,
acronym,
fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-weight: 400;
	font-style: normal
}

strong {
	font-weight: 700
}

ol,
ul {
	list-style: none
}

.tribe p,
caption,
th {
	text-align: left
}

.about,
.aln-center,
.botui-actions-buttons,
.section-card h4,
.services .serviceImg,
.tribe h3,
.txtcentr,
h1,
h2 {
	text-align: center
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
	font-size: 100%
}

h1,
h2 {
	font-size: 2rem
}

q:after,
q:before {
	content: ""
}

body,
html {
	font-family: Seravek-Light, Sans-Serif;
	color: #000
}

.hyperlink {
	color: #e8af5e !important
}

.about a,
.about h2,
.about h4,
.about p,
.aboutus h2,
.background,
.background h2,
.background p,
.background1 h4,
.contactus .socialNetworks a:hover,
.contactus a,
.contactus h2,
.contactus h4,
.contactus p,
.ourwork h2,
.tribe h2,
.tribe h3,
.tribe p,
h1 {
	color: #fff
}

.pb-100 {
	padding-bottom: 100px
}

#loader {
	position: fixed;
	left: 0;
	z-index: 50001;
	width: 100%;
	background: #fff
}

.loader-cont {
	position: absolute;
	width: 211px;
	left: 50%;
	top: 50%;
	height: 200px;
	margin: -100px 0 0 -105px
}

#bgmodal,
#home,
#menu,
#modal-youtube,
.navbar {
	position: fixed
}

#menu,
.navbar {
	width: 100%
}

#menu {
	top: 0;
	left: 0;
	z-index: 70
}

h2 {
	font-weight: 400;
	padding: 1rem 0 0;
	font-family: Seravek-ExtraLight, Sans-Serif
}

h3 {
	font-size: 1.55rem
}

h4 {
	font-size: 1.6rem;
	padding: 1rem 0
}

h5 {
	font-size: 1.2rem;
	padding: .5rem 0
}

.section1about h2 {
	font-family: HaloHandletter, Sans-Serif;
	font-size: 5rem
}

p {
	padding: 0;
	margin: 0;
	font-size: 1rem
}

.navbar {
	z-index: 10
}

.navbar a.active {
	border-bottom: 2px solid #000
}

.about-card img,
.navbar .navbar-brand img {
	width: 150px
}

#home,
.awards-img img,
.botui-message-content iframe,
.contactus .formMid button,
.contactus .formMid textarea,
.home img,
.node1 img,
.node2 img,
.scroll-lnk img,
.tribe-card img,
.tribe-content img {
	width: 100%
}

.navbar li {
	padding: 5px 20px
}

#home {
	left: 0;
	z-index: 990
}

.homecontent {
	padding-top: 7%
}

section {
	padding: 50px 0
}

.awards,
.client2sec,
.infinitely,
.services,
.team,
.tribe2sec {
	background: #fbfbfb
}

.about,
.about-quote,
.contactus,
.ourwork,
.tribe {
	background: #002129
}

.awards,
.client2sec,
.tribe,
.tribe2sec {
	padding-bottom: 0
}

.section1 {
	padding: 5rem 0
}

.section1about {
	padding: 270px 0;
	position: relative;
	background: #fbfbfb
}

.node1,
.node2,
.testimonial:after {
	position: absolute
}

.section1p {
	padding: 120px 0 50px
}

.fs-20 {
	font-size: 20px
}

.pad-t-10 {
	padding-top: 10px
}

#services-carousel,
#tribe-carousel,
.pad-t-20 {
	padding-top: 20px
}

.mar-t-30 {
	margin-top: 30px
}

.about a {
	text-decoration: underline
}

.about-card {
	background: #fff;
	margin: 50px 0;
	padding: 20px 0 50px;
	border-radius: 50px;
	min-height: 200px
}

.about-card p {
	color: #000 !important;
	padding: 0 30px
}

.section-card {
	margin: 20px 0 50px;
	border-radius: 50px
}

.section-card h4 {
	font-size: 25px;
	padding: 80px 20px
}

.background {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #6b60b2, #372c7c);
	background-size: 400% 400%;
	-webkit-animation: 15s infinite AnimationName;
	-moz-animation: 15s infinite AnimationName;
	animation: 15s infinite AnimationName
}

.background1 {
	background: linear-gradient(-45deg, #372c7c, #6b60b2, #e73c7e, #ee7752);
	background-size: 400% 400%;
	-webkit-animation: 15s infinite AnimationName;
	-moz-animation: 15s infinite AnimationName;
	animation: 15s infinite AnimationName
}

.visible30 {
	opacity: .3
}

@-webkit-keyframes AnimationName {

	0%,
	100% {
		background-position: 5% 0
	}

	50% {
		background-position: 95% 100%
	}
}

@-moz-keyframes AnimationName {

	0%,
	100% {
		background-position: 5% 0
	}

	50% {
		background-position: 95% 100%
	}
}

@keyframes AnimationName {

	0%,
	100% {
		background-position: 5% 0
	}

	50% {
		background-position: 96% 100%
	}
}

.ptb {
	padding: 20px 0
}

.pb {
	padding-bottom: 20px
}

.m-t-100 {
	margin-top: 100px
}

.node1 {
	right: 0;
	top: 20%;
	width: 200px
}

.node2 {
	left: 0;
	bottom: 20%;
	width: 200px;
	transform: rotate(180deg)
}

#workGallery .item,
.botui-app-container,
.btn-more a,
.btn-more a span,
.fancybox,
.letter,
.profil {
	position: relative
}

.about-quote h2 {
	font-size: 1.6rem;
	padding-bottom: 0;
	color: #fff
}

.about-quote p {
	font-size: 1rem;
	text-align: right;
	color: #fff
}

.ourwork p {
	color: #fff;
	text-align: center
}

#workGallery {
	margin-top: 40px
}

.ourwork-card {
	overflow: hidden;
	height: 110px;
	padding: 10px
}

.work-content {
	float: left;
	width: 85%
}

.botui-message-content.human,
.close,
.contactus .socialNetworks,
.profil.human {
	float: right
}

#workGallery .work-content h2 {
	padding: 0;
	font-size: 1.6rem;
	margin: 0;
	text-align: left
}

#workGallery .work-content p {
	margin: 0;
	padding: 0;
	text-align: left
}

#workGallery .work-video {
	float: right;
	width: 50px;
	padding-top: 10px
}

.bgwork1 {
	background: #5f8264
}

.bgwork2 {
	background: #6d8ebb
}

.bgwork3 {
	background: #7b5f82
}

.bgwork4 {
	background: #75aa5d
}

.bgwork5 {
	background: #c24444
}

.bgwork6 {
	background: #825f5f
}

.bgwork7 {
	background: #5f6482
}

.awards-img {
	text-align: center;
	margin: 0 auto;
	width: 600px;
	padding: 40px 0 80px
}

.padtribeimg {
	padding-top: 0
}

.serviceContent {
	padding: 50px;
	margin-top: 50px
}

.tribe h3 span {
	color: #70daf4
}

.tribe-content h4 {
	padding-top: 10%
}

.tribe-content2 {
	background: url(../images/bg-tribe.jpg) center top/cover no-repeat
}

.contactus .formMid,
.tribe-content2 p {
	padding-bottom: 40px
}

.tribe img {
	max-width: 90%
}

.tribe h1 {
	padding: 28% 0 0;
	text-align: left
}

div.foo {
	margin: 0 auto;
	width: 90%;
	text-align: center
}

.letter {
	font-weight: 900;
	font-size: 8em;
	color: #eca812;
	transform-style: preserve-3d;
	perspective: 400;
	z-index: 1
}

.letter:after,
.letter:before {
	position: absolute;
	content: attr(data-letter);
	transform-origin: top left;
	top: 0;
	left: 0
}

.letter,
.letter:after,
.letter:before {
	transition: .3s ease-in-out
}

.letter:before {
	color: #69ceb0;
	text-shadow: -1px 0 1px rgba(140, 55, 55, .8), 1px 0 1px rgba(175, 59, 59, .8);
	z-index: 3;
	transform: rotateX(0) rotateY(-15deg) rotateZ(0)
}

.letter:after {
	color: rgba(0, 0, 0, .11);
	z-index: 2;
	transform: scale(1.08, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0deg, 1deg)
}

.letter:hover:before {
	color: #082830;
	transform: rotateX(0) rotateY(-40deg) rotateZ(0)
}

.letter:hover:after {
	transform: scale(1.08, 1) rotateX(0) rotateY(40deg) rotateZ(0) skew(0deg, 22deg)
}

.botui-container::-webkit-scrollbar {
	width: 5px
}

.botui-container::-webkit-scrollbar-track {
	background: 0 0
}

.botui-container::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, .5)
}

.botui-container::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, .8)
}

.navbar-toggler-icon {
	content: normal
}

.botui-actions-container,
.botui-messages-container,
.client2sec {
	padding: 0 20px
}

.botui-message-content {
	padding: 7px 13px;
	border-radius: 15px;
	color: #595a5a;
	background-color: #ebebeb
}

.botui-message-content.embed {
	padding: 5px;
	border-radius: 5px
}

.botui-message-content-link {
	color: #919292;
	text-decoration: underline
}

.botui-actions-text-input,
.botui-actions-text-searchselect,
.botui-actions-text-select {
	border: 0;
	outline: 0;
	border-radius: 0;
	padding: 5px 7px;
	background-color: transparent;
	color: #595a5a;
	border-bottom: 1px solid #919292
}

.botui-actions-text-submit {
	color: #fff;
	width: 30px;
	padding: 5px;
	height: 30px;
	line-height: 1;
	border-radius: 50%;
	border: 1px solid #919292;
	background: #777979
}

.botui-actions-buttons-button {
	border: 0;
	color: #fff;
	line-height: 1;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	padding: 7px 15px;
	border-radius: 4px;
	background: #777979;
	box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .25)
}

.botui-actions-text-searchselect .dropdown-toggle {
	border: none !important
}

.botui-actions-text-searchselect .selected-tag {
	background-color: transparent !important;
	border: 0 !important
}

.slide-fade-enter-active {
	transition: .3s
}

.slide-fade-enter,
.slide-fade-leave-to {
	opacity: 0;
	transform: translateX(-10px)
}

.dot {
	width: .5rem;
	height: .5rem;
	border-radius: .5rem;
	background-color: #919292
}

.dot:last-child {
	margin-left: .3rem;
	animation: .6s linear .3s infinite loading
}

.dot:nth-last-child(2) {
	margin-left: .3rem;
	animation: .6s linear .2s infinite loading
}

.dot:nth-last-child(3) {
	animation: .6s linear .1s infinite loading
}

@keyframes loading {

	0%,
	50% {
		transform: translate(0, 0);
		background-color: #ababab
	}

	25% {
		transform: translate(0, -3px)
	}

	75% {
		transform: translate(0, 3px)
	}

	100% {
		transform: translate(0, 0)
	}
}

a.botui-message-content-link:focus {
	outline: dotted thin
}

a.botui-message-content-link:focus:active,
a.botui-message-content-link:focus:hover,
button,
input,
textarea {
	outline: 0
}

.form-group,
form.botui-actions-text {
	margin: 0
}

button.botui-actions-buttons-button,
input.botui-actions-text-input {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline
}

button.botui-actions-buttons-button::-moz-focus-inner,
input.botui-actions-text-input::-moz-focus-inner {
	border: 0;
	padding: 0
}

.bootui-iframe {
	line-height: 1;
	width: 100%;
	height: 550px;
	border: 0
}

.botui-app-container {
	line-height: 1;
	width: 100%
}

.botui-container {
	font-size: 14px;
	width: 100%;
	height: 550px;
	overflow-y: auto;
	overflow-x: hidden
}

.botui-message {
	margin: 10px 0;
	min-height: 20px
}

.botui-message:after {
	display: block;
	content: "";
	clear: both
}

.botui-message-content {
	width: auto;
	max-width: 75%;
	display: inline-block
}

.botui-message-content-image {
	margin: 5px 0;
	display: block;
	max-width: 200px;
	max-height: 200px
}

.blogs_text ul li,
.nlink,
.scroll-lnk {
	display: inline-block
}

.profil,
.profil>img.agent {
	border-radius: 50%
}

.profil.human {
	margin-left: 5px
}

.profil.agent {
	float: left;
	margin-right: 5px
}

.profil>img {
	width: 26px;
	height: 26px;
	border: 2px solid #e8e8e8
}

button.botui-actions-buttons-button:not(:last-child) {
	margin-right: 10px
}

.bg-light {
	background-color: #fff !important
}

.botui-message-content.text {
	line-height: 1.3;
	padding: 0;
	border-radius: 40px;
	color: #595a5a;
	background-color: transparent
}

.botui-message-content.text .boouiTxt {
	background-color: #fff;
	color: #4a4a4a;
	border-radius: 40px;
	font-size: 14px;
	padding: 15px 20px
}

.botui-message-content.text .botImg {
	color: #4a4a4a;
	border-radius: 20px;
	font-size: 14px;
	width: 70%
}

.botui-message-content.loading {
	line-height: 1.3;
	text-align: center;
	background-color: #fff;
	color: #4a4a4a;
	border-radius: 4px
}

button.botui-actions-buttons-button {
	cursor: pointer;
	-webkit-appearance: button;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: none;
	outline: 0 !important;
	font-size: 14px;
	border-radius: 20px;
	background: 0 0;
	border: 1px solid rgba(255, 255, 255, .5);
	padding: 10px 20px
}

button.botui-actions-buttons-button:hover {
	background: #002129;
	border: 1px solid #002129
}

.botui-message-content.human {
	background-color: #002129;
	color: #fff;
	padding: 10px 20px;
	border-radius: 20px;
	font-size: 14px
}

.btn-primary,
.btn-primary:hover {
	background: #002129;
	border-color: #002129
}

.tribe2sec h2 {
	padding-top: 3rem
}

.client2sec h2 {
	padding: 5rem 0 2rem
}

.tribe-card {
	background: #e2e2e2;
	padding: 10px 20px;
	border-radius: 20px;
	height: 460px
}

.tribe-card h4 {
	text-align: center;
	padding: .6rem 0
}

.tribe-card p {
	text-align: center;
	padding-bottom: 10px;
	font-size: .9rem;
	line-height: 19px
}

.client2sec>div>div {
	padding: 20px
}

.client2sec>div>div>img {
	border: 1px solid #bbb
}

.contactus {
	padding: 50px 0 0;
	color: #fff
}

.contactus p.subtxt {
	color: #fff;
	text-align: center;
	padding: 0 0 50px
}

.contactus h3 {
	color: #e8af5e
}

.contactus .socialNetworks a {
	padding: 0 10px;
	font-size: 1.4rem;
	color: rgba(255, 255, 255, .5)
}

.contactus .formTop {
	padding: 10px 0
}

.contactus .formTop p {
	padding-top: 10px;
	letter-spacing: 0
}

.contactus .formMid input[type=email],
.contactus .formMid input[type=name] {
	width: 50%
}

.contactus .formMid input,
.contactus .formMid textarea {
	background: #fbfbfb;
	color: #000;
	border: 0;
	line-height: 35px
}

.txtname {
	width: 47% !important;
	margin-right: 3%
}

.testimonial:after {
	content: "\f10d";
	font-family: fontawesome;
	font-size: 30px;
	color: #fff;
	top: 0;
	left: 1px
}

p.description {
	padding-top: 40px
}

#clients {
	border-radius: 0;
	padding: 60px 50px 20px
}

.modal-dialog {
	max-width: 760px;
	margin: 30px auto
}

#modal-youtube .modal-body {
	position: relative;
	padding: 0;
	height: 428px
}

.close {
	position: absolute;
	right: -38px;
	top: 0;
	z-index: 999;
	opacity: 1;
	background-color: #c82333;
	border-color: #c82333;
	padding: 5px 10px;
	text-shadow: none
}

.close:focus,
.close:hover {
	opacity: 1;
	background-color: #be1828;
	border-color: #be1828
}

.btn-more a,
.nlink:hover,
.scroll-lnk:hover {
	background: #002129;
	display: inline-block;
	color: #fff
}

#iframe-youtube {
	width: 100%;
	height: 428px;
	border: 0
}

#services-carousel h3,
.abtcont1 {
	padding-top: 100px
}

#services-carousel .owl-prev {
	position: absolute;
	top: 50%;
	left: 50px;
	margin-top: -32px
}

#services-carousel .owl-next {
	position: absolute;
	top: 50%;
	right: 50px;
	margin-top: -32px
}

#workGallery .owl-prev {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -16px
}

#workGallery .owl-next {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -16px
}

.btn-more a {
	border: 1px solid #afafaf;
	border-radius: 50px;
	padding: 10px 48px;
	margin-top: 30px;
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	transition: .3s;
	font-size: 14px
}

.btn-more a:hover {
	background: #fff;
	color: #000
}

.btn-more a span {
	z-index: 3
}

.btn-more a .round {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	position: absolute;
	right: 8px;
	top: 1px;
	-moz-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
	z-index: 2
}

.form-control,
.formMid button {
	border-radius: 50px;
	outline: 0
}

.btn-more a .round i,
.nlink {
	-moz-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s
}

.btn-more a .round i {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -4px;
	transition: .3s
}

.btn-more a:hover .round {
	width: calc(100% - 6px)
}

.btn-more a:hover .round i {
	left: 10%;
	color: #000
}

.form-control {
	padding: 0 15px
}

.form-control1 {
	border-radius: 25px;
	padding: 10px 15px;
	outline: 0;
	resize: none
}

#bgmodal {
	background: rgba(0, 0, 0, .5);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

#modal-youtube {
	left: 50%;
	top: 50%;
	width: 760px;
	height: 428px;
	margin: -214px 0 0 -328px
}

.aboutus p {
	color: #fff;
	padding-bottom: 10px
}

.abtcont,
.teamcont {
	padding-top: 150px
}

.abtcont2 {
	padding-top: 50px
}

.abtcont2 h4 {
	margin: 0;
	padding: 10px 0 0;
	font-size: 18px;
	text-transform: uppercase
}

.abtcont2 p {
	margin: 0;
	padding: 0 0 5px;
	font-size: 16px
}

.abtcont1 ul li {
	margin: 0 0 0 15px;
	font-size: 16px;
	padding: 0 0 0 5px;
	color: #fff;
	list-style: disc
}

.nlink {
	border: 1px solid #fff;
	color: #fff;
	padding: 10px 25px;
	border-radius: 50px;
	margin-top: 10px;
	transition: .3s
}

.nlink:hover,
.scroll-lnk:hover {
	border: 1px solid #002129;
	text-decoration: none;
	border-radius: 50px
}

.scroll-lnk {
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: 10px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 50px;
	-moz-transition: .3s;
	-o-transition: .3s;
	width: 50px;
	-webkit-transition: .3s;
	margin-top: 20px;
	transition: .3s
}

#atthah-web,
.fordesktop {
	display: block
}

#div-landscape,
.formobile,
.modal {
	display: none
}

.modal {
	position: fixed;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, .4);
	z-index: 1024
}

.modal-backdrop {
	z-index: 1
}

.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%
}

.close {
	color: #aaa;
	font-size: 28px;
	font-weight: 700
}

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer
}

.fancybox .card-title {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.fancybox:hover .card-title {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	cursor: pointer
}

.card-title p {
	background: #082830;
	color: #fff;
	position: absolute;
	left: 50%;
	bottom: 10%;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin: 0 0 0 -50px;
	border-radius: 5px;
	font-size: 14px
}

.client-display {
	width: 100%;
	display: block
}

.bordrrads {
	border-radius: 20%
}

.atthah_blogs_banner_description {
	float: left;
	width: 100%;
	background-size: cover;
	position: relative;
	margin-bottom: 70px
}

.atthah_blogs_banner_description img {
	width: auto
}

.atthah_blogs_banner {
	float: left;
	width: 100%;
	background: url(../images/blogs/blog-banner.jpg) top center/cover no-repeat;
	text-align: center;
	position: relative;
	margin-bottom: 70px
}

.atthah_blogs_banner:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(24, 39, 52, .8)
}

.atthah_blogs_banner h2 {
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	padding: 100px 0;
	text-transform: capitalize;
	margin: 0;
	position: relative;
	z-index: 1
}

.atthah_blogs h2 {
	color: #000
}

.atthah_blogs,
.blog-detail {
	margin-top: 50px
}

.atthah_blogs .blogs_content {
	float: left;
	width: 100%;
	margin-bottom: 50px
}

.blogs_content figure {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0
}

.blog-outer .blog-thumb img,
.blogs_content figure img {
	width: 100%;
	-webkit-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	-ms-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	transition: .4s ease-out
}

ul.decimal_ul {
	list-style: decimal
}

ul.dot_ul {
	list-style: disc
}

.blog-text p,
ul.decimal_ul,
ul.dot_ul {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	color: #777;
	margin: 0 0 25px
}

.blog-outer h3,
.quote blockquote p,
.social_sharing h4 {
	font-weight: 600;
	color: #444
}

ul.decimal_ul li,
ul.dot_ul li {
	padding: 0 5px
}

.blog-outer .blog-thumb:hover img,
.blogs_content:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .4s ease-out;
	-moz-transition: .4s ease-out;
	-ms-transition: .4s ease-out;
	-o-transition: .4s ease-out;
	transition: .4s ease-out
}

.blogs_content .blogs_text {
	float: left;
	width: 100%;
	padding: 30px;
	border: 1px solid #f0f0f0
}

.blogs_content .blogs_text h4 {
	font-size: 20px;
	line-height: 26px;
	color: #444;
	font-weight: 500
}

.blogs_content .blogs_text p {
	font-size: 15px;
	line-height: 24px;
	color: #777
}

.blogs_content .blogs_text .blog-btn {
	color: #dd3751
}

.blogs_text ul {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
	width: 100%;
	float: left
}

.blogs_text ul li {
	color: #999;
	position: relative;
	padding-right: 20px;
	line-height: 24px
}

.blog-detail .blog-detail-outer,
.blog-outer {
	width: 100%;
	float: left
}

.blog-outer .blog-thumb {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden
}

.blog-outer .blog-thumb .blog-date {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99
}

.blog-outer .blog-thumb .blog-date strong {
	background-color: #dd3751;
	display: block;
	padding: 10px 25px;
	color: #fff;
	font-weight: 600;
	text-align: center
}

.blog-outer h3 {
	font-size: 30px;
	text-transform: capitalize;
	margin: 0 0 15px;
	clear: both
}

.quote {
	width: 100%;
	max-width: 600px;
	margin: 35px auto 0
}

.quote blockquote {
	border-color: #dd3751;
	display: block;
	background-color: #fafafa;
	padding: 30px;
	border-left: 4px solid;
	margin: 0 0 40px
}

.quote blockquote p {
	font-size: 16px;
	font-style: italic;
	line-height: 30px
}

.quote-author {
	text-align: right;
	display: block;
	color: #444;
	font-size: 16px;
	position: relative;
	font-weight: 700
}

.quote-author:before {
	background-color: #dd3751;
	content: "";
	position: absolute;
	top: 10px;
	width: 40px;
	height: 2px;
	right: 110px
}

.social_sharing {
	width: 100%;
	border-top: 1px solid #eee;
	padding-top: 35px
}

.social_sharing h4 {
	margin: 0;
	text-transform: capitalize;
	font-size: 18px;
	line-height: 25px
}

.sharing_links {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right
}

.sharing_links li a {
	background-color: #dd3751;
	display: block;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 0 15px
}

@media (min-width:1700px) {

	body,
	html {
		font-size: 120%
	}

	.container {
		max-width: 90%
	}
}

@media (min-width:1000px) and (max-width:1400px) {

	body,
	html {
		font-size: 100%
	}
}

@media (min-width:1400px) and (max-width:1920px) {
	.homecontent {
		padding-top: 8%
	}
}

@media (min-width:1921px) {
	.homecontent {
		padding-top: 18%
	}
}

@media (min-width:760px) and (max-width:990px) {

	.bootui-iframe,
	.botui-container {
		height: 830px
	}

	.botImg {
		width: 70%
	}

	.tribe img {
		width: 50%
	}

	.tribe {
		padding: 120px 0 80px !important;
		text-align: center
	}

	.tribe h1 {
		padding: 25px 0 0
	}

	.atthah_blogs_banner_description img {
		width: 100%
	}
}

@media (max-width:768px) {

	.atthah_blogs_banner_description img,
	.awards-img,
	.botImg,
	.fullwidth {
		width: 100%
	}

	.fordesktop {
		display: none
	}

	.formobile {
		display: block
	}

	.home,
	.section,
	.services {
		padding-top: 60px
	}

	.homecontent {
		padding-top: 10%
	}

	#clients.owl-carousel .owl-item,
	#services-carousel p,
	.btn-more {
		text-align: center
	}

	.btn-more a,
	.nlink {
		background: #002129
	}

	#clients.owl-carousel .owl-item img {
		width: 70%;
		display: inline-block
	}

	.botui-app-container {
		position: relative;
		width: 100%
	}

	#services-carousel h3 {
		padding-top: 20px;
		text-align: center
	}

	.formMid {
		padding-top: 30px
	}

	.ourwork-card {
		height: 164px
	}

	.contactus {
		padding-bottom: 20px
	}

	.contactus h3 {
		font-size: 1.2rem
	}

	.navbar a.active {
		border-bottom: none
	}

	.header ul li a.active,
	.header ul li a:hover {
		color: #fff
	}

	.contactus .socialNetworks {
		padding-top: 20px;
		float: none;
		text-align: center
	}

	.client2sec,
	.tribe,
	.tribe2sec {
		padding-bottom: 40px
	}

	.abtcont,
	.abtcont1,
	.abtcont2,
	.padtribeimg,
	.teamcont {
		padding-top: 20px
	}

	.bootui-iframe,
	.botui-container {
		height: 550px
	}

	#modal-youtube {
		left: 0;
		width: 100%;
		margin: -214px 0 0
	}

	.close {
		right: 0;
		top: -42px
	}

	.form-inline .form-control,
	.txtname {
		width: 100% !important;
		margin-right: 0
	}

	.md-10 {
		margin-top: 10px
	}
}

@media (max-width:400px) {

	.bootui-iframe,
	.botui-container {
		height: 500px
	}
}

@media (max-width:350px) {
	.ourwork-card {
		height: 190px
	}

	.bootui-iframe,
	.botui-container {
		height: 400px
	}

	.work-content {
		width: 80%
	}

	#workGallery .owl-next,
	#workGallery .owl-prev {
		top: 57%
	}
}

@media (max-height:375px) and (orientation:landscape) {
	#atthah-web {
		display: none
	}

	#div-landscape {
		display: block;
		width: 100%;
		position: absolute;
		text-align: center;
		left: 0;
		top: 50%;
		height: 110px;
		margin: -55px 0 0
	}

	#div-landscape p {
		padding: 20px 40px;
		text-align: center
	}
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	.services {
		padding-top: 60px
	}

	.tribe {
		padding: 120px 0 80px
	}

	.client2sec,
	.tribe2sec {
		padding: 60px 0
	}

	.aboutus {
		padding: 120px 0 0
	}

	.tribe-card {
		height: 525px
	}

	.tribe-card p {
		line-height: normal
	}
}

.blog-detail h1 {
	font-size: 30px;
	text-transform: capitalize;
	margin: 0 0 15px;
	clear: both;
}

.blog-outer h1 {
	font-weight: 600;
	color: #444;
	text-align: left;
}

.atthah_blogs_banner h1 {
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	padding: 100px 0;
	text-transform: capitalize;
	margin: 0;
	position: relative;
	z-index: 1;
}

.client2sec h1 {
	padding: 5rem 0 2rem 0;
	color: #002229;
}