/*
Theme Name: FT Nexavvy 
Theme URI: https://FT_Nexavvy.com/social/
Description: Social Media 2.0 – Consolidate Social Media | Digital Media Aggregation | Advanced Digital Marketing
Author: FT Nexavvy
Author URI: https://FT_Nexavvy.com/social/
Version: 2.1
Tags: unlimited-color, custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready
Text Domain: FT Nexavvy
License: GNU General Public License version 3.0
License URI: https://FT_Nexavvy.com/social/
*/

/*

	style.css

	1. Home
	2. Subscribe form
	3. BG slider
	4. Logo
	5. Header
	6. Intro
	7. Contain
	8. Page Heading
	9. Features
	10. Testimoni
	11. Screenshot
	12. Team
	13. Blog
		13.1 Sticky post
		13.2 Quote post
		13.3 Widget tags cloud
		13.4 Widget calendar
	14. Pricing box
	15. Contact
	16. Footer
	17. Heading
	18. Divider
	19. Icons
	20. Spacer
	21. Custom responsive

*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
/* ================= Home ================= */
.lotek_sec.contain .wpb_content_element {
	margin-bottom: 0px;
	width: 100%;
}
.home-contain {
	background: rgba(31, 34, 39, 0.85);
	text-align: center;
	height: 680px;
	color: #000;
	overflow: hidden;
}
.home-headline h4 {
	font-size: 28px;
	font-weight: normal;
	line-height: normal;
}
.home-headline p {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 3px;
	color: #d4d7d8;
	cursor: pointer;
}
.home-headline a.btn {
	margin: 0 5px 0 5px;
}
.start-page {
	background: url(images/start-wrapper-bg.webp) no-repeat top center;
	margin: 0 auto;
	margin-top: 60px;
	padding-top: 28px;
	width: 100px;
	height: auto;
}
.start-page a {
	display: block;
	color: #000;
	border: 3px solid #000;
	border-radius: 50%;
	text-align: center;
	width: 100px;
	height: 100px;
	font-size: 22px;
	line-height: 22px;
	padding: 25px 0 25px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.start-page a:hover {
	text-decoration: none;
	background: #000;
}
.sparator-line {
	display: block;
	background: url(images/vertical-line.webp) repeat-y top center;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 3px;
	height: 137px;
}
.home-wrapp {
	text-align: left;
	margin-top: 60px;
}
.home-wrapp h3 {
	border-bottom: 3px solid #000;
	padding-bottom: 20px;
	font-size: 56px;
	line-height: 56px;
}
.home-wrapp h3 span {
	display: block;
	font-size: 32px;
}
.img-mobile {
	display: inline-block;
	max-width: 100%;
	height: auto;
	margin-top: 70px;
}
/* ================== Subscribe form ================ */

.subscribe-form {
	width: 400px;
	position: relative;
	margin: 0 auto;
	margin-top: 33px;
}
.subscribe-form.fullwidth {
	width: 100%;
}
input.subscribe {
	position: relative;
	width: 100%;
	border: none;
	background: none;
	padding: 20px;
	border-radius: 40px;
	border: 3px solid #879aa4;
	font-size: 12px;
	cursor: none;
}
.subscribe-button {
	position: absolute;
	background: #879aa4;
	padding: 10px 25px 10px 25px;
	border-radius: 40px;
	font-weight: 700;
	border: none;
	right: 10px;
	top: 13px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* ================== BG slider ================ */
.bgslider-wrapper {
	position: relative;
	color: #000;
	padding: 0;
	margin: 0;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.bg-slider {
	background-position: top left;
	background-repeat: no-repeat;
	background-color: none;
	background-attachment: fixed;
	width: 100%;
	height: 680px;
	position: absolute;
	margin: 0;
	top: 0;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.slide-wrapper {
	float: left;
	margin-left: 30%;
	width: 40%;
}
/* ================== Logo ================ */
.logo {
	z-index: 600;
	position: relative;
	display: inline-block;
	margin: 40px 0 60px 0;
	padding: 0;
}
.margin80 {
	margin-top: 80px;
}
.margin120 {
	margin-top: 120px;
}
.small-logo {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
}
/* ============== Header ============= */
header {
	margin: 0;
	padding: 0;
}
.sticky-nav {
	position: fixed;
	top: 0;
	margin: 0;
	width: 100%;
	animation: thedrop 1s 8;
	-moz-animation: thedrop 1s 8;
	-webkit-animation: thedrop 1s 8;
	z-index: 99999 !important;
}
/* ================== Intro ================ */
#intro {
	float: left;
	width: 100%;
	padding: 80px 0 80px 0;
	margin-top: -4px;
}
/* ================= Contain ================= */
.contain {
	float: left;
	width: 100%;
}
.contain-body {
	background: url(images/vertical-line.webp) repeat-y top center;
}
.colorbg {
	color: #000;
}
.darkbg {
	background: #1f2227;
	color: #000;
}
.inner {
	position: relative;
	background: #000;
	padding: 80px 30px 40px 30px;
	color: #2c323a;
	margin-top: 50px;
}
.inner .icon-title {
	margin-top: -50px;
	z-index: 999;
}
/* ================== page heading ================ */
#page-heading {
	padding: 40px 0 40px 0;
}
#page-heading h4 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
}
#page-heading p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
}
/* ================== Features ================ */
.features-body {
	position: relative;
	background: url(images/horizontals-line1.webp) no-repeat top center;
	padding-top: 50px;
}
.features-box {
	background: url(images/features-box.webp) no-repeat top center;
	text-align: center;
	padding-top: 20px;
	overflow: hidden;
}
/* ================== Testimoni ================ */
.testimonials_slider, .testimoni-wrapper {
	position: relative;
	width: 100%;
	padding-top: 50px;
}
.testimoni-box {
	float: left;
	width: 100%;
	background: #16181d;
	color: #ddd;
}
.testimoni-avatar {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
.hide_avatar .testimoni-avatar {
	display: none;
}
.testimoni-text {
	float: left;
	width: 50%;
	font-size: 13px;
	line-height: 22px;
	text-align: left;
	padding: 40px 30px 0px;
}
.hide_avatar .testimoni-text {
	width: 100%;
}
.company-name {
	font-size: 16px;
	line-height: 16px;
	margin-left: 30px;
}
/* ================== Screenshot ================ */
.Products-wrapper {
	position: relative;
	padding-top: 50px;
	float: left;
	width: 100%;
}
.Products-wrapper ul {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.Products-wrapper ul li {
	float: left;
	list-style: none;
	width: 20%;
	margin: 0;
	padding: 0;
}
.Products-wrapper.grid_col_one ul li {
	width: 100%;
}
.Products-wrapper.grid_col_two ul li {
	width: 50%;
}
.Products-wrapper.grid_col_three ul li {
	width: 33.333%;
}
.Products-wrapper.grid_col_four ul li {
	width: 25%;
}
.Products-wrapper.grid_col_five ul li {
	width: 20%;
}
.Products-wrapper.grid_col_six ul li {
	width: 16.667%;
}
.image-wrapper {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.image-caption {
	position: absolute;
	background: rgba(32, 38, 45, 0.95);
	width: 100%;
	height: 100%;
	color: #000;
	text-align: center;
}
.image-caption .zoom {
	position: absolute;
	display: inline-block;
	color: #000;
	width: 65px;
	height: 65px;
	border: 3px solid #000;
	border-radius: 50%;
	font-size: 28px;
	line-height: 50px;
	left: 50%;
	top: -58%;
	margin-left: -32.5px;
	margin-top: -22.5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.image-caption .zoom:hover, .image-caption .zoom:focus {
	text-decoration: none;
	outline: none;
}
.image-title {
	color: #000;
	position: absolute;
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	width: 90%;
	text-align: center;
	bottom: 0;
	left: 5%;
	margin-bottom: -20px;
}
.image-title a, .image-title a:hover, .image-title a:focus {
	color: #000;
}
.item-detail {
	color: #000;
	padding: 20px;
	border-radius: 2px;
}
.item-detail h6 {
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
}
.item-detail ul {
	margin: 0 0 0 10px;
	padding: 0;
}
/* ================== Team ================ */
#team .icon-title {
	margin-top: 25px;
}
.team {
	float: left;
	width: 100%;
	background: url(images/vertical-line.webp) repeat-y top center;
	padding-bottom: 40px;
}
.team-wrapper {
	/*float:left;*/
	background: url(images/horizontals-line.webp) no-repeat 0 21px;
	position: relative;
	text-align: center;
	background-position: 50% 21px;
	background-size: 75%;
	-webkit-background-size: 75%;
	-moz-background-size: 75%;
	-o-background-size: 75%;/*width:100%;*/
}
.team-left {
	float: left;
}
.team-right, .team-right .wpb_wrapper {
	float: right;
}
.team-box {
	position: relative;
	float: left;
	width: 142px;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
	border: 8px solid #000;
	cursor: pointer;
}
.team-left .team-box {
	margin-right: 30px;
}
.team-right .team-box {
	margin-left: 30px;
}
.team-profile {
	position: absolute;
	background: rgba(32, 38, 45, 0.95);
	width: 100%;
	height: 100%;
	color: #000;
	text-align: center;
	font-size: 11px;
	line-height: 11px;
	padding-top: 25px;
}
.team-profile h6 {
	margin-bottom: 10px;
}
.team-profile a {
	margin: 0 1px 0 1px;
}
.icon-social {
	background: #000;
	color: #2c323a;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	font-weight: 700;
	padding-top: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.icon-social:hover {
	color: #000;
	text-decoration: none;
}
/* ================= Blog ================= */
.posts_slider, .blog-wrapper {
	position: relative;
	padding-top: 50px;
}
.blog-box {
	float: left;
	width: 100%;
	background: #000;
	color: #2c323a;
}
.blog-thumbls {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}
.hide_feature_img .blog-thumbls {
	display: none;
}
.artcle {
	float: left;
	width: 50%;
	padding: 60px 30px 60px 30px;
}
.hide_feature_img .artcle {
	width: 100%;
}
.article-head {
	float: left;
	width: 100%;
}
.article-head h5 {
	margin-bottom: 10px;
}
.date-post {
	float: left;
	background: #ebecee;
	width: 70px;
	height: auto;
	margin: 0 20px 40px 0;
	text-align: center;
}
.date {
	display: block;
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
	padding: 10px 0 10px 0;
}
.mo-year {
	display: block;
	background: #2c323a;
	color: #000;
	font-size: 12px;
	line-height: 12px;
	padding: 4px 0 4px 0;
}
.meta-post {
	margin: 0;
	padding: 0;
}
.meta-post li {
	list-style: none;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}
.meta-post li i {
	margin-right: 5px;
}
.contain .blog, .singlepost {
	position: relative;
	background: #000;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.contain .blog {
	background: #f7f7f7;
}
.article-wrapper {
	float: left;
	width: 70%;
	margin: 0;
	background: #000;
	color: #2c323a;
}
.article-wrapper.no-sidebar {
	width: 100%;
}
.article-post {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000;
}
aside {
	float: left;
	width: 30%;
	padding: 30px;
	margin: 0;
	background: #f7f7f7;
	color: #2c323a;
}
aside h5 {
	border-bottom: 1px solid #2c323a;
	padding-bottom: 15px;
}
.widget {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.cat {
	margin: 0;
	padding: 0 0 0 15px;
}
.cat li {
	margin: 0;
	padding: 0;
}
.recent {
	margin: 0;
	padding: 0;
}
.recent li {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #c1c1c1;
}
.recent li .thumb {
	float: left;
	width: 45px;
	height: auto;
	margin: 5px 20px 20px 0;
}
.recent li h6 {
	margin-bottom: 5px;
}
.recent li h6 a {
	color: #2c323a;
}
.photostream {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.photostream li {
	float: left;
	width: 33.33333333333333%;
	list-style: none;
	margin: 0;
	padding: 2px;
}
.tags {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.tags li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 2px;
}
.tags li a {
	display: inline-block;
	background: #ccced1;
	color: #484c52;
	padding: 4px 10px 4px 10px;
	border-radius: 2px;
}
.tags li a:hover {
	text-decoration: none;
	color: #000;
}
.contain .blog .img-wrapp, .singlepost .img-wrapp {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.contain .blog article, .singlepost article {
	float: left;
	width: 100%;
	padding: 30px;
	margin: 0;
	background: #000;
	color: #2c323a;
}
.comment-wrapper {
	position: relative;
	background: #000;
	color: #2c323a;
	float: left;
	width: 100%;
	margin: 50px 0 0 0;
	padding: 100px 30px 40px 30px;
}
.contain .blog i, .singlepost i, .comment-wrapper i {
	margin-top: -48px;
	z-index: 999;
}
.comment-wrapper .media {
	background: #000;
	position: relative;
	margin: 0 0 30px 0;
	padding: 30px 30px 10px 30px;
	border: 1px solid #828384;
	border-radius: 2px;
}
.comment-wrapper .media .media {
	margin: 0 0 20px 0;
}
.comment-wrapper .media label {
	color: #2c323a;
}
.media-body {
	margin: 0;
	padding: 0;
}
.media-heading {
	font-size: 18px;
	width: 100%;
	margin: 0 0 10px 0;
}
.media-heading h6 {
	color: #2c323a;
	margin: 0;
}
.media-heading h6 a {
	color: #2c323a;
}
.media-avatar {
	float: left;
	text-align: center;
	width: 50px;
	margin: 0 20px 20px 0;
	padding: 0;
}
/* ================= Sticky post ================= */
.sticky {
	font-size: 16px;
	background-color: #000fe0;
}
.sticky>article {
	background-color: transparent;
}
/* ================= Quote post ================= */
.quote-post {
	background: #f5f5f5;
	position: relative;
	padding: 20px 10px;
}
.quote-post:after {
	font-family: 'FontAwesome';
	content: "\f10e";
	padding-right: 20px;
	right: 0;
	position: absolute;
	top: 50px;
	font-size: 600%;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}
.quote-post blockquote {
	border-left: 0px solid #000;
}
/* ================= Widget tags cloud ================= */
.wp-tag-cloud {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.wp-tag-cloud li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 2px;
}
.wp-tag-cloud li a {
	display: inline-block;
	background: #ccced1;
	color: #484c52;
	padding: 4px 10px 4px 10px;
	border-radius: 2px;
}
.wp-tag-cloud li a:hover {
	text-decoration: none;
	color: #000;
}
/* ================= Widget calendar ================= */
#wp-calendar {
	width: 100%;
}
/*.singlepost article > * {max-width: 100%;}*/
.page-rightsidebar > * {
	max-width: 100%;
}
.page-fullcontentwidth > * {
	max-width: 100%;
}
ul, ol {
	padding-left: 15px;
}
/* ================== Pricing box ================ */
.pricing-wrapper {
	/*background: url(images/pricing-line1.webp) no-repeat top center;*/
	position: relative;
	padding-top: 63px;
}
.pricing-box {
	background: url(images/pricing-box-line.webp) no-repeat top center;
	position: relative;
	margin: -30px 0 -30px;
}
.pricing-head {
	position: relative;
	background: #ebecee;
	color: #2c323a;
	text-align: center;
	padding: 30px 0 50px 0;
}
.pricing-head h4 {
	color: #2c323a
}
.pricing-price {
	position: absolute;
	width: 110px;
	height: 110px;
	color: #000;
	border-radius: 50%;
	margin: 0 auto;
	padding-top: 30px;
	bottom: -55px;
	left: 50%;
	margin-left: -55px;
	border: 5px solid #000;
}
.price {
	font-size: 23px;
	line-height: 24px;
	font-weight: 700;
	display: block;
	margin-bottom: 5px;
}
.time {
	font-size: 18px;
	line-height: 12px;
	display: block;
}
.pricing-body {
	background: #000;
	color: #2c323a;
	text-align: center;
	padding: 0px 0 30px;
}
.pricing-body ul {
	margin: 0;
	padding: 0;
}
.pricing-body ul li {
	list-style: none;
	margin: 0;
	padding: 15px 0 15px 0;
	font-size: 18px;
	line-height: normal;
	border-bottom: 1px solid #ebecee;
}
.pricing-body ul li:first-child {
	border-top: 1px solid #ebecee;
}
.pricing-body ul li.bottom {
	border: none;
	padding-bottom: 0;
}
.pricing-box.centered .pricing-body ul li.bottom {
	border: none;
	padding-bottom: 10px;
	padding-top: 25px;
}
/* ================= Contact ================= */
.contact-body {
	float: left;
	width: 100%;
	background: #000;
	color: #2c323a;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	padding: 90px 30px 20px 30px;
	margin-top: 50px;
}
ul.listForm {
	float: left;
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
	text-align: left;
}
ul.listForm li {
	float: left;
	width: 49%;
	padding: 0;
	margin: 0 0 20px 0;
	list-style: none;
}
ul.listForm li.first-list {
	margin-right: 2%;
}
ul.listForm li.full-list {
	width: 100%;
}
#sendmessage {
	display: none;
}
#sendmessage.show, .show {
	display: block;
}
/* ================== Footer ================ */
footer {
	float: left;
	width: 100%;
	position: relative;
	background: #1f2227;
	color: #5e666d;
	text-align: center;
	padding-top: 100px;
	margin-top: 30px;
}
.totop {
	background: #000;
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	border: 5px solid;
	border-radius: 50%;
	font-size: 34px;
	line-height: 34px;
	padding-top: 25px;
	margin-left: -50px;
	left: 50%;
	z-index: 9999;
	top: -150px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.totop:focus, .totop:active {
	outline: none;
	text-transform: uppercase;
}
.totop:hover {
	background: #1f2227;
	color: #000;
}
.social-network {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: none;
	border: 5px solid #5e666d;
	border-radius: 50%;
	color: #5e666d;
	font-size: 34px;
	line-height: 56px;
	font-weight: 700;
	margin: 20px 4px 0 4px;
}
.social-network:hover, .social-network:focus, .social-network:active {
	outline: none;
	text-transform: uppercase;
}
.subfooter {
	background: #16181c;
	color: #575d63;
	padding: 25px 0 22px 0;
	margin-top: 60px;
}
.copyrigh {
	margin: 0;
	padding: 0 6%;
}
/* ================== Heading ================ */
.headline {
	font-size: 45px;
	line-height: normal;
	letter-spacing: normal;
	border-bottom: 5px solid #000;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.headline span {
	display: block;
	font-size: 43px;
	line-height: normal;
}
.heading {
	background: url(images/vertical-line.webp) repeat-y top center;
	color: #2d3c3f;
	font-size: 24px;
	line-height: 24px;
	border: none;
	margin: 0;
	padding: 0 0 60px 0;
	text-align: center;
}
.heading span {
	background: #000;
	font-weight: 700;
	padding: 15px 20px 15px 20px;
	border-radius: 2px;
}
/* ================== Divider ================ */
.divider {
	display: block;
	background: url(images/divider-dark-bg.webp) no-repeat top center;
	position: relative;
	z-index: 9999;
	width: 100%;
	height: 154px;
	margin-top: -18px;
	clear: both;
}
/* ================== Icons ================ */
.icon-title {
	position: absolute;
	text-align: center;
	width: 110px;
	height: 110px;
	background: #000;
	top: 0;
	left: 50%;
	margin-left: -55px;
	border-radius: 50%;
	font-size: 54px;
	line-height: 54px;
	padding-top: 20px;
	z-index: 999;
	border: 5px solid;
}
.icon-title.centered {
	top: 50%;
	margin-top: -55px;
}
.darkbg .icon-title {
	border-color: #424649;
}
.icon-feature {





	border: 3px solid #000;
	background: #1f2227;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	font-size: 32px;
	line-height: 32px;
	padding-top: 15px;
	margin-bottom: 20px;
}
/* ============== Clear spacer ============= */
.margin-clear {
	margin: 0;
}
.padding-clear {
	padding: 0;
}
.margintop-clear {
	margin-top: 0;
}
.paddingtop-clear {
	padding-top: 0;
}
.marginbot-clear {
	margin-bottom: 0;
}
.paddingbot-clear {
	padding-bottom: 0;
}
.marginbot-min40 {
	margin-bottom: -40px;
}
.margintop-min15 {
	margin-top: -15px;
}
/* ============== Custom top spacer ============= */
.margintop5 {
	margin-top: 5px;
}
.margintop10 {
	margin-top: 10px;
}
.margintop15 {
	margin-top: 15px;
}
.margintop20 {
	margin-top: 20px;
}
.margintop25 {
	margin-top: 25px;
}
.margintop30 {
	margin-top: 30px;
}
.margintop35 {
	margin-top: 35px;
}
.margintop40 {
	margin-top: 40px;
}
.margintop45 {
	margin-top: 45px;
}
.margintop50 {
	margin-top: 50px;
}
.margintop55 {
	margin-top: 55px;
}
.margintop60 {
	margin-top: 60px;
}
.margintop80 {
	margin-top: 80px;
}
/* ============== Custom bottom spacer ============= */
.marginbot5 {
	margin-bottom: 5px;
}
.marginbot10 {
	margin-bottom: 10px;
}
.marginbot15 {
	margin-bottom: 15px;
}
.marginbot20 {
	margin-bottom: 20px;
}
.marginbot25 {
	margin-bottom: 25px;
}
.marginbot30 {
	margin-bottom: 30px;
}
.marginbot35 {
	margin-bottom: 35px;
}
.marginbot40 {
	margin-bottom: 40px;
}
.marginbot45 {
	margin-bottom: 45px;
}
.marginbot50 {
	margin-bottom: 50px;
}
.marginbot55 {
	margin-bottom: 55px;
}
.marginbot60 {
	margin-bottom: 60px;
}
.marginbot80 {
	margin-bottom: 80px;
}
/* ============== Custom left spacer ============= */
.marginleft5 {
	margin-left: 1px;
}
.marginleft10 {
	margin-left: 10px;
}
.marginleft15 {
	margin-left: 15px;
}
.marginleft20 {
	margin-left: 20px;
}
/* ============= Custom right spacer ============== */
.marginright5 {
	margin-right: 1px;
}
.marginright10 {
	margin-right: 10px;
}
.marginright15 {
	margin-right: 15px;
}
.marginright20 {
	margin-right: 20px;
}

/* ============== Custom responsive ============= */
@media (min-width: 1200px) {
.features-body {
	background: url(images/horizontals-line.webp) no-repeat top center;
}
.team-wrapper {
	background: url(images/horizontals-line.webp) no-repeat 0 35px;
	background-position: 50% 35px;
}
.team-box {
	width: 170px;
}
.pricing-wrapper {
/*background: url(images/pricing-line.webp) no-repeat top center;*/
}
.slide-wrapper {
	margin-left: 35%;
	width: 30%;
}
}
@media (max-width: 1200px) {
.features-body {
	background: url(images/horizontals-line2.webp) no-repeat top center;
	padding-top: 62px;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.navbar-brand {
	margin-left: 30px;
}
.navbar-brand>img{
	width:150px;
}
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav li a:focus {
	font-size: 11px;
	line-height: 11px;
	font-weight: 700;
	padding: 20px 4px 20px 4px;
}
.slide-wrapper {
	margin-left: 25%;
	width: 50%;
}
.features-body {
	background: none;
	padding-top: 110px;
}
.features-box {
	width: 50%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.contain-body {
	background: none;
}
blockquote p {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}
.Products-wrapper ul li {
	width: 50%;
}
.Products-wrapper.grid_col_one ul li {
	width: 100%;
}
.Products-wrapper.grid_col_two ul li {
	width: 100%;
}
.Products-wrapper.grid_col_three ul li {
	width: 50%;
}
.Products-wrapper.grid_col_four ul li {
	width: 50%;
}
.Products-wrapper.grid_col_five ul li {
	width: 50%;
}
.Products-wrapper.grid_col_six ul li {
	width: 50%;
}
/*.team-left .team-box{
		margin-right:10px;
	}
	.team-right .team-box{
		margin-left:10px;
	}*/



.team-wrapper {
	background: none;
	background: url(images/vertical-line.webp) repeat-y top center;
	padding-top: 160px;
	padding-bottom: 40px;
}
.team-left, .team-right {
	float: none;
	width: 170px;

	margin: 0 auto;
	text-align: center;
}
.team-box {
	float: none;
	width: 170px;
	margin: 0 auto;
	display: block;
}
.team-right .wpb_wrapper {
	float: none;
}
.team-left .team-box, .team-right .team-box {
	margin: 0 auto 30px auto;
}
.pricing-wrapper {
	background: none;
	position: relative;
	padding-top: 63px;
}
}
 @media (max-width: 361px) {
.navbar-brand>img {
	width: 170px !important;
	top: 0px !important;
	position: relative;
}
}
 @media (max-width: 767px) {
.navbar-header {
	float: left;
	width: 100%;
}
.navbar-brand>img {
	width: 200px;
}
.navbar-brand {
	margin-left: 15px;
}
.navbar-default .collapse {
	clear: both;
	border-top: none;
	float: none;
	width: 100%;
	box-shadow: none;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
	padding: 0;
	border: none;
}
.navbar-nav, .navbar-nav li {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
}
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav li a:focus {
	padding: 20px;
	margin: 0;
}
.navbar-default .navbar-nav li a.selected, .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .dropdown.active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .dropdown.active a:hover, .navbar-default .navbar-nav .active a:focus, .navbar-default .navbar-nav .dropdown.active a:focus {
	background-image: none;
}
.slide-wrapper {
	margin-left: 22.5%;
	width: 55%;
}
.features-body {
	background: none;
	padding-top: 110px;
}
.features-box {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.contain-body {
	background: none;
}
.testimoni-avatar, .testimoni-text {
	width: 100%;
}
.Products-wrapper ul li {
	width: 100%;
}
.Products-wrapper.grid_col_one ul li {
	width: 100%;
}
.Products-wrapper.grid_col_two ul li {
	width: 100%;
}
.Products-wrapper.grid_col_three ul li {
	width: 100%;
}
.Products-wrapper.grid_col_four ul li {
	width: 100%;
}
.Products-wrapper.grid_col_five ul li {
	width: 100%;
}
.Products-wrapper.grid_col_six ul li {
	width: 100%;
}
.team {
	padding-top: 140px;
}
.team-wrapper {
	background: none;
	background: url(images/vertical-line.webp) repeat-y top center;
	padding-top: 160px;
	padding-bottom: 40px;
}
.team-left, .team-right {
	float: none;
	width: 170px;
	margin: 0 auto;
	text-align: center;
}
.team-box {
	float: none;
	width: 170px;
	margin: 0 auto;
	display: block;
}
.team-right .wpb_wrapper {
	float: none;
}
.team-left .team-box, .team-right .team-box {
	margin: 0 auto 30px auto;
}
.icon-title.centered {
	top: 0;
	margin-top: 0;
}
.blog-thumbls, .artcle {
	width: 100%;
}
.pricing-wrapper {
	background: none;
	position: relative;
	padding-top: 63px;
}
.headline {
	font-size: 25px;
	line-height: normal;
	border-bottom: 3px solid #000;
}
.headline span {
	font-size: 20px;
}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
	opacity: 0.4;
}
.img-mobile {
	display: none;
}
.article-wrapper, aside {
	width: 100%;
}
}
 @media only screen and (max-width: 650px) {
.headline {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: normal;
	border-bottom: 2px solid #000;
}
.slide-wrapper {
	margin-left: 15%;
	width: 70%;
}
.home-headline h4 {
	font-size: 18px;
}
.home-headline h2 {
	font-size: 18px !important;
}
}
 @media only screen and (max-width: 380px) {
.headline span {
	font-size: 17px !important;
}
}
/* =============== Demo ============ */
.demo-panel {
	background: #000;
	color: #000;
	width: 240px;
	display: none;
	height: auto;
	left: 0;
	padding: 0;
	top: 70px;
	position: fixed;
	_position: absolute;
	z-index: 99999;
	border: 1px solid #e1e1e1;
	border-left: none;
}
.demo-panel h6 {
	text-align: center;
	margin-bottom: 10px;
	padding: 12px 0 13px 0;
	text-transform: uppercase;
	color: #2c323a;
	background: #f4f6f7;
}
a.openpanel {
	_background-image: none;
	background: #f4f6f7;
	padding: 8px 10px 6px 10px;
	border-left: none;
	color: #000;
	display: block;
	left: 0;
	text-align: center;
	font-size: 24px;
	top: 70px;
	z-index: 99999;
	position: fixed;
	_position: absolute;
	border-left: none;
}
a.openpanel {
	text-decoration: none;
}
a.active.openpanel {
	border-left: none;
	_position: absolute;
	left: 229px;
}
a.openpanel:hover, a.openpanel:focus, a.openpanel:active {
	outline: none;
}
.stylechanger, .layout, .bgchanger {
	width: 100%;
	float: left;
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
}
.stylechanger {
	margin: 0 10px 10px 10px;
	padding: 0;
}
.stylechanger li, .bgchanger li {
	list-style: none;
	float: left;
	width: 25px;
	height: 25px;
	margin: 0 10px 10px 10px;
}
.stylechanger li a, .bgchanger li a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}
.layout {
	margin: 0;
	padding: 0;
}
.layout li {
	list-style: none;
	float: left;
	width: 42%;
	height: auto;
	margin: 0 4% 10px 4%;
	text-align: center;
}
.layout li.full {
	width: 92%;
	margin: 0 4% 10px 4%;
}
#color1 {
	background: #E5173E;
}
#color2 {
	background: #fa7338;
}
#color3 {
	background: #f3a715;
}
#color4 {
	background: #68aa56;
}
#color5 {
	background: #4cab93;
}
#color6 {
	background: #36a5bd;
}
#color7 {
	background: #4c8bc1;
}
#color8 {
	background: #5766a4;
}
#color9 {
	background: #7260a4;
}
#color10 {
	background: #b281b2;
}
#color11 {
	background: #fa87a0;
}
#color12 {
	background: #e55237;
}
#color13 {
	background: #4682b4;
}
#color14 {
	background: #3abfc2;
}
#color15 {
	background: #c24444;
}
#color16 {
	background: #994d4d;
}
#color17 {
	background: #54c798;
}
#color18 {
	background: #ffb347;
}
#color19 {
	background: #54c7b0;
}
#color20 {
	background: #771f4f;
}
.copyrigh img {
	height: 15px;
	padding: 0 3px;
}
.home-bold-text {
	color: #E5173E;
	font-weight: bold;
}
.navbar-default {
	padding-bottom: 0px;
}
#intro p {
	font-size: 15px;
	text-align: justify
}
.mt15 {
	margin-top: 15px;
}
.fa-cb_mongram {
	background: #000 url(../../uploads/2016/10/social_icon_2.0.webp) center center no-repeat;
	content: "";
}
.mb100 {
	margin-bottom: 100px !important
}
.btn-lg {
	font-size: 24px !important;
	line-height: normal !important;
	padding: 13px 25px 15px !important;
}
#Advantages a {
	display: none;
}
#Social_Media {
	background: #1f2227;
}
#Social_Media h4 {
	font-weight: 300;
	text-align: center;
	text-transform: none;
	line-height: normal;
}
.smm {
	font-weight: 600;
	text-transform: uppercase;
}
@media (max-width: 481px) {
.subscribe-form {
	width: 100% !important;
}
.heading span {
	font-size: 16px !important;
}
}
.icon-feature {
	font-size: 30px !important;
}
.vc_icon_element {
	margin-bottom: 15px !important;
}
.icon_bg {
	margin-bottom: 15px;
}
.social_media_text p {
	font-size: 15px;
	font-weight: normal !important;
	line-height: 27px;
	text-align: justify;
}
.black_color .headline {
	color: #1f2227;
	border-bottom: 5px solid #1f2227;
}
.black_color p {
	color: #1f2227;
}
.social_media_text {
	padding: 0px 0px;
}
/*.circle-1::before {
	background: url("https://FT_Nexavvy.com/social/wp-content/uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	content: "1";
	font-size: 52px;
	font-weight: normal !important;
	display: block;
	position: absolute;
	right: 0px;
	height: 75px;
	line-height: 70px;
	color: #ddd !important;
	text-align: center;
	width: 75px !important;
}*/

