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;
}

}


/*Start About-Jiu*/

.vision-container
{
width:100%;
height:550px;
background:#fafaf9;  
}

.vision-section
{
width:1100px;
height:auto;
margin:auto;
padding:20px;  
}

.vision-section h4
{
padding-top:5px;
letter-spacing:1px;
color:#020f2a;
}

.vision-section p
{
color:#1a1a1a;
letter-spacing:1px;
}

.mission-section
{
width:1100px;
height:auto;
margin:auto;
padding:20px;  
}

.mission-section h4
{
padding-top:5px;
letter-spacing:1px;
color:#020f2a;
}

.mission-section p
{
color:#1a1a1a;
letter-spacing:1px;
}

/*End About Jiu*/


/*Start Academic Support*/

.academic-support
{
width:100%;
height:220px;
background:#fbf9f9;
}

.academic-sup
{
width:100%;height:auto;  
}

.academic-support-container
{
width:1200px;
height:auto;
margin:auto;
padding:20px;
}

.academic-jiu
{
width:1200px;
height:200px;
margin:auto;  
}

.academic-jiu h4
{
color:#7f1d96;
text-align:center;
font-size:24px;
}

.academic-jiu-left
{
width:200px;
margin-right:20px;
float:left;
}

.academic-jiu-right
{
width:870px;float:left;
}

.academic-jiu-right p
{
font-size:15px;
letter-spacing:1px;
text-align:justify;
padding-top:20px;
}

.academic-line
{
width:85%;
margin:auto;
border:1px dotted #d7c2d8;
margin-bottom:20px;
}

/*End Academic Support*/


/*Start Community Service*/

.community-service-container
{
width:100%;
height:auto;
background:url(images/bg.jpg);  
}

.community-section
{
width:1200px;
height:auto;
margin:auto;
padding:20px;  
}

.community-section p
{
text-align:center;
font-size:15px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}



.inner-container4,
.container4 {
  position: relative;
  width: 1200px;
  margin: 30px auto;
}

.inner-container4:before,
.inner-container4:after {
  content: "";
  display: table;
}

.inner-container4:after { clear: both; }

.inner-container4 article {
  display: block;
  width: 350px;
  height: 380px;
  background: #fff;
  cursor: pointer;
  float: left;
  border: 10px solid white;
  text-align: left;
  text-transform: none;
  margin: 15px;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 5px 6px rgba(34, 34, 34, 0.34);
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.inner-container4 h4 {
  font-family: 'open sans';
  font-size: 18px;
  font-style:italic; 
  margin-bottom: 20px;
  font-weight: 400;
  color: #7f1d96;
  opacity: 1;
}

.inner-container4 article p {
  font-family: 'open sans';
  font-size: 12px;
  line-height: 2em;
  color: #333;
  opacity: 1;
}

.inner-container4 h3,
.inner-container4 article p {
  -webkit-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -moz-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -o-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -ms-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
}

.inner-container4 article.blur {
  box-shadow: 0px 0px 40px 10px #ddd;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.9;
}

.inner-container4 article.blur h3 { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);  color: rgba(0, 0, 0, 0) opacity : 0.5;
}

.inner-container4 article.blur p {
    color:#474747;
   opacity: 1; 
 }

.inner-container4 article.active {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), 1px 11px 15px 10px rgba(0,0,0,0.4);
  z-index: 100;
  opacity: 1;
}

.inner-container4 article.active h3,
.inner-container4 article.active p { 
  opacity: 1; 
  font-size:13px; 
  text-shadow:none !important;
  line-height:1.8em; color:#474747 !important;
}


/*End Community Service*/


/*Start Entrepreneurship*/

.entrepreneurship
{
 width:100%;height:auto; 
}

.entrepreneurship-section
{
width:1200px;
height:auto;
margin:auto;
padding:20px;
}

