html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
	color: #777;
	font-size: 13px;
	line-height: 1.428571429;
	font-family: "Open Sans", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
html, body, div, span, hr, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
input, select, textarea{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
a:focus {
	outline: none;
}
:focus {
	outline: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
[hidden] {
	display: none;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align:middle
}
mark {
	background: #ff0;
	color: #000;
}
sub, sup {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	line-height: 0;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
pre {
	overflow: auto;
}
code, kbd, pre, samp {
	font-size: 1em;
	font-family: monospace, monospace;
}
button, input, optgroup, select, textarea {
	margin: 0;
	color: inherit;
	font: inherit;
}
button {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
input {
	line-height: normal;
}
input[type=checkbox], input[type=radio] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
select {
	padding: 8px;
	border: 1px #e9e9e9 solid;
	background: #f3f3f3;
	font-size: 11px;
	line-height: 25px;
}
fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}
legend {
	padding: 0;
	border: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	width: 100%;
	border: 1px solid #e2e2e2;
	border-spacing: 0;
	border-collapse: collapse;
}
tr:nth-child(even) {
	background: #f3f3f3;
}
tfoot {
	background: #e9e9e9;
	font-weight: bold;
}
th {
	text-transform: uppercase;
	border-right: 1px solid #e2e2e2;
	background: #f5f5f5;
	border-bottom: 2px #777 solid;
}
td, caption {
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
tr.even td {
	background: #f9f9f9;
}
th, td, caption {
	padding: 10px;
}
:before, :after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before, .clearfix:after, .container:before, .container:after {
	display: table;
	content: " ";
}
.table-style2 th {
	border-right-color: #fff;
	border-bottom-color: #5c5c5c;
}
/* =========================================================================
	2.SITE PRELOADER & TOOLS
	============================================================================ */
	.page-loader {
		position: fixed;
		z-index: 999999;
		width: 100%;
		height: 100%;
		background: #fff;
	}
	.loader-in {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -30px;
		margin-left: -30px;
		width: 60px;
		height: 60px;
	}
	.status {
		position: relative;
		z-index: 0;
		width: 60px;
		height: 60px;
	}
	.status span {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		border: 6px solid #d9d9d9;
		border-radius: 50%;
	}

	.status .spin {
		z-index: 1;
		border-color: #262626;
		border-right-color: transparent;
		border-top-color: transparent;
		border-bottom-color: transparent;
		-webkit-animation: spin 1s linear infinite;
		-moz-animation: spin 1s linear infinite;
		-o-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
	}

	@-webkit-keyframes spin {
		from {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-ms-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
			opacity: 0.4;
		}

		50% {
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
			opacity: 1;
		}

		to {
			-webkit-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			transform: rotate(360deg);
			opacity: 0.4;
		}
	}

	@-moz-keyframes spin {
		from {
			-moz-transform: rotate(0);
			-ms-transform: rotate(0);
			-o-transform: rotate(0);
			-webkit-transform: rotate(0);
			transform: rotate(0);
		}

		50% {
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}

		to {
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@-o-keyframes spin {
		from {
			-o-transform: rotate(0);
			-moz-transform: rotate(0);
			-ms-transform: rotate(0);
			-webkit-transform: rotate(0);
			transform: rotate(0);
		}

		50% {
			-o-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}

		to {
			-o-transform: rotate(360deg);
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	@keyframes spin {
		from {
			-moz-transform: rotate(0);
			-ms-transform: rotate(0);
			-o-transform: rotate(0);
			-webkit-transform: rotate(0);
			transform: rotate(0);
		}

		50% {
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}

		to {
			-moz-transform: rotate(360deg);
			-ms-transform: rotate(360deg);
			-o-transform: rotate(360deg);
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}


/* ==========================================================================
  3. HEADER STYLE.
  ============================================================================= */
  /* ---- 3.1 Top bar ------------------ */
  .top-bar {
  	border-bottom: 1px #eee solid;
  	background: #f4f4f4;
  	text-transform: uppercase;
  	font-size: 11px;
  }
  .top-bar.main-bg{
  	border-bottom:0
  }
  .top-bar a, .top-bar span {
  	display: block;
  	padding: 0 10px 0 0;
  	color: #FFFFFF;
  	line-height: 39px;
  	font-style: normal;
  	text-transform: capitalize;
  	font-weight: 300;
  	font-size: .8rem;
  	font-size: 11px;
  }
  .top-bar.main-bg a,.top-bar.main-bg span{
  	color:#fff
  }
  .top-bar.main-bg li{
  	border-left-color:#A0A0A0
  }
  .top-bar a:hover {
  	text-decoration: underline;
  }
  .top-bar li {
  	float: left;
  	border-left: 1px #E9E9E9 solid;
  }
  .top-bar li:first-child {
  	border-left: 0;
  }
  .top-bar li i {
  	margin: 0 8px;
  	font-size: 13px;
  }
  .top-bar.main-bg li i{
  	color:#fff 
  }
  .top-bar li:first-child i {
  	margin: 0 8px 0 0;
  }
  .top-bar ul.social-list li a:hover {
  	background: #333;
  }
  /* ---- 3.2 Top logo --------------------- */
  header.top-head {
  	position: relative;
  	z-index: 5555;
  	min-height: 92px;
  	border-bottom: 9px #f4f4f4 solid;
  }
  .fixedHead {
  	position: fixed !important;
  	top: 0;
  	left: 0;
  	width: 100%;
  	background: transparent !important;
  }
  header.top-head .logo{
  	margin-top: 20px;
  }
  header.top-head .logo a {
  	display: table;
  	width: 450px;
  	height: 43px;
  	margin: auto;
  }
  header.top-head .logo.center a{
  	margin:auto
  }
  /* ---- 3.3 Main menu ------------------ */
  .top-menu {
  	float: right !important;
  	width: auto !important;
  }
  .full-menu {

  }
  .top-nav {
  	float: left;
  }
  .top-nav > ul > li {
  	position: relative;
  	float: left;
  	margin: 0;
  	border-left: 1px #eee solid;
  	height: 83px;
  	overflow:hidden\9
  }
  .top-nav > ul > li:hover{
  	overflow:visible\9
  }
  .top-nav > ul > li > a:hover i, .top-nav > ul > li.current > a i, .top-nav > ul > li.selected > a i {
  	margin-top: 5px;
  }
  .top-nav > ul > li > a {
  	display: block;
  	padding: 0 17px;
  	padding-top: 22px;
  	height: 83px;
  	text-transform: uppercase;
  	overflow:hidden;
  	font-size:18x;
  	text-align:center;
  }
  .top-nav > ul li a span {
  	display: block;
  	margin-top:5px
  }
  .top-nav > ul li a i{
  	color:#5d117d;
  	font-size:16px
  }
  .top-nav > ul li a:hover i,.top-nav > ul li.selected a i,.top-nav > ul li.current a i{
  	color:#fff;
  }
  .top-nav > ul > li:after {
  	position: absolute;
  	bottom: -9px;
  	left: -3px;
  	display: inline-block;
  	width: 100%;
  	height: 9px;
  	border-left: 1px #E4E4E4 solid;
  	background: transparent;
  	content: "";
  	-moz-transform: skew(-35deg, 0);
  	-ms-transform: skew(-35deg, 0);
  	-o-transform: skew(-35deg, 0);
  	-webkit-transform: skew(-35deg, 0);
  	transform: skew(-35deg, 0);
  }
  .top-nav > ul li ul {
  	position: absolute;
  	top: 92px;
  	z-index: -1;
  	min-width: 180px;
  	height: 0;
  	max-height: 0;
  	left: -5px;
  	font-size:18x;
  	font-weight:100;
  }
  .top-nav > ul > li > ul > li {
  	position: relative;
  	float: none;
  	margin: 0;
  	padding: 0;
  	line-height: 35px;
  	opacity: 0;
  	font-size:18x;
  	transition: opacity .5s, transform .4s;
  	-moz-transform: rotateY(90deg);
  	-ms-transform: rotateY(90deg);
  	-o-transform: rotateY(90deg);
  	-webkit-transform: rotateY(90deg);
  	-moz-transition: opacity .5s, -moz-transform .4s;
  	-ms-transition: opacity .5s, -ms-transform .4s;
  	-o-transition: opacity .5s, -o-transform .4s;
  	-webkit-transition: opacity .5s, -webkit-transform .4s;
  	transform: rotateY(90deg);
  	text-transform:capitalize;
  }
  .top-nav > ul > li:hover > ul{
  	z-index:0;
  	height:auto
  }
  .top-nav > ul > li:hover > ul > li {
  	opacity: 1;
  	-moz-transform: none;
  	-ms-transform: none;
  	-o-transform: none;
  	-webkit-transform: none;
  	transform: none;
  }
  .top-nav li li a {
  	display: block;
  	overflow: hidden;
  	padding: 0 15px;
  	-ms-text-overflow: ellipsis;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	font-size: 13px;
  	line-height: 40px;
  }
  .top-nav li li.hasChildren:after {
  	position: absolute;
  	top: 2px;
  	right: 10px;
  	display: inline-block;
  	color: #fff;
  	content: "\f105";
  	font-family: FontAwesome;
  }
  .top-nav li li a:hover, .top-nav li li.selected > a, .top-nav li li.current > a {
  	text-decoration: none;
  }
  /*** sub menu level more than 2 ***/

  .top-nav li li li {
  	opacity: 0;
  	transition: opacity .4s, transform .5s;
  	-moz-transform: rotateX(90deg);
  	-ms-transform: rotateX(90deg);
  	-o-transform: rotateX(90deg);
  	-webkit-transform: rotateX(90deg);
  	-moz-transition: opacity .4s, -moz-transform .5s;
  	-ms-transition: opacity .4s, -ms-transform .5s;
  	-o-transition: opacity .4s, -o-transform .5s;
  	-webkit-transition: opacity .4s, -webkit-transform .5s;
  	transform: rotateX(90deg);
  }
  .top-nav li li > ul{
  	height:0;
  	left: 100%;
  	top: 0;
  }
  .top-nav li li:hover > ul{
  	height:auto;
  }
  .top-nav li li:hover > ul > li {
  	opacity: 1;
  	-moz-transform: none;
  	-ms-transform: none;
  	-o-transform: none;
  	-webkit-transform: none;
  	transform: none;
  }
  /************ navgation style 2 ************/
  .nav-2,.nav-3 {
  	border: 0px !important;
  }
  .nav-2 .top-nav > ul > li:after,.nav-3 .top-nav > ul > li:after,.head-style2 .top-nav > ul > li:after,.head-style3 .top-nav > ul > li:after{
  	display:none
  }
  .head-style2 .top-nav > ul > li,.head-style3 .top-nav > ul > li{
  	border:0px !important
  }
  .nav-2 .top-nav > ul > li,.nav-3 .top-nav > ul > li{
  	border-left:0px;
  	margin:0 1px
  }
  .nav-2 .top-nav > ul > li{
  	height:92px
  }
  .nav-2 .top-nav > ul > li > a span {
  	line-height: 94px;
  }
  .nav-2 .top-nav > ul > li > a,.nav-3 .top-nav > ul > li > a{
  	height:92px
  }
  .nav-2 .top-nav > ul > li > a i {
  	position: absolute;
  	left: 50%;
  	margin-left: -16px;
  	width: 31px;
  	height: 31px;
  	border-radius: 50%;
  	background: #eee;
  	color: #b8b8b8;
  	text-align: center;
  	font-size: 16px;
  	line-height: 31px;
  	-moz-transition: all 0.2s ease 0s;
  	-ms-transition: all 0.2s ease 0s;
  	-o-transition: all 0.2s ease 0s;
  	-webkit-transition: all 0.2s ease 0s;
  	transition: all 0.2s ease 0s;
  }
  .nav-2 .top-nav > ul > li > a i:after {
  	position: absolute;
  	top: -25px;
  	left: 47%;
  	display: inline-block !important;
  	width: 1px;
  	height: 25px;
  	background: #eee;
  	content: "";
  	-moz-transition: all 0.2s ease 0s;
  	-ms-transition: all 0.2s ease 0s;
  	-o-transition: all 0.2s ease 0s;
  	-webkit-transition: all 0.2s ease 0s;
  	transition: all 0.2s ease 0s;
  }
  .nav-2 .top-nav > ul > li > a:hover i:after,.nav-2 .top-nav > ul > li.current > a i:after,.nav-2 .top-nav > ul > li.selected > a i:after {
  	top: -29px;
  	height: 30px;
  }
  .nav-2 .top-nav > ul > li.selected > a i:after, .nav-2 .top-nav > ul > li.current > a i:after {
  	display: none;
  }
  .nav-2 .top-nav > ul > li > ul,.nav-3 .top-nav > ul > li > ul {
  	top: 92px;
  	left: 0 !important;
  }
  header.top-head.nav-2 .logo,header.top-head.nav-3 .logo{
  	margin-top:25px
  }
  /************ navgation style 2 ************/
  .nav-3 .top-nav > ul > li {
  	padding-top: 3px;
  }
  .nav-3 .top-nav > ul > li > a {
  	border-top: 2px transparent solid;
  }
  .nav-3 .top-nav > ul > li > a i {
  	background: transparent;
  }
  .nav-3 .top-nav > ul > li.current > a, .nav-3 .top-nav > ul > li > a:hover {
  	border-top-width: 2px;
  	border-top-style: solid;
  	background: transparent;
  }
  .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a {
  	background: transparent;
  }
  .nav-3 .top-nav > ul > li > a i:after {
  	display: none;
  }
  .nav-3 .top-nav > ul > li > a:hover i, .nav-3 .top-nav > ul > li.current > a i, .nav-3 .top-nav > ul > li.selected > a i {
  	margin-top: 0;
  }
  .nav-3 .top-nav > ul > li.hasChildren > a:after {
  	position: absolute;
  	bottom: -9px;
  	left: 36%;
  	z-index: 5;
  	display: none;
  	width: 0;
  	height: 0;
  	border-width: 0 10px 8px 10px;
  	border-style: solid;
  	content: "";
  	-moz-transition: all 0.6s ease 0s;
  	-ms-transition: all 0.6s ease 0s;
  	-o-transition: all 0.6s ease 0s;
  	-webkit-transition: all 0.6s ease 0s;
  	transition: all 0.6s ease 0s;
  }
  .nav-3 .top-nav > ul > li > a:hover:after, .nav-3 .top-nav > ul > li.selected:hover > a:after {
  	display: block;
  }

  /************ navgation style 4 ************/
  .nav-4 .top-nav > ul li a span {
  	display: inline-block;
  	margin: 0px 5px;
  }
  .nav-4 .top-nav > ul > li {
  	border-left: 1px #eee solid;
  	height: 50px;
  	overflow: hidden\9;
  }
  .nav-4 .top-nav > ul > li > a {
  	height: 50px;
  	line-height: 50px;
  	padding-top: 0;
  }
  .nav-4 .top-search a {
  	margin-top: 0;
  	height: 50px;
  	border-radius: 0;
  	line-height: 50px;
  }
  .nav-4 .top-nav > ul > li:after {
  	display: none
  }
  .nav-4 .top-nav > ul > li > ul {
  	top: 50px;
  	left: 0
  }
  .nav-4 .top-nav > ul li a i {
  	padding: 5px 4px;
  	vertical-align: baseline;
  	border-radius: 50%;
  	width: 25px;
  	height: 24px;
  	background: transparent !important;
  }
  .nav-4 .top-nav > ul li a:hover i ,.nav-4 .top-nav > ul > li.selected > a i {
  	background: #A62507;
  	color: #fff;
  }
  header.top-head-4 {
  	min-height: 70px;
  	border-bottom: none; 
  }
  header.top-head-4 .logo {
  	text-align: center;
  	padding-bottom: 20px;
  }
  .nav-4 .search-box {
  	top: 49px;
  }
  .top-head-4 .gray-nav {
  	background: #f7f7f7;
  	padding: 0;
  	margin-bottom: 20px;
  	border: 1px #F0F0F0 solid;
  	position:relative;
  	height: 52px;}
  	.top-head-4 .gray-nav:before, .top-head-4 .gray-nav:after {
  		position: absolute;
  		content: "";
  		bottom: 8px;
  		left: 23px;
  		width: 38%;
  		top: 80%;
  		-webkit-box-shadow: 0 6px 8px #000;
  		-moz-box-shadow: 0 6px 8px #000;
  		box-shadow: 0 6px 8px #000;
  		-webkit-transform: rotate(-2deg);
  		-moz-transform: rotate(-2deg);
  		-o-transform: rotate(-2deg);
  		-ms-transform: rotate(-2deg);
  		transform: rotate(-2deg);
  		z-index: -1;
  	}
  	.top-head-4 .gray-nav:after {
  		-webkit-transform: rotate(2deg);
  		-moz-transform: rotate(2deg);
  		-o-transform: rotate(2deg);
  		-ms-transform: rotate(2deg);
  		transform: rotate(2deg);
  		right: 23px;
  		left: auto;
  	}
  	/****** Sticky Navigation Style *********/
  	.sticky {
  		position: fixed !important;
  		top: 0;
  		left: 0;
  		padding: 0 !important;
  		width: 100%;
  		background-color: #fff;
  		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  		z-index:99999;
  		min-height:inherit !important;
  		border-bottom:0 !important
  	}
  	.sticky .top-nav > ul > li{
  		/*border:0 !important*/
  	}
  	.sticky.top-head-4 .gray-nav:before, .sticky.top-head-4 .gray-nav:after{
  		display:none
  	}
  	.sticky.top-head-4 .gray-nav{
  		background:transparent;
  		border:0;
  		margin-bottom:0
  	}
  	.sticky .top-nav > ul > li > a{
  		color:#777 !important
  	}
  	.sticky .top-nav > ul > li > a:hover{
  		background:transparent !important
  	}
  	.sticky .top-nav > ul > li > a i,.sticky .top-nav > ul > li:after,.sticky .bg-head2{
  		display: none;
  	}
  	.sticky .top-search a{
  		margin-top:5px;
  		border-radius:0 !important;
  		/*width:45px;*/
  		height:45px;
  		line-height:45px;
  		text-align: center;
  		padding: 0 !important;
  	}
  	.sticky .top-search a span{
  		font-size:14px
  	}
  	.sticky .search-box{
  		top:60px
  	}
  	.sticky .search-box:before{
  		/*width:45px*/
  	}
  	.sticky .top-nav > ul > li > a, .sticky .top-nav > ul > li {
  		height: 60px !important;
  		padding-top:0
  	}
  	.sticky .top-nav > ul > li.selected > a{
  		background:transparent !important;
  		color:#777 !important
  	}
  	.sticky .top-nav > ul > li > a {
  		padding-top: 0 !important;
  		border-top: 0 !important;
  		background: transparent none;
  		line-height:60px
  	}
  	.sticky .top-nav > ul > li > a span{
  		margin-top:0;
  		line-height:60px
  	}
  	.sticky .top-nav > ul > li > ul {
  		top: 60px !important;
  		left: 0 !important;
  	}
  	.sticky .top-nav > ul > li > ul:after{
  		top:-8px;
  		bottom:auto !important;
  		border-width: 0 10px 8px 10px !important;
  	}
  	.sticky .top-nav > ul > li > ul ul{
  		bottom:auto !important;
  		top:0 !important
  	}
  	.sticky .logo{
  		margin-top:5px !important
  	}
  	.sticky .top-nav > ul > li.hasChildren > a:after{
  		display:none !important
  	}
  	.sticky .div-mega{
  		top:60px !important
  	}
  	/***** sticky header style 2 ******/
  	.head-style2 .sticky .logo{
  		padding:0 !important
  	}
  	.head-style2 .sticky .top-menu{
  		margin-top:0 !important
  	}
  	.head-style2 .sticky .top-nav > ul > li > a,.head-style2 .sticky .top-nav > ul > li > a span{
  		line-height:58px !important;
  		height:58px !important
  	}
  	.head-style2 .sticky .top-nav > ul > li > ul {
  		top: 58px !important;
  	}
  	.head-style2 .sticky .mega-menu .mega-2 .div-mega{
  		top:57px
  	}
  	.head-style2 .sticky .head2-lft-links,.head-style2 .sticky .right-bar{
  		display:none
  	}
  	.head-style2 .sticky .top-search a{
  		margin-top:8px;
  		width:40px;
  		height:40px;
  		line-height:40px;
  		-moz-transform: skew(0, 0);
  		-ms-transform: skew(0, 0);
  		-o-transform: skew(0, 0);
  		-webkit-transform: skew(0, 0);
  		transform: skew(0, 0);
  	}
  	.head-style2 .sticky .top-search a span{
  		-moz-transform: skew(0, 0);
  		-ms-transform: skew(0, 0);
  		-o-transform: skew(0, 0);
  		-webkit-transform: skew(0, 0);
  		transform: skew(0, 0);
  	}
  	/***** sticky header style 3 ******/
  	.head-style3 .sticky.top-head{
  		margin-top:0
  	}
  	.head-style3 .sticky .logo,.sticky.top-head-4 .logo{
  		display:none
  	}
  	.head-style3 .sticky .mega-menu .mega-2 .div-mega{
  		top:50px
  	}
  	.head-style3 .sticky .top-search{
  		margin-left:15px
  	}
  	/***** sticky header style 4 ******/
  	.top-head-4.sticky  .nav-4{
  		background:transparent;
  		border:0;
  		margin-bottom:0
  	}
  	.top-head-4.sticky .nav-4:before, .top-head-4.sticky .nav-4:after,.top-head-4.sticky .banner{
  		display:none
  	}
  	/****** Mega menu Style *********/
  	.mega-menu {
  		position:relative
  	}
  	.mega-menu .div-mega {
  		position: absolute;
  		top: 92px;
  		left: 0;
  		z-index: 99;
  		display: none;
  		padding-top:2%;
  		-webkit-box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
  		-moz-box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
  		box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
  	}
  	.mega-menu > li > a {
  		display: block;
  		position: relative;
  	}
  	.div-mega-section {
  		float: left;
  		margin: 0 2% 2%;
  	}
  	.mega-menu div.div-mega ul {
  		visibility: visible;
  		position: static;
  		max-height: 100%;
  		height:100%;
  		width:100%
  	}
  	.mega-menu div.div-mega ul li {
  		opacity: 1;
  		-moz-transform: rotateY(0);
  		-ms-transform: rotateY(0);
  		-o-transform: rotateY(0);
  		transform: rotateY(0);
  	}
  	.mega-menu div.div-mega ul li a {
  		padding: 8px 5px;
  		line-height: normal;
  		overflow: inherit;
  		text-overflow: initial;
  		white-space: normal;
  	}
  	.div-mega h4 {
  		background: #fff;
  		color: #777;
  		padding: 8px 10px;
  		font-weight: bold;
  	}
  	/* ---- 3.4 Search ---------------- */
  	.top-search {
  		position: relative;
  		float: right;
  		margin-left: 20px;
  	}
  	.top-search a {
  		position: relative;
  		z-index: 5;
  		display: block;
  		overflow: hidden;
  		margin-top: 20px;
  		padding: 0 19px !important;
  		width: 55px;
  		height: 55px;
  		border-radius: 50%;
  		background: #eee;
  		text-align: center;
  		line-height: 55px;
  	}
  	.top-search a span {
  		font-size: 19px;
  	}
  	.search-box {
  		position: absolute;
  		top: 92px;
  		right: 0;
  		z-index: 3;
  		display: none;
  		width: 400px;
  	}
  	.search-box:before {
  		position: absolute;
  		top: -46px;
  		right: 0;
  		z-index: 0;
  		display: inline-block;
  		width: 55px;
  		height: 48px;
  		content: "";
  	}
  	.search-box input[type=text] {
  		width: 343px;
  		height: 53px;
  	}
  	.search-box input[type=submit] {
  		width: 55px;
  		height: 55px;
  	}
  	/* ---- 3.5 Header style 2 ---------------- */
  	.top-head .container {
  		position: relative;
  		z-index: 9;
  	}
  	.head-style2 .logo {
  		margin: 8px 0 0 0 !important;
  		padding: 15px 0 14px;
  		min-width: 230px;
  	}
  	.head-style2 .top-head,.head-style3 .top-head {
  		padding: 0;
  		min-height: inherit;
  		border-bottom:0px !important
  	}
  	.head2-lft-links {
  		padding: 9px;
  		direction: rtl;
  	}
  	.head2-lft-links li {
  		float: none;
  		padding: 2px 0;
  		text-align: right;
  		white-space: nowrap;
  	}
  	.head2-lft-links li i {
  		margin-left: 10px;
  	}
  	.head-style2 .bg-head2 {
  		position: absolute;
  		bottom: 4px;
  		left: 27%;
  		width: 70%;
  		height: 50px;
  		background: #f6f6f6;
  	}
  	.head-style2 .top-nav {
  		margin-right:15px
  	}
  	.head-style2 .top-nav > ul > li {
  		margin-right: 1px;
  	}
  	.head-style2 .top-nav > ul > li, .head-style2 .top-nav > ul > li > a {
  		padding-top: 0;
  		height: 50px;
  		line-height: 50px;
  	}
  	.head-style2 .top-nav > ul > li > a span, .head-style3 .top-nav > ul > li > a span {
  		line-height: 43px !important;
  	}
  	.head-style3 .sticky .top-nav > ul > li > a span{
  		line-height:50px !important
  	}
  	.head-style3 .sticky .top-nav > ul > li > a{
  		height:50px !important
  	}
  	.head-style2 .top-search {
  		margin: 0 15px 0 0;
  	}
  	.head-style2 .top-search a {
  		margin-top: 0;
  		padding: 0 !important;
  		width: 50px;
  		height: 50px;
  		border-radius: 0;
  		line-height: 50px;
  	}
  	.head-style2 .top-search a span {
  		color: #fff;
  	}
  	.head-style2 .top-nav > ul > li > ul {
  		top: 50px;
  		margin-left: -6px;
  	}
  	.head-style2 .login-btn .tri {
  		top: -11px;
  	}
  	.head-style2 .right-bar {
  		float: right;
  		overflow: hidden;
  		margin: 2px 5px 0 0;
  	}
  	.head-style2 .right-bar li {
  		float: left;
  		padding: 5px 0 5px 15px;
  	}
  	.head-style2 .right-bar li i {
  		margin: 0 10px 0 0;
  	}
  	.head-style2 .top-menu {
  		float: right !important;
  		clear: none;
  	}
  	.head-style2 .search-box:before, .head-style3 .search-box:before {
  		display: none;
  	}
  	.head-style2 .search-box {
  		top: 50px;
  		right: 12px;
  		padding: 15px;
  		background: #ECECEC;
  	}
  	.head-style2 .search-box input[type=text] {
  		width: 310px;
  	}
  	.head-style2 .logo a, .head-style3 .logo a{
  		margin:auto
  	}
  	/* ---- 3.6 Header style 3 ---------------- */
  	.head-style3 .top-bar {
  		overflow: hidden;
  		background-color: #f6f6f6;
  	}
  	.head-style3 .logo {
  		display: table;
  		float: none;
  		margin: 0 auto !important;
  		padding: 15px 15px 20px;
  		text-align: center;
  	}
  	.top-nav-style3 {
  		height: 50px;
  		background: #f6f6f6;
  	}
  	.head-style3 .top-nav > ul > li > a, .head-style3 .top-search a {
  		line-height: 50px;
  	}
  	.head-style3 .top-search {
  		margin: 0;
  	}
  	.head-style3 .top-nav > ul > li, .head-style3 .top-nav > ul > li > a {
  		height: 50px;
  	}
  	.head-style3 .top-nav > ul > li > a {
  		margin-left: 1px;
  		padding-top: 0;
  		color: #fff !important;
  	}
  	.head-style3 .top-nav > ul > li > ul {
  		top: 50px !important;
  		left:0px
  	}
  	.head-style3 .top-nav > ul li ul li a {
  		background: #eee !important;
  		color: #777;
  	}
  	.head-style3 .top-nav > ul li ul li a:hover {
  		background: #ddd !important;
  		color: #333;
  	}
  	.head-style3 .top-nav li li.hasChildren:after {
  		color: #b1b1b1;
  	}
  	.head-style3 .top-nav > ul li ul li {
  		border-bottom: 1px #ddd solid;
  	}
  	.head-style3 .top-bar li, .head-style3 .top-bar li span {
  		color: #b3b3b3;
  	}
  	.head-style3 .top-bar li {
  		border-left: 1px #e4e4e4 solid;
  	}
  	.head-style3 .top-bar li:first-child {
  		border-left: 0;
  	}
  	.head-style3 .top-bar li:first-child i {
  		margin-left: 8px;
  	}
  	.head-style3 header.top-head {
  		position: static;
  		margin-top: -40px;
  		padding: 0;
  		background: transparent;
  	}
  	.head-style3 .top-nav ul ul li{
  		box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
  	}
  	.head-style3 .search-box {
  		top: 50px;
  		right: 0;
  	}
  	.head-style3 .top-search a {
  		margin: 0;
  		width: auto;
  		height: auto;
  	}
  	.head-style3 .top-menu {
  		display: table;
  		float: none !important;
  		margin: auto;
  	}
  	.head-style3 .top-nav > ul > li.current > a, .head-style3 .top-nav > ul > li.selected > a, .head-style3 .top-nav > ul > li > a:hover {
  		background: #eee !important;
  		color: #777 !important;
  	}
  	.head-style3 .top-nav ul li ul li.selected > a, .head-style3 .top-nav ul li ul li.current > a {
  		background: #ddd !important;
  	}
  	/* ---- 3.7 Login Box ---------------- */
  	.login-btn {
  		position: relative;
  	}
  	.login-btn .tri {
  		position: absolute;
  		top: -1px;
  		left: 30%;
  		z-index: 5;
  		width: 0;
  		height: 0;
  		border-width: 8px 10px 0 10px;
  		border-style: solid;
  		border-color: #333 transparent transparent transparent;
  	}
  	.login-controls {
  		display: table;
  		margin: auto;
  	}
  	.login-box {
  		position: relative;
  		display: none;
  		padding: 15px 20px;
  		background: #333;
  		color: #C3C3C3;
  		text-align: center;
  	}
  	.login-box input {
  		font-size: 11px;
  	}
  	.close-login {
  		position: absolute;
  		top: 5px;
  		right: 25px;
  		color: #fff;
  		font-size: 22px;
  	}
  	.login-box .left {
  		float: left;
  		margin: 0 5px;
  	}

  /***** pager style *******/
  .pager {
  	margin: 0 15px;
  	background: #eee;
  }
  .pager ul {
  	display: table;
  	margin: auto;
  }
  .pager ul li {
  	float: left;
  	margin: 0 1px 0 0;
  	background: #777;
  }
  .pager ul li a, .pager ul li span {
  	display: block;
  	padding: 0 20px;
  	color: #fff;
  	font-size: 14px;
  	line-height: 38px;
  }
  .pager ul li i {
  	font-weight: bold;
  	font-size: 140%;
  }
  .pager ul li.selected span {
  	color: #fff;
  }
  .pager ul li:hover a, .pager ul li.selected a {
  	color: #fff;
  }
  #map_canvas {
  	height: 450px;
  }
  .noScroll{
  	line-height: 1.35;
  	overflow: hidden;
  	white-space: nowrap;
  }
  #map_canvas img{
  	max-width:none
  }
/* ==========================================================================
  6. TYPOGRAPHY.
  ============================================================================= */
  a {
  	text-decoration: none;
  	-moz-transition: all 0.2s ease 0s;
  	-ms-transition: all 0.2s ease 0s;
  	-o-transition: all 0.2s ease 0s;
  	-webkit-transition: all 0.2s ease 0s;
  	transition: all 0.2s ease 0s;
  }
  a:active, a:hover {
  	outline: 0;
  }
  b, strong, .bold {
  	font-weight: bold;
  }
  .bolder {
  	font-weight: 800;
  }
  .italic {
  	font-style: italic;
  }
  small {
  	font-size: 80%;
  }
  h1, h2, h3, h4, h5, h6 {
  	margin: 0 0 10px;
  	padding: 0;
  	font-weight: normal;
  	line-height: 1.5;
  }
  h1 {font-size: 36px;}
  h2 {font-size: 28px;}
  h3 {font-size:25px;font-family:"Open Sans Condensed",Arial,sans-serif !important;font-weight: 100;line-height:2em;font-size: 2.0rem;
  font-style: normal;font-weight:700;}
  h4 {font-size: 18px;}
  h5 {font-size: 14px;}
  h6 {font-size: 12px;}
  p {
  	margin: 0 0 20px 0;
  	line-height: 22px;
  	font-size: 14px;
  }
  
  /**********  Blockquote ************/
  blockquote {
  	margin: 0;
  	padding: 15px;
  }
  blockquote p {
  	margin: 0;
  	padding-bottom: 15px;
  	width: 80%;
  	color: #afafaf;
  	font-size: 16px;
  	line-height: 140%;
  }
  blockquote span {
  	color: #a3a3a3;
  	font-weight: bold;
  	font-size: 14px;
  }
  
/* ==========================================================================
  7. PAGES ELEMENTS.
  ============================================================================= */
  /* -------- 7.1. Heading styles ------------------ */
  /* ---- 7.1.1. Heading style 1 ------------- */
  .block-head {
  	position: relative;
  	margin-bottom: 20px;
  	padding: 0 0 20px;
  	font-weight:normal;
  }
  #zebra{
 color:#ffffff !important; 
    text-transform:none;
  }
  .footer-top .block-head {
  	border-bottom-color: #3a3a3a;
  	color:#fff;
  	text-transform:uppercase
  }
  .block-head:before{
  	position: absolute;
  	bottom: -3px;
  	left: 20px;
  	width: 35px;
  	height: 5px;
  	content: "";
  	display:inline-block;
  }
  .block-head:after{
  	position: absolute;
  	bottom: -1px;
  	left: 0;
  	width: 80px;
  	height: 1px;
  	content: "";
  	display:inline-block;
  }
  .block-head.center{
  	margin-left:auto;
  	margin-right:auto;
  	display:table;
  	padding-right:30px;
  	padding-left:30px
  }
  .block-head.center:before{
  	left: 50%;
  	margin-left:-17.5px
  }
  .block-head.center:after{
  	left: 50%;
  	margin-left: -40px;
  }
  .side-heading{
  	font-weight:800;
  	border:0px;
  	padding:0;
  	font-size:28px;
  	text-transform:uppercase;
  	letter-spacing:-1px;
  	margin-bottom:15px
  }
  .side-heading span{
  	color:#777;
  	font-weight:100;
  }
  .side-heading:after,.side-heading:before{
  	display:none;
  }
  .large-heading{
  	position: relative;
  	margin-bottom: 40px;
  	padding: 0 0 20px;
  	border-bottom: 1px #e2e2e2 solid;
  	font-weight:bold;
  	text-transform:capitalize;
  	font-size:26px;
  	line-height:20px;
  	text-align:center
  }
  .large-heading:before{
  	position: absolute;
  	bottom: -3px;
  	left: 50%;
  	width: 100px;
  	height: 5px;
  	content: "";
  	display:inline-block;
  	margin-left:-57px;
  	border-left:15px #fff solid;
  	border-right:15px #fff solid;
  }
  .gry-bg .large-heading:before{
  	border-left:15px #eee solid;
  	border-right:15px #eee solid;
  }
  /* ---- 7.2. Services boxes ---------------- */
  /* ---- 7.2.1. Services boxes style 1 ---------------- */
  .service-box-1 {
  	position: relative;
  }
  .box-top {
  	z-index: 2;
  	overflow: hidden;
  	padding: 50px 0;
  	text-align:center
  }
  .box-top i.fa {
  	display: table;
  	margin: 0 auto 30px;
  	font-size: 38px;
  	width:103px;
  	height:103px;
  	line-height:95px;
  	text-align:center;
  	border-radius:50%;
  	border:3px #fff solid;
  	-moz-box-shadow: inset 0 0 13px rgba(0,0,0,.4);
  	-webkit-box-shadow: inset 0 0 13px rgba(0,0,0,.4);
  	box-shadow: inset 0 0 13px rgba(0,0,0,.4);
  }
  .box-top h3 {
  	margin: 0 0 10px;
  	padding: 0 15px 10px;
  	text-align: center;
  	font-size: 23px;
  	color:#777;
  	font-weight:800;
  	text-transform:uppercase
  }
  .box-top h3 span{
  	text-transform:none;
  	font-size:19px;
  	font-weight:100;
  	display:block;
  	margin-bottom:-15px
  }
  .box-top .more-btn{
  	display:table;
  	margin: 30px auto 0;
  	background:#fff;
  	padding:10px 15px;
  	text-transform:uppercase;
  	font-size:11px
  }
  .box-top p {
  	padding: 0 15px;
  }
  .box-top p a {
  	display: inline-block;
  	margin-left: 5px;
  	font-size: 11px;
  }
  .service-box-1:hover i.fa {
  	-moz-transform: rotate(360deg);
  	-ms-transform: rotate(360deg);
  	-o-transform: rotate(360deg);
  	-webkit-transform: rotate(360deg);
  	transform: rotate(360deg);
  	-moz-transition: -moz-transform 0.3s;
  	-o-transition: transform 0.3s;
  	-webkit-transition: -webkit-transform 0.3s;
  	transition: transform 0.3s;
  }
  .service-box-1:hover h3{
  	color:#fff
  }
  .portfolio-item:hover:after {
  	height: 3px;
  	border-top:0px
  }
  

  /******* Search widget *******/
  .search-w form {
  	overflow: hidden;
  	padding: 5px 0 3px;
  	margin:0 -10px
  }
  .search-w .txt-box {
  	width: 80%;
  	font-size: 11px;
  }
  .search-w .btn i{
  	margin:0 !important
  }
  

/* ==========================================================================
  11. FOOTER.
  ============================================================================= */
  /* ---- 11.1. footer Style 1 -------------- */
  #to-top {
  	position: fixed;
  	right: 10px;
  	bottom: -100px;
  	z-index: 55;
  	overflow: auto;
  	padding: 12px 14px 14px;
  	font-size: 18px;

  	line-height: 10px;
  	cursor: pointer;
  	-moz-transition: all .7s ease-in-out;
  	-o-transition: all .7s ease-in-out;
  	-webkit-transition: all .7s ease-in-out;
  	transition: all .7s ease-in-out;
  }
  #sticky{

  	position: fixed;
  	right: 10px;
  	bottom:0px;
  	z-index: 55;
  	overflow: auto;
  	padding: 12px 14px 14px;
  	font-size: 18px;

  	line-height: 10px;
  	cursor: pointer;
  	-moz-transition: all .7s ease-in-out;
  	-o-transition: all .7s ease-in-out;
  	-webkit-transition: all .7s ease-in-out;
  	transition: all .7s ease-in-out;
  }
  #footWrapper {
  	clear: both;
  	overflow: hidden;
  	height: 100%;
  }
  .footer-top {
  	overflow: hidden;
  	padding: 60px 0 50px;
  	border-bottom: 1px #0f0f0f solid;
  	background:#7f1d96;
  	color: #aaa;
  }
  .footer-top a {
  	color: #fff;
  }
  .footer-top a.btn {
  	color: #fff;
  }
  .footer-top hr {
  	clear: both;
  	margin: 50px 15px;
  	border-top: 1px #3A3A3A solid;
  }
  .footer-top h3 {
  	position: relative;
  	font-weight: bold;
  	font-size: 15px;
  }
  .footer-top hr.hr-style5:before, .footer-top hr.hr-style5:after {
  	background: #222;
  	color: #3A3A3A;
  }
  /* ---- 11.2. footer Style 2 -------------- */
  .footer-top-2 {
  	border-top-width: 5px;
  	border-top-style:solid;
  }
  .footer-top-2 .foot-logo {
  	border-bottom: 1px solid #3a3a3a;
  	height: 52px;
  	margin: -8px auto 9px;
  	text-align: center;
  }
  .footer-top-2 .social-list li a {
  	margin: 0 6px 0 0;
  	font-size: 17px;
  	background: #494949;
  	border-radius: 50%;
  	width: 33px;
  	text-align: center;
  	display: inline-block;
  }
  .footer-top-2 .social-list li span {
  	padding: 0 7px;
  	color: #B5B5B5
  }
  .footer-top-2 .social-list li:hover span {
  	color: #fff
  }
  .footer-menu-inline {
  	float: right;
  	padding-top: 10px;
  	padding-bottom: 10px;
  	white-space: nowrap;
  	font-size: 11px;
  }
  .footer-menu-inline li {
  	display: inline-block;
  	margin: 0 5px;
  }
  .footer-menu-inline li a {
  	color: #777;
  	transition:all linear 300ms;
  }
  .footer-menu-inline li a:hover,.footer-menu-center li a:hover {
  	padding-bottom: 4px;
  }
  /* ---- 11.3. footer Style 3 -------------- */
  .footer-bar {
  	background: #000;
  	font-size: 11px;
  	padding-top:30px;
  	padding-bottom: 10px 
  }
  .footer-bar-3  p {
  	font-size: 20px;
  	line-height: 40px;
  	color: #B0B0B0;
  	text-transform: none;
  }
  .footer-bar-3 a { 
  	color: #fff;
  	position: relative;
  	display: inline-block;
  	vertical-align: bottom;
  	text-transform: uppercase;
  	overflow: hidden;
  }
  .footer-menu li a:hover{

  	color:gray! important;
  }
  .footer-bar-3 a span {
  	position: relative;
  	display: block;
  	font-size: 20px;
  	padding:0 7px;
  	-webkit-transition: -webkit-transform 0.4s, background 0.4s;
  	-moz-transition: -moz-transform 0.4s, background 0.4s;
  	transition: transform 0.4s, background 0.4s;
  	-webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d;
  	-webkit-transform-origin: -50% 50%;
  	-moz-transform-origin: -50% 50%;
  	transform-origin: -50% 50%;
  	text-align:center
  }
  .footer-bar-3 a span::before {
  	position: absolute;
  	top: 0;
  	left:100%;
  	width: 100%;
  	height: 100%;
  	content: attr(data-view);
  	-webkit-transition: background 0.4s;
  	-moz-transition: background 0.4s;
  	transition: background 0.4s;
  	-webkit-transform: rotateY(90deg);
  	-moz-transform: rotateY(90deg);
  	transform: rotateY(90deg);
  	-webkit-transform-origin: -50% 50%;
  	-moz-transform-origin: -50% 50%;
  	transform-origin:-50% 50% ;
  	pointer-events: none;
  }
  .footer-bar-3 a:hover span,.footer-bar-3 a:focus span {
  	background: #b53a2d;
  	-webkit-transform: rotateY(-90deg);
  	-moz-transform: rotateY(-90deg);
  	transform: rotateY(-90deg);
  }
  .footer-bar-3 .buyNow {
  	border-left: 1px solid #322F2F;
  	margin-top: -5px;
  }
  .footer-bar-3 .buyNow a {
  	font-size: 20px;
  	font-weight:800
  }
  .copyrights-center  {
  	text-align:center;
  }
  .footer-menu-center {
  	padding-top: 10px;
  	padding-bottom: 10px;
  	white-space: nowrap;
  	font-size: 11px;
  }
  .footer-menu-center li {
  	display: inline-block;
  	margin: 0 5px;
  }
  .footer-menu-center li a {
  	color: #777;
  	transition:all linear 300ms;
  }
  .recent-posts-footer li {
  	margin-bottom: 5px;
  	padding: 6px 5px;
  	border-bottom: 1px dotted #323232;
  	overflow: hidden;
  }
  .recent-posts-footer li .post-img {
  	float: left;
  	margin-right: 10px;
  	max-height: 70px;
  	overflow: hidden;
  }
  .recent-posts-footer li .post-img  img {
  	padding: 1px;
  	width: 40px;
  }
  .recent-posts-footer li h4 {
  	overflow: hidden;
  	margin-bottom: 3px;
  	height: 18px;
  	-ms-text-overflow: ellipsis;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	font-size: 13px;
  }
  .recent-posts-footer li .meta span {
  	display: inline-block;
  	margin-right: 10px;
  }
  .recent-posts-footer li .meta i{
  	margin: 0 5px 0 0;
  }

  /* ---- 11.4. footer Style 4 -------------- */
  .footer-top-4 {
  	background: #424242 url('../images/patterns/bg16.png');
  }
  .footer-top-4 p,.footer-top-4 ul.footer-menu a,.footer-top.footer-top-4 .footer-menu a:before{
  	color:#ccc
  }
  .footer-top-4 ul.footer-menu a:hover,.footer-top.footer-top-4 .footer-menu a:hover:before{
  	color:#fff
  }

  .footer-top-4 .foot-logo {
  	height: 52px;
  	text-align: center;
  }
  .footer-top-4 .copyrights,.footer-top-4 .footer-menu-inline{
  	background:#1d1d1d;
  	padding-right:15px;
  	padding-left:15px
  }
  .footer-top-4 hr{
  	border-top: 1px #1d1d1d solid;
  }
  .footer-top-4 .foot-logo{
  	background-position:0 0
  }

  /******** footer menu ********/
  .footer-top .footer-menu a {
  	display: inline-block;
  	padding: 7px 0;
  	text-transform:capitalize;
  }
  .footer-top .footer-menu a:before {
  	display: inline-block;
  	margin-right: 7px;
  	color:#fd88f9;
  	content: "\f105";
  	font-family: FontAwesome;
  }

  /******* Footer NewsLetters *******/
  .foot-logo {
  	height: 40px;
  	margin: 0 auto 5px;
  	text-align: center;
  }
  footer .NL {
  	position: relative;
  	overflow: hidden;
  	padding: 10px 0;
  	margin:auto 15px
  }
  footer .NL .input-box {
  	margin-left: 10px;
  	padding-left: 25px;
  	width: 67%;
  	border: 1px #3F3F3F solid;
  	border-right: 0px;
  	background: transparent none;
  	color: #fff;
  	font-size: 11px;
  }
  footer .NL .txt-box {
  	color: #969696;
  	font-size:11px
  }
  footer .NL:before {
  	position: absolute;
  	top: 16px;
  	left: 24px;
  	display: inline-block;
  	color: #5C5C5C;
  	content: "\f0e0";
  	font-family: FontAwesome;
  }
  footer .NL .NL-btn {
  	background: #3F3F3F;
  	color: #fff;
  }
  footer .NL .Notfication {
  	display: none
  }
  footer .NL .Notfication p {
  	color: #333;
  	padding: 0 7px;
  	font-size: 12px;
  	width: 89%;
  	line-height: normal;
  	margin-top: -28px;
  	display: inline-block;
  	vertical-align: top;
  }
  footer .NL .Notfication .close-box {
  	color: #333;
  }
  footer .no-margin{
  	margin: 20px 20px 8px;
  	text-align: center;
  	font-size: 12px;
  }

  
  /******* copyrights *******/
  .copyrights {
  	padding-top: 10px;
  	padding-bottom: 10px;
  	white-space: nowrap;
  	font-size: 11px;
  }
  .copyrights a {
  	color: #7C7C7C;
  	text-decoration: underline;
  }
  .copyrights a:hover {
  	text-decoration: none;
  }
  .footer-bottom {
  	overflow: auto;
  	padding: 15px 0;
  	border-top: 1px #363636 solid;
  	background:#f4f4f4;
  }
  

/* ==========================================================================
  13. Exception PopUp STYLES.
  ============================================================================= */
  .ModalPopUp {
  	width: 100%;
  	height: 100%;
  	background: rgba(44, 43, 43, 0.5);
  	position: absolute;
  	z-index: 999999;
  	top: 0;
  	left: 0;
  	display: none;
  }
  .ModalContainer {
  	width: 50%;
  	height: 485px;
  	display: block;
  	margin: 25px auto;
  	background: #fff;
  }
  .Modalheader {
  	background: #f3f3f3;
  	height: 31px;
  	padding: 25px 10px;
  }
  .Modalheader h3 {
  	margin-top: -8px;
  	font-size: 20px;
  	font-weight: bold;
  	float: left;
  }
  .ModalContent {
  	padding: 10px;
  	height: 100%;
  }
  .CssContainer {
  	padding: 10px;
  	height: 370px;
  	border: 1px solid #eee;
  	cursor: text;
  	overflow: auto;
  	margin-bottom: 10px;
  	background: #242424;
  	color: #4EA90F;
  }
  .closePopup {
  	display: block;
  	width: 30px;
  	height: 30px;
  	float: right;
  	background: #ddd;
  	margin-top: -14px;
  	border-radius: 50%;
  	transition: all linear 0.3s;
  }
  .closePopup span {
  	text-align: center;
  	display: block;
  	line-height: 30px;
  	font-size: 15px;
  }
  .closePopup:hover {
  	background-color: #e7512f;
  }
  .closePopup:hover span {
  	color: #fff;
  }
  .errorSelect{
  	border-color: #f2b1b4;
  	background: #f1d5d6;
  	display: none;
  	width: 100%;
  	padding: 5px;
  	text-align: center;
  	color: #9D1E1E;
  	margin-top: 12px;
  }
  .Newsslider .slick-prev, .Newsslider .slick-next {
  	background: rgba(119,119,119,.23);
  }
  #fowd,iframe[src="about:blank"],.nicescroll-rails{
  	display:none !important;
  }
  .errCap{
  	position: absolute;
  	font-weight: normal;
  	color: #fff;
  	background: #f00;
  	white-space: nowrap;
  	z-index: 9;
  	padding: 13px;
  	left: 94%;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	-webkit-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
  }
  .errCap:before{
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 5px 5px 5px 0;
  	border-color: transparent #f00 transparent transparent;
  	position:absolute;
  	left:-5px;
  	top:16px;
  	content:""
  }


  /**** version 1 customizations ******/
  .top-nav-style3 .top-nav > ul li a:hover i, .top-nav-style3 .top-nav > ul li.selected a i, .top-nav-style3 .top-nav > ul li.current a i {
  	color: #C2C2C2
  }
  .top-nav-style3 .mega-menu .div-mega,.head-style2 .mega-menu .div-mega,.nav-4 .mega-menu .div-mega{
  	top:50px
  }
  .head-style2 .right-bar {
  	margin: 2px 5px 4px 0;
  }
  .head-style2 .bg-head2 {
  	bottom: 0px;
  }
  .sticky .top-nav-style3 .mega-menu .div-mega{
  	top:50px !important
  }
  .nav-4 .top-nav > ul > li > a i{
  	display:none;
  }
  .masonry.nobar .post-image {
  	max-height: 160px;
  }
  .post-image a .mask{
  	top:3px
  }
  .news-masnory .gallery li {
  	margin: 0 1px 1px 0 !important;
  }
  img{
  	vertical-align:middle
  }
  header.top-head .logo a{
  	margin-right:0;
  	margin-left:0
  }
  header.top-head.top-head-4 .logo a,.head-style2 header.top-head .logo a, .head-style3 header.top-head .logo a{
  	margin-left:auto;
  	margin-right:auto
  }
  .portfolio-filterable.full{
  	padding:0 15px
  }
  .top-nav > ul ul li a i {
  	margin-right: 8px;
  	font-size: 13px;
  }
  .portfolio-lft-txt{
  	max-height:137px
  }
  #message{
  	margin:0
  }
  /**** new in version 2 *****/

  .img-holder .slick-list{
  	margin:0 !important
  }
  .img-over.full-hover{
  	top:0;
  	left:0;
  	-moz-transform: rotate(0deg);
  	-ms-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
  	-webkit-transform: rotate(0deg);
  	transform: rotate(0deg);
  	width:100%;
  	height:100%
  }
  .img-over.full-hover .zoom{
  	top:0;
  	left:0
  }
  .img-over.full-hover .zoom b{
  	top:50% !important;
  	left:50% !important;
  	-moz-transform: rotate(0deg);
  	-ms-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
  	-webkit-transform: rotate(0deg);
  	transform: rotate(0deg);
  	margin-top:-15px;
  	margin-left:-15px
  }
  /****** white sub menu ***********/
  .sub-menu-white.top-nav > ul li ul li,.sub-menu-dark.top-nav > ul li ul li{
  	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .sub-menu-white.top-nav > ul li ul li:first-child,.sub-menu-dark.top-nav > ul li ul li:first-child{
  	border-top-width:4px;
  	border-top-style:solid
  }
  .sub-menu-white.top-nav > ul li ul li{
  	border-bottom-color:#f2f2f2
  }
  .sub-menu-white.top-nav > ul li ul li a{
  	background:#fff;
  	color:#777;
  }
  .sub-menu-white.top-nav li li.selected > a, .sub-menu-white.top-nav li li.current > a{
  	background:#f2f2f2 !important;
  	color:#777 !important;
  }
  .sub-menu-white.top-nav > ul li ul li a:hover{
  	background:#f2f2f2 !important;
  }
  .sub-menu-white.top-nav li li.hasChildren:after,.sub-menu-white.top-nav > ul ul li a i{
  	color:#C5C5C5
  }
  .sub-menu-white .div-mega{
  	background-color:#fff;
  	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  	border-top-width: 4px;
  	border-top-style: solid;
  }
  .sub-menu-dark .div-mega{
  	background-color:#333;
  	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  	border-top-width: 4px;
  	border-top-style: solid;
  }

  .sub-menu-white.top-nav .div-mega ul li:first-child, .sub-menu-dark.top-nav .div-mega ul li:first-child{
  	border-top-width: 0;
  }
  .sub-menu-white.top-nav .div-mega h4{
  	background:#eee
  }
  .sub-menu-dark.top-nav .div-mega h4{
  	background:#111;
  	color:#999
  }
  .sub-menu-white.top-nav .div-mega ul li,.sub-menu-dark.top-nav .div-mega ul li{
  	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .div-mega h4{
  	padding:12px 15px !important;
  	font-size:12px;
  	text-transform:uppercase;
  	border-radius:3px
  }
  /********** dark sub menu **********/
  .sub-menu-dark.top-nav > ul li ul li{
  	border-bottom-color:#3f3f3f
  }
  .sub-menu-dark.top-nav > ul li ul li a{
  	background:#333;
  	color:#ddd;
  }
  .sub-menu-dark.top-nav li li.selected > a, .sub-menu-dark.top-nav li li.current > a{
  	background:#444 !important;
  	color:#ddd !important;
  }
  .sub-menu-dark.top-nav > ul li ul li a:hover{
  	background:#3f3f3f !important;
  }
  .sub-menu-dark.top-nav li li.hasChildren:after,.sub-menu-dark.top-nav > ul ul li a i{
  	color:#7F7F7F
  }

  
  /********** headers ************/
  .left-side-wrap{
  	margin-left: 260px;
  	position:relative
  }
  .right-side-wrap{
  	margin-right: 260px;
  	position:relative
  }
  .left-side-header,.right-side-header{
  	position:fixed;
  	left:0;
  	top:0;
  	width:260px;
  	height:100%;
  	background:#fff;
  	-webkit-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.25);
  	-moz-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.25);
  	box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.25);
  	z-index:5;
  	overflow:auto
  }
  .right-side-header{
  	left:auto;
  	right:0;
  	-webkit-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.25);
  	-moz-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.25);
  	box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.25);
  }
  .left-side-header header.top-head,.right-side-header header.top-head{
  	border-bottom:0;
  	padding:70px 0
  }
  .left-side-header .search-box-side,.right-side-header .search-box-side{
  	display:block;
  	position:relative;
  	margin:30px 20px;
  	overflow:hidden
  }
  .left-side-header .input-box,.right-side-header .input-box{
  	border-right:0;
  	margin-right:-15px;
  	border-top-left-radius: 2em;
  	border-bottom-left-radius: 2em;
  }
  .left-side-header .search-box-side input[type=text],.right-side-header .search-box-side input[type=text]{
  	width:190px;
  	height: 33px;
  	font-size: 10px;
  }
  .left-side-header .search-box-side input[type=submit],.right-side-header .search-box-side input[type=submit] {
  	width: 35px;
  	height: 35px;
  	padding: 0 5px;
  	font-size: 10px;
  	border-radius: 50%;
  }
  .left-side-header header.top-head .logo a,.right-side-header header.top-head .logo a{
  	margin:auto
  }
  .side-nav{
  	padding:30px 0 10px
  }
  .side-nav > ul > li {
  	position: relative;
  	margin: 0;
  	padding:0 20px;
  }
  .side-nav > ul > li > a:hover i, .side-nav > ul > li.current > a i, .side-nav > ul > li.selected > a i {
  	margin-top: 5px;
  }
  .side-nav > ul > li > a {
  	display: block;
  	padding: 0 17px;
  	height: 50px;
  	text-transform: uppercase;
  	overflow:hidden;
  	line-height:50px;
  	border-bottom: 1px #eee solid;
  }
  .side-nav > ul > li > a:hover {
  	color:#777
  }
  .side-nav > ul > li.current > a{
  	color:#333;
  	font-weight:bold
  }
  .side-nav > ul > li > ul li.current > a{
  	background:rgba(255,255,255,.15)
  }

  .side-nav > ul li a i{
  	color:#b8b8b8 !important;
  	font-size:16px;
  	margin-right:10px
  }
  .side-nav > ul li a:hover i{
  	color:#777 !important
  }
  .side-nav > ul li a:hover i,.side-nav > ul li.selected a i,.side-nav > ul li.current a i{
  	color:#fff;
  }
  .side-nav > ul li ul {
  	position: static;
  	min-width: 220px;
  	display:none;
  }
  .side-nav > ul > li > ul li {
  	position: relative;
  	float: none;
  	margin: 0;
  	padding: 0;
  	line-height: 35px;
  	border-bottom:1px rgba(255,255,255,.15) solid
  }
  .side-nav > ul > li > ul li a:hover{
  	background:rgba(255,255,255,.15)
  }
  .side-nav ul ul li.hasChildren{
  	background:rgba(0,0,0,.1)
  }
  .side-nav li li a {
  	display: block;
  	overflow: hidden;
  	padding: 0 15px !important;
  	-ms-text-overflow: ellipsis;
  	-o-text-overflow: ellipsis;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	font-size: 13px;
  	line-height: 40px !important;
  	color:#fff
  }
  .side-nav li.hasChildren:after {
  	position: absolute;
  	top: 15px;
  	right: 30px;
  	display: inline-block;
  	color: #777;
  	content: "\f107";
  	font-family: FontAwesome;
  	-moz-transition: transform 0.3s linear;
  	-o-transition: transform 0.3s linear;
  	-webkit-transition: transform 0.3s linear;
  	transition: transform 0.3s linear;
  }
  .side-nav li.hasChildren:hover:after {
  	-webkit-transform: rotate(-180deg);
  	-moz-transform: rotate(-180deg);
  	-ms-transform: rotate(-180deg);
  	-o-transform: rotate(-180deg);
  	transform: rotate(-180deg);
  }
  .side-nav li li.hasChildren:after {
  	top: 2px;
  	right: 10px;
  	color: #fff;
  }
  .side-nav li li a:hover, .side-nav li li.selected > a, .side-nav li li.current > a {
  	text-decoration: none;
  }
  .side-nav .div-mega{
  	position:static;
  	padding-top: 0;
  	-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
  	-moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
  	box-shadow: inset 0px 0 0 0 rgba(0,0,0,0);
  	display:none
  }
  .side-nav .div-mega .div-mega-section{
  	float:none;
  	width:100%;
  	margin:0
  }
  .side-nav .div-mega .div-mega-section h4{
  	margin:0;
  	border-radius:0;
  	background:rgba(0,0,0,.1);
  	color:#fff
  }
  .side-nav .div-mega .div-mega-section ul{
  	display:block;
  }
  .side-nav .div-mega .div-mega-section ul li{
  	border-bottom: 1px rgba(255,255,255,.15) solid;
  }
  .side-nav .div-mega .div-mega-section ul li a:hover{
  	background: rgba(255,255,255,.15);
  }

  /*** sub menu level more than 2 ***/
  .side-head-block{
  	margin:20px;
  }
  .side-head-block ul.blocks li{
  	display:block;
  	float:none;
  	font-size:12px;
  	padding:8px 0;
  	border-bottom:1px #ECECEC solid
  }
  .side-head-block ul.social-list{
  	display:table;
  	margin:auto
  }
  .side-head-block ul.blocks li a,.side-head-block ul.blocks li span{
  	font-size:12px;
  }
  .side-head-block ul.blocks li i{
  	margin-right:8px
  }
  .nicescroll-rails{
  	display:block !important
  }

  /********* menu updates *********/
  .top-nav > ul li ul {
  	height:auto;
  	max-height:none;
  	display:none
  }
  .top-nav > ul > li > ul > li {
  	opacity: 1;
  	-moz-transform: rotateY(0deg);
  	-ms-transform: rotateY(0deg);
  	-o-transform: rotateY(0deg);
  	-webkit-transform: rotateY(0deg);
  	transform: rotateY(0deg);
  }
  /*** sub menu level more than 2 ***/
  .top-nav ul li li li {
  	opacity: 1;
  	-moz-transform: rotateX(0deg);
  	-ms-transform: rotateX(0deg);
  	-o-transform: rotateX(0deg);
  	-webkit-transform: rotateX(0deg);
  	transform: rotateX(0deg);
  }
  .top-nav ul li li > ul{
  	height:auto;
  }
  /******** default effect ***********/
  .top-nav > ul.def-effect li ul {
  	height:0;
  	max-height:0;
  	display:block;
  	opacity:0;
  	visibility:hidden
  }
  .top-nav > ul.def-effect > li > ul > li {
  	opacity: 0;
  	-moz-transform: rotateY(90deg);
  	-ms-transform: rotateY(90deg);
  	-o-transform: rotateY(90deg);
  	-webkit-transform: rotateY(90deg);
  	transform: rotateY(90deg);
  }
  .top-nav > ul.def-effect > li:hover > ul{
  	z-index:0;
  	height:auto;
  	max-height:none;
  }
  .top-nav > ul.def-effect li:hover > ul {
  	height:auto;
  	max-height:none;
  	opacity:1;
  	visibility:visible
  }

  .top-nav > ul.def-effect > li:hover > ul > li {
  	opacity: 1;
  	-moz-transform: none;
  	-ms-transform: none;
  	-o-transform: none;
  	-webkit-transform: none;
  	transform: none;
  }
  /*** sub menu level more than 2 ***/
  .top-nav ul.def-effect li li li {
  	opacity: 0;
  	-moz-transform: rotateX(90deg);
  	-ms-transform: rotateX(90deg);
  	-o-transform: rotateX(90deg);
  	-webkit-transform: rotateX(90deg);
  	transform: rotateX(90deg);
  }
  .top-nav ul.def-effect li li > ul{
  	height:0;
  }
  .top-nav ul.def-effect li li:hover > ul{
  	height:auto;
  }
  .top-nav ul.def-effect li li:hover > ul > li {
  	opacity: 1;
  	-moz-transform: none;
  	-ms-transform: none;
  	-o-transform: none;
  	-webkit-transform: none;
  	transform: none;
  	text-transform:capitalize;
  }
  .top-nav.mega-menu ul div.div-mega ul{
  	height:100%;
  	max-height:none;
  	display:block;
  	opacity:1;
  	visibility:visible
  }
  /**********/
  .top-nav > ul li a span{
  	position:relative
  }
  .top-nav > ul li a span .menu-hint{
  	position: absolute;
  	top: -12px;
  	right: -12px;
  	left:auto
  }
  .nav-2 .top-nav > ul > li > a span .menu-hint{
  	top:26px
  }
  .menu-hint {
  	font-size: 9px;
  	position: relative;
  	top: -5px;
  	left: 3px;
  	padding: 1px 4px;
  	background: #777;
  	line-height: 1;
  	text-align: center;
  	white-space: nowrap;
  	vertical-align: baseline;
  	border-radius: .25em;
  	color: #fff;
  }
  .menu-hint.success {
  	background-color: #5cb85c;
  }
  .menu-hint.success:hover {
  	background-color: #449d44;
  }
  .menu-hint.info {
  	background-color: #5bc0de;
  }
  .menu-hint.info:hover {
  	background-color: #31b0d5;
  }
  .menu-hint.warning {
  	background-color: #f0ad4e;
  }
  .menu-hint.warning:hover {
  	background-color: #ec971f;
  }
  .menu-hint.error {
  	background-color: #d9534f;
  }
  .menu-hint.error:hover{
  	background-color: #c9302c;
  }
  
  /********** headings ***********/
  .block-head.right-head{
  	text-align:right
  }
  .block-head.right-head:before{
  	right: 20px;
  	left:auto
  }
  .block-head.right-head:after{
  	right: 0;
  	left:auto
  }
  .block-head.style2{
  	border-bottom:0;
  }
  .block-head.style2.center{
  	display:block
  }
  .block-head.style2.center span{
  	padding:0 20px
  }
  .block-head.style2 span{
  	display:inline-block;
  	padding-right:15px;
  	background:#fff;
  	position: relative;
  	z-index: 1;
  }
  .block-head.style2.right-head span{
  	padding-left:15px;
  	padding-right:0
  }
  .block-head.style2:before{
  	display:none
  }
  .block-head.style2:after{
  	border-top: 8px #EFEFEF solid;
  	width:100%;
  	top: 50%;
  	bottom: auto;
  	z-index: 0;
  	left: 0;
  	background: transparent;
  	margin: -12px 0 0;
  }
  .block-head.style3{
  	border-bottom:0;
  }
  .block-head.style3.center{
  	display:block
  }
  .block-head.style3.center span{
  	padding:0 20px
  }
  .block-head.style3 span{
  	display:inline-block;
  	padding-right:15px;
  	background:#fff;
  	position: relative;
  	z-index: 1;
  }
  .block-head.style3.right-head span{
  	padding-left:15px;
  	padding-right:0
  }
  .block-head.style3:before{
  	display:none
  }
  .block-head.style3:after{
  	width:100%;
  	top: 30%;
  	bottom: auto;
  	z-index: 0;
  	left: 0;
  	margin: 0;
  }
  .block-head.style4{
  	display:table
  }
  .block-head.style4.center:before{
  	left:50%;
  	margin-left:-10%
  }
  .block-head.style4.center span{
  	padding:0 20px
  }
  .block-head.style4 span{
  	display:inline-block;
  	padding: 0;
  	position: relative;
  	z-index: 1;
  }
  .block-head.style4.right-head span{
  	padding-left:15px;
  	padding-right:0;
  	position:relative
  }
  .block-head.style4:after{
  	display:none
  }
  .block-head.style4:before{
  	left:0;
  	width: 20%;
  	height: 3px;
  	bottom: -2px;
  }
  .block-head.style5{
  	overflow: hidden;
  	padding-bottom: 7px;
  	border-bottom-width: 3px;
  }
  .block-head.style5.center{
  	display:block
  }
  .block-head.style5.center span{
  	padding:0 20px
  }
  .block-head.style5 span{
  	display:inline-block;
  	padding: 0;
  	position: relative;
  	z-index: 1;
  }
  .block-head.style5.right-head span{
  	padding-left:15px;
  	padding-right:0;
  	position:relative
  }
  .block-head.style5:after{
  	display:none
  }
  .block-head.style5:before{
  	display: none;
  }
  .block-head.style6.center:after{
  	left:50%;
  	margin-left:-10%
  }
  .block-head.style6.center span{
  	padding:0 20px
  }
  .block-head.style6 span{
  	display:inline-block;
  	padding-right:15px;
  	position: relative;
  	z-index: 1;
  }
  .block-head.style6.right-head span{
  	padding-left:15px;
  	padding-right:0
  }
  .block-head.style6:before{
  	display:none
  }
  .block-head.style6:after{
  	width: 8%;
  	left: 0;
  	margin: 0;
  	height: 1px;
  	bottom: -1px;
  }
  .block-head.style7,.block-head.style8{
  	border-bottom:0;
  	padding-bottom:0
  }
  .block-head.style7:before,.block-head.style7:after,.block-head.style8:before,.block-head.style8:after{
  	display:none
  }
  .block-head.style7{
  	color:#555
  }
  .block-head.style7{
  	padding:0 20px;
  	border-left-width: 6px;
  	border-left-style:solid;
  }
  .block-head i{
  	margin-right:10px
  }
  