@media (max-width: 769px) {
.circle-1::before {
	background: rgba(0, 0, 0, 0) url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	top: -60px;
	color: #ddd !important;
	content: "1";
	display: block;
	font-size: 35px;
	font-weight: normal !important;
	height: 50px;
	left: 15px;
	line-height: 45px;
	position: absolute;
	text-align: center;
	width: 50px !important;
}
.circle-2::before {
	background: url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	bottom: -60px;
	content: "2";
	font-size: 35px;
	font-weight: normal !important;
	display: block;
	position: absolute;
	right: 15px;
	height: 50px;
	line-height: 45px;
	color: #ddd !important;
	text-align: center;
	width: 50px !important;
}
.circle-3::before {
	background: url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	top: -60px;
	color: #ddd !important;
	content: "3";
	display: block;
	left: 15px;
	font-size: 35px;
	font-weight: normal !important;
	height: 50px;
	line-height: 45px;
	position: absolute;
	text-align: center;
	width: 50px !important;
}
}
@media (max-width: 767px) {
.nav > li > a {
	padding: 15px !important;
}
.social_media_text p {
	margin-bottom: 35px !important;
}
}
@media (min-width: 767px) and (max-width: 1025px) {
.headline {
	font-size: 30px !important;
}
.headline span {
	font-size: 24px !important;
}
.fs26 {
	font-size: 21px !important;
	font-weight: bold !important;
}
}
@media (min-width: 769px) and (max-width: 1025px) {
.circle-1::before {
	background: rgba(0, 0, 0, 0) url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	bottom: -70px;
	color: #ddd !important;
	content: "1";
	display: block;
	font-size: 35px;
	font-weight: normal !important;
	height: 50px;
	left: 15px;
	line-height: 45px;
	position: absolute;
	text-align: center;
	width: 50px !important;
}
.circle-2::before {
	background: url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	bottom: -70px;
	content: "2";
	font-size: 35px;
	font-weight: normal !important;
	display: block;
	position: absolute;
	right: 15px;
	height: 50px;
	line-height: 45px;
	color: #ddd !important;
	text-align: center;
	width: 50px !important;
}
.circle-3::before {
	background: url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	bottom: -70px;
	color: #ddd !important;
	content: "3";
	display: block;
	left: 15px;
	font-size: 35px;
	font-weight: normal !important;
	height: 50px;
	line-height: 45px;
	position: absolute;
	text-align: center;
	width: 50px !important;
}
}
@media (max-width: 1025px) {
.darkbg, .colorbg {
	position: relative;
	z-index: 9999;
}
.navbar-default {
	z-index: 9999;
}
}
@media (min-width: 1026px) {
.fs26 {
	font-size: 25px !important;
	font-weight: bold !important;
}
.circle-1 {
	padding-top: 80px;
}
.circle-2 {
	padding-top: 80px;
}
.circle-3 {
	padding-top: 80px;
}
.circle-1::before {
	background: rgba(0, 0, 0, 0) url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	bottom: -100px;
	color: #ddd !important;
	content: "1";
	display: block;
	font-size: 52px;
	font-weight: normal !important;
	height: 75px;
	left: 15px;
	line-height: 70px;
	position: absolute;
	text-align: center;
	width: 75px !important;
}
.circle-2::before {
	background: url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	bottom: -100px;
	content: "2";
	font-size: 52px;
	font-weight: normal !important;
	display: block;
	position: absolute;
	right: 15px;
	height: 75px;
	line-height: 70px;
	color: #ddd !important;
	text-align: center;
	width: 75px !important;
}
.circle-3::before {
	background: url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain;
	bottom: -100px;
	color: #ddd !important;
	content: "3";
	display: block;
	font-size: 52px;
	font-weight: normal !important;
	height: 75px;
	left: 15px;
	line-height: 70px;
	position: absolute;
	text-align: center;
	width: 75px !important;
}
}
@media (max-width: 767px) {
.mob-circle-2::before {
	background: url("../../uploads/2016/10/circle-1.webp") repeat scroll 0 0 / contain !important;
	top: -60px;
	content: "2";
	font-size: 35px;
	font-weight: normal !important;
	display: block;
	position: absolute;
	left: 15px;
	height: 50px;
	line-height: 45px;
	color: #ddd !important;
	text-align: center;
	width: 50px !important;
}
.circle-2::before {
	display: none;
}
}
#page-heading {
	background: #1f2227 !important;
	padding: 20px 0 10px !important;
	z-index: 9;
}
#page-heading h4 {
	font-size: 32px;
	line-height: normal;
	background: #1f2227;
	text-align: center;
}
.monogram_icon .fa-question {
	background: url(../../uploads/2016/10/monogram_icon.webp) center center no-repeat !important;
	width: 60px !important;
	height: 60px !important;
}
.monogram_icon .fa-question::before {
	content: none;
}
.container>.navbar-header {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
textarea {
	resize: none;
}
.p0 .vc_column-inner {
	padding: 0px !important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
	margin-bottom: 0px !important;
}
.even-color {
	color: #e5173e;
	text-transform: capitalize;
}
.odd-color {
	text-transform: capitalize;
}
.testimoni-text h3 {
	font-size: 18px;
	margin-bottom: 0px;
}
.subscribe-text input {
	font-size: 24px !important;
	text-align: center;
}
.fa-cb_mongram-bg-white {
	background: #000 url(../../uploads/2016/11/social_icon_2-bg-white.webp) center center no-repeat;
	content: "";
	border: #e5173e solid 5px;
}
.woocommerce-currency-switcher-form .dd-selected {
	background: #f2f2f2 !important;
}
.ipt_uif_common.ipt-uif-custom-bootstrap .ipt_uif_container .ipt_uif_container_head {
	background: #000 !important;
}
.ipt_uif_common.ipt-uif-custom-bootstrap .ipt_uif_container .ipt_uif_container_inner {
	background: #000 !important;
}
.author-cbsocial .contain {
	background: none !important;
}
.category-digital-marketing .contain {
	background: none !important;
}
.fa-price-list {
	background: #000 url(../../uploads/2016/12/usd_Social_Media.webp) center center no-repeat;
	content: "";
	border: #e5173e solid 5px;
	background-size: contain;
	background-position: 0px 5px;
}
.pricing-head {
	display: none;
}
.pricing-body p {
	background: #ebecee;
	padding: 55px 0 22px;
	margin-bottom: 0px;
}
input[type=checkbox], input[type=radio] {
	height: auto !important;
}
@media (max-width: 767px) {
.ipt_uif_tabs_toggler {
	display: none !important;
}
}
@media (max-width: 400px) {
.custom_Price {
	font-size: 14px !important;
	left: 140px !important;
	line-height: normal;
	padding-right: 30px;
	top: 22px !important;
}
}
@media (max-width: 359px) {
.ipt_uif_ajax_loader_text {
	font-size: 11px !important;
}
}
@media (max-width: 767px) {
.client-img {
	margin-bottom: 2px !important;
}
.home-logo {
	width: 260px !important;
}
}
 @media (max-width: 800px) {
.subscribe-pck-text {
	border: 3px solid #879aa4;
	border-radius: 50px;
	font-size: 20px !important;
	padding: 10px 20px !important;
	letter-spacing: 0 !important;
}
}
 @media (min-width: 801px) {
.subscribe-pck-text {
	border: 3px solid #879aa4;
	border-radius: 50px;
	font-size: 25px !important;
	letter-spacing: 0 !important;
	padding: 12px 50px;
	color: #879aa4 !important;
}
}
.author-cbsocial .media {
	display: none;
}
.ipt_uif_container_inner {
	padding-bottom: 35px !important;
}
.preview_td::after {
	bottom: 0;
	color: #e5173e;
	content: "Uploaded Successfully";
	font-size: 14px;
	height: 15px;
	left: 20px;
	padding-bottom: 15px;
	position: absolute;
}
.testimoni-text p {
	padding-top: 10px;
}
.subscribe-pck-text a {
	color: #879aa4;
	text-decoration: none;
	text-transform: none !important;
	display: block;
	line-height: normal;
}
.subscribe-pck-text a:hover {
	color: #879aa4;
}
.testimoni-text h3 {
	display: none;
}
.home-logo {
	width: 300px;
}
#Industry i {
	border: 5px solid #1f2227;
}
@media (min-width: 768px) {
.navbar-brand>img {
	top: -5px !important;
	position: relative;
}
}
.client-img img {
	padding: 5px;
}
.copyrigh {
	font-size: 14px !important;
}
.enroll-section button {
	height: 40px !important;
}
.client-img {
	border: 1px solid #ddd;
	margin: -1px 0 0 -1px;
}
.sel-lang-box select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	background: url("../../uploads/2016/12/down-arrow-1.webp") no-repeat scroll right center;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	-webkit-border-radius: 0;
	color: white;
	font-size: 12px;
	height: auto;
	top: 4px;
	outline: medium none;
	padding: 0 10px;
	position: absolute;
	width: 82px !important;
	z-index: 999;
}
.sel-lang-box {
	position: absolute;
	right: 0;
	top: 20px;
	width: 125px;
}
.lang-ing {
	float: left;
	position: relative;
	z-index: 9;
	border: none;
	border-right: none;
}
.sel-lang-box> option:nth-child(1), .sel-lang-box> option:nth-child(2), .sel-lang-box> option:nth-child(3) {
	background-color: #e5173e !important;
	Color: #000 !important;
}
.lang-ing > img {
	width: 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sel-lang-box select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	background: url("../../uploads/2016/12/down-arrow-1.webp") no-repeat scroll right center;
	top: 2px !important;
	outline: medium none;
}
.sel-lang-box option {
	background-color: #e5173e !important;
	Color: #000 !important;
}
}
.home-headline h2 {
	font-size: 26px;
	line-height: normal;
	font-weight: normal;
}
.light-font {
	float: left;
	font-size: 15px;
	font-weight: 600;
	line-height: 25px;
	margin: 0 !important;
	position: relative;
	text-transform: uppercase;
}
.legal-menu li {
	background: #f9f9f9 none repeat scroll 0 0;
	left: 0;
	list-style: outside none none;
	margin-bottom: 2px;
	padding: 10px;
}
.legal-menu .current-menu-item{
	background:#e5173e;
}
.legal-menu li a {
    text-decoration: none;
}
.legal-menu .current-menu-item a{
	color:#000;
}
@media (max-width: 769px) {
.ourclients_gallery li{
	width:50% !important;
}
.ourclients_gallery {
    margin-top: -50px;
}
}
@media (min-width: 1023px) and (max-width: 1199px) {
.navbar-default .navbar-nav li a, .navbar-default .navbar-nav li a:focus{
	font-size:12px;
	padding:20px 10px 20px 10px
}
}
.social-media-engine-title {
    letter-spacing: 5.4px;
}