.entrepreneurship-section p
{
text-align:center;
font-size:15px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

.entrep1-left
{
width:30%;
height:280px;
margin-top:40px;
background:url(../images/edupreneurship-jain-international-university.png)no-repeat;
float:left  
}

.entrep1-right
{
width:70%;
height:280px;
margin-top:40px;
background:#f5f5f5;
float:left
}

.entrep1-right-sub
{
width:850px;
margin:auto;
padding:10px;  
}

.entrep1-right-sub h4
{
font-size:18px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep1-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:15px !important;
padding-top:10px;  
}


.entrep-edu
{
width:30%;height:250px;
background:url(../images/entrepreneurshi-jain-international.png)no-repeat;
margin-top:40px;
float:left;
}

.entrep-edu-right
{
width:70%;
height:250px;
margin-top:40px;
background:#f5f5f5;
float:left;  
}

.entrep-edu-right-sub
{
width:850px;
margin:auto;
padding:20px;
}

.entrep-edu-right-sub h4
{
font-size:18px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep-edu-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:15px !important;
padding-top:10px;
}


.entrep-inter-jain
{
width:30%;
height:250px;
margin-top:40px;
margin-bottom:20px;
background:url(../images/incubation-center-jain-international.png)no-repeat;
float:left;  
}

.entrep-inter-jain-right
{
 width:70%;
 height:250px;
 margin-top:40px;
 margin-bottom:20px;
 background:#f5f5f5;
 float:left; 
}

.entrep-inter-jain-right-sub
{
width:850px;
margin:auto;
padding:20px;
}

.entrep-inter-jain-right-sub h4
{
font-size:18px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep-inter-jain-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:15px !important;
padding-top:10px;
}

/*End Entrepreneurship*/

/*Start Placements*/

.jiu-placements
{
  width:100%;height:auto;
}

.jiu-placements-section
{
width:1200px;
height:auto;
margin:auto;
padding:20px;
}

.jiu-placements-section p
{
text-align:center;
font-size:15px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}


.placement-article-container
{
width:100%;
height:750px;
padding:10px;
background:#ffffff;
}

.placement-article-section
{
width:1200px;
height:auto;
padding:20px;
margin:auto;
}

.placement-article-left
{
width:540px;
margin:10px;
float:left;
height:320px;  
}

.placement-article-left h4
{
font-size:16px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:10px;
}

.placement-article-left span
{
background:#550068;
border-radius:4px;
color:white;
padding:3px 10px 6px 3px;
}

.placement-article-icon
{
width:140px;
height:110px;
float:left;  
}

.placement-article-content
{
width:360px;
height:auto;
float:right;
}

.placement-article-content p
{
padding-top:20px;
color:#747474;
text-align:justify;
}


.placement-article-right
{
width:540px;
margin:10px;
float:right;
height:320px;  
}

.placement-article-right h4
{
font-size:16px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:10px;
}

.placement-article-right span
{
background:#550068;
border-radius:4px;
color:white;
padding:3px 10px 6px 3px;
}


.placement-top-line
{
width:0px;
height:200px;
margin-top:80px;
margin-left:20px;
float:left;
border:1px dotted #b4b5b7;  
}

.placement-middle-line
{
width:90%;
margin-left:60px;
margin-bottom:30px;
border:1px dotted #b4b5b7;  
}

.placement-bottom-line
{
width:0px;
height:200px;
margin-top:80px;
margin-left:20px;
float:left;
border:1px dotted #b4b5b7;
}

/*End Placements*/

/*Start Sports Jain University*/

.sports-jiu-container
{
width:100%;
height:auto;
background:url(../images/bg.jpg);  
}

.sports-jiu-section
{
width:1000px;
height:auto;
margin:auto;
padding:20px;
}

.sports-jiu-section p
{
text-align:center;
font-size:15px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

/*End Sports Jain university*/

/*Start Student Life JIU*/

.student-life-container
{
 width:100%;
 height:auto;
 background:url(../images/bg.jpg); 
}

.student-life-section
{
width:1200px;
height:auto;
margin:auto;
padding:20px;
}

.student-life-section p
{
text-align:center;
font-size:15px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

/*End Student Life JIU*/

/*Start Contact Section*/

.contact-section
{
 width:100%;height:auto; 
}

.contact-section-container
{
 width:1200px;
 height:auto;
 margin:auto;
 padding:20px; 
}

.contact-section-left
{
width:600px;
height:auto;
margin:20px;
float:left;
}

.contact-section-right
{
width:400px;
height:auto;
margin:20px;
float:right;
}

.contact-section-right h4
{
padding-top:40px;
font-size:24px;
color:#550068; 
}

.contact-section-right ul li
{
padding-top:00px;
line-height:1.7em;
font-size:16px !important;
}


/*End Contact Section*/

/*Start Index Page*/

.jiu-container-art
{
width:100%;
height:350px;
background:#8024a0 !important
}


.jiu-container-section
{
width:1000px;
margin:auto;
padding:10px;  
}

.jiu-container-section h4
{
color:#ffffff;
margin-top:20px;
}

.jiu-container-section ul
{
line-height:2.4em;
letter-spacing:1px;
font-size:15px;
color:#f4f4f4;
padding-left:10px;
}


.jiu-container-section ul li i
{
color:#000 !important;
font-size:12px;
margin-right:5px;
}

/*End Index page*/


.international-index1
{
width:1100px;
margin:auto;
height:auto;  
}

.international-index1 h2
{
text-align:center;
padding-top:30px;
}

.international-index1 p
{
text-align:center;
font-size:16px;
margin-bottom:25px;
line-height:1.6em !important;
}

strong
{
color:#7f1d96;  
}

@media screen and (min-width: 1200px){

.mobilemainbook
{
display:none !important;
}

}

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


/*Start Index Page*/

.jiu-container-art
{
width:100%;
height:380px;
background:#8024a0 !important
}


.jiu-container-section
{
width:300px;
margin:auto;
padding:10px;  
}

.jiu-container-section h4
{
color:#ffffff;
margin-top:20px;
}

.jiu-container-section ul
{
line-height:1.8em;
letter-spacing:1px;
font-size:13px;
color:#f4f4f4;
padding-left:2px;
}

.jiu-container-section ul li
{
list-style-type:square;
margin-left:20px;
}

.jiu-container-section ul li i
{
display:none;
}

/*End Index page*/

.mainbook
{
  display:none;
}

.mobilemainbook
{
width:300px;
margin:auto;
}

.mobilemainbook h4
{
color:#7d1b94;
font-size:18px;
letter-spacing:1px;
text-align:center;
}

.mobilemainbook p
{
text-align:center;
font-size:14px;
padding:5px;
}


.mobilemainbook img
{
margin-left:18%;
}


/*Start About-Jiu*/

.international-index1
{
width:300px;
margin:auto;
height:auto;  
}

.international-index1 h2
{
  font-size:16px;
text-align:center;
padding-top:30px;
}

.international-index1 p
{
text-align:center;
font-size:12px !important;
margin-bottom:25px;
line-height:1.6em !important;
}

.vision-container
{
width:100%;
height:700px;
background:#fafaf9;  
}

.vision-section
{
width:300px;
height:auto;
margin:auto;
padding:5px;  
}

.vision-section h4
{
padding-top:5px;
letter-spacing:1px;
color:#020f2a;
}

.vision-section p
{
color:#1a1a1a;
font-size:12px;
letter-spacing:1px;
}

.mission-section
{
width:300px;
height:auto;
margin:auto;
padding:2px;  
}

.mission-section h4
{
padding-top:5px;
letter-spacing:1px;
color:#020f2a;
}

.mission-section p
{
color:#1a1a1a;
font-size:12px;
letter-spacing:1px;
}
/*End About Jiu*/ 


/*Start Academic Support*/

.academic-support
{
width:100%;
height:250px;
background:#fbf9f9;
}

.academic-sup
{
width:100%;
height:auto;  
}

.academic-support-container
{
width:300px;
height:auto;
margin:auto;
padding:5px;
}

.academic-jiu
{
width:300px;
height:auto;
margin:auto;  
}

.academic-jiu h4
{
color:#7f1d96;
text-align:center;
font-size:16px;
}

.academic-jiu-left
{
width:200px;
margin:auto;
float:none;
}

.academic-jiu-right
{
width:270px;
float:none;
margin:auto;
}

.academic-jiu-right p
{
font-size:13px;
letter-spacing:1px;
text-align:justify;
padding-top:20px;
}

.academic-line
{
width:95%;
margin:auto;
border:1px dotted #d7c2d8;
margin-bottom:20px;
}

/*End Academic Support*/



/*Start Community Service*/

.community-service-container
{
width:100%;
height:auto;
background:url(images/bg.jpg);  
}

.community-section
{
width:300px;
height:auto;
margin:auto;
padding:2px;  
}

.community-section h2
{
font-size:16px;
padding-top:20px;
}

.community-section p
{
text-align:center;
font-size:13px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}



.inner-container4,
.container4 {
  position: relative;
  width: 300px;
  margin: 30px auto;
}

.inner-container4:before,
.inner-container4:after {
  content: "";
  display: table;
}

.inner-container4:after { clear: both; }

.inner-container4 article {
  display: block;
  width: 300px;
  height: auto;
  background: #fff;
  cursor: pointer;
  float: none;
  border: 10px solid white;
  text-align: left;
  text-transform: none;
  margin: 0px;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 5px 6px rgba(34, 34, 34, 0.34);
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.inner-container4 h4 {
  font-family: 'open sans';
  font-size: 16px;
  font-style:italic; 
  margin-bottom: 20px;
  font-weight: 400;
  color: #7f1d96;
  opacity: 1;
}

.inner-container4 article p {
  font-family: 'open sans';
  font-size: 12px;
  line-height: 2em;
  color: #333;
  opacity: 1;
}

.inner-container4 h3,
.inner-container4 article p {
  -webkit-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -moz-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -o-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -ms-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
}

.inner-container4 article.blur {
  box-shadow: 0px 0px 40px 10px #ddd;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.9;
}

.inner-container4 article.blur h3 { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);  color: rgba(0, 0, 0, 0) opacity : 0.5;
}

.inner-container4 article.blur p {
    color:#474747;
   opacity: 1; 
 }

.inner-container4 article.active {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), 1px 11px 15px 10px rgba(0,0,0,0.4);
  z-index: 100;
  opacity: 1;
}

.inner-container4 article.active h3,
.inner-container4 article.active p { 
  opacity: 1; 
  font-size:13px; 
  text-shadow:none !important;
  line-height:1.8em; color:#474747 !important;
}


/*End Community Service*/


/*Start Contact Section*/

.contact-section
{
 width:100%;
 height:auto; 
}

.contact-section-container
{
 width:300px;
 height:auto;
 margin:auto;
 padding:2px; 
}

.contact-section-left
{
width:300px;
height:auto;
margin:2px;
float:none;
}

.contact-section-right
{
width:300px;
height:auto;
margin:2px;
float:none;
}

.contact-section-right h4
{
padding-top:40px;
font-size:18px;
color:#550068; 
}

.contact-section-right ul li
{
padding-top:00px;
line-height:1.7em;
font-size:12px !important;
}


.form-contact {
  background: rgba(212, 59, 179, 0.1);
  padding: 10px;
  max-width: 300px !important;
  margin: 00px auto;
  border-radius: 4px;
  box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
}

.tab-group {
  list-style: none;
  padding: 0;
  border:none !important;
  margin: 0 0 40px 0;
}
.tab-group:after {
  content: "";
  display: table;
  clear: both;
}
.tab-group li a {
  display: block;
  text-decoration: none;
  padding: 15px;
  background: #7f1d96;
  color: #ffffff;
  font-size: 12px !important;
  float: left;
  border: none !important;
  width: 40%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.tab-group li a:hover {
  background: #550068;
  color: #ffffff;
}
.tab-group .active a {
  background:  #550068;
  color: #ffffff;
  border: none !important;
}

.tab-content > div:last-child {
  display: none;
}

h1 {
  text-align: center;
  color:#550068;
  font-size:18px !important;
  font-weight: 300;
  margin: 0 0 40px;
}

label {
  position: absolute;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  left: 13px;
  color:#747474;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size: 12px !important;
}
label .req {
  margin: 2px;
  color: #550068;
}

label.active {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  left: 2px;
  font-size: 14px;
}
label.active .req {
  opacity: 0;
}

label.highlight {
  color: #474747;
  padding-top:5px;
  border:none !important;
  background:none !important;
}

input, textarea {
  font-size: 22px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px;
  background: none;
  background-image: none;
  border-top:none;
  border-left:1px solid #550068;
  border-right: 1px solid #550068;
  border-bottom:1px solid #550068;
  color: #550068;
  border-radius: 0;
  -webkit-transition: border-color .25s ease, box-shadow .25s ease;
  transition: border-color .25s ease, box-shadow .25s ease;
}
input:focus, textarea:focus {
  outline: 0;
  border-color: #550068;
}

textarea {
  border: 1px solid #550068;
  resize: vertical;
}


.button-jiu {
  border: 0;
  outline: none;
  float:right;
  border-radius: 0;
  padding: 10px 0;
  font-size: 14px !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #550068;
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-appearance: none;
}
.button-jiu:hover, .button-jiu:focus {
  background: #7f1d96;
}

.button-jiu-block {
  display: block;
  width: 40%  !important;
}

/*End Contact Section*/



/*Start Entrepreneurship*/

.entrepreneurship
{
 width:100%;height:auto; 
}

.entrepreneurship-section
{
width:300px;
height:auto;
margin:auto;
padding:2px;
}

.entrepreneurship-section h2
{
font-size:16px;padding-top:20px;
}

.entrepreneurship-section p
{
text-align:center;
font-size:13px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

.entrep1-left
{
width:100%;
height:110px;
margin-top:40px;
background:url(../images/edupreneurship-jain-international-university.png)no-repeat;
float:none;  
}

.entrep1-right
{
width:100%;
height:auto;
margin-top:40px;
background:#f5f5f5;
float:none
}

.entrep1-right-sub
{
width:300px;
margin:auto;
padding:5px;  
}

.entrep1-right-sub h4
{
font-size:16px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep1-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:13px !important;
padding-top:10px;  
}


.entrep-edu
{
width:100%;
height:110px;
background:url(../images/entrepreneurshi-jain-international.png)no-repeat;
margin-top:40px;
float:left;
}

.entrep-edu-right
{
width:100%;
height:auto;
margin-top:40px;
background:#f5f5f5;
float:left;  
}

.entrep-edu-right-sub
{
width:300px;
margin:auto;
padding:5px;
}

.entrep-edu-right-sub h4
{
font-size:16px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep-edu-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:13px !important;
padding-top:10px;
}


.entrep-inter-jain
{
width:100%;
height:110px;
margin-top:40px;
margin-bottom:20px;
background:url(../images/incubation-center-jain-international.png)no-repeat;
float:none;  
}

.entrep-inter-jain-right
{
 width:100%;
 height:auto;
 margin-top:40px;
 margin-bottom:20px;
 background:#f5f5f5;
 float:none; 
}

.entrep-inter-jain-right-sub
{
width:300px;
margin:auto;
padding:5px;
}

.entrep-inter-jain-right-sub h4
{
font-size:16px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep-inter-jain-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:13px !important;
padding-top:10px;
}

/*End Entrepreneurship*/

/*Start Placements*/

.jiu-placements
{
  width:100%;
  height:auto;
}

.jiu-placements-section
{
width:300px;
height:auto;
margin:auto;
padding:2px;
}

.jiu-placements-section h2
{
font-size:18px;
padding-top:20px;
}
.jiu-placements-section p
{
text-align:center;
font-size:13px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}


.placement-article-container
{
width:100%;
height:auto;
padding:2px;
background:#ffffff;
}

.placement-article-section
{
width:300px;
height:auto;
padding:2px;
margin:auto;
}

.placement-article-left
{
width:300px;
margin:2px;
float:none;
height:auto;  
}

.placement-article-left h4
{
font-size:14px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:5px;
}

.placement-article-left span
{
background:#550068;
border-radius:4px;
color:white;
padding:3px 10px 6px 3px;
}

.placement-article-icon
{
width:80px;
height:70px;
float:left;
margin-right:30px;
margin-bottom:30px;  
}

.placement-article-content
{
width:300px;
height:auto;
float:none;
}

.placement-article-content p
{
padding-top:00px;
color:#747474;
text-align:justify;
}


.placement-article-right
{
width:300px;
margin:1px;
float:none;
height:auto;  
}

.placement-article-right h4
{
font-size:12px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:5px;
}

.placement-article-right span
{
background:#550068;
border-radius:4px;
color:white;
padding:3px 10px 6px 3px;
}


.placement-top-line
{
display:none; 
}

.placement-middle-line
{
display:none; 
 }

.placement-bottom-line
{
display:none; 
}

/*End Placements*/

/*Start Sports Jain University*/

.sports-jiu-container
{
width:100%;
height:auto;
background:url(../images/bg.jpg);  
}

.sports-jiu-container h2
{
font-size:18px;
}

.sports-jiu-section
{
width:300px;
height:auto;
margin:auto;
padding:5px;
}

.sports-jiu-section p
{
text-align:center;
font-size:13px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

/*End Sports Jain university*/


/*Start Student Life JIU*/

.student-life-container
{
 width:100%;
 height:auto;
 margin-bottom:20px;
 background:url(../images/bg.jpg); 
}

.student-life-section
{
width:300px;
height:auto;
margin:auto;
padding:5px;
}

.student-life-section h2
{
font-size:18px;padding-top:20px;
}

.student-life-section p
{
text-align:center;
font-size:14px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

/*End Student Life JIU*/



}


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



/*Start Index Page*/

.jiu-container-art
{
width:100%;
height:380px;
background:#8024a0 !important
}


.jiu-container-section
{
width:700px;
margin:auto;
padding:10px;  
}

.jiu-container-section h4
{
color:#ffffff;
margin-top:20px;
}

.jiu-container-section ul
{
line-height:1.8em;
letter-spacing:1px;
font-size:13px;
color:#f4f4f4;
padding-left:2px;
}

.jiu-container-section ul li
{
list-style-type:square;
margin-left:20px;
}

.jiu-container-section ul li i
{
display:none;
}

/*End Index page*/

.mainbook
{
  display:none;
}

.mobilemainbook
{
width:700px;
margin:auto;
}

.mobilemainbook h4
{
color:#7d1b94;
font-size:18px;
letter-spacing:1px;
text-align:center;
}

.mobilemainbook p
{
text-align:center;
font-size:14px;
padding:5px;
}


.mobilemainbook img
{
margin-left:36%;
}


/*Start About-Jiu*/

.international-index1
{
width:700px;
margin:auto;
height:auto;  
}

.international-index1 h2
{
  font-size:16px;
text-align:center;
padding-top:30px;
}

.international-index1 p
{
text-align:center;
font-size:12px !important;
margin-bottom:25px;
line-height:1.6em !important;
}

.vision-container
{
width:100%;
height:500px;
background:#fafaf9;  
}

.vision-section
{
width:700px;
height:auto;
margin:auto;
padding:5px;  
}

.vision-section h4
{
padding-top:5px;
letter-spacing:1px;
color:#020f2a;
}

.vision-section p
{
color:#1a1a1a;
font-size:12px;
letter-spacing:1px;
}

.mission-section
{
width:700px;
height:auto;
margin:auto;
padding:2px;  
}

.mission-section h4
{
padding-top:5px;
letter-spacing:1px;
color:#020f2a;
}

.mission-section p
{
color:#1a1a1a;
font-size:12px;
letter-spacing:1px;
}
/*End About Jiu*/ 


/*Start Academic Support*/

.academic-support
{
width:100%;
height:250px;
background:#fbf9f9;
}

.academic-sup
{
width:100%;
height:auto;  
}

.academic-support-container
{
width:750px;
height:auto;
margin:auto;
padding:5px;
}

.academic-jiu
{
width:700px;
height:auto;
margin:auto;  
}

.academic-jiu h4
{
color:#7f1d96;
text-align:center;
font-size:18px;
}

.academic-jiu-left
{
width:200px;
margin:auto;
float:none;
}

.academic-jiu-right
{
width:700px;
float:none;
margin:auto;
}

.academic-jiu-right p
{
font-size:14px;
letter-spacing:1px;
text-align:justify;
padding-top:20px;
}

.academic-line
{
width:95%;
margin:auto;
border:1px dotted #d7c2d8;
margin-bottom:20px;
}

/*End Academic Support*/



/*Start Community Service*/

.community-service-container
{
width:100%;
height:auto;
background:url(images/bg.jpg);  
}

.community-section
{
width:700px;
height:auto;
margin:auto;
padding:2px;  
}

.community-section h2
{
font-size:16px;
padding-top:20px;
}

.community-section p
{
text-align:center;
font-size:13px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}



.inner-container4,
.container4 {
  position: relative;
  width: 700px;
  margin: 30px auto;
}

.inner-container4:before,
.inner-container4:after {
  content: "";
  display: table;
}

.inner-container4:after { clear: both; }

.inner-container4 article {
  display: block;
  width: 220px;
  height: 580px;
  background: #fff;
  cursor: pointer;
  float: left;
  border: 10px solid white;
  text-align: justify;
  text-transform: none;
  margin: 5px;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 5px 6px rgba(34, 34, 34, 0.34);
  -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.inner-container4 h4 {
  font-family: 'open sans';
  font-size: 16px;
  font-style:italic; 
  margin-bottom: 20px;
  font-weight: 400;
  color: #7f1d96;
  opacity: 1;
}

.inner-container4 article p {
  font-family: 'open sans';
  font-size: 12px;
  line-height: 2em;
  color: #333;
  opacity: 1;
}

.inner-container4 h3,
.inner-container4 article p {
  -webkit-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -moz-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -o-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  -ms-transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
  transition: opacity 0.2s linear, text-shadow 0.5s ease-in-out, color 0.5s ease-in-out;
}

.inner-container4 article.blur {
  box-shadow: 0px 0px 40px 10px #ddd;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0.9;
}

.inner-container4 article.blur h3 { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);  color: rgba(0, 0, 0, 0) opacity : 0.5;
}

.inner-container4 article.blur p {
    color:#474747;
   opacity: 1; 
 }

.inner-container4 article.active {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0px 0px 0px 10px rgba(255,255,255,1), 1px 11px 15px 10px rgba(0,0,0,0.4);
  z-index: 100;
  opacity: 1;
}

.inner-container4 article.active h3,
.inner-container4 article.active p { 
  opacity: 1; 
  font-size:13px; 
  text-shadow:none !important;
  line-height:1.8em; color:#474747 !important;
}


/*End Community Service*/


/*Start Contact Section*/

.contact-section
{
 width:100%;
 height:auto; 
}

.contact-section-container
{
 width:700px;
 height:auto;
 margin:auto;
 padding:2px; 
}

.contact-section-left
{
width:300px;
height:auto;
margin:2px;
float:left;
}

.contact-section-right
{
width:300px;
height:auto;
margin:2px;
float:right;
}

.contact-section-right h4
{
padding-top:40px;
font-size:18px;
color:#550068; 
}

.contact-section-right ul li
{
padding-top:00px;
line-height:1.7em;
font-size:12px !important;
}


.form-contact {
  background: rgba(212, 59, 179, 0.1);
  padding: 10px;
  max-width: 300px !important;
  margin: 00px auto;
  border-radius: 4px;
  box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
}

.tab-group {
  list-style: none;
  padding: 0;
  border:none !important;
  margin: 0 0 40px 0;
}
.tab-group:after {
  content: "";
  display: table;
  clear: both;
}
.tab-group li a {
  display: block;
  text-decoration: none;
  padding: 12px;
  background: #7f1d96;
  color: #ffffff;
  font-size: 12px !important;
  float: left;
  border: none !important;
  width: 40%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.tab-group li a:hover {
  background: #550068;
  color: #ffffff;
}
.tab-group .active a {
  background:  #550068;
  color: #ffffff;
  border: none !important;
}

.tab-content > div:last-child {
  display: none;
}

.form-contact h1 {
  text-align: center;
  color:#550068;
  font-size:14px !important;
  font-weight: 300;
  margin: 0 0 40px;
}

.form-contact label {
  position: absolute;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  left: 13px;
  color:#747474;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size: 12px !important;
}
.form-contact label .req {
  margin: 2px;
  color: #550068;
}

.form-contact label.active {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  left: 2px;
  font-size: 14px;
}
.form-contact label.active .req {
  opacity: 0;
}

.form-contact label.highlight {
  color: #474747;
  padding-top:5px;
  border:none !important;
  background:none !important;
}

.form-contact input, textarea {
  font-size: 22px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px;
  background: none;
  background-image: none;
  border-top:none;
  border-left:1px solid #550068;
  border-right: 1px solid #550068;
  border-bottom:1px solid #550068;
  color: #550068;
  border-radius: 0;
  -webkit-transition: border-color .25s ease, box-shadow .25s ease;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.form-contact input:focus, textarea:focus {
  outline: 0;
  border-color: #550068;
}

.form-contact textarea {
  border: 1px solid #550068;
  resize: vertical;
}


.button-jiu {
  border: 0;
  outline: none;
  float:right;
  border-radius: 0;
  padding: 10px 0;
  font-size: 14px !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #550068;
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-appearance: none;
}
.button-jiu:hover, .button-jiu:focus {
  background: #7f1d96;
}

.button-jiu-block {
  display: block;
  width: 40%  !important;
}

/*End Contact Section*/



/*Start Entrepreneurship*/

.entrepreneurship
{
 width:100%;height:auto; 
}

.entrepreneurship-section
{
width:700px;
height:auto;
margin:auto;
padding:2px;
}

.entrepreneurship-section h2
{
font-size:16px;padding-top:20px;
}

.entrepreneurship-section p
{
text-align:center;
font-size:13px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

.entrep1-left
{
width:40%;
height:280px !important;
margin-top:40px;
background:url(../images/edupreneurship-jain-international-university.png)no-repeat;
float:left;  
}

.entrep1-right
{
width:60%;
height:380px;
margin-top:40px;
background:#ffffff;
float:left;
}

.entrep1-right-sub
{
width:400px;
margin:auto;
padding:5px;  
}

.entrep1-right-sub h4
{
font-size:16px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep1-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:13px !important;
padding-top:10px;  
}


.entrep-edu
{
width:40%;
height:250px;
background:url(../images/entrepreneurshi-jain-international.png)no-repeat;
margin-top:40px;
float:left;
}

.entrep-edu-right
{
width:60%;
height:auto;
margin-top:40px;
background:#ffffff;
float:left;  
}

.entrep-edu-right-sub
{
width:400px;
margin:auto;
padding:5px;
}

.entrep-edu-right-sub h4
{
font-size:16px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep-edu-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:13px !important;
padding-top:10px;
}


.entrep-inter-jain
{
width:40%;
height:250px;
margin-top:40px;
margin-bottom:20px;
background:url(../images/incubation-center-jain-international.png)no-repeat;
float:left;  
}

.entrep-inter-jain-right
{
 width:60%;
 height:auto;
 margin-top:40px;
 margin-bottom:20px;
 background:#ffffff;
 float:left; 
}

.entrep-inter-jain-right-sub
{
width:400px;
margin:auto;
padding:5px;
}

.entrep-inter-jain-right-sub h4
{
font-size:16px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:2px;
}

.entrep-inter-jain-right-sub p
{
color:#747474;
line-height:1.6em;
text-align:justify;
font-size:13px !important;
padding-top:10px;
}

/*End Entrepreneurship*/

/*Start Placements*/

.jiu-placements
{
  width:100%;
  height:auto;
}

.jiu-placements-section
{
width:700px;
height:auto;
margin:auto;
padding:2px;
}

.jiu-placements-section h2
{
font-size:18px;
padding-top:20px;
}
.jiu-placements-section p
{
text-align:center;
font-size:13px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}


.placement-article-container
{
width:100%;
height:auto;
padding:2px;
background:#ffffff;
}

.placement-article-section
{
width:700px;
height:auto;
padding:2px;
margin:auto;
}

.placement-article-left
{
width:700px;
margin:2px;
float:left;
height:auto;  
}


.placement-article-right
{
width:700px;
margin:2px;
float:left;
height:auto;  
}


.placement-article-left h4
{
font-size:14px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:5px;
}

.placement-article-left span
{
background:#550068;
border-radius:4px;
color:white;
padding:3px 10px 6px 3px;
}

.placement-article-icon
{
width:80px;
height:70px;
float:left;
margin-right:30px;
margin-bottom:50px;  
}

.placement-article-content
{
width:680px;
height:auto;
float:none;
}

.placement-article-content p
{
padding-top:00px;
color:#747474;
text-align:justify;
}




.placement-article-right h4
{
font-size:12px;
color:#020f2a !important;
letter-spacing:1px;
font-weight:500;
padding:5px;
}

.placement-article-right span
{
background:#550068;
border-radius:4px;
color:white;
padding:3px 10px 6px 3px;
}


.placement-top-line
{
display:none; 
}

.placement-middle-line
{
display:none; 
 }

.placement-bottom-line
{
display:none; 
}

/*End Placements*/

/*Start Sports Jain University*/

.sports-jiu-container
{
width:100%;
height:auto;
background:url(../images/bg.jpg);  
}

.sports-jiu-container h2
{
font-size:18px;
}

.sports-jiu-section
{
width:700px;
height:auto;
margin:auto;
padding:5px;
}

.sports-jiu-section p
{
text-align:center;
font-size:13px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

/*End Sports Jain university*/


/*Start Student Life JIU*/

.student-life-container
{
 width:100%;
 height:auto;
 margin-bottom:20px;
 background:url(../images/bg.jpg); 
}

.student-life-section
{
width:700px;
height:auto;
margin:auto;
padding:5px;
}

.student-life-section h2
{
font-size:18px;padding-top:20px;
}

.student-life-section p
{
text-align:center;
font-size:14px;
letter-spacing:1px;
color:#656667;
margin-bottom:20px;
}

/*End Student Life JIU*/

}




@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;  
}

}


.opportunity-section
{
width:1200px;
height:280px;
margin:auto;  
}

.opportunity-block
{
width:560px;
height:260px;
background:#ffffff;
box-shadow: 0 4px 6px rgba(34, 34, 34, 0.34);
margin:18px;
float:left;  
}

.opportunity-box
{
display: block;
float: left;
margin: 0;
width: 60px;
height: 60px;
line-height: 58px;
font-size: 20px;
font-weight: 300;
color: #ffffff;
background-color: #7f1d96;
text-align: center;
vertical-align: middle;
float:left;
}


.opportunity-block h4
{
 text-align:center;
 color:#7f1d96;padding-top:20px;
 font-size:24px !important; 
}

.opportunity-block p
{
text-align:center;
padding:20px;
font-size:16px;  
}

.opportunity-block h2
{
text-align:center;
padding:10px;
width:100px;margin:auto;
background:#7f1d96;
color:white;
font-size:14px;
border-radius:4px;  
}

.btnfaculty1 {
   cursor: pointer;
   display: inline-block;
   text-align:center;
   padding:5px;
   width:100px;
   float:right;
   margin-right:20px;
   background:#81289a;
   color:white;
   font-weight:600; 
   font-size:14px;
   border-radius:4px;  
}

.btnfaculty1:hover {
 border:1px solid #7f1d96; 
  }


#slideshow { 
    border: 1px solid #ccc;
    cursor: pointer;
    overflow: hidden;
    margin: 10px auto 10px;
    position: relative;
    width: 195px;
    height: 109px;
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.cd-testimonials-wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0em auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 10px;
  z-index: 1;
}
.cd-testimonials-wrapper::after {
  /* quotation mark */
  content: '\201C';
  position: absolute;
  top: 00px;
  visibility:hidden; 
  left: 0;
  width: 50px;
  height: 50px;
  padding-top: 8px;
  margin-left: -25px;
  background: rgba(127, 29, 150, 0.26);
  font-family: "Georgia", serif;
  color:black;
  font-size: 70px;
  font-size: 2.375rem;
  text-align: center;
  /* visible on big devices only */
  display: none;
}
@media only screen and (min-width: 768px) {
  .cd-testimonials-wrapper {
    margin: 2em auto;
    padding: 44px 50px 114px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-testimonials-wrapper::after {
    /* quotation mark visible */
    display: block;
  }
}

.cd-testimonials {
  color: #ffffff;
  text-align: center;
}
.cd-testimonials::after {
  clear: both;
  content: "";
  display: table;
}
.cd-testimonials > li {
  position: absolute;
  opacity: 0;
}
.cd-testimonials > li:first-child {
  position: relative;
  opacity: 1;
}
.cd-testimonials p {
  font-family: "Georgia", serif;
  font-style: italic;
  line-height: 1.4;
  margin-bottom: 1em;
  padding: 0 14px;
}
@media only screen and (min-width: 768px) {
  .cd-testimonials p {
    font-size: 14px;
    color:black;
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-testimonials p {
    font-size: 18px !important;
    font-size: 1.625rem;
    line-height: 1.6;
    color:#747474;
  }
}

.cd-author img, .cd-author .cd-author-info {
  display: inline-block;
  vertical-align: middle;
}
.cd-author img {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  margin-right: 5px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.cd-author .cd-author-info {
  text-align: left;
  line-height: 1.2;
}
.cd-author .cd-author-info li:first-child {
  font-size: 14px !important;
  font-size: 0.875rem;color: #6b6b70;
}
.cd-author .cd-author-info li:last-child {
  font-size: 12px !important;
  font-size: 0.75rem;
  color: #6b6b70;
}
@media only screen and (min-width: 768px) {
  .cd-author img {
    width: 60px;
    height: 60px;
  }
  .cd-author .cd-author-info {
    line-height: 1.4;
  }
  .cd-author .cd-author-info li:first-child {
    font-size: 16px !important;
    font-size: 1rem;
  }
  .cd-author .cd-author-info li:last-child {
    font-size: 14px !important;
    font-size: 0.875rem;
  }
}

.flex-direction-nav li {
  position: absolute;
  height: 100%;
  width: 40px;
  display:none;
  top: 0;
}
.flex-direction-nav li:first-child {
  left: 0;
}
.flex-direction-nav li:last-child {
  right: 0;
}
.flex-direction-nav li a {
  display: block;
  height: 10%;
  width: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.no-touch .flex-direction-nav li a:hover {
  background-color: none;
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 13px;
  background-color: #ffffff;
}
.flex-direction-nav li a::before {
  -webkit-transform: translateY(-35px) rotate(45deg);
  -moz-transform: translateY(-35px) rotate(45deg);
  -ms-transform: translateY(-35px) rotate(45deg);
  -o-transform: translateY(-35px) rotate(45deg);
  transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
  -webkit-transform: translateY(-27px) rotate(-45deg);
  -moz-transform: translateY(-27px) rotate(-45deg);
  -ms-transform: translateY(-27px) rotate(-45deg);
  -o-transform: translateY(-27px) rotate(-45deg);
  transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
  -webkit-transform: translateY(-35px) rotate(-45deg);
  -moz-transform: translateY(-35px) rotate(-45deg);
  -ms-transform: translateY(-35px) rotate(-45deg);
  -o-transform: translateY(-35px) rotate(-45deg);
  transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
  -webkit-transform: translateY(-27px) rotate(45deg);
  -moz-transform: translateY(-27px) rotate(45deg);
  -ms-transform: translateY(-27px) rotate(45deg);
  -o-transform: translateY(-27px) rotate(45deg);
  transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
  .flex-direction-nav li {
    width: 50px;
  }
}
@media only screen and (min-width: 1170px) {
  .flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #5e5e63;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
    background-color: #ffffff;
  }
}

.cd-see-all {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 35px;
  line-height: 35px;
  background-color: #7f1d96;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  float:right;
  font-weight: 700;
  font-size: 12px !important;
  font-size: 0.75rem;
  -webkit-transition: color, 0.2s;
  -moz-transition: color, 0.2s;
  transition: color, 0.2s;
}
.no-touch .cd-see-all:hover {
  color: #79b6e4;
}

.cd-testimonials-all {
  position: fixed;
  top: 10%;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-testimonials-all .cd-testimonials-all-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper > ul {
  width: 90%;
  max-width: 1170px;
  margin: 4em auto;
}
.cd-testimonials-all .cd-testimonials-all-wrapper > ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-testimonials-all .cd-testimonials-item {
  margin-bottom: 2em;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translate3d(0, 0, 0) scale(0.4);
  -moz-transform: translate3d(0, 0, 0) scale(0.4);
  -ms-transform: translate3d(0, 0, 0) scale(0.4);
  -o-transform: translate3d(0, 0, 0) scale(0.4);
  transform: translate3d(0, 0, 0) scale(0.4);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  -moz-transition: -moz-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
}
.cd-testimonials-all p {
  position: relative;
  background: #7f1d96;
  color: #ffffff;
  padding: 2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
  border-radius: 0.25em;
  margin-bottom: 1em;
}
.cd-testimonials-all p::after {
  /* creating the triangle in css */
  content: '';
  position: absolute;
  top: 100%;
  left: 2em;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-top-color: #7f1d96;
}
.cd-testimonials-all .cd-author {
  text-align: left;
  margin-left: 1.5em;
}
.cd-testimonials-all .cd-author img {
  box-shadow: 0 0 0 transparent;
}
.cd-testimonials-all.is-visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-testimonials-all.is-visible .cd-testimonials-all-wrapper {
  -webkit-overflow-scrolling: touch;
}
.cd-testimonials-all.is-visible .cd-testimonials-item {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
@media only screen and (min-width: 768px) {
  .cd-testimonials-all .cd-testimonials-item {
    width: 46%;
    margin: 0 2% 3em;
  }
  .cd-testimonials-all .cd-author {
    margin-left: 1em;
  }



}
@media only screen and (min-width: 1170px) {
  .cd-testimonials-all .cd-testimonials-item {
    width: 30%;
    margin: 0 1.6666% 3em;
  }
}

.close-btn {
  position: fixed;
  display: block;
  width: 40px;
  height: 40px;
  top: 10%;
  right: 5%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.close-btn::before, .close-btn::after {
  /* close icon in css */
  content: '';
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 24px;
  top: 8px;
  left: 19px;
  background-color: #39393c !important;
}
.close-btn::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-btn::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


       .example {
        margin: 10px auto;
      height: 450px;
      width: 740px;
      -moz-box-shadow: 1px 1px 5px #999;
      -webkit-box-shadow: 1px 1px 5px #999;
      box-shadow: 1px 1px 5px #999;
    }
    .example .container {
      margin: 0;
      padding: 0;
    }
    .example .container li {
      width: 725px;
      margin: 10px;
      padding: 15px;
      border-bottom: 1px dotted #999
    }

    .example .container li h4 {
      font-size:14px;
      color:#7f1d96;
    }

    .example .container li p {
      font-size:13px;
    }



      .smartmarquee {
      position: relative;
      overflow: hidden;
      }
    .smartmarquee .container {
      position: absolute;
     }




/*International index Page*/

.international-index
{
width:1000px;
margin:auto;
height:300px; 
}

.international-index h2
{
text-align:center;
padding-top:30px;
}

.international-index p
{
text-align:justify;
font-size:16px;
}

strong
{
color:#7f1d96;  
}



.international-schools-section
{
width:1200px;
margin:auto;
padding:5px;
height:580px; 
}

.international-schools-left
{
width:400px;
height:580px;
margin:10px;
float:left;
}

.international-schools-left h5
{
padding:10px;margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}

.international-schools-right
{
width:680px;
height:400px;
margin:10px;
float:right;
}

.international-schools-right h5
{
padding:10px;
margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}


.international-testimonials
{
width:100%;
background:#f5f5f5;
height:500px;
padding:10px; 
}

.international-testimonials-container
{
width:1200px;
margin:auto;
padding:10px;
}

.international-testimonials-container h4
{
padding:10px;
margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}

/*End Index */

/*Start Why Jain University*/

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

/*End Why Jain University*/



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


.international-index
{
width:300px;
margin:auto;
height:auto;  
}

.international-index h2
{
text-align:center;
padding-top:30px;
font-size:20px;
}

.international-index p
{
text-align:center;
font-size:14px;
}

strong
{
color:#7f1d96;  
}


.btnfaculty1 {
   cursor: pointer;
   display: inline-block;
   text-align:center;
   padding:5px;
   width:100px;
   float:right;
   margin-right:20px;
   background:#81289a;
   color:white;
   font-weight:600; 
   font-size:13px;
   border-radius:4px;  
}

.btnfaculty1:hover {
 border:1px solid #7f1d96; 
  }



.international-schools-section
{
width:300px;
margin:auto;
padding:0px;
height:auto;  
}

.international-schools-left
{
width:300px;
height:auto;
padding:0px;
float:none;
}

.international-schools-left h5
{
padding:10px;margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}

.international-schools-right
{
width:300px;
height:auto;
margin:0px;
float:none;
}

.international-schools-right h5
{
padding:10px;
margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}


.international-testimonials
{
width:100%;
background:#f5f5f5;
height:400px;
padding:0px;  
}

.international-testimonials-container
{
width:300px;
margin:auto;
padding:0px;

}

.international-testimonials-container h4
{
padding:10px;
margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}

.cd-testimonials p
{
color:black;
width:250px;
}

.cd-testimonials-wrapper {
    margin:auto;
    padding: 10;
    width:300px;
  }

.cd-author img {
    width: 40px;
    height: 40px;
  }
  .cd-author .cd-author-info {
    line-height: 1.4;
  }
  .cd-author .cd-author-info li:first-child {
    font-size: 12px !important;
  }
  .cd-author .cd-author-info li:last-child {
    font-size: 10px  !important;
  }

.cd-see-all {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -20px;
  width: 60px;
  height: 25px;
  line-height: 25px;
  background-color: #7f1d96;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-size: 10px !important;
  font-size: 0.75rem;
  -webkit-transition: color, 0.2s;
  -moz-transition: color, 0.2s;
  transition: color, 0.2s;
}


.example {
        margin: 10px auto;
      height: 1000;
      width: 280px;
      -moz-box-shadow: 1px 1px 5px #999;
      -webkit-box-shadow: 1px 1px 5px #999;
      box-shadow: 1px 1px 5px #999;
    }
    .example .container {
      margin: 0;
      padding: 0;
    }
    .example .container li {
      width: 260px;
      margin: 10px;
      padding: 15px;
      border-bottom: 1px dotted #999
    }

    .example .container li h4 {
      font-size:12px;
      color:#7f1d96;
    }

    .example .container li p {
      font-size:13px;
    }



      .smartmarquee {
      position: relative;
      overflow: hidden;
      }
    .smartmarquee .container {
      position: absolute;
     }



/*Start Why Jain University*/

.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;
}


/*End Why Jain University*/

}



@media screen and (max-width: 1000px) {
        body #wrapper {
            width:100%;
        }

        body #gallery {
            width:100%;
        }

        body #text {
            width:100%;
            height:60px;
            padding:20px 0;
            font-size:14px;
            text-align:center;
            left:0;
            bottom:10px;
        }

        body #counter {
            top: 50px;
            height: 30px;
            line-height: 28px;
            right: 60px;
            background:rgba(0,0,0,0.3);
        }

        body #prev, body #next {
            width:30px;
            height:30px;
            top:50px;
            background:rgba(0,0,0,0.3);
        }

        body #prev {
            right:30px;
        }

        body .text_header {
            font-size:20px;
        }

        body .text_small {
            font-size:10px;
        }
    }

    @media screen and (max-width: 760px) {
        body #wrapper {
            width:100%;
            height:100px;
        }

        body #gallery {
           width:100%;
            height:100px;
        }

     #counter {
        width:55px !important;
        height:50px;
        line-height:48px;
        position:absolute;
        bottom:0;
        right:10px;
        z-index:100;
        color:#FFF;
        background:none !important; 
        text-align:center;
        font-size:10px;
        font-weight:bold;
    }

#prev, #next {
        width:50px;
        height:50px;
        position:absolute;
        bottom:0;
        background:none !important; 
        z-index:100;
        font-size:10px;
        color:#FFF;
    }

    #prev {
        right:50px;
    }

    #next {
        right:0;
    }

    #text {
        height:150px ;
        width:200px !important;
        padding:1px;
        position:absolute;
        bottom:5px;
        left:20px;
        z-index:200;
        background:rgba(127, 29, 150, 0.55);
        color:#FFF;
        font-size:12px;
    }

    .text_header {
        font-weight:bold;
        font-size:12px !important;
        margin-top:-10px !important;
    }

    .text_small {
        padding-top:2px;
        font-size:10px !important;
        margin-top:-5px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
#wrapper {
        width:100%;
        height:200px !important;
        position:relative;
        margin:0 auto;
        padding-top:00px;
    }

    #gallery {
        width:100%;
        height:200px !important;
    }

}


    body {
        margin:0;
        font-family:sans-serif;
    }

    #wrapper {
        width:100%;
        height:420px;
        position:relative;
        margin:0 auto;
        padding-top:00px;
    }

    #gallery {
        width:100%;
        height:420px;
    }

    #counter {
        width:75px;
        height:50px;
        line-height:48px;
        position:absolute;
        bottom:0;
        right:100px;
        z-index:100;
        color:#FFF;
        text-align:center;
        font-size:22px;
        font-weight:bold;
    }

    #prev, #next {
        width:50px;
        height:50px;
        position:absolute;
        bottom:0;
        z-index:100;
        font-size:20px;
        color:#FFF;
    }

    #prev {
        right:50px;
    }

    #next {
        right:0;
    }

    #text {
        height:120px;
        width:350px;
        padding:15px 20px;
        position:absolute;
        bottom:40px;
        left:20px;
        z-index:200;
        background:rgba(127, 29, 150, 0.55);
        color:#FFF;
        font-size:16px;
    }

    .text_header {
        font-weight:bold;
        font-size:25px;
        padding-bottom:5px;
    }

    .text_small {
        padding-top:5px;
        font-size:14px;
    }




