.bg_load {
    position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #EEE;
	z-index: 999999999;
}

.wrapper {
    /* Size and position */
	font-size: 25px; /* 1em */
    width: 8em;
	height: 8em;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -100px;

    /* Styles */
	border-radius: 50%;
    background: rgba(255,255,255,0.1);
    border: 1em dashed rgba(138,189,195,0.5);
    box-shadow: 
        inset 0 0 2em rgba(255,255,255,0.3),
        0 0 0 0.7em rgba(255,255,255,0.3);
    animation: rota 3.5s linear infinite;

    /* Font styles */
    font-family: 'Raleway', sans-serif;
    
    color: #444;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 .04em rgba(255,255,255,0.9);
    line-height: 6em;
}

.wrapper:before,
.wrapper:after {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: inherit;
    box-shadow: inset 0 0 2em rgba(255,255,255,0.3);
    border: 1em dashed;
}

.wrapper:before {
    border-color: rgba(138,189,195,0.2);
	top: 0; right: 0; bottom: 0; left: 0;
}

.wrapper:after {
	border-color: rgba(138,189,195,0.4);
    top: 1em; right: 1em; bottom: 1em; left: 1em; 
}

.wrapper .inner {
    width: 100%;
    height: 100%;
    animation: rota 3.5s linear reverse infinite;
}

.wrapper span {
    display: inline-block;
    animation: placeholder 1.5s ease-out infinite;
}

.wrapper span:nth-child(1)  { animation-name: loading-1;  }
.wrapper span:nth-child(2)  { animation-name: loading-2;  }
.wrapper span:nth-child(3)  { animation-name: loading-3;  }
.wrapper span:nth-child(4)  { animation-name: loading-4;  }
.wrapper span:nth-child(5)  { animation-name: loading-5;  }
.wrapper span:nth-child(6)  { animation-name: loading-6;  }
.wrapper span:nth-child(7)  { animation-name: loading-7;  }

@keyframes rota {
    to { transform: rotate(360deg); }
}

@keyframes loading-1 {
    14.28% { opacity: 0.3; }
}

@keyframes loading-2 {
    28.57% { opacity: 0.3; }
}

@keyframes loading-3 {
    42.86% { opacity: 0.3; }
}

@keyframes loading-4 {
    57.14% { opacity: 0.3; }
}

@keyframes loading-5 {
    71.43% { opacity: 0.3; }
}

@keyframes loading-6 {
    85.71% { opacity: 0.3; }
}

@keyframes loading-7 {
    100% { opacity: 0.3; }
}


/* Bhushan */
.w100
{
	width:100%;	
}
.wunderking-section {
  padding: 10%;
  position: absolute;
  top: 25%;
  width: 60%;
  z-index: 9999999;
}
.wunderking-section p {
  color: #000;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 25px;
  font-weight:600;
}

.dyanamic-section {
  bottom: 10%;
  padding: 5%;
  position: absolute;
  right: 12%;
  width: 50%;
}

.dyanamic-section > p {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 20px;
}

.connect-section {
  left: 10%;
  position: absolute;
  top: 20%;
}
.connect-section > p {
  border-top: medium solid red;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  padding-top: 25px;
}
.core-c-section > h2 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 24px;
  margin-bottom: 25px;
  text-align: center;
}

#marginTop {
  height: 200px;
}

#wrapper {

}

#redBox {
		width:50px;
		height:50px;
		background: red;
  transform: translate3d(692.815112px, 0px, 0px);
	}
	
#target h2 {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.connect_service
{
	
	padding:100px 0;  position: relative; overflow: hidden;
}
.brand-section {
  margin: 40px 0;
}

#bulb {
	height: 500px;
	left: 0;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	right: 0;
	top: -150px;
	-webkit-transform-origin: 50% -100%;
	-moz-transform-origin: 50% -100%;
	-ms-transform-origin: 50% -100%;
	-o-transform-origin: 50% -100%;
	transform-origin: 50% -100%;
	-webkit-animation: bulb 4.0s ease-in-out forwards infinite;
	-moz-animation: bulb 4.0s ease-in-out forwards infinite;
	-ms-animation: bulb 4.0s ease-in-out forwards infinite;
	-o-animation: bulb 4.0s ease-in-out forwards infinite;
	animation: bulb 4.0s ease-in-out forwards infinite;
	width: 180px;
}