/* ==========================================================================
  13.Side bar social media.
  ============================================================================= */
  @import url(http://weloveiconfonts.com/api/?family=entypo);

  /* entypo */
  [class*="entypo-"]:before {
  	font-family: "entypo", sans-serif;
  }


  #sticky-social {
  	right:0;
  	position: fixed;
  	top:280px;
  	z-index:10000000;
  }
  #sticky-social a {
  	background: #333;
  	color: #fff;
  	display: block;
  	height: 35px;
  	font: 16px "Open Sans", sans-serif;
  	line-height: 35px;
  	position: relative;
  	text-align: center;
  	width: 35px;

  }
  #sticky-social a span {
  	line-height: 35px;
  	right: -120px;
  	position: absolute;
  	text-align:center;
  	width:120px;
  	top:-0.5px
  }
  #sticky-social a:hover span {
  	right: 100%;
  }
  #sticky-social a[class*="facebook"],
  #sticky-social a[class*="facebook"]:hover,
  #sticky-social a[class*="facebook"] span { background: #3b5998; }

  #sticky-social a[class*="twitter"],
  #sticky-social a[class*="twitter"]:hover,
  #sticky-social a[class*="twitter"] span { background: #00aced; }

  #sticky-social a[class*="gplus"],
  #sticky-social a[class*="gplus"]:hover,
  #sticky-social a[class*="gplus"] span { background: #dd4b39; }  

  #sticky-social a[class*="linkedin"],
  #sticky-social a[class*="linkedin"]:hover,
  #sticky-social a[class*="linkedin"] span { background: #007bb6; }  

  #sticky-social a[class*="instagrem"],
  #sticky-social a[class*="instagrem"]:hover,
  #sticky-social a[class*="instagrem"] span { background: #517fa4; }  

  #sticky-social a[class*="YouTube"],
  #sticky-social a[class*="YouTube"]:hover,
  #sticky-social a[class*="YouTube"] span { background:#cc2127; }  

  #sticky-social a[class*="pinterest"],
  #sticky-social a[class*="pinterest"]:hover,
  #sticky-social a[class*="pinterest"] span { background: #cc2127; }  

  #sticky-social a[class*="flickr"],
  #sticky-social a[class*="flickr"]:hover,
  #sticky-social a[class*="flickr"] span { background: #ff0084; }  

  #sticky-social a[class*="tumblr"],
  #sticky-social a[class*="tumblr"]:hover,
  #sticky-social a[class*="tumblr"] span { background: #32506d; }

  /* top left submenu */

  .dropbtn {

  	color:#fff;
  	padding:12px 12px;
  	font-size: 11px;
  	border: none;
  	cursor: pointer;
  	text-transform:capitalize;
  }

  .dropdown {
  	position: relative;
  	display: inline-block;
  }

  .dropdown-content {
  	display: none;
  	position: absolute;
  	background-color:#7f1d96;
  	min-width: 160px;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	color:#fff;

  }

  .dropdown-content a {
  	color: black;
  	padding: 4px 18px;
  	text-decoration: none !important;
  	display: block;
  	color:#FFFFFF;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	font-size: 12px;
  	line-height: 25px;
  	border-bottom: solid 1px #ccc;
  	text-transform:capitalize;
  }
  .dropdown:hover .dropdown-content {
  	display: block;
  	z-index:10000;
  }

  .dropdown:hover .dropbtn {

  }

  