.slide-down-custom {
  animation-name: slideDownCustom;
  -webkit-animation-name: slideDownCustom;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
  opacity: 1; }

@keyframes slideDownCustom {
  0% {
    transform: translateY(-100%);
    opacity: 0; }
  50% {
    opacity: 0; }
  75% {
    opacity: 0.3; }
  100% {
    transform: translateY(-50%);
    opacity: 1; } }
@-webkit-keyframes slideDownCustom {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0; }
  50% {
    opacity: 0; }
  75% {
    opacity: 0.3; }
  100% {
    -webkit-transform: translateY(-50%);
    opacity: 1; } }
/*
==============================================
slideDown
==============================================
*/
.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  50% {
    transform: translateY(8%); }
  65% {
    transform: translateY(-4%); }
  80% {
    transform: translateY(4%); }
  95% {
    transform: translateY(-2%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%); }
  50% {
    -webkit-transform: translateY(8%); }
  65% {
    -webkit-transform: translateY(-4%); }
  80% {
    -webkit-transform: translateY(4%); }
  95% {
    -webkit-transform: translateY(-2%); }
  100% {
    -webkit-transform: translateY(0%); } }
/*
==============================================
slideUp
==============================================
*/
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideUp {
  0% {
    transform: translateY(100%); }
  50% {
    transform: translateY(-8%); }
  65% {
    transform: translateY(4%); }
  80% {
    transform: translateY(-4%); }
  95% {
    transform: translateY(2%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%); }
  50% {
    -webkit-transform: translateY(-8%); }
  65% {
    -webkit-transform: translateY(4%); }
  80% {
    -webkit-transform: translateY(-4%); }
  95% {
    -webkit-transform: translateY(2%); }
  100% {
    -webkit-transform: translateY(0%); } }
