------------------------------------------------------------------ [Master Stylesheet] Project: Dot Version: 1.0 Primary use: HTML Template for dot -------------------------------------------------------------------*/

/*------------------------------------------------------------------

1. import files
2. Body
3. wrapper / #wrapper
4. Top Bar / .top-bar
5. Side Nav / .side-nav
6. Header / #header
7. Logo / .logo
8. Nav / #nav
9. Slideshow / .slideshow
10. Switcher / .switcher
11. Cols Holder / .cols-holder
12. Link More / .link-more
13. Video Holder / .video-holder
14. Carousel / .carousel
15. Navigation / .navigation
16. Social Network / .social-network
17. Widget / .widget
18. Content / #content
19. Twocolumns / #twocolumns
20. Instagram Slider / .instagram-slider
21. Aside / .aside
22. Footer Nav / .footer-nav
23. Subscribe Form / .subscribe-form
24. Footer / #footer
25. Policy Nav / .policy-nav
26. Read More / .read-more
27. Post Slider / .slider-post
28. Post Block / .post-block
29. Blocks Slider / .blocks-slider
30. Masonry Blocks / .masonry-blocks
31. Image Slider / .image-slider
32. Socials / .socials
33. Instagram List / .instagram-list
34. Comments / .comments
35. Comment Form / .comment-form
36. Breadcrumb / .breadcrumb
37. Single Postv2 / .single-postv2
38. Recent Posts / recent-posts
39. Page Error / .page-error
40. Btn Default / .btn-detault
41. Back Top / #back-top
42. Loader holder / .loader-holder
43. style changer styles / #style-changer

-------------------------------------------------------------------*/
@font-face {
	font-family: 'RobotoCondensed-Regular';
	src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-Regular.otf') format('opentype'),
		url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ArchivoNarrow-Regular';
	src: url('../fonts/ArchivoNarrow-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ArchivoNarrow-Regular.otf') format('opentype'),
		url('../fonts/ArchivoNarrow-Regular.woff') format('woff'), url('../fonts/ArchivoNarrow-Regular.ttf') format('truetype'), url('../fonts/ArchivoNarrow-Regular.svg#ArchivoNarrow-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


html {
	scroll-behavior: smooth;
}

body {
	/*font-family: 'Montserrat', sans-serif;;*/
	/*font-family: 'Montserrat', sans-serif;*/
	/*font-family: Helvetica,Arial,sans-serif;*/
	/* font-family: 'Assistant', sans-serif; */
	font-family: "Plus Jakarta Sans", sans-serif;
	color: #747474;
	counter-reset: li;
	font-size: 16px;
	line-height: 24px;

}

#wrapper {
	counter-reset: number;
}

.logo img,
.slideshow img,
.switcher img,
.cols-holder img,
.carousel img,
.widget img,
.instagram-slider img,
.posts-slider img,
.post-block img,
.masonry-blocks img,
.image-slider img,
.instagram-list img,
.commentlist-item img,
.single-postv2 img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}

h2 a,
h1 a,
h3 a,
h4 a,
h5 a,
h6 a,
#header .social-networks a,
#header form .form-control,
#header form button,
#nav .icon-menu,
#nav .btn,
.slideshow .header a,
.switcher time a,
.switcher .slick-prev.slick-arrow,
.switcher .slick-next.slick-arrow,
.cols-holder time a,
.link-more,
.carousel .slick-prev.slick-arrow,
.carousel .slick-next.slick-arrow,
.navigation .page-numbers,
.pagination .page-numbers,
.widget.contact-widget a,
.widget.widget-block .social-networks a,
.widget.widget-block .subtitle a,
.widget.widget_search button,
.widget.widget_categories ul a,
.widget.recent-posts-widget .tag:before,
.widget.recent-posts-widget a.tag,
.widget.recent-posts-widget a.tag.hot,
.widget.recent-posts-widget time a,
.widget.profile-widget.version-ii .social-networks a,
.instagram-slider .slide>a,
.aside .social-networks a,
.footer-nav a,
.subscribe-form button,
#footer a,
.policy-nav a,
.read-more,
.posts-slider .slide,
.posts-slider .img-holder,
.posts-slider time,
.posts-slider time a,
.posts-slider .read-more,
.posts-slider .slick-prev.slick-arrow,
.posts-slider .slick-next.slick-arrow,
.posts-slider img,
.post-block footer a,
.blocks-slider .slick-prev.slick-arrow,
.blocks-slider .slick-next.slick-arrow,
.blocks-slider h2,
.blocks-slider time,
.blocks-slider time a,
.blocks-slider .read-more,
.masonry-blocks time a,
.masonry-blocks .info a,
.image-slider .slick-prev.slick-arrow,
.image-slider .slick-next.slick-arrow,
.socials a,
.commentlist-item .meta a,
.commentlist-item .name a,
.commentlist-item .comment-reply-link,
.comment-form input[type="text"],
.comment-form input[type="search"],
.comment-form input[type="password"],
.comment-form input[type="email"],
.comment-form input[type="tel"],
.comment-form input[type="url"],
.comment-form textarea,
.breadcrumb a,
.single-postv2 time a,
.single-postv2 .info a,
.recent-posts time a,
.btn-default {
	-webkit-transition: color .25s linear, background .25s linear;
	transition: color .25s linear, background .25s linear;
}

.side-nav ul,
#header .social-networks,
#nav .drop ul,
.social-networks,
.widget.profile-widget.version-ii .social-networks,
.widget ul,
.widget ol,
.footer-nav ul,
.policy-nav ul,
.instagram-list,
.recent-posts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.side-nav ul li,
#header .social-networks li,
#nav .drop ul li,
.social-networks li,
.widget.profile-widget.version-ii .social-networks li,
.widget ul li,
.widget ol li,
.footer-nav ul li,
.policy-nav ul li,
.instagram-list li,
.recent-posts ul li {
	list-style-type: none;
}

.clearfix:after,
.widget:after,
.search-form:after,
.post-password-form p:after,
.navigation-single:after,
.cols-holder:after,
.subscribe-form:after,
.subscribe-form .form-group:after,
#footer:after,
.policy-nav ul:after,
.post-block blockquote:after,
.posts-blocks:after,
.masonry-blocks:after,
.masonry-blocks .masonry-holder:after,
.masonry-blocks .info:after,
.masonry-blocks .descr:after,
.instagram-list:after,
.single-postv2 .info:after {
	content: "";
	display: block;
	clear: both;
}

h2 a,
h1 a,
h3 a,
h4 a,
h5 a,
h6 a,
#header .social-networks a,
#header form .form-control,
#header form button,
#nav .icon-menu,
#nav .btn,
.slideshow .header a,
.switcher time a,
.switcher .slick-prev.slick-arrow,
.switcher .slick-next.slick-arrow,
.cols-holder time a,
.link-more,
.carousel .slick-prev.slick-arrow,
.carousel .slick-next.slick-arrow,
.navigation .page-numbers,
.pagination .page-numbers,
.widget.contact-widget a,
.widget.widget-block .social-networks a,
.widget.widget-block .subtitle a,
.widget.widget_search button,
.widget.widget_categories ul a,
.widget.recent-posts-widget .tag:before,
.widget.recent-posts-widget a.tag,
.widget.recent-posts-widget a.tag.hot,
.widget.recent-posts-widget time a,
.widget.profile-widget.version-ii .social-networks a,
.instagram-slider .slide>a,
.aside .social-networks a,
.footer-nav a,
.subscribe-form button,
#footer a,
.policy-nav a,
.read-more,
.posts-slider .slide,
.posts-slider .img-holder,
.posts-slider time,
.posts-slider time a,
.posts-slider .read-more,
.posts-slider .slick-prev.slick-arrow,
.posts-slider .slick-next.slick-arrow,
.posts-slider img,
.post-block footer a,
.blocks-slider .slick-prev.slick-arrow,
.blocks-slider .slick-next.slick-arrow,
.blocks-slider h2,
.blocks-slider time,
.blocks-slider time a,
.blocks-slider .read-more,
.masonry-blocks time a,
.masonry-blocks .info a,
.image-slider .slick-prev.slick-arrow,
.image-slider .slick-next.slick-arrow,
.socials a,
.commentlist-item .meta a,
.commentlist-item .name a,
.commentlist-item .comment-reply-link,
.comment-form input[type="text"],
.comment-form input[type="search"],
.comment-form input[type="password"],
.comment-form input[type="email"],
.comment-form input[type="tel"],
.comment-form input[type="url"],
.comment-form textarea,
.breadcrumb a,
.single-postv2 time a,
.single-postv2 .info a,
.recent-posts time a,
.btn-default {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.post-block time a,
.post-block time a:before,
.post-block .ico-play,
.post-block img,
.blocks-slider .slide {
	-webkit-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

.widget.widget_categories .lists-holder,
.widget .social-networks.justify,
.widget ul.social-networks.justify {
	text-align: justify;
	font-size: 1px;
	line-height: 0;
}

.widget.widget_categories .lists-holder>*,
.widget .social-networks.justify>*,
.widget ul.social-networks.justify>* {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	line-height: 2.2857142857;
}

.widget.widget_categories .lists-holder:after,
.widget .social-networks.justify:after {
	content: "";
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.ellipsis {
	white-space: nowrap;
	/* 1 */
	text-overflow: ellipsis;
	/* 2 */
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

.comment-form input[type="text"],
.search-form input[type="text"],
.post-password-form input[type="text"],
.comment-form input[type="tel"],
.search-form input[type="tel"],
.post-password-form input[type="tel"],
.comment-form input[type="email"],
.search-form input[type="email"],
.post-password-form input[type="email"],
.comment-form input[type="search"],
.search-form input[type="search"],
.post-password-form input[type="search"],
.comment-form input[type="password"],
.search-form input[type="password"],
.post-password-form input[type="password"],
.comment-form input[type="url"],
.search-form input[type="url"],
.post-password-form input[type="url"],
.comment-form input[type="date"],
.search-form input[type="date"],
.post-password-form input[type="date"],
.comment-form textarea,
.search-form textarea,
.post-password-form textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
	padding: .5em .7em;
}

.comment-form input[type="text"]:focus,
.search-form input[type="text"]:focus,
.post-password-form input[type="text"]:focus,
.comment-form input[type="tel"]:focus,
.search-form input[type="tel"]:focus,
.post-password-form input[type="tel"]:focus,
.comment-form input[type="email"]:focus,
.search-form input[type="email"]:focus,
.post-password-form input[type="email"]:focus,
.comment-form input[type="search"]:focus,
.search-form input[type="search"]:focus,
.post-password-form input[type="search"]:focus,
.comment-form input[type="password"]:focus,
.search-form input[type="password"]:focus,
.post-password-form input[type="password"]:focus,
.comment-form input[type="url"]:focus,
.search-form input[type="url"]:focus,
.post-password-form input[type="url"]:focus,
.comment-form input[type="date"]:focus,
.search-form input[type="date"]:focus,
.post-password-form input[type="date"]:focus,
.comment-form textarea:focus,
.search-form textarea:focus,
.post-password-form textarea:focus {
	border-color: #333;
}

.comment-form input[type="text"]::-webkit-input-placeholder,
.search-form input[type="text"]::-webkit-input-placeholder,
.post-password-form input[type="text"]::-webkit-input-placeholder,
.comment-form input[type="tel"]::-webkit-input-placeholder,
.search-form input[type="tel"]::-webkit-input-placeholder,
.post-password-form input[type="tel"]::-webkit-input-placeholder,
.comment-form input[type="email"]::-webkit-input-placeholder,
.search-form input[type="email"]::-webkit-input-placeholder,
.post-password-form input[type="email"]::-webkit-input-placeholder,
.comment-form input[type="search"]::-webkit-input-placeholder,
.search-form input[type="search"]::-webkit-input-placeholder,
.post-password-form input[type="search"]::-webkit-input-placeholder,
.comment-form input[type="password"]::-webkit-input-placeholder,
.search-form input[type="password"]::-webkit-input-placeholder,
.post-password-form input[type="password"]::-webkit-input-placeholder,
.comment-form input[type="url"]::-webkit-input-placeholder,
.search-form input[type="url"]::-webkit-input-placeholder,
.post-password-form input[type="url"]::-webkit-input-placeholder,
.comment-form input[type="date"]::-webkit-input-placeholder,
.search-form input[type="date"]::-webkit-input-placeholder,
.post-password-form input[type="date"]::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder,
.search-form textarea::-webkit-input-placeholder,
.post-password-form textarea::-webkit-input-placeholder {
	color: #ccc;
}

.comment-form input[type="text"]::-moz-placeholder,
.search-form input[type="text"]::-moz-placeholder,
.post-password-form input[type="text"]::-moz-placeholder,
.comment-form input[type="tel"]::-moz-placeholder,
.search-form input[type="tel"]::-moz-placeholder,
.post-password-form input[type="tel"]::-moz-placeholder,
.comment-form input[type="email"]::-moz-placeholder,
.search-form input[type="email"]::-moz-placeholder,
.post-password-form input[type="email"]::-moz-placeholder,
.comment-form input[type="search"]::-moz-placeholder,
.search-form input[type="search"]::-moz-placeholder,
.post-password-form input[type="search"]::-moz-placeholder,
.comment-form input[type="password"]::-moz-placeholder,
.search-form input[type="password"]::-moz-placeholder,
.post-password-form input[type="password"]::-moz-placeholder,
.comment-form input[type="url"]::-moz-placeholder,
.search-form input[type="url"]::-moz-placeholder,
.post-password-form input[type="url"]::-moz-placeholder,
.comment-form input[type="date"]::-moz-placeholder,
.search-form input[type="date"]::-moz-placeholder,
.post-password-form input[type="date"]::-moz-placeholder,
.comment-form textarea::-moz-placeholder,
.search-form textarea::-moz-placeholder,
.post-password-form textarea::-moz-placeholder {
	opacity: 1;
	color: #ccc;
}

.comment-form input[type="text"]:-moz-placeholder,
.search-form input[type="text"]:-moz-placeholder,
.post-password-form input[type="text"]:-moz-placeholder,
.comment-form input[type="tel"]:-moz-placeholder,
.search-form input[type="tel"]:-moz-placeholder,
.post-password-form input[type="tel"]:-moz-placeholder,
.comment-form input[type="email"]:-moz-placeholder,
.search-form input[type="email"]:-moz-placeholder,
.post-password-form input[type="email"]:-moz-placeholder,
.comment-form input[type="search"]:-moz-placeholder,
.search-form input[type="search"]:-moz-placeholder,
.post-password-form input[type="search"]:-moz-placeholder,
.comment-form input[type="password"]:-moz-placeholder,
.search-form input[type="password"]:-moz-placeholder,
.post-password-form input[type="password"]:-moz-placeholder,
.comment-form input[type="url"]:-moz-placeholder,
.search-form input[type="url"]:-moz-placeholder,
.post-password-form input[type="url"]:-moz-placeholder,
.comment-form input[type="date"]:-moz-placeholder,
.search-form input[type="date"]:-moz-placeholder,
.post-password-form input[type="date"]:-moz-placeholder,
.comment-form textarea:-moz-placeholder,
.search-form textarea:-moz-placeholder,
.post-password-form textarea:-moz-placeholder {
	color: #ccc;
}

.comment-form input[type="text"]:-ms-input-placeholder,
.search-form input[type="text"]:-ms-input-placeholder,
.post-password-form input[type="text"]:-ms-input-placeholder,
.comment-form input[type="tel"]:-ms-input-placeholder,
.search-form input[type="tel"]:-ms-input-placeholder,
.post-password-form input[type="tel"]:-ms-input-placeholder,
.comment-form input[type="email"]:-ms-input-placeholder,
.search-form input[type="email"]:-ms-input-placeholder,
.post-password-form input[type="email"]:-ms-input-placeholder,
.comment-form input[type="search"]:-ms-input-placeholder,
.search-form input[type="search"]:-ms-input-placeholder,
.post-password-form input[type="search"]:-ms-input-placeholder,
.comment-form input[type="password"]:-ms-input-placeholder,
.search-form input[type="password"]:-ms-input-placeholder,
.post-password-form input[type="password"]:-ms-input-placeholder,
.comment-form input[type="url"]:-ms-input-placeholder,
.search-form input[type="url"]:-ms-input-placeholder,
.post-password-form input[type="url"]:-ms-input-placeholder,
.comment-form input[type="date"]:-ms-input-placeholder,
.search-form input[type="date"]:-ms-input-placeholder,
.post-password-form input[type="date"]:-ms-input-placeholder,
.comment-form textarea:-ms-input-placeholder,
.search-form textarea:-ms-input-placeholder,
.post-password-form textarea:-ms-input-placeholder {
	color: #ccc;
}

.comment-form input[type="text"].placeholder,
.search-form input[type="text"].placeholder,
.post-password-form input[type="text"].placeholder,
.comment-form input[type="tel"].placeholder,
.search-form input[type="tel"].placeholder,
.post-password-form input[type="tel"].placeholder,
.comment-form input[type="email"].placeholder,
.search-form input[type="email"].placeholder,
.post-password-form input[type="email"].placeholder,
.comment-form input[type="search"].placeholder,
.search-form input[type="search"].placeholder,
.post-password-form input[type="search"].placeholder,
.comment-form input[type="password"].placeholder,
.search-form input[type="password"].placeholder,
.post-password-form input[type="password"].placeholder,
.comment-form input[type="url"].placeholder,
.search-form input[type="url"].placeholder,
.post-password-form input[type="url"].placeholder,
.comment-form input[type="date"].placeholder,
.search-form input[type="date"].placeholder,
.post-password-form input[type="date"].placeholder,
.comment-form textarea.placeholder,
.search-form textarea.placeholder,
.post-password-form textarea.placeholder {
	color: #ccc;
}

.widget {
	margin-bottom: 1.2em;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: 150px;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
}

.comment-form textarea,
.comment-form input[type="text"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.comment-form input[type="submit"] {
	display: block;
	float: none;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"] {
	margin: 0 4px 0 0;
	width: 300px;
}

.search-form input {
	float: left;
	height: 2em;
}

.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 150px;
}

.post-password-form input {
	float: left;
	height: 2em;
}

.post-password-form input[type="password"] {
	width: 150px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: #333;
	color: #fff;
	height: 2em;
	border: none;
	padding: 0 .5em;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	opacity: .8;
}

.commentlist {
	margin: 0 0 1.2em;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 1.2em 4px 0;
}

.commentlist-item .commentlist-item {
	padding: 0;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item+.commentlist-item {
	padding-top: 1.6em;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation,
.navigation-comments {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1.2em;
}

.navigation .screen-reader-text,
.navigation-comments .screen-reader-text {
	position: absolute;
	left: -99999px;
}

.navigation .page-numbers,
.navigation-comments .page-numbers {
	display: inline-block;
	vertical-align: middle;
	padding: 0 .4em;
}

.navigation .next,
.navigation .prev,
.navigation-comments .next,
.navigation-comments .prev {
	display: inline-block;
	vertical-align: middle;
	max-width: 50%;
	background: #666;
	color: #fff;
	padding: .4em;
	text-decoration: none;
}

.navigation-single {
	margin-bottom: 1.2em;
}

.navigation-single .next,
.navigation-single .prev {
	float: left;
	vertical-align: middle;
	max-width: 50%;
	background: #666;
	color: #fff;
	text-decoration: none;
}

.navigation-single .next a,
.navigation-single .prev a {
	color: inherit;
	text-decoration: none;
	padding: .4em;
	display: block;
}

.navigation-single .next {
	float: right;
}

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #ccc;
	padding: .4em;
	margin-bottom: 1.2em;
}

.wp-caption img {
	margin: 0;
	vertical-align: top;
}

.wp-caption p {
	margin: .4em 0 0;
}

div.aligncenter {
	margin: 0 auto 1.2em;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 1.2em 4px 0;
}

.alignright {
	float: right;
	margin: 0 0 4px 1.2em;
}

.mejs-container {
	margin-bottom: 1.2em;
}

.wp-caption-text,
.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

@font-face {
	font-family: empty;
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAoAAAAAA+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAJ4AAACeXQ48j09TLzIAAAGUAAAAYAAAAGAIIgbWY21hcAAAAfQAAABEAAAARAAyAGlnYXNwAAACOAAAAAgAAAAIAAAAEGhlYWQAAAJAAAAANgAAADb9mzB5aGhlYQAAAngAAAAkAAAAJAHiAeVobXR4AAACnAAAABAAAAAQAAAAAG1heHAAAAKsAAAABgAAAAYABFAAbmFtZQAAArQAAAFdAAABXVqZXRlwb3N0AAAEFAAAACAAAAAgAAMAAAEABAQAAQEBDHNwYWNlLWVtcHR5AAECAAEAOvgcAvgbA/gYBB4KABlT/4uLHgoAGVP/i4sMB4tr+JT4dAUdAAAAfA8dAAAAgREdAAAACR0AAACVEgAFAQEMFxkbHnNwYWNlLWVtcHR5c3BhY2UtZW1wdHl1MHUxdTIwAAACAYkAAgAEAQEEBwoN/JQO/JQO/JQO/JQO+JQU+JQViwwKAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAABAAAAAIAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAAAEAIP/9//8AAAAAACD//f//AAH/4wADAAEAAAAAAAAAAAABAAH//wAPAAEAAAABAAAAeR2GXw889QALAgAAAAAAzz54vgAAAADPPni+AAAAAAAAAAAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAABQAAAEAAAAAAAOAK4AAQAAAAAAAQAWAAAAAQAAAAAAAgAOAGMAAQAAAAAAAwAWACwAAQAAAAAABAAWAHEAAQAAAAAABQAWABYAAQAAAAAABgALAEIAAQAAAAAACgAoAIcAAwABBAkAAQAWAAAAAwABBAkAAgAOAGMAAwABBAkAAwAWACwAAwABBAkABAAWAHEAAwABBAkABQAWABYAAwABBAkABgAWAE0AAwABBAkACgAoAIcAcwBwAGEAYwBlAC0AZQBtAHAAdAB5AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHAAYQBjAGUALQBlAG0AcAB0AHlzcGFjZS1lbXB0eQBzAHAAYQBjAGUALQBlAG0AcAB0AHkAUgBlAGcAdQBsAGEAcgBzAHAAYQBjAGUALQBlAG0AcAB0AHkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");
}

@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?16nlle");
	src: url("../fonts/icomoon.eot?16nlle#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?16nlle") format("truetype"), url("../fonts/icomoon.woff?16nlle") format("woff"), url("../fonts/icomoon.svg?16nlle#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="ico-"],
[class*=" ico-"] {
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ico-search:before {
	content: "\e90e";
}

.ico-card:before {
	content: "\e911";
}

.ico-mobile:before {
	content: "\e912";
}

.ico-user:before {
	content: "\e90f";
}

.ico-tag:before {
	content: "\e910";
}

.ico-share:before {
	content: "\e90b";
}

.ico-comment:before {
	content: "\e90c";
}

.ico-menu:before {
	content: "\e90d";
}

.ico-play:before {
	content: "\e90a";
}

.ico-linkedin:before {
	content: "\e906";
}

.ico-google-plus:before {
	content: "\e907";
}

.ico-twitter:before {
	content: "\e908";
}

.ico-facebook:before {
	content: "\e909";
}

.ico-arrow-up:before {
	content: "\e900";
}

.ico-arrow-left:before {
	content: "\e901";
}

.ico-arrow-down:before {
	content: "\e902";
}

.ico-arrow-right:before {
	content: "\e903";
}

.ico-send:before {
	content: "\e904";
}

.ico-pinterest:before {
	content: "\e905";
}

@font-face {
	font-family: Biko;
	src: url("../fonts/biko.eot");
	src: url("../fonts/biko.eot?#iefix") format("embedded-opentype"), url("../fonts/biko.woff") format("woff"), url("../fonts/biko.woff") format("woff2"), url("../fonts/biko.ttf") format("truetype"), url("../fonts/biko.svgbiko") format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Biko;
	src: url("../fonts/Biko-Bold.eot");
	src: url("../fonts/Biko-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Biko-Bold.woff") format("woff"), url("../fonts/Biko-Bold.woff") format("woff2"), url("../fonts/Biko-Bold.ttf") format("truetype"), url("../fonts/Biko-Bold.svgBiko-Bold") format("svg");
	font-weight: 700;
	font-style: normal;
}

body {
	-ms-overflow-style: scrollbar;
	min-width: 320px;
}

body.version-ii {
	background: #f5f5f5;
}

body.version-ii #back-top {
	font-size: 20px;
	border-radius: 5px;
}

body.version-iii {
	background: #f5f5f5 url(images/bg-pattern2.jpg) repeat;
}

.js-tab-hidden {
	display: block !important;
	left: -9999px !important;
	position: absolute !important;
	top: -9999px !important;
}

/*------------------------------------------------------------------
3. wrapper / #wrapper
-------------------------------------------------------------------*/

#wrapper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#wrapper a:focus,
#wrapper button:focus {
	outline: none;
}

.w1 {
	right: 0;
	position: relative;
	-webkit-transition: right .5s ease-out;
	transition: right .5s ease-out;
}

.sidenav-active .w1 {
	right: 280px;
}

h2 a,
h1 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
}

h2 a:hover,
h2 a:active,
h2 a:focus,
h1 a:hover,
h1 a:active,
h1 a:focus,
h3 a:hover,
h3 a:active,
h3 a:focus,
h4 a:hover,
h4 a:active,
h4 a:focus,
h5 a:hover,
h5 a:active,
h5 a:focus,
h6 a:hover,
h6 a:active,
h6 a:focus {
	text-decoration: none;
}

/*------------------------------------------------------------------
4. Top Bar / .top-bar
-------------------------------------------------------------------*/
p {
	/*line-height: 23px;
    font-size: 17px;*/
	line-height: 140%;
	font-size: 120%;
}

.top-bar {
	z-index: 1;
	padding-top: 14px;
	padding-bottom: 12px;
	position: relative;
}

.top-bar:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -9999px;
	right: -9999px;
}

.top-bar:before {
	display: block;
	background-color: #2a2d34;
	z-index: -1;
	background-repeat: repeat;
}

.top-bar.bg-pattern:before {
	background-image: url(images/bg-pattern.jpg);
}

/*------------------------------------------------------------------
5. Side Nav / .side-nav
-------------------------------------------------------------------*/

.side-nav {
	top: 0;
	width: 280px;
	height: 100vh;
	right: -280px;
	position: fixed;
	overflow-y: auto;
	bottom: -99999px;
	background: #2a2d34;
	padding: 80px 25px 0;
	text-transform: uppercase;
	-webkit-transition: right .5s ease-out;
	transition: right .5s ease-out;
	font: 700 14px/1.5 'Assistant', sans-serif;
	z-index: 99;
}

.side-nav li {
	margin: 0 0 10px;
}

.side-nav li.active a {
	color: #999;
}

.side-nav li a {
	color: #fff;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.side-nav li a:hover,
.side-nav li a:active,
.side-nav li a:focus {
	text-decoration: none;
	color: #999;
}

.side-nav .close {
	width: 30px;
	height: 30px;
	font-size: 17px;
	line-height: 17px;
	color: #fff;
	position: absolute;
	right: 15px;
	top: 21px;
	border: 1px solid #fff;
	padding: 5px 6px 6px 7px;
	border-radius: 100%;
}

.sidenav-active .side-nav {
	right: 0;
}

.side-nav .widget.profile-widget {
	padding: 0 0 10px;
	background: none;
	color: #fff;
	text-align: left;
	line-height: 25px;
}

.side-nav .widget.profile-widget .profile-pic {
	width: 100%;
	border-radius: 0;
	box-shadow: none;
}

.side-nav .widget.profile-widget .profile-pic:hover,
.side-nav .widget.profile-widget .profile-pic .hover {
	box-shadow: none;
}

.side-nav .widget.profile-widget .profile-pic a {
	border-radius: 0;
	border: none;
}

.side-nav h2 {
	font-size: 20px;
	line-height: 22px;
	color: #fff;
	margin: 0 0 40px;
	text-align: center;
	padding: 10px;
	position: relative;
}

.side-nav h2:before {
	position: absolute;
	content: "";
	bottom: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-style: solid;
	border-width: 10px 7px 0;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

/*------------------------------------------------------------------
6. Header / #header
-------------------------------------------------------------------*/

#header {
	padding: 15px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}

#header.version-i .stick-holder {
	/*background: none;*/
}

#header.version-ii,
#header.version-iii {
	padding: 0;
	background: rgba(0, 0, 0, 0.8);
	/*background: linear-gradient(90deg, #015479 2%,#3aa1d0 100%);*/
	position: relative;
	left: auto;
	right: auto;
	top: auto;
}

.version-i.header_fix {
	background: linear-gradient(90deg, #2894c5 2%, #3aa1d0 100%);
}

#header.version-ii .navbar-toggle,
#header.version-iii .navbar-toggle {
	border-color: #2a2d34;
}

#header.version-ii .navbar-toggle .icon-bar,
#header.version-iii .navbar-toggle .icon-bar {
	background: #2a2d34;
}

#header.version-ii .navbar-toggle:hover,
#header.version-ii .navbar-toggle:active,
#header.version-ii .navbar-toggle[aria-expanded="true"],
#header.version-iii .navbar-toggle:hover,
#header.version-iii .navbar-toggle:active,
#header.version-iii .navbar-toggle[aria-expanded="true"] {
	background: #2a2d34;
	border-color: #2a2d34;
}

#header.version-ii .navbar-toggle:hover .icon-bar,
#header.version-ii .navbar-toggle:active .icon-bar,
#header.version-ii .navbar-toggle[aria-expanded="true"] .icon-bar,
#header.version-iii .navbar-toggle:hover .icon-bar,
#header.version-iii .navbar-toggle:active .icon-bar,
#header.version-iii .navbar-toggle[aria-expanded="true"] .icon-bar {
	background: #fff;
}

#header.version-iii .navbar-toggle {
	margin-left: 20px;
}

#header .holder {
	padding-bottom: 7px;
	padding-top: 9px;
}

#header .social-networks {
	font-family: empty;
	text-align: right;
	font-size: 12px;
	line-height: 1;
}

#header .social-networks li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 19px;
}

#header .social-networks a {
	color: #fff;
}

#header .social-networks a:hover,
#header .social-networks a:focus,
#header .social-networks a:active {
	text-decoration: none;
}

#header form .form-group {
	margin: 0;
	position: relative;
	background: #f1f1f1;
	padding: 0 36px 0 0;
}

#header form .form-control {
	outline: none;
	background: #f1f1f1;
	border-radius: 0;
	border: 0;
	width: 100%;
	height: 35px;
	padding: 8px 16px;
	box-shadow: none;
	color: #acacac;
	font: 12px/1.1 'Assistant', sans-serif;
}

#header form .form-control::-webkit-input-placeholder {
	color: #acacac;
}

#header form .form-control::-moz-placeholder {
	opacity: 1;
	color: #acacac;
}

#header form .form-control:-moz-placeholder {
	color: #acacac;
}

#header form .form-control:-ms-input-placeholder {
	color: #acacac;
}

#header form .form-control.placeholder {
	color: #acacac;
}

#header form .form-control:focus {
	background: #e9e9e9;
}

#header form button {
	position: absolute;
	right: 0;
	border: 0;
	width: 36px;
	padding: 0;
	top: 0;
	bottom: 0;
	color: #acacac;
	font-size: 20px;
	font-weight: 700;
	background: none;
	text-align: center;
}

#header form button:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#header form button:hover,
#header form button:focus,
#header form button:active {
	color: #fff;
	background: #2a2d34;
}

#header .side-nav form {
	width: 213px;
	border-radius: 20px;
	border: 1px solid #f1f1f1;
	margin-bottom: 30px;
}

#header .side-nav form .form-group {
	background: none;
}

#header .side-nav form .form-control {
	background: none;
}

#header .side-nav form .form-control:focus {
	background: none;
}

#header .side-nav form button {
	background: none;
}

#header .side-nav form button:active,
#header .side-nav form button:focus {
	background: none;
}

#header .side-nav .social-networks {
	text-align: left;
}

#header .side-nav .social-networks a {
	color: #fff;
}

/*------------------------------------------------------------------
7. Logo / .logo
-------------------------------------------------------------------*/

.logo {
	max-width: 170px;
}

.logo.align-left {
	float: left;
}

.logo a {
	display: block;
}

.nav-holder {
	position: static;
}

/*------------------------------------------------------------------
8. Nav / #nav
-------------------------------------------------------------------*/

#nav {
	background: none;
	text-transform: uppercase;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	position: static;
	min-height: 1px;
	text-align: left;
	font: 600 16px/1.1 'Assistant', sans-serif;
}

.version-ii #nav a.btn,
.version-iii #nav a.btn {
	color: #fff;
}

.version-iii #nav {
	padding: 0;
}

.version-iii #nav li a:after {
	bottom: -46px;
}

#nav .navbar-collapse {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: #3d3e41;
	border: 0;
	box-shadow: none;
}

#nav .navbar-toggle {
	margin: 3px 0 0;
	background: none;
}

#nav .navbar-toggle[aria-expanded="true"],
#nav .navbar-toggle:hover,
#nav .navbar-toggle:active {
	border-color: #fff;
	background: #fff;
}

#nav .navbar-center {
	font-family: empty;
	float: none;
	position: relative;
}

#nav .navbar-center li {
	float: none;
	/*font-family: 'Montserrat', sans-serif;;*/
}

#nav .navbar-center li.logo {
	margin: 0 10px;
}

#nav .navbar-nav>li.active>a:after {
	width: 18px;
	opacity: 1;
}

#nav li a {
	color: #0f9ffa;
	padding: 10px 15px;
	-webkit-transition: color .25s linear, background .25s linear;
	transition: color .25s linear, background .25s linear;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.6px;
}

#nav li.logo a:after {
	display: none;
}

#nav li.icon-li a:after,
#nav li.icon-li.active a:after {
	display: none;
}

#nav li:hover>a:after {
	opacity: 1;
	width: 18px;
	/*border-color: #333333;*/
}

#nav li:hover>.drop {
	max-height: 666px;
}

#nav .icon-menu {
	color: #2a2d34;
	font-size: 32px;
	margin: -33px 70px -4px 0;
}

#nav .icon-menu:hover,
#nav .icon-menu:focus,
#nav .icon-menu:active {
	text-decoration: none;
}

#nav .btn {
	display: block;
	position: relative;
	color: #fff;
	text-transform: capitalize;
	background: #2a2d34;
	border-radius: 0;
	border: 0;
	margin: 1px 0 0;
	/*font: 600 12px/1.1 'Montserrat', sans-serif;;*/
	padding: 12px 15px 12px 30px;
	font-size: 12px;
	line-height: 1.1;
	font-weight: 600;
}

#nav .btn .icon {
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#nav .drop {
	text-transform: uppercase;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	max-height: 0;
	overflow: hidden;
}

#nav .drop .drop {
	right: 50%;
	left: auto;
	padding: 0;
}

#nav .drop li {
	margin: 0;
	position: relative;
}

#nav .drop li:hover>a:after,
#nav .drop li.active>a:after {
	left: 0;
	right: 0;
	width: auto;
}

#nav .drop a {
	display: block;
	z-index: 1;
	position: relative;
	padding: 10px;
}

#nav .drop a:after {
	top: 0;
	bottom: 0;
	left: 50%;
	right: 50%;
	border: 0;
	z-index: -1;
	width: auto;
}

#nav .drop a:hover {
	text-decoration: none;
	color: #fff;
}

#nav .drop a:hover:after {
	left: 0;
	right: 0;
	width: auto;
}

#nav img {
	max-width: 100%;
}

/*------------------------------------------------------------------
9. Slideshow / .slideshow
-------------------------------------------------------------------*/

.home-box {
	position: relative;
	/*margin-bottom: 30px;*/
}

.slideshow {
	overflow: hidden;
	position: relative;
	z-index: 1;
	/*font-family: 'Montserrat', sans-serif;;*/
}

.slideshow .slide {
	overflow: hidden;
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
	min-height: 320px;
	z-index: 1;
}

.slideshow .slide:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(51, 51, 51, .4);
	z-index: -1;
}

.slideshow .slide.slick-current .title {
	max-width: 100%;
	padding: 10px 33px 10px 22px;
}

.slideshow .title {
	max-width: 0;
	/*font: 700 12px/1.1 "Merriweather", Georgia, "Times New Roman", Times, serif;*/
	font-size: 12px;
	line-height: 1.1;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	padding: 10px 0;
	overflow: hidden;
	margin: 0 0 36px;
	z-index: 1;
	color: #fff;
	letter-spacing: .05em;
	text-transform: capitalize;
	-webkit-transition: all 2s ease-out;
	transition: all 2s ease-out;
	position: relative;
}

.slideshow .title:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -100px;
	right: 0;
}

.slideshow .title:before {
	z-index: -1;
	-webkit-transform: skew(-30deg) translateX(-13px);
	-ms-transform: skew(-30deg) translateX(-13px);
	transform: skew(-30deg) translateX(-13px);
}

.slideshow h1 {
	color: #fff;
	margin: 0 0 25px;
}

.slideshow .header a {
	text-transform: uppercase;
	text-decoration: none;
	font: 600 14px/1.1 'Assistant', sans-serif;
	padding: 0 0 7px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	position: relative;
}

.slideshow .header a:after {
	position: absolute;
	content: "";
	top: auto;
	bottom: 0;
	left: -10px;
	right: -10px;
}

.slideshow .header a:before {
	position: absolute;
	content: "";
	top: auto;
	bottom: 0;
	left: 50%;
	right: 50%;
}

.slideshow .header a:after {
	border-bottom: 2px solid;
}

.slideshow .header a:before {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 1;
	border-bottom: 2px solid #fff;
	opacity: 0;
}

.slideshow .header a:hover,
.slideshow .header a:active,
.slideshow .header a:focus {
	color: #fff;
}

.slideshow .header a:hover:before,
.slideshow .header a:active:before,
.slideshow .header a:focus:before {
	left: -10px;
	right: -10px;
	opacity: 1;
}

.slideshow .align-holder .align {
	max-width: none;
	padding: 20em 0;
	width: 100%;
}

.home-box1 .slideshow .align-holder .align {
	max-width: none;
	/*padding: 15em 0;*/
	padding: 5em 0;
	width: 100%;
}

.slideshow .align {
	padding: 100px 15px 50px;
}

h1 {
	font-size: 30px;
	line-height: 1.19;
	text-transform: uppercase;
}

/*------------------------------------------------------------------
10. Switcher / .switcher
-------------------------------------------------------------------*/

.switcher {
	border-bottom: 5px solid;
	position: relative;
	background: #55575c;
}

.switcher .switcher-mask {
	width: 300px;
	margin: 0 auto;
	position: relative;
}

.switcher .switcher-slideset {
	width: 99999px;
	float: left;
}

.switcher .switcher-slide {
	width: 300px;
	float: left;
	padding: 0 15px;
	position: relative;
}

.switcher .slide.slick-current time,
.switcher .slide.slick-current h2 {
	color: #fff;
}

.switcher .slide.slick-current time a:hover,
.switcher .slide.slick-current time a:active,
.switcher .slide.slick-current time a:focus,
.switcher .slide.slick-current h2 a:hover,
.switcher .slide.slick-current h2 a:active,
.switcher .slide.slick-current h2 a:focus {
	color: #000;
}

.switcher .slide-holder {
	background: #191b21;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: background .25s linear;
	transition: background .25s linear;
	min-height: 270px;
	box-shadow: 0px 0px 10px 4px #292929;
	margin: 4px 0 0 0;
	/*border-radius: 0px 15px 0px 15px;*/
}

.switcher .slide-holder:hover {
	/*border-radius: 0px 15px 0px 0px;*/
}

.slide-holder-des {
	padding: 15px 15px 16px;
}

.switcher .slide-holder:hover time,
.switcher .slide-holder:hover h2 {
	color: #fff;
}

.switcher .slide-holder:hover time a:hover,
.switcher .slide-holder:hover time a:active,
.switcher .slide-holder:hover time a:focus,
.switcher .slide-holder:hover h2 a:hover,
.switcher .slide-holder:hover h2 a:active,
.switcher .slide-holder:hover h2 a:focus {
	color: #000;
}

.switcher .center-block {
	max-width: 672px;
	position: relative;
}

.switcher .img-holder {
	overflow: hidden;
	/*background: #fff;
	padding: 5px;*/
	margin: 0 0 14px;
	max-height: 159px;
	min-height: 159px;
}

.switcher .img-holder img {
	max-width: none;
	width: 100%;
	/*width: 230px;*/
	height: 160px;
	border-bottom: 4px solid #0070a4;
}

.switcher time {
	font-size: 11px;
	line-height: 1.1;
	display: block;
	text-transform: uppercase;
	color: #999;
}

.switcher time a {
	color: inherit;
	text-decoration: none;
}

.switcher time a:hover,
.switcher time a:active,
.switcher time a:focus {
	color: #fff;
}

.switcher h2 {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}

.switcher h2 a:hover,
.switcher h2 a:active,
.switcher h2 a:focus {
	color: #999;
}

.switcher .slick-prev.slick-arrow,
.switcher .slick-next.slick-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -40px;
	z-index: 3;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	text-indent: -9999px;
	border: none;
	outline: none;
	background: none;
}

.switcher .slick-prev.slick-arrow:before,
.switcher .slick-next.slick-arrow:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "\f053";
	font-family: "FontAwesome";
	text-indent: 0;
}

.switcher .slick-prev.slick-arrow:hover,
.switcher .slick-prev.slick-arrow:active,
.switcher .slick-prev.slick-arrow:focus,
.switcher .slick-next.slick-arrow:hover,
.switcher .slick-next.slick-arrow:active,
.switcher .slick-next.slick-arrow:focus {
	color: #000;
}

.switcher .slick-next.slick-arrow {
	left: auto;
	right: -40px;
}

.switcher .slick-next.slick-arrow:before {
	content: "\f054";
}

/*------------------------------------------------------------------
11. Cols Holder / .cols-holder
-------------------------------------------------------------------*/

.cols-holder {
	margin: 0 -15px;
}

.cols-holder .post {
	padding: 0 15px;
	/*font: 13px/2 "Merriweather", Georgia, "Times New Roman", Times, serif;*/
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 41px;
	overflow: hidden;
	text-align: center;
}

.cols-holder .post.fluid {
	width: 100%;
	display: block;
}

.cols-holder .post.fluid .text-wrap {
	padding: 20px;
	background: #f4f4f5;
}

.cols-holder .img-holder,
.cols-holder .video-holder,
.cols-holder .carousel {
	overflow: hidden;
	position: relative;
	margin: 0 0 36px;
	text-align: center;
}

.cols-holder .img-holder img,
.cols-holder .video-holder img,
.cols-holder .carousel img {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: none;
}

.cols-holder .carousel,
.cols-holder .video-holder {
	margin: 0 0 0px;
}

.cols-holder time {
	display: block;
	font: 700 13px/1.1 'Assistant', sans-serif;
	margin: 0 0 22px;
	color: #2a2d34;
	text-transform: uppercase;
}

.cols-holder time a {
	text-decoration: none;
}

.cols-holder time a:hover,
.cols-holder time a:active,
.cols-holder time a:focus {
	color: #55575c;
}

.cols-holder .text-wrap {
	padding: 10px;
	overflow: hidden;
	background: #f4f4f4;
}

.cols-holder h2 {
	color: #2a2d34;
	margin: 0 0 15px;
	line-height: 26px;
	font-family: inherit !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
}

.post-blog-st .post-body .post-footer time i.fa {
	margin-right: 2px;
}

.cols-holder p {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.71429
}

h2 {
	line-height: 1.5;
}

/*------------------------------------------------------------------
12. Link More / .link-more
-------------------------------------------------------------------*/

.link-more {
	/*color: #fff; */
	text-decoration: none;
	text-transform: uppercase;
	font: 700 14px/1.1 "biko", 'Assistant', sans-serif;
	/* background: #0072a6; */
	/* padding: 12px 25px 8px; */
	line-height: 1;
	float: left;
	border-radius: 0;
	/*border-bottom: 1px solid #0072a6;*/
	padding-bottom: 3px;
	/*padding-left: 5px;
  padding-right: 5px;*/
}

.link-more i.fa {
	margin-right: 8px;
	font-size: 20px;
	line-height: 0;
	padding-top: 5px;
	float: left;
}

/*.link-more i.fa{
  margin-left: 2px;
  transition: all .2s ease-in-out;
}*/
/*.link-more:hover i.fa {
    margin-left: 5px;
}*/
.link-more:hover a {}


.link-more:hover,
.link-more:active,
.link-more:focus {
	text-decoration: inherit;
	color: #0072a6;
	background: #fff;
	margin-left: 6px;
}

/*------------------------------------------------------------------
13. Video Holder / .video-holder
-------------------------------------------------------------------*/

.video-holder {
	position: relative;
	overflow: hidden;
}

.video-holder .ico-play {
	position: relative;
	position: absolute;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 30px;
	z-index: 1;
	border-radius: 1px;
}

.video-holder .ico-play:after {
	position: absolute;
	content: "";
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
}

.video-holder .ico-play:after {
	z-index: -1;
	background: rgba(42, 45, 52, .8);
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.video-holder .ico-play:hover,
.video-holder .ico-play:active,
.video-holder .ico-play:focus {
	font-size: 40px;
}

.video-holder .ico-play:hover:after,
.video-holder .ico-play:active:after,
.video-holder .ico-play:focus:after {
	background: rgba(42, 45, 52, .65);
}

/*------------------------------------------------------------------
14. Carousel / .carousel
-------------------------------------------------------------------*/

.carousel {
	position: relative;
	overflow: hidden;
}

.carousel .slide {
	position: relative;
	width: 100%;
}

.carousel .slick-prev.slick-arrow,
.carousel .slick-next.slick-arrow {
	position: absolute;
	left: 50%;
	bottom: 7px;
	margin: 0;
	z-index: 2;
	display: block;
	width: 33px;
	height: 33px;
	padding: 5px;
	background: #fff;
	color: #2a2d34;
	text-decoration: none;
	margin: 0 0 0 -21px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-indent: -9999px;
	border: none;
	outline: none;
}

.carousel .slick-prev.slick-arrow:before,
.carousel .slick-next.slick-arrow:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "\f104";
	font-family: "FontAwesome";
	text-indent: 0;
}

.carousel .slick-prev.slick-arrow:hover,
.carousel .slick-prev.slick-arrow:active,
.carousel .slick-prev.slick-arrow:focus,
.carousel .slick-next.slick-arrow:hover,
.carousel .slick-next.slick-arrow:active,
.carousel .slick-next.slick-arrow:focus {
	text-decoration: none;
	background: #2a2d34;
	color: #fff;
}

.carousel .slick-next.slick-arrow {
	margin: 0 0 0 19px;
}

.carousel .slick-next.slick-arrow:before {
	content: "\f105";
}

/*------------------------------------------------------------------
15. Navigation / .navigation
-------------------------------------------------------------------*/

.navigation,
.pagination {
	padding: 15px 0 0;
	text-align: center;

}


.navigation .nav-links.text-center .page-numbers,
.pagination .nav-links.text-center .page-numbers {
	margin: 0 1px 10px;
}

.navigation .page-numbers,
.pagination .page-numbers {
	font: 700 15px/15px 'Assistant', sans-serif;
	background: #fff;
	margin: 0 3px 10px 0;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #bababa;
	text-transform: uppercase;
	min-width: 40px;
	height: 45px;
	padding: 0px;
}

.navigation .page-numbers a,
.pagination .page-numbers a {
	padding: 15px 20px;
	float: left;
	width: 100%;
}

.navigation .page-numbers.prev,
.navigation .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	width: 100%;
	max-width: none;
}

.navigation .page-numbers:hover,
.navigation .page-numbers:active,
.navigation .page-numbers:focus,
.pagination .page-numbers:hover,
.pagination .page-numbers:active,
.pagination .page-numbers:focus {
	text-decoration: none;
	background: #0f9ffa;
	/*background: linear-gradient(90deg, #3aa1d0 2%,#2783ad 100%);*/
	color: #fff;
}

.navigation .current,
.navigation .current.page-numbers,
.pagination .current,
.pagination .current.page-numbers {
	background: #0f9ffa;
	/*background: linear-gradient(90deg, #2783ad 2%,#3aa1d0 100%);*/
	color: #fff;
	padding: 15px 20px;
}

.pagination.slick-dots {
	margin: 0 auto;
	width: 350px;
}

/*------------------------------------------------------------------
16. Social Network / .social-network
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
17. Widget / .widget
-------------------------------------------------------------------*/

.widget {
	font-size: 12px;
	line-height: 2.33;
	position: relative;
	border: 2px solid #f0f0f0;
	padding: 15px;
	margin-bottom: 31px;
	position: relative;
}

.widget:before {
	position: absolute;
	content: "";
	top: -2px;
	bottom: auto;
	left: 0;
	right: auto;
}

.widget:before {
	width: 68px;
	height: 4px;
	z-index: 1;
	margin: 0 0 0 15px;
}

.widget.version-ii,
.version-ii .widget,
.widget.version-iii,
.version-iii .widget {
	background: #fff;
}

.widget.contact-widget {
	border: 0;
	font: 600 13px/1.5 'Assistant', sans-serif;
}

.widget.contact-widget:before {
	display: none;
}

.widget.contact-widget a {
	color: #2a2d34;
	padding: 0 0 0 27px;
	margin: 0 0 17px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.widget.contact-widget a:hover,
.widget.contact-widget a:focus,
.widget.contact-widget a:active {
	text-decoration: none;
}

.widget.contact-widget .icon {
	position: absolute;
	left: 0;
	top: 3px;
	width: 13px;
	text-align: center;
}

.widget.contact-widget .icon.ico-mobile {
	top: 1px;
}

.widget.contact-widget p {
	margin: 0;
}

.widget.widget-block {
	font-size: 13px;
	line-height: 2.15;
	margin-bottom: 39px;
	border: 0;
}

.widget.widget-block:before {
	display: none;
}

.widget.widget-block header {
	margin: 0 0 15px;
	overflow: hidden;
}

.widget.widget-block .text-holder {
	overflow: hidden;
}

.widget.widget-block .social-networks {
	font-family: empty;
	padding: 0;
}

.widget.widget-block .social-networks li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 19px 0 -3px;
	font-size: 12px;
	line-height: 14px;
}

.widget.widget-block .social-networks a {
	color: #2a2d34;
}

.widget.widget-block .social-networks a:hover,
.widget.widget-block .social-networks a:active,
.widget.widget-block .social-networks a:focus {
	text-decoration: none;
}

.widget.widget-block .alignleft {
	margin: 0 auto 15px;
	float: none;
	max-width: 100px;
	overflow: hidden;
}

.widget.widget-block .alignleft.round {
	border-radius: 100%;
}

.widget.widget-block .subtitle {
	display: block;
	font: 11px/1.2 'Assistant', sans-serif;
	color: #a5a5a5;
}

.widget.widget-block .subtitle a {
	color: inherit;
}

.widget.widget-block .subtitle a:hover,
.widget.widget-block .subtitle a:focus,
.widget.widget-block .subtitle a:active {
	color: #2a2d34;
	text-decoration: none;
}

.widget.widget-block h2 {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.2;
	color: #2a2d34;
	text-transform: capitalize;
}

.widget.widget-block p {
	margin: 0 0 9px;
}

.widget.widget_search {
	padding: 15px 17px;
}

.widget.widget_search:before {
	display: none;
}

.widget.widget_search form {
	padding: 0 51px 0 0;
	position: relative;
	overflow: hidden;
}

.widget.widget_search input[type="text"],
.widget.widget_search input[type="search"] {
	display: block;
	width: 100%;
	height: 43px;
	background: #f5f5f5;
	color: #333;
	border: 0;
	outline: none;
	box-shadow: none;
	box-sizing: border-box;
	outline: none;
	padding: 10px 15px;
	font: 13px/1.1 'Assistant', sans-serif;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}

.widget.widget_search input[type="text"]::-webkit-input-placeholder,
.widget.widget_search input[type="search"]::-webkit-input-placeholder {
	color: #c0c0c0;
}

.widget.widget_search input[type="text"]::-moz-placeholder,
.widget.widget_search input[type="search"]::-moz-placeholder {
	opacity: 1;
	color: #c0c0c0;
}

.widget.widget_search input[type="text"]:-moz-placeholder,
.widget.widget_search input[type="search"]:-moz-placeholder {
	color: #c0c0c0;
}

.widget.widget_search input[type="text"]:-ms-input-placeholder,
.widget.widget_search input[type="search"]:-ms-input-placeholder {
	color: #c0c0c0;
}

.widget.widget_search input[type="text"].placeholder,
.widget.widget_search input[type="search"].placeholder {
	color: #c0c0c0;
}

.widget.widget_search input[type="text"]:focus,
.widget.widget_search input[type="search"]:focus {
	background: #ededed;
}

.widget.widget_search button {
	color: #fff;
	position: absolute;
	right: 0;
	width: 51px;
	padding: 5px;
	border: 0;
	top: 0;
	bottom: 0;
	font-size: 20px;
	font-weight: 700;
}

.widget.widget_search button:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.widget.widget_search button:hover,
.widget.widget_search button:focus,
.widget.widget_search button:active {
	background: #2a2d34;
}

.widget.widget_categories.version-ii:before {
	display: none;
}

.widget.widget_categories.version-ii ul {
	padding: 13px 0 0;
}

.widget.widget_categories.version-ii ul li {
	overflow: hidden;
	margin-bottom: 4px;
}

.widget.widget_categories.version-ii ul li+li {
	padding-top: 5px;
	border-top: 1px solid #eee;
}

.widget.widget_categories.version-ii ul span {
	float: left;
	width: 47%;
	padding-right: 15px;
}

.widget.widget_categories .lists-holder ul {
	font-size: 12px;
}

.widget.widget_categories ul {
	padding: 0;
	margin: 0;
	color: #2a2d34;
	font-weight: 500;
	font-size: 12px;
}

.widget.widget_categories ul li {
	margin: 0;
}

.widget.widget_categories ul a {
	color: inherit;
}

.widget.widget_categories ul a:hover,
.widget.widget_categories ul a:active,
.widget.widget_categories ul a:focus {
	text-decoration: none;
}

.widget.promo-widget {
	overflow: hidden;
	padding: 0;
	text-align: center;
}

.widget.promo-widget a {
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}

.widget.promo-widget:before {
	display: none;
}

.widget.recent-posts-widget .alignleft {
	margin: 0 17px 10px 0;
	max-width: 73px;
}

.widget.recent-posts-widget.version-ii {
	padding: 29px 19px 25px;
}

.widget.recent-posts-widget.version-ii:before {
	display: none;
}

.widget.recent-posts-widget.version-ii ul,
.widget.recent-posts-widget.version-ii ol {
	font-size: 14px;
	line-height: 1.71;
}

.widget.recent-posts-widget.version-ii ul li,
.widget.recent-posts-widget.version-ii ol li {
	margin: 0 0 18px;
	padding: 29px 0 0;
}

.widget.recent-posts-widget.version-ii ul li:first-child,
.widget.recent-posts-widget.version-ii ol li:first-child {
	padding: 0;
}

.widget.recent-posts-widget.version-ii h4 {
	margin: 0 0 -1px;
}

.widget.recent-posts-widget .tab-head {
	margin: -29px -19px 39px;
	position: relative;
	overflow: hidden;
	font-family: empty;
}

.widget.recent-posts-widget .tab-head a {
	display: block;
	padding: 15px 5px 14px;
	font: 600 13px/1.2 'Assistant', sans-serif;
}

.widget.recent-posts-widget .tab-head a.active,
.widget.recent-posts-widget .tab-head a.active:hover,
.widget.recent-posts-widget .tab-head a.active:active,
.widget.recent-posts-widget .tab-head a.active:focus {
	color: #fff;
}

.widget.recent-posts-widget .tab-head a:hover,
.widget.recent-posts-widget .tab-head a:focus,
.widget.recent-posts-widget .tab-head a:active {
	color: #fff;
	background: #2a2d34;
}

.widget.recent-posts-widget .tab-head h3 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
	margin: 0;
	text-transform: capitalize;
}

.widget.recent-posts-widget .post-tag {
	display: block;
	font-family: empty;
	text-transform: uppercase;
}

.widget.recent-posts-widget .tag {
	font: 700 11px/1.2 'Assistant', sans-serif;
	display: inline-block;
	vertical-align: middle;
	padding: 6px 19px 6px 15px;
	z-index: 1;
	overflow: hidden;
	color: #fff;
	position: relative;
}

.widget.recent-posts-widget .tag:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -100px;
	right: 5px;
}

.widget.recent-posts-widget .tag:before {
	-webkit-transform: skew(-22deg);
	-ms-transform: skew(-22deg);
	transform: skew(-22deg);
	z-index: -1;
	background: #2a2d34;
}

.widget.recent-posts-widget a.tag,
.widget.recent-posts-widget a.tag.hot {
	text-decoration: none;
	color: #fff;
}

.widget.recent-posts-widget a.tag:hover,
.widget.recent-posts-widget a.tag:active,
.widget.recent-posts-widget a.tag:focus,
.widget.recent-posts-widget a.tag.hot:hover,
.widget.recent-posts-widget a.tag.hot:active,
.widget.recent-posts-widget a.tag.hot:focus {
	text-decoration: none;
}

.widget.recent-posts-widget a.tag:hover:before,
.widget.recent-posts-widget a.tag:active:before,
.widget.recent-posts-widget a.tag:focus:before,
.widget.recent-posts-widget a.tag.hot:hover:before,
.widget.recent-posts-widget a.tag.hot:active:before,
.widget.recent-posts-widget a.tag.hot:focus:before {
	background: #000;
}

.widget.recent-posts-widget time {
	color: #a3a3a3;
	margin: 0 9px 0 0;
	font: 700 11px/1.2 'Assistant', sans-serif;
	display: inline-block;
	vertical-align: middle;
}

.widget.recent-posts-widget time a {
	color: inherit;
	text-decoration: none;
}

.widget.recent-posts-widget time a:hover,
.widget.recent-posts-widget time a:active,
.widget.recent-posts-widget time a:focus {
	text-decoration: none;
}

.widget.recent-posts-widget h4 {
	color: #2a2d34;
	margin: 0 0 7px;
}

.widget.recent-posts-widget ul,
.widget.recent-posts-widget ol {
	padding: 0;
	margin: 0 0 -23px;
	font: 600 13px/1.63 'Assistant', sans-serif;
}

.widget.recent-posts-widget ul li,
.widget.recent-posts-widget ol li {
	overflow: hidden;
	margin: 0 0 23px;
	padding: 21px 0 0;
	position: relative;
}

.widget.recent-posts-widget ul li:after,
.widget.recent-posts-widget ol li:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
}

.widget.recent-posts-widget ul li:first-child,
.widget.recent-posts-widget ol li:first-child {
	padding-top: 0;
}

.widget.recent-posts-widget ul li:first-child:after,
.widget.recent-posts-widget ol li:first-child:after {
	display: none;
}

.widget.recent-posts-widget ul li:after,
.widget.recent-posts-widget ol li:after {
	border-top: 1px solid #ebebeb;
	max-width: 172px;
}

.widget.recent-posts-widget .descr {
	overflow: hidden;
}

.widget.recent-posts-widget ol {
	counter-reset: item;
}

.widget.recent-posts-widget ol li:before {
	float: left;
	margin: 0 5px 0 0;
	counter-increment: item;
	content: counters(item, ".", decimal) ".";
	color: #2a2d34;
}

.widget.profile-widget {
	background: #2a2d34;
	color: #fff;
	text-align: center;
	overflow: hidden;
	padding: 40px 30px 62px;
	border: 0;
}

.widget.profile-widget.version-ii {
	background: #fff;
	color: #2a2d34;
	padding-bottom: 42px;
}

.widget.profile-widget.version-ii .profile-pic {
	box-shadow: none;
}

.widget.profile-widget.version-ii .profile-pic a {
	border: 0;
}

.widget.profile-widget.version-ii .profile-pic:hover,
.widget.profile-widget.version-ii .profile-pic.hover {
	box-shadow: none;
}

.widget.profile-widget.version-ii .social-networks {
	text-align: center;
	position: static;
	font-family: empty;
	line-height: 1;
	text-align: center;
}

.widget.profile-widget.version-ii .social-networks li {
	margin: 0 10px;
	display: inline-block;
	vertical-align: middle;
}

.widget.profile-widget.version-ii .social-networks a {
	width: auto;
	height: auto;
	padding: 0;
	font-size: 14px;
	color: #2a2d34;
}

.widget.profile-widget.version-ii .social-networks a:hover,
.widget.profile-widget.version-ii .social-networks a:active,
.widget.profile-widget.version-ii .social-networks a:focus {
	text-decoration: none;
}

.widget.profile-widget:before {
	display: none;
}

.widget.profile-widget.style1 .profile-pic {
	margin: 0 auto 38px;
}

.widget.profile-widget.style1 h3 {
	margin: 0 0 18px;
}

.widget.profile-widget.style1 p {
	margin: 0 0 33px;
}

.widget.profile-widget h3 {
	margin: 0 0 24px;
	font: 700 20px/1.2 'Assistant', sans-serif;
	text-transform: uppercase;
	color: inherit;
}

.widget.profile-widget h3 img {
	display: inline;
	vertical-align: top;
	width: auto;
	max-width: 100%;
}

.widget.profile-widget .profile-pic {
	overflow: hidden;
	width: 150px;
	border-radius: 100%;
	margin: 0 auto 41px;
	box-shadow: .7em 1.2em 0 rgba(31, 33, 38, .8);
	-webkit-transition: all .35s ease-out;
	transition: all .35s ease-out;
}

.widget.profile-widget .profile-pic:hover,
.widget.profile-widget .profile-pic.hover {
	box-shadow: -.7em .7em 0 rgba(238, 238, 238, .8), .7em 1.2em 0 rgba(31, 33, 38, 0);
}

.widget.profile-widget .profile-pic a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 16px solid #5b616f;
	overflow: hidden;
}

.widget.profile-widget .profile-pic img {
	max-width: none;
	width: 100%;
}

.widget.profile-widget p {
	margin: 0 0 20px;
}

.widget.profile-widget .social-networks {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

.widget .social-networks.justify,
.widget ul.social-networks.justify {
	padding: 0;
	margin: 0;
}

.widget .social-networks.justify li.active a:before,
.widget ul.social-networks.justify li.active a:before {
	top: 0;
}

.widget .social-networks.justify a,
.widget ul.social-networks.justify a {
	color: #fff;
	display: block;
	width: 56px;
	height: 47px;
	position: relative;
	border: 2px solid #2a2d34;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	background: #191a1f;
	position: relative;
	z-index: 1;
}

.widget .social-networks.justify a:before,
.widget ul.social-networks.justify a:before {
	position: absolute;
	content: "";
	top: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}

.widget .social-networks.justify a:before,
.widget ul.social-networks.justify a:before {
	z-index: -1;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

.widget .social-networks.justify a:hover,
.widget .social-networks.justify a:active,
.widget .social-networks.justify a:focus,
.widget ul.social-networks.justify a:hover,
.widget ul.social-networks.justify a:active,
.widget ul.social-networks.justify a:focus {
	text-decoration: none;
}

.widget .social-networks.justify a:hover:before,
.widget .social-networks.justify a:active:before,
.widget .social-networks.justify a:focus:before,
.widget ul.social-networks.justify a:hover:before,
.widget ul.social-networks.justify a:active:before,
.widget ul.social-networks.justify a:focus:before {
	top: 0;
}

.widget .social-networks.justify .icon,
.widget ul.social-networks.justify .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.widget .widget-head {
	overflow: hidden;
}

.widget h3 {
	font-size: 18px;
	line-height: 1.2;
	color: #2a2d34;
	margin: 0 0 3px;
	text-transform: capitalize;
}

/*------------------------------------------------------------------
18. Content / #content
-------------------------------------------------------------------*/

#content {
	margin-bottom: 30px;
}

/*------------------------------------------------------------------
19. Twocolumns / #twocolumns
-------------------------------------------------------------------*/

#twocolumns {
	margin-bottom: 20px;
}

/*------------------------------------------------------------------
20. Instagram Slider / .instagram-slider
-------------------------------------------------------------------*/

.instagram-slider {
	position: relative;
	overflow: hidden;
}

.instagram-slider.version-ii .slideset {
	margin: 0;
}

.instagram-slider.version-ii .slide {
	padding: 0;
}

.instagram-slider .mask {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	font-family: empty;
}

.instagram-slider .slideset {
	overflow: hidden;
	margin: 0 -6px;
}

.instagram-slider .slide {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0;
	background: #000;
}

.instagram-slider .slide>a {
	display: block;
}

.instagram-slider .slide>a:hover {
	opacity: .8;
}

.instagram-slider img {
	max-width: none;
	width: 100%;
}

/*------------------------------------------------------------------
21. Aside / .aside
-------------------------------------------------------------------*/

.aside {
	font-weight: 300;
	font-size: 12px;
	line-height: 2.17;
	padding-top: 80px;
	padding-bottom: 30px;
}

.version-ii .aside,
.aside.version-ii,
.version-iii .aside,
.aside.version-iii {
	color: #efefef;
	position: relative;
	z-index: 1;
}

.version-ii .aside:before,
.aside.version-ii:before,
.version-iii .aside:before,
.aside.version-iii:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -9999px;
	right: -9999px;
}

.version-ii .aside:before,
.aside.version-ii:before,
.version-iii .aside:before,
.aside.version-iii:before {
	z-index: -1;
	display: block;
	background: #2a2d34;
}

.version-ii .aside h3,
.aside.version-ii h3,
.version-iii .aside h3,
.aside.version-iii h3 {
	color: #fefeff;
}

.version-ii .aside .footer-nav a,
.aside.version-ii .footer-nav a,
.version-iii .aside .footer-nav a,
.aside.version-iii .footer-nav a {
	color: #e0e0e0;
}

.version-ii .aside .widget.recent-posts-widget,
.aside.version-ii .widget.recent-posts-widget,
.version-iii .aside .widget.recent-posts-widget,
.aside.version-iii .widget.recent-posts-widget {
	color: #e3e3e3;
}

.version-ii .aside .widget.recent-posts-widget h4,
.aside.version-ii .widget.recent-posts-widget h4,
.version-iii .aside .widget.recent-posts-widget h4,
.aside.version-iii .widget.recent-posts-widget h4 {
	color: #e3e3e3;
}

.version-ii .aside .widget.recent-posts-widget time,
.aside.version-ii .widget.recent-posts-widget time,
.version-iii .aside .widget.recent-posts-widget time,
.aside.version-iii .widget.recent-posts-widget time {
	color: #bbb;
}

.version-ii .aside .widget.recent-posts-widget ol li:before,
.aside.version-ii .widget.recent-posts-widget ol li:before,
.version-iii .aside .widget.recent-posts-widget ol li:before,
.aside.version-iii .widget.recent-posts-widget ol li:before {
	color: #e3e3e3;
}

.version-iii .aside:before,
.aside.version-iii:before {
	background-image: url(images/bg-pattern3.jpg);
	background-repeat: repeat;
}

.aside.version-ii {
	padding-bottom: 78px;
}

.aside .col {
	margin-bottom: 30px;
	font-weight: 500;
}

.aside .col:first-child {
	padding-right: 3%;
}

.aside .col.widget-holder {
	padding-right: 3%;
}

.aside .col.footer-nav {}

.aside .widget.recent-posts-widget {
	padding: 0;
	margin-bottom: 0;
	border: 0;
	background: none;
}

.aside .widget.recent-posts-widget ol {
	font-size: 14px;
	line-height: 1.86;
}

.aside .widget.recent-posts-widget ol li {
	padding-top: 0;
	margin: 0 0 17px;
}

.aside .widget.recent-posts-widget ol li:before {
	color: #7b7b7b;
}

.aside .widget.recent-posts-widget ol li:after {
	display: none;
}

.aside .widget.recent-posts-widget time {
	color: #bbb;
}

.aside .widget.recent-posts-widget:before {
	display: none;
}

.aside .widget.recent-posts-widget h4 {
	color: #7b7b7b;
	margin: 0 0 -3px;
}

.aside .logo {
	/*max-width: 45px;*/
	margin: -13px 0 8px;
}

.aside h3 {
	color: #2a2d34;
	margin: 0 0 18px;
	font-size: 13px;
	line-height: 1.2;
}

.aside .social-networks {
	font-family: empty;
}

.aside .social-networks li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 11px 0 0;
}

.aside .social-networks a {
	/*color: #2a2d34;*/
	color: #fff;
	font-size: 14px;
}

.aside .social-networks a:hover,
.aside .social-networks a:active,
.aside .social-networks a:focus {
	text-decoration: none;
}

.aside p {
	margin: 0 0 12px;
}

/*------------------------------------------------------------------
22. Footer Nav / .footer-nav
-------------------------------------------------------------------*/

.footer-nav {
	font-weight: 500;
}

.footer-nav li {
	margin: 0 0 2px;
}

.footer-nav a {
	color: #7b7b7b;
}

.footer-nav a:hover,
.footer-nav a:active,
.footer-nav a:focus {
	text-decoration: none;
}

/*------------------------------------------------------------------
23. Subscribe Form / .subscribe-form
-------------------------------------------------------------------*/

.subscribe-form {
	padding: 13px 0 0;
}

aside.version-ii .subscribe-form .form-control {
	background: #22252b;
}

aside.version-ii .subscribe-form .form-control:focus {
	background: #0b0c0f;
}

.subscribe-form .form-group {
	position: relative;
	margin: 0;
	padding-right: 46px;
}

.subscribe-form .form-control {
	width: 100%;
	height: 44px;
	color: #b9b9b9;
	background: #2a2d34;
	border: 0;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	font: 300 12px/1.1 'Assistant', sans-serif;
	padding: 10px 18px;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}

.subscribe-form .form-control::-webkit-input-placeholder {
	color: #b9b9b9;
}

.subscribe-form .form-control::-moz-placeholder {
	opacity: 1;
	color: #b9b9b9;
}

.subscribe-form .form-control:-moz-placeholder {
	color: #b9b9b9;
}

.subscribe-form .form-control:-ms-input-placeholder {
	color: #b9b9b9;
}

.subscribe-form .form-control.placeholder {
	color: #b9b9b9;
}

.subscribe-form .form-control:focus {
	background: #131518;
}

.subscribe-form button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 46px;
	color: #fff;
	display: block;
	border: 0;
	padding: 5px;
	font-size: 16px;
}

.subscribe-form button:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.subscribe-form button:hover,
.subscribe-form button:active,
.subscribe-form button:focus {
	background: #b9b9b9;
}

.subscribe-form button:hover:before,
.subscribe-form button:active:before,
.subscribe-form button:focus:before {
	-webkit-transform: translate(-50%, -50%) rotate(30deg);
	-ms-transform: translate(-50%, -50%) rotate(30deg);
	transform: translate(-50%, -50%) rotate(30deg);
}

/*------------------------------------------------------------------
24. Footer / #footer
-------------------------------------------------------------------*/

#footer {
	z-index: 1;
	color: #fff;
	padding: 10px 25px;
	text-align: center;
	font: 12px/2.17 'Assistant', sans-serif;
	position: relative;
	float: left;
	width: 100%;
	background-image: url(../images/copy-bg.jpeg);
	background-size: cover;
}

#footer:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -9999px;
	right: -9999px;
}

#footer.version-ii {
	text-align: center;
}

#footer.version-ii:before {
	background: #22252b;
}

/* #footer:before {
	z-index: -1;
	background: #22252b;
	display: block;
} */
aside.aside.footer-area {
	background-image: url(../images/footer-bg.jpg);
	background-size: cover;
	/* height:370px;*/
	padding-top: 0px;
	background-position: center;
}

#footer a {
	color: inherit;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
	text-decoration: none;
}

#footer .social-networks {
	font-family: empty;
	text-align: right;
	padding: 20px 0 0;
	text-align: center;
}

#footer .social-networks li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
}

#footer .social-networks a {
	font-size: 15px;
	background: #0072a6;
	width: 30px;
	height: 30px;
	float: left;
	text-align: center;
	border-radius: 0px 5px 0px 5px;
	border: 1px solid #0072a6;
	line-height: 1.95;
}

#footer .social-networks a:hover {
	background: transparent;
	color: #fff;
}

#footer p {
	margin: 0;
}

/*------------------------------------------------------------------
25. Policy Nav / .policy-nav
-------------------------------------------------------------------*/

.policy-nav {
	font: 500 10px/1.1 'Assistant', sans-serif;
	text-transform: uppercase;
	text-align: center;
}

.policy-nav ul {
	font-family: empty;
	padding: 3px 0;
}

.policy-nav li {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

.policy-nav li:first-child:before {
	padding: 0;
	visibility: hidden;
}

.policy-nav li:before {
	padding: 0 16px;
	display: inline-block;
	vertical-align: middle;
	content: "|";
	color: #2a3f53;
}

.policy-nav a {
	color: #fff;
}

.policy-nav a:hover,
.policy-nav a:focus,
.policy-nav a:active {
	text-decoration: none;
}

/*------------------------------------------------------------------
26. Read More / .read-more
-------------------------------------------------------------------*/

.read-more {
	text-decoration: underline;
	text-transform: uppercase;
	font: 700 12px/1.1 'Assistant', sans-serif;
}

.read-more:hover,
.read-more:focus,
.read-more:active {
	color: #2a2d34;
}

/*------------------------------------------------------------------
27. Post Slider / .slider-post
-------------------------------------------------------------------*/

.posts-slider {
	position: relative;
	overflow: hidden;
	padding: 38px 0;
	margin: 0 0 30px;
	background-size: cover;
	background-position: 50% 50%;
	min-height: 383px;
}

.posts-slider .mask {
	position: relative;
	white-space: nowrap;
	text-align: center;
	font-family: empty;
	max-width: 280px;
	margin: 0 auto;
}

.posts-slider .slide {
	top: 0;
	z-index: 1;
	padding: 0 15px;
	text-align: left;
	position: relative;
	white-space: normal;
}

.posts-slider .slide.slick-current {
	z-index: 2;
}

.posts-slider .slide-holder {
	background: #fff;
	padding: 15px 15px 6px;
	overflow: hidden;
}

.posts-slider .img-holder {
	margin: 0 0 20px;
	overflow: hidden;
}

.posts-slider h2 {
	margin: 0 0 10px;
	color: #2a2d34;
	font-size: 14px;
	line-height: 1.4;
}

.posts-slider time {
	color: #999;
	display: block;
	margin: 0 0 15px;
	font: 11px/1.2 'Assistant', sans-serif;
	text-transform: uppercase;
}

.posts-slider time a {
	color: inherit;
}

.posts-slider time a:hover,
.posts-slider time a:focus,
.posts-slider time a:active {
	color: #2a2d34;
	text-decoration: none;
}

.posts-slider .read-more {
	font-size: 10px;
	display: inline-block;
	vertical-align: top;
}

.posts-slider .slick-prev.slick-arrow,
.posts-slider .slick-next.slick-arrow {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	z-index: 3;
	text-decoration: none;
	font-size: 19px;
	margin: -6px 0 0 -160px;
	text-indent: -9999px;
	border: none;
	outline: none;
	background: none;
}

.posts-slider .slick-prev.slick-arrow:before,
.posts-slider .slick-next.slick-arrow:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "\f053";
	font-family: "FontAwesome";
	text-indent: 0;
}

.posts-slider .slick-prev.slick-arrow:hover,
.posts-slider .slick-prev.slick-arrow:focus,
.posts-slider .slick-prev.slick-arrow:active,
.posts-slider .slick-next.slick-arrow:hover,
.posts-slider .slick-next.slick-arrow:focus,
.posts-slider .slick-next.slick-arrow:active {
	color: #000;
	text-decoration: none;
}

.posts-slider .slick-next.slick-arrow {
	margin: -6px 0 0 148px;
}

.posts-slider .slick-next.slick-arrow:before {
	content: "\f054";
}

.posts-slider img {
	max-width: none;
	width: 100%;
}

.single-post-area {
	padding-top: 35px;
}

/*------------------------------------------------------------------
28. Post Block / .post-block
-------------------------------------------------------------------*/

.post-block {
	padding: 0 17px 0 13px;
	position: relative;
	font-size: 12px;
	line-height: 2.17;
}

.post-block.single-post-block {
	padding: 0 15px 0 13px;
}

.post-block.single-post-block h2 {
	font-size: 18px;
	line-height: 1.44;
}

.post-block.single-post-block .post-holder {
	padding: 0 14px 14px;
}

.post-block.single-post-block .img-holder {
	margin: 0 -14px 16px;
}

.post-block.single-post-block time {
	margin: 0 0 21px -14px;
}

.post-block.single-post-block time a {
	padding: 8px 17px;
}

.post-block.single-post {
	font-size: 14px;
	line-height: 2.2857142857;
	padding: 0;
	margin-bottom: 35px;
}

.post-block.single-post footer {
	position: relative;
	left: auto;
	bottom: auto;
	right: auto;
	margin: 0 -23px;
}

.post-block.single-post footer .text {
	max-width: none;
	width: 100%;
	display: block;
	float: none;
	letter-spacing: 0.4px;
}

.post-block.single-post .post-holder {
	padding-top: 26px;
	padding-bottom: 0;
}

.post-block.single-post .img-holder,
.post-block.single-post .video-holder {
	margin: 0 0 26px;
}

.post-block.single-post h2 {
	margin: 0 0 19px;
}

.post-block.single-post p {
	margin: 0 0 21px;
}

.post-block.single-post time {
	margin: 0 0 27px -25px;
}

.post-block.single-post time a {
	padding: 8px 26px;
}

.post-block:hover time a:before {
	right: 0;
}

.post-block:hover .ico-play {
	font-size: 35px;
}

.post-block:hover img {
	transform: rotate(3deg) scale(1.1);
	-ms-transform: rotate(3deg) scale(1.1);
	/* IE 9 */
	-webkit-transform: rotate(3deg) scale(1.1);
	/* Chrome, Safari, Opera */
}

.post-block .post-holder {
	background: #fff;
	border-radius: 1px;
	box-shadow: 0 0 11px rgba(0, 0, 0, .06);
	overflow: hidden;
	padding: 0 26px 62px;
	position: relative;
}

.post-block h2 {
	color: #2a2d34;
	margin: 0 0 11px;
}

.post-block .img-holder,
.post-block .video-holder {
	overflow: hidden;
	margin: 0 -27px 22px;
	text-align: center;
}

.post-block blockquote {
	font-size: 14px;
	line-height: 2.2857142857;
	padding: 0 20px;
	margin: 0;
	font-style: italic;
}

.post-block time {
	font: 700 12px/1.1 'Assistant', sans-serif;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	margin: 0 0 26px -26px;
	word-spacing: 3px;
}

.post-block time a {
	display: block;
	padding: 8px 23px;
	color: #fff;
	z-index: 1;
	position: relative;
}

.post-block time a:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 100%;
}

.post-block time a:before {
	z-index: -1;
	background: #2a2d34;
}

.post-block time a:hover,
.post-block time a:focus,
.post-block time a:active {
	text-decoration: none;
}

.post-block time a:hover:before,
.post-block time a:focus:before,
.post-block time a:active:before {
	right: 0;
}

.post-block .ico-play {
	font-size: 28px;
}

.post-block footer {
	background: #0070a4;
	color: #fff;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
}

.post-block footer .text {
	font-weight: 600;
	line-height: 1.1;
	position: relative;
	float: left;
	max-width: 49%;
	letter-spacing: -1px;
	padding: 12px 8px 11px 29px;
}

.post-block footer .text+.text {
	position: relative;
}

.post-block footer .text+.text:before {
	position: absolute;
	content: "";
	top: -99px;
	bottom: -99px;
	left: 0;
	right: auto;
}

.post-block footer .text+.text:before {
	border-left: 1px solid #fff;
}

.post-block footer .icon {
	position: absolute;
	left: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.post-block footer .icon.ico-tag {
	margin: 0;
}

.post-block footer a {
	color: inherit;
}

.post-block footer a:hover,
.post-block footer a:focus,
.post-block footer a:active {
	text-decoration: none;
	color: #999;
}

.post-block img {
	max-width: none;
	width: 100%;
}

.post-block p {
	margin: 0 0 15px;
}

.posts-blocks {
	margin: 0 -15px;
	font-family: empty;
}

.posts-blocks .post-block {
	max-width: 350px;
	margin: 0 auto 31px;
}

.posts-blocks .header {
	margin: 0 0 36px;
	overflow: hidden;
	font-size: 13px;
	padding: 0 15px;
	line-height: 2;
}

.posts-blocks .header h2 {
	font-size: 20px;
	margin: 0 0 4px;
	color: #2a2d34;
}

.posts-blocks .header p {
	margin: 0;
}

/*------------------------------------------------------------------
29. Blocks Slider / .blocks-slider
-------------------------------------------------------------------*/

.blocks-slider {
	position: relative;
	background: #bbb;
	margin: 0 0 30px;
}

.blocks-slider .mask {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	font-family: empty;
	text-align: center;
}

.blocks-slider .slide {
	padding: 0 15px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	position: relative;
	width: 100%;
	white-space: normal;
	color: #fff;
	background-position: 50% 50%;
	background-size: cover;
	min-height: 430px;
	z-index: 1;
}

.blocks-slider .slide:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .8);
	z-index: -1;
}

.blocks-slider .slide.active .align {
	padding: 10px 0 40px;
}

.blocks-slider .slide.active .read-more {
	max-height: 99px;
}

.blocks-slider .slide.active h2 {
	margin: 0 0 11px;
}

.blocks-slider .slide.active time {
	margin: 0 0 24px;
}

.blocks-slider .slick-prev.slick-arrow,
.blocks-slider .slick-next.slick-arrow {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	z-index: 3;
	text-decoration: none;
	font-size: 19px;
	margin: -6px 0 0 -410px;
	text-indent: -9999px;
	border: none;
	outline: none;
	background: none;
}

.blocks-slider .slick-prev.slick-arrow:before,
.blocks-slider .slick-next.slick-arrow:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "\f053";
	font-family: "FontAwesome";
	text-indent: 0;
}

.blocks-slider .slick-prev.slick-arrow:hover,
.blocks-slider .slick-prev.slick-arrow:focus,
.blocks-slider .slick-prev.slick-arrow:active,
.blocks-slider .slick-next.slick-arrow:hover,
.blocks-slider .slick-next.slick-arrow:focus,
.blocks-slider .slick-next.slick-arrow:active {
	color: #000;
	text-decoration: none;
}

.blocks-slider .slick-next.slick-arrow {
	margin: -6px 0 0 392px;
}

.blocks-slider .slick-next.slick-arrow:before {
	content: "\f054";
}

.blocks-slider .align-holder {
	min-height: 430px;
	white-space: nowrap;
	text-align: center;
}

.blocks-slider .align-holder:before {
	content: "";
	display: inline-block;
	vertical-align: bottom;
	width: 0;
	min-height: inherit;
}

.blocks-slider .align-holder>* {
	white-space: normal;
	display: inline-block;
	vertical-align: bottom;
	max-width: 99%;
}

.blocks-slider .align-holder .align {
	padding: 10px 0 24px;
	width: 100%;
	-webkit-transition: padding .25s ease-out;
	transition: padding .25s ease-out;
}

.blocks-slider h2 {
	max-width: 340px;
	margin: 0 0 10px;
	font-size: 10px;
	line-height: 1.56;
	-webkit-transition: margin .25s ease-out;
	transition: margin .25s ease-out;
}

.blocks-slider time {
	display: block;
	color: #999;
	text-transform: uppercase;
	font: 11px/1.1 'Assistant', sans-serif;
}

.blocks-slider time a {
	color: inherit;
}

.blocks-slider time a:hover,
.blocks-slider time a:focus,
.blocks-slider time a:active {
	text-decoration: none;
	color: #fff;
}

.blocks-slider .read-more {
	max-height: 0;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}

/*------------------------------------------------------------------
30. Masonry Blocks / .masonry-blocks
-------------------------------------------------------------------*/

.masonry-blocks .masonry-holder {
	font-family: empty;
	margin: 0 -15px;
}

.masonry-blocks .block {
	width: 100%;
	margin: 0 20px 31px 0;
	float: left;
	font-size: 12px;
	line-height: 2.17;
}

.masonry-blocks .block:hover time a:after,
.masonry-blocks .block:hover time span:after,
.masonry-blocks .block:hover time strong:after {
	right: 8px;
}

.masonry-blocks .block-holder {
	overflow: hidden;
	border-radius: 1px;
	box-shadow: 0 0 11px rgba(0, 0, 0, .06);
	background: #fff;
	padding: 0 23px 20px;
}

.masonry-blocks .img-holder,
.masonry-blocks .music-holder,
.masonry-blocks .video-holder,
.masonry-blocks blockquote,
.masonry-blocks .image-slider {
	overflow: hidden;
	position: relative;
	margin: 0 -23px -15px;
}

.masonry-blocks .video-holder .ico-play {
	font-size: 27px;
}

.masonry-blocks .video-holder .ico-play:hover,
.masonry-blocks .video-holder .ico-play:focus,
.masonry-blocks .video-holder .ico-play:active {
	font-size: 34px;
}

.masonry-blocks .music-holder {
	margin-bottom: 0;
}

.masonry-blocks blockquote {
	text-align: center;
	padding: 90px 12% 59px;
	border: 0;
	overflow: hidden;
	color: #fff;
	z-index: 1;
	font: italic 600 16px/1.5 'Assistant', sans-serif;
	position: relative;
}

.masonry-blocks blockquote:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: auto;
	left: 50%;
	right: auto;
}

.masonry-blocks blockquote:before {
	display: block;
	content: "“";
	font-size: 78px;
	line-height: 1.1;
	font-style: normal;
	top: 50px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.masonry-blocks blockquote:after {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.masonry-blocks blockquote p,
.masonry-blocks blockquote q {
	margin: 0;
}

.masonry-blocks time {
	display: block;
	text-align: center;
	margin: 0 0 28px;
	position: relative;
	z-index: 3;
	color: #fff;
	text-transform: uppercase;
	font: 700 12px/1.1 'Assistant', sans-serif;
}

.masonry-blocks time a,
.masonry-blocks time span,
.masonry-blocks time strong {
	display: inline-block;
	vertical-align: top;
	padding: 9px 20px 7px;
	letter-spacing: 1px;
	overflow: hidden;
	z-index: 1;
	color: inherit;
	position: relative;
	position: relative;
}

.masonry-blocks time a:before,
.masonry-blocks time span:before,
.masonry-blocks time strong:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -50px;
	right: 0;
}

.masonry-blocks time a:after,
.masonry-blocks time span:after,
.masonry-blocks time strong:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -50px;
	right: 0;
}

.masonry-blocks time a:before,
.masonry-blocks time span:before,
.masonry-blocks time strong:before {
	background: #2a2d34;
	z-index: -1;
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	transform: skew(-20deg);
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	right: 8px;
}

.masonry-blocks time a:after,
.masonry-blocks time span:after,
.masonry-blocks time strong:after {
	right: 110%;
	z-index: -1;
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	transform: skew(-20deg);
	-webkit-transition: all .5s linear;
	transition: all .5s linear;
}

.masonry-blocks time a:hover,
.masonry-blocks time a:focus,
.masonry-blocks time a:active {
	text-decoration: none;
}

.masonry-blocks time a:hover:before,
.masonry-blocks time a:focus:before,
.masonry-blocks time a:active:before {
	background: gray;
}

.masonry-blocks h2 {
	margin: 0 0 13px;
	color: #2a2d34;
	font-size: 16px;
}

.masonry-blocks .info {
	padding: 0;
	margin: 0 -8px;
	color: #9a9a9a;
}

.masonry-blocks .info .count {
	line-height: 1.1;
	font-weight: 400;
	position: relative;
	padding: 5px 15px 5px 34px;
	float: left;
	width: 100%;
}

.masonry-blocks .info .icon {
	position: absolute;
	left: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: -2px 0 0;
}

.masonry-blocks .info a {
	color: inherit;
}

.masonry-blocks .info a:hover,
.masonry-blocks .info a:focus,
.masonry-blocks .info a:active {
	text-decoration: none;
}

.masonry-blocks .descr {
	padding: 35px 0 0;
	position: relative;
}

.masonry-blocks .descr:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: auto;
	left: -23px;
	right: -23px;
}

.masonry-blocks .descr:before {
	z-index: 1;
	pointer-events: none;
	height: 20px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXIAAAAXCAIAAACZCFMDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjExNzgwQTRBMzA5MTExRTZBQkFCQkREMzA1N0Q1MzJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjExNzgwQTRCMzA5MTExRTZBQkFCQkREMzA1N0Q1MzJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTE3ODBBNDgzMDkxMTFFNkFCQUJCREQzMDU3RDUzMkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTE3ODBBNDkzMDkxMTFFNkFCQUJCREQzMDU3RDUzMkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6oG/8eAAABTElEQVR42uzcMY7CMBAFULBcUcL9jwhSGtqsJWuNGYcky9LxXhFsJ6Jw8TWTQI7TNM2d8/l8APiL2+127KSy1M/LaXsEvJ0pZSWXj1Kk1Em7qByVLcBmoIS6pE5TP+nPXa9Xuwa8UiNizJQi11E5hpoFYMXxWVspgxTm7rMAe9qfV5nyuGXbr451DsBKLPSZUo65rWqCgDfan5ApjyYI4FOh89QEjVFkj4D1gqWttGMar16ZAmymRN78ivv9bh+B6nQ6bV6TbBPwWbFamec5TPeEE/A9wlPj8SFyalHSAqX/Q7MdBBaTJaREHyNJdgCfTZwckmZkm4AQHONi/5PaFDIlXHq5XGwisB4LLT2emqB+1ZvigHUlHEJP0w/yq0zR/gD7W6HaBNVBWswU7Q+wpxVarFmy3gd4uxU6/L56sq9ZkkwB/hkuoWb5EWAA4Kw4TUwKEvIAAAAASUVORK5CYII=");
	background-size: 100% 100%;
	left: -24px;
	right: -24px;
	top: 5px;
}

.masonry-blocks img {
	max-width: none;
	width: 100%;
}

.masonry-blocks p {
	margin: 0 0 11px;
}

/*------------------------------------------------------------------
31. Image Slider / .image-slider
-------------------------------------------------------------------*/

.image-slider {
	position: relative;
}

.image-slider .mask {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.image-slider .slide {
	float: left;
	width: 100%;
	overflow: hidden;
}

.image-slider .slick-prev.slick-arrow,
.image-slider .slick-next.slick-arrow {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	display: block;
	padding: 3px;
	margin: 4px 0 0;
	width: 30px;
	height: 30px;
	background: rgba(42, 45, 52, .9);
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	border: none;
	outline: none;
	text-indent: -9999px;
}

.image-slider .slick-prev.slick-arrow:before,
.image-slider .slick-next.slick-arrow:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	content: "\f104";
	font-family: "FontAwesome";
	text-indent: 0;
}

.image-slider .slick-next.slick-arrow {
	left: auto;
	right: 0;
}

.image-slider .slick-next.slick-arrow:before {
	content: "\f105";
}

.image-slider img {
	max-width: none;
	width: 100%;
}

/*------------------------------------------------------------------
32. Socials / .socials
-------------------------------------------------------------------*/

.socials {
	padding-top: 30px;
}

.socials a {
	color: #fff;
	text-transform: uppercase;
	display: block;
	padding: 0 15px;
	width: 20%;
	width: 20%;
	height: 70px;
	float: left;
	text-align: center;
	z-index: 1;
	font: 600 12px/6.4em 'Assistant', sans-serif;
	position: relative;
	position: relative;
}

.socials a:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.socials a:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 50%;
	right: 50%;
}

.socials a:before {
	z-index: -1;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	opacity: 1;
}

.socials a:after {
	z-index: -1;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	opacity: 0;
}

.socials a:hover,
.socials a:focus,
.socials a:active {
	text-decoration: none;
}

.socials a:hover:after,
.socials a:focus:after,
.socials a:active:after {
	opacity: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.socials a span {
	display: inline-block;
	vertical-align: top;
}

.socials a .icon {
	line-height: inherit;
}

.socials a.facebook .icon {
	margin-top: -.011em;
}

.socials a.facebook:after {
	background: #3a5786;
}

.socials a.facebook:before {
	background: #4a6ea9;
}

.socials a.twitter .icon {
	margin-top: -.121em;
}

.socials a.twitter:after {
	background: #0998e9;
}

.socials a.twitter:before {
	background: #2eaef7;
}

.socials a.google .icon {
	margin-top: -.121em;
}

.socials a.google:after {
	background: #c52f22;
}

.socials a.google:before {
	background: #dd493d;
}

.socials a.linkedin .icon {
	margin-top: -.15em;
}

.socials a.linkedin:after {
	background: #015381;
}

.socials a.linkedin:before {
	background: #0274b3;
}

.socials a.pinterest .icon {
	margin-top: -.05em;
}

.socials a.pinterest:after {
	background: #a11a20;
}

.socials a.pinterest:before {
	background: #cd2129;
}

/*------------------------------------------------------------------
33. Instagram List / .instagram-list
-------------------------------------------------------------------*/

.instagram-list {
	font-family: empty;
	margin: 0 -5px;
	padding: 8px 0 0;
}

.instagram-list li {
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	padding: 0 5px;
	margin: 0 0 9px;
	display: inline-block;
	vertical-align: top;
}

.instagram-list a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .25s linear;
	transition: opacity .25s linear;
}

.instagram-list a:hover,
.instagram-list a:focus,
.instagram-list a:active {
	text-decoration: none;
	opacity: .8;
}

.instagram-list img {
	max-width: none;
	width: 100%;
}

/*------------------------------------------------------------------
34. Comments / .comments
-------------------------------------------------------------------*/

.comments,
.comment-respond,
.recent-posts {
	overflow: hidden;
	position: relative;
	background: #fff;
	border-radius: 1px;
	box-shadow: 0 0 11px rgba(0, 0, 0, .06);
	margin-bottom: 40px;
}

.comments .header,
.comment-respond .header,
.recent-posts .header {
	overflow: hidden;
	margin: 0 0 28px;
	padding: 32px 29px 0;
	color: #a6a6a6;
	font: 13px/2 'Assistant', sans-serif;
}

.comments .header p,
.comment-respond .header p,
.recent-posts .header p {
	margin: 0;
}

.comments h2,
.comments h3,
.comment-respond h2,
.comment-respond h3,
.recent-posts h2,
.recent-posts h3 {
	margin: 0 0 7px;
	font-size: 18px;
	line-height: 1.2;
	color: #2a2d34;
}

.commentlist {
	margin: 0 0 29px;
}

.commentlist-item {
	color: #878787;
	font-size: 12px;
	line-height: 2;
}

.commentlist-item.version-ii .comment-reply-link {
	float: right;
}

.commentlist-item.version-ii .name {
	display: block;
}

.commentlist-item.version-ii time:before {
	display: none;
}

.commentlist-item+.commentlist-item {
	padding-top: 19px;
}

.commentlist-item+.commentlist-item .comment {
	padding-top: 28px;
	position: relative;
}

.commentlist-item+.commentlist-item .comment:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
}

.commentlist-item+.commentlist-item .comment:before {
	border-top: 1px solid #f1f1f1;
	display: block;
	margin: 0 29px;
}

.commentlist-item .commentlist-item {
	padding-left: 0;
}

.commentlist-item .commentlist-item .comment {
	padding-top: 28px;
	position: relative;
}

.commentlist-item .commentlist-item .comment:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
}

.commentlist-item .commentlist-item .comment:before {
	border-top: 1px solid #f1f1f1;
	display: block;
	margin: 0 29px;
}

.commentlist-item .comment {
	padding: 0 29px 0 25px;
}

.commentlist-item .avatar-holder {
	margin: 4px 20px 10px 0;
	max-width: 53px;
	position: relative;
}

.commentlist-item .avatar-holder:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
}

.commentlist-item .avatar-holder:before {
	border-left: 5px solid;
	display: block;
	left: -25px;
}

.commentlist-item .avatar-holder.round {
	border-radius: 100%;
	overflow: hidden;
}

.commentlist-item .meta {
	font: 11px/1.2 'Assistant', sans-serif;
	margin: 0 0 12px;
}

.commentlist-item .meta a {
	color: #b3b3b3;
}

.commentlist-item .meta a:hover,
.commentlist-item .meta a:focus,
.commentlist-item .meta a:active {
	color: #2a2d34;
	text-decoration: none;
}

.commentlist-item time:before {
	content: "-";
	display: inline;
	padding: 0 7px 0 0;
}

.commentlist-item .name {
	font: 600 15px/1.73 'Assistant', sans-serif;
	color: #2a2d34;
	padding: 0 9px 0 0;
	margin: 0 0 4px;
}

.commentlist-item .name a {
	color: inherit;
}

.commentlist-item .comment-reply-link {
	font-weight: 600;
	line-height: 1.5;
	color: #2a2d34;
}

.commentlist-item .comment-reply-link:hover,
.commentlist-item .comment-reply-link:active,
.commentlist-item .comment-reply-link:focus {
	text-decoration: none;
}

.commentlist-item p {
	margin: 0 0 12px;
}

.comment-respond.contact-form .header {
	margin: 0 0 35px;
}

.comment-respond.contact-form .comment-form .comment-form-comment {
	margin: 0 0 14px;
}

/*------------------------------------------------------------------
35. Comment Form / .comment-form
-------------------------------------------------------------------*/

.comment-form {
	overflow: hidden;
	padding: 0 29px 38px;
}

.comment-respond.version-ii .comment-form input[type="button"],
.comment-respond.version-ii .comment-form input[type="submit"],
.comment-respond.version-ii .comment-form button[type="button"],
.comment-respond.version-ii .comment-form button[type="submit"] {
	background: #2a2d34;
}

.comment-respond.version-ii .comment-form input[type="button"]:hover,
.comment-respond.version-ii .comment-form input[type="button"]:active,
.comment-respond.version-ii .comment-form input[type="button"]:focus,
.comment-respond.version-ii .comment-form input[type="submit"]:hover,
.comment-respond.version-ii .comment-form input[type="submit"]:active,
.comment-respond.version-ii .comment-form input[type="submit"]:focus,
.comment-respond.version-ii .comment-form button[type="button"]:hover,
.comment-respond.version-ii .comment-form button[type="button"]:active,
.comment-respond.version-ii .comment-form button[type="button"]:focus,
.comment-respond.version-ii .comment-form button[type="submit"]:hover,
.comment-respond.version-ii .comment-form button[type="submit"]:active,
.comment-respond.version-ii .comment-form button[type="submit"]:focus {
	background: #a5a5a5;
}

.comment-form .text-light {
	color: #b0b0b0;
	font-weight: 400;
}

.comment-form label {
	font: 600 13px/2 'Assistant', sans-serif;
	color: #2a2d34;
	margin-bottom: 3px;
}


.comment-form .wrap.form-group {
	margin: 0 0 17px;
}

.comment-form input[type="text"],
.comment-form input[type="search"],
.comment-form input[type="password"],
.comment-form input[type="email"],
.comment-form input[type="tel"],
.comment-form input[type="url"],
.comment-form textarea {
	/*box-sizing: border-box;*/
	margin: 0 0 15px;
	font: 15px/1.2 'Assistant', sans-serif;
	width: 100%;
	height: 38px;
	color: #333;
	outline: none;
	display: block;
	border: 0;
	background: #f5f5f5;
	padding: 10px 15px;
	border: 1px solid #d4d2d2;
	box-shadow: none;
}

.comment-form input[type="text"]::-webkit-input-placeholder,
.comment-form input[type="search"]::-webkit-input-placeholder,
.comment-form input[type="password"]::-webkit-input-placeholder,
.comment-form input[type="email"]::-webkit-input-placeholder,
.comment-form input[type="tel"]::-webkit-input-placeholder,
.comment-form input[type="url"]::-webkit-input-placeholder,
.comment-form textarea::-webkit-input-placeholder {
	color: #333;
}

.comment-form input[type="text"]::-moz-placeholder,
.comment-form input[type="search"]::-moz-placeholder,
.comment-form input[type="password"]::-moz-placeholder,
.comment-form input[type="email"]::-moz-placeholder,
.comment-form input[type="tel"]::-moz-placeholder,
.comment-form input[type="url"]::-moz-placeholder,
.comment-form textarea::-moz-placeholder {
	opacity: 1;
	color: #333;
}

.comment-form input[type="text"]:-moz-placeholder,
.comment-form input[type="search"]:-moz-placeholder,
.comment-form input[type="password"]:-moz-placeholder,
.comment-form input[type="email"]:-moz-placeholder,
.comment-form input[type="tel"]:-moz-placeholder,
.comment-form input[type="url"]:-moz-placeholder,
.comment-form textarea:-moz-placeholder {
	color: #333;
}

.comment-form input[type="text"]:-ms-input-placeholder,
.comment-form input[type="search"]:-ms-input-placeholder,
.comment-form input[type="password"]:-ms-input-placeholder,
.comment-form input[type="email"]:-ms-input-placeholder,
.comment-form input[type="tel"]:-ms-input-placeholder,
.comment-form input[type="url"]:-ms-input-placeholder,
.comment-form textarea:-ms-input-placeholder {
	color: #333;
}

.comment-form input[type="text"].placeholder,
.comment-form input[type="search"].placeholder,
.comment-form input[type="password"].placeholder,
.comment-form input[type="email"].placeholder,
.comment-form input[type="tel"].placeholder,
.comment-form input[type="url"].placeholder,
.comment-form textarea.placeholder {
	color: #333;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="search"]:focus,
.comment-form input[type="password"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="tel"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
	background: #f0f0f0;
}

.comment-form textarea {
	padding: 22px;
	resize: none;
	min-height: 154px;
	height: 154px;
}

.comment-form input[type="button"],
.comment-form input[type="submit"],
.comment-form button[type="button"],
.comment-form button[type="submit"] {
	border-radius: 2px;
	border: 0;
	font: 600 20px/1.5 'Assistant', sans-serif;
	margin: 0;
	text-align: center;
	padding: 15px;
	height: 57px;
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
}

.comment-form input[type="button"]:hover,
.comment-form input[type="button"]:focus,
.comment-form input[type="button"]:active,
.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus,
.comment-form input[type="submit"]:active,
.comment-form button[type="button"]:hover,
.comment-form button[type="button"]:focus,
.comment-form button[type="button"]:active,
.comment-form button[type="submit"]:hover,
.comment-form button[type="submit"]:focus,
.comment-form button[type="submit"]:active {
	/*background: #2a2d34;*/
	/*background: linear-gradient(90deg, #3aa1d0 2%,#2783ad 100%);*/
}

.comment-form .comment-form-comment {
	margin: 0 0 8px;
	overflow: hidden;
}

.page-head {
	z-index: 1;
	color: #fff;
	padding-top: 71px;
	padding-bottom: 68px;
	margin-bottom: 40px;
	background-position: 50%;
	background-size: cover;
	/*min-height: 300px;*/
	height: 150px;
}

.page-head h1 {
	margin: 0 0 6px;
	font-size: 24px;
	line-height: 1.5;
	text-transform: none;
	font-weight: 600;
}

/*------------------------------------------------------------------
36. Breadcrumb / .breadcrumb
-------------------------------------------------------------------*/

.breadcrumb {
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
	font: 14px/1.5 'Assistant', sans-serif;
	color: #fff;
}

.breadcrumb .active {
	color: inherit;
}

.breadcrumb a {
	color: inherit;
	font-weight: bold;
	font-size: 14px;
}

.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	text-decoration: none;
}

/*------------------------------------------------------------------
37. Single Postv2 / .single-postv2
-------------------------------------------------------------------*/

.single-postv2 {
	overflow: hidden;
	background: #fff;
	padding: 23px 23px 5px;
	position: relative;
	text-align: center;
	margin-bottom: 41px;
}

.single-postv2 .img-holder,
.single-postv2 .video-holder,
.single-postv2 .image-slider {
	margin: 0 0 -16px;
	overflow: hidden;
}

.single-postv2 time {
	display: block;
	text-align: center;
	margin: 0 0 35px;
	position: relative;
	z-index: 3;
	color: #fff;
	text-transform: uppercase;
	font: 700 12px/1.1 'Assistant', sans-serif;
}

.single-postv2 time a,
.single-postv2 time span,
.single-postv2 time strong {
	display: inline-block;
	vertical-align: top;
	padding: 9px 20px 7px;
	letter-spacing: 1px;
	overflow: hidden;
	z-index: 1;
	color: inherit;
	position: relative;
}

.single-postv2 time a:before,
.single-postv2 time span:before,
.single-postv2 time strong:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: -50px;
	right: 0;
}

.single-postv2 time a:before,
.single-postv2 time span:before,
.single-postv2 time strong:before {
	background: #2a2d34;
	z-index: -1;
	-webkit-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	transform: skew(-20deg);
	-webkit-transition: all .25s linear;
	transition: all .25s linear;
	right: 8px;
}

.single-postv2 time a:hover,
.single-postv2 time a:focus,
.single-postv2 time a:active {
	text-decoration: none;
}

.single-postv2 time a:hover:before,
.single-postv2 time a:focus:before,
.single-postv2 time a:active:before {
	background: gray;
}

.single-postv2 .info {
	margin: 0 0 31px;
	color: #9a9a9a;
	font-family: empty;
	font-size: 12px;
}

.single-postv2 .info .text {
	line-height: 1.1;
	font-weight: 400;
	position: relative;
	padding: 5px 15px 5px 34px;
	display: inline-block;
	vertical-align: top;
	margin: 0 14px;
}

.single-postv2 .info .icon {
	position: absolute;
	left: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: -2px 0 0;
}

.single-postv2 .info a {
	color: inherit;
}

.single-postv2 .info a:hover,
.single-postv2 .info a:focus,
.single-postv2 .info a:active {
	text-decoration: none;
}

.single-postv2 .center-block {
	overflow: hidden;
	max-width: 902px;
}

.single-postv2 h2 {
	margin: 0 0 15px;
	color: #2a2d34;
}

.single-postv2 .text-box {
	overflow: hidden;
	padding: 23px 14% 19px;
	background: #f2f2f2;
	max-width: 900px;
	margin: 0 auto 25px;
}

.single-postv2 .text-box p {
	margin: 0;
}

.single-postv2 img {
	max-width: none;
	width: 100%;
}

.single-postv2 p {
	margin: 0 0 25px;
}

/*------------------------------------------------------------------
38. Recent Posts / recent-posts
-------------------------------------------------------------------*/

.recent-posts {
	background: #fff;
	overflow: hidden;
	border-radius: 1px;
	box-shadow: 0 0 11px rgba(0, 0, 0, .06);
	padding: 30px 30px 24px;
	margin: 0 0 42px;
}

.recent-posts .header {
	padding: 0;
	margin: 0 0 35px;
}

.recent-posts .img-holder {
	overflow: hidden;
	margin: 0 0 18px;
}

.recent-posts ul {
	margin: 0 -5px;
	font-family: empty;
}

.recent-posts ul li {
	padding: 0 5px 0 3px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0 0 10px;
}

.recent-posts ul h3 {
	margin: 0 0 8px;
	color: #2a2d34;
	font-size: 14px;
	line-height: 1.63;
}

.recent-posts time {
	display: block;
	color: #979797;
	text-transform: uppercase;
	font: 11px/1.5 'Assistant', sans-serif;
}

.recent-posts time a {
	color: inherit;
}

.recent-posts time a:hover,
.recent-posts time a:focus,
.recent-posts time a:active {
	color: #2a2d34;
	text-decoration: none;
}

/*------------------------------------------------------------------
39. Page Error / .page-error
-------------------------------------------------------------------*/

.page-error {
	padding-top: 92px;
	padding-bottom: 0;
}

.page-error.coming-soon {
	padding-top: 0;
}

.page-error .heading-holder {
	color: #888;
	font-weight: 300;
	margin-bottom: 30px;
}

.page-error .text-block {
	display: block;
	font-weight: 600;
	color: #2a2d34;
	margin: 0 0 13px;
}

.page-error .widget.widget_search {
	max-width: 370px;
	margin: 0 auto 17px;
}

.page-error h1 {
	margin: 0 auto 52px;
	font: 700 110px/.46 'Assistant', sans-serif;
	text-transform: lowercase;
	color: #2a2d34;
	max-width: 220px;
	text-shadow: 10px 16px 0 rgba(0, 0, 0, .03);
}

.page-error h1 .text-small {
	font-size: 30px;
	font-weight: 400;
	padding: 0 0 0 11px;
	letter-spacing: 11px;
	text-shadow: none;
}

.page-error h2 {
	margin: 0 auto 52px;
	font: 700 33px/.46 'Assistant', sans-serif;
	text-transform: uppercase;
	color: #2a2d34;
	text-shadow: 10px 16px 0 rgba(0, 0, 0, .03);
}

.page-error .btn,
.page-error .btn-default {
	min-width: 236px;
	background: linear-gradient(90deg, #3aa1d0 2%, #2783ad 100%);
}

.page-error p {
	margin: 0 0 11px;
}

.page-error .container-holder {
	white-space: nowrap;
	text-align: center;
}

.page-error .container-holder:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	min-height: 100vh;
}

.page-error .container-holder>* {
	white-space: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 99%;
}

.page-error .comming-timer {
	margin: 0 auto 40px;
	padding: 0 0 38px;
	width: 100%;
	overflow: hidden;
}

.page-error .comming-timer .countdown-section {
	width: 25%;
	text-align: center;
	float: left;
}

.page-error .comming-timer .countdown-amount {
	font-size: 30px;
	line-height: 30px;
	color: #252525;
	font-weight: 700;
	padding: 0 0 20px;
	margin: 0 0 20px;
	display: block;
	position: relative;
	text-shadow: 10px 10px 0 rgba(0, 0, 0, .03);
}

.page-error .comming-timer .countdown-amount:before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: 0;
	background: #888;
	width: 50px;
	height: 3px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.page-error .comming-timer .countdown-period {
	font-size: 12px;
	line-height: 14px;
	color: #707070;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
}

/*------------------------------------------------------------------
40. Btn Default / .btn-detault
-------------------------------------------------------------------*/

.btn-default {
	background: #2a2d34;
	color: #fff;
	padding: 17px 17px 14px;
	font: 600 14px/1.86 'Assistant', sans-serif;
	border: 0;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	text-decoration: none;
	color: #fff;
}

.contact-sec {
	margin: 0 0 82px;
}

.main-header {
	background: #fff;
	padding: 25px 23px;
	margin: 0 0 30px;
}

.main-header .title {
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #2a2d34;
	display: block;
}

/*------------------------------------------------------------------
41. Back Top / #back-top
-------------------------------------------------------------------*/

#back-top {
	bottom: 0;
	opacity: 0;
	z-index: 9;
	right: 20px;
	width: 50px;
	height: 50px;
	padding: 9px 0 0;
	cursor: pointer;
	font-size: 25px;
	position: fixed;
	line-height: 27px;
	text-align: center;
	border-radius: 50% !important;
	background: #252525;
	-webkit-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
	-ms-transform: translateY(40px);
	-webkit-transition: all .6s ease;
	-webkit-transform: translateY(40px);
}

#back-top.active {
	opacity: 0.8;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-ms-transform: translateY(-20px);
	/* IE 9 */
	-webkit-transform: translateY(-20px);
	/* Safari */
	transform: translateY(-20px);
	background: #0f9ffa;
	color: #fff;
	z-index: 99999;
}

#back-top:hover {
	opacity: .9;
}

/*------------------------------------------------------------------
42. Loader holder / .loader-holder
-------------------------------------------------------------------*/

.loader-holder {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background: #fff;
	position: absolute;
}

.loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 48.2842712474619px;
	height: 48.2842712474619px;
	margin-left: -24.14213562373095px;
	margin-top: -24.14213562373095px;
	border-radius: 100%;
	-webkit-animation-name: loader;
	animation-name: loader;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}

.loader .side {
	display: block;
	width: 6px;
	height: 20px;
	background-color: #4c96cd;
	margin: 2px;
	position: absolute;
	border-radius: 50%;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}

.loader .side:nth-child(1),
.loader .side:nth-child(5) {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation-name: rotate0;
	animation-name: rotate0;
}

.loader .side:nth-child(3),
.loader .side:nth-child(7) {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation-name: rotate90;
	animation-name: rotate90;
}

.loader .side:nth-child(2),
.loader .side:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation-name: rotate45;
	animation-name: rotate45;
}

.loader .side:nth-child(4),
.loader .side:nth-child(8) {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-animation-name: rotate135;
	animation-name: rotate135;
}

.loader .side:nth-child(1) {
	top: 24.14213562373095px;
	left: 48.2842712474619px;
	margin-left: -3px;
	margin-top: -10px;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.loader .side:nth-child(2) {
	top: 41.21320343109277px;
	left: 41.21320343109277px;
	margin-left: -3px;
	margin-top: -10px;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.loader .side:nth-child(3) {
	top: 48.2842712474619px;
	left: 24.14213562373095px;
	margin-left: -3px;
	margin-top: -10px;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.loader .side:nth-child(4) {
	top: 41.21320343109277px;
	left: 7.07106781636913px;
	margin-left: -3px;
	margin-top: -10px;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.loader .side:nth-child(5) {
	top: 24.14213562373095px;
	left: 0;
	margin-left: -3px;
	margin-top: -10px;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.loader .side:nth-child(6) {
	top: 7.07106781636913px;
	left: 7.07106781636913px;
	margin-left: -3px;
	margin-top: -10px;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.loader .side:nth-child(7) {
	top: 0;
	left: 24.14213562373095px;
	margin-left: -3px;
	margin-top: -10px;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.loader .side:nth-child(8) {
	top: 7.07106781636913px;
	left: 41.21320343109277px;
	margin-left: -3px;
	margin-top: -10px;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}

.changer-active #style-changer {
	margin: 0;
}

/*------------------------------------------------------------------
43. style changer styles / #style-changer
-------------------------------------------------------------------*/

#style-changer {
	top: 186px;
	left: 0;
	width: 244px;
	z-index: 9999;
	position: fixed;
	background: #fff;
	margin: 0 0 0 -245px;
	border: 1px solid #eee;
	padding: 16px 17px 5px 17px;
	-webkit-transition: margin .4s ease;
	transition: margin .4s ease;
	box-shadow: 10px 10px 0 0 rgba(122, 122, 122, .1);
}

#style-changer .title {
	color: #222;
	display: block;
	margin: 0 0 15px;
	padding: 0 0 8px;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
	font: 500 16px/24px 'Assistant', sans-serif;
}

#style-changer .subtitle {
	color: #8f8f8f;
	display: block;
	margin: 0 0 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font: 500 13px/24px 'Assistant', sans-serif;
}

#style-changer .list-color {
	margin: 0 0 12px;
	padding: 0 0 14px;
	border-bottom: 1px solid #eee;
}

#style-changer .list-color li {
	padding: 0 1px 4px 5px;
}

#style-changer .list-color a {
	display: block;
	border-radius: 3px;
	width: 33px;
	height: 33px;
}

#style-changer .list-color a:hover {
	opacity: .7;
	text-decoration: none;
}

#style-changer .list-style {
	margin: 0 0 14px;
	padding: 0 0 19px;
	border-bottom: 1px solid #eee;
}

#style-changer .list-style li {
	padding: 0 5px 0 2px;
}

#style-changer .list-style li.dark {
	background: transparent;
}

#style-changer .list-style .btn {
	width: 95px;
	padding: 4px;
	color: #fff;
	display: block;
	font-size: 12px;
	border-radius: 0;
	background: #222;
	text-align: center;
	border: 1px solid #222;
	text-transform: uppercase;
}

#style-changer .list-style .btn:hover {
	color: #222;
	text-decoration: none;
	background: transparent;
}

#style-changer .list-style .btn.add {
	color: #222;
	background: transparent;
}

#style-changer .list-style .btn.add:hover {
	color: #fff;
	background: #222;
}

#style-changer .list-style .btn2 {
	color: #fff;
	width: 95px;
	padding: 4px;
	display: block;
	font-size: 12px;
	border-radius: 0;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid transparent;
}

#style-changer .list-style .btn2:hover {
	text-decoration: none;
}

#style-changer .list-style .btn2:hover {
	color: #222;
	border-color: #222;
	background: transparent;
}

#style-changer .list-style .btn2.add {
	color: #222;
	border-color: #222;
	background: transparent;
}

#style-changer .list-style .btn2.add:hover {
	color: #fff;
}

#style-changer .list-style.add {
	border: 0;
	padding: 0;
}

#style-changer a {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

#style-changer .changer-opener {
	left: 100%;
	font-size: 25px;
	text-align: center;
	position: absolute;
	background: #fff;
	border-radius: 0 5px 5px 0;
	width: 49px;
	height: 54px;
	top: 50px;
	text-decoration: none;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-shadow: 10px 10px 0 0 rgba(122, 122, 122, .1);
}

#style-changer .changer-opener:hover {
	text-decoration: none;
}

#style-changer .awesome a {
	background: #ff1a56;
}

#style-changer .twine a {
	background: #c59d5f;
}

#style-changer .ucla-gold a {
	background: #ffb600;
}

#style-changer .zest a {
	background: #e67e22;
}

#style-changer .yellow a {
	background: #f39c12;
}

#style-changer .bleu-de-france a {
	background: #3498db;
}

#style-changer .chateau-green a {
	background: #27ae60;
}

#style-changer .dark-pastel-red a {
	background: #c0392b;
}

#style-changer .light-green a {
	background: #2ecc71;
}

#style-changer .orange a {
	background: #f96015;
}

#style-changer .pastel-orange a {
	background: #ffb546;
}

#style-changer .pastel-red a {
	background: #ff6d6d;
}

#style-changer .sunglo a {
	background: #d86d65;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 99999999;
}

.fancybox-opened .fancybox-skin {
	box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px 'Assistant', sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
	background-image: url("../images/popup_leftright_btn.png");
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	z-index: 8040;
	/*background-image: url("../images/fancybox_sprite.png");*/
	background-repeat: no-repeat;
	background: #539dd3;
	text-align: center;
	line-height: 28px;
	text-decoration: none !important;

}

/*.fancybox-close{
  background-image: url("../images/popup_leftright_btn.png");
}*/


.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url("../images/blank.gif");
	/* helps IE */
	-webkit-tap-highlight-color: transparent;
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url("../images/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999999999;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px 'Assistant', sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, .8);
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	#fancybox-loading,
	.fancybox-close,
	.fancybox-prev span,
	.fancybox-next span {
		background-image: url("../images/fancybox_sprite@2x.png");
		background-size: 44px 152px;
		/*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url("../images/fancybox_loading@2x.gif");
		background-size: 24px 24px;
		/*The size of the normal image, half the size of the hi-res image*/
	}
}

@media (min-width: 768px) {
	.commentlist-item .commentlist-item {
		padding: 0 0 0 2em;
	}
}

@media (max-width: 767px) {

	.navigation .page-numbers,
	.navigation-comments .page-numbers {
		padding: 0;
	}

	.navigation .next,
	.navigation .prev,
	.navigation-comments .next,
	.navigation-comments .prev {
		padding: .2em;
	}

	.navigation-single .next a,
	.navigation-single .prev a {
		padding: .2em;
	}

}

/********************************animation*******************************/
@-webkit-keyframes rotate0 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	60% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@keyframes rotate0 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	60% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

@-webkit-keyframes rotate90 {
	0% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	60% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@keyframes rotate90 {
	0% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	60% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@-webkit-keyframes rotate45 {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	60% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	100% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
}

@keyframes rotate45 {
	0% {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	60% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	100% {
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
}

@-webkit-keyframes rotate135 {
	0% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	60% {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}

	100% {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}
}

@keyframes rotate135 {
	0% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	60% {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}

	100% {
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/******************************************************/

#main .slideshow .slide {
	/*background-color: rgb(27, 38, 80,0.5);*/
	/*background-image: url("../images/sit-bnr-bg.jpg"); */
	margin: 0;
	width: 100% !important;

}

#main .home-box1 .slideshow .slide {
	background-image: url(../images/sit-bnr-bg.jpg);
	margin: 0;
	width: 100% !important;
}

.cols-holder article .img-holder {
	min-height: 210px;
}

.cols-holder .img-holder img,
.cols-holder .video-holder img {
	border-bottom: 2px solid #0f9ffa;
}

.aside.footer-area p {
	color: #000;
	font-size: 14px;
	line-height: 26px;
}

.footer-nav a {
	color: #e0e0e0;
}

.footer-area .col h3 {
	color: #fefeff;
	margin-bottom: 15px;
}

.footer-area .subscribe-form .form-control {
	background: #22252b;
	font-weight: 500;
}

.instagram-slider .slideset .slide a img {
	/*width: 185px;*/
	height: 165px;
}

.footer_serv_ices {
	float: left;
	width: 100%;
}

.footer_serv_ices ul {
	list-style: none;
	width: 100%;
	float: left;
	padding-left: 8px;
}

.footer_serv_ices ul li {
	/* background: url("../images/bullit.png") no-repeat 0px 8px; */
	padding: 0px 0px 0px 18px;
	margin: 0 0 2px;
}

.footer_serv_ices ul li a {
	color: #e0e0e0;
	text-decoration: none;
	transition: all .3s ease-in-out;
	letter-spacing: 0.4px;
	font-size: 15px;
}

.footer_serv_ices ul li a:hover {
	color: #337ab7;
	padding-left: 3px;
}

.copy_right {
	text-align: left;
	font-size: 13px;
	padding-top: 2px;
	font-weight: 500;
	letter-spacing: 0.2px;
}

.header_fix {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	/*background: rgba(0, 112, 164, 0.95);*/
	padding: 10px 0 0 !important;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.4);
}

/*.header_fix #nav li a::after, .header_fix #nav li.active a::after, .header_fix #nav li a:hover::after, .header_fix #nav li a:focus::after, .header_fix #nav li a:active::after{
    border-color: #fff;
 }*/

.our_srvce {
	text-align: center;
	/*margin-bottom: 30px;*/
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
	position: relative;
}

.our_srvce::after {
	border-bottom: 2px solid #0072a6;
	width: 50px;
	position: absolute;
	content: "";
	transform: translateX(-115px);
	top: 36px;
}

.post-block.single-post-block .img-holder {
	min-height: 255px;
	overflow: hidden;
}

header.page-head {
	position: relative;
	padding: 0;
}

header.page-head .container {
	background-color: rgba(0, 0, 0, 0.2);
	left: 0;
	right: 0;
	width: 100%;
	position: absolute;
	height: 100%;
	/*padding: 100px 0 0;*/
	padding: 45px 0px 0px;
	text-align: center;
}

.version-i.header_fix {
	padding: 15px 0 14px !important;
}

.switcher .slide-holder:hover {
	background: linear-gradient(90deg, #0d6086 13%, #2582ad 100%);
}

.header_fix #nav .navbar-nav>li.active>a:after {
	/*border-color: #fff;*/
}

.version-ii.movetop.sticky #nav .navbar-nav>li.active>a:after {
	border-color: #fff;
}

.widget.widget_search button:hover {
	background: linear-gradient(90deg, #2783ad 2%, #3aa1d0 100%);
}

.subscribe-form button:hover {
	background: linear-gradient(90deg, #3aa1d0 2%, #2783ad 100%);
}

/****************services***********************/
.service_view {
	/* background: rgba(208, 208, 208, 0.5);
  padding-top: 35px;*/
	padding-bottom: 35px;
}

.our-services-view .service_view {
	padding-bottom: 0px;
}

.cmn_servc .icon-box {
	/*  background: #201f24;
    rgba(0, 2, 4, 0.5)*/
	padding: 25px 43px;
	/*box-shadow: 1px 1px 20px 3px #0c0c0c;
    box-shadow: 1px 12px 15px -5px rgba(0,0,0,0.08;
    min-height: 330px;
    border-radius: 5px;*/
	text-align: center;
	color: #fff;
	transition: all 0.5s ease 0s;
	transform: scale(1, 1);
	float: left;
}

.cmn_servc .icon-box:hover {
	/*transform: scale(1.05, 1.05);*/
	/*box-shadow: 0px 0px 10px 0px #b9b9b9;
  background: #009cff;
  background: rgba(15, 159, 250, 0.5);
  */
}

/*.cmn_servc .icon-box:hover h4 {
    color: #fff;
}
.cmn_servc .icon-box:hover h4 a.dark-link {
    color: #fff;
}
.cmn_servc .icon-box:hover p {
    color: #fff;
}*/

span.load_more {
	font-weight: 600;
}

.cmn_servc .icon-box i {
	font-size: 45px;
	/*color:#fff;*/
	color: #6bbdf1;
	border-radius: 50px;
	width: 93px;
	height: 89px;
}

.cmn_servc p {
	line-height: 23px;
}

.cmn_servc a.btn {
	border-bottom: 1px solid;
	color: #fff;
	transition: all .3s ease-in-out;
	/*border-radius: 12px 5px;*/
	border-radius: 0;
}

.cmn_servc a.btn:hover {
	/*border: 1px solid;
    border-radius: 12px 5px;*/
	background: rgba(245, 245, 245, 0.18823529411764706);
	color: #fff;
}

.feature_section28 {
	float: left;
	width: 100%;
	padding: 90px 0px 90px 0px;
	background: url(../images/tex1.jpg) repeat left top;
}

.feature_section {
	float: left;
	width: 100%;
	padding: 35px 0px 35px 0px;
	/* background: url(../images/texa.jpg) repeat left top; */
	Background-color: #f3f3f3;
}

.one_half.last {
	margin: 0;
	padding-right: 10px;
}

.one_half img {
	width: 100%;
}

.one_half {
	width: 58%;
	float: left;
	padding-left: 25px;
	padding-top: 0px;
	margin-right: 0;
	position: relative;
}

.one_half li {
	list-style: none;
}

.one_half .last {
	margin-right: 0 !important;
	clear: right;
}

.one_half h2 {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 300;
	color: #272727;
	margin-top: 0px;
}

.one_half p {
	font-weight: normal;
	margin-top: 15px;
	float: left;
}

ul.list_1 {
	float: left;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

.list_1 li {
	padding: 7px 0px;
	margin: 0px;
	color: #272727;
}

.list_1 li i {
	color: #272727;
	margin-right: 8px;
}

.one_half .img_left {
	float: left;
}

.our-services-view {
	/* background-image: url("../images/services-ou.jpg"); */
	float: left;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #ffffff;
	position: relative;
	z-index: 9999;
}

h3.hea_ding {
	margin-top: 0;
	text-align: center;
	color: #fff;
	margin-bottom: 35px;
	position: relative;
	text-transform: uppercase;
}

h3.hea_ding:after {
	width: 65px;
	position: absolute;
	height: 2px;
	background: #3aa1d0;
	content: "";
	top: 30px;
	transform: translateX(-160%);
}

.feature_section h3.hea_ding {
	color: #333
}

.feature_section h3.hea_ding:after {
	transform: translateX(-140%);
}

.our-portfolio {
	float: left;
	width: 100%;
	padding-top: 35px;
}

.our-portfolio h3.hea_ding {
	color: #999;
}

body {
	/*background-image: url("../images/texa.jpg");*/
}

/****pot****/
.our-portfolio .label {
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: -40px;
	-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.our-portfolio .label-text {
	color: #fff;
	position: relative;
	z-index: 500;
	padding: 5px 8px;
}

.our-portfolio p.overlay_title {
	color: #fff;
	font-size: 13px;
	line-height: 2;
	margin-bottom: 0;
	font-weight: 500;
}

.grid figure {
	position: relative;
}

.grid figure:hover .label {
	bottom: 0px;
	background: rgba(0, 157, 204, 0.5);
	text-align: center;
}

/*********************************************************/
.portfolio_as {
	width: 100%;
	float: left;
	padding-bottom: 40px;
	background: #fff;
	position: relative;
	padding-top: 40px;
}

.projects-area {
	width: 100%;
	padding: 35px 0px;
	float: left;
	padding-top: 0;
	padding-bottom: 0px;
	position: relative;
	z-index: 9999;
}

.portfolio_as h2:after {
	content: ' ';
	display: block;
	max-width: 50px;
	margin: 10px auto 0px;
	border: 1px solid #851818;
}

.elipsh_st {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

i#slips_rot {
	cursor: pointer;
	transition: all 0.2s;
}

.rota_tion {
	transform: rotate(90deg) !important;
	transition: all 0.2s !important;
}

.fa-ellipsis-h:before {
	content: "\f141";
	color: #a09393;
	font-size: 24px;
	font-weight: normal !important;
}

#filters {
	margin: 1%;
	padding: 0;
	list-style: none;
	text-align: center;
	float: none;
	width: 72%;
	margin: auto;
	overflow: hidden;
}

#filters li {
	float: left;
}

.ld_mre {
	text-align: center;
	margin-top: 30px;
	float: left;
	width: 100%;
}

#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 23%;
	margin: 1%;
	/* display: none; */
	float: left;
	overflow: hidden;
}

#portfoliolist .portfolio {
	/*height: 265px;*/
}

.ld_mre {
	text-align: center;
	margin-top: 30px;
	float: left;
	width: 100%;
}

#more_port {
	position: relative;
	z-index: 9999;

}

/*#more_port span.load_more{
  color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    text-decoration: none;
    background: #00a6ff;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    padding: 7px 15px;
    border: 1px solid transparent;
    cursor: pointer;
    line-height: 25px;
}

#more_port span.load_more:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    content: '';
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
#more_port span.load_more:hover a{
   color: #00a6ff;
}
#more_port span.load_more:hover {
    color: #00a6ff;
    z-index: 99999;
    border: 1px solid transparent;
}
#more_port span.load_more:hover:after {
    height: 200%;
    opacity: 1;
    z-index: -1;
}*/


.more-info a {
	overflow: hidden;
	margin: 0 15px;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	border-radius: 2px;
	line-height: 30px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.more-info a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	line-height: 20px;
}

.more-info a span {
	display: block;
	padding: 5px 20px;
	background: #00a6ff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.more-info a:hover::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

.more-info a:hover span,
.more-info a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

/******************************************************/

.inifiniteLoader i.fa {
	font-size: 16px;
	top: -4px;
	position: relative;
}

.elipsh_st {
	display: none;
}

#filters {
	/*display: none;*/
	margin: 1%;
	padding: 0;
	list-style: none;
	text-align: center;
	float: none;
	width: 95%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

#filters li {
	float: left;
	margin-right: 20px;
}

#filters li span {
	display: block;
	padding: 5px 5px;
	text-decoration: none;
	color: #666;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	border: 2px solid transparent;
}

#filters li span.active {
	background: inherit;
	color: #666;
	border-bottom: 2px solid #00a4d2;
	font-weight: bold;
}

#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 23.8%;
	margin: 6px 4px 15px 12px;
	/*width: 23.5%;
    margin: 6px 0 10px 15px;*/
	/*height: 265px;*/
	float: left;
	overflow: hidden;
	/*min-height: 245px;*/
}

#portfoliolist .portfolio img {
	width: 100%;
}

#portfoliolist .portfolio-wrapper {
	background: inherit;
}

.portfolio-wrapper {
	overflow: hidden;
	position: relative !important;
	background: #666;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 2px #ddd;
}

#portfoliolist .portfolio img {
	/*height: 260px;
    width: 100%;*/
}

.portfolio img {
	max-width: 100%;
	position: relative;
	top: 0;
	-webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio .label {
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: -40px;
	-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfolio .label {
	white-space: inherit;
	opacity: 0;
	transition: all 0.8s;
}

.label {
	display: inline;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: rgb(255, 255, 255);
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	padding: 0.2em 0.6em 0.3em;
	border-radius: 0.25em;
}

.portfolio:hover .label {
	bottom: 0px;
}

.portfolio:hover .label {
	height: auto !important;
	top: 0px;
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.portfolio .label-text {
	color: #fff;
	position: relative;
	z-index: 500;
	padding: 5px 8px;
	/*top: 100px;
    transform: translateY(50%);*/
}

.portfolio .label-bg {
	background: rgba(0, 188, 212, .84);
	/*background: rgba(15, 159, 250, 0.8);*/
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.portfolio_as .portfolio a.text-title {
	text-decoration: none;
	float: left;
	width: 100%;
}

.portfolio_as .portfolio p.overlay_title {
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 0;
}

.projects-area h3.hea_ding {
	color: #333;
}

/***************************case-study*************************************/
.testi-case {
	float: left;
	width: 100%;
	margin-top: 0px;
	position: relative;
	z-index: 9999;
	display: none;
}

.at_case_study {
	float: left;
	width: 100%;
	height: auto;
	padding: 0px;
	/*background-image:url(../images/bg_case.jpg);
    margin: -3px 0px 0px 0px;
    background-size: 100% 100%;*/
	background: #133450;
}

.at_case_study .row {
	margin: 0;
}

.testi-case .ca_img_st {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 255px;
	/* height: 300px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; */
}

.infy-r-cta-widget.infy-r-aside-widget.infy-r-box-yellow {
	float: left;
	width: 100%;
	padding: 20px 0px 0px;
}

section.testi-case h2 {
	color: #fff !important;
	text-align: center;
}

p.al_sts {
	width: 60%;
	margin: 15px auto 30px;
	font-size: 20px;
	text-align: center;
	margin-top: 0;
	color: #fff;
	line-height: 28px;
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.testi-case .infy-r-cta-widget ul li {
	margin: 0px;
	padding: 0;
}

/*.testi-case .infy-r-cta-widget ul li {
 padding: 0;
  margin: 0 10px 25px !important;
  margin: 0;
  width: 31.6%;
  min-height: 255px;
}
.testi-case .infy-r-cta-widget ul li:first-child{
  margin-left: 20px !important;
}
.testi-case .infy-r-cta-widget ul li:last-child{
  margin-right: 10px !important;
}*/
.infy-r-box-yellow ul li a {
	float: left;
	width: 100%;
	color: #fff;
}

h3.infy-r-h2.hea_ding:after {
	background: #fff;
}

ul,
li {
	list-style: none;
}

.col-xs-12.col-sm-12.col-md-12.col-lg-12.case_stdy {
	padding: 0;
	padding-top: 40px;
}

.at_case_study ul {
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}


.infy-r-box-yellow ul li a:hover .ca_st_phra {
	/*    opacity: 1;
    background: rgba(15, 159, 250, 0.5);
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    border-radius: 0px;
    display: table-column-group;
    top: 0;
    padding: 15% 0;
    color: #fff;*/
}

.ca_st_phra {
	width: 100%;
	float: left;
	/*opacity: 0;
    position: absolute;
    bottom: 0;
    background: rgba(174, 212, 236, 0.5);*/
	background: rgba(0, 0, 0, 0.5);
	padding: 5px 10px;
	position: absolute;
	bottom: -180px;
}

.infy-r-box-yellow ul li a:hover .ca_st_phra {
	bottom: 0;
	height: 100%;
}

.testi-case .case-img {
	/*    border: 0px solid #919695 !important;
    height: auto !important;
    width: auto !important;
    margin: 0 auto !important;
    float: none !important;
    overflow: hidden;*/
}

section.testi-case .ca_st_phra h2 {
	font-size: 25px;
	letter-spacing: 0;
	text-align: left;
	padding-left: 0px;
	width: 100%;
	float: left;
	line-height: 1.2;
	color: #fff !important;
	margin-top: 10px;
	position: relative;
	text-align: center;
	top: 30%;
}

section.testi-case h2 {
	color: #fff !important;
	font-weight: bold;
	text-shadow: none;
	color: #000000;
	text-align: center;
	letter-spacing: 1px;
	font-size: 15px;
}

section.testi-case .ca_st_phra h3 {
	color: #fff !important;
	font-weight: bold;
	text-shadow: none;
	color: #000000;
	text-align: center;
	letter-spacing: 1px;
	font-size: 15px;
}

.infy-r-box-yellow ul li a:hover .ca_st_phra p {
	color: #fff;
	width: 100% !important;
	font-weight: 500;
	/*font-size: 15px;*/
	padding-left: 10px;
	padding-right: 10px;
	position: inherit;
	bottom: 0;
	bottom: 20px;
}

.infy-r-box-yellow ul li a:hover .ca_st_phra p {
	color: #fff;
	width: 100% !important;
	font-weight: 500;
	/*font-size: 17px;*/
	padding-left: 0px;
	padding-right: 0px;
	position: inherit;
	bottom: 0;
	bottom: 80px;
}

.infy-r-box-yellow ul li a:hover .ca_img_st img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	transition: opacity 500ms ease-out, transform 500ms ease-out, filter 300ms ease-out;
	-webkit-transition: opacity 500ms ease-out, -webkit-transform 500ms ease-out, -webkit-filter 500ms ease-out;
	opacity: 1;
}

.testi-case .ca_img_st img.img-responsive {
	/*     float: none;
    margin: 0px auto; 
    height: 100%;
    width: 100%; */
	/*	position:absolute;
	left:0;
	top:0;*/
	height: 100%;
	width: 100%;
	border: 0px solid rgba(174, 212, 236, 0.2);
	opacity: 0.8;
}

.infy-r-box-yellow ul li a .ca_img_st img {
	transition: all .4s ease-in-out;
}

.ca_st_phra p {
	text-align: left;
	/*line-height: 20px;*/
}

section.testi-case h2:after {
	content: ' ';
	display: block;
	max-width: 50px;
	margin: 10px auto 0px 0;
	border: 1px solid #009dcc;
	left: 38%;
	position: relative;
}

.blog-details-contentarea .container {
	width: 95% !important;
}

/*********************************clients***********************************/
.clients {
	overflow: hidden;
	width: 100%;
	background: #fff;
	padding-top: 20px;
	position: relative;
	z-index: 9999;
}

.main_cont {
	margin: 0 auto;
	padding-bottom: 0;
	width: 88%;
	position: relative;
	overflow: hidden;
}

.main {
	background: none repeat scroll 0 0 #fff;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	/* box-shadow: 0 0 5px rgba(0,0,0,0.2); */
	float: left;
	width: 100%;
	margin: 0;
}

.special_logo {
	float: left;
	height: auto;
	width: 100%;
}

.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/**********************testimonial*************************/
.testimonials {
	overflow: hidden;
	position: relative;
	max-height: 300px;
}

.testimonials {
	/* background: #161d25;*/
}

.testimonials .testimonial_viw {
	width: 65%;
	margin: 2% auto 15%;
	float: none;
	text-align: center;
}

.testimonials .testimonial_viw .message {
	line-height: 22px;
}

.blockquote-footer.text-white {
	text-align: right;
}

.one-slide,
.testimonial,
.message {
	border: none !important;
	outline: none !important;
}

.icon-overlay {
	position: absolute;
	opacity: 0.3;
	right: 10%;
	top: 0;
	height: auto;
	width: 100%;
	max-width: 400px;
}

.carousel-controls .control {
	position: absolute;
	transform: translateY(-50%);
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 2px solid #fff;
	z-index: 1;
}

.prev {
	left: -2.25rem;
}

.next {
	right: -2.25rem;
}


/**********************************************workingtestimonail*********************/

.testimonial-section2 {
	/*height: 600px;*/
	position: relative;
	/* padding: 50px 0;
  background-color: #e91c5e;*/
	/*background-image: url(../images/Green-And-Blue.jpg);*/
	background-image: url(../images/client-speak.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 20%;
	padding: 50px 0 50px;
	position: relative;
	z-index: 9999;
}

.testimonial-section2 h3.hea_ding {
	margin-top: 5px;
	margin-bottom: 45px;
	/*color: #333;*/
	color: #fff;
	font-weight: bold;
}

.testimonial-section2 h3.hea_ding:after {
	transform: translateX(-180px);
}

.testim .wrap {
	position: relative;
	width: 100%;
	max-width: 1035px;
	padding: 5px 20px;
	margin: auto;
}

.testim .arrow {
	display: block;
	position: absolute;
	color: #5ca09d;
	cursor: pointer;
	font-size: 2em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	padding: 5px;
	z-index: 22222222;
}

.testim .arrow:before {
	cursor: pointer;
}

.testim .arrow:hover {
	/*color: #2b288d;*/
	color: #008cb6;
}


.testim .arrow.left {
	left: 10px;
}

.testim .arrow.right {
	right: 10px;
	text-align: right;
}

.testim .dots {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 30px;
	left: 0;
	display: block;
	z-index: 3333;
	height: 12px;
}

.testim .dots .dot {
	list-style-type: none;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #008cb6;
	margin: 0 10px;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
	background: #008cb6;
	border-color: #008cb6;
}

.testim .dots .dot.active {
	-webkit-animation: testim-scale .5s ease-in-out forwards;
	-moz-animation: testim-scale .5s ease-in-out forwards;
	-ms-animation: testim-scale .5s ease-in-out forwards;
	-o-animation: testim-scale .5s ease-in-out forwards;
	animation: testim-scale .5s ease-in-out forwards;
}

.testim .cont {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}

.testim .cont>div {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 0 70px 0;
	opacity: 0;
}

.testim .cont>div.inactive {
	opacity: 1;
}


.testim .cont>div.active {
	position: relative;
	opacity: 1;
}


.testim .cont div .img img {
	display: block;
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 50%;
}

.testim .cont div .h4 {
	/*color: #008cb6;*/
	color: #18d2ca;
	font-size: 1.2em;
	margin: 15px 0;
	font-weight: 800;
}

.testim .cont div p {
	/*font-size: 18px;*/
	/*color: #333;*/
	color: #fff;
	width: 90%;
	margin: auto;
	/*line-height: 30px;*/
	font-weight: 500;
}

.container.our-services .row {
	padding-top: 20px;
}

.testim .cont div.active .img img {
	-webkit-animation: testim-show .5s ease-in-out forwards;
	-moz-animation: testim-show .5s ease-in-out forwards;
	-ms-animation: testim-show .5s ease-in-out forwards;
	-o-animation: testim-show .5s ease-in-out forwards;
	animation: testim-show .5s ease-in-out forwards;
}

.testim .cont div.active .h4 {
	-webkit-animation: testim-content-in .4s ease-in-out forwards;
	-moz-animation: testim-content-in .4s ease-in-out forwards;
	-ms-animation: testim-content-in .4s ease-in-out forwards;
	-o-animation: testim-content-in .4s ease-in-out forwards;
	animation: testim-content-in .4s ease-in-out forwards;
}

.testim .cont div.active p {
	-webkit-animation: testim-content-in .5s ease-in-out forwards;
	-moz-animation: testim-content-in .5s ease-in-out forwards;
	-ms-animation: testim-content-in .5s ease-in-out forwards;
	-o-animation: testim-content-in .5s ease-in-out forwards;
	animation: testim-content-in .5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
	-webkit-animation: testim-hide .5s ease-in-out forwards;
	-moz-animation: testim-hide .5s ease-in-out forwards;
	-ms-animation: testim-hide .5s ease-in-out forwards;
	-o-animation: testim-hide .5s ease-in-out forwards;
	animation: testim-hide .5s ease-in-out forwards;
}

.testim .cont div.inactive .h4 {
	-webkit-animation: testim-content-out .4s ease-in-out forwards;
	-moz-animation: testim-content-out .4s ease-in-out forwards;
	-ms-animation: testim-content-out .4s ease-in-out forwards;
	-o-animation: testim-content-out .4s ease-in-out forwards;
	animation: testim-content-out .4s ease-in-out forwards;
}

.testim .cont div.inactive p {
	-webkit-animation: testim-content-out .5s ease-in-out forwards;
	-moz-animation: testim-content-out .5s ease-in-out forwards;
	-ms-animation: testim-content-out .5s ease-in-out forwards;
	-o-animation: testim-content-out .5s ease-in-out forwards;
	animation: testim-content-out .5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
	0% {
		-webkit-box-shadow: 0px 0px 0px 0px #008cb6;
		box-shadow: 0px 0px 0px 0px #008cb6;
	}

	35% {
		-webkit-box-shadow: 0px 0px 10px 5px #008cb6;
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	70% {
		-webkit-box-shadow: 0px 0px 10px 5px #008cb6;
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	100% {
		-webkit-box-shadow: 0px 0px 0px 0px #008cb6;
		box-shadow: 0px 0px 0px 0px #008cb6;
	}
}

@-moz-keyframes testim-scale {
	0% {
		-moz-box-shadow: 0px 0px 0px 0px #008cb6;
		box-shadow: 0px 0px 0px 0px #008cb6;
	}

	35% {
		-moz-box-shadow: 0px 0px 10px 5px #008cb6;
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	70% {
		-moz-box-shadow: 0px 0px 10px 5px #008cb6;
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	100% {
		-moz-box-shadow: 0px 0px 0px 0px #008cb6;
		box-shadow: 0px 0px 0px 0px #008cb6;
	}
}

@-ms-keyframes testim-scale {
	0% {
		-ms-box-shadow: 0px 0px 0px 0px #008cb6;
		box-shadow: 0px 0px 0px 0px #008cb6;
	}

	35% {
		-ms-box-shadow: 0px 0px 10px 5px #008cb6;
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	70% {
		-ms-box-shadow: 0px 0px 10px 5px #008cb6;
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	100% {
		-ms-box-shadow: 0px 0px 0px 0px #008cb6;
		box-shadow: 0px 0px 0px 0px #008cb6;
	}
}

@-o-keyframes testim-scale {
	0% {
		-o-box-shadow: 0px 0px 0px 0px #008cb6;
		box-shadow: 0px 0px 0px 0px #008cb6;
	}

	35% {
		-o-box-shadow: 0px 0px 10px 5px #008cb6;
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	70% {
		-o-box-shadow: 0px 0px 10px 5px #008cb6;
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	100% {
		-o-box-shadow: 0px 0px 0px 0px #008cb6;
		box-shadow: 0px 0px 0px 0px #008cb6;
	}
}

@keyframes testim-scale {
	0% {
		box-shadow: 0px 0px 0px 0px #008cb6;
	}

	35% {
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	70% {
		box-shadow: 0px 0px 10px 5px #008cb6;
	}

	100% {
		box-shadow: 0px 0px 0px 0px #008cb6;
	}
}

@-webkit-keyframes testim-content-in {
	from {
		opacity: 0;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-moz-keyframes testim-content-in {
	from {
		opacity: 0;
		-moz-transform: translateY(100%);
		transform: translateY(100%);
	}

	to {
		opacity: 1;
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}

@-ms-keyframes testim-content-in {
	from {
		opacity: 0;
		-ms-transform: translateY(100%);
		transform: translateY(100%);
	}

	to {
		opacity: 1;
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@-o-keyframes testim-content-in {
	from {
		opacity: 0;
		-o-transform: translateY(100%);
		transform: translateY(100%);
	}

	to {
		opacity: 1;
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes testim-content-in {
	from {
		opacity: 0;
		transform: translateY(100%);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes testim-content-out {
	from {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@-moz-keyframes testim-content-out {
	from {
		opacity: 1;
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		opacity: 0;
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@-ms-keyframes testim-content-out {
	from {
		opacity: 1;
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		opacity: 0;
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@-o-keyframes testim-content-out {
	from {
		opacity: 1;
		-o-transform: translateY(0);
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@keyframes testim-content-out {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(-100%);
	}
}

@-webkit-keyframes testim-show {
	from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes testim-show {
	from {
		opacity: 0;
		-moz-transform: scale(0);
		transform: scale(0);
	}

	to {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-ms-keyframes testim-show {
	from {
		opacity: 0;
		-ms-transform: scale(0);
		transform: scale(0);
	}

	to {
		opacity: 1;
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@-o-keyframes testim-show {
	from {
		opacity: 0;
		-o-transform: scale(0);
		transform: scale(0);
	}

	to {
		opacity: 1;
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes testim-show {
	from {
		opacity: 0;
		transform: scale(0);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@-webkit-keyframes testim-hide {
	from {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@-moz-keyframes testim-hide {
	from {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1);
	}

	to {
		opacity: 0;
		-moz-transform: scale(0);
		transform: scale(0);
	}
}

@-ms-keyframes testim-hide {
	from {
		opacity: 1;
		-ms-transform: scale(1);
		transform: scale(1);
	}

	to {
		opacity: 0;
		-ms-transform: scale(0);
		transform: scale(0);
	}
}

@-o-keyframes testim-hide {
	from {
		opacity: 1;
		-o-transform: scale(1);
		transform: scale(1);
	}

	to {
		opacity: 0;
		-o-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes testim-hide {
	from {
		opacity: 1;
		transform: scale(1);
	}

	to {
		opacity: 0;
		transform: scale(0);
	}
}

@media all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}

	.testim .cont div p {
		line-height: 25px;
	}

}

/***********footer********/
.footer-area .our_srvce::after {
	transform: translateX(-85px);
}

h4 a.dark-link:hover {
	color: #fff;
	/* text-decoration: underline; */
}


/********services-page********/
@charset "UTF-8";

@font-face {
	font-family: "wolverine";
	src: url("../fonts/wolverine.eot");
	src: url("../fonts/wolverine.eot?#iefix") format("embedded-opentype"),
		url("../fonts/wolverine.woff") format("woff"),
		url("../fonts/wolverine.ttf") format("truetype"),
		url("../fonts/wolverine.svg#wolverine") format("svg");
	font-weight: normal;
	font-style: normal;

}

[data-icon]:before {
	font-family: "wolverine" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "wolverine" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-outline-vector-icons-pack-126:before {
	content: "\e2b8";
}

.icon-outline-vector-icons-pack-101:before {
	content: "\e2ad";
}

.icon-outline-vector-icons-pack-132:before {
	content: "\e26d";
}

.service-view {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

.service-view-first {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}

header#page-title {
	display: none;
}

.service-side .block-service h5 i {
	color: #555555;
	float: left;
	font-size: 26px;
	margin-right: 5px;
	height: 40px;
	width: 35px;
	line-height: 1.8;
}

.block-service h5 {
	float: left;
	width: 100%;
	margin-bottom: 0;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 27px;
	line-height: 40px;
	color: #656565;
	margin-top: 5px;
	text-align: center;
}

.block-service p {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.our-pocess-page .menu-content p {
	/*font-size: 17px;*/
	color: #fff;
}

.service-view-sec {
	float: left;
	width: 100%;
	/*margin-top: 40px;*/
}

.service-view-first .service-img {
	text-align: left;
}

.service-view-sec .service-img {
	text-align: right;
}

.price-table-content.default {
	background-color: #f4f4f4;
}

.price-table-content {
	margin-left: -1px;
	padding: 0 25px;
	padding-bottom: 60px;
	border: 1px solid #dddddd;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
}

.price-table-content h5 {
	margin-bottom: 0;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #dddddd;
	color: #666666;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	font-weight: normal;
}

.price-table-content span {
	color: #444444;
}

.price-table-content h5:first-of-type {
	background-color: #333333;
	color: #ffffff;
	margin: -1px -26px 0 -26px;
	padding: 32px 0px;
	text-align: center;
	font-weight: 500;
}

.price-table-content h1 {
	margin-bottom: 0;
	padding: 60px 0;
	font-size: 80px;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	font-weight: 100;
}

.normal-btn.normal-btn-main {
	background-color: #4d97ce;
	border-radius: 12px 5px;
}

.normal-btn.normal-btn-main:hover {
	text-decoration: none;
}

.price-table-content.default h5:first-of-type {
	background-color: #4d97ce;
}

.row.our-price [class*='col-'] {
	padding-left: 0;
	padding-right: 0;
}

.normal-btn.btn-size-5 {
	padding: 14px 38px;
	color: #fff;
}

.our-price {
	float: left;
	width: 100%;
	margin: 5% auto;
}

.row.check-our-pricecs {
	float: left;
	width: 100%;
	margin-top: 5% !important;
	background: #efefef;
	margin: 0;
}

.design-art {
	margin-top: 3%;
}

.our-pricecs h1 {
	font-weight: normal;
	margin-top: 15px;
}

.page-about-item h4 {
	color: #2f2f2f;
	font-size: 42px;
	font-weight: bold;
	line-height: 75px;
	/* margin-left: 3%; */
	width: 70%;
}

.page-about-item h4 b {
	font-weight: bold;
	font-size: 30px;
}

.page-about-item {
	float: left;
	/*width: 100%;*/
	margin-top: 0px;
	margin-bottom: 15px;
}

.page-about-item p {
	line-height: 26px;
	font-size: 16px;
	width: 93%;
	padding-left: 25px;
}

.about-us-section {
	float: left;
	/*width: 100%;*/
	margin-left: -15px;
	margin-right: -15px;
}

.about-view {
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #f7f7f7;
}

/************************************************/
.portfolio_popup {
	height: auto;
	padding: 36px;
	width: 920px;
	overflow: hidden;
}

.portfolio_popup .image {
	/*border: 1px solid #c0d2da;*/
	float: left;
	height: auto;
	margin-right: 20px;
	width: 48%;
}

.portfolio_popup .image img {
	border: 1px solid #c0d2da;
	width: 100%;
}

.portfolio_popup .info {
	float: left;
	width: 48%;
	height: 422px;
	line-height: 24px;
}

.portfolio_popup .info h2 {
	color: #0070a4;
	padding: 0;
	font-size: 21px;
	margin-top: 0px;
}

.fancybox-desktop .fancybox-outer a.fancybox-nav.fancybox-prev {
	float: left;
	height: 75px;
	top: 45%;
}

.fancybox-desktop .fancybox-outer a.fancybox-nav.fancybox-next {
	float: left;
	height: 78px;
	top: 43%;
	width: 45px;
}

.fancybox-desktop .fancybox-prev span {
	left: 10px;
	background-position: 0 -32px;
}

.fancybox-desktop .fancybox-nav span {
	width: 70px;
	height: 54px;
	background-repeat: no-repeat;
}

.fancybox-desktop .fancybox-next span {
	right: 10px;
	background-position: -32px -32px;
	background-repeat: no-repeat;
}

.fancybox-inner {
	overflow-x: hidden !important;
}

::-webkit-scrollbar {
	width: 4px;
	background: transparent;
	height: 4px;
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: #3aa1d0;
	border-radius: 10px;
}

aside.aside.footer-area {
	float: left;
	width: 100%;
	padding-bottom: 0;
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 10px;
}

.profile-widget #testim-content p {
	width: 100%;
}

.profile-widget #testim-content .img img {
	width: inherit;
	height: inherit;
}

.profile-widget #testim #left-arrow {
	left: -15px;
}

.profile-widget #testim #right-arrow {
	right: -15px;
}

.footer-col h3 {
	color: #000;
}

/***********blog-view***************/
* {
	outline: none;
}

#add_comment .form-group label {
	width: 100%;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
}

#add_comment .form-group input {
	width: 100%;
	padding-left: 5px;
	border: 1px solid rgb(169, 169, 169);
	font-size: 15px;
	border-width: 0 0 1px 0px !important;
}

#add_comment .form-group input:focus {
	border-bottom: 1px solid #0f9ffa !important;
	/*color: #0f9ffa;*/
}

#add_comment .form-group textarea {
	width: 100%;
	padding-left: 10px;
	font-size: 15px;
	line-height: 15px;
	padding-top: 8px;
}

#add_comment .form-group textarea:focus {
	border: 1px solid #0f9ffa !important;
	/*color: #0f9ffa;*/
}

section.blog-details-inner {
	margin-bottom: 40px;
	margin-top: 25px;
}

.blog-details-contentarea .categories {
	padding-left: 0px;
}

.padding-zero {
	padding: 0px;
}

/*.blog-detail-head-banner img {position: absolute;left: 0;top: 50%;height: auto;width: auto;transform: translate(0%,-53%);}*/
.blog-detail-head-banner img {
	position: relative;
	left: 0;
	max-height: 450px;
	width: auto;
	margin: 0px auto;
	border: 5px solid #369ffa;
}

.viw_dt_tle h2 {
	margin-top: 0;
}

.blog-details-contentarea h2 {
	color: #0070a4;
}

.categories li h4 {
	color: #000;
}

.content-blog-detail-txt h3 {
	color: #333;
	margin-top: 10px;
}

.categories h4 {
	color: #333;
}

.blog-details-contentarea .categories li {
	background: url(../images/bullit.png) no-repeat 0px 12px;
	padding-left: 20px;
	background-size: 12px;
}

/*************services**************/
.block-service h5:hover i {
	color: #0070a4 !important;
}

.block-service {
	float: left;
	width: 100%;
}

.service-side {
	float: left;
	width: 100%;
}

.service-right-view .service-img {
	text-align: right;
}

.service-development-view {
	margin-top: 10px;
	margin-bottom: 10px;
}

.box-commen {
	float: left;
	width: 100%;
	padding: 0px 2% 40px 2%;
	background-color: #ffffff;
	/*min-height: 320px;*/
}

.service-development-view:nth-child(2) .development-service {
	/*box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.12);*/
}

.service-development-view .box-commen:hover {
	/*box-shadow: 0px 3px 13px 1px rgba(0,0,0,0.12);
    transition: all 0.5s ease-in-out!important;*/
}

.service-left-view .service-img {
	text-align: center;
	width: 105px;
	margin: auto;
	display: table;
	border: 3px solid #f1f1f1;
	border-radius: 50%;
	height: 100px;
	line-height: 0;
	background: #f4f4f4;
	transition: all 0.6s;
}

.box-commen:hover .service-left-view .service-img {
	border: 3px solid #6bbdf1;
}

.box-commen:hover .service-left-view .service-img i {
	background-color: #6bbdf1;
	color: #fff;
}

.service-left-view .service-img i {
	font-size: 45px;
	color: #6bbdf1;
	border-radius: 50px;
	width: 93px;
	height: 89px;
	top: 3px;
	position: relative;
}

.transform_set {
	/*transform: translateY(70%);*/
}

section.about_st {
	float: left;
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 999;
}

.aln-esign h3 {
	margin-top: 0px;
}

.web-sit-devel-opment {
	margin-left: -30px;
	margin-right: -30px;
	overflow: hidden;
}

.aln-esign {
	margin-bottom: 16px;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.devel-opment {
	/*transform: translate(0%,20%);*/
	text-align: center;
	padding: 0;
}

.aln-esign:nth-child(even) .devel-opment {
	text-align: right;
}

.aln-esign:nth-child(odd) .devel-opment {
	text-align: left;
}

.fxo-widget-iframe {
	border: none;
	display: block;
	position: fixed;
	bottom: 10% !important;
	right: 0 !important;
	z-index: 2147483647;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
	transition-duration: 1.5s !important;
}

.service-development-view {
	float: left;
	/*width: 100%;*/
}

#add_comment .btn-default {
	background: #06aaff;
	padding: 8px 30px;
	font-size: 16px;
}

#add_comment .btn-default:hover {
	background: #06aaff;
}

.contact-sec .widget.tel-widget.version-ii.contact-widget {
	background: #f5f5f5;
	padding-top: 30px;
}

.container {
	width: 100%;
	padding: 0px;
}

.container .row {
	margin: 0px;
}

header.header {
	width: 100% !important;
	margin: 0;
}

.padding-right {
	padding-right: 0px;
}

.padding-left {
	padding-left: 0px;
}

.our-info {
	width: 80%;
	float: left;
	margin-right: 2%;
	border-bottom: 1px solid #555;
	margin-bottom: 8px;
	margin-top: 4px;
}

.footer-col.social-icon-view {
	float: left;
	width: 100%;
	margin-top: 25px;
}

.footer-col.social-icon-view .footer-link {
	padding-left: 32px;
}

aside.aside.footer-area .holder .footer-menu:last-child {
	padding-right: 0;
	margin: 0;
}

main#main {
	margin-top: 85px;
}

.loader-holder {
	display: none;
}

#header.version-i {
	background: #ffffff;
}

.our-customer-logos .slide-client {
	float: left;
	width: 16%;
	text-align: center;
	margin-bottom: 0px;
}

.our-customer-logos .slide-client .img-responsive {
	display: initial;
}

.clients .main_cont {
	width: 100%;
	margin: 0;
	padding-top: 40px;
}

section.our-customer-logos {
	/* float: left; */
	padding-left: 15px;
	padding-right: 15px;
	margin: auto;
	overflow: hidden;
	width: 96%;
	padding-bottom: 40px;
}

/*------Css start by Nancy --------------*/
.icon-box.medium h4 {
	color: #0f9ffa;
}

.icon-box.medium p {
	color: #828282;
	/*color:#fff;*/
	font-weight: normal;
	padding: 0 20px 20px;
	/*font-size: 17px;*/
}

.fa-desktop:before {
	content: "\f108";
	margin-top: 26px;
	float: left;
	text-align: center;
	width: 100%;
}

.fa-group:before,
.fa-users:before {
	content: "\f0c0";
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 25px;
}

.fa-wordpress:before {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 25px;
}

#header.version-i .stick-holder {
	padding: 0 25px;
}

.slideshow h3 {
	color: #fff;
	margin: 0;
	margin-bottom: 13px;
	font-size: 42px;
	font-weight: bold;
	letter-spacing: 0.7px;
}

.slideshow h1 {
	font-weight: normal;
	font-size: 40px;
}

.slideshow a {
	text-decoration: none;
	background-color: #fff;
	text-transform: capitalize;
	padding: 10px 25px;
	color: #0f9ffa;
	font-size: 18px;
}

#nav li {
	/*margin: 0 0 0 50px !important;*/
}

#nav li:hover a {
	color: #333333;
}

.one_half.last.animate.fadeInRight {
	background-color: #fff;
	position: absolute;
	right: 2%;
	width: 46%;
	overflow: hidden;
	float: left;
	margin-top: 7%;
	padding: 56px 38px 38px;
	text-align: center;
}

.one_half.last.animate.fadeInRight h1 {
	color: #000000;
	margin-top: 0;
	font-size: 40px;
	position: relative;
	font-weight: bold;
}

.one_half.last.animate.fadeInRight h1::before {
	content: "";
	border-bottom: 2px solid #333;
	width: 20%;
	float: left;
	position: absolute;
	left: 40%;
	top: -17px;
}

.one_half.last.animate.fadeInRight h1::after {
	content: "";
	border-top: 2px solid #333;
	width: 20%;
	float: left;
	position: absolute;
	right: 40%;
	top: 60px;
}

.project-area .hea_ding {
	text-align: center;
	color: #333333;
	font-size: 40px;
	position: relative;
	margin-bottom: 50px;
}

.hea_ding::after {
	content: "";
	border-bottom: 2px solid #333333;
	width: 9%;
	float: left;
	position: absolute;
	top: 67px;
	right: 45%;
}

.hea_ding {
	text-align: center;
	color: #333333;
	font-size: 40px;
	font-weight: bold;
	position: relative;
	margin-bottom: 50px;
}

.hea_ding::after {
	content: "";
	border-bottom: 2px solid #333;
	width: 10%;
	float: left;
	position: absolute;
	top: 60px;
	right: 45%;
}

h1.hea_ding::before {
	content: "";
	width: 10%;
	float: left;
	border-bottom: 2px solid #333;
	position: absolute;
	top: -16px;
	left: 45%;
}

.infy-r-header .infy-r-h2.hea_ding h1 {
	font-weight: normal;
	text-align: center;
	color: #fff;
	font-size: 46px;
	margin-top: 0;
}

.infy-r-header .infy-r-h2.hea_ding {
	text-align: center;
	color: #fff;
	font-size: 40px;
	position: relative;
	margin-top: 0;
}

.infy-r-header .infy-r-h2.hea_ding::after {
	content: "";
	border-bottom: 2px solid #fff;
	width: 10%;
	float: left;
	position: absolute;
	right: 44%;
	top: 60px;
}

.infy-r-header .infy-r-h2.hea_ding::before {
	content: "";
	border-bottom: 2px solid #fff;
	width: 10%;
	float: left;
	position: absolute;
	left: 46%;
	top: -16px;
}

.projects-area .heading {
	text-align: center;
	color: #333333;
	font-size: 40px;
	margin-bottom: 50px;
	position: relative;
	font-weight: bold;
}

/*
.row-item.col-md-4.cmn_servc.wb_viw{
	width:21%;
	float:left;
}*/
.icon-box.medium h4 a {
	font-size: 30px;
	color: #5f5f5f;
	font-weight: normal;
}

.slideshow a:hover {
	color: #fff;
	background-color: #0f9ffa;
	transition: color .25s linear, background .25s linear;
}

.portfolio_as .col-sm-12.col-md-12.col-lg-12 {
	padding: 0;
}

.projects-area .heading::after {
	content: "";
	border-bottom: 2px solid #333;
	width: 10%;
	float: left;
	position: absolute;
	bottom: -8px;
	right: 45%;
}

.clients .projects-area .heading::before {
	content: "";
	width: 10%;
	float: left;
	border-bottom: 2px solid #333 !important;
	position: absolute;
	top: -11px;
	left: 45%;
}

.career {
	width: 100%;
	float: left;
	background-color: #f5f5f5;
	padding: 0px 0 0;
	position: relative;
	z-index: 9999;
}

.carrer-area .heading {
	font-size: 40px;
	text-align: center;
	color: #333;
	position: relative;
	font-weight: bold;
}

.carrer-area .heading::after {
	content: "";
	border-bottom: 2px solid #333;
	width: 8%;
	float: left;
	position: absolute;
	right: 46%;
	bottom: -8px;
}

.carrer-area .heading::before {
	content: "";
	border-bottom: 2px solid #333;
	width: 8%;
	float: left;
	position: absolute;
	right: 46%;
	top: -11px;
}

.career_sec {
	float: left;
	width: 100%;
	height: auto;
	padding: 0px;
	background-image: url(../images/career-bg.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	min-height: 550px;
	max-height: 550px;
	position: relative;
	/*margin-top:20px;*/
	background-size: cover;
}

.career_sec .people_say {
	background-color: #fff;
	width: 80%;
	float: right;
	position: relative;
	transform: translateY(55%);
}

.career_blog {
	background-color: rgba(0, 0, 0, .5);
	float: left;
	width: 100%;
	min-height: 550px;
	padding-top: 50px;
}

.people_say i.fa.fa-user {
	background-color: #000;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	position: absolute;
	color: #fff;
	font-size: 45px;
	text-align: center;
	top: -20px;
	left: -25px;
	line-height: 2;
}

.people_say h3.people {
	text-transform: capitalize;
	color: #333333;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
}

.people_say p {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
	padding: 0 60px;
	font-style: italic;
	color: #333;
}

.people_say a {
	text-decoration: none;
	font-weight: 600;
	float: right;
	text-align: right;
	font-size: 20px;
	color: #333;
	padding-right: 0px;
	padding-bottom: 22px;
}

section.question {
	width: 100%;
	float: left;
	border-top: 1px solid #eee;
	background: #fff;
	position: relative;
}

.container.qust_blog {
	padding: 0 0 0 50px;
}

.qust_blog h1 {
	color: #2a2d34;
	text-transform: capitalize;
	margin-top: 50px;
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: bold;
}

.aside h3 {
	font-size: 20px;
	padding-left: 32px;
	text-transform: capitalize;
}

.footer-area .footer-col h3 {
	font-size: 22px;
	margin-bottom: 30px;
	/* letter-spacing: 1.5px; */
	font-weight: 600;
	padding: 0;
	min-height: 36px;
	display: inline-flex;
	align-items: flex-end;
}

.footer-menu:nth-child(2) h3 {
	padding-left: 0;
}

.aside .social-networks li {
	width: 31px;
	text-align: center;
	border: 1px solid transparent;
}

.aside .social-networks li {
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fff;
}

.aside .social-networks li a {
	color: #2a2d34;
	float: left;
	width: 100%;
}

.home .slideshow .align a,
.home .slideshow .align a:hover {
	padding: 15px 30px;
	border-radius: 2px;
	transition: all 0.6s;
}

.career .carrer-area .heading::before {
	border-bottom: 2px solid #fff !important;
}

.career .carrer-area .heading::after {
	border-bottom: 2px solid #fff;
}

.career .carrer-area .heading {
	color: #fff;
}

h1.heading {
	color: #fff;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	position: relative;
}

.heading::before {
	border-bottom: 2px solid #fff !important;
	content: "";
	width: 8%;
	float: left;
	position: absolute;
	right: 46%;
	top: -16px;
}

.heading::after {
	border-bottom: 2px solid #fff;
	content: "";
	width: 8%;
	float: left;
	position: absolute;
	right: 46%;
	top: 60px;
}

div#testim {
	margin-top: 0px;
}

#header.header_fix {
	z-index: 99999999;
}

/***************Get-touch*******************************/
@font-face {
	font-family: 'RobotoCondensed-Regular';
	src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
		url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
		url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

aside.aside.footer-area .holder .footer-menu:last-child .footer-col {
	position: relative;
	transform: translateY(-24%);
}

.get_touch {
	width: 90%;
	float: none;
	margin: 0 auto;
	background-color: #0f9ffa;
	min-height: 393px;
	padding: 0 10px;
	border-radius: 10px !important;
}

.footer-area .footer-col .touch h3 {
	padding-left: 0px;
	padding-top: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: capitalize;
	padding-top: 27px;
	font-size: 30px;
	margin-bottom: 20px;
}

.col-sm-12.name {
	width: 100%;
	float: left;
	background-color: #87cffd;
	min-height: 300px;
}

.get_touch form {
	width: 100%;
	float: left;
	margin: 0;
}

.get_touch input#gname {
	width: 48.5%;
	float: left;
	margin-bottom: 10px;
	margin-top: 0;
	margin-right: 7px;
	color: #333333;
	border: none;
}

.get_touch input#gphone {
	width: 48.5%;
	float: left;
	margin-bottom: 0px;
	text-transform: capitalize;
	color: #333333;
	border: none;
	margin-left: 7px;
	margin-top: 0;
}

.get_touch .name input {
	width: 100%;
	float: left;
	padding: 4px 9px !important;
	margin-bottom: 12px;
	margin-top: 22px;
	color: #333333;
	border: none;
	font-size: 15px;
	font-weight: 400;
	border: 1px solid #fff;
}

.get_touch .name textarea {
	width: 100%;
	float: left;
	padding: 4px 9px !important;
	color: #333333;
	border: none;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 2px;
	margin-top: 2px;
	border: 1px solid #fff;
	max-width: 100%;
	max-height: 114px;
}

.get_touch input span {
	color: red;
}

.get_touch .button {
	width: 100%;
	float: left;
	margin-top: 12px;
	position: relative;
	z-index: 0;
}

/*.get_touch .button .git {
  color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    text-decoration: none;
    background: #00a6ff;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    padding: 7px 15px;
    border: 1px solid transparent;
    line-height: 25px;
    cursor: pointer;
        width: 145px;
    text-align: center;
}
.get_touch .button .git:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    content: '';
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.get_touch .button .git:hover {
    color: #00a6ff;
    z-index: 99999;
    border: 1px solid transparent;
}
.get_touch .button .git:hover:after {
    height: 220%;
    opacity: 1;
    z-index: -1;
}*/

/*************************************************/
.get_touch .button a {
	overflow: hidden;
	/*margin: 0 15px;*/
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	border-radius: 2px;
	line-height: 30px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.get_touch .button a::before {
	position: absolute;
	top: 1px;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #333;
	color: #fff;
	content: 'Submit';
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	line-height: 20px;
	height: 39px;
}

.get_touch .button a span {
	display: block;
	padding: 5px 20px;
	background: #e73e33;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.get_touch .button a:hover::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	z-index: 1;
}

.get_touch .button a:hover span,
.more-info a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}



/************************************************/

#contact-form .form-submit {
	/*color: #fff;*/
	color: #333;
	font-size: 18px;
	text-transform: capitalize;
	text-decoration: none;
	/*background: #00a6ff;*/
	display: inline-block;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	padding: 7px 15px;
	border: 1px solid #333;
	line-height: 25px;
	cursor: pointer;
	margin: 10px 0px 0px 0px;
}

#contact-form .form-submit:after {
	/*    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    content: '';
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;*/
}

#contact-form .form-submit:hover {
	/*  color: #00a6ff;
    z-index: 99999;
    border: 1px solid transparent;*/
}

#contact-form .form-submit:hover:after {
	height: 225%;
	opacity: 1;
	z-index: -1;
}


#contact-form .form-submit .btn.u {
	padding: 0;
	background: transparent;
	height: auto;
	width: 100%;
	float: left;
	min-width: 100%;
	color: #333;
	outline: none;
}

#contact-form .form-submit:hover .btn.u {
	/*color: #00a6ff;*/
}




.sub {
	padding-left: 0;
}

/* .footer-menu {margin-top: 30px;} */
aside.aside.footer-area .holder .footer-menu:last-child .footer-col h3:empty {
	display: none;
}

aside.aside.footer-area .holder .footer-menu:last-child .footer-col p:empty {
	display: none;
}

.right {
	width: 100%;
	float: left;
}

.right p.copy_right {
	width: 100%;
	float: none;
	margin: 0 auto;
	text-align: left;
	margin-top: 26px;
	font-size: 16px;
}

.slideshow .header a.cn-reading {
	text-decoration: none;
	background-color: #fff;
	text-transform: capitalize;
	color: #0f9ffa;
	font-size: 18px;
	padding: 15px 30px;
	border-radius: 2px;
	transition: all 0.6s;
	font-weight: normal;
}

.slideshow .header a.cn-reading:after {
	left: 0px;
	width: 100%;
}

.slideshow .header a.cn-reading:hover:before,
.slideshow .header a.cn-reading:active:before,
.slideshow .header a.cn-reading:focus:before {
	left: 0px;
	right: 0px;
}

.row.web-site-resource {
	position: relative;
}

.row.web-site-resource a {
	position: relative;
}

.web-site-resource a:before {
	position: absolute;
	content: "";
	top: auto;
	bottom: 0;
	left: 50%;
	right: 50%;
}

.web-site-resource a:before {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: 1;
	border-bottom: 2px solid #fff;
	opacity: 0;
}

.web-site-resource a:after {
	position: absolute;
	content: "";
	top: auto;
	bottom: 0;
	left: 0px;
	right: 0px;
}

.web-site-resource a:after {
	border-bottom: 2px solid #0f9ffa;
}

.web-site-resource a:hover:after {
	border-bottom: 2px solid #fff;
}

.slideshow .header a.cn-reading:hover {
	background: #0f9ffa;
	color: #fff;
}

.navigation .page-numbers a:hover,
.navigation .page-numbers:hover a {
	color: #fff;
}

.block-service .fa:before {
	margin-top: 0px;
}

.load_more_div {
	float: left;
	width: 100%;
}

/*******************About-us***********************/
h3.bold-subtitle {
	font-weight: normal;
	line-height: 30px;
	margin-top: 20px;
	text-transform: capitalize;
}

.about-compny h4.bold-subtitle {
	margin-top: 0;
	font-weight: 500;
	font-size: 23px;
}

.about-compny .mini-pt i.fa {
	font-size: 35px;
	color: #0f9ffa;
}

section.about-compny {
	margin-bottom: 55px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.about-compny p.mini-mt {
	line-height: 24px;
	font-size: 15px;
}

.about-compny .mini-pt {
	text-align: center;
	padding-right: 0;
}

section.our-compny {
	margin-left: -15px;
	margin-right: -15px;
}

section.our-compny .left-aside {
	background: #181223 !important;
	min-height: 490px;
}

.job-st-img {
	float: left;
	width: 100%;
	background: url('../images/quality-jobs.jpg');
	min-height: 490px;
	background-size: cover;
}

.job-st-img br {
	display: none;
}

.job-st-img:after {
	content: '';
	position: absolute;
	background: rgba(46, 113, 160, 0.2196078431372549);
	height: 100%;
	width: 100%;
	left: 0;
}

.about-goal {
	color: #f7f7f7;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%;
	padding-top: 40px;
}

.about-goal h1.bold-title {
	line-height: 50px;
	margin-bottom: 50px;
	float: left;
	width: 100%;
	font-weight: 800;
	letter-spacing: -0.5px;
	font-size: 40px;
}

.about-goal p.paragraph {
	line-height: 26px;
	font-size: 17px;
	letter-spacing: 0.6px;
	font-weight: 400;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.about-goal h4.normal-subtitle {
	font-size: 22px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin-top: 0;
	letter-spacing: -0.5px;
}

.services-lvel {
	background: rgb(247, 247, 247) !important;
	float: left;
	margin-left: -15px;
	margin-right: -15px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #eee;
}

.services-lvel .container {
	padding-left: 15px;
	padding-right: 15px;
}

.servicers-row .no-mx i.fa {
	color: #0f9ffa;
	font-size: 30px;
	padding-top: 5px;
}

.servicers-row .no-mx h4 {
	margin: 0;
	margin-top: 9px;
	font-size: 20px;
	color: #676767;
	font-weight: 800;
	letter-spacing: 0.1px;
}

.servicers-row .no-mx p.normal {
	margin-bottom: 0px;
}

.servicers-row .row.no-mx {
	padding-top: 20px;
	padding-bottom: 20px;
	border-right: 1px solid #bfbdbd;
}

.servicers-row .row.no-mx.last-ch {
	border: none;
}

.servicers-row .no-mx .no-pm p.normal {
	margin-top: 10px;
	color: #484747;
	font-size: 15px;
}

.web-care {
	padding-left: 15px;
	padding-right: 15px;
}

.about-view .following-range {
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.about-view .sit-life {
	position: relative;
	background: #133450;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-bottom: 0;
}

.about-view .sit-life .sit-opportunity {
	width: 55%;
	padding: 0 40px;
	border-radius: 3px;
	position: relative;
	color: #fff;
	float: left;
	position: relative;
	top: 0;
}

.sit-opportunity:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 70%;
	width: 0;
	height: 0;
	border: 55px solid transparent;
	border-top-color: #337aa7;
	border-bottom: 0;
	border-right: 0;
	margin-left: -27.5px;
	margin-bottom: -55px;
	visibility: hidden;
}

.about-view .sit-life .sit-opportunity h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fff;
	font-style: italic;
}

.about-view .sit-life .sit-opportunity p {
	text-align: left;
	line-height: 25px;
	margin-top: 17px;
	margin-bottom: 13px;
	font-weight: 400;
	padding-left: 0;
	width: 90%;
	font-size: 18px;
}

.life-site-msg {
	width: 40%;
	float: left;
	border-top-left-radius: .4em;
	padding: 3px;
	overflow: hidden;
	border-top-right-radius: .4em;
	margin-left: 5%;
}

.life-site-msg img {
	width: 100%;
	border-top-right-radius: .4em;
	border-top-left-radius: .4em;
}

.helper-sit h3.bold-subtitle {
	/*background: #0f9ffa;*/
	padding: 13px;
	/*color: #fff;position: absolute;top: -70px;*/
	margin: 0;
	/*left: -15px;
    height: 285px;line-height: 60px;*/
	text-align: center;
	font-size: 40px;
}

.helper-sit h3.bold-subtitle b {
	font-size: 50px;
}

.helper-sit h3.bold-subtitle span {
	margin-top: 35px;
	float: left;
}

.helper-sit i.fa.fa-users {
	font-size: 113px;
	position: absolute;
	right: 8%;
	color: rgba(0, 0, 0, .1);
	top: 60px;
}

/***********************Services***********************/
.our-pocess-page {
	/*float: left;width: 100%;*/
	margin-left: -15px;
	margin-right: -15px;
}

section.work-process-area.section-gap {
	/*background-image:url(../images/working-proces.jpg);*/
	background-size: 100%;
	position: relative;
	width: 100%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 40px;
	padding-bottom: 80px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background: #033968;
	transform-origin: left;
	position: relative;
}

section.work-process-area.section-gap .container {
	z-index: 9999;
	position: relative;
}

section.work-process-area.section-gap:after {
	content: '';
	background: rgba(7, 9, 21, 0.6);
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	position: absolute;
	top: 0;
}

.work-process-area.section-gap .menu-content {
	position: relative;
	z-index: 999;
}

.work-process-area .single-work-process {
	margin-top: 30px;
	text-align: center;
	margin-bottom: 35px;
	margin-top: 35px;
}

.work-process-area .single-work-process:hover {
	/*transform: scale(1.1);*/
}

.work-process-area .single-work-process h4 a:hover,
.work-process-area .single-work-process h4 a:active {
	color: #fff;
}

.total-work-process {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
	z-index: 99999;
	margin-top: 40px;
}

.work-process-area .single-work-process .work-icon-box {
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	transition: all .6s;
	transform: scale(1);
	width: 70px;
}

.work-process-area .single-work-process:hover .work-icon-box {
	transform: scale(1.1);
}

.work-process-area .single-work-process .work-icon-box span {
	line-height: 70px;
	font-size: 42px;
}

.work-process-area .work-arrow {
	margin-top: -30px;
}

.work-process-area .single-work-process .work-icon-box span {
	background: -moz-linear-gradient(0deg, #87cffd 0%, #0f9ffa 100%);
	background: -webkit-linear-gradient(0deg, #87cffd 0%, #0f9ffa 100%);
	background: -ms-linear-gradient(0deg, #87cffd 0%, #0f9ffa 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.lnr {
	font-family: linearicons-free;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

section.work-process-area.section-gap h1 {
	font-weight: 400;
	text-transform: capitalize;
	color: #fff;
}

.work-process-area .single-work-process h4 {
	font-weight: 300;
	color: #fff;
}

.head-st-blok h1.hea_ding {
	margin-bottom: 30px;
}

section.features-list .head-st-blok p {
	font-size: 18px;
}

.work-arrow img.rot {
	transform: rotate(270deg);
}

.work-arrow img.brot {
	transform: rotate(270deg);
}

.service-img .fa:before {
	text-align: center;
	margin-top: 25px;
	width: 100%;
	float: left;
}

/******************features-list******************/
section.features-list {
	float: left;
	width: 100%;
	margin-top: 35px;
}

section.features-list .head-st-blok {
	text-align: center;
}

.blok-st-content {
	float: left;
	width: 100%;
	margin-bottom: 45px;
}

.fbox-icon {
	float: left;
	width: 28px;
	margin-right: 10px;
}

.fbox-icon i {
	font-size: 28px;
	line-height: 28px;
}

.fbox-icon .fa-desktop:before {
	margin-top: 0px;
}

.features-list .feature-box p {
	line-height: 25px;
	text-align: left;
	float: left;
	width: 100%;
}

.features-list .feature-box h3 {
	font-weight: bold;
	font-size: 20px;
	color: #6b6b6b;
	float: left;
	margin-top: 0;
}

.features-list .blok-st-content {
	margin-top: 45px;
}

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

/**********************portfolio****************/
.bottommargin section#portfolio_page {
	margin-bottom: 45px;
}

.total-work-process .caption a {
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.2px;
}

/*****************who-we-are******************/
.who-we-are {
	float: left;
	width: 100%;
	display: none;
}

.sit-profile {
	float: left;
	width: 100%;
}

.midel-frm {
	width: 90%;
	margin: auto;
	overflow: hidden;
}

.sit-profile.stp-view {
	margin-top: 20px;
	margin-bottom: 30px;
}

.we-slv {
	background: #fff;
	padding: 15px;
	min-height: 302px;
	border-radius: 2px;
	transition: all .5s ease 0s;
	margin-bottom: 10px;
	cursor: pointer;
}

.we-slv:hover {
	box-shadow: -1px 3px 12px 2px rgba(157, 157, 157, .2);
}

.we-slv p {
	line-height: 26px;
	font-size: 14px;
}

.we-slv h4 {
	margin-top: 10px;
	margin-bottom: 15px;
	color: #0f9ffa;
}

.we-slv h4 span.lnr {
	float: left;
	margin-right: 8px;
}

.abov-main {
	float: left;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -35px;
	background: #fff;
	padding-top: 35px;
	padding-bottom: 35px;
}

.we-are-tile h1 {
	text-align: right;
	transform: translateY(25%);
	color: #656363;
	width: 100%;
	float: right;
	padding-right: 15px;
}

.we-are-tile h1 span.web-expt {
	font-size: 55px;
	font-weight: 800;
	margin-right: 10px;
	letter-spacing: 0.5px;
	margin-left: 10px;
}

.we-are-tile h1 span.tech-skil {
	font-size: 38px;
	font-weight: 700;
	line-height: 65px;
	color: #484848;
}

.we-are-tile h1 span.pro-serv {
	font-weight: 500;
	margin-left: 10px;
}

.we-are-tile h1 span.grt-spot {
	font-weight: 600;
	line-height: 70px;
	margin-left: 10px;
	font-size: 45px;
	letter-spacing: 0.5px;
	color: #484848;
}

.we-are-contnt p {
	font-size: 16px;
	line-height: 30px;
}

/**************************career************/
.contain-width {
	width: 95%;
	margin: auto;
	overflow: hidden;
}

section.join-our-team {
	/*background: #e5e8ef;*/
	background: #f7f7f7;
	/*margin-left: -15px; margin-right: -15px;*/
	margin-top: -35px;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
	margin-bottom: 30px;
	float: left;
	width: 100%;
}

/*.get-started .btn-primary {
  color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    text-decoration: none;
    background: #00a6ff;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
    padding: 7px 15px;
    border: 1px solid transparent;
    width: 220px;
    float: right;
    line-height: 25px;
}
.get-started .btn-primary:after {
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    content: '';
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.get-started .btn-primary:hover {
    color: #00a6ff;
    z-index: 99999;
    border: 1px solid transparent;
}
.get-started .btn-primary:hover:after {
    height: 350%;
    opacity: 1;
    z-index: -1;
}
.get-started .btn-primary:hover{letter-spacing: 0.5px;}*/

.get-started a {
	overflow: hidden;
	margin: 0 15px;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	border-radius: 2px;
	line-height: 30px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	text-transform: capitalize;
}

.get-started a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	line-height: 20px;
}

.get-started a span {
	display: block;
	padding: 5px 20px;
	background: #00a6ff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.get-started a:hover::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	z-index: 1;
}

.get-started a:hover span,
.get-started a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

/*********************************************/

.load_more a {
	color: #fff;
	font-weight: 600;
	text-decoration: none;
}

section.career_starts {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -35px;
	padding-top: 30px;
	float: left;
}

.bc-range {
	float: left;
	width: 100%;
	background: #f7f7f7;
}

.career_starts .range h3 {
	font-size: 45px;
	padding-top: 15px;
}

.career_starts p.text-big {
	font-size: 16px;
}

.block-vacation-st {
	padding: 24px 5% 24px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: -1px 0 10px 0 rgba(65, 65, 65, .12);
	box-shadow: -1px 0 10px 0 rgba(65, 65, 65, .12);
	cursor: pointer;
	transition: all .5s;
}

.mg-bottom {
	margin-bottom: 30px;
}

.block-vacation-st ul.list-objects-inline {
	padding-left: 0;
}

.page .icon-xs-smaller {
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
}

.page .icon-primary {
	color: #93c83f;
}

.block-vacation-st ul.list-objects-inline {
	padding-left: 0px;
}

.block-vacation-st ul.list-objects-inline li {
	display: inline-block;
	vertical-align: middle;
	margin-top: 4px;
	margin-left: 0px;
	/*margin-right: 10px !important;*/
	;
}

.block-vacation-st ul.list-objects-inline li a {
	text-decoration: none;
}

.block-vacation-st ul.list-objects-inline li:first-child {
	/* margin: 0;*/
}

.block-vacation-st h5 {
	font-size: 20px;
}

.block-vacation-st ul.list-objects-inline li .fa {
	margin-right: 6px;
	color: #0f9ffa;
}

.block-vacation-st:hover {
	-webkit-box-shadow: -3px 5px 12px 0 rgba(65, 65, 65, .16);
	box-shadow: -3px 5px 12px 0 rgba(65, 65, 65, .16);
}

.career_starts .range {
	margin-top: 15px;
	margin-bottom: 30px;
	float: left;
	width: 100%;
}

.join-our-team h3.join-tem {
	margin-top: 0;
	font-size: 50px;
	text-align: center;
}

.join-our-team .opt-form {
	text-align: center;
}

/*.block-image-plate .block-inner {padding: 80px 1% 80px 8.33333%; padding: 10px 1% 80px 4.333%;}*/
.block-image-plate .block-inner {
	padding: 10px 4.333% 80px 4.333%
}

.block-image-plate.bg-image {
	background-image: url(http://192.168.1.111/scorpioinfotech/india/uploads/jobs/newjobsbg2.jpeg);
}

.block-image-plate {
	background-repeat: no-repeat;
	background-size: cover;
	/*margin-bottom: 45px;*/
	position: relative;
	/*margin-top: 45px;*/
	color: #f3f3f3;
	background-position: 40% 10%;
	border-radius: 6px;
}

.list-blocks>li {
	/*margin-top: 50px;*/
}

/*.block-image-plate .block-inner:after {
    content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background: rgba(0,0,0,.7);
}*/
.career-view-rel .range {
	float: left;
	width: 100%;
	padding: 0;
}

.career-view-rel .range .col-xs-12 {
	padding: 0px;
}

/*.career-view-rel ul.list-blocks {float: left;width: 100%;padding: 0;}*/
.career-view-rel ul.list-blocks {
	float: none;
	width: 80%;
	padding: 0;
	margin: 0px auto;
}

section.career-view-rel {
	float: left;
	width: 100%;
}

.block-image-plate .block-body {
	position: relative;
	z-index: 9;
}

.block-image-plate .block-body p {
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 21px;
	margin-top: 12px;
}

.block-image-plate .block-inner .block-header h3 {
	font-size: 40px;
	margin: 0px;
	line-height: 45px;
	font-weight: 600;
	text-transform: capitalize;
}

.block-image-plate .block-inner .block-header {
	position: relative;
	z-index: 99;
}

.block-image-plate .block-header {
	max-width: 550px;
}

.list-blocks .block-list-counter:before {
	position: relative;
	content: counter(li, decimal-leading-zero);
	counter-increment: li;
	font: 400 45px/45px 'Assistant', sans-serif;
	letter-spacing: -.025em;
	color: #fff;
	background: #0f9ffa;
	text-align: center;
	padding: 8px;
	border-radius: 5px 0px 5px 0;
}

.block-image-plate .block-left {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex-basis: 11.11111%;
	-ms-flex-preferred-size: 11.11111%;
	flex-basis: 11.11111%;
	max-width: 100px;
	margin-top: 18px;
	margin-bottom: 18px;
}

.block-image-plate .block-body {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-justify-content: left;
	-ms-flex-pack: left;
	justify-content: left;
	flex-grow: 1;
	margin-top: 2%;
}

.font-thty {
	font-size: 33px;
	color: #333;
	font-weight: bold;
}

.career-view-rel p {
	line-height: 26px;
	font-size: 18px;
}

section.join-our-team p {
	line-height: 26px;
	font-size: 18px;
	margin: 0px auto;
	width: 60%;
}

.color-black {
	color: #333;
}

/*.join-tem{font-size: 30px;}*/
/*.block-vacation-st ul.list-objects-inline li.aplly-button {
    background: #0f9ffa;color: #fff;padding: 2px 10px;border-radius: 2px;transition: all .5s;border: 1px solid transparent;
}*/
.block-vacation-st ul.list-objects-inline li.aplly-button {
	background: #0f9ffa;
	color: #fff;
	padding: 2px 2px 2px 10px;
	width: 100%;
	border-radius: 2px;
	transition: all .5s;
	border: 1px solid transparent;
}

/*.block-vacation-st ul.list-objects-inline li.aplly-button:hover {background: #fff;}
.block-vacation-st ul.list-objects-inline li.aplly-button:hover a{color: #0f9ffa;}
.block-vacation-st ul.list-objects-inline li.aplly-button:hover i.fa{color: #0f9ffa;}*/
.block-vacation-st ul.list-objects-inline li.aplly-button a {
	color: #fff;
}

.block-vacation-st ul.list-objects-inline li.aplly-button i.fa {
	color: #fff;
	margin-left: 5px;
}

/************************blog**********************/
#twocolumns .container {
	/*max-width: 1140px;*/
}

.post-blog-st {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.post-blog-st .post-info {
	flex-shrink: 0;
	margin-left: 30px;
}

.post-blog-st .post-info .post-author {
	font-size: 14px;
	color: #00030a;
	font-weight: bold;
}

.post-blog-st .post-info img {
	width: 110px;
	border-radius: 100%;
	height: 110px;
	border: 1px solid #ddd;
}

.post-blog-st .post-body {
	padding-left: 60px;
	text-align: left;
	font-size: 15px;
}

.post-blog-st .post-body .post-footer {
	border-top: 1px solid #dedede;
	padding-top: 20px;
}

.post-blog-st .post-body .post-footer time {
	font-weight: normal;
	margin: 0;
}

.post-blog-st .post-body .post-footer ul.post-meta {
	padding-left: 0px;
	float: left;
	width: 100%;
}

.post-blog-st .post-body .post-footer ul.post-meta li {
	float: left;
	margin-left: 5px;
	margin-right: 15px;
	line-height: 0px;
}

.post-blog-st .post-body .post-footer ul.post-meta li {
	font: normal 13px/1.1 'Assistant', sans-serif;
	color: #2a2d34;
	text-transform: uppercase;
}

.post-blog-st .post-body .post-footer ul.post-meta li a {
	color: #2a2d34;
	text-decoration: none;
}

.post-blog-st .post-body .post-footer ul.post-meta li a:hover {
	color: #0f9ffa;
}

nav.navigation.pagination .nav-links {
	text-align: center;
}

.post-blog-st .post-body .post-footer li span {
	font-weight: 600;
	margin: 0;
	font: normal 13px/1.1 'Assistant', sans-serif;
}

.list-bordered-horizontal {
	position: relative;
	padding: 0;
	border-bottom: 1px solid #dedede;
	padding-bottom: 10px;
}

.list-bordered-horizontal li {
	display: inline-block;
}

.list-bordered-horizontal>*:not(:last-child) {
	margin-right: 35px;
}

.list-bordered-horizontal>li:not(:last-child) {
	position: relative;
}

.list-bordered-horizontal>li:not(:last-child):after {
	content: '';
	position: absolute;
	top: 5px;
	right: -20px;
	width: 1px;
	height: 22px;
	background: #dedede;
}

.list-terms-inline dt,
.list-terms-inline dd {
	display: inline-block;
}

.list-terms-inline dt:after {
	content: ':';
}

.list-terms-inline dt {
	color: #313131;
	letter-spacing: 0.5px;
}

.list-terms-inline dd {
	color: #828282;
}

.list-bordered-horizontal li dl {
	margin-bottom: 0;
	text-transform: capitalize;
}

.post-detail .post-header {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.post-detail .post-detail .post-header {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.post-detail .post-admin-deta {
	float: left;
	width: 100%;
}

.blog-details-contentarea .post-header h2 {
	margin-bottom: 5px;
	font-family: inherit !important;
	font-weight: 700 !important;
}

.content-blog-detail-txt {
	float: left;
	width: 100%;
}

.content-blog-detail-txt p {
	font-size: 16px;
}

.blog-details-contentarea h2.comment {
	font-weight: bold;
}

.blog-details-contentarea .blog-detail-head-banner {
	/*min-height: 520px;*/
	overflow: hidden;
	position: relative;
	background: url(http://scorpioinfotech.com/uploads/gallery/2019/Blog-BG.jpg);
	padding: 5% 50px;
	background-size: cover;
	background-repeat: no-repeat;
}

.blog-details-contentarea .post-detail {
	float: left;
	width: 100%;
}

form#add_comment {
	float: left;
	width: 100%;
}

/***comment-view****/
.comment-list-view {
	margin-top: 30px;
	float: left;
	width: 100%;
}

*+.comment-group {
	margin-top: 30px;
}

.comment-list-view .unit {
	display: flex;
	flex: 0 1 100%;
	flex-direction: row;
}

.comment-list-view .unit-left,
.comment-list-view .unit-right {
	flex: 0 0 auto;
	max-width: 100%;
}

.comment-list-view .comment figure {
	border-radius: 50%;
	max-width: 71px;
}

.comment-list-view .comment figure img {
	border-radius: 50%;
	max-width: 71px;
	border: 1px solid #ddd;
}

.comment-list-view .comment .comment-body {
	padding: 17px 22px;
	border: 1px solid #dedede;
	border-radius: 7px;
}

.unit-spacing-md.unit-xs-horizontal>.unit-left+.unit-right,
.unit-spacing-md.unit-xs-horizontal>.unit-left+.unit-body {
	padding-top: 0;
	padding-left: 22px;
}

.comment-list-view .comment .comment-body-header {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	transform: translateY(-5px);
	margin-bottom: -5px;
}

.comment-list-view .comment .comment-meta {
	flex-grow: 1;
	position: relative;
	transform: translateY(-5px);
	margin-bottom: -5px;
}

.comment-list-view .comment .comment-body-header>* {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.comment-list-view .comment .comment-meta>* {
	display: inline-block;
	vertical-align: baseline;
}

.comment-list-view .comment .user {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 0;
}

.comment-list-view .comment .comment-meta>* {
	display: inline-block;
	vertical-align: baseline;
}

.comment-list-view .comment .list-icon-meta {
	position: relative;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	margin-bottom: 0;
	padding-left: 15px;
}

.comment-list-view .comment .list-icon-meta li span.icon {
	margin-right: 5px;
}

.comment-list-view .comment .list-icon-meta li span.icon i.fa {
	font-size: 16px;
}

.comment-list-view .comment .list-icon-meta li a {
	text-decoration: none;
}

.comment-list-view .list-inline {
	margin-left: -5px;
	margin-right: -5px;
	vertical-align: baseline;
}

.comment-list-view .comment .list-icon-meta>*:not(:last-child) {
	margin-right: 8px;
}

.comment-list-view .comment .list-icon-meta li {
	font-size: 12px;
	line-height: 1;
	font-weight: 400;
}

.comment-list-view .comment .list-icon-meta>li {
	display: inline-block;
}

.comment-list-view .link-group {
	white-space: nowrap;
}

.comment-list-view .object-inline {
	vertical-align: middle;
}

.comment-list-view .object-inline,
.comment-list-view .object-inline-baseline {
	white-space: nowrap;
}

.comment-list-view .comment .comment-body-text {
	margin-top: 10px;
}

.comment-list-view .page .text-gray-base {
	color: #000;
}

.comment-list-view .comment-list-view .comment+* {
	margin-top: 21px;
}

.comment-list-view .comment-group-reply {
	padding-left: 12%;
	margin-top: 21px;
}

#content .cols-holder .post.ablog .post-body {
	padding-left: 0;
}

/*#content .cols-holder .post.ablog .img-holder {min-height: 300px;height: 300px;margin-bottom: 0;}*/
#content .cols-holder .post.ablog .img-holder {
	min-height: 210px;
	max-height: 300px;
	height: auto;
	margin-bottom: 0;
}

/*#content .cols-holder .post.ablog .img-holder img.img-responsive {
    position: absolute;left: 0;top: 50%;height: auto;width: 100%;-webkit-transform: translate(0%,-55%);
    -ms-transform: translate(-50%,-50%);transform: translate(0%,-55%);
}*/
#content .cols-holder .post.ablog .img-holder img.img-responsive {
	position: absolute;
	left: 0;
	top: 0%;
	height: auto;
	width: 100%;
	/*top: 50%; -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(-50%,-50%);transform: translate(0%,-50%);*/
}

/**************************mega*menu*************************/
.exo-menu {
	float: left;
	list-style: none;
	position: relative;
}

.exo-menu>li {
	display: inline-block;
	float: left;
}

.exo-menu>li>a {
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
	/*border-right: 1px #365670 dotted;*/
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}

.exo-menu>li>a.active,
.exo-menu>li>a:hover,
li.drop-down ul>li>a:hover {
	background: #009FE1;
	color: #fff;
}

.exo-menu i {
	font-size: 10px;
	margin-right: 6px;
	line-height: 0px !important;
	position: relative;
	top: -1px;
}

li.drop-down,
.flyout-right,
.flyout-left {
	position: relative;
}

li.drop-down:before {
	content: "\f103";
	color: #fff;
	font-family: FontAwesome;
	font-style: normal;
	display: inline;
	position: absolute;
	right: 6px;
	top: 20px;
	font-size: 14px;
}

li.drop-down>ul {
	left: 0px;
	min-width: 230px;
}

.drop-down-ul {
	display: none;
}

.flyout-right>ul,
.flyout-left>ul {
	top: 0;
	min-width: 230px;
	display: none;
	border-left: 1px solid #365670;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a,
.flyout-left ul>li>a {
	color: #fff;
	display: block;
	padding: 20px 22px;
	text-decoration: none;
	background-color: #365670;
	border-bottom: 1px dotted #547787;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}

.flyout-right ul>li>a,
.flyout-left ul>li>a {
	border-bottom: 1px dotted #B8C7BC;
}

/*Flyout Mega*/
.flyout-mega-wrap {
	top: 0;
	right: 0;
	left: 100%;
	width: 100%;
	display: none;
	height: 100%;
	padding: 15px;
	min-width: 742px;
}

.flyout-mega ul>li>a {
	font-size: 90%;
	line-height: 25px;
	color: #fff;
	font-family: inherit;
}

.flyout-mega ul>li>a:hover,
.flyout-mega ul>li>a:active,
.flyout-mega ul>li>a:focus {
	text-decoration: none;
	background-color: transparent !important;
	color: #ccc !important
}

/***********************************mega menu**************************************/
#nav li ul {
	padding-left: 0px;
	float: left;
	width: 100%;
	margin-top: 10px;
}

#nav li ul li {
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0;
	transition: all 0.6s;
	/*padding:7px 0;*/
	float: left;
	clear: both;
	position: relative;
}

#nav li ul li:hover {
	padding-left: 5px;
	/* background: rgba(41, 41, 41, 1);*/
}

#nav li ul li:hover a {
	font-weight: bold !important;
}

#nav li ul li:hover a:after {
	display: none;
}

/*.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;
}*/
.exo-menu>li.mega-drop-down {
	position: initial;
}

#nav li.mega-drop-down .mega-menu a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	padding: 7px 0px;
}

#nav li.mega-drop-down .mega-menu a:after {
	bottom: 0px;
}

.mega-menu {
	padding: 20px 30px 25px 30px;
	display: none;
	min-height: 100%;
	width: 1535px;
	transform: translateX(3%);
	top: 55px;
	right: 0;
	opacity: 0;
	transition: all .7s;
	/*min-height: 275px;*/
	overflow: auto;
	border-top: 5px solid #3aa1d0;
	box-shadow: 0px 1px 1px 2px #d0e2ea;
}

.mega-menu p {
	color: #333;
	font-size: 14px;
	line-height: 18px;
	height: 55px;
	overflow: hidden;
}

.mega-menu h4 {
	color: #333;
	font-size: 24px;
	height: 30px;
	overflow: hidden;
	margin-bottom: 5px;
}

h4.row.mega-title {
	color: #333;
	margin-top: 0px;
	font-size: 22px;
	padding-left: 0px;
	padding-bottom: 3px;
	text-transform: uppercase;
	padding-top: 15px;
	font-weight: 800;
	padding-top: 0;
	width: auto;
	float: left;
}

.mega-menu ul li a {
	line-height: 22px;
	font-size: 90%;
	display: block;
	height: auto !important;
}

ul.stander li a {
	padding: 3px 0px;
}

ul.description li {
	padding-bottom: 15px;
	line-height: 8px;
}

ul.description li span {
	color: #ccc;
	font-size: 85%;
	padding-top: 5px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

a.view-more {
	border-radius: 1px;
	margin-top: 15px;
	background-color: #009FE1;
	padding: 5px 15px !important;
	line-height: 21px !important;
	display: inline-block !important;
}

/*#nav li.mega-drop-down .mega-menu a.view-more{
  color: #fff;font-size: 18px;text-transform: capitalize;text-decoration: none;background: #00a6ff;display: inline-block;letter-spacing: 0.5px;outline: none;position: relative;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;transition: all 0.5s;overflow: hidden;padding: 7px 15px;border: 1px solid transparent;
    line-height: 25px !important;cursor: pointer;text-align: center;height: auto;
}
#nav li.mega-drop-down .mega-menu a.view-more:after{   
  width: 100%;height: 0;top: 50%;left: 50%;background: #fff;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);content: '';
    position: absolute;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;
  }
#nav li.mega-drop-down .mega-menu a.view-more:hover {
    color: #00a6ff;z-index: 99999;border: 1px solid transparent;
}
#nav li.mega-drop-down .mega-menu a.view-more:hover:after {
    height: 225%;opacity: 1;z-index: -1;
}*/

#nav li.mega-drop-down .mega-menu a.view-more {
	overflow: hidden;
	margin: 0 15px 0 0;
	position: relative;
	display: inline-block !important;
	color: #fff;
	font-size: 15px;
	border-radius: 0px;
	line-height: 30px !important;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	text-transform: capitalize;
	height: auto !important;
	padding: 0 !important;
}

#nav li.mega-drop-down .mega-menu a.view-more::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	line-height: 20px;
}

#nav li.mega-drop-down .mega-menu a.view-more span {
	display: block;
	padding: 5px 20px;
	background: #00a6ff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

#nav li.mega-drop-down .mega-menu a.view-more:hover::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	z-index: 1;
}

#nav li.mega-drop-down .mega-menu a.view-more:hover span,
#nav li.mega-drop-down .mega-menu a.view-more:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

#nav li.mega-drop-down .mega-menu a.view-more:after {
	display: none;
}

/**********************************************/
a.view-more:hover {
	color: #fff;
	background: #0DADEF;
}

ul.icon-des li a i {
	color: #fff;
	text-align: center;
}

ul.icon-des li {
	width: 100%;
	display: table;
	margin-bottom: 11px;
}

/*Blog DropDown*/
.Blog {
	left: 0;
	display: none;
	color: #fefefe;
	padding-top: 15px;
	background: #547787;
	padding-bottom: 15px;
}

.Blog .blog-title {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
}

.Blog .blog-des {
	color: #ccc;
	font-size: 90%;
	margin-top: 15px;
}

.Blog a.view-more {
	margin-top: 0px;
}

/*Images*/
.Images {
	left: 0;
	width: 100%;
	display: none;
	color: #fefefe;
	padding-top: 15px;
	background: #547787;
	padding-bottom: 15px;
}

.Images h4 {
	font-size: 15px;
	margin-top: 0px;
	text-transform: uppercase;
}

/*common*/
.flyout-right ul>li>a,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu {
	/*background: #2d818c;font-size: 13px;font-weight: 500;color: #bbb;*/
	/* background: #2d818c; */
	font-size: 13px;
	font-weight: 500;
	color: #bbb;
	/*background: url(../images/sit-bnr-bg.jpg);background-size: cover;
    background-position: 0px 55%;*/
	background: #fff;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover+ul,
li.flyout-right a:hover+ul,
.blog-drop-down>a:hover+.Blog,
li.drop-down>a:hover+.drop-down-ul,
.images-drop-down>a:hover+.Images,
.mega-drop-down:hover+.mega-menu,
li.flyout-mega>a:hover+.flyout-mega-wrap {
	display: block;
}

.mega-drop-down:hover .mega-menu {
	display: block;
	opacity: 1;
}

a.toggle-menu {
	position: absolute;
	right: 0px;
	padding: 20px;
	font-size: 27px;
	background-color: #ccc;
	color: #23364B;
	top: 0px;
}

.service-deta-st p {
	/*line-height: 28px;font-size: 16px;*/
}

.service-deta-st {
	transform: translateY(5%);
	padding-right: 5%;
	padding-left: 5%;
	transition: all 0.6s;
}

.service-deta-st:before {
	content: "1";
	position: absolute;
	width: 150px;
	height: 150px;
	color: transparent;
	border: 2px solid #000;
	border-right: 0;
	border-bottom: 0;
	left: 45px;
	top: -40px;
	transition: all 0.6s;
	opacity: 0;
}

.service-deta-st:after {
	content: "2";
	width: 150px;
	height: 150px;
	border: 2px solid #000;
	position: absolute;
	right: 53px;
	border-left: 0;
	border-top: 0;
	bottom: -58px;
	color: transparent;
	transition: all 0.6s;
	opacity: 0;
}

.aln-esign .service-deta-st:hover:before {
	width: 200px;
	height: 200px;
}

.aln-esign .service-deta-st:hover:after {
	width: 200px;
	height: 200px;
}

.aln-esign .service-deta-st p {
	text-align: left;
	width: 100%;
	float: left;
}

.aln-esign .service-deta-st p.view-more-dta {
	margin-top: 20px;
	padding-right: 15px;
	text-align: right;
}

/*.devel-opment:after {
    content: "";position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.5);
    height: 100%;
    left: 0;
    top: 100%;
    opacity: 0;
    transition: all 0.6s;
}
.devel-opment:hover:after {
  top: 0%;opacity: 1;
}
*/
.view-more-dta {
	float: right;
	position: relative;
	z-index: 9999;
}

/*.view-more-dta a{
    color: #fff;font-size: 18px;text-transform: capitalize;text-decoration: none;background: #00a6ff;display: inline-block;letter-spacing: 1px;font-weight: 700;outline: none;position: relative;-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;transition: all 0.5s;overflow: hidden;padding: 7px 15px;border: 1px solid transparent;
}
.view-more-dta a:after {
    width: 100%;height: 0;top: 50%;left: 50%;background: #fff;opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    content: '';position: absolute;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;
}
.view-more-dta a:hover:after {height: 200%;opacity: 1;z-index: -1;}
.view-more-dta a:hover {color: #00a6ff;z-index: 99999;border: 1px solid transparent;}*/
.view-more-dta a {
	overflow: hidden;
	margin: 0 15px;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	border-radius: 2px;
	line-height: 30px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	/*border: 1px solid;*/
}

.view-more-dta a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	line-height: 20px;
}

.view-more-dta a span {
	display: block;
	padding: 5px 20px;
	background: #00a6ff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.view-more-dta a:hover::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

.view-more-dta a:hover span,
.more-info a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.footer-col .our-info .cntry-flag {
	float: left;
	width: auto;
	opacity: 0.9;
	/*padding-top:6px;*/
	width: 30px;
	height: 20px;
}

.footer-col .our-info h4.abt-cmpny {
	float: left;
	width: 75%;
	margin: 0;
	padding-left: 4px;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
}

.footer-col .our-info p {
	float: left;
	width: 85%;
	padding-top: 0;
	padding-left: 12px;
	line-height: 20px;
}

#content nav.navigation.pagination {
	width: 50%
}

.service-deta-model {
	float: left;
	width: 100%;
}

.home-block-service {
	text-align: center;
	width: 105px;
	margin: auto;
	display: table;
	border: 3px solid #f1f1f1;
	border-radius: 50%;
	height: 100px;
	line-height: 0;
	background: #f4f4f4;
	transition: all 0.8s;
}

.home-block-service:hover {
	cursor: pointer;
}

.service-deta-model:hover .home-block-service {
	border: 3px solid #6bbdf1;
}

.home-block-service i {
	font-size: 45px;
	color: #6bbdf1;
	border-radius: 50px;
	width: 93px;
	height: 89px;
	top: 3px;
	position: relative;
}

.service-deta-model:hover .home-block-service i {
	background-color: #6bbdf1;
	color: #fff;
}

.det-head {
	text-transform: capitalize;
	border-left: 3px solid #00a6ff;
	font-weight: 600;
	background: #f5f5f5;
	padding: 10px;
	margin-top: 0;
	width: 100%;
	float: left;
	color: #2d2d2d;
}

.model-part-left p {
	float: left;
	width: 100%;
}

.model-part-right h2 {
	margin-top: 0;
	border-bottom: 2px solid #00a6ff;
	padding: 4px;
}

.model-part-right p {
	font-size: 17px;
	line-height: 21px;
	float: left;
	width: 100%;
}

.model-part-right a.job_lnk {
	width: 100%;
	float: left;
	padding: 10px 8px;
	background: #f7f7f7;
	margin: 3px 0;
	text-decoration: none;
	font-size: 17px;
	border-left: 2px solid #00a6ff;
	transition: all 0.5s;
}

.model-part-right a.job_lnk:hover {
	padding-left: 12px;
}

.join-sit {
	float: left;
	width: 100%;
	padding: 15px 5px;
}

.model_section_clear {
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 40px;
}

.services_block.with_icon {
	transition: all 0.5s;
}

.services_block.with_icon:hover {
	margin-top: -10px;
}

.services_block {
	width: 100%;
	float: left;
}

.services_block .image_container {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.services_block .link_overall {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
}

.services_block.with_icon .image_container {
	text-align: center;
	float: left;
	width: 100%;
}

.services_block .content {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.services_block .content {
	width: 100%;
	padding: 10px 13px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	text-align: center;
	transition: all 0.5s;
}

.services_block.with_icon .image_container i.fa {
	font-size: 48px;
	color: #fff;
	padding: 10px;
	border-radius: 50%;
	height: 90px;
	width: 90px;
	overflow: hidden;
	transition: all 0.5s;
	line-height: 70px;
}

.services_block.with_icon .image_container i {
	line-height: 80px;
}

.services_block .image_container {
	width: 100%;
}

.services_block .content h4 {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 1.5px;
}

.services_block .content p.withe_col {
	margin-top: 10px;
	font-size: 16px;
}

/**************************************our-process-page**************************/
.fw-theme-steps {
	background: #133450;
	margin-left: -20px;
	margin-right: -20px;
	margin-top: -35px;
	padding-top: 40px;
	padding-bottom: 80px;
}

.fw-theme-steps .fw-theme-step-wrap {
	width: auto;
	text-align: center;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.fw-theme-steps .fw-theme-step-wrap:nth-child(odd) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-left-part {
	text-align: center;
	max-width: 430px;
}

.fw-theme-steps .fw-theme-step-wrap>* {
	-ms-flex-preferred-size: 33.3%;
	flex-basis: 33.3%;
}

.fw-theme-steps .fw-theme-step-wrap>* {
	position: relative;
	display: block;
	width: auto;
	margin: 0 auto;
}

.fw-theme-steps .step-title {
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-left-part .step-title {
	width: 100%;
	font-size: 45px;
	font-weight: bold;
	margin-top: 0px;
	color: #fff;
}

.fw-theme-steps .fw-theme-step-wrap:nth-child(odd) .step-title {
	text-align: right;
}

.fw-theme-steps .step-title.color1:before {
	color: #ff497c;
}

.fw-theme-steps .step-title:before {
	content: counter(number, decimal-leading-zero);
	counter-increment: number;
	position: absolute;
	top: -25px;
	width: 100%;
	font-size: 90px;
	font-weight: 600;
	z-index: -1;
}

.fw-theme-steps .step-title.color2:before {
	color: #a0ce4e;
}

.fw-theme-steps .step-title.color3:before {
	color: #00bea3;
}

.fw-theme-steps .step-title.color4:before {
	color: #f1894c;
}

.fw-theme-steps .fw-theme-step-wrap:nth-child(odd) .step-title:before {
	text-align: left;
	left: 0;
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-center-part {
	position: relative;
}

.fw-theme-steps .fw-theme-step-wrap>* {
	-ms-flex-preferred-size: 33.3%;
	flex-basis: 33.3%;
}

.fw-theme-steps .fw-theme-step-wrap>* {
	position: relative;
	display: block;
	width: auto;
	margin: 0 auto;
}

.ls .fw-theme-steps .fw-theme-step-wrap .fw-step-center-part img {
	border: 10px solid rgba(31, 39, 50, 0.1);
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-center-part img {
	max-width: 270px;
	border: 10px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
}

.ls .fw-theme-steps .fw-theme-step-wrap .fw-step-center-part:after {
	background-image: url(../images/right_arrow_dark.png);
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-center-part:after {
	content: '';
	background-image: url(../images/right_arrow_dark.png);
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	width: 34px;
	height: 136px;
	z-index: 4;
	bottom: -100px;
	right: 20px;
}

.fw-theme-steps .fw-theme-step-wrap:nth-child(even) .fw-step-center-part:after {
	background-image: url(../images/left_arrow.png);
	right: auto;
	left: 20px;
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-center-part:after {
	content: '';
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	width: 34px;
	height: 136px;
	z-index: 4;
	bottom: -100px;
	right: 20px;
}

.fw-theme-steps .fw-theme-step-wrap:last-child .fw-step-center-part:after {
	display: none;
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-center-part:after {
	right: 40px;
}

.fw-theme-steps .fw-theme-step-wrap:nth-child(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.fw-theme-step-wrap {
	margin-top: 6% !important;
}

.fw-theme-steps .fw-theme-step-wrap {
	width: 85%;
	text-align: center;
	margin: 0 auto;
	position: relative;
	max-width: 1320px;
}

.fw-theme-steps .step-title:before {
	top: 0px;
	width: 100%;
	font-size: 200px;
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-right-part {
	margin-top: 0;
	text-align: left;
	max-width: 100%;
	color: #fff;
}

.fw-theme-steps .fw-theme-step-wrap:nth-child(even) .fw-step-right-part {
	text-align: right;
}

.fw-theme-steps .fw-theme-step-wrap:nth-child(even) .step-title {
	text-align: left;
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-left-part .step-title {
	width: 100%;
	line-height: 50px;
}

.fw-theme-steps .fw-theme-step-wrap:nth-child(even) .step-title:before {
	text-align: right;
	right: 0;
}

.fw-theme-steps .fw-theme-step-wrap .fw-step-right-part p.step-text {
	font-size: 20px;
	font-weight: 500;
}

.blok-st-content img.center-block {
	/*transition: 0.5s; transform: translateY(20%);animation: swing ease-in-out 4.5s infinite alternate;*/
	margin-bottom: 40px;
}

@keyframes trsgape {
	0% {
		transform: translateY(-15%);
	}

	50% {
		transform: translateY(-15%);
	}

	100% {
		transform: translateY(0%);
	}
}

.mega-menu-wrap .col-md-3 {
	/*width: 25%;float: left;*/
}

.mega-menu.animated.fadeIn .col-md-4 {
	/*float: left;width: 33%;*/
}

.cntry-flag img {
	/*width: 50px;height: 32px;*/
}

aside.aside.footer-area .holder .footer-menu:nth-child(2) h3 {
	padding-left: 0;
}

.blog_thumb {
	position: relative;
	width: 100%;
	height: 260px;
	overflow: hidden;
	border: 1px dashed #369ffa;
	background: #fdfdfd;
	background: url(http://scorpioinfotech.com/uploads/gallery/2019/Blog-BG.jpg);
	background-size: cover;
	background-position: center;
}

.col-md-3 col-sm-3 .blog_thumb {
	position: relative;
	width: 100%;
	height: 235px;
	overflow: hidden;
}

/*.blog_thumb img{position: absolute;left: 50%;top: 50%;height: auto;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}*/
.blog_thumb img {
	position: absolute;
	left: 50%;
	top: 0%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, 0%);
}

.blog-des {
	color: #333;
	font-size: 15px;
	line-height: 22px;
	text-transform: capitalize;
	margin: 10px 0px 0px;
}

.mega-menu-wrap .row .col-md-3:nth-child(1) img {
	width: 340px;
	height: 224px;
}

aside.aside.footer-area .holder .footer-menu:nth-child(2) .our-info:nth-child(5) {
	border-bottom: 0;
}

aside.aside.footer-area .holder .footer-menu:nth-child(2) .our-info {
	margin-bottom: 0;
}

.withe_col {
	color: #fff;
}

/******************detaile-page********************/
.model-set-full {
	border-bottom: 1px dashed #00a6ff;
	margin-bottom: 30px;
	text-align: center;
}

.service-model-title {
	font-size: 21px;
	line-height: 45px;
	font-weight: bold;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #636669;
	margin-top: 10px;
}

.row.set-model-lm {
	float: left;
	width: 100%;
	margin-top: 5%;
	display: none;
}

.set-model-full {
	float: left;
	width: 100%;
	margin-bottom: 5%;
}

.service-model-conetent.service-mode {
	padding: 0px 15px;
}

.service-model-iocn i.fa {
	font-size: 80px;
	color: #00a6ff;
}

/*.service-model-read-more a.read-button {
    color: #fff;font-size: 18px;text-transform: capitalize;text-decoration: none;background: #00a6ff;
    display: inline-block;letter-spacing: 1px;font-weight: 700;outline: none;position: relative;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;overflow: hidden;
    padding: 0px 15px;border: 1px solid transparent;
}
.service-model-read-more a.read-button:hover {color: #00a6ff;z-index: 99999;}
.service-model-read-more a.read-button:hover:after {height: 200%;opacity: 1;z-index: -1;}
.service-model-read-more a.read-button:after {
  width: 100%;height: 0;top: 50%;left: 50%;background: #fff; opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  content: '';position: absolute;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;
}*/
.service-model-read-more a.read-button {
	overflow: hidden;
	margin: 0 15px;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	border-radius: 2px;
	line-height: 30px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	/* border: 1px solid; */
}

.service-model-read-more a.read-button::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	line-height: 20px;
}

.service-model-read-more a.read-button span {
	display: block;
	padding: 5px 20px;
	background: #00a6ff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.service-model-read-more a.read-button:hover::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}

.service-model-read-more a.read-button:hover span,
.service-model-read-more a.read-button:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.set-model-full .service-mode {
	float: left;
	width: 100%;
	background: #f0f3f2;
	position: relative;
	z-index: 0;
}

.comnt-model {
	float: left;
	padding-left: 3%;
	padding-right: 3%;
	margin-top: 1%;
	display: none;
}

.page-data-model {
	float: left;
	width: 100%;
}

.model_sect-ion {
	margin-left: -15px;
	margin-right: -15px;
}

.model_section_clear {
	float: left;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 40px;
	background: url(https://codex-themes.com/thegem/wp-content/uploads/2016/01/counters_page_title_background.jpg);
	padding: 10% 5%;
}

.services_block.with_icon .image_container i.fa.fa-gg {
	background: rgba(135, 123, 228, 0.3);
	border: 1px solid rgba(135, 123, 228, 0.6);
}

.services_block.with_icon:hover .image_container i.fa.fa-gg {
	background: rgba(135, 123, 228, 0.5);
	border: 2px solid rgba(135, 123, 228, 0.8);
}

.services_block.with_icon .image_container i.fa.fa-diamond {
	background: rgba(207, 255, 147, 0.3);
	border: 1px solid rgba(207, 255, 147, 0.6);
}

.services_block.with_icon:hover .image_container i.fa.fa-diamond {
	background: rgba(207, 255, 147, 0.5);
	border: 2px solid rgba(207, 255, 147, 0.6);
}

.services_block.with_icon .image_container i.fa.fa-code {
	background: rgba(207, 255, 147, 0.3);
	border: 1px solid rgba(207, 255, 147, 0.6);
}

.services_block.with_icon:hover .image_container i.fa.fa-code {
	background: rgba(207, 255, 147, 0.5);
	border: 2px solid rgba(207, 255, 147, 0.6);
}

.services_block.with_icon .image_container i.fa.fa-line-chart {
	background: rgba(254, 188, 15, 0.3);
	border: 1px solid rgba(254, 188, 15, 0.6);
}

.services_block.with_icon:hover .image_container i.fa.fa-line-chart {
	background: rgba(254, 188, 15, 0.5);
	border: 2px solid rgba(254, 188, 15, 0.6);
}

p.more-info-model {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.more-info-model a {
	padding: 6px 30px;
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
	border: 1px solid #1f1f1f;
	border-radius: 8px;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
}

.related-model-image {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}

.set-model-full .service-mode .service-model-iocn {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 2px solid #00a6ff;
}

.set-model-full .service-mode .service-model-iocn img {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.related-model-image img {
	width: 60%;
}

.quote_view {
	width: 100%;
	margin: 20px auto;
	float: none;
	overflow: hidden;
	background: #ecebeb;
	padding: 15px;
	border-left: 3px solid #00a6ff;
	border-top-right-radius: 5px;
	padding-left: 20px;
	border-bottom-right-radius: 5px;
}

ul.up-model-cont {
	float: left;
	padding-left: 20px;
}

ul.up-model-cont li {
	float: left;
	width: 100%;
	line-height: 25px;
	list-style: outside;
	font-size: 16px;
}

.home-block-service .fa:before {
	margin-top: 23px;
	float: left;
	width: 100%;
}

/*********about************/
.our-success-steps {
	margin-left: -15px;
	margin-right: -15px;
}

.set-to-sucess {
	float: left;
	width: 100%;
	background: #f6f6f6;
}

.align-right,
.title-h4 {
	text-align: right;
}

.title-style {
	color: #0f9ffa;
	font-size: 80px;
}

.right-inner-im {
	padding: 20px;
}

.tet-col {
	color: #222;
	max-width: 550px;
	display: block;
	padding-left: 6%;
}

.count-year {
	padding-right: 15px;
	min-height: 100px;
}

.model-content {
	float: left;
	width: 100%;
	min-height: 100px;
}

.model-content p {
	margin: 0;
	line-height: 25px;
}

.left-model-sucess {
	padding: 0px;
}

.right-model-sucess {
	padding: 0px;
}

.title-h4-style {
	color: #ffffff;
	font-size: 25px;
	font-weight: bold;
	padding-right: 12%;
}

span.year-set {
	width: 40px;
	height: 40px;
	float: right;
	display: inline-table;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 50%;
	color: transparent;
	font-weight: bold;
	font-size: 17px;
	position: relative;
}

span.year-set:after {
	position: absolute;
	content: '';
	width: 80px;
	z-index: 99;
	height: 2px;
	background: #fff;
	left: -45px;
	bottom: 10px;
	margin-left: 0;
}

span.year-set:before {
	content: counter(number, decimal-leading-zero);
	position: absolute;
	border: 2px solid transparent;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	left: 125%;
	z-index: 9999;
	background: #0f9ffa;
	color: #fff;
	line-height: 46px;
	counter-increment: number;
	transition: all 0.5s;
}

.count-year:hover span.year-set:before {
	border: 3px solid #fff;
}

.emty-margin {
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.bg-inner-im {
	background-image: url(../images/compy-steps.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px;
}

.align-left {
	text-align: left;
}

.right-model-sucess .light {
	color: #222;
	font-size: 80px;
}

.for-mob-hiden {
	display: none;
	width: 100%;
	line-height: 40px;
}

h3#reply-title {
	font-size: 30px;
	font-weight: bold;
}

.glob-chk {
	font-size: 28px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	display: none;
}

/**********************Our-Culture************/
section.our-sit-culture {
	/*margin-left: -15px;margin-right: -15px;*/
}

.sit-clt-model {
	float: left;
	width: 100%;
}

.sit-clt-model .lft-gl {
	/*padding-left: 0px;*/
}

.model-content h4 {
	margin-top: 6%;
}

.model-content h1 {
	font-size: 60px;
	line-height: 65px;
	font-weight: bold;
	color: #222;
	margin-top: 5%;
	margin-bottom: 7%;
	text-transform: capitalize;
}

.class-mrg {
	margin-left: -15px;
	margin-right: -15px;
}

.model-view-full-bg-culture {
	background-image: url('../images/our-culture.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	float: left;
	width: 100%;
	margin-top: 30px;
	padding-bottom: 40px;
}

.data-model-st {
	width: 90%;
	margin: auto;
	overflow: hidden;
	padding-top: 120px;
	padding-bottom: 150px;
}

.data-model-st .title-h1 {
	font-size: 55px;
	font-weight: 700;
	line-height: 70px;
}

.data-model-st .styled-subtitle {
	font-size: 20px;
	line-height: 30px;
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.data-model-st .build-col {
	color: #333144;
	background: #fbdc4b;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0px;
}

.color-white {
	color: #ffffff;
}

span.styled-subtitle-des {
	float: left;
	width: 100%;
	margin-top: 6px;
	margin-bottom: 6px;
}

.inner-bg-model {
	float: left;
	width: 100%;
	position: relative;
}

.pulse-2 {
	-webkit-animation: runpulse 3s infinite linear;
	-moz-animation: runpulse 3s infinite linear;
	-ms-animation: runpulse 3s infinite linear;
	-o-animation: runpulse 3s infinite linear;
	animation: runpulse 3s infinite linear;
	animation-delay: 1.5s;
}

.pulse-wrapper {
	position: absolute;
	right: 0;
	color: transparent;
}

.pulse-2:before {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
}

.pulse-2:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
}

@keyframes runpulse {
	0% {
		opacity: 1;
		-moz-transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
	}

}

/*****************company-values****************************/
.model-view-compy-bg {
	background-image: url(../images/you-waiting-for.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	float: left;
	width: 100%;
	margin-top: 30px;
	padding-bottom: 40px;
}

.model-view-compy-bg .data-model-st {
	width: 90%;
	margin: 30% auto 0;
}

.tab-model {
	float: left;
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
}

.tab-model .textbox-content {
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
	margin-right: 9px;
	margin-left: 9px;
	border-radius: 3px;
	float: left;
	width: 32.1%;
	min-height: 280px;
	box-shadow: 2px 2px 3px 4px rgba(45, 42, 42, 0.5);
	position: relative;
}

.tab-model .textbox-content .content-dropcap {
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	/*border: 1px solid rgb(58, 52, 52);*/
	text-align: center;
	line-height: 50px;
	background: rgb(58, 52, 52);
	color: #fff;
	margin-right: 10px;
	position: absolute;
	right: 45%;
	bottom: -25px;
	background: rgba(0, 0, 0, 0.5);
}

.content-dropcap-element {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.dropcap-element-wrapper {
	padding-left: 15px;
	padding-right: 15px;
}

.dropcap-element-wrapper span {
	color: #e4dede;
}

.main-st {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-align: center;
}

.aprt-viw {
	margin-top: -20px;
}

section.our-gallery {
	float: left;
	width: 100%;
	padding-top: 90px;
}

div#elastic_grid_demo {
	padding-top: 15px;
}

.glry-view-imgs {
	margin-left: -15px;
	margin-right: -15px;
}

.our-gallery h3.hea_ding {
	color: #333333;
}

.our-gallery h3.hea_ding::before {
	content: "";
	width: 10%;
	float: left;
	border-bottom: 2px solid #333;
	position: absolute;
	top: -16px;
	left: 45%;
}

.our-gallery h3.hea_ding::after {
	content: "";
	border-bottom: 2px solid #333;
	width: 10%;
	float: left;
	position: absolute;
	bottom: 60px;
	right: 29%;
}

/*********************menu-for-mobile**************/
.mobile-mega-menu {
	float: left;
	width: 100%;
}

.mobile-mega-menu li.mega-drop-down .active {
	background: #4c96cd !important;
}

#nav .navbar-collapse.collapse.in ul li.dropdown a {
	width: 90%;
	float: left;
}

.max-menu {
	float: left;
	width: 10%;
	padding: 10px 10px;
	color: #fff;
	line-height: 30px;
	text-align: center;
}

.what_make_are {
	float: left;
	width: 100%;
}

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

.heading_titles span {
	font-size: 35px;
	color: #333;
	font-weight: bold;
}

/*****************************/
.imgds-place {
	float: left;
	width: 100%;
	position: relative;
}

.imgds-place img {
	border-radius: 5px;
}

.imgds-place:after {
	content: " ";
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0;
	background: rgba(0, 0, 0, 0.15);
	height: 100%;
	border-radius: 5px;
}

.one_half:nth-child(1):after {
	position: absolute;
	content: "";
	width: 97.2%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	left: 25px;
}

/*******related-pages*******/
p.iner-title {
	font-size: 35px;
	color: #2d2d2d;
}

.usr-linsting-view {
	float: left;
	width: 100%;
}

.usr-linsting-view ul {
	float: left;
	width: 100%;
	padding-left: 15px;
}

.usr-linsting-view ul li {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

.usr-linsting-view ul li b {
	color: #333;
	margin-right: 5px;
	font-size: 15px;
}

.us-list {
	float: left;
	width: 100%;
}

.us-list .list-viw li {
	font-size: 15px;
	margin-bottom: 0;
}

/********header-mail-section*********/
.mail-st-head {
    position: relative;
    right: 20px;
    top: 0px;
    text-align: right;
    float: right;
    width: 70%;
}

.mail-st-head li a {
	text-decoration: none;
	font-size: 15px;
}

.mail-st-head ul {
	float: left;
	width: 100%;
       margin:0px;
}

.mail-st-head ul li {
	float: right;
	margin-left: 2px;
}

.mail-st-head ul li:last-child() {
	margin-right: 0px;
}

/*********policy-page*****************/
.policy-model,
.terms-of-use-model {
	/* width: 85%;margin: auto;*/
	overflow: hidden;
	width: 80%;
	margin: 15px auto;
	background: #f7f7f7;
	padding: 15px 30px 30px;
	border-radius: 10px;
}

.bld-model-txt {
	float: left;
	width: 100%;
}

.titl-head {
	font-size: 25px;
	color: #585858;
	letter-spacing: 0.1px;
	text-transform: uppercase;
}

.head-view-model ul {
	padding-left: 40px;
	float: left;
	width: 100%;
}

.head-view-model ul li {
	font-weight: 500;
	font-size: 16px;
	list-style: decimal;
}

.head-view-model p {
	width: 95%;
	padding-left: 5px;
}

.cls-bold {
	font-weight: bold;
}

.fetr-img {
	border-radius: 5px;
}

form#add_comment {
	display: none;
}

/***************Blog-Articles************************/
.post-fet-mode {
	float: left;
	width: 100%;
	margin-right: 0px;
	border: 2px solid #22a8e8;
	margin-top: 4px;
}

.post-detl-model p {
	line-height: 19px;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 0px;
}

.post-detl-model {
	float: left;
	width: 100%;
	line-height: 22px;
	margin: 10px 0px;
	font-size: 16px;
}

.post-detl-model span {
	font-size: 22px;
}

.articles-lists-holder li {
	float: left;
	width: 100%;
	margin-bottom: 15px !important;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}

.articles-lists-holder li:last-child {
	border: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/************************************************/
.model-cap-view {
	float: left;
	width: 100%;
	position: relative;
	background: url(../images/menu-banr-about.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.model-cap-view:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	left: 0;
	top: 0;
}

.model-graph-view {
	float: none;
	overflow: hidden;
	width: 85%;
	padding-left: 35px;
	padding-right: 35px;
	margin: 5% auto 3%;
	position: relative;
	z-index: 99;
	padding-top: 3%;
	padding-bottom: 3%;
}

.ast-model-graph {
	width: 33.3%;
	float: left;
	padding: 15px;
}

.attention-model {
	width: 100%;
	height: 50px;
	background: #0f9ffa;
	/*border-radius:50%;*/
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	border: 0px solid #1a406f;
	transition: all 0.5s;
	position: relative;
}

.attention-model:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.55);
}

.attention-model:hover {
	/*border: 2px solid #1a406f;background: #009cff;*/
}

.point-head {
	font-size: 21px;
	float: left;
	width: 100%;
	line-height: 25px;
	color: #fff;
	position: relative;
	z-index: 99;
	font-weight: bold;
	padding: 10px;
}

.attention-graph {
	position: relative;
	height: 100px;
	text-align: center;
	margin-top: 10px;
	display: none;
}

.attention-graph br {
	display: none;
}

.attention-graph:after {
	content: '';
	position: absolute;
	background: #fff;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	bottom: 11px;
	left: 49.05%;
}

.attention-graph:before {
	position: absolute;
	content: '';
	height: 90px;
	width: 2px;
	background: #fff;
	top: 6px;
}

.grph-descibe {
	float: left;
	width: 100%;
	text-align: left;
	background: #fff;
	padding: 20px;
	min-height: 285px;
}

.model-graph-view .empty-set-model {
	height: 0px;
}

.grph-descibe span {
	line-height: 24px;
	float: left;
	width: 100%;
	font-size: 15px;
	color: #333;
}

.model-align {
	width: 77%;
	margin: auto;
	overflow: hidden;
}

.model-align .ast-model-graph {
	width: 45%;
}

.model-cap-view h3 {
	color: #fff;
	position: relative;
	z-index: 999;
	text-align: center;
	font-weight: bold;
	font-size: 50px;
	letter-spacing: 1px;
	width: 90%;
	margin: 60px auto 0;
	text-transform: capitalize;
}

.usr-linsting-view.digital-marketing-details p {
	margin-bottom: 5px;
}

/******************header-text************************/
.item-1,
.item-2,
.item-3 {
	position: absolute;
	display: block;
	top: 35%;
	width: 100%;
	font-size: 2em;
	animation-duration: 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1 {
	animation-name: anim-1;
}

.item-2 {
	animation-name: anim-2;
}

.item-3 {
	animation-name: anim-3;
}

@keyframes anim-1 {

	0%,
	8.3% {
		bottom: -100%;
		opacity: 0;
	}

	8.3%,
	25% {
		bottom: 25%;
		opacity: 1;
	}

	33.33%,
	100% {
		bottom: 110%;
		opacity: 0;
	}
}

@keyframes anim-2 {

	0%,
	33.33% {
		bottom: -100%;
		opacity: 0;
	}

	41.63%,
	58.29% {
		bottom: 25%;
		opacity: 1;
	}

	66.66%,
	100% {
		bottom: 110%;
		opacity: 0;
	}
}

@keyframes anim-3 {

	0%,
	66.66% {
		bottom: -100%;
		opacity: 0;
	}

	74.96%,
	91.62% {
		bottom: 25%;
		opacity: 1;
	}

	100% {
		bottom: 110%;
		opacity: 0;
	}
}

.slideshow p {
	font-weight: normal;
	font-size: 28px;
	color: #fff;
	width: 80%;
	margin: 10px auto;
	position: relative;
	z-index: 999;
}

.home-box .video_st_pl~.slideshow {
	position: absolute;
	top: 8px;
	z-index: 9999;
	left: 0;
	width: 100%;
}

.home-box .slick-track {
	/*float: left;width: 100% !important;left: 0;height: 100%;*/
}

.home-box .slick-list {
	height: 560px;
}

.home-box .slick-track .slide.slick-slide {
	width: 100% !important;
}

.home-box video {
	width: 100%;
}

.video_st_pl {
	height: 568px;
	overflow: hidden;
	float: left;
	width: 100%;
	position: absolute;
}

.home-box .slideshow .align-holder .align {
	max-width: none;
	padding: 0;
	width: 100%;
	height: 100%;
}

#main .home-box .slideshow .slide {
	background-color: rgb(27, 38, 80, 0.5);
	height: 100%;
}

.home-box .slideshow .align-holder {
	height: 100%;
}

.home-box .container {
	width: 100%;
	padding: 0px;
	height: 100%;
}

.row.web-site-resource {
	height: 100%;
	width: 70%;
	margin: auto;
}

.model-graph-view .col-md-12 {
	float: left;
	width: 100%;
}

.model-graph-view .col-md-12:nth-child(2) {
	margin-top: 30px;
}

.mega-menu:after {
	content: '';
	position: absolute;
	background: rgba(255, 255, 255, 0.5);
	left: 0;
	top: 0;
	width: 100%;
	right: 0;
	height: 100%;
}

.mega-menu-wrap,
.blog-str {
	position: relative;
	z-index: 99;
}

.video_paralx {
	position: relative;
}

.mail-at i.fa {
	color: #0f9ffa;
	font-size: 15px;
	margin-right: 3px;
}

.sit-clt-model .rht-gl b {
	color: #4b9eff;
}

span.top-mod {
	font-size: 30px;
	width: 100%;
	float: left;
}

span.bottom-mod {
	font-size: 50px;
	font-weight: bold;
	width: 100%;
	float: left;
}

h1.hea_ding.pg {
	text-align: right;
	margin-bottom: 20px;
	padding-right: 15px;
	float: left;
	width: 100%;
}

h1.hea_ding.pg:after {
	display: none;
}

h1.hea_ding.pg:before {
	display: none;
}

/********************Case study Detail***************************/
.pd-rgt {
	padding-left: 5%;
	font-weight: normal;
	font-size: 15px;
	float: left;
	width: 100%;
	margin-top: 2%;
}

.pd-lft {
	padding-left: 1%;
	font-weight: normal;
	font-size: 17px;
	float: left;
	width: 100%;
	margin-top: 2%;
	line-height: 25px;
}

h3.achieve-title {
	font-family: 'Secular One', sans-serif !important;
	font-weight: 500;
	font-size: 45px;
	text-align: left;
}

ul.case-listing {
	padding-left: 30px;
	list-style: inside;
}

ul.case-listing li {
	list-style: inside;
	line-height: 25px;
}

span.modle-top {
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 50px;
	letter-spacing: 0.7px;
}

span.model-botm {
	width: 100%;
	float: left;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.7px;
}

.featured-grid-b .first {
	width: 55.65863%;
	float: left;
}

.featured-grid .item {
	position: relative;
}

.featured-grid-b .image-link {
	min-height: 460px;
}

.featured-grid .image-link {
	display: block;
	position: relative;
	overflow: hidden;
	background: #ccc;
	min-height: 240px;
}

.featured-grid .wp-post-image {
	transition: opacity .3s ease-in;
	will-change: opacity;
}

.main-featured .wp-post-image {
	display: block;
}

.main-featured img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.featured-grid-b .caption {
	max-width: 75%;
	padding-bottom: 12px;
}

.featured-grid .caption {
	position: absolute;
	padding: 16px 21px;
	bottom: 0;
	display: block;
	pointer-events: none;
}

.cat-title {
	position: absolute;
	top: 0;
	z-index: 1;
	display: block;
	padding: 0 10px;
	margin-left: 7px;
	max-width: 90%;
	max-width: calc(100% - 14px);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #e54e53;
	color: #fff;
	line-height: 25px;
	font-size: 12px;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.cat-4,
.cat-title.cat-4,
.block-head.cat-text-4 .heading {
	background: #0a0a0a;
}

.featured-grid-b .cat-title {
	margin-bottom: 11px;
}

.featured-grid .cat-title {
	position: static;
	display: inline-block;
	margin: 0;
	margin-bottom: 14px;
	pointer-events: auto;
	font-size: 20px;
}

.cat-title {
	margin-top: 6px;
	margin-left: 6px;
	padding: 12px;
	border-radius: 2px;
	font-family: 'ArchivoNarrow-Regular';
	font-size: 10px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: 0.5px;
}

.featured-grid-b .second {
	width: 44.34137%;
	margin: 0;
}

.featured-grid .second {
	float: left;
	margin: -1px -1px -1px 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.featured-grid-b .medium-item {
	padding-left: 4px;
	padding-bottom: 4px;
}

.featured-grid-b .small-item {
	padding: 0;
	padding-left: 4px;
}

.featured-grid .small-item {
	float: left;
	padding: 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.featured-grid .item {
	position: relative;
}

.featured-grid-b .small-item .image-link {
	min-height: 216px;
}

.featured-grid .image-link {
	display: block;
	position: relative;
	overflow: hidden;
	background: #ccc;
	min-height: 240px;
}

.featured-grid-b .caption-small {
	max-width: initial;
}

.featured-grid-b .caption {
	max-width: 100%;
	padding-bottom: 12px;
}

.featured-grid .caption-small {
	padding: 14px;
}

.featured-grid .caption {
	position: absolute;
	padding: 16px 21px;
	bottom: 0px;
	display: block;
	pointer-events: none;
}

ul.grid {
	width: 97%;
	margin: auto;
	overflow: hidden;
}

.featured-grid-b .large-item .image-link:after {
	height: 60%;
}

.featured-grid .image-link:after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%);
	opacity: .92;
	-webkit-transition: all .3s ease-in;
	transition: all .3s ease-in;
	will-change: opacity;
}

.grid h3 {
	color: #fff;
	margin: 0;
	font-size: 20px;
	font-size: 18px;
	line-height: 23px;
}

.caption a {
	color: #fff;
	text-decoration: none;
	/*pointer-events: none;*/
}

.featured-grid .second .image-link {
	min-height: 268px;
	height: 268px;
}

.model-grid-view {
	float: left;
	width: 100%;
	margin-top: 2%;
	padding-bottom: 40px;
}

.clients p.al_sts {
	color: #333;
}

.at_case_study p.al_sts {
	width: 80%;
}

.featured-grid .second .item.small-item:last-child {
	margin-right: 0;
}

.featured-grid .second .item.small-item {
	margin: 0 0.5%;
	margin-right: 0;
	/*width: 49.5%;*/
}

/******************blog_mdl**************/
.blog_mdl {
	position: absolute;
	z-index: 999;
	bottom: 3px;
	right: 3px;
}

.emty-spc {
	height: 200px;
}

.emty-spc {
	height: 190px;
	width: 100%;
}

.block-image-plate:nth-child(even) .blog_mdl {
	/* left: 3px; right: inherit;*/
}

.block-image-plate .block-vacation-st h5 {
	/*color: #000;*/
	font-weight: bold;
	margin-top: 0px;
}

.block-image-plate .block-vacation-st ul.list-objects-inline {
	/*color: #489aff;*/
}

.list-blocks .block-vacation-st {
	padding: 24px 5% 20px;
	/*background: rgba(0, 188, 212, 0.29);*/
	background: linear-gradient(135deg, rgb(48, 198, 230) 0%, rgb(17, 47, 87) 0%, rgb(16, 76, 128) 53%, rgb(31, 76, 134) 98%, rgb(13, 55, 148) 100%);
	width: 500px;
}

.block-image-plate .block-vacation-st ul.list-objects-inline li .fa {
	color: #fff;
}

.block-vacation-st ul.list-objects-inline li.aplly-button {
	margin: 0;
}

.block-vacation-st ul.list-objects-inline li.aplly-button span {
	font-weight: 600;
}

/**********case-study************************/
.data-study-model {
	float: left;
	width: 100%;
	background: rgb(44, 46, 61);
	padding: 50px 0;
}

.data-study-model h1 {
	color: #fff;
	float: left;
	width: 100%;
	margin-top: 12px;
}

.pd-lft,
.pd-rgt {
	color: #fff;
}

.study-model-img {
	float: left;
	width: 100%;
	margin-top: 15px;
}

.study-detaile {
	margin-top: 0px;
	float: left;
	width: 100%;
	padding-top: 86px;
}

#halfcircle {
	fill: rgb(44, 46, 61);
	padding: 0;
	position: relative;
	z-index: 9;
	top: 0px;
}

.img-sd {
	float: left;
	width: 100%;
	background: #f7f7f7;
}

.img-sd img {
	width: 100%;
}

.text-model-cont {
	max-width: 100%;
	/*padding: 70px;*/
	margin: 0 auto;
	background: #fff;
	max-width: 1100px;
	margin-bottom: 60px;
	box-shadow: 0 7px 10px 0 rgba(123, 126, 128, 0.1);
	position: relative;
	border-radius: 5px;
	width: 80%;
}

.text-model-inner {
	max-width: 800px;
	margin: 0 auto;
	margin-top: -130px;
	padding-top: 20px;
	padding-bottom: 40px;
	width: 90%;
}

.model-post-category {
	color: #999;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

h1.text-model-post-tile {
	font-size: 48px;
	letter-spacing: 0.3px;
	margin: 10px 0;
	line-height: 1.35;
	font-weight: bold;
	color: #000;
}

.featured-grid li.first .image-link {
	height: 540px;
	min-height: 540px;
}

.content-blog-detail-txt ul {
	padding-left: 40px;
}

.content-blog-detail-txt ul li {
	list-style: square;
}

h4.row.mega-title:after {
	content: "";
	display: block;
	width: 50%;
	padding-top: 4px;
	border-bottom: 2px solid #333;
}

#nav .blog-des #jssor_1 {
	display: none;
}

#nav .gallery.blog_gallery {
	display: none;
}

.content-blog-detail-txt table.brand-strategy tr:nth-child(1) td {
	text-align: center;
	padding-left: 0px;
}

.content-blog-detail-txt table.brand-strategy tr td {
	padding-left: 15px;
	padding-right: 15px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.content-blog-detail-txt .brand-strategy ul {
	padding-left: 0;
}

.blok-st-content .fbox-icon a {
	pointer-events: none;
}

/****************************apply-job****************************/
.jconfirm {
	z-index: 99999 !important;
}

form#applynow_form {
	width: 80%;
	margin: auto;
}

form#applynow_form input {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding-left: 10px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 2px;
}

form#applynow_form textarea {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding-left: 10px;
	border-radius: 2px;
	border: 1px solid #ebebeb;
}

/*
.button a.applyform_btn {
  color: #fff;font-size: 18px;text-transform: capitalize;text-decoration: none;background: #00a6ff;
  display: inline-block;letter-spacing: 1px;font-weight: 700;outline: none;position: relative;
  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;overflow: hidden;
  padding: 7px 15px;border: 1px solid transparent;line-height: 25px;cursor: pointer;
}

.button a.applyform_btn:after {
    width: 100%;height: 0;top: 50%;left: 50%;background: #fff;opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    content: '';position: absolute;-webkit-transition: all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;
}
.button a.applyform_btn:hover {
    color: #00a6ff;z-index: 99999;border: 1px solid transparent;
}
.button a.applyform_btn:hover:after {
    height: 170%;opacity: 1;z-index: -1;
}*/

.button a.applyform_btn {
	overflow: hidden;
	margin: 0 15px;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	border-radius: 2px;
	line-height: 30px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.button a.applyform_btn::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateX(-25%);
	line-height: 20px;
}

.button a.applyform_btn span {
	display: block;
	padding: 5px 20px;
	background: #00a6ff;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

.button a.applyform_btn:hover::before {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
	z-index: 1;
}

.button a.applyform_btn:hover span,
.more-info a:focus span {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}

.jconfirm.jconfirm-modern .jconfirm-box {
	padding: 0px !important;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-title h3 {
	font-weight: 400;
	float: left;
	margin: 0px 5px 0 0;
}

.jconfirm.jconfirm-modern .jconfirm-box span.jconfirm-icon-c {
	display: none;
}

.jconfirm.jconfirm-modern .jconfirm-box {
	background: linear-gradient(135deg, rgb(158, 195, 232) 0%, rgb(87, 150, 227) 0%, #b4e2e8 53%, rgb(79, 148, 224) 98%, rgb(108, 156, 206) 100%);
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
	border-top: 10px solid #000;
}

.jconfirm.jconfirm-modern .jconfirm-bg {
	background-color: rgba(0, 0, 0, 0.7) !important;
	opacity: 1 !important;
}

.successMessage {
	line-height: 34px;
	color: #137c12;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-align: center;
	position: relative;
	top: 10px;
	width: 60%;
	margin: 0px auto 20px;
	font-family: inherit;
}

.fancybox-close:after {
	content: "\f00d";
	color: #fff;
	font: normal normal normal 14px/1 FontAwesome;
}

/****************faq****************/
.accordion a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	padding: 1rem 3rem 1rem 1rem;
	/*color: #fff;*/
	border-bottom: 1px solid #e5e5e5;
	font-size: 19px;
	text-decoration: none;
	line-height: 31px;
}

.accordion a:hover,
.accordion a:hover::after {
	cursor: pointer;
	/*color: #fff;*/
}

.accordion a:hover::after {
	border: 1.5px solid #fff;
}

.accordion a.active {
	color: #fff;
	border-bottom: 1px solid #fff;
}

a.accordion-header.active-header::after {
	font-family: 'FontAwesome';
	content: "\f068";
	font-size: 14px;
	color: #000000;
}

a.accordion-header.inactive-header::after {
	font-family: 'FontAwesome';
	content: "\f067";
	font-size: 14px;
	color: #000000;
}

.accordion a::after {
	position: absolute;
	float: right;
	right: 1rem;
	color: #fff;
	padding: 2px;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 1.5px solid #fff;
	text-align: center;
	line-height: 18px;
	margin: 4px 0px;
}

.accordion .content {
	opacity: 0;
	padding: 0 1rem;
	max-height: 0;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	clear: both;
	-webkit-transition: all 0.2s ease 0.15s;
	-o-transition: all 0.2s ease 0.15s;
	transition: all 0.2s ease 0.15s;
}

.accordion .content p {
	font-weight: 300;
}

.accordion .content.active {
	opacity: 1;
	padding: 1rem;
	max-height: 100%;
	-webkit-transition: all 0.35s ease 0.15s;
	-o-transition: all 0.35s ease 0.15s;
	transition: all 0.35s ease 0.15s;
}

/************************************************/
#accordion-container {
	font-size: 13px;
	background: #ffffff;
	padding: 5px 10px 10px 10px;
	border-radius: 0px;
}

.accordion-header {
	font-size: 16px;
	/*background: linear-gradient(135deg, rgb(28, 115, 202) 0%, rgb(87, 150, 227) 0%, #59c9d8 53%, rgb(79, 148, 224) 98%, rgb(5, 79, 156) 100%);*/
	margin: 5px 0 0 0;
	padding: 5px 20px;
	border: 1px solid #cccccc;
	cursor: pointer;
	color: #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 0px;
}

.active-header {
	border-radius: 0px;
}

.active-header:hover {
	/*background: url(images/active-header.gif) #c6f089;background-repeat: no-repeat;background-position: right 50%;*/
}

.inactive-header {
	/*background: url(images/inactive-header.gif) #ebebeb;background-repeat: no-repeat;background-position: right 50%;*/
}

.inactive-header:hover {
	/*background: url(images/inactive-header.gif) #f5f5f5;background-repeat: no-repeat;background-position: right 50%;*/
}

.accordion-content {
	display: none;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-top: 0;
	border-radius: 0;
	font-size: 16px;
}

ul.faq-model {
	padding-left: 20px;
	list-style: inside !important;
}

ul.faq-model li {
	list-style: disc;
}

.aniimated-thumbnials {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: inherit;
	flex-wrap: nowrap;
}

.aniimated-thumbnials a {
	float: left;
	margin: 0px 5px 10px;
	/*width: 18%;*/
	width: auto;
	display: flow-root;
	border: 5px solid #e8e8e8;
	box-shadow: 0px px 2px rgba(0, 0, 0, 0.5);
}

.blogdetailpage .gallery.blog_gallery {
	display: none;
}

.container-stack h2 {
	color: #333;
	font-size: 38px;
}

.aleft-view {
	float: left;
	width: 100%;
}

.aleft-view ul {
	float: left;
	width: 100%;
	padding-left: 10%;
	position: relative;
	margin-bottom: 10%;
}

.aleft-view ul li {
	width: 50%;
	background: #0f9ffa;
	padding: 25px 10px;
	margin: 10px;
	float: left;
	line-height: 23px;
	min-height: 240px;
	font-size: 16px;
	border-radius: 11px;
	position: relative;
	top: 75px;
	box-shadow: 0px 2px 1px 3px #0f9ffa;
}

.aleft-view ul li:last-child {
	padding: 2%;
	position: absolute;
	right: 0;
	width: 430px;
	left: 56%;
	background: #000;
	top: 12%;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px #000000;
	transform: rotate(-45deg);
	z-index: 9;
	height: 430px;
	overflow: hidden;
}

.aleft-view ul li:last-child p {
	transform: rotate(45deg);
	width: 100%;
	margin-left: 0%;
	position: relative;
	margin-top: 0;
	font-size: 15px;
	line-height: 22px;
	left: 20%;
	top: 25%;
	padding-left: 0;
}

.aleft-view ul li:last-child p:nth-child(2) {
	margin-left: 0;
	width: 100%;
	padding-left: 0px;
	left: -7%;
	top: 18%;
}

.aleft-view ul li p {
	width: 90%;
	padding-left: 8%;
	padding-top: 1%;
	padding-bottom: 1%;
	color: #f7f7f7;
}

.aleft-view ul li:first-child p {
	padding-left: 5%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
}

.aleft-view ul li p b {
	font-size: 17px;
	color: #fff;
}

.aleft-view ul li:last-child p b {
	color: #00BCD4;
	width: 100%;
	float: left;
}

.page-about-item .web-care h4 {
	transform: rotate(270deg);
	position: absolute;
	left: -70px;
	top: 5em;
	width: auto;
}

.xs-mt-mobile i.fa.fa-users:before {
	margin-top: 0;
}

.work_flow .col-md-12 {
	padding: 0px;
}

.alert.alert-success button.close {
	width: 25px;
	height: 25px;
	line-height: 0;
	border-radius: 50%;
	border: transparent;
	background: green;
	color: #fff
}

p b {
	font-size: 17px;
	color: #232323;
}

.usr-linsting-view p {
	margin-bottom: 10px;
}

.bread_crm h1 {
	font-family: 'Assistant', sans-serif !important;
	font-weight: 600 !important;
}

.get-started {
	position: relative;
	z-index: 0;
	text-align: right;
	padding-left: 0;
}

li.mega-drop-down.nav-item:last-child a {
	padding-right: 0 !important;
}

.caption span {
	color: #fff !important;
}

.section {
	background: transparent !important;
}

a.hir_ing_cw {
	position: fixed;
	right: 10px;
	top: 95px;
	z-index: 9999;
}

.swi_ng {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

.swi_ng {
	transform-origin: top center;
	animation-name: swing;
}

.swi_ng {
	animation: swing ease-in-out 1.5s infinite alternate;
	transform-origin: center -20px;
	float: left;
}

.swi_ng img {
	display: block;
}

.site-branding img {
	position: relative;
	top: -7px;
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}

}

/*******case-study-detaile**************/
.layoutArea p span {
	font-family: 'Assistant', sans-serif !important;
	color: #fff;
	line-height: 10px !important;
}

.layoutArea ul {
	color: #fff;
	float: left;
	width: 100%;
	padding-left: 30px;
}

.layoutArea ul li {
	list-style: square;
	float: left;
	width: 100%;
	margin-bottom: 0px;
}

.layoutArea ul li p {
	margin-bottom: 0px;
}

.layoutArea {
	float: left;
	width: 100%;
}

.layoutArea p {
	float: left;
	width: 100%;
}

.layoutArea p span b {
	color: #fff;
	font-size: 25px;
	margin-top: 15px;
	float: left;
	width: 100%;
	line-height: 25px;
}

/***********widget*************/
.widget.widget_categories .lists-holder ul {
	padding-left: 20px;
}

.widget.widget_categories .lists-holder ul li {
	list-style: square;
}

#nav li.mega-drop-down .mega-menu a:after {
	display: none;
}

@-moz-document url-prefix() {
	#nav li a::after {
		left: 20px;
		right: auto !important;
	}
}

.list-blocks .block-text p {
	box-sizing: border-box;
	outline: none;
	padding: 0px;
	margin: 5px 0px 12px;
	line-height: 26px;
	font-size: 18px;
	color: rgb(243, 243, 243);
	font-family: Assistant, sans-serif;
}

.list-blocks .block-text ul {
	padding-left: 20px;
}

.list-blocks .block-text ul li {
	box-sizing: border-box;
	outline: none;
	padding: 0px;
	margin: 5px 0px 5px;
	line-height: 28px;
	font-size: 17px;
	color: rgb(243, 243, 243);
	font-family: Assistant, sans-serif;
	list-style: disc;
}

.icon-box.medium .service-deta-model h4 {
	color: #0f9ffa;
	float: left;
	width: 100%;
	margin-bottom: 0;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 27px;
	line-height: 40px;
	color: #656565;
	margin-top: 5px;
	text-align: center;
}

.service-deta-model p {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.empty-set-model {
	float: left;
	width: 100%;
}

.comn-model {
	float: left;
	width: 100%;
	transform: rotate(-15deg);
	border-radius: 5px 25px;
	padding: 10px;
	background: #fff;
	transition: all 0.4s;
	border: 2px dotted;
}

.comn-model:hover {
	border-radius: 25px 5px;
	transform: rotate(0deg);
}

.comn-model .attention-model {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	float: none;
	margin: 0 auto;
}

/********************************************************/
.model-graph-view.logo-new {
	width: 100%;
}

.logo-new .ast-model-graph {
	width: 65%;
}

.logo-new .attention-model {
	width: 160px;
	float: left;
	height: 160px;
	border-radius: 50%;
	top: 24px;
	left: 90px;
	z-index: 99;
}

.logo-new .grph-descibe {
	width: 80%;
	min-height: 220px;
	border-radius: 0 5px 5px 0px;
	padding: 20px 20px 11px 100px;
	position: relative;
}

.logo-new .ast-model-graph:nth-child(even) {
	float: right;
}

.logo-new .ast-model-graph:nth-child(even) .attention-model {
	float: right;
	left: -45px;
}

.read-model {
	float: left;
	width: 100%;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 15px;
}

.logo-new .ast-model-graph:nth-child(even) .read-model {
	text-align: left;
	left: 20px;
}

.read-model a {
	font-size: 17px;
	text-transform: capitalize;
	font-weight: 500;
	text-decoration: none !important;
}

.read-model a i {
	margin-left: 5px;
}

.logo-new .ast-model-graph:nth-child(even) .grph-descibe {
	float: right;
	padding: 20px 50px 11px 20px;
}

.services_block .content h4 a {
	text-transform: uppercase;
}

.get-started a.btn_block {
	pointer-events: none;
	margin: 0;
}

.modl-cmn {
	text-align: center;
}

.modl-cmn i {
	font-size: 45px;
	color: #fff;
	border: 2px solid;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	line-height: 65px;
	background: #000;
}

.pas-rc {
	right: 96%;
	float: left;
	top: 35%;
}

.testi-case .case-img {
	float: left;
	width: 100%;
}

.case-img:after {
	background: linear-gradient(to right, rgba(3, 84, 183, 0.91) 0%, rgb(11, 25, 43) 100%);
	width: 100%;
	content: '';
	position: absolute;
	top: 0;
	height: 100%;
}

/******************************our-service******************************/
.feature_services_section {
	float: left;
	width: 100%;
	padding: 40px 0px 80px 0px;
	text-align: center;
	background-color: #13afeb;
	color: #fff;
}

.feature_services_section {
	float: left;
	width: 100%;
	padding: 20px 0px 80px 0px;
	text-align: center;
	color: #fff;
	background: #0d7ca7 url(../images/service-bg-model.png);
}

.bst-model {
	margin-left: -15px;
	margin-right: -15px;
}

.feature_services_section .model-graph-view {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.feature_services_section h1,
.feature_services_section h1 b {
	color: #fff;
}

.feature_services_section .one_third,
.feature_services_section .one_half,
.feature_services_section .one_fourth {
	text-align: left;
}

.one_third {
	width: 30.650%;
}

.one_half,
.one_third,
.one_fourth,
.two_third,
.three_fourth,
.one_fifth {
	position: relative;
	margin-right: 4%;
	float: left;
}

.feature_services_section i {
	font-size: 40px;
	float: left;
	margin-right: 20px;
}

.feature_services_section strong {
	float: left;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 400;
	padding: 13px 18px;
	background-color: #13afeb;
	border-radius: 4px;
	margin-top: -7px;
	line-height: 22px;
}

.feature_services_section p {
	float: left;
	font-size: 16px;
	line-height: 25px;
	margin-top: 20px;
}

.margin_top4 {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.margin_top8 {
	float: left;
	width: 100%;
	margin-top: 40px;
}

.one_third.last {
	margin-right: 0 !important;
	clear: right;
}

/**************************************************/
/***************about-us-workflow*****************/
.model-work-flow {
	overflow: hidden;
	width: 96%;
	padding-left: 35px;
	padding-right: 35px;
	margin: 1% auto;
	position: relative;
	z-index: 99;
	padding-top: 7%;
	padding-bottom: 12%;
}

.parallax_sec1 {
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0px 50px 0px;
	background: #0d7ca7 url("../images/service-bg-model.png");
	background-attachment: fixed;
	background-origin: initial;
	background-clip: initial;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-position: inherit;
	position: relative;
	min-height: 440px;
}

h2.white {
	color: #fff;
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 300;
}

h2.white b {
	color: #fff;
	display: block;
	font-size: 18px;
	line-height: 23px;
	font-weight: 200;
	margin-top: 13px;
}

.margin_top3 {
	float: left;
	width: 100%;
	margin-top: 30px;
}

.parallax_sec1 ul.left {
	float: left;
	width: 50%;
	padding-right: 2%;
	/*border-right: 1px solid #fff;*/
	padding-left: 0;
}

.parallax_sec1 .left li {
	float: left;
	width: 100%;
	text-align: right;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 35px 0px;
	position: relative;
}

.parallax_sec1 .left li.listen-model:after {
	content: '';
	position: absolute;
	width: 100px;
	background: #fff;
	height: 1px;
	right: -88px;
	top: 70px;
	transform: rotate(30deg);
}

.parallax_sec1 .left li.organized-model:after {
	content: '';
	position: absolute;
	width: 100px;
	background: #fff;
	height: 1px;
	right: -88px;
	top: 70px;
	transform: rotate(30deg);
}

.parallax_sec1 .left li.deliver-model:after {
	content: '';
	position: absolute;
	width: 100px;
	background: #fff;
	height: 1px;
	right: -88px;
	top: 75px;
	transform: rotate(31deg);
}

.parallax_sec1 ul.right li.measure-and-discuss-model:after {
	content: '';
	position: absolute;
	width: 130px;
	background: #fff;
	height: 1px;
	left: -88px;
	top: 82px;
	transform: rotate(135deg);
}

.parallax_sec1 ul.right li.testing-model:after {
	content: '';
	position: absolute;
	width: 130px;
	background: #fff;
	height: 1px;
	left: -88px;
	top: 82px;
	transform: rotate(135deg);
}

.parallax_sec1 .left li i {
	float: right;
	color: #0d7ca7;
	font-size: 32px;
	width: 72px;
	height: 72px;
	text-align: center;
	border-radius: 100%;
	vertical-align: middle;
	line-height: 72px;
	background-color: #fff;
	margin-left: 30px;
	-webkit-transition: background-color .8s, -webkit-transform .8s;
	transition: background-color .8s, transform .8s;
}

.parallax_sec1 .left li h5 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
}

.parallax_sec1 .left li.last {
	margin: 0px 0px 0px 0px;
}

.parallax_sec1 ul.right {
	float: left;
	width: 50%;
	padding-left: 2%;
}

.parallax_sec1 .right li {
	float: left;
	width: 100%;
	text-align: left;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 35px 0px;
	position: relative;
}

.parallax_sec1 .right li i {
	float: left;
	color: #0d7ca7;
	font-size: 32px;
	width: 72px;
	height: 72px;
	text-align: center;
	border-radius: 100%;
	vertical-align: middle;
	line-height: 72px;
	background-color: #fff;
	margin-right: 30px;
	-webkit-transition: background-color .8s, -webkit-transform .8s;
	transition: background-color .8s, transform .8s;
}

.parallax_sec1 .right li h5 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
}

.parallax_sec1 .right li.last {
	margin: 0px 0px 0px 0px;
}

.ps-right {
	float: right;
	width: 15%;
	position: relative;
}

.ps-left {
	float: left;
	width: 83%;
	position: relative;
}

.parallax_sec1 ul.left .ps-left {
	width: 85%;
}

ul.right .ps-right {
	float: left;
}

.parallax_sec1 li {
	min-height: 130px;
}

/***************work-flow-new******************/
.workflow_left {
	float: left;
	width: 35%;
}

.workflow_image {
	float: left;
	width: 30%;
	position: relative;
	top: 30px;
}

.workflow_right {
	float: left;
	width: 35%
}

.model-list h5 {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 6px;
}

.left-model-flow li {
	padding-right: 20px;
	width: 100%;
}

.model-list p {
	color: #fff;
}

.workflow_left li {
	text-align: right;
}

.workflow_right li {
	text-align: left;
}

span.flow-chart {
	color: #fff;
	position: absolute;
	top: 43%;
	left: 22%;
	font-size: 31px;
	font-weight: bold;
}

.right-model-flow li {
	width: 100%;
	padding-left: 20px;
}

ul.left-model-flow {
	position: relative;
	float: left;
	width: 100%;
}

li.listen_first:before {
	content: '';
	position: absolute;
	width: 132px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: 7px;
	right: -123px;
}

li.listen_first:after {
	content: '';
	position: absolute;
	width: 64px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: 34px;
	right: -170px;
	transform: rotate(61deg);
}

li.listen_first .model-list:after {
	content: '';
	position: absolute;
	right: -13.4em;
	top: 3.9em;
	width: 25px;
	height: 25px;
	background: #8c1bb1;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	z-index: 99999;
	display: inline;
}

li.measure_and_discuss .model-list:after {
	position: absolute;
	content: '';
	right: -8em;
	width: 25px;
	height: 25px;
	text-align: center;
	background: #000;
	line-height: 25px;
	border-radius: 50%;
	top: 1px;
	z-index: 999;
}

li.measure_and_discuss {
	position: absolute;
	top: 15em;
	width: 85%;
	right: 5.3em;
}

li.organized {
	position: absolute;
	top: 30em;
	right: 0%;
}

li.finalize_the_product {
	position: absolute;
	top: 17.5em;
	width: 85%;
	left: 10%;
}

li.maintenance_and_support {
	position: absolute;
	top: 33em;
	left: 2em;
}

ul.right-model-flow {
	float: left;
	width: 100%;
	position: relative;
}

li.measure_and_discuss:before {
	content: '';
	position: absolute;
	width: 78px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: 12px;
	right: -75px;
}

/*li.measure_and_discuss:after {
    content: '';position: absolute;width: 32px;height: 2px;color: #fff;z-index: 9999;background: #fff;top: 22px;
    right: -87px;transform: rotate(61deg);
}*/

li.organized:before {
	content: '';
	position: absolute;
	width: 117px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: 10px;
	right: -109px;
}

li.organized:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: -8px;
	right: -135px;
	transform: rotate(109deg);
}

.right-model-flow li.client_end_testing {
	position: relative;
	left: 2%;
	width: 97%;
}

li.client_end_testing:before {
	content: '';
	position: absolute;
	width: 95px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: 8px;
	left: -83px;
}

li.client_end_testing:after {
	content: '';
	position: absolute;
	width: 82px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: 48px;
	left: -135px;
	transform: rotate(106deg);
}

li.client_end_testing .model-list:after {
	content: '';
	position: absolute;
	left: -10.1em;
	top: 5.8em;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: rgba(119, 41, 4, 0.67);
	border-radius: 50%;
}

li.finalize_the_product:before {
	content: '';
	position: absolute;
	width: 90px;
	height: 2px;
	z-index: 9999;
	background: #fff;
	top: 11px;
	left: -78px;
}

/*li.finalize_the_product:after {
    content: '';position: absolute;width: 66px;height: 2px;color: #fff;z-index: 9999;background: #fff;top: 40px;
    left: -106px;transform: rotate(106deg);
}*/
li.finalize_the_product .model-list:after {
	position: absolute;
	top: 0;
	content: '';
	left: -8.3em;
	width: 25px;
	height: 25px;
	background: rgba(0, 107, 12, 0.51);
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
	z-index: 9999;
}

li.maintenance_and_support:before {
	content: '';
	position: absolute;
	width: 160px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: 8px;
	left: -154px;
}

li.maintenance_and_support:after {
	content: '';
	position: absolute;
	width: 35px;
	height: 2px;
	color: #fff;
	z-index: 9999;
	background: #fff;
	top: -8px;
	left: -178px;
	transform: rotate(66deg);
}

li.maintenance_and_support .model-list:after {
	position: absolute;
	content: '';
	width: 25px;
	height: 25px;
	text-align: center;
	background: rgba(255, 152, 0, 0.63);
	line-height: 25px;
	left: -14.4em;
	top: -3em;
	border-radius: 50%;
}

li.organized .model-list:after {
	content: '';
	position: absolute;
	right: -11.1em;
	top: -3em;
	background: #000;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	z-index: 999;
}

.workflow_image:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	left: 33px;
	top: 31px;
	margin-left: -30px;
	margin-top: -30px;
}

li.listen_first .model-list:before {
	content: '';
	background: url(../images/right_arrow.png);
	position: absolute;
	color: red;
	background-repeat: no-repeat;
	width: 36px;
	height: 133px;
	transform: rotate(-80deg);
	top: -5em;
	right: -20em;
}

li.client_end_testing .model-list:before {
	content: '';
	background: url(../images/right_arrow.png);
	position: absolute;
	color: red;
	background-repeat: no-repeat;
	width: 36px;
	height: 175px;
	transform: rotate(-21deg);
	top: 6em;
	left: -4em;
}

li.finalize_the_product .model-list:before {
	content: '';
	background: url(../images/right_arrow.png);
	position: absolute;
	color: red;
	background-repeat: no-repeat;
	width: 36px;
	height: 175px;
	transform: rotate(40deg);
	top: 6em;
	left: -9em;
}

li.maintenance_and_support .model-list:before {
	content: '';
	background: url(../images/right_arrow.png);
	position: absolute;
	color: red;
	background-repeat: no-repeat;
	width: 36px;
	height: 175px;
	transform: rotate(96deg);
	top: -5em;
	left: -22em;
}

li.organized .model-list:before {
	content: '';
	background: url(../images/right_arrow.png);
	position: absolute;
	color: red;
	background-repeat: no-repeat;
	width: 36px;
	height: 175px;
	transform: rotate(148deg);
	top: -12em;
	right: -2em;
}

li.cat-item.active a {
	color: #0070a4;
}

li.cat-item.active {
	position: relative;
}

/*li.cat-item:before {
    width: 0;
    height: 0;
    border-top: 20px solid #32b67a;
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    right: -20px;
    content: '';
}
li.cat-item:after {
    width: 0;
    height: 0;
    border-bottom: 20px solid #32b67a;
    border-right: 20px solid transparent;
    position: absolute;
    bottom: 0;
    right: -20px;
    content: '';
}
*/
.about-view .model-work-flow {
	padding-top: 1%;
	padding-bottom: 1%;
}

li.measure-and-discuss-model.animate.fadeInRight {
	margin-top: 10%;
}

/*.parallax_sec1 .left .ps-right:after {
    content: '';
    width: 70px;
    height: 72px;
    position: absolute;
    background: rgba(68, 147, 239, 0.26);
    border-radius: 50%;
    left: 50%;
    top: 21%;
    margin-left: -15px;
    margin-top: -15px;
    animation: runpulse 3s infinite linear;
    animation-delay: 1.5s;
}
.parallax_sec1 .right .ps-right:after {
    content: '';
    width: 70px;
    height: 72px;
    position: absolute;
    background: rgba(68, 147, 239, 0.26);
    border-radius: 50%;
    left:13%;
    top: 21%;
    margin-left: -15px;
    margin-top: -15px;
    animation: runpulse 3s infinite linear;
    animation-delay: 1.7s;
}
*/
.content-blog-detail-txt li {
	list-style: unset;
}

strong {
	color: #3c3c3c;
}

.mega-drop-down.blog_community:hover .mega-menu .blog-des p {
	display: none;
}

span.nt-btn {
	float: left;
	width: 100%;
	margin-top: 15px;
}

.parallax_sec1 .right li p {
	margin-top: 10px;
	margin-bottom: 0;
}

.parallax_sec1 .left li p {
	margin-top: 10px;
	margin-bottom: 0;
}

.model-mbl {
	display: none;
}

.parallax_sec1 .model-mbl ul.left {
	width: 100%;
}

.parallax_sec1 .model-mbl ul li:after {
	display: none;
}

.parallax_sec1 .model-mbl ul li.measure-and-discuss-model {
	margin-top: 0px;
}

.parallax_sec1 .model-mbl ul.left .ps-left {
	width: 80%;
	text-align: left;
	margin-left: 3%;
}

.parallax_sec1 .model-mbl ul.left .ps-right {
	float: left;
}

.parallax_sec1 .model-mbl ul li.last {
	margin: 0px 0px 35px 0px;
}



section.for-mob {
	float: left;
	width: 100%;
}

.main_class~main#main {
	float: left;
	width: 100%;
	margin-top: 0;
}

.item-1:after {
	/*    position: absolute;
    content: 'AI';
    top: -95px;
    background-image: url(https://ya-webdesign.com/images250_/information-technology-icon-png-3.png);
    width: 250px;
    line-height: 100px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    left: 30%;
    height: 250px;
    color: transparent;*/
}

.item-2:after {
	/*    position: absolute;
    content: 'ML';
    top: -85px;
    background: rgba(255,255,255,0.5);
    width: 100px;
    height: 100px;
    color: #fff;
    border-radius: 50%;
    line-height: 100px;*/
}

.item-3:after {
	/*position: absolute;
    content: 'EI';
    top: -85px;
    background: rgba(255,255,255,0.5);
    width: 100px;
    height: 100px;
    color: #fff;
    border-radius: 50%;
    line-height: 100px;*/
}

a.git.disable {
	pointer-events: none;
}

/*************04-09-19******************/
.service-deta-st .model-graph-view {
	padding: 0;
}

.model-graph-view-st {
	float: left;
	width: 100%;
}

.model-graph-view-st h3 {
	float: left;
	width: 100%;
	margin-top: 25px;
}

ol.order-listing-view {
	padding-left: 5px;
	float: left;
	width: 100%;
}

ol.order-listing-view li {
	line-height: 21px;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	padding-left: 40px;
}

ol.order-listing-view li strong {
	font-size: 15px;
}

.service-deta-st.opt-to-sit {
	background: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
}

.model-graph-view-st ol.order-listing-view li:before {
	content: counter(number, decimal-leading-zero);
	counter-increment: number;
	position: absolute;
	border: 2px solid transparent;
	width: 30px;
	height: 30px;
	left: 0;
	z-index: 9999;
	background: #81c2ff;
	color: #fff;
	line-height: 26px;
	text-align: center;
	top: 4px;
	border: 2px solid #fff;
}

.aniimated-thumbnials img {
	width: 100%;
}

.privacy-policy {
	line-height: 30px;
}

.privacy-policy p,
.terms-of-use p {
	line-height: 30px;
	font-size: 16px;
}

.privacy-policy .titl-head,
.terms-of-use .titl-head {
	font-size: 20px;
	font-weight: bold;
}

.privacy-policy .titl-head.cls-bold,
.terms-of-use .titl-head.cls-bold {
	font-size: 24px;
	margin: 30px 0px 20px;
	border-bottom: 1px solid #ccc;
}

.home-box .service_view .our-services {
	padding-top: 40px !important;
}

#twocolumns .cols-holder {
	margin: 0;
}

.blog-details-inner .viw_dt_tle .right_st_section {
	padding-left: 0;
}

@media (min-width: 700px) {
	ul#filters {
		width: 95%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

#more_port {
	width: 150px;
	margin: 0px auto;
}

.ld_mre span.load_more {
	display: block;
	padding: 8px 20px;
	background: #00a6ff;
	color: #ffffff;
	/* -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;*/
}

.ld_mre span.load_more:hover,
.ld_mre span.load_more:focus {
	background: #000000;
	color: #ffffff;
	/* -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);*/
}

span.required {
	color: #ff0000;
}




/**************Contact-page***********/
.captcha_container {
	float: left;
	width: 100%;
}

.captcha_container input#cpatchaTextBox {
	width: auto;
}

.captcha_container .form-submit {
	margin-top: 16px;
}

canvas {
	/*prevent interaction with the canvas*/
	pointer-events: none;
}

/*.get_touch{min-height: 440px;}*/
.col-sm-12.name {
	min-height: 347px;
}

.get_touch #get_in_touch button {
	float: left;
	background: #00a4fb;
	border: none;
	color: white;
	padding: 6px 24px;
	font-size: 14px;
	border-radius: 4px;
	display: block;
}


/*************Apply-Now-Form********************/
form#applynow_form input,
textarea#amessage {
	border: 1px solid #ebebeb;
	padding: 8px;
}

.jconfirm-content-pane {
	background: white;
}

label {
	color: #000000;
	font-weight: 100;
}

form#applynow_form {
	width: 92%;
}

.jconfirm-title-c {
	width: 92%;
	padding-top: 5px;
	margin: 0 auto;
	text-align: left !important;
}

.jconfirm-box.jconfirm-hilight-shake.jconfirm-type-blue.jconfirm-type-animated {
	background: white;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-title h3 {
	color: black;
}

.applynow_dev {
	padding: 20px 0px 0px;
	text-align: left;
	float: left;
	width: 100%;
}

label.full_name {
	width: 33%;
	float: left;
	padding-right: 8px;
}

.applynow_dev label>input {
	font-size: 15px;
	font-weight: 100;
}

.applynow_dev label {
	font-size: 15px;
	position: relative;
}

label.phone {
	width: 34%;
	float: left;
}

label.email {
	width: 33%;
	float: left;
}

label.ctc,
label.time,
label.email {
	padding-right: 8px;
}

label.etc {
	padding: 0px 0px;
	width: 34%;
	float: left;
}

label.notice_Period {
	width: 33%;
	float: left;
	padding-right: 8px;
}

label.ctc {
	width: 33%;
	float: left;
}

.jconfirm-cell .justify-content-md-center {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.jconfirm-no-transition {
	margin-left: 0;
	width: 65%;
}

label.time {
	width: 33%;
	float: left;
}

label.attached_cv {
	width: 34%;
	float: left;
	padding-right: 0px;
}

label.expr_nce {
	width: 33%;
	float: left;
	padding-right: 8px;
}

label.attached_cvemail {
	padding-left: 4px;
}

label.message {
	width: 100%;
	float: left;
}

textarea#amessage {
	min-height: 100px;
}

.button a.applyform_btn span {
	padding: 5px 36px !important;
}

.button {
	float: left;
	width: 100%;
}

.button input.applyform_btn {
	font-weight: 600;
	width: 120px !important;
	background: #009cdd !important;
	color: white;
}


label.cmpnyname {
	width: 67%;
	float: left;
}

label.leavingreason {
	width: 100%;
	float: left;
}

.get_in_touch_captcha {
	float: left;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 10px 0px 0px;
}

label.totalexp {
	width: 33%;
	padding-right: 8px;
	float: left;
}

div#divGenerateRandomValuesTouch {
	float: left;
	width: 100%;
}

input#txtNewInputTouch {
	float: left;
	width: 42%;
	height: 50px;
	margin: 0;
	font-size: 30px !important;
	text-align: center;
}

#divGenerateRandomValues input#txtNewInput {
	font-size: 30px !important;
	float: left;
	width: 42%;
	height: 50px;
	margin: 0;
	text-align: center;
}

#applynow_form em {
	color: red;
	font-size: 20px;
	margin: 0;
	text-align: left;
	line-height: 14px;
}

form#applynow_form select {
	border: 1px solid #ebebeb;
	padding: 8px;
}

form#applynow_form select {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding-left: 5px;
	background: #fff;
	border-radius: 2px;
	height: 42px;
}

div.get_in_touch_captcha input.apln_reqfield {
	margin: 0px 0px 0px 20px;
	width: 50%;
	height: 50px;
}

div.get_in_touch_captcha input.gtit_reqfield {
	margin: 0px 0px 0px 20px;
	width: 50%;
	height: 50px;
}

#trdoc_upld h3.post_title {
	text-align: left;
	color: #000;
	margin: 0px 35px;
	font-weight: 800;
	font-size: 30px;
}


@media only screen and (max-width: 1260px) and (min-width: 1121px) {
	.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.jconfirm-no-transition {
		width: 78% !important;
	}
}

@media only screen and (max-width: 1120px) and (min-width: 1001px) {
	.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.jconfirm-no-transition {
		width: 87% !important;
	}
}

@media only screen and (max-width: 1000px) and (min-width: 700px) {
	.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.jconfirm-no-transition {
		width: 90% !important;
	}

	.col-sm-12.name {
		padding-bottom: 20px;
	}
}

@media only screen and (max-width: 900px) and (min-width: 768px) {
	.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.jconfirm-no-transition {
		width: 95% !important;
	}

	label.email {
		width: 33%;
		float: left;
		padding-right: 8px;
	}

	label.phone {
		width: 34%;
		float: left;
		padding: 0px;
	}

	label.etc {
		padding: 0px 0px;
		width: 34%;
		float: left;
	}

	label.ctc {
		width: 33%;
		float: left;
		padding-right: 8px;
	}

	label.notice_Period {
		width: 50%;
		float: left;
		padding-right: 8px;
	}

	#applynow_form label.totalexp,
	#applynow_form label.cmpnyname {
		width: 50%;
		float: left;
		padding: 0px 8px 0 0;
	}

	#applynow_form label.expr_nce {
		width: 33%;
		float: left;
		padding-right: 8px;
	}

	#applynow_form label.time,
	#applynow_form label.attached_cv {
		width: 50%;
		padding: 0;
	}

	#trdoc_upld h3.post_title {
		text-align: left;
		color: #000;
		margin: 0px 30px;
		font-weight: 800;
		font-size: 30px;
	}

	#applynow_form input.suitableinput {
		height: 43px;
	}
}

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

	label.phone,
	label.email {
		width: 33%;
		float: left;
	}

	label.ctc,
	label.time,
	label.email {
		padding-right: 0px;
	}

	label.etc {
		padding: 0px 0px;
		width: 100%;
		float: left;
	}

	label.notice_Period {
		width: 100%;
		float: left;
		padding-right: 0px;
	}

	label.ctc {
		width: 100%;
		float: left;
	}

	label.time,
	label.totalexp,
	label.cmpnyname,
	label.attached_cv {
		width: 100%;
		float: left;
		padding: 0px;
	}

	label.expr_nce {
		width: 100%;
		float: left;
		padding: 0px;
	}

	.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.jconfirm-no-transition {
		width: 90% !important;
	}

	label.time,
	label.attached_cv,
	label.phone,
	label.email {
		width: 100%;
		padding: 0;
	}

	.col-sm-12.name {
		padding-bottom: 20px;
	}

	.footer-col .get_touch {
		min-height: 490px !important;
	}

	.awards_section,
	.startof_thequter .startof {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

	#trdoc_upld h3.post_title {
		text-align: left;
		color: #000;
		margin: 0px 20px;
		font-weight: 800;
		font-size: 30px;
	}
}


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

	label.ctc,
	label.etc,
	label.notice_Period {
		width: 100%;
		padding: 0;
	}
}

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
	.col-sm-12.name {
		padding-bottom: 20px;
	}
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	width: 100%;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title span.form_heading {
	width: 50%;
	float: left;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title span.job_title {
	font-size: 18px;
	float: right;
	text-transform: uppercase;
	color: #0f9ffa;
	padding-right: 35px;
}


.awards_appration img {
	border: 2px solid #16a1fa;
	margin-bottom: 10px;
}

.startof_thequter,
.awards_appration {
	float: left;
	width: 100%;
}

.awards_section img {
	border: 2px solid #0f9ffa;
}

.awards_section {
	float: left;
	width: 50%;
	text-align: center;
	padding: 10px 20px;
	padding-left: 0;
}

.awards_section p,
.startof_thequter .startof p {
	font-weight: 600;
	font-size: 16px;
	text-align: center;
	color: #5a5a5a;
	;
	text-align: center;
}

.startof_thequter p.title {
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 0;
}

.startof_thequter .startof {
	float: left;
	width: 33%;
	padding: 10px 20px;
	padding-left: 0;
}

text-align: center;
}

@media all and (max-width: 550px) {

	.awards_section,
	.startof_thequter .startof {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
}

/*apply form 05-08-2022 start*/

#applynow_form label.expr_nce {
	display: inline-flex;
}

#applynow_form input.expradio {
	width: 30px !important;
}

form#applynow_form label.etc input.salaryneg,
form#applynow_form label.notice_Period input.imdjoin {
	width: 15px;
	margin-bottom: 1px;
}

#applynow_form .applynow_dev {
	padding: 20px 0px;
	text-align: left;
	background: #eef8ff;
	float: left;
	width: 100%;
}

/*apply form 05-08-2022 end*/


/*apply form 08-08-2022 start*/

form#applynow_form .error {
	border: 1px solid red;
}

#applynow_form span.chooseone {
	color: red;
}

#applynow_form span.rightside {
	display: inline-flex;
	gap: 5px;
	font-size: 14px;
	float: right;
	justify-content: center;
	align-items: center;
}

form#applynow_form label.etc input.salaryneg,
form#applynow_form label.notice_Period input.imdjoin {
	width: 15px;
}

#applynow_form span.leftside {
	margin-right: 0px;
	float: left;
}

@media screen and (min-width: 360px)and (max-width: 767px) {
	#applynow_form label.full_name {
		width: 100%;
		float: left;
		padding-right: 1px;
	}

	#applynow_form label.expr_nce {
		width: 100%;
	}

	form#applynow_form label.etc input.salaryneg,
	form#applynow_form label.notice_Period input.imdjoin {
		width: 28px;
	}

	form.security_code {
		font-size: x-small;
	}
}

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

	#applynow_form label.time {
		width: 100%;
		float: left;
	}

	#applynow_form label.attached_cv {
		width: 100%;
		float: left;
		padding-right: 8px;
	}

	#applynow_form label.expr_nce {
		width: 100%;
	}
}

#applynow_form span.chooseonework {
	display: block;
	float: left;
	width: 100%;
}

#applynow_form label.workstatus {
	width: auto;
	display: inline-flex;
	gap: 0px;
	justify-content: flex-start;
	text-align: center;
	float: left;
	margin: 0px 20px 10px 0;
}

#applynow_form span.leftside.workfrom {
	width: auto;
	line-height: 14px;
}

#applynow_form label.workstatus input.exprwork {
	width: 15px !important;
	height: 15px;
	margin: 0px 5px 0 0 !important;
}

#applynow_form .switch-field {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 100%;
	gap: 20px !important;
	margin-bottom: 10px;
}

#applynow_form .switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
	margin-bottom: 10px;
}

#applynow_form .switch-field label {
	background-color: white;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	margin-right: 0px;
	/*border: 1px solid rgb(62 158 221);*/
	border: 1px solid #d3e1ea;
	transition: all 0.1s ease-in-out;
	color: black;
	padding: 15px 12px;
	border-radius: 20px 8px;
	font-size: 20px;
}

#applynow_form .switch-field label i {
	display: none;
}

#applynow_form .switch-field label:hover {
	cursor: pointer;
}

#applynow_form .switch-field input:checked+label {
	background-color: #0f9ffa;
	box-shadow: none;
	color: white;
	/* padding: 12px 15px; */
	margin-left: 0px;
	text-transform: inherit;
	border: 1px solid #0f9ffa;
	position: relative;
	background: #fff;
	color: #000;
}

#applynow_form .switch-field input:checked+label i {
	position: absolute;
	right: -3px;
	top: -7px;
	color: #ffffff;
	background: #0f9ffa;
	border-radius: 50%;
	font-weight: 400;
	padding: 5px;
	font-size: 10px;
	display: block;
}

img.chooseexp {
	width: 30px;
}

/*  #applynow_form .switch-field label:first-of-type {
    border-radius: 3px;
 }

#applynow_form .switch-field label:last-of-type {
    border-radius: 5px;
  }*/


#applynow_form .firstclose {
	display: none;
}


#applynow_form label.etc {
	padding: 0px 8px 0px 0px;
	width: 33%;
	float: left;
}

#applynow_form .working.firstclose {
	float: left;
	width: 100%;
}

#applynow_form span.jconfirm-title {
	display: inline-flex !important;
	gap: 5px;
}

.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-title h3.post_title {
	color: #626262;
	font-weight: 600;
}

#applynow_form label.attached_cv {
	width: 32%;
	float: left;
	padding-right: 0px;
}

#applynow_form .setexperience label.attached_cv {
	width: 33%;
	float: left;
	padding-right: 8px;
}

#applynow_form .setexperience label.totalexp {
	padding-right: 8px;
}


div#divGenerateRandomValues {
	float: left;
}

#applynow_form input#textInput {
	/*float: right !important;*/
	width: 140px !important;
}

#applynow_form .setfresher label.time {
	width: 34%;
	padding-right: 8px;
}

#applynow_form .setexperience label.notice_Period {
	width: 34%;
	float: left;
	padding-right: 8px;
}

#applynow_form .maindiv.setfresher,
.maindiv.setexperience {
	padding: 0;
}

#applynow_form span.tooltip {
	position: absolute;
	opacity: 0;
	padding: 2px 10px;
	background: #fff;
	border-radius: 5px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	box-shadow: 0px 0px 10px #a5a5a5;
	font-size: 14px;
	bottom: -22px;
	left: 0;
	z-index: 99;
}

/*#applynow_form .firstclose:hover >.tooltip{
    opacity: 1 !important;
}*/

#applynow_form .firstclose:focus>.tooltip,
#applynow_form .firstclose:active>.tooltip,
#applynow_form .firstclose:focus-within>.tooltip {
	opacity: 1 !important;
}

#applynow_form .message .tooltip {
	top: 125px !important;
	left: 280px !important;
}

#applynow_form .get_in_touch_captcha .tooltip {
	/*right: 25% !important;*/
	position: inherit !important;
}

#applynow_form label.leavingreason span.tooltip {
	right: 0px;
	left: initial;
}

#applynow_form label.full_name {
	width: 33%;
	float: left;
	padding-right: 8px;
}

#applynow_form label.phone {
	width: 34%;
	float: left;
	padding-right: 8px;
}

#applynow_form label.notice_Period {
	width: 33%;
	float: left;
	padding-right: 8px;
}


#applynow_form label.time {
	width: 33%;
	float: left;
	padding-right: 8px;
}

#applynow_form input.experience.expfields {
	padding-right: 70px;
}

#applynow_form span.expyears {
	position: absolute;
	top: 25px;
	right: 9px;
	background: #e5e5e5;
	padding: 8px 15px;
	font-size: 16px;
}

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

	#applynow_form label.full_name,
	label.email,
	#applynow_form label.phone {
		width: 100%;
		padding: 0;
	}

	#applynow_form label.ctc,
	#applynow_form label.etc,
	#applynow_form label.time,
	#applynow_form label.notice_Period,
	#applynow_form label.notice_Periodtime,
	#applynow_form label.cvwork {
		width: 50% !important;
		padding: 5px;
	}
}

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

	#applynow_form label.ctc,
	#applynow_form label.etc,
	#applynow_form label.time,
	#applynow_form label.notice_Period,
	#applynow_form label.notice_Periodtime,
	#applynow_form label.cvwork {
		width: 100% !important;
		padding: 0px;
	}
}

.applynow_dev {
	background: #d4efff;
}

#applynow_form span.rightside {
	display: inline-flex;
	gap: 3px;
	font-size: 14px;
	float: right;
	justify-content: center;
	align-items: center;
}

.cvwork.attached_cv .applynow_dev label {
	font-size: 14px;
}

@media only screen and (max-width: 768px) and (min-width: 630px) {
	#applynow_form span.expyears {
		position: absolute;
		top: 30px;
		right: 1px;
		background: #e5e5e5;
		padding: 8px 15px;
		font-size: 16px;
	}
}

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

	#applynow_form label.totalexp,
	#applynow_form label.cmpnyname {
		width: 50%;
		float: right;
		padding: 0px 8px 0 0;
	}
}


@media only screen and (max-width: 826px) and (min-width: 768px) {
	#applynow_form span.rightside {
		display: inline-flex;
		gap: 1px;
		font-size: 12px;
		float: right;
		justify-content: center;
		align-items: center;
	}
}


@media only screen and (max-width: 500px) {
	#applynow_form .message .tooltip {
		top: 125px !important;
		left: 0px !important;
	}
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
	.block-text {
		margin-bottom: 70px;
	}
}

/*apply form 08-08-2022 end*/

/* 5.9.2022 */

label.linkedinurl {
	float: right;
	width: 67%;
	padding-right: 10px;
}

label.linkedinurlex {
	float: right;
	width: 34%;
	padding-right: 10px;
}


.jobsapplysection.block-image-plate .block-vacation-st {
	padding: 24px 2% 20px;
}

.jobstitle {
	float: left;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.jobsapplysection.block-image-plate {
	float: right;
	margin: 0;
	justify-content: flex-end;
	/*display: flex;*/
	display: contents;
}

.accordion_head {
	float: left;
	width: 100%;
	cursor: pointer;
}

.jobstitle span.plusminus {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background: #0F9FFA;
	color: #fff;
	padding: 2px 0px 0px 0px;
	position: relative;
	bottom: 0px;
	left: 0px;
	font-size: 34px;
	text-align: center;
	display: none;
}

.jobstitle h3 {
	margin: 0 1%;
	float: left;
	font-size: 20px;
	color: #333;
}

.accordion_head .block-header {
	position: relative;
	margin: 0;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	display: grid;
	align-items: center;
	grid-template-columns: 50% 50%
}

.accordion-body {
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
}

li.aplly-button {
	float: right;
}

.list-blocks .firstsection {
	float: left;
	width: 100%;
	margin: 0px 0px 10px;
	background: #f5f5f5;
	padding: 12px;
	border-radius: 8px;
}

.jobsapplysection.block-image-plate .block-vacation-st {
	padding: 0px;
	/*min-width: 100%;*/
	background: transparent;
	color: #000;
	box-shadow: 0px 0px 0px;
	width: 100%;
}

.list-blocks .block-vacation-st {
	padding: 3px 0.5% 5px 1%;
	width: auto;
	float: right;
}

/*.list-blocks .block-vacation-st .block-vacation {
    float: left;
    width: auto;
}*/

/*.list-blocks .block-vacation-st .block-vacation .block-meta {
    float: left;
    width: auto;
}*/

.block-image-plate .block-vacation-st ul.list-objects-inline {
	/* display: flex;*/
	justify-content: flex-end;
	align-items: center;
	display: grid;
	grid-template-columns: 25% 25% 25%;
	padding: 5px 1px 5px 0px;
	margin-right: 10px;
}

.block-vacation-st ul.list-objects-inline li {
	margin-right: 0px;
}

.block-vacation-st ul.list-objects-inline li.aplly-button {
	border: 1px solid transparent;
	float: right;
}

.jobstitle img {
	float: left;
	width: 30px;
	margin: 0px 10px 0px 0px;
}

.block-image-plate .block-inner:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	/* background: rgba(0,0,0,.7);*/
}

.jobsapplysection.block-image-plate.location {
	display: flex !important;
}

.location .list-objects-inline span {
	color: #fff;
}

.aplly-button i.fa.fa-hand-o-up {
	color: #fff !important;
}

.locexp i.fa {
	color: #0f9ffa !important;
}

.accordion-body .jobsapplysection.block-image-plate .block-vacation-st {
	/*background: linear-gradient(135deg, rgb(48, 198, 230) 0%, rgb(17, 47, 87) 0%, rgb(16, 76, 128) 53%, rgb(31, 76, 134) 98%, rgb(13, 55, 148) 100%)!important;*/
	background: transparent;
}

.accordion-body .jobsapplysection.block-image-plate.location {
	width: 50%;
	bottom: 0px;
	position: absolute;
	right: 0;
}

@media only screen and (min-width:320px) and (max-width:929px) {
	.accordion_head .block-header {
		display: block;
	}

	.jobstitle h3 {
		font-size: 18px;
	}

	.block-image-plate .block-vacation-st ul.list-objects-inline {
		display: block;
		padding: 5px 5px 5px;
	}




	.block-vacation-st ul.list-objects-inline li.aplly-button {
		margin-right: 10px !important;
		margin-bottom: 4px !important;
		width: auto !important;
	}

	ul.list-objects-inline {
		width: 100%;
		display: block;
	}

	li.locexp {
		width: auto;
		!important;
		float: left;
	}

	.jobsapplysection.block-image-plate.location {
		display: contents !important;
	}
}

@media only screen and (min-width:930px) and (max-width:1024px) {
	.accordion_head .block-header {
		position: relative;
		margin: 0;
		float: left;
		width: 100%;
		display: flex;
		align-items: center;
		display: grid;
		align-items: center;
		grid-template-columns: 30% 70%;
	}

	.accordion-body .jobsapplysection.block-image-plate.location {
		width: 70%;
		bottom: 0px;
		position: absolute;
		right: 0;
	}

}


@media only screen and (min-width:1025px) and (max-width:1358px) {
	.accordion_head .block-header {
		position: relative;
		margin: 0;
		float: left;
		width: 100%;
		display: flex;
		align-items: center;
		display: grid;
		align-items: center;
		grid-template-columns: 35% 67%;
	}

	.accordion-body .jobsapplysection.block-image-plate.location {
		width: 65%;
		bottom: 0px;
		position: absolute;
		right: 0;
	}
}

.jobsapplysection.block-image-plate.location .block-vacation-st ul.list-objects-inline {
	display: grid;
	justify-content: flex-end;
	align-items: center;
	display: grid;
	grid-template-columns: 25%;
	padding: 2px 1px 5px 15px;

}

.block-text {
	color: #000;
}

.block-vacation-st ul.list-objects-inline li.aplly-button a {
	color: #fff;
	align-items: center;
	display: flex;
	justify-content: center;
}

@media (max-width: 767px) {
	.jobsapplysection.block-image-plate.location .block-vacation-st ul.list-objects-inline {
		grid-template-columns: 40%;
		align-items: center;
	}

	.block-image-plate {
		background-position: 73% 20%;
	}
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
	margin-bottom: 0px !important;
}






.skills {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.skills .skills_add ul.add_skills {
	float: left;
	width: 100%;
	padding: 0;
	line-height: 34px;
	margin-bottom: 0;
}

.skills .skills_add ul.add_skills li {
	float: left;
	width: auto;
	margin: 0 10px 10px 0;
}

.skills .skills_add ul.add_skills li a {
	border: solid 1px #eee;
	padding: 6px 10px;
	border-radius: 5px;
	line-height: 20px;
	font-size: 14px;
	cursor: pointer;
	text-transform: capitalize;
	background: #fff;
	color: inherit;
	display: flex;
	align-items: center;
}

.skills .skills_add ul.add_skills li a:hover,
.skills .skills_add ul.add_skills li a.selected {
	background: #1e8fc6;
	color: #fff;
	border: solid 1px transparent !important;
	text-decoration: none;
}

.skills .skills_heads {
	margin-bottom: 0;
}

.skills .skills_add ul.add_skills li a i {
	display: none;
	margin-left: 2px;
}

.skills .skills_add ul.add_skills li a.selected i {
	display: block;
}

/*Get in touch */
/*aside.aside.footer-area .holder .footer-menu:last-child .footer-col .get_touch {display: block !important;}
aside.aside.footer-area .holder .footer-menu:last-child .footer-col .get_touch .fa.fa-close.close_getintouch ,aside.aside.footer-area .holder .footer-menu:last-child .footer-col .open_getintouch {display: none;}*/
/*/Get in touch/*/
/*#applynow_form div.setexperience label.totalexp{padding-right: 8px;}
#applynow_form span.expyears{right: 9px;}*/


.footer-col .open_getintouch {
	background: #0f9ffa;
	border-color: transparent;
	color: #fff;
	padding: 0px 20px;
	font-size: 14px;
	border-radius: 2px;
	margin-top: 5px;
}

aside.aside.footer-area .holder .footer-menu:last-child div.footer-col {
	transform: translateY(0);
}

.footer-col .get_touch {
	position: relative;
	top: -140px;
	max-height: 410px;
	min-height: 410px;
}

.footer-col .get_touch .col-sm-12.name {
	min-height: 315px;
}

.footer-area .footer-col .touch h3 {
	font-family: 'Roboto', sans-serif;
}

.fa.fa-close.close_getintouch {
	float: right;
	font-size: 14px;
	position: absolute;
	color: #fff;
	right: 5px;
	border: solid 1px;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 6px;
	z-index: 99;
}

/* aside.aside.footer-area .holder div.footer-menu:last-child{margin-top: 30px;} */
div.right p.copy_right {
	margin-top: 15px;
}

div.right {
	padding-left: 0;
}

form#applynow_form select.ctcoption,
form#applynow_form select.etcoption {
	width: 50%;
	float: left;
	border-right: transparent;
}

form#applynow_form input#actc,
form#applynow_form input#aetc {
	width: 50%;
	float: left;
}

#applynow_form label.etc .rightside {
	position: absolute;
}

#applynow_form label.etc .etcoptionlabel,
#applynow_form .firstclose .ctcoptionlabel {
	margin-bottom: 0;
}

#applynow_form .setexperience label.totalexp select.expfields {
	width: 30%;
	float: left;
}

#applynow_form span.expyears {
	width: 20%;
	float: left;
	right: 0;
	position: relative;
	top: 0;
	padding: 8.2px 0;
	text-align: center;
}

form#applynow_form select.expfields:first-of-type {
	border-right: transparent;
}

div.get_in_touch_captcha {
	margin: 0;
}

#applynow_form .setexperience label.totalexp label {
	float: left;
	width: 100%;
	margin-bottom: 0;
	color: inherit;
	font-weight: normal;
	text-align: unset;
	padding-left: 0;
}

/* #applynow_form label.etc .etcoptionlabel, #applynow_form .firstclose .ctcoptionlabel ,#applynow_form span.leftside{} */
#applynow_form label.etc .etcoptionlabel,
#applynow_form .firstclose .ctcoptionlabel {
	width: 55%;
}

form#applynow_form div.get_in_touch_captcha input.apln_reqfield {
	margin: 0 0 15px 15px;
}



span#error-exp {
	float: left;
	color: red;
}

@media only screen and (max-width: 1460px) and (min-width: 1260px) {

	div.jconfirm-box-container.jconfirm-animated.col-md-4.col-md-offset-4.jconfirm-no-transition {
		width: 78% !important;
	}

}

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

	#applynow_form label.etc .etcoptionlabel,
	#applynow_form .firstclose .ctcoptionlabel,
	#applynow_form span.leftside {
		width: 64%;
	}

	#applynow_form label.etc .rightside {
		width: 35%;
		justify-content: end;
	}

}


.portfolio_popup .info .portfolio-tag p {
	border: solid 1px #0070a4;
	padding: 2px 8px !important;
	float: left;
	width: fit-content;
	border-radius: 6px;
	margin: 0;
	font-size: 14px;
	color: #0070a4 !important;
	line-height: 20px;
}

.portfolio_popup .info .portfolio-tag {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.banner .item {
	position: relative;
	height: 75vh;
}

.banner .item img {
	width: 100%;
}

.banner .item .carousel-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	color: #ffffff;
	font-size: 60px;
}

div .owl-theme .owl-nav {
	margin: 20px 0 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

div .owl-theme .owl-nav [class*=owl-] {
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #0f9ffa !important;
	color: #fff !important;
}

.social-links {
	margin-top: 20px
}

.social-links a {
	color: inherit;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	float: left;
	border: solid 1px #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none
}

.social-links a i {
	width: 12px;
	margin-right: 0;
	font-size: 15px;
	filter: brightness(0) invert(1)
}

.useful-useful {
	display: flex;
	flex-direction: column;
}

.useful-useful a {
	font-size: 14px;
	color: #000000;
}

.mn-dv p,
.mn-dv p a {
	font-size: 14px;
	color: #000000;
	margin: 0;
}

.payment-gateway {
	margin-top: 15px;
	float: left;
	display: flex;
	gap: 10px;
}

aside.aside.footer-area .holder {
	display: grid;
	grid-template-columns: 32% 20% 20% auto;
	gap: 20px;
}

aside.aside.footer-area .holder .footer-menu {
	width: 100% !important;
}

.terms a {
	font-size: 14px;
	position: relative;
}

.terms a~a::before {
	content: "";
	position: absolute;
	left: 5px;
	height: 100%;
	width: 1px;
	background: #fff;
	top: 0;
}

.terms a~a {
	padding-left: 15px;
}

.terms {
	text-align: right;
}


.banner .item {
	position: relative;
	height: 75vh;
}

.banner .item-img {
	height: 100%;
}

.banner .owl-carousel .item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner .item .carousel-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
	color: #000;
	font-size: 20px;
}

div .owl-theme .owl-nav,
div .owl-theme .owl-nav.disabled+.owl-dots {
	margin: 20px 0 10px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

div .owl-theme .owl-nav [class*=owl-] {
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #0f9ffa !important;
	color: #fff !important;
}

.social-links {
	margin-top: 20px
}

.social-links a {
	color: inherit;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	float: left;
	border: solid 1px #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none
}

.social-links a i {
	width: 12px;
	margin-right: 0;
	font-size: 15px;
	filter: brightness(0) invert(1)
}

.useful-useful {
	display: flex;
	flex-direction: column;
}

.useful-useful a {
	font-size: 14px;
	color: #000000;
}

.mn-dv p,
.mn-dv p a {
	font-size: 14px;
	color: #000000;
	margin: 0;
}

.payment-gateway {
	margin-top: 15px;
	float: left;
	display: flex;
	gap: 10px;
}

aside.aside.footer-area .holder {
	display: grid;
	grid-template-columns: 32% 20% 20% auto;
	gap: 20px;
}

aside.aside.footer-area .holder .footer-menu {
	width: 100% !important;
}

.terms a {
	font-size: 14px;
	position: relative;
}

.terms a~a::before {
	content: "";
	position: absolute;
	left: 5px;
	height: 100%;
	width: 1px;
	background: #fff;
	top: 0;
}

.terms a~a {
	padding-left: 15px;
}

.terms {
	text-align: right;
}

/**new design update **/

.offer-you .container {
	/*max-width:80%;width:100%;*/
	padding: 0 50px 0 50px;
}

section.offer-you {
	padding-top: 50px;
	padding-bottom: 50px;
}

section.offer-you h2 {
	font-size: 35px;
	font-weight: normal !important;
	color: #000;
	margin-bottom: 30px;
}

section.offer-you h2 span {
	color: #ff0000
}

.top-head-sec {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top-head-sec a {
	background: #ff0000;
	color: #fff;
	padding: 12px 18px;
	border-radius: 20px;
	text-decoration: none;
	text-transform: capitalize;
}

.content-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
}

.card {
	background-color: white;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding: 0px;
	width: 100%;
	border: 1px solid #bdbdbd;
	display: flex;
	flex-direction: column;
	border-radius: 15px;
}

.card-image img {
	width: 100%;
	object-fit: cover;
	border-radius: 15px 15px 0px 0px;
	object-position: center;
	/* aspect-ratio: 1/1; */
}

.card-body {
	padding: 10px 25px;
}


.card-content {
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	word-break: break-all;
	gap: 6px
}

.card-content>p {
	color: #8b8b8b;
}

.card-title {
	font-size: 1rem;
	font-weight: 600;
	padding: 0px 0;
	font-family: "Plus Jakarta Sans", sans-serif;
}

.card-footer {
	display: flex;
	justify-content: center;
	padding: 20px 0;
}

.content-wrapper.sec-row {
	display: grid;
	grid-template-rows: 70% 30%;
	align-items: flex-start;
	height: 100%;
	gap: 10px;
}

.content-wrapper.sec-row img.sec-row-fst-img {
	height: 200px;
}

.content-wrapper.sec-row img.sec-row-sec-img {
	height: 150px;
}

.card.bottom_card {
	flex-direction: row;
	display: grid;
	grid-template-columns: 40% 60%;
	justify-content: space-evenly;
	align-items: flex-start;
}

.attraction-section .top-head-sec {
	display: grid;
	grid-template-columns: 70% 30%;
	align-items: center;
	justify-content: space-between;
}

.attraction-section .top-head-sec .view-btn {
	float: right;
	width: auto;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}


.attraction-section .attraction-mid-sec {
	width: 100%;
	margin: 0px 0px;
	float: left;
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: 24% 24% 24% 24%;
	gap: 10px;
}

.card-inner {
	position: absolute;
	bottom: 30px;
	padding: 0px 20px;
	color: #fff;
}

.card-inner h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: "Plus Jakarta Sans", sans-serif;
}

.card-inner p {
	font-size: 14px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.card-p-active {
	color: #A7161B !important
}

.iner-btn {
	background: rgba(0, 0, 0, 0.6);
	padding: 10px;
	width: auto;
	border-radius: 20px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	border: 1px solid #494646;
	max-width: 100%
}


/* .attraction-mid-sec .card .card-image:after {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background:rgba(0,0,0, 0.4);
	border-radius: 15px 15px 0px 0px;
    z-index: 0;
} */

.top-head-sec h6 {
	font-size: 18px;
	width: 70%;
	color: #333;
}

.top-head-sec {
	padding: 0% 1%;
}

.top-header h2 {
	font-size: 45px;
	font-weight: normal !important;
}

.top-header h2 span {
	color: #ff0000;
}

.top-header .view-btn {
	float: right;
	width: auto;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.top-header a {
	background: #ff0000;
	color: #fff;
	padding: 12px 18px;
	border-radius: 20px;
	text-decoration: none;
	float: left;
	margin-top: 5%;
	text-transform: capitalize;
}

.why-choose .card {
	position: relative;
	display: grid;
	flex-direction: column;
	border-radius: 15px;
	gap: 0;
	grid-template-rows: 40% 60%;
	height: 60vh;
}

.why-choose .card-body {
	padding: 10px 15px;
	background: #fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 15px;
	position: relative;
	bottom: 0px;
	height: 100%;
}

.why-choose .card-content h4 {
	font-size: 16px;
	padding: 20px 0px 0px;
}

.why-choose .card-content h4 span {
	color: #ff0000
}

.why-choose .card-content h5 {
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 8px;
}

.why-choose .card-content a {
	font-size: 15px;
	text-transform: uppercase;
	color: #ff0000;
	font-weight: 600;
	margin-top: 10px;
}

section.offer-you.why-choose {
	padding-top: 50px;
	padding-bottom: 50px;
	/*height: 63vh;*/
	background-color: #FFF5F5;
}

.material-symbols-outlined {
	font-variation-settings:
		'FILL' 0,
		'wght' 400,
		'GRAD' 0,
		'opsz' 24
}

.material-symbols-outlined {
	font-size: 20px !important;
}

.footer-top {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}


.footer-top-inner {
	position: absolute;
	top: 30%;
	color: #fff;
	left: 10%;
}



.footer-top-inner h3 {
	font-size: 40px;
	font-weight: 600;
}

.footer-top-inner p {
	font-size: 18px;
	line-height: 27px;
	width: 80%;
	padding: 15px 0px
}

.footer-top-inner a {
	background: #fff;
	padding: 13px 25px;
	border-radius: 20px;
	color: #333;
	font-size: 18px;
	margin: 10px 0px;
	float: left;
}

.offer-you.what-we h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 0px 0px 20px;
	line-height: 32px;
       font-family: 'Roboto';
}

.offer-you.what-we p {
	color: #545454;
	font-size: 16px;
	line-height: 24px
}

.choose-us-sec {
	text-align: center;
	padding: 20px 15px;
	float: left;
}

.choose-us-sec .icon-cir {
	height: 80px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0px;
	float: left;
}

.choose-us-sec .icon-cir .cir {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFEAEA;
	height: 90px;
	width: 90px;
	border-radius: 50%;
}

.why-chosse-inner {
	padding: 20px 15px;
	float: left;
	width: 100%;
}

.why-chosse-inner h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	float: left;
	width: 100%;
	margin: 10px 0px;
}

.why-chosse-inner p {
	float: left;
	width: 100%;
	color: #545454;
	font-size: 14px;
	line-height: 22px;
}

.choose-us-sec .icon-cir .cir img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70%;
	margin: 0 auto;
}

.ride {
	height: auto;
	border: 1px solid #e3e3e3;
	padding: 10px 20px;
	border-radius: 10px;
	min-height: 420px;
	display: grid;
	grid-template-rows: 70% 30%;
	align-items: center;
	justify-content: center;
}

section.offer-you.why-choose .top-head-sec {
	justify-content: center;
}

.ride h3 {
	font-size: 25px;
	font-weight: 500;
	text-align: center;
	padding-top: 10px;
}


.ride img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}


.attraction-section .attraction-mid-sec.top-countries {
	grid-template-columns: 32% 32% 32%;
}



.attraction-mid-sec .card {
	flex-direction: row;
	background: transparent;
	border: 0;
	border-radius: 0px;
	box-shadow: 0px 0px 0px;
	position: relative;
}

.attraction-mid-sec .card-image img {
	width: 100%;
	object-fit: inherit;
}

.icon-text {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	gap: 6px;
}

.container.qust_blog .card-content h5 {
	color: #545454;
}

#nav li a {
	color: #545454 !important;
}

#nav li.active a {
	color: #ff0000 !important;
}

.mail-at i.fa,
.mail-st-head li a {
	color: #ff0000 !important;
}

#back-top.active {
	background-color: #ff0000 !important;
}

::-webkit-scrollbar-thumb {
	background-color: #ff00009c !important
}

.attraction-section .attraction-mid-sec.top-countries .card-image img {
	border-radius: 15px 15px 15px 15px !important;
}

.copy-right {
	float: left;
	width: 100%;
	background: #333;
	color: #fff;
	padding: 10px;
	font-size: 12px;
}


.get_touch {
	min-height: 440px;
	position: absolute;
	right: 30px;
	bottom: 130px;
	width: 25%;
	z-index: 99;
	background: #fff;
	border: 1px solid #ececec;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

.get_in_touch_section {
	float: right;
	width: auto;
	margin: 10px 10px;
}

.get_in_touch_section a {
	background: #ff0000;
	padding: 10px;
	color: #fff;
}

.get_touch h3 {
	color: #333;
	text-transform: capitalize;
	padding: 10px 0px 10px;
	font-weight: 500;
	font-size: 24px;
}

.get_touch .get_close {
	float: right;
	color: #333;
	margin: 10px 10px 0px 0px;
	border: 1px solid #333;
	padding: 5px;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 20px;
}

.get_touch #get_in_touch input {
	width: 100%;
	height: 40px;
	margin: 5px 0px;
	border: 1px solid #333;
}

.get_touch #get_in_touch textarea {
	border: 1px solid #333;
}

.get_touch .name {
	padding: 10px 10px;
	background: transparent;
}

.footer-menu.footer-menu3 li,
.footer-menu.footer-menu3 li a {
	color: #333;
	background: transparent;
	padding: 0;
	font-size: 14px;
	font-family: 'Plus Jakarta Sans';
}

.social-links.d-flex i,
.social-links.d-flex a i {
	color: #333;
	fill: #333;
	filter: opacity(1);
}

.footer-menu.footer-menu2 .mn-dv .social-links {
	float: left;
	width: 100%;
}

.footer-menu.footer-menu2 .mn-dv .social-links a {
	border: 1px solid #333;
}

.banner .item .carousel-caption {
	right: 120px;
	left: initial;
	bottom: 30px;
	top: initial;
}

.banner .item .carousel-caption h2 {
	color: #fff;
	font-size: 60px;
	font-family: 'Plus Jakarta Sans';
	text-transform: uppercase;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
	font-weight: 600;
	letter-spacing: 3px;
}


.hide {
	display: none;
	animation-name: showhide;
	animation-duration: 0.5s;
	transform: scale(1);
	opacity: 1
}

.show {
	display: block;
	animation-name: showhide;
	animation-duration: 0.5s;
	transform: scale(1);
	opacity: 1
}

.whatsapp-message-container {
	display: flex;
	z-index: 1
}

.whatsapp-message {
	padding: 7px 14px 6px;
	background-color: #fff;
	border-radius: 0 8px 8px;
	position: relative;
	transition: all 0.3s ease 0s;
	opacity: 0;
	transform-origin: center top 0;
	z-index: 2;
	box-shadow: rgb(0 0 0 / .13) 0 1px .5px;
	margin-top: 4px;
	margin-left: -54px;
	max-width: calc(100% - 66px)
}

.whatsapp-chat-body {
	padding: 20px 20px 20px 10px;
	background-color: #e6ddd4;
	position: relative;

	&::before {
		display: block;
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 0;
		opacity: .08;
		background-image: url(https://elfsight.com/assets/chats/patterns/whatsapp.png);
		background-image: url(https://res.cloudinary.com/eventbree/image/upload/v1575782560/Widgets/whatsappbg_opt.jpg)
	}
}

.dAbFpq {
	display: flex;
	z-index: 1
}

.eJJEeC {
	background-color: #fff;
	width: 52.5px;
	height: 32px;
	border-radius: 16px;
	display: flex;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-align: center;
	align-items: center;
	margin-left: 10px;
	opacity: 0;
	transition: all 0.1s ease 0s;
	z-index: 1;
	box-shadow: rgb(0 0 0 / .13) 0 1px .5px
}

.hFENyl {
	position: relative;
	display: flex
}

.ixsrax {
	height: 5px;
	width: 5px;
	margin: 0 2px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: 0;
	background-color: #9e9da2;
	animation-name: ZpjSY
}

.dRvxoz {
	height: 5px;
	width: 5px;
	margin: 0 2px;
	background-color: #b6b5ba;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: 0;
	animation-name: hPhMsj
}

.kAZgZq {
	padding: 7px 14px 6px;
	background-color: #fff;
	border-radius: 0 8px 8px;
	position: relative;
	transition: all 0.3s ease 0s;
	opacity: 0;
	transform-origin: center top 0;
	z-index: 2;
	box-shadow: rgb(0 0 0 / .13) 0 1px .5px;
	margin-top: 4px;
	margin-left: -54px;
	max-width: calc(100% - 66px);

	&::before {
		position: absolute;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		top: 0;
		left: -12px;
		width: 12px;
		height: 19px
	}
}

.bMIBDo {
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	color: rgb(0 0 0 / .4)
}

.iSpIQi {
	font-size: 14px;
	line-height: 19px;
	margin-top: 4px;
	color: #111
}

.iSpIQi {
	font-size: 14px;
	line-height: 19px;
	margin-top: 4px;
	color: #111
}

.cqCDVm {
	text-align: right;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: rgb(17 17 17 / .5);
	margin-right: -8px;
	margin-bottom: -4px
}

.tpl-powered-by {
	text-align: center;
	padding: 5px 0;
	border-top: solid 1px;
	width: 100%
}

/* chatbot */
#whatsapp-chat {
	box-sizing: border-box !important;
	outline: none !important;
	position: fixed;
	width: 350px;
	border-radius: 10px;
	box-shadow: 0 1px 15px rgb(32 33 36 / .28);
	bottom: 90px;
	right: 75px;
	overflow: hidden;
	z-index: 999;
	animation-name: showchat;
	animation-duration: 1s;
	transform: scale(1)
}

a.blantershow-chat {
	background: #fff;
	color: #404040;
	position: fixed;
	display: flex;
	font-weight: 400;
	justify-content: center;
	z-index: 9999;
	bottom: 80px;
	right: 0px;
	font-size: 15px;
	padding: .7rem 0rem;
	border-radius: 30px;
	box-shadow: 0 1px 15px rgb(32 33 36 / .28);
	width: 55px;
	height: 55px;
	align-items: center;
}

.header-chat {
	background: #A07542;
	color: #fff;
	padding: 8px 20px
}

.head-home {
	display: flex;
	align-items: center;
}

.header-chat h3 {
	margin: 0 0 10px
}

.header-chat p {
	font-size: 14px;
	line-height: 1.1;
	margin: 0
}

.info-avatar {
	position: relative;
	width: 55px;
	height: 55px;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	padding: 10px;
	overflow: hidden;
	margin-right: 10px
}

.info-avatar img {
	width: 100%;
	height: 100%;
	float: left;
	margin: 0 0 0 0;
	object-fit: contain;
}

a.informasi {
	padding: 20px;
	display: block;
	overflow: hidden;
	animation-name: showhide;
	animation-duration: 0.5s
}

a.informasi:hover {
	background: #f1f1f1
}

.info-chat span {
	display: block
}

.header-chat p span.whatsapp-name {
	font-size: 18px;
}

#get-label,
span.chat-label {
	font-size: 12px;
	color: #888
}

#get-nama,
span.chat-nama {
	margin: 5px 0 0;
	font-size: 15px;
	font-weight: 700;
	color: #222
}

#get-label,
#get-nama {
	color: #fff
}

span.my-number {
	display: none
}

textarea#chat-input {
	border: none;
	font-family: "Arial", sans-serif;
	width: 100%;
	outline: none;
	resize: none;
	padding: 5px 9px;
	font-size: 14px;
	height: 40px;
	color: #000
}

a#send-it {
	width: 40px;
	font-weight: 700;
	padding: 10px 10px 0;
	border-radius: 10px;
	outline: none;

	svg {
		fill: #095e54;
		height: 24px;
		width: 24px
	}
}

.first-msg {
	background: #fff0;
	padding: 30px;
	text-align: center;

	& span {
		background: #e2e2e2;
		color: #333;
		font-size: 14.2px;
		line-height: 1.7;
		border-radius: 10px;
		padding: 15px 20px;
		display: inline-block
	}
}

.start-chat .blanter-msg {
	display: flex;
	background: #fff
}

#get-number {
	display: none
}

a.close-chat {
	position: absolute;
	top: 5px;
	right: 15px;
	color: #fff;
	font-size: 30px;
	text-decoration: none
}

@keyframes ZpjSY {
	0% {
		background-color: #b6b5ba
	}

	15% {
		background-color: #111
	}

	25% {
		background-color: #b6b5ba
	}
}

@keyframes hPhMsj {
	15% {
		background-color: #b6b5ba
	}

	25% {
		background-color: #111
	}

	35% {
		background-color: #b6b5ba
	}
}

@keyframes iUMejp {
	25% {
		background-color: #b6b5ba
	}

	35% {
		background-color: #111
	}

	45% {
		background-color: #b6b5ba
	}
}

@keyframes showhide {
	from {
		transform: scale(.5);
		opacity: 0
	}
}

@keyframes showchat {
	from {
		transform: scale(0);
		opacity: 0
	}
}

.hide {
	display: none;
	animation-name: showhide;
	animation-duration: 0.5s;
	transform: scale(1);
	opacity: 1
}

.show {
	display: block;
	animation-name: showhide;
	animation-duration: 0.5s;
	transform: scale(1);
	opacity: 1
}

.whatsapp-message-container {
	display: flex;
	z-index: 1
}

.whatsapp-message {
	padding: 7px 14px 6px;
	background-color: #fff;
	border-radius: 0 8px 8px;
	position: relative;
	transition: all 0.3s ease 0s;
	opacity: 0;
	transform-origin: center top 0;
	z-index: 2;
	box-shadow: rgb(0 0 0 / .13) 0 1px .5px;
	margin-top: 4px;
	margin-left: -54px;
	max-width: calc(100% - 66px)
}

.whatsapp-chat-body {
	padding: 20px 20px 20px 10px;
	background-color: #e6ddd4;
	position: relative;

	&::before {
		display: block;
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 0;
		opacity: .08;
		background-image: url(https://elfsight.com/assets/chats/patterns/whatsapp.png);
		background-image: url(https://res.cloudinary.com/eventbree/image/upload/v1575782560/Widgets/whatsappbg_opt.jpg)
	}
}

.dAbFpq {
	display: flex;
	z-index: 1
}

.eJJEeC {
	background-color: #fff;
	width: 52.5px;
	height: 32px;
	border-radius: 16px;
	display: flex;
	-moz-box-pack: center;
	justify-content: center;
	-moz-box-align: center;
	align-items: center;
	margin-left: 10px;
	opacity: 0;
	transition: all 0.1s ease 0s;
	z-index: 1;
	box-shadow: rgb(0 0 0 / .13) 0 1px .5px
}

.hFENyl {
	position: relative;
	display: flex
}

.ixsrax {
	height: 5px;
	width: 5px;
	margin: 0 2px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: 0;
	background-color: #9e9da2;
	animation-name: ZpjSY
}

.dRvxoz {
	height: 5px;
	width: 5px;
	margin: 0 2px;
	background-color: #b6b5ba;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	top: 0;
	animation-name: hPhMsj
}

.kAZgZq {
	padding: 7px 14px 6px;
	background-color: #fff;
	border-radius: 0 8px 8px;
	position: relative;
	transition: all 0.3s ease 0s;
	opacity: 0;
	transform-origin: center top 0;
	z-index: 2;
	box-shadow: rgb(0 0 0 / .13) 0 1px .5px;
	margin-top: 4px;
	margin-left: -54px;
	max-width: calc(100% - 66px);

	&::before {
		position: absolute;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		top: 0;
		left: -12px;
		width: 12px;
		height: 19px
	}
}

.bMIBDo {
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	color: rgb(0 0 0 / .4)
}

.iSpIQi {
	font-size: 14px;
	line-height: 19px;
	margin-top: 4px;
	color: #111
}

.iSpIQi {
	font-size: 14px;
	line-height: 19px;
	margin-top: 4px;
	color: #111
}

.cqCDVm {
	text-align: right;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: rgb(17 17 17 / .5);
	margin-right: -8px;
	margin-bottom: -4px
}

.tpl-powered-by {
	text-align: center;
	padding: 5px 0;
	border-top: solid 1px;
	width: 100%
}