.button-sticky-index  {
   position:fixed;
    top: 50%;
    width:100px;
    height:50px;
  display: inline-block;
  border-radius: 4px;
  background-color:#85219f;
  border: none;
  z-index:100000;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  width: 220px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button-sticky-index span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.button-sticky-index span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
.button-sticky-index:hover span {
  padding-right: 25px;
}
.button-sticky-index:hover span:after {
  opacity: 1;
  right: 0;
}


@media screen and (max-width: 435px) {
.button-sticky-index  {
   position:fixed;
   
   top:90%;
     left:1%;
    width:100px;
    height:50px;
   display: inline-block;
  border-radius: 4px;
  background-color:#85219f;
  border: none;
  z-index:100000;
  color: #FFFFFF;
  text-align: center;
  font-size: 10px;
  padding: 5px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

}
.st-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-family: 'open sans', Arial, sans-serif;
}

.st-container > input,
.st-container > a {
	position: fixed;
	bottom: 0px;
	width: 18%;
	padding-top:5px;
	text-align:center; 
	letter-spacing:1px; 
	cursor: pointer;
	font-size: 15px;
	height: 54px;
	line-height: 44px;
}

.st-container > input {
	opacity: 0;
	z-index: 1000;
}

.st-container > a {
	z-index: 10;
	font-weight: 700;
	background: #8222a0;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
}

/* "Fix" for percentage rounding: add a background bar pseudo element with the same color like the labels */
.st-container:before {
	content: '';
	position: fixed;
	width: 100%;
	height: 34px;
	background: #e23a6e;
	z-index: 9;
	bottom: 0;
}

#st-control-1, #st-control-1 + a {
	left: 0%;
}