/*
==============================================
slideLeft
==============================================
*/
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideLeft {
  0% {
    transform: translateX(150%); }
  50% {
    transform: translateX(-8%); }
  65% {
    transform: translateX(4%); }
  80% {
    transform: translateX(-4%); }
  95% {
    transform: translateX(2%); }
  100% {
    transform: translateX(0%); } }
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%); }
  50% {
    -webkit-transform: translateX(-8%); }
  65% {
    -webkit-transform: translateX(4%); }
  80% {
    -webkit-transform: translateX(-4%); }
  95% {
    -webkit-transform: translateX(2%); }
  100% {
    -webkit-transform: translateX(0%); } }
/*
==============================================
slideRight
==============================================
*/
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes slideRight {
  0% {
    transform: translateX(-150%); }
  50% {
    transform: translateX(8%); }
  65% {
    transform: translateX(-4%); }
  80% {
    transform: translateX(4%); }
  95% {
    transform: translateX(-2%); }
  100% {
    transform: translateX(0%); } }
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%); }
  50% {
    -webkit-transform: translateX(8%); }
  65% {
    -webkit-transform: translateX(-4%); }
  80% {
    -webkit-transform: translateX(4%); }
  95% {
    -webkit-transform: translateX(-2%); }
  100% {
    -webkit-transform: translateX(0%); } }