@keyframes bulb {
	0% {
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	}
	50% {
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	}
	100% {
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	}
}

.brand-connect-title {
  color: #fff;
  display: table-cell;
  font-size: 80px;
  font-weight: bold;
  height: 500px;
  min-height: 500px;
  vertical-align: middle;
}
.featured-word-wrap {
  padding: 100px 0 0; background-image: url(../images/portfolio_banenr.jpg); background-repeat: no-repeat;
}
.featured-work {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 5%;
  text-align: center;
  text-transform: uppercase;
}
.porfolio {
  padding: 15px;
}
.team-title > p {
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.team-title > h2 {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}
.team-title {
  margin-bottom: 5%;
}
.team-wrapper
{
	padding:6% 0; background-image:url(../images/team-bg.png); background-attachment:fixed; background-size:cover;
}
.contact-us-section
{
	padding:100px 0; background-image:url(../images/contact-bg.png); background-size:cover;	background-attachment:fixed;
}
.contact-us-title > h2 {
  color: #fff;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin-bottom:5%;
}

.red{
    color:red;
    }
.contct-wrap h4 {
  color: #D8253C;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.contct-wrap {
  padding: 30px 0;
}
.cont > p {
  color: #fff;
font-weight: 600;
margin-top: 14px;
font-size: 16px;
line-height: 26px;
}
.cont {
  margin-bottom: 30px;
}

/* Menu CSS */
.page-header {
  background: #fff;
  overflow: visible;
}
.page-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: top 0.6s;
  -moz-transition: top 0.6s;
  transition: top 0.6s;
	z-index: 999;
}

.page-header.off-canvas { top: -89px; }

.page-header.fixed {
  top: 0;
  z-index: 9999;
}

.navbar-default{

}
.navbar-default .navbar-nav > li > a{
	color:#000; letter-spacing: 1px;
}
.navbar-default .navbar-nav > .dropdown > a .caret{
	border-top-color: #000;
    border-bottom-color: #000;
}
.navbar-default .navbar-brand{
	color:#fff;
}
.menu-large {
  position: static !important;
}
.megamenu{
  padding: 20px 0px;
  width:auto;
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none; padding: 10px 0;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #fff;
  white-space: normal; letter-spacing: 1px;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #DC342F;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;

  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }
}

.dropdown-menu p {
  border-top: 1px dashed #fff;
  color: #fff;
  letter-spacing: 1px;
  margin-top: 10px;
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
.mobile-view
{
display:none;	
}

.caption_section {
	left: 20%;
    position: absolute;
    top: 45%;
    z-index: 9;
	width: 60%;
}
.typewrite {
  color: #fff !important;
  font-style: normal;
  font-size: 74px;
}
.typewrite:hover
{
	text-decoration: none;
}

.about_us_section {
  padding: 10%;
  position: absolute;
  top: 0%;
  width: 60%;
  z-index: 9999999;
}
.about_us_section h2
{
	font-size: 48px; font-weight: bold;margin-bottom: 15px;
}
.about_us_section h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px; letter-spacing: 2px;
}
.about_us_section p
{
	font-size: 15px; line-height: 28px; letter-spacing: 2px;
}
.about_us_section > a {
  display: inline-block;
  background-color: #DC342F;
  color: #fff;
  padding: 10px 25px;
  margin-top: 25px;
	font-weight: bold; letter-spacing: 2px;
} 

.local_client {
  position: absolute;
 top: 70px;
  width: 100%;
  z-index: 9999999;
}
.local_client img {
  width: 100%; padding: 10px; display: block;
	
	
    transition: .3s ease-in-out;cursor: pointer;
}
.local_client img:hover
{
 		  -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
}
.border-right
{
	border-right:solid 1px #dddddd;
}
.border-bottom
{
	border-bottom:solid 1px #dddddd;
}
.connect_service h2 {
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 25px;
  font-size: 28px;
}
.navbar-nav > li > a {
  line-height: 46px !important;
}
.cont a {
  color: #fff;
}

#pinContainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.panel {
	height: 100%;
	width: 100%;
	position: absolute; z-index: 99;
}

.artist_website_banner
{
	background-image: url(../images/artist-website-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.banner_title {
  color: #fff;
  font-size: 48px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 1px;
}

.breadcrumb.banner_breadcumb {
  float: right;
  margin-top: 10%;
}
.col-centerd
{
	display: inline-block; float: none !important;
}
.row-centerd
{
	text-align: center !important;
}
.artist_txt h3, h2 {
  color: #dc342f;
  font-size: 28px;
  letter-spacing: 1px; margin-bottom: 25px;
}
.artist_txt p {
  color: #000;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 26px;
}
.artist_txt1 {
  background: #fff none repeat scroll 0 0;
  margin-left: -15%;
  margin-top: 8%;
  padding: 25px;
  text-align: left;
	
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}

.artist_txt1 > h3 {
  color: #dc342f;
  font-size: 18px;
  letter-spacing: 1px;
}
.artist_txt1 > p {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
}
.artist_section_2 {
  padding: 70px 0;
}
.artist_section_3 p {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
}
.artist_section_3 li {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
}
.footer_section {
  background-color: #000;
  float: left;
  padding: 10px 0;
  width: 100%;
}
.footer_section p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  text-align: left;
}
.artist_txt1 > ul {
  padding: 0;
}
.artist_txt1 li {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  margin-left: 15px;
}
.automobile_section > h3
{
	 color: #dc342f;
    font-size: 18px;
    letter-spacing: 1px;
}
.charity_section > h3
{
	color: #dc342f;
    font-size: 18px;
    letter-spacing: 1px;
}
.charity_section > ul {
  padding: 0;
}
.charity_section li {
  margin-left: 15px;
}
.automobile_banner
{
	background-image: url(../images/automobile_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.charity_section {
  background: #f2f2f2 none repeat scroll 0 0;
  margin-bottom: 30px;
  min-height: 420px;
  padding: 25px;
}

.tech_support {
  background: #efefef none repeat scroll 0 0;
  left: -200px;
  margin-top: 35%;
  padding: 25px;
  position: absolute;
	
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.2);
}
.tech_support_wrap {
  padding: 50px 0 5% 0;
  position: relative;
  margin-left:-30px;
}
.tech_support > p {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 27px;
  margin-bottom: 20px;
}
.tech_support_1 {
  padding-top: 50px; padding-bottom: 50px;
}
.techsupport_bg {
  background: #222425 none repeat scroll 0 0;
  min-height: 396px;
  padding: 30px;
}
.techsupport_bg > p {
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 27px;
  margin-bottom: 20px;
}

.tech_support li {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
}
.techsupport_bg > h4 {
  color: #fff;
  letter-spacing: 1px;
}
.techsupport_bg > ul {
  padding: 0;
}
.techsupport_bg li {
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 23px;
  margin-left: 15px;
}
.ecommerce_website > h3
{
	color: #dc342f;
    font-size: 28px;
    letter-spacing: 1px;
}
.ecommerce_website > p {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  margin-bottom: 20px;
  margin-top: 50px;
}
.finacial_website_section {
  padding: 100px 0;
}
.finacial_website_1 > p {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  text-align: justify;
}
.finacial_website_1 {
  background: #f2f2f2 none repeat scroll 0 0;
  padding: 20px;
}
.color_1 {
  background: #898989 none repeat scroll 0 0;
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  min-height: 80px;
  padding: 15px;
  text-align: center; margin-bottom: 10px;
}
.finacial_wrap {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  padding: 25px;
}
.finacial_wrap > p {
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
  margin-bottom: 20px;
}
.marketing_website h4 {
  color: #dc342f;
  letter-spacing: 1px;
  line-height: 28px;
}
.marketing_website > ul {
  padding: 0;
}
.marketing_website li {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  margin-left: 15px;
}
.dropdown-menu {
  border: none !important;  
}
.seo_links > a {
  color: #dc342f;
  font-size: 16px;
  line-height: 28px;
  margin-right: 5px;
  padding-right: 5px;
}
.footer_seo_links {
  padding: 25px 0 100px;
}
.business_banner
{
	background-image: url(../images/business_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.charity_banner
{
	background-image: url(../images/charity_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.media_banner
{
	background-image: url(../images/media_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.classified_banner
{
	background-image: url(../images/classified_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.technical_support_banner
{
	background-image: url(../images/technical_support_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.ecommerce_website_banner
{
	background-image: url(../images/ecommerce_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.hotel_resturant_banner
{
	background-image: url(../images/hotel_resturant_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.educational_website_banner
{
	background-image: url(../images/educational_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm_website_banner
{
	background-image: url(../images/mlm_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-money-order-plan-banner
{
	background-image: url(../images/mlm-money-order-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-help-plan-banner
{
  background-image: url(../images/mlm-help-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
  background-size:cover;
}

.mlm-crowdfunding-plan-banner
{
	background-image: url(../images/mlm-crowdfunding-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-unilevel-plan-banner
{
	background-image: url(../images/mlm-unilevel-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-board-plan-banner
{
	background-image: url(../images/mlm-board-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-australian-binary-plan-banner
{
	background-image: url(../images/mlm-australian-binary-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-binary-plan-banner
{
	background-image: url(../images/mlm-binary-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-matrix-plan-banner
{
	background-image: url(../images/mlm-matrix-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}


.mlm-generation-plan-banner
{
	background-image: url(../images/mlm-generation-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-single-leg-plan-or-monoline-plan-banner
{
	background-image: url(../images/mlm-single-leg-plan-or-monoline-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mlm-level-plan-banner
{
	background-image: url(../images/mlm-level-plan-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.binary_plan
{
	background-image: url(../images/binary-plan.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.event_website_banner
{
	background-image: url(../images/event_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}



.finacial_website_parellex {
  background-attachment: fixed;
  background-image: url("../images/finacial_website_parellex.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.finacial_website_banner
{
	background-image: url(../images/finacial_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.government_banner
{
	background-image: url(../images/government_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.hospital_website_banner
{
	background-image: url(../images/hospital_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.real_estate_banner
{
	background-image: url(../images/real_estate_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.hr_placement_banner
{
	background-image: url(../images/hr_placement_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.industrial_website_banner
{
	background-image: url(../images/industrial_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.journal_website_banner
{
	background-image: url(../images/journal_website_banner2.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.spiritual_website_banner
{
	background-image: url(../images/spiritual_website_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.travel_website_image_banner
{
	background-image: url(../images/travel_website_image_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.contact_us_banner
{
	background-image: url(../images/contact-us-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.about_us_banner
{
	background-image: url(../images/about_us_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.our_team_banner
{
	background-image: url(../images/our-team-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.hire_an_expert_banner
{
	background-image: url(../images/hire_an_expert_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.lead_generation_banner
{
	background-image: url(../images/lead_gen-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.bulk_email_services
{
	background-image: url(../images/bulk_email_services.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.bulk-sms-banners
{
	background-image: url(../images/bulk-sms-banners.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.ssl_services
{
	background-image: url(../images/ssl_services.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.payment-gateway-banner
{
	background-image: url(../images/payment-gateway-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.business-mail-banner
{
	background-image: url(../images/business-mail-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.company-profile-banner
{
	background-image: url(../images/company-profile-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.google-local-business-listing-services
{
	background-image: url(../images/google-local-business-listing-services.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.advertising_banner
{
	background-image: url(../images/advertising_banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.cleaning-and-maintenance-website-design-banner
{
	background-image: url(../images/cleaning-and-maintenance-website-design-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.beauty-salon-website-design-banner
{
	background-image: url(../images/beauty&salon-website-design-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.beauty-salon-website-design-banner
{
	background-image: url(../images/beauty&salon-website-design-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.hr-placement-banner
{
	background-image: url(../images/hr-placement-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.animal-and-pet-banner
{
	background-image: url(../images/animal-and-pet-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.architecture-website-design
{
	background-image: url(../images/architecture-website-design.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
	
}

.counselors-website-design-banner
{
	background-image: url(../images/counselors-website-design-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.movers-and-packers-website-design
{
	background-image: url(../images/movers-and-packers-website-design.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

website-development-nashik-banner
{
	background-image: url(../images/web-development-services-in-nashik-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.seo-banner
{
	background-image: url(../images/seo-nasik-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.seo-banner-pune
{
	background-image: url(../images/pune-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.seo-banner-aurangabad
{
	background-image: url(../images/aurangabad-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}
.seo-banner-navi-mumbai
{
	background-image: url(../images/navi-mumbai-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.seo-banner-thane
{
	background-image: url(../images/thane-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.shirdi-banner
{
	background-image: url(../images/shirdi-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.goa-banner
{
	background-image: url(../images/goa-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.ahmednagar-banner 
{
	background-image: url(../images/ahmednagar-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.mumbai-banner 
{
	background-image: url(../images/mumbai-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.malegaon-banner 
{
	background-image: url(../images/malegaon-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.malegaon-banner 
{
	background-image: url(../images/malegaon-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.dhule-banner 
{
	background-image: url(../images/dhule-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.kharghar-banner 
{
	background-image: url(../images/kharghar-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.vashi-banner 
{
	background-image: url(../images/vashi-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.andheri-banner 
{
	background-image: url(../images/andheri-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.bandra-banner 
{
	background-image: url(../images/bandra-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.dadar-banner 
{
	background-image: url(../images/dadar-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.delhi-banner 
{
	background-image: url(../images/delhi-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.uae-banner 
{
	background-image: url(../images/uae-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.dubai-banner 
{
	background-image: url(../images/dubai-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.abudhabi-banner 
{
	background-image: url(../images/abudhabi-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.sharjah-banner 
{
	background-image: url(../images/sharjah-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.maharashtra-banner
{
	background-image: url(../images/maharashtra-banner.png); background-repeat: no-repeat; min-height: 500px;  padding-top: 13%;
	background-size:cover;
}

.contact_us_wrapper
{
	width: 100%; float: left; padding: 100px 0;
}
.form_conatc_us input {
  border: 1px solid #ccc; color: #000;
}
.form_conatc_us textarea {
  border: 1px solid #ccc; color: #000;
}

.form_conatc_us .form-control:focus {
  border-color: #ccc;
  outline: 0 none;
}
.cont_page h4 {
  color: #dc342f;
  font-size: 22px;
  margin-bottom: 10px;
}
.cont_page > p {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 28px;
}
.cont_page {
  margin-bottom: 25px;
}
.btn.submit_btn {
  background: #dc342f none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: block;
  font-size: 18px;
  padding: 6px 15px;
  width: 20%;
}
.contact_us_page {
  background: #f5f5f5 none repeat scroll 0 0;
  min-height: 420px;
  padding: 25px;
}

.infrastructure_section {
  padding: 0 0 100px 0;
}

.infra_section {
  background: #3acff7 none repeat scroll 0 0;
  min-height: 450px;
  padding: 25px;
}

.infra_section h3 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
}

.infra_section > p {
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
  text-align: justify;
}

.infra_section1 {
  background: #cabd8b;
  min-height: 450px;
  padding: 25px;
}

.infra_section1 h3 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
}

.infra_section1 > p {
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
  text-align: justify;
}

.infra_section2 {
  background: #FA9C56;
  min-height: 450px;
  padding: 25px;
}

.infra_section2 h3 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
}

.infra_section2 > p {
  color: #fff;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 24px;
  text-align: justify;
}
.hire_an_expert_section {
  background: #f5f5f5 none repeat scroll 0 0;
  display: block;
  margin-bottom: 35px;
  padding: 15px;
}
.hire_an_expert_section h3 {
  color: #dc342f;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 25px;
}

.hire_an_expert_section > p {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 27px;
}

.hire_an_expert_section > ul {
  padding: 0;
}
.hire_an_expert_section li {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  margin-left: 15px;
}

.price_section > li {
  display: inline;
  font-weight: bold;
}

.margin-top-none
{
	margin-top: 0;
}
.margin-bottom-none
{
	margin-bottom: 0;
}
.txt1
{
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 27px;
}
.get-quote
{
display: inline-flex;
background-color: #DC342F;
color: #fff !important;
padding: 10px 25px;
margin-top: 25px;
font-weight: bold;
letter-spacing: 1px;
font-size: 18px; border-radius:5px;
text-decoration:none;

}
.get-quote:hover{

background-color: #000;

}
.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #ffff;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }



.fnc {
  /* you can add color names and their values here
  and then simply add classes like .m--blend-$colorName to .fnc-slide 
  to apply specific color for mask blend mode */
}
.fnc-slider {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  height: 100vh;
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
  box-sizing: border-box;
}
.fnc-slider__slides {
  position: relative;
  height: 100%;
  transition: -webkit-transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
  background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
  background-color: #575757;
}
.fnc-slider .m--navbg-dark {
  background-color: #575757;
}
.fnc-slider .m--blend-green .fnc-slide__inner {
  background-color: #6d9b98;
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
  background-color: #42605E;
}
.fnc-slider .m--navbg-green {
  background-color: #42605E;
}
.fnc-slider .m--blend-red .fnc-slide__inner {
  background-color: #ea2329;
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
  background-color: #990e13;
}
.fnc-slider .m--navbg-red {
  background-color: #990e13;
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
  background-color: #59aecb;
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
  background-color: #2D7791;
}
.fnc-slider .m--navbg-blue {
  background-color: #2D7791;
}
.fnc-slide {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
  z-index: 2 !important;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
  z-index: 1;
  transition: -webkit-transform 1s 0.6666666667s ease-in-out;
  transition: transform 1s 0.6666666667s ease-in-out;
  transition: transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center top;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
  background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
  transition: -webkit-transform 1s 0.6666666667s ease-in-out;
  transition: transform 1s 0.6666666667s ease-in-out;
  transition: transform 1s 0.6666666667s ease-in-out, -webkit-transform 1s 0.6666666667s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
  overflow: hidden;
  z-index: 1;
  position: absolute;
  right: 60%;
  top: 15%;
  width: 50.25vh;
  height: 67vh;
  margin-right: -90px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask {
  -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
          transform: rotate(-10deg) translate3d(200px, 0, 0);
  opacity: 0;
}
.m--active-slide .fnc-slide__mask {
  transition: opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
  transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
  transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
  transition: opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
  transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
  transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
  -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
          transform: rotate(10deg) translate3d(-200px, 0, 0);
  opacity: 0;
}
.fnc-slide__mask-inner {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  margin-left: -50vw;
  margin-top: -50vh;
  background-size: cover;
  background-position: center center;
  background-blend-mode: luminosity;
  -webkit-transform-origin: 50% 16.5vh;
          transform-origin: 50% 16.5vh;
  transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
  -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
          transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
  transition: -webkit-transform 0.7s 1.2222222222s;
  transition: transform 0.7s 1.2222222222s;
  transition: transform 0.7s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
  transition: -webkit-transform 0.7s 0.3333333333s;
  transition: transform 0.7s 0.3333333333s;
  transition: transform 0.7s 0.3333333333s, -webkit-transform 0.7s 0.3333333333s;
  -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
          transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-slide__content {
 z-index: 2;
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
}
.fnc-slide__heading {
  margin-bottom: 10px;
}
.fnc-slide__heading-line {
  overflow: hidden;
  position: relative;
  padding-right: 20px;
  font-size: 100px;
  color: #fff;
  word-spacing: 10px;
}
.fnc-slide__heading-line span {
	font-size: 60px;
	font-weight: bold;
}
.fnc-slide__heading-line:nth-child(2) {
  padding-left: 30px;
}
.m--before-sliding .fnc-slide__heading-line {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.m--active-slide .fnc-slide__heading-line {
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line {
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.fnc-slide__heading-line span {
  display: block;
}
.m--before-sliding .fnc-slide__heading-line span {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.m--active-slide .fnc-slide__heading-line span {
  transition: -webkit-transform 1.5s 1s;
  transition: transform 1.5s 1s;
  transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.m--previous-slide .fnc-slide__heading-line span {
  transition: -webkit-transform 1.5s;
  transition: transform 1.5s;
  transition: transform 1.5s, -webkit-transform 1.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.fnc-slide__action-btn {
  position: relative;
  margin-left: 200px;
  padding: 5px 15px;
  font-size: 20px;
  line-height: 1;
  color: transparent;
  border: none;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  text-align: center;
  outline: none;
}
.fnc-slide__action-btn span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  line-height: 30px;
  color: #fff;
}
.fnc-slide__action-btn span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-top: none;
  border-bottom: none;
}
.fnc-slide__action-btn span:after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 30px;
  background: #1F2833;
  opacity: 0;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: translateY(100%) rotateX(-90deg);
          transform: translateY(100%) rotateX(-90deg);
  transition: opacity 0.15s 0.15s;
}
.fnc-slide__action-btn:hover span {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.fnc-slide__action-btn:hover span:after {
  opacity: 1;
  transition: opacity 0.15s;
}
.fnc-nav {
  z-index: 5;
  position: absolute;
  right: 40%;
  bottom: 0;
}
.fnc-nav__bgs {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
  z-index: 2 !important;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
  z-index: 1;
  transition: -webkit-transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s;
  transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.fnc-nav__controls {
  font-size: 0;
}
.fnc-nav__control {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 50px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: background-color 0.5s;
}
.fnc-nav__control.m--active-control {
  background: #1F2833;
}
.fnc-nav__control-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #DC342F;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: -webkit-transform 0.5s !important;
  transition: transform 0.5s !important;
  transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  transition: -webkit-transform 0s 0s !important;
  transition: transform 0s 0s !important;
  transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
  transition: all 0s 0s !important;
  -webkit-transform: scaleX(0) !important;
          transform: scaleX(0) !important;
}

/* NOT PART OF COMMON SLIDER STYLES */
body {
  margin: 0;
}

.demo-cont {
  overflow: hidden;
  position: relative;
  height: 100vh;
  -webkit-perspective: 1500px;
          perspective: 1500px;
  background: #000;
}
.demo-cont__credits {
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  height: 100%;
  padding: 20px 10px 30px;
  background: #303030;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
          transform: translate3d(100%, 0, 0) rotateY(-45deg);
  will-change: transform;
}
.credits-active .demo-cont__credits {
  transition: -webkit-transform 0.7s 0.2333333333s;
  transition: transform 0.7s 0.2333333333s;
  transition: transform 0.7s 0.2333333333s, -webkit-transform 0.7s 0.2333333333s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
  box-sizing: border-box;
}
.demo-cont__credits-close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #fff;
}
.demo-cont__credits-close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.demo-cont__credits-close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.demo-cont__credits-heading {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 20px;
}
.demo-cont__credits-img {
  display: block;
  width: 60%;
  margin: 0 auto 30px;
  border-radius: 10px;
}
.demo-cont__credits-name {
  margin-bottom: 20px;
  font-size: 30px;
}
.demo-cont__credits-link {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  color: #fff;
}
.demo-cont__credits-blend {
  font-size: 30px;
  margin-bottom: 10px;
}

.example-slider {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
}
.credits-active .example-slider {
  -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
          transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
  background-image: url("../images/slider1.jpg");
}
.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
  background-image: url("../images/slider2.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner,
.example-slider .fnc-slide-3 .fnc-slide__mask-inner {
  background-image: url("../images/slider3.jpg");
}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.example-slider .fnc-slide-4 .fnc-slide__inner,
.example-slider .fnc-slide-4 .fnc-slide__mask-inner {
  background-image: url("../images/slider4.jpg");
}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.example-slider .fnc-slide__heading,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-nav__control {
  
}

/* COLORFUL SWITCH STYLES 
   ORIGINAL DEMO - https://codepen.io/suez/pen/WQjwOb */
.colorful-switch {
  position: relative;
  width: 180px;
  height: 77.1428571429px;
  margin: 0 auto;
  border-radius: 32.1428571429px;
  background: #cfcfcf;
}
.colorful-switch:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 190px;
  height: 87.1428571429px;
  border-radius: 37.1428571429px;
  background: #314239;
  transition: background-color 0.3s;
}
.colorful-switch:hover:before {
  background: #4C735F;
}
.colorful-switch__checkbox {
  z-index: -10;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.colorful-switch__label {
  z-index: 1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 32.1428571429px;
  cursor: pointer;
}
.colorful-switch__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 540px;
  height: 100%;
  background: linear-gradient(90deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(-360px, 0, 0);
          transform: translate3d(-360px, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__dot {
  position: absolute;
  left: 131.1428571429px;
  top: 50%;
  width: 5.1428571429px;
  height: 5.1428571429px;
  margin-left: -2.5714285714px;
  margin-top: -2.5714285714px;
  border-radius: 50%;
  background: #fff;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
  -webkit-transform: translate3d(-80.3571428571px, 0, 0);
          transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__on {
  position: absolute;
  left: 104.1428571429px;
  top: 22.5px;
  width: 19.2857142857px;
  height: 36px;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
  -webkit-transform: translate3d(-80.3571428571px, 0, 0);
          transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__on__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28), -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: rotate(45deg) scale(0) translateZ(0);
          transform: rotate(45deg) scale(0) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
  transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61), -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(45deg) scale(1) translateZ(0);
          transform: rotate(45deg) scale(1) translateZ(0);
}
.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
  content: "";
  position: absolute;
  border-radius: 2.5714285714px;
  background: #fff;
}
.colorful-switch__on__inner:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.1428571429px;
}
.colorful-switch__on__inner:after {
  right: 0;
  top: 0;
  width: 6.1428571429px;
  height: 100%;
}
.colorful-switch__off {
  position: absolute;
  left: 131.1428571429px;
  top: 50%;
  width: 41.1428571429px;
  height: 41.1428571429px;
  margin-left: -20.5714285714px;
  margin-top: -20.5714285714px;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
  -webkit-transform: translate3d(-80.3571428571px, 0, 0);
          transform: translate3d(-80.3571428571px, 0, 0);
}
.colorful-switch__off:before, .colorful-switch__off:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 5.1428571429px;
  margin-top: -2.5714285714px;
  border-radius: 2.5714285714px;
  background: #fff;
  transition: -webkit-transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s;
  transition: transform 0.25s 0.25s, -webkit-transform 0.25s 0.25s;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  transition-delay: 0s;
}
.colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
          transform: rotate(45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
  -webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
          transform: rotate(45deg) scaleX(0) translateZ(0);
}
.colorful-switch__off:after {
  transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
  -webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
          transform: rotate(-45deg) scaleX(1) translateZ(0);
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
  transition-timing-function: ease;
  -webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
          transform: rotate(-45deg) scaleX(0) translateZ(0);
}
.fnc-nav__control img {
	width: 100%;
}
.fnc-nav__control
{
	
	padding: 0 !important;
}

.owl-nav {
	position: absolute;
	top: 45%;
	width: 100%;
}

.owl-next {
	right: 20px;
	position: absolute;
	background-image: url(../images/right-arrow.png);
	height: 42px;
	width: 42px;
	font-size: 0;
}

.owl-prev {
	left: 20px;
	position: absolute;
	background-image: url(../images/left-arrow.png);
	height: 42px;
	width: 42px;
	font-size: 0;
}

.mlm-sec h4 {
	color: #000;
	font-size: 22px;
	margin-bottom: 15px;
}
.mlm-sec p {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 28px;
	margin-bottom: 20px;
}

.btn-yellow {
	display: block;
	width: 200px;
	margin: 30px 0;
	padding: 15px;
	float: left;
	font-size: 20px;
	color: #ffff !important;;
	text-align: center;
	background-color: #dc342f;
}