#st-control-2, #st-control-2 + a {
	left: 18%;
}

#st-control-3, #st-control-3 + a {
	left: 34%;
}

#st-control-4, #st-control-4 + a {
	left: 51%;
}

#st-control-5, #st-control-5 + a {
	left: 68%;
}

#st-control-6, #st-control-6 + a {
	left: 84%;
}



.st-container > input:checked + a,
.st-container > input:checked:hover + a{
	background: #61024c;
}

.st-container > input:checked + a:after,
.st-container > input:checked:hover + a:after{
	bottom: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #61024c;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.st-container > input:hover + a{
	background: #6322a0;
}

.st-container > input:hover + a:after {
	border-bottom-color: #AD244F;
}

.st-scroll,
.st-panel {
	position: relative;
	width: 100%;
	height: 100%;
}

.st-scroll {
	top: 0;
	left: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	
	/* Let's enforce some hardware acceleration */
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
}

.st-panel{
	
	overflow: hidden;
} 

#st-control-1:checked ~ .st-scroll {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
#st-control-2:checked ~ .st-scroll {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
#st-control-3:checked ~ .st-scroll {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-o-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
}
#st-control-4:checked ~ .st-scroll {
	-webkit-transform: translateY(-300%);
	-moz-transform: translateY(-300%);
	-o-transform: translateY(-300%);
	-ms-transform: translateY(-300%);
	transform: translateY(-300%);
}
#st-control-5:checked ~ .st-scroll {
	-webkit-transform: translateY(-400%);
	-moz-transform: translateY(-400%);
	-o-transform: translateY(-400%);
	-ms-transform: translateY(-400%);
	transform: translateY(-400%);
}
#st-control-6:checked ~ .st-scroll {
	-webkit-transform: translateY(-500%);
	-moz-transform: translateY(-500%);
	-o-transform: translateY(-500%);
	-ms-transform: translateY(-500%);
	transform: translateY(-500%);
}