/*
==============================================
slideExpandUp
==============================================
*/
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important; }

@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5); }
  30% {
    transform: translateY(-8%) scaleX(0.5); }
  40% {
    transform: translateY(2%) scaleX(0.5); }
  50% {
    transform: translateY(0%) scaleX(1.1); }
  60% {
    transform: translateY(0%) scaleX(0.9); }
  70% {
    transform: translateY(0%) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleX(0.95); }
  90% {
    transform: translateY(0%) scaleX(1.02); }
  100% {
    transform: translateY(0%) scaleX(1); } }
@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5); }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5); }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5); }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1); }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9); }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95); }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02); }
  100% {
    -webkit-transform: translateY(0%) scaleX(1); } }
/*
==============================================
expandUp
==============================================
*/
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    transform: translateY(-7%) scaleY(1.12); }
  75% {
    transform: translateY(3%); }
  100% {
    transform: translateY(0%) scale(1) scaleY(1); } }
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5); }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12); }
  75% {
    -webkit-transform: translateY(3%); }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1); } }
/*
==============================================
fadeIn
==============================================
*/
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important; }

@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0.0; }
  60% {
    transform: scale(1.1); }
  80% {
    transform: scale(0.9);
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0.0; }
  60% {
    -webkit-transform: scale(1.1); }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    opacity: 1; } }