/* Content elements */



[data-icon]:after {
    content: attr(data-icon);
    font-family: 'RaphaelIcons';
    color: #fff;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
	position: absolute;
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	font-size: 90px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: rotate(-45deg) translateY(25%);
	-moz-transform: rotate(-45deg) translateY(25%);
	-o-transform: rotate(-45deg) translateY(25%);
	-ms-transform: rotate(-45deg) translateY(25%);
	transform: rotate(-45deg) translateY(25%);
}

.st-panel h2 {
	color: #61024c;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
	position: absolute;
	font-size: 44px;
	font-weight: 400;
	width: 80%;
	left: 10%;
	text-align: center;
	line-height: 50px;
	margin: -70px 0 0 0;
	padding: 0;
	top: 50%;
	-webkit-backface-visibility: hidden;
}

#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2,
#st-control-6:checked ~ .st-scroll #st-panel-6 h2
{

	-webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	animation: moveDown 0.6s ease-in-out 0.2s backwards;
}
@-webkit-keyframes moveDown{
	0% { 
		-webkit-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveDown{
	0% { 
		-moz-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveDown{
	0% { 
		-o-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveDown{
	0% { 
		-ms-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveDown{
	0% { 
		transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

.st-panel p {
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 1.8em;
	color: #8b8b8b;
	z-index: 2;
	padding: 0;
	width: 50%;
	left: 25%;
	top: 52%;
	margin: 10px 0 0 0;
	-webkit-backface-visibility: hidden;
}
#st-control-1:checked ~ .st-scroll #st-panel-1 p,
#st-control-2:checked ~ .st-scroll #st-panel-2 p,
#st-control-3:checked ~ .st-scroll #st-panel-3 p,
#st-control-4:checked ~ .st-scroll #st-panel-4 p,
#st-control-5:checked ~ .st-scroll #st-panel-5 p,
#st-control-6:checked ~ .st-scroll #st-panel-6 p
{
	-webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	animation: moveUp 0.6s ease-in-out 0.2s backwards;
}

@-webkit-keyframes moveUp{
	0% { 
		-webkit-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveUp{
	0% { 
		-moz-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveUp{
	0% { 
		-o-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveUp{
	0% { 
		-ms-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveUp{
	0% { 
		transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

/* Colored sections */


.st-color [data-icon]:after {
	color: #fa96b5;
}
.st-color .st-deco {
	background: #fff;
}
.st-color h2 {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
} 
.st-color p {
	color: #fff;
	color: rgba(255,255,255,0.8);
}

@media screen and (max-width: 520px) {
	.st-panel h2 {
		font-size: 42px;
	}
	
	.st-panel p {
		width: 90%;
		left: 5%;
		margin-top: 0;
	}
	
	.st-container > a {
		font-size: 10px;
	}
}
@media screen and (max-width: 435px) {
	.st-container > a {
		font-size: 10px;
	}



   .st-scroll
   {
   	display:none;
   }
	.st-container
	{
		display:none;
	}

   .st-panel h2 {
		font-size: 16px;
	}
	
	.st-panel p {
		width: 90%;
		left: 5%;
		margin-top: 0;
	}
	
	
	[data-icon]:after {
		font-size: 60px;
		-webkit-transform: rotate(-45deg) translateY(15%);
		-moz-transform: rotate(-45deg) translateY(15%);
		-o-transform: rotate(-45deg) translateY(15%);
		-ms-transform: rotate(-45deg) translateY(15%);
		transform: rotate(-45deg) translateY(15%);
	}
}

@media screen and (min-width: 1200px) and (max-width: 2000px) {
 .mobile-div-section
{
width:300px;
margin:auto;
height:auto;
display:none !important;
text-align:center;	
}


}



.why-jain-university
{
width:100%;
height:600px;
}

@media only screen and (max-width: 435px) { 

.why-jain-university
{
width:100%;
height:50px;
}

.mobile-div-section
{
width:300px;
margin:auto;
height:auto;
text-align:center;	
}

.mobile-div-section h2
{
font-size:16px;
text-align:left;
color:#8222a0;
font-weight:600;
}

.mobile-div-section p
{
font-size:13px !important;
padding:10px;
text-align:justify;
color:#000000;
}

}


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

.why-jain-university
{
width:100%;
height:350px;
}

.st-container {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-family: 'open sans', Arial, sans-serif;
}

.st-container > input,
.st-container > a {
	position: fixed;
	bottom: 0px;
	width: 17%;
	padding-top:5px;
	text-align:center; 
	letter-spacing:1px; 
	cursor: pointer;
	font-size: 10px;
	height: 54px;
	line-height: 44px;
}

.st-container > input {
	opacity: 0;
	z-index: 1000;
}

.st-container > a {
	z-index: 10;
	font-weight: 700;
	background: #8222a0;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
}

/* "Fix" for percentage rounding: add a background bar pseudo element with the same color like the labels */
.st-container:before {
	content: '';
	position: fixed;
	width: 100%;
	height: 34px;
	background: #e23a6e;
	z-index: 9;
	bottom: 0;
}

#st-control-1, #st-control-1 + a {
	left: 0%;
}

#st-control-2, #st-control-2 + a {
	left: 17%;
}

#st-control-3, #st-control-3 + a {
	left: 34%;
}

#st-control-4, #st-control-4 + a {
	left: 51%;
}

#st-control-5, #st-control-5 + a {
	left: 67%;
}
#st-control-6, #st-control-6 + a {
	left: 83%;
}
#st-control-7, #st-control-7 + a {
	left: 95%;
}


.st-container > input:checked + a,
.st-container > input:checked:hover + a{
	background: #61024c;
}

.st-container > input:checked + a:after,
.st-container > input:checked:hover + a:after{
	bottom: 100%;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #61024c;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.st-container > input:hover + a{
	background: #6322a0;
}

.st-container > input:hover + a:after {
	border-bottom-color: #AD244F;
}

.st-scroll,
.st-panel {
	position: relative;
	width: 100%;
	height: 100%;
}

.st-scroll {
	top: 0;
	left: 0;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	
	/* Let's enforce some hardware acceleration */
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
}

.st-panel{
	
	overflow: hidden;
} 

#st-control-1:checked ~ .st-scroll {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}
#st-control-2:checked ~ .st-scroll {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
#st-control-3:checked ~ .st-scroll {
	-webkit-transform: translateY(-200%);
	-moz-transform: translateY(-200%);
	-o-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
}
#st-control-4:checked ~ .st-scroll {
	-webkit-transform: translateY(-300%);
	-moz-transform: translateY(-300%);
	-o-transform: translateY(-300%);
	-ms-transform: translateY(-300%);
	transform: translateY(-300%);
}
#st-control-5:checked ~ .st-scroll {
	-webkit-transform: translateY(-400%);
	-moz-transform: translateY(-400%);
	-o-transform: translateY(-400%);
	-ms-transform: translateY(-400%);
	transform: translateY(-400%);
}
#st-control-6:checked ~ .st-scroll {
	-webkit-transform: translateY(-500%);
	-moz-transform: translateY(-500%);
	-o-transform: translateY(-500%);
	-ms-transform: translateY(-500%);
	transform: translateY(-500%);
}
#st-control-7:checked ~ .st-scroll {
	-webkit-transform: translateY(-600%);
	-moz-transform: translateY(-600%);
	-o-transform: translateY(-600%);
	-ms-transform: translateY(-600%);
	transform: translateY(-600%);
}



/* Content elements */



[data-icon]:after {
    content: attr(data-icon);
    font-family: 'RaphaelIcons';
    color: #fff;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
	position: absolute;
	width: 200px;
	height: 200px;
	line-height: 200px;
	text-align: center;
	font-size: 90px;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	-webkit-transform: rotate(-45deg) translateY(25%);
	-moz-transform: rotate(-45deg) translateY(25%);
	-o-transform: rotate(-45deg) translateY(25%);
	-ms-transform: rotate(-45deg) translateY(25%);
	transform: rotate(-45deg) translateY(25%);
}

.st-panel h2 {
	color: #61024c;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
	position: absolute;
	font-size: 44px;
	font-weight: 400;
	width: 80%;
	left: 10%;
	text-align: center;
	line-height: 50px;
	margin: -70px 0 0 0;
	padding: 0;
	top: 50%;
	-webkit-backface-visibility: hidden;
}

#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2,
#st-control-6:checked ~ .st-scroll #st-panel-6 h2,
#st-control-7:checked ~ .st-scroll #st-panel-7 h2
{

	-webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveDown 0.6s ease-in-out 0.2s backwards;
	animation: moveDown 0.6s ease-in-out 0.2s backwards;
}
@-webkit-keyframes moveDown{
	0% { 
		-webkit-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveDown{
	0% { 
		-moz-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveDown{
	0% { 
		-o-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveDown{
	0% { 
		-ms-transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveDown{
	0% { 
		transform: translateY(-40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

.st-panel p {
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 1.8em;
	color: #8b8b8b;
	z-index: 2;
	padding: 0;
	width: 50%;
	left: 25%;
	top: 52%;
	margin: 10px 0 0 0;
	-webkit-backface-visibility: hidden;
}
#st-control-1:checked ~ .st-scroll #st-panel-1 p,
#st-control-2:checked ~ .st-scroll #st-panel-2 p,
#st-control-3:checked ~ .st-scroll #st-panel-3 p,
#st-control-4:checked ~ .st-scroll #st-panel-4 p,
#st-control-5:checked ~ .st-scroll #st-panel-5 p,
#st-control-6:checked ~ .st-scroll #st-panel-6 p,
#st-control-7:checked ~ .st-scroll #st-panel-7 p
{
	-webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-moz-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-o-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	-ms-animation: moveUp 0.6s ease-in-out 0.2s backwards;
	animation: moveUp 0.6s ease-in-out 0.2s backwards;
}

@-webkit-keyframes moveUp{
	0% { 
		-webkit-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-webkit-transform: translateY(0px);  
		opacity: 1;
	}
}

@-moz-keyframes moveUp{
	0% { 
		-moz-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-moz-transform: translateY(0px);  
		opacity: 1;
	}
}

@-o-keyframes moveUp{
	0% { 
		-o-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-o-transform: translateY(0px);  
		opacity: 1;
	}
}

@-ms-keyframes moveUp{
	0% { 
		-ms-transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		-ms-transform: translateY(0px);  
		opacity: 1;
	}
}

@keyframes moveUp{
	0% { 
		transform: translateY(40px); 
		opacity: 0;
	}
	100% { 
		transform: translateY(0px);  
		opacity: 1;
	}
}

/* Colored sections */


.st-color [data-icon]:after {
	color: #fa96b5;
}
.st-color .st-deco {
	background: #fff;
}
.st-color h2 {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
} 
.st-color p {
	color: #fff;
	color: rgba(255,255,255,0.8);
}

}


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

.mobile-div-section
{
display:none !important;  
}

}


/*Responsive*/
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.clearfix:after,.container:after,.row:after{
  clear: both;
}
[class*="cell-"],.masonry .post-item {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right:15px;
  float:left
}
.row{
  margin-right:-15px;
  margin-left:-15px
}
.cell-12 {width: 100%;}
.cell-11 {width: 91.66666667%;}
.cell-10 {width: 83.33333333%;}
.cell-9 {width: 75%;}
.cell-8 {width: 66.66666667%;}
.cell-7 {width: 58.33333333%;}
.cell-6,.masonry .post-item {width: 50%;}
.cell-5 {width: 41.66666667%;}
.cell-4,.masonry.nobar .post-item {width: 33.33333333%;}
.cell-3 {width: 25%;}
.cell-2 {width: 16.66666667%;}
.cell-1 {width: 8.33333333%;}
.responsive-nav,.menuBtn,.responsive-one{
  display:none
}
@media (min-width: 1200px) {
  .container{
    width: 1270px;
  }
  .pageWrapper.fixedPage {
    width: 1170px;
    margin: 20px auto;
    border-radius: 10px;
    border-top-width: 2px;
    border-top-style: solid;
  }
  .fixedPage .top-bar,.fixedPage .login-box{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  } 
}
@media all and (max-width: 1447px) and (min-width: 1200px) {
  .left-side-wrap .container,.right-side-wrap .container{
    width: auto;
  }
}

@media (max-width: 1024px) {
  .dark-bg h2{
    font-size:20px;
  }
    .head2-lft-links{
    float:right !important;
    width:auto !important
  }
  .head2-lft-links li,.head-style2 .right-bar{
    float:left !important
  }
  .bg-head2{
    display:none
  }
  .head2-lft-links li i{
    margin-right:10px;
    float:left;
    margin-top:4px
  }
  .head-style2 .top-menu{
    margin:auto;
    float:none !important;
    clear:both !important;
  }
  .top-nav > ul > li > a{
    padding-right:13px;
    padding-left:13px
  }
  .side-heading{
    font-size:26px
  }
  .team-box .team-socials li a{
    font-size:15px;
    padding:3px 5px
  }
  .pageWrapper.fixedPage{
    width: auto;
  }
  .masonry .post-image {
    max-height: 138px !important;
    overflow: hidden;
  }
  footer .NL .input-box,footer .NL .txt-box,footer .NL .NL-btn,footer .NL .NL-btn .btn{
    transform: skew(0deg, 0);
    -webkit-transform: skew(0deg, 0);
    -moz-transform: skew(0deg, 0);
    -o-transform: skew(0deg, 0);
    -ms-transform: skew(0deg, 0);
  }
  footer .NL .input-box{
    margin:0;
    padding-left:10px
  }
  footer .NL:before{
    left:7px
  }
}
@media (max-width: 1188px) {
  .masonry .post-image {
    max-height: 137px;
  }
}

@media (max-width: 1070px) {
  .testimonials-img{
    max-width:60px
  }
  .masonry .post-image {
    max-height: 167px;
  }
}
@media (max-width: 992px) {
  [class*="cell-"],.masonry .post-item,.masonry.nobar .post-item,.masonry .post-image img {
    width: 100%;
    float:none;
    clear:both;
  }
  .masonry .post-image,.masonry .post-image img {
      height: auto;
  }
  .staff-3 [class*="cell-"]{
    margin-top:10px
  }
  .staff-3 [class*="cell-"]:first-child{
    margin-top:0px
  }
  header.top-head .logo{
    margin-bottom:20px
  }
  header.top-head .logo a{
    background-position:50% 0 !important;
    margin-bottom:15px
  }
  .toolsBar .left,.top-bar [class*="cell-"]{
    clear:none !important;
    float:left !important;
    width:auto !important
  }
  .top-bar .right-bar{
    float:right !important
  }
  .toolsBar .right{
    clear:none !important;
    float:right !important;
    width:auto !important
  }
  .top-menu{
    float: none !important;
    display: table;
    margin: auto;
  }
  .service-box-1,.footer-top .cell-3,.service-box-2{
    margin-top:20px
  }
  .service-box-1:first-child,.footer-top .cell-3:first-child,.service-box-2:first-child{
    margin-top:0px
  }
  .staff-1 .cell-2{
    width:50%;
    float:left;
    clear:none
  }
  .staff-1 .cell-4{
    
  }
  .portfolio-items > div{
    width:32%;
    float:left;
    clear:none
  }
  .img-over {
    top: -69%;
    left: -46%;
    width: 220%;
    height: 220%;
    -ms-transform: rotate(-34deg);
    -webkit-transform: rotate(-34deg);
    -moz-transform: rotate(-34deg);
    transform: rotate(-34deg);
  }
  .img-over a.link b {
    left: 42%;
    top: 79%;
  }
  .img-over a b {
    left: 57%;
    top: 11%;
  }
  .copyrights{
    text-align:center
  }
  .social-list,.rit-dark{
    float:none !important;
    display:table;
    margin:auto;
    width:auto
  }
  .right-sidebar{
    margin-top:50px
  }
  .top-nav > ul > li > a i:after{
    display:none
  }
  #vertical-ticker{
    height:90px
  }
  .viewAll{
    padding:0 0 10px;
    overflow:hidden
  }
  .homeGallery .slick-prev, .homeGallery .slick-next{
    top:-38px
  }
  .homeGallery .slick-prev{
    right: 26px;
    left: auto;
  }
  .homeGallery .slick-next{
    left:auto;
    right: -5px;
  }
  .plan-title{
    height:auto !important;
    padding:20px 0;
    font-size:250%
  }
  .lft-plan .plan-year {
    right: -42px;
  }
  .rit-plan .plan-year {
    left: -47px;
  }
  .plan-year {
    bottom: 30px;
  }
  .team-boxes [class*="cell-"],.shop-item{
    float:left;
    width:33%;
    clear:none
  }
  .team-boxes-2 [class*="cell-"]{
    float:left;
    width:50%;
    clear:none
  }
  header.top-head .logo a{
    margin:auto
  }
  .portfolio-img-slick{
    margin-bottom:20px
  }
  .project-info{
    margin-top:20px
  }
  .accordion li > h3 a{
    width:80%
  }
  .my-details [class*="cell-"]{
    float:left;
    width:33%;
    clear:none
  }
  .btn.ExtraLargeBtn{
    margin:20px auto 0;
    width:60%
  }
  .blog-thumbs .post-image{
    max-height:none
  }
  .blog-thumbs .post-image,.masonry .post-image{
    max-height:177px;
    overflow:hidden;
  }
  .blog-thumbs .post-image img,.masonry .post-image img{
    width:100%
  }
  .our_gallery div.content {
    margin-bottom: 15px;
    padding: 0;
  }
}
@media (max-width: 768px){
  .top-menu,.top-bar .cell-5,.head-style2 .right-bar,.gray-nav,.left-side-header,.right-side-header{
    display:none !important
  }
  .left-side-wrap,.right-side-wrap{
    margin:0
  }
  .pageWrapper{
    z-index:9;
    position:relative;
    background:#fff
  }
  .pageWrapper.fixedPage{
    z-index:9;
    position:relative;
    background:#fff;
    margin:0 !important
  }
  body{
    overflow-x:hidden
  }
  .responsive-nav{
    position:fixed;
    width:60%;
    overflow:auto;
    left:-60%;
    top:0px;
    height:100%;
    z-index:9999;
    display:block;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
  }
  .responsive-nav.showNav{
    z-index:6666;
    left:0
  }
  .res-act{
    left:0;
  }
  .one-page header.top-head .logo{
    margin-bottom:0
  }
  .one-page .menuBtn {
    position:fixed !important
  }
  .colBody:before{
    content:"";
    background:rgba(0,0,0,.8);
    position:fixed;
    width:100%;
    height:100%;
    display:inline-block;
    z-index:99999
  }
  .menuBtn{
    padding: 9px 12px 8px 12px;
      margin: 0;
      cursor:pointer;
      z-index:999;
      top:0;
      left:0;
    position: fixed;
      transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    display:block
  }
  .menuBtnOne{
    padding: 9px 12px 8px 12px;
      margin: 0;
      cursor:pointer;
      z-index:999999;
      top:0px;
      left:0px;
    position: absolute;
      transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    display:block;
  }
  .menuBtnOneTogg{
    left:160px
  }
  .responsive-one{
    position:fixed;
    z-index:9999999;
    top:12px;
    display:block
  }
  .responsive-one ul{
    position:absolute;
    left:-160px;
    z-index:9999999;
    width:160px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
  }
  .responsive-nav ul li span.collapse{
    position: absolute;
    right: 10px;
    z-index: 999;
    top: 10px;
    cursor: pointer;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
  }
  .responsive-nav ul li span.collapse:before{
    content: "\f107";
    font-family: FontAwesome;
    display:inline-block;
    width: 20px;
    height: 20px;
    top: 10px;
    border-radius: 50%;
    background: #EAEAEA;
    color: #000;
    text-align:center;
    line-height:20px
  }
  .responsive-nav ul li li span.collapse:before{
    border-radius: 0;
  }
  .responsive-nav ul li.current > span.collapse:before{
    content: "\f106";
  }
  .responsive-nav ul li ul{
    background:#fff
  }
  .responsive-nav ul li ul li{
    border-top-color:#eee
  }
  .responsive-nav ul li ul li a{
    color:#333
  }
  .responsive-one ul li.current a{
    background:#333
  }
  .showOne{
    left:0 !important
  }
  .menuBtn-selected{
    margin-left:60%
  }
  .menuBtn-selected i:before,.menuBtnOneTogg i:before{
    content:"\f00d"
  }
  .menuBtn:focus,.menuBtn:hover{
    color:#fff
  }
  .menuBtn i{
    font-size: 21px;
  }
  .responsive-nav h3{
    color:#fff;
    margin:0px;
    padding:15px;
    font-size:100%;
    text-transform:uppercase;
    font-weight:bold
  }
  .responsive-nav ul li,.responsive-one ul li{
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .responsive-nav ul li a,.responsive-one ul li a{
    display: block;
    color: #fff;
    font-size: 14px;
    outline: none;
    padding:10px 15px;
    text-transform:uppercase
  }
  .responsive-nav ul li a i,.responsive-one ul li a i{
    margin-right:10px
  }
  .responsive-nav > ul > li.selected{
    background:#9E9E9E
  }
  .responsive-nav ul li a:hover{
    text-decoration:none
  }
  .responsive-nav ul li ul,.responsive-nav ul li div.div-mega{
    display: none;
  }
  .div-mega-section{
    float:none;
    width:100%;
    margin:0 !important
  }
  .div-mega-section h4{
    margin:0;
    padding:10px;
    background:#eee
  }
  .div-mega-section ul{
    display:block !important
  }
  .responsive-nav ul li ul li a{
    font-size:13px;
    text-transform:none
  }
  .responsive-nav ul li ul li.selected{
    background:#E8E8E8
  }
  .responsive-nav ul ul ul{
    padding-left:25px
  }
  .responsive-nav ul ul ul li a{
    font-size:11px
  }
  .portfolio-items > div{
    width:48%;
    float:left;
    clear:none
  }
  .err-404:before{
    left:44.5%
  }
  .steps li {
    display:block;
    width:100%;
    margin:0 0 5px
  }
  .top-nav-style3{
    display:none
  }
  .pricing-table{
    margin-bottom:50px
  }
  .pricing-table-2{
    margin-bottom:40px
  }
  .team-box-2{
    margin-bottom:70px
  }
  #vertical-ticker{
    height:60px
  }
  .team-boxes [class*="cell-"],.shop-item{
    float:left;
    width:50%;
    clear:none
  }
  .head-style3 header.top-head{
    margin:0
  }
  header.top-head .logo{
    margin-bottom:0
  }
}
@media (max-width: 640px){
  .pager,.pager *{
    transform: skew(0deg, 0);
    -webkit-transform: skew(0deg, 0);
    -moz-transform: skew(0deg, 0);
    -o-transform: skew(0deg, 0);
    -ms-transform: skew(0deg, 0);
  }
  .pager ul li a, .pager ul li span{
    padding:0 15px !important
  }
  .icon-cont:after{
    border-width: 5px 5px 0 5px;
    bottom:-5px;
  }
  .plan-block{
    padding:20px 10px 0 !important
  }
  .lft-plan .plan-year{
    right:0px
  }
  .rit-plan .plan-year{
    left:0px
  }
  .levels-2 li{
    display:block;
    float:none;
    margin:0 0 30px;
    text-align:center;
    width:100%
  }
  .level-out-2{
    display:table;
    margin:auto
  }
  .comment-content p{
    padding-left: 0px;
    padding-top: 15px;
    clear: both;
  }
  ul.child-comment {
    margin-left: 37px;
  }
  ul.child-comment li:before{
    top:35px
  }
  ul.child-comment li:after {
    height: 110%;
    top: -94%;
  }
  article.comment {
    overflow:hidden
  }
  .comment-author{
    background:transparent none
  }
  .author-name{
    margin:0;
    padding: 0;
    float:none
  }
  .comment-reply {
    font-size: 11px;
    padding: 3px 7px;
  }
  .comment-date {
    padding: 3px 10px 0 0;
    float:none
  }
  .comment-avatar{
    position: static;
    float:left
  }
  .product-specs a.btn, .item-avl > div{
    margin-bottom:5px
  }
  .fun-title{
    font-size:250%;
    margin-bottom:15px
  }
  [class*="skew"],.accordion li > h3[class*="skew-"] u::before{
    transform: skew(0deg, 0);
    -webkit-transform: skew(0deg, 0);
    -moz-transform: skew(0deg, 0);
    -o-transform: skew(0deg, 0);
    -ms-transform: skew(0deg, 0);
  }
  .tabs-vertical .tabs-pane,.accordion-horizontal > li.active{
    width:60%
  }
  #filters li a{
    padding:0 9px
  }
  .my-details [class*="cell-"],.my-img img{
    clear:both;
    margin:auto;
    float:none;
    display:table
  }
  .my-details [class*="cell-"]{
    width:100%
  }
  .my-img img{
    margin-top: 10px
  }
  .my-img .my-name{
    margin:15px auto;
    padding:0
  }
  .post-image{
    clear:both;
    margin:0 0 5px;
    float:none !important;
    margin-right:0 !important
  }
  .post-image img{
    width:100% !important;
  }
  .post-item{
    padding-bottom:15px
  }
  .soon-inputs input[type="text"]{
    width:auto !important;
    min-width:inherit !important;
    margin-bottom:5px
  }
  .larg-socials li{
    margin-bottom:20px
  }
  #vertical-ticker{
    height:50px;
    font-size:170%
  }
}
@media (max-width: 500px){
  .login-controls .input-box,.login-controls .check-box-box{
    clear:both;
    margin:0 0 3px
  }
  .login-box .left.main-bg{
    float:none;
    clear:both;
    width:60px;
    margin:0
  }
  .check-box-box a{
    float:none !important;
    clear:both !important;
    display: table;
    margin: 0 !important;
  }
  .filter-by{
    margin-left:10px
  }
  .cart-icon{
    margin-top:10px
  }
  .pageWrapper.fixedPage #vertical-ticker{
    font-size:170%
  }
}
@media (max-width: 480px){
  .dark-bg .btn-large{
    font-size:18px
  }
  .testimonials-bg > span{
    font-size:11px
  }
  .testimonials-img{
    max-width:60px
  }
  .portfolio-filterable .white-bg,.portfolio-filterable .gry-bg{
    margin:0 25px 10px;
  }
  #filters {
    width:100%
  }
  #filters li{
    display:block;
    float:none;
  }
  .portfolio-items > div{
    width:100%
  }
  .follow-block .follow-link{
    font-size:14px
  }
  .err-404:before{
    left:40.5%
  }
  .small-txt-box{
    margin-bottom:5px
  }
  .small-txt-box input[type=text]{
    width:80px !important
  }
  .products-filter-top{
    padding:10px 0;
  }
  .products-filter-top .left{
    padding:0 0 5px
  }
  .pager ul li a, .pager ul li span{
    padding:0 10px !important
  }
  .shop-bottom-btns .btn{
    clear:both;
    display:table;
    margin:5px auto;
    float:none !important
  }
  .portfolio-filterable .filter-by{
    display:block;
    clear:both;
    margin-bottom:5px
  }
  .portfolio-filterable [class*="skew"],.comment-reply [class*="skew"]{
    transform: skew(0deg, 0);
    -webkit-transform: skew(0deg, 0);
    -moz-transform: skew(0deg, 0);
    -o-transform: skew(0deg, 0);
    -ms-transform: skew(0deg, 0);
  }
  .tabs ul li{
    float:none
  }
  .tabs-vertical > ul{
    float:none;
    width:100%
  }
  .post-image{
    height:auto
  }
  .toolsBar [class*="cell-"]{
    clear:both !important;
    float:none !important;
    width:100% !important;
    padding:10px 0;
    text-align:center
  }
  .list-grid a{
    float:none
  }
  .masonry .post-item,.masonry.nobar .post-item{
    float:none;
    padding:0;
    margin:15px 0;
    width:100%;
    clear:both
  }
  .post-image{
    height:auto !important;
    max-height:200px
  }
  .share-post .sh, .share-post ul li a {
    padding: 5px 6px;
    font-size: 12px;
  }
  .comment-avatar{
    width:50px;
    height:50px
  }
  .comment-author,.comment-author *{
    transform: skew(0deg, 0);
    -webkit-transform: skew(0deg, 0);
    -moz-transform: skew(0deg, 0);
    -o-transform: skew(0deg, 0);
    -ms-transform: skew(0deg, 0);
  }
  .custom-heading{
    font-size:20px
  }
  .social-list li{
    font-size:12px
  }
  [class*="block-bg-"]{
    background-attachment:scroll !important
  }
  .list-grid{
    display:none
  }
  .copyrights span{
    clear:both;
    display:block
  }
  .slick-slider .slick-list{
    padding-bottom:40px
  }
  .portfolio-img-slick .slick-list{
    padding-bottom:0px
  }
  .slick-prev, .slick-next{
    top:auto !important;
    bottom:0
  }
  .slick-prev{
    right:auto !important;
    left:50% !important;
    margin-left:-29px
  }
  .slick-next{
    left:auto !important;
    right:50% !important;
    margin-right:-29px
  }
  .team-boxes [class*="cell-"]{
    float:none;
    width:100%;
    clear:both
  }
  .btn.ExtraLargeBtn{
    margin:20px auto 0;
    width:80%
  }
  .top-bar li:first-child{
    display:none
  }
  .post-lft-info div{
    padding: 15px;
    font-size: 13px;
  }
  .post-lft-info .tri-col{
    border-width: 15px 30px 0 30px;
    bottom: -15px;
  }
  .portfolio-img-slick .slick-prev{
    right: 0 !important;
    left: auto !important;
    margin-right: 35px;
  }
  .portfolio-img-slick .slick-next{
    right: 0 !important;
    left: auto !important;
    margin-right: 0px !important;
  }
  .masonry.nobar .blog-posts{
    padding: 0 15px
  }
  .portfolio-img-slick .slick-prev, .portfolio-img-slick .slick-next{
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  .team-boxes-2 [class*="cell-"],.shop-item {
    width: 100%;
    float: none;
    clear: both;
  }
  .grid-list.list .shop-item p{
    min-height:50px;
    max-height:95px;
    overflow:hidden
  }
}
@media (max-width: 320px){
  .dark-bg .btn-large{
    font-size:18px
  }
  .staff-1 .cell-2{
    width: 100%;
    float: none;
    clear: both;
  }
  .toolsBar select{
    margin-right:5px
  }
  table *{
    font-size:10px;
  }
  .tabs-vertical .tabs-pane{
    width:100%
  }
  .pager{
    margin:0
  }
}

/********* version 2 *********/

@media (max-width: 1200px) {
  .nav-4 .top-nav > ul > li > a i{
    display:none
  }
  .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date{
    left: -98px;
  }
  .timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date{
    right: -97px;
  }
  .timeline_no_bar .timeline_date:before{
    left: 20px;
  }
  .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date:before{
    right: 18px;
  }
}
@media (max-width: 1100px) {
  footer .NL .input-box{
    width:60%
  }
}
@media (max-width: 1024px) {
  .page-title > .container > .row .lft-title{
    margin:auto
  }
  .timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date {
    right: -89px;
  }
  .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date{
    left: -91px;
  }
  .timeline_no_bar .timeline_date:before{
    left: 28px;
  }
  .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date:before {
    right: 25px;
  }
}
@media (max-width: 992px) {
  .blog-timeline > .row{
    margin:0
  }
  .timeline_no_bar .timeline-cell{
    float:none !important;
    width:100% !important;
    clear:both !important;
    margin:0 0 30px !important
  }
  .blog-timeline:before,.top-nav-style3{
    display:none !important
  }
  .blog-timeline .timeline_date{
    display:none
  }
  .blog-timeline .meta-date{
    display:list-item
  }
  .timeline_no_bar .timeline-cell .post-item{
    min-height:inherit
  }
  .timeline-cell .cont{
    display:block;
    padding: 10px;
  }
  .timeline-left .timeline-cell,.timeline-right .timeline-cell{
    margin:0 0 30px;
    padding:0
  }
  .blog-timeline .timeline-left:before,.blog-timeline .timeline-right:before,.top-bar{
    display:none
  }
}


/*End Responsive */


/*Start Default*/
/***** Main Colors *******/
a, .top-search a, .main-color, .hr-style4:after, .hr-style4:before, .block-head, .widget-head, footer a:hover, .title-2 .breadcrumbs a, .title-3 .breadcrumbs a, .title-4 .breadcrumbs a, .nav-3 .top-nav > ul > li.current > a,.nav-3 .top-nav > ul > li.current > a i,.nav-3 .top-nav > ul > li.selected > a i,.nav-3 .top-nav > ul > li > a:hover i, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a, .nav-3 .top-nav > ul > li.selected > a i, .footer-top a:hover:before, .list.prim li:before, #filters li a, .team-box-2 .t-position, .team-box-2 .team-socials a, .head-style3 .top-bar li a, .author-name, .add-items i.fa, .copyrights b, .dark-bg .btn-large:before, .box-top .more-btn, .service-box-1:hover a, .box-top i.fa, .item-box:hover .item-tools i, .item-cart a:hover, .main-border, .fun-title, .staff-1 .fun-icon, .top-bar ul.social-list li a:hover span, .nav-2 .top-nav > ul > li > a:hover i, .nav-2 .top-nav > ul > li.current > a i, .nav-2 .top-nav > ul > li.selected > a i, .nav-2 .top-nav > ul > li.selected > a i, .project-name, .slick-dots li.slick-active button:before, .title-1 h1,
.list.alt li:before,.product-price, .title-2 h1,.main-title, .accordion li.active a, .accordion li > h3 i.fa, .post-info h2 a:hover, .siteMap-nav ul ul li a:hover, .head2-lft-links li i, .head-style3 .top-bar li i, .item-tools i, .product-specs a.btn.selected,.widget-content a:hover,
.service-box-4 h3 span,.service-box-5 h3 span,.service-box-5 h3,.block-head-News a span,.block-head-News:hover  {
  color:#7f1d96;
}
.sticky .top-nav > ul > li.selected > a, .sticky .top-nav > ul > li.current > a{
  color:#7f1d96 !important;
}
.main-bg, .top-nav > ul li a:hover, .top-nav > ul > li.selected > a, .top-search.selected a, .top-nav li.current > a, .plan-year:after, .team-boxes-2 .cell-3:hover .team-box-2, .head-style3 .top-search a, .service-box-1:hover .box-top, .top-nav-style3, .sticky .top-nav > ul > li > a:hover, .item-box:hover .item-title, .tp-bullets.simplebullets.round .bullet, .top-nav li li a, .fixedHead .top-nav > ul > li > a:hover, .fixedHead .top-nav > ul > li.selected > a, .fixedHead .top-nav > ul > li.current > a, .top-search a:hover, .service-box-2:hover a.r-more, .service-box-3:hover a.r-more, .pager ul li.selected, .slick-prev:hover, .slick-next:hover, .hr-style1:before, .hr-style1:after, .social-list li a:hover, .footer-top .tags a:hover, hr:before, hr:after, .tp-arr-allwrapper:hover, .level-in, .tabs-vertical .tabs-pane .tab-panel:before, .table-style2 th, .menuBtn, .service-box-1:hover:after, .portfolio-item:hover:after, #filters li:hover, #filters li.active, .head-style2 .top-search a, .team-box .team-details, .title-4 h1, .tabs > ul li:hover, .tabs > ul li.active, .steps li.selected span, .icon-cont, .view-all-projects a:hover,
.accordion-horizontal > li.active a, .list-grid a.selected, .testimonials-2 .slick-prev:hover, .testimonials-2 .slick-next:hover, .comment-reply:hover, .service-box-2:hover .fa, .service-box-3:hover .icon, .share-post ul li a:hover, .item-price, .accordion li.active h3 u, .pager ul li:hover, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, footer .NL .NL-btn:hover,
.search-w .btn,.cart-icon,.sale,.flex-control-paging li a.flex-active,.responsive-one ul,.menuBtnOne,.service-box-4 a,.service-box-5 a,.block-head-News:hover .icon {
  background-color: #7f1d96;
  color: #fff;
}
.sale:before{
  border-color: transparent #e7512f transparent transparent;
}
.footer-menu-inline li a:hover,.footer-menu-center li a:hover {
    color: #e7512f;
    border-bottom:2px solid #e7512f
}
.item-box:hover:after, .item-box:hover .item-price, .team-box:hover:after, .responsive-nav, .search-box:before, .block-head:before, .block-head:after, .widget-head:before, .widget-head:after, .details-img:after, .post-image:after,
.team-box:after,  .item-box:after, .team-box .team-socials li a:hover, .service-box-1:after {
  background-color:#ee5eff;
}
.main-border {
  border: 1px #e7512f solid !important;
}
.Newsslider {
  border-bottom:6px #e7512f solid;
}
.nav-3 .top-nav > ul > li.hasChildren > a:after {
  border-color: transparent transparent #e7512f transparent;
}
.head-style3 .login-btn .tri{
  border-color: #e7512f transparent transparent transparent;
}
.alter-border {
  border: 1px #e1e1e1 solid !important;
  color: #777;
}
.nav-3 .top-nav > ul > li.current > a, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a,.pageWrapper.fixedPage,.footer-top-2,
.sub-menu-white .div-mega,.sub-menu-dark .div-mega,.sub-menu-white.top-nav > ul li ul li:first-child, .sub-menu-dark.top-nav > ul li ul li:first-child {
  border-top-color: #e7512f;
}
.item-box:hover .item-title {
  border-top: 1px #e7512f solid;
}
.tabs-pane {
  border-top: 2px #e7512f solid;
}
blockquote {
  border-left: 4px #7f1d96 solid;line-height:1.4em !important;margin-bottom:20px;
}
.level-out .tr {
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #e7512f;
  border-bottom: 6px solid #e7512f;
}
.service-box-1:hover h3, .clients > div a:hover,.sticky {
  border-bottom-color: #e7512f !important;
}
.icon-middle, .product-img li a.active img {
  border: 2px #e7512f solid;
}
.title-3 {
  background-color: #41a1b7;
}
.tri-col, .icon-cont:after {
  border-color: #e7512f transparent transparent transparent;
}
.head-style3 .top-bar {
  border-top: 5px #e7512f solid;
}
.steps li.selected span:after {
  border-left: 16px solid #e7512f;
}
.item-title {
  border-top: 1px #777 solid;
}
.product-specs a.btn.selected {
  border: 1px #777 solid !important;
}
header.top-head .logo a, .foot-logo {
  background: transparent url('../images/logo.png') no-repeat 50% 50%;
}
.footer-top-2 .foot-logo {
    background: transparent url('../images/logo.png') no-repeat;
}
.head-style2 .top-head .logo a, .head-style3 .logo a {
  background: transparent url('../images/logo-white.png') no-repeat 50% 0 !important;
}
.head-style2 .logo a, .head-style3 .logo a {
  background-position: 50% 50% !important;
}
.accordion li.active h3 u,.accordion li.active h3 a {
  border-color: #e7512f;
}
.post-image a .mask {
  background: rgba(232,82,74,0.5);
}
.pricing-table.selected,.cart-popup {
  border-color: #e7512f;
}
.list-grid a.selected:after {
  border-color: #e7512f transparent transparent transparent;
}
.continue-btn .btn.right:after {
  border-left: 15px solid #e7512f;
}
.continue-btn .btn.right:hover:after {
  border-left: 15px solid #c13715;
}
.continue-btn .btn.left:after {
  border-right: 15px solid #777;
}
.continue-btn .btn.left:hover:after {
  border-right: 15px solid #666;
}
.accordion-horizontal li.active > h3 i.fa, .item-box:hover .item-title a, .breadcrumbs .line-separate {
  color: #fff;
}
.top-nav li li {

}
.top-nav li li a:hover, .top-nav li li.selected > a, .top-nav li li.current > a, .responsive-nav ul li a:hover, .top-nav > ul > li:hover:after, .top-nav > ul > li.current:after {
  background: #7f1d96 !important;
  color: #fff;
}
.btn.main-bg:hover, .team-box .team-socials li a {
  background-color: #c13715 !important;
  color: #fff;
}
.btn.main-border:hover {
  border-color: #333 !important;
  color: #333;
  background:transparent
}
.flickr-stream-w .img-overlay {
  background: rgba(232,82,47,.8);
}
.service-box-1:hover p, .service-box-1:hover i.fa {
  color: #fff;
}
.contact-form input[type=text]:focus, .contact-form input[type=password]:focus, .contact-form input[type=email]:focus, .contact-form textarea:focus {
  border: 1px #e7512f solid;
}
.img-over a.link, .block-bg-1:before, .block-bg-2:before, .block-bg-3:before, .block-bg-4:before, .block-bg-5:before {

}
.img-over a.zoom {

}
.level-in:before {
  border-color: transparent transparent transparent #e7512f;
}
.btn.main-bg.btn-3d {
  -webkit-box-shadow: 0 5px 0 #d23c1a;
  box-shadow: 0 5px 0 #d23c1a;
  margin-bottom: 5px;
}
.team-box-2{
border-width: 10px;
border-left:url('../images/line.png') 30 repeat;
  -moz-border-image: url('../images/line.png') 0 0 0 50 repeat;
    border-image: url('../../images/line.png') 0 0 0 50 repeat;
}
/* Retina Ready Fix */
@media (min--moz-device-pixel-ratio: 1.5),
   (-o-min-device-pixel-ratio: 3/2),
   (-webkit-min-device-pixel-ratio: 1.5),
   (min-device-pixel-ratio: 1.5),
   (min-resolution: 144dpi),
   (min-resolution: 1.5dppx) {

  header.top-head .logo a, .foot-logo {
    background: transparent url('../images/logo.png') no-repeat;
    background-size:100%;
    width:260px;float:right;
  }
  .footer-top-2 .foot-logo {
      background: transparent url('../images/logo.png') no-repeat;
      background-size: 200px 38px;
  }
}

/*End Default*/