/*
==============================================
expandOpen
==============================================
*/
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes expandOpen {
  0% {
    transform: scale(1.8); }
  50% {
    transform: scale(0.95); }
  80% {
    transform: scale(1.05); }
  90% {
    transform: scale(0.98); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8); }
  50% {
    -webkit-transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.98); }
  100% {
    -webkit-transform: scale(1); } }
/*
==============================================
bigEntrance
==============================================
*/
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important; }

@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2; }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1; }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1; } }
/*
==============================================
hatch
==============================================
*/
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important; }

@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6); }
  20% {
    transform: rotate(-2deg) scaleY(1.05); }
  35% {
    transform: rotate(2deg) scaleY(1); }
  50% {
    transform: rotate(-2deg); }
  65% {
    transform: rotate(1deg); }
  80% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6); }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05); }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1); }
  50% {
    -webkit-transform: rotate(-2deg); }
  65% {
    -webkit-transform: rotate(1deg); }
  80% {
    -webkit-transform: rotate(-1deg); }
  100% {
    -webkit-transform: rotate(0deg); } }
/*
==============================================
bounce
==============================================
*/
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6); }
  60% {
    transform: translateY(-100%) scaleY(1.1); }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1); } }
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6); }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1); }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05); }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1); }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1); }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1); } }
/*
==============================================
pulse
==============================================
*/
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }
/*
==============================================
floating
==============================================
*/
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes floating {
  0% {
    transform: translateY(0%); }
  50% {
    transform: translateY(8%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%); }
  50% {
    -webkit-transform: translateY(8%); }
  100% {
    -webkit-transform: translateY(0%); } }
/*
==============================================
tossing
==============================================
*/
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes tossing {
  0% {
    transform: rotate(-4deg); }
  50% {
    transform: rotate(4deg); }
  100% {
    transform: rotate(-4deg); } }
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); }
  50% {
    -webkit-transform: rotate(4deg); }
  100% {
    -webkit-transform: rotate(-4deg); } }
/*
==============================================
pullUp
==============================================
*/
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

@keyframes pullUp {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }
/*
==============================================
pullDown
==============================================
*/
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%; }

@keyframes pullDown {
  0% {
    transform: scaleY(0.1); }
  40% {
    transform: scaleY(1.02); }
  60% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(0.98); }
  80% {
    transform: scaleY(1.01); }
  100% {
    transform: scaleY(1); } }
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1); }
  40% {
    -webkit-transform: scaleY(1.02); }
  60% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(0.98); }
  80% {
    -webkit-transform: scaleY(1.01); }
  100% {
    -webkit-transform: scaleY(1); } }
/*
==============================================
stretchLeft
==============================================
*/
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%; }

@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }
@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }
/*
==============================================
stretchRight
==============================================
*/
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%; }

@keyframes stretchRight {
  0% {
    transform: scaleX(0.3); }
  40% {
    transform: scaleX(1.02); }
  60% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(0.98); }
  80% {
    transform: scaleX(1.01); }
  100% {
    transform: scaleX(1); } }
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3); }
  40% {
    -webkit-transform: scaleX(1.02); }
  60% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(0.98); }
  80% {
    -webkit-transform: scaleX(1.01); }
  100% {
    -webkit-transform: scaleX(1); } }

*, *:before, *:after {
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box;
  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;
  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
  box-sizing: border-box; }

/*=======================================
  BODY
========================================*/
html {
  font-size: 62.5%; }

body {
  position: relative;
  height: 100%;
  font-size:14px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  }


/*=================================================
  PAGE BORDER TRIANGLE BG
==================================================*/
.page-border {
  width: 100%;
  min-height: 690px;
  padding-left: 25%;
  overflow: hidden;
  position: absolute; }
  .page-border:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -500px;
    border-style: solid;
    border-width: 800px 1445px 0 0;
    border-color: #ffffff transparent transparent transparent;
    opacity: 0.1; }
  @media (max-width: 800px) {
    .page-border {
      display: none; } }

/*=================================================
  DOWNLOADS
==================================================*/
.downloads, .tabs {
  -webkit-box-shadow: 0 8px 50px 1px rgba(5, 5, 5, 0.3);
  -moz-box-shadow: 0 8px 50px 1px rgba(5, 5, 5, 0.3);
  box-shadow: 0 8px 50px 1px rgba(5, 5, 5, 0.3); }

.downloads {
  position: absolute;
  left: 30px;
  top: -40px;
  width: 666px;
  margin: auto;
  z-index: 9999999999;
  -webkit-box-shadow: 0 20px 50px 1px rgba(5, 5, 5, 0.5);
  -moz-box-shadow: 0 20px 50px 1px rgba(5, 5, 5, 0.5);
  box-shadow: 0 20px 50px 1px rgba(5, 5, 5, 0.5); }
  .downloads:before, .downloads:after {
    content: "\0020";
    height: 0;
    display: block;
    overflow: hidden; }
  .downloads:after {
    clear: both; }
  @media (max-width: 800px) {
    .downloads {
      position: static;
      width: 100%; } }


/*=======================================
  TAB BODY
========================================*/
.tabs {
  position: relative;
  left: 0;
  top:10px;
  right: 10px;
  margin:auto;
  width: 450px;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }
  @media (max-width: 800px) {
    .tabs {
      position: static;
      width: 90%;
      margin: 4% auto; } }

/*=======================================
  TAB NAVIGATION
========================================*/
.tabs-nav ul {
  margin: 0;
  padding: 0; }
.tabs-nav li {
  width: 150px;
  padding: 8% 3% 3% 3%;
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing:1px; 
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  text-transform: none;
  color: #ffffff;
  cursor: pointer;
  margin-left: -5px;
  margin-bottom: 0;
  border-right: 1px solid #E9E9E9;
  border-bottom: 1px solid #E9E9E9;
  background-color: #7f1d96;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  * html .tabs-nav li {
    /* for IE6 */
    display: inline; }
  * + html .tabs-nav li {
    /* for IE7 */
    display: inline; }
  .tabs-nav li:hover {
    color: #7f1d96;
    background-color: #f4f4f4; }
  .tabs-nav li:first-child {
    margin-left: 0;
    border-left: 0; }
  .tabs-nav li:last-child {
    border-right: 0;
    border-left: 0; }
@media (max-width: 800px) {
  .tabs-nav li {
    width: 33%;
    padding: 0; } }

/*=======================================
  TAB CONTENT
========================================*/
.tab-container {
  width: 100%;
  padding: 6%;
  background-color: #fff; }

/*=======================================
  TAGLINE
========================================*/
.tagline {
  position: relative;
  margin-bottom: 6%; }
  .tagline:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 5px;
    width: 105px;
    background-color: #7f1d96; }
  @media (max-width: 700px) {
    .tagline {
      margin-bottom: 8%; } }
  @media (max-width: 500px) {
    .tagline {
      margin-bottom: 12%; } }

/*=================================================
  GENERAL MODULES
==================================================*/
/*=======================================
  BUTTONS
========================================*/
.btn {
  width: 50%;
  margin: 0;
  padding: 2% 3%;
  display: inline-block;
  /* For normal, healthy browsers */
  /*white-space: nowrap;*/
  *display: inline;
  zoom: 1;
  text-align: center;
  float: left;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  * html .btn {
    /* for IE6 */
    display: inline; }
  * + html .btn {
    /* for IE7 */
    display: inline; }
  .btn:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

/*=============================
  BUTTON TYPES
==============================*/
.download-btn {
  color: #fff;
  background-color: #111111; }
  .download-btn:hover {
    color: #fff;
    background-color: #363636; }

.social-btn {
  color: #fff;
  background-color: #252525; }
  .social-btn:hover {
    color: #fff;
    background-color: #363636; }

/*=======================================
  CODE VIEW THEMES
========================================*/
.code {
  font-family: "Source Code Pro", "Courier New", Courier, monospace;
  white-space: pre;
  overflow: auto;
  font-size: 16px;
  font-size: 1.6rem; }
  .code p {
    margin-bottom: 2%; }
  @media (max-width: 500px) {
    .code {
      font-size: 12px;
      font-size: 1.2rem; } }

.tag {
  color: #7f1d96; }

.tag-punc {
  color: #f59c8f; }

.comment {
  color: #E0E0E0; }

/*=======================================
  GENERAL STATES
========================================*/
.block {
  display: block; }

.active, li.active {
  color: #7f1d96;
  border-bottom: none;
  background-color: #fff; }

.hide {
  display: none; }

.show {
  display: block; }

/*=======================================
  POSITIONING
========================================*/
.fixed {
  position: fixed; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.top {
  top: 0; }





/*Start Book Scripts*/
.bk-list {
  list-style: none;
  position: relative;
  width: 340px; 
  margin: 0 auto;
  padding-left:40px;
  -webkit-perspective: 1800px;
  -moz-perspective: 1800px;
  perspective: 1800px;
  -webkit-perspective-origin: 50% 15%;
  -moz-perspective-origin: 50% 15%;
  perspective-origin: 50% 15%;
}

.bk-list li {
  position: relative;
  width: 40px;
  height: 450px;
  float: left;
  z-index: 1;
  margin: 0px 0px 0px 1px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.bk-list li:last-child {
  margin-right: 0;
}

.bk-list li .bk-book {
  cursor: pointer;
  position: absolute;
  width: 60%;
  height: 450px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  transition: transform .5s;
  -webkit-transform: rotate3d(0,1,0,90deg);
  -moz-transform: rotate3d(0,1,0,90deg);
  transform: rotate3d(0,1,0,90deg);
}

.bk-list li .bk-book:hover {
  -webkit-transform: rotateY(90deg) rotateZ(-15deg) translate3d(-100px,0,0);
  -moz-transform: rotateY(90deg) rotateZ(-15deg) translate3d(-100px,0,0);
  transform: rotateY(90deg) rotateZ(-15deg) translate3d(-100px,0,0);
}

.bk-list li .bk-book > div,
.bk-list li .bk-front > div {
  display: block;
  position: absolute;
}

.bk-list li .bk-front {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform .5s;
  -moz-transition: -moz-transform .5s;
  transition: transform .5s;
  -webkit-transform: translate3d(0,0,20px);
  -moz-transform: translate3d(0,0,20px);
  transform: translate3d(0,0,20px);
}

.bk-list li .bk-front > div {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.bk-list li .bk-page {
  -webkit-transform: translate3d(0,0,19px);
  -moz-transform: translate3d(0,0,19px);
  transform: translate3d(0,0,19px);
  display: none;
  width: 320px;
  height: 450px;
  top: 0px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bk-list li .bk-front,
.bk-list li .bk-back,
.bk-list li .bk-front > div {
  width: 300px;
  height: 450px;
}

.bk-list li .bk-left,
.bk-list li .bk-right {
  width: 40px;
  left: -20px;
}

.bk-list li .bk-top,
.bk-list li .bk-bottom {
  width: 295px;
  height: 40px;
  top: -15px;
}

.bk-list li .bk-back {
  -webkit-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
  -moz-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
  transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
  border-radius: 3px 0 0 3px;
}

.bk-list li .bk-cover-back {
  background-color: #000;
  -webkit-transform: rotate3d(0,1,0,-180deg);
  -moz-transform: rotate3d(0,1,0,-180deg);
  transform: rotate3d(0,1,0,-180deg);
}

.bk-list li .bk-right {
  height: 450px;
  top: 5px;
  -webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
  -moz-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
  transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bk-list li .bk-left {
  height: 450px;
  -webkit-transform: rotate3d(0,1,0,-90deg);
  -moz-transform: rotate3d(0,1,0,-90deg);
  transform: rotate3d(0,1,0,-90deg);
  box-shadow: 
  inset 4px 0 5px rgba(255,255,255,0.1), 
  inset 5px 0 5px rgba(0,0,0,0.05),
  inset -5px 0 5px rgba(0,0,0,0.04);;
}

.bk-list li .bk-top {
  -webkit-transform: rotate3d(1,0,0,90deg);
  -moz-transform: rotate3d(1,0,0,90deg);
  transform: rotate3d(1,0,0,90deg);
}

.bk-list li .bk-bottom {
  -webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
  -moz-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
  transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
}

/* Transform classes */

.bk-list li .bk-viewinside .bk-front {
  -webkit-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
  -moz-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
  transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
}

.bk-list li .bk-book.bk-viewinside {
  -webkit-transform: rotate3d(0,1,0,0deg) translateX(0px) translateZ(100px) !important;
  -moz-transform: rotate3d(0,1,0,0deg) translateX(0px) translateZ(100px) !important;
  transform: rotate3d(0,1,0,0deg) translateX(0px) translateZ(100px) !important;
}

.bk-list li .bk-book.bk-outside {
  -webkit-transform: rotate3d(0,1,0,90deg) translateX(-300px);
  -moz-transform: rotate3d(0,1,0,90deg) translateX(-300px);
  transform: rotate3d(0,1,0,90deg) translateX(-300px);
}

.bk-list li .bk-book.bk-viewback {
  -webkit-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
  -moz-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
  transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
}

/* Main colors and content */

.bk-list li .bk-page,
.bk-list li .bk-right,
.bk-list li .bk-top,
.bk-list li .bk-bottom {
  background-color: #e6dde6;
  border:none !important;
}

.bk-list li .bk-front > div {
  border-radius: 0 3px 3px 0;
}

.bk-list li .bk-front:after {
  content: '';
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: -1px;
  width: 1px;
}

.bk-list li .bk-cover:after,
.bk-list li .bk-back:after {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  width: 3px;
}

.bk-list li .bk-back:after {
  left: auto;
  right: 10px;
}

.bk-left h2 {
  width: 500px;
  height: 40px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(90deg) translateY(-40px);
  -moz-transform: rotate(90deg) translateY(-40px);
  transform: rotate(90deg) translateY(-40px);
}

.bk-content {
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  padding: 30px;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  cursor: default;
}

.bk-content-current {
  opacity: 1;
  pointer-events: auto;
}

.bk-content p {
  padding:0px;
  -webkit-font-smoothing: antialiased;
  color: #000;
  font-size: 13px;
  line-height: 1.6em !important;
  text-align: justify;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bk-page nav {
  display: block;
  text-align: center;
  margin-top: 20px;
  position: relative;
  z-index: 100;
  cursor: pointer;
}

.bk-page nav span {
  display: inline-block;
  width:20px;
  height: 20px;
  color: #aaa;
  background: none;
  border-radius: 50%;
}

/* Individual style & artwork */

/* Book 1 */
.book-1 .bk-front > div,
.book-1 .bk-back,
.book-1 .bk-left,
.book-1 .bk-front:after {
  background-color: #550068;
}

.book-1 .bk-cover {
  background-image: url(../images/1.png); 
  background-repeat: no-repeat;
  background-position: 10px 40px;
}

.book-1 .bk-cover h2 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 30px;
  color: #fff;
}

.book-1 .bk-cover h2 span:first-child,
.book-1 .bk-left h2 span:first-child {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing:1px; 
  font-size: 16px;
  padding-right: 20px;
}

.book-1 .bk-cover h2 span:first-child {
  display: block;
}

.book-1 .bk-cover h2 span:last-child,
.book-1 .bk-left h2 span:last-child {
  font-family: 'open sans';
} 

.book-1 .bk-content p {
  font-family:'open sans';
}

.book-1 .bk-left h2 {
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  padding-right: 10px;
  text-align: center;
}

.book-1 .bk-back p {
  color: #fff;
  font-size: 13px;
  padding: 40px;
  text-align: center;
  font-weight: 700;
}

/* Book 2 */

.book-2 .bk-front > div,
.book-2 .bk-back,
.book-2 .bk-left,
.book-2 .bk-front:after {
background-color: #550068;
}

.book-2 .bk-cover {
  background-image: url(../images/2.png); 
  background-repeat: no-repeat;
  background-position: 98% 0%;
}

.book-2 .bk-cover h2, 
.book-2 .bk-left h2 {
  color: #fff;
  font-family: 'open sans';
  font-weight: 400;
}

.book-2 .bk-cover h2 {
  font-size: 13px;
  line-height: 1.2em;
  padding: 30px;
}



.book-2 .bk-cover h2 span:first-child,
.book-2 .bk-left h2 span:first-child {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing:1px; 
  font-size: 16px;
  padding-right: 20px;
}



.book-2 .bk-cover h2 span:last-child {
  font-size: 20px;
  line-height: 80px;
  display: block;
  position: relative;
}

.book-2 .bk-cover h2 span:last-child:before {
  font-size: 20px;
  color: red;
  position: absolute;
  font-family: 'open sans';
}

.book-2 .bk-cover h2 span:last-child:after {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f9ed65;
  position: absolute;
  top: 5px;
  left: 101px;
}

.book-2 .bk-left h2 {
  font-size: 22px;
  line-height: 40px;
  padding-right: 00px;
  text-align: center;
}

.book-2 .bk-back p {
  color: red;
  font-size: 13px;
  font-family:'open sans'
  padding: 40px;
  text-align: center;
}

/* Book 3 */

.book-3 .bk-front > div,
.book-3 .bk-back,
.book-3 .bk-left,
.book-3 .bk-front:after {
  background-color: #550068;
}

.book-3 .bk-cover {
  background-image: url(../images/3.png); 
  background-repeat: no-repeat;
  background-position: 100% 95%;
}

.book-3 .bk-cover h2 {
  position: absolute;
  top: 40px;
  right: 40px;
  left: 40px;
  padding-top: 15px;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
}

.book-3 .bk-cover h2 span:first-child,
.book-3 .bk-left h2 span:first-child {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 16px;
  padding-right: 20px;
}

.book-3 .bk-cover h2 span:first-child {
  display: block;
}

.book-3 .bk-cover h2 span:last-child,
.book-3 .bk-left h2 span:last-child,
.book-3 .bk-content p  {
  font-family: 'open sans';
} 

.book-3 .bk-left h2 {
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
}

.book-3 .bk-back img {
  width: 200px;
  display: block;
  margin: 30px auto 0;
}

.book-3 .bk-back p {
  color: #fff;
  font-size: 13px;
  font-family: Georgia, Times, "Times New Roman", serif;
  padding: 40px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
}

/* Some color variation for the other books */
.bk-list li:nth-child(4) .bk-book .bk-front > div,
.bk-list li:nth-child(4) .bk-book .bk-back,
.bk-list li:nth-child(4) .bk-book .bk-left,
.bk-list li:nth-child(4) .bk-book .bk-front:after {
  background-color: #550068;
}

.bk-list li:nth-child(5) .bk-book .bk-front > div,
.bk-list li:nth-child(5) .bk-book .bk-back,
.bk-list li:nth-child(5) .bk-book .bk-left,
.bk-list li:nth-child(5) .bk-book .bk-front:after {
  background-color: #550068;
}

.bk-list li:nth-child(6) .bk-book .bk-front > div,
.bk-list li:nth-child(6) .bk-book .bk-back,
.bk-list li:nth-child(6) .bk-book .bk-left,
.bk-list li:nth-child(6) .bk-book .bk-front:after {
  background-color: #550068;
}

.bk-list li:nth-child(7) .bk-book .bk-front > div,
.bk-list li:nth-child(7) .bk-book .bk-back,
.bk-list li:nth-child(7) .bk-book .bk-left,
.bk-list li:nth-child(7) .bk-book .bk-front:after {
  background-color: #550068;
}

.bk-list li:nth-child(8) .bk-book .bk-front > div,
.bk-list li:nth-child(8) .bk-book .bk-back,
.bk-list li:nth-child(8) .bk-book .bk-left,
.bk-list li:nth-child(8) .bk-book .bk-front:after {
  background-color: #550068;
}

.bk-list li:nth-child(9) .bk-book .bk-front > div,
.bk-list li:nth-child(9) .bk-book .bk-back,
.bk-list li:nth-child(9) .bk-book .bk-left,
.bk-list li:nth-child(9) .bk-book .bk-front:after {
  background-color: #550068;
}

.bk-list li:nth-child(10) .bk-book .bk-front > div,
.bk-list li:nth-child(10) .bk-book .bk-back,
.bk-list li:nth-child(10) .bk-book .bk-left,
.bk-list li:nth-child(10) .bk-book .bk-front:after {
  background-color: #550068;
}

.bk-list li:nth-child(11) .bk-book .bk-front > div,
.bk-list li:nth-child(11) .bk-book .bk-back,
.bk-list li:nth-child(11) .bk-book .bk-left,
.bk-list li:nth-child(11) .bk-book .bk-front:after {
  background-color: #550068;
}

/* Fallbacks */

.no-csstransforms3d .bk-list li .bk-book > div,
.no-csstransforms3d .bk-list li .bk-book .bk-cover-back {
  display: none;
}

.no-csstransforms3d .bk-list li .bk-book > div.bk-front {
  display: block;
}

.no-csstransforms3d .bk-info button,
.no-js .bk-info button {
  display: none;
}

.no-csstransforms3d .bk-list {
  width: auto;
}

.no-csstransforms3d .bk-list li {
  position: relative;
  width: 300px;
  margin: 10px;
  float: left;
}

.mainbook
{
  margin-top:40px;
}

.bookshelf {
  width: 100%;
  height: 63px;
  z-index: -1;
  margin-top: -25px;
  background: transparent url(../images/shelf.png) no-repeat center center;
  position: relative;
}


/*End Book Scripts*/



/*StartContact Form*/
.form-contact {
  background: rgba(212, 59, 179, 0.1);
  padding: 40px;
  max-width: 600px;
  margin: 40px auto;
  border-radius: 4px;
  box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
}

.tab-group {
  list-style: none;
  padding: 0;
  border:none !important;
  margin: 0 0 40px 0;
}
.tab-group:after {
  content: "";
  display: table;
  clear: both;
}
.tab-group li a {
  display: block;
  text-decoration: none;
  padding: 15px;
  background: #7f1d96;
  color: #ffffff;
  font-size: 20px;
  float: left;
  border: none !important;
  width: 40%;
  text-align: center;
  cursor: pointer;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.tab-group li a:hover {
  background: #550068;
  color: #ffffff;
}
.tab-group .active a {
  background:  #550068;
  color: #ffffff;
  border: none !important;
}

.tab-content > div:last-child {
  display: none;
}

h1 {
  text-align: center;
  color:#550068;
  font-weight: 300;
  margin: 0 0 40px;
}

label {
  position: absolute;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  left: 13px;
  color:#747474;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  font-size: 18px;
}
label .req {
  margin: 2px;
  color: #550068;
}

label.active {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  left: 2px;
  font-size: 14px;
}
label.active .req {
  opacity: 0;
}

label.highlight {
  color: #474747;
  padding-top:5px;
  border:none !important;
  background:none !important;
}

input, textarea {
  font-size: 22px;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 10px;
  background: none;
  background-image: none;
  border-top:none;
  border-left:1px solid #550068;
  border-right: 1px solid #550068;
  border-bottom:1px solid #550068;
  color: #550068;
  border-radius: 0;
  -webkit-transition: border-color .25s ease, box-shadow .25s ease;
  transition: border-color .25s ease, box-shadow .25s ease;
}
input:focus, textarea:focus {
  outline: 0;
  border-color: #550068;
}

textarea {
  border: 1px solid #550068;
  resize: vertical;
}

.field-wrap {
  position: relative;
  margin-bottom: 40px;
}

.top-row:after {
  content: "";
  display: table;
  clear: both;
}
.top-row > div {
  float: left;
  width: 48%;
  margin-right: 4%;
}
.top-row > div:last-child {
  margin: 0;
}

.button-jiu {
  border: 0;
  outline: none;
  float:right;
  border-radius: 0;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .1em;
  background: #550068;
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-appearance: none;
}
.button-jiu:hover, .button-jiu:focus {
  background: #7f1d96;
}

.button-jiu-block {
  display: block;
  width: 30%;
}



/*End Contact Form*/


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

.international-index
{
width:700px;
margin:auto;
height:300px; 
}

.international-index h2
{
text-align:center;
padding-top:30px;
}

.international-index p
{
text-align:justify;
font-size:14px;
}

strong
{
color:#7f1d96;  
}

.international-schools-section
{
width:760px;
margin:auto;
padding:5px;
height:auto;  
}

.international-schools-left
{
width:650px;
height:580px;
margin:10px;
float:none;
}

.international-schools-left h5
{
padding:10px;
margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}

.international-schools-right
{
width:600px;
height:520px;
margin:10px;
float:none;
}

.international-schools-right h5
{
padding:10px;
margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}


.international-testimonials
{
width:100%;
background:#f5f5f5;
height:500px;color:black !important;
padding:10px; 
}

.international-testimonials-container
{
width:700px;
margin:auto;
padding:10px;
}

.international-testimonials-container h4
{
padding:10px;
margin:0px;
font-size:18px;
color:#7f1d96;
font-weight:400;
letter-spacing:1px;
}


}


/*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*/