@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

::-moz-selection 
{ 
	color:#1d4a71;
}
::selection 
{
	color:#1d4a71;
 }


*{
	margin: 0;
	padding: 0;
	outline: 0;
	list-style: none;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	}	
	
#wrapper
{
	width:100%;
}
.clear {
	clear: both;
	}
.container {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0px auto;
    top: 0px;
    left: 0px;
}


.logo
{ 
	position: relative;
	float: left;
	margin-top: 14px;
	margin-bottom: 8px;
}

.top-bar
{ width:100%; position:relative; display:inline-block; background:#f5b9a2;
    top: 0px;
    left: 0px;
    height: 36px;
}

.top-location
{
	width:75%;
	position:relative;
	display:block;
	float:left;
	font-size:12px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	padding:8px 0;
    top: 0px;
    left: 0px;
}

.top-location i
{
	font-size:18px;
	padding-right:10px;
}

.top-ph
{
	width:24%;
	position:relative;
	display:block;
	float:right;
	font-size:12px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	padding:8px 0;
}

.top-ph i
{
	font-size:18px;
	padding-right:10px;
}

.link-nav-bg
{ width:50%; 
position:relative; height:24px; padding:12px 0; float:left; 
    
}

.top-nav-bg
{ width:50%; 
position:relative; height:24px; padding:12px 0; float:right; top: 35px;
    left: 6px;
}

.top-nav
{ width:100%; position:relative; float:left;	}

.top-nav ul
{ display:block;}

.top-nav > li
{ position: relative; display: block;}

.top-nav > li
{ float:left;}

.top-nav  > li > a 
{ padding: 13px 15px; font-weight: 400; position: relative; color:#000000; text-transform:uppercase; font-family: 'Open Sans', sans-serif;}

.top-nav  > li > a:hover
{ color:#f5a88d;}

.banner img
{ width:100%;}

.service-section
{
	width:100%; position:relative; display:inline-block; padding:30px 0; text-align:center;
}

.coming-interview
{
	width:368px; float:left; position: relative; display:inline-block; background:#1d4a71; border:1px solid #1d4a71; padding-top:50px; padding-bottom:37px; padding-left:26px;
	padding-right:26px; box-sizing:border-box; margin-right:47px;  transition:all ease 0.4s; -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.22);
box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.22);
}

.coming-interview-head
{
	font-size:24px; font-weight:600; color:#FFF; text-align:center; padding-bottom:17px; transition:all ease 0.4s;
}

.coming-int-line
{
	width:43%; height:3px; display:block; margin:0px auto; background:#FFF; transition:all ease 0.4s;
}

.coming-interview-cont
{
	font-size:13px; font-weight:400; color:#FFF; text-align:center; padding-bottom:17px; padding-top:42px; line-height:24px; transition:all ease 0.4s;
}

.coming-interview-read-but
{
	font-size:16px; font-weight:600; color:#FFF; text-align:center; display:block; transition:all ease 0.4s;
}

.coming-interview:hover
{
	background:#1d4a71; transition:all ease 0.4s;
}

.coming-interview:hover .coming-interview-head
{
	color:#FFF; transition:all ease 0.4s;
}

.coming-interview:hover .coming-int-line
{
	 background:#FFF; transition:all ease 0.4s;
}

.coming-interview:hover .coming-interview-cont
{
	color:#FFF; transition:all ease 0.4s;
}

.coming-interview:hover .coming-interview-read-but
{
	color:#FFF; transition:all ease 0.4s;
}


.medical-studies
{
	width:368px; float:left; position: relative; display:inline-block; background:#FFF; border:1px solid #1d4a71; padding-top:81px; padding-bottom:37px; padding-left:26px;
	padding-right:26px; box-sizing:border-box; margin-right:47px;  transition:all ease 0.4s;
}

.medical-studies-head
{
	font-size:24px; font-weight:600; color:#333; text-align:center; padding-bottom:17px; transition:all ease 0.4s;
}

.medical-studies-line
{
	width:43%; height:3px; display:block; margin:0px auto; background:#1d4a71; transition:all ease 0.4s;
}

.medical-studies-cont
{
	font-size:13px; font-weight:400; color:#666; text-align:center; padding-bottom:17px; padding-top:42px; line-height:24px; transition:all ease 0.4s;
}

.medical-studies-read-but
{
	font-size:16px; font-weight:600; color:#1d4a71; text-align:center; display:block; transition:all ease 0.4s;
}

.medical-studies:hover
{
	background:#1d4a71; transition:all ease 0.4s;
}

.medical-studies:hover .medical-studies-head
{
	color:#FFF; transition:all ease 0.4s;
}

.medical-studies:hover .medical-studies-line
{
	 background:#FFF; transition:all ease 0.4s;
}

.medical-studies:hover .medical-studies-cont
{
	color:#FFF; transition:all ease 0.4s;
}

.medical-studies:hover .medical-studies-read-but
{
	color:#FFF; transition:all ease 0.4s;
}


.management-studies
{
	width:368px;  position: relative; display:inline-block; background:#FFF; border:1px solid #8c674a; padding-top:30px; padding-bottom:45px; padding-left:26px;
	padding-right:26px; box-sizing:border-box; transition:all ease 0.4s;
}

.management-studies-head
{
	font-size:24px; font-weight:600; color:#8c674a; text-align:center; padding-top:5px; transition:all ease 0.4s;
}

.management-studies-line
{
	width:43%; height:3px; display:block; margin:0px auto; background:#8c674a; transition:all ease 0.4s;
}

.management-studies-cont
{
	font-size:13px; font-weight:400; color:#666; text-align:center; padding-bottom:17px; padding-top:42px; line-height:24px; transition:all ease 0.4s;
}

.management-studies-read-but
{
	font-size:16px; font-weight:600; color:#8c674a; text-align:center; display:block; transition:all ease 0.4s;
}

.management-studies:hover
{
	background:#8c674a; transition:all ease 0.4s;
}

.management-studies:hover .management-studies-head
{
	color:#FFF; transition:all ease 0.4s;
}

.management-studies:hover .management-studies-line
{
	 background:#FFF; transition:all ease 0.4s;
}

.management-studies:hover .management-studies-cont
{
	color:#FFF; transition:all ease 0.4s;
}

.management-studies:hover .management-studies-read-but
{
	color:#FFF; transition:all ease 0.4s;
}

.welcome-section
{
	width:100%; background:#f7f6f7;
}

.welcome-container
{
	width:100%; position:relative; display:inline-block;
}

.welcome-pic
{
	width:405px; height:398px; float:left; position:relative; display:block; margin-top: 42px;
}

.welcome-pic img
{
	width:100%; height:100%;
}

.welcome-contant-main
{
	width:699px; position:relative; display:inline-block; padding-top:50px; padding-bottom:57px; float:right;
}

.welcome-contant-main h2
{ color:#333; font-size:30px; font-weight:600;}

.welcome-contant-main label
{ color:#333; font-size:16px; font-weight:400;}

.welcome-contant-main p
{ color:#666; font-size:13px; font-weight:400; line-height:24px; padding-top:44px;}

.welcome-read-but
{
	font-size:16px; font-weight:600; color:#1d4a71; display:block; transition:all ease 0.4s; padding-top:37px;
}

.admission-placement
{
	width:100%; position:relative; display:inline-block; padding:68px 54px; box-sizing:border-box;
}

.admission-placement h2
{
	color:#333; font-size:30px; font-weight:600; text-align:center;
}

.admi-place-main
{
	width:100%; position:relative; display:inline-block; padding-top:63px;
}

.lab-tech-main
{
	width:206px;
	background:#FFF;
	border:1px solid #2c5b89;
	height:65px;
	padding:15px 15px;
	box-sizing:border-box;
	float:left;
	margin-right:13px;
	color:#000;
	font-weight:600;
	font-size:20px;
	text-align:center;
	margin-bottom:14px;
}

.lab-tech-main1
{
	margin-right:0;
}

.footer
{
	width:100%;
	background:#f5a88d;
}

.foo-container
{
	width:100%;
	position:relative;
	padding:42px 0;
	display:inline-block;
}

.foo-links
{
	width:292px;
	float:left;
	position:relative;
	display:inline-block;
}

.foo-links h3
{
	color:#000000;
	font-size:20px;
	font-weight:400;
}

.foo-links ul
{
	display:block;
	margin-top:24px;
}

.foo-links li
{
	line-height:25px;
	list-style:none;
}

.foo-links a
{
	font-size:11px;
	color:#000000;
	display:block;
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
}

.foo-abt-main
{
	width:650px;
	position:relative;
	display:inline-block;
	float:left;
	margin-right:50px;
    top: 0px;
    left: 0px;
}

.foo-abt-main h3
{
	color:#000000;
	font-size:20px;
	font-weight:400;
	padding-bottom:27px;
}

.foo-abt-main p
{
	color:#f5a88d;
	font-size:13px;
	font-weight:400;
	line-height:24px;
}

.foo-social
{
	width:162px;
	float:left;
	position:relative;
	display:inline-block;
}

.foo-social h3
{
	color:#000000;
	font-size:20px;
	font-weight:400;
}

.foo-social ul
{
	display:block;
	margin-top:24px;
}

.foo-social li
{
	line-height:25px;
	list-style:none;
}

.foo-social a
{
	font-size:11px;
	color:#000000;
	display:block;
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
}

.foo-bottom-line
{
	width:100%;
	height:1px;
	background:#FFF;
	margin-top:20px;
}

.copy-right
{
	font-size:13px;
	color:#000;
	text-align:center;
	font-weight:400;
    padding:15px 15px;
	/*text-transform:uppercase;*/
	display:block;
	padding-top:20px;
}


/*==============================================================ABOUT-US-PAGE-STYLE============================================================*/

.inner-container
{
	width:100%;
	position:relative;
	display:inline-block;
	padding:61px 0;
}

.inner-container h2
{
	font-size:30px;
	color:#000000;
	font-weight:400;
	text-align:center;
	padding-bottom:26px;
}

.inner-head-line
{
	width:30%;
	height:1px;
	background:#cccccc;
	display:block;
	margin:0px auto;
}

.about-container
{
	width:100%;
	position:relative;
	display:inline-block;
	padding:70px 88px;
	box-sizing:border-box;
}

.about-cotant-main
{
	width:100%;
	background:#f7f6f7;
	position:relative;
	display:inline-block;
	padding:43px 43px;
	box-sizing:border-box;
}

.about-cotant-main p
{
	font-size:13px;
	color:#795030;
	line-height:24px;
	font-weight:400;
}

.about-cotant-main ul
{
	display:block;
	margin-bottom:10px;
}

.about-cotant-main li
{
	font-size:16px;
	color:#666;
	font-weight:400;
	line-height:35px;
}

.about-cotant-main i
{
	color:#000;
	font-size:20px; 
	padding-right:10px;
	font-weight:bold;
}

/*==================================================================ABOUT-US-PAGE-STYLE-END===================================*/

/*===========================================================GALLERY-PAGE-STYLE====================================================*/

.gallery-container
{
	width:100%;
	padding:35px 0px;
	position:relative;
	box-sizing:border-box;
}

.gallery-main
{
	width:277px;
	height:223px;
	float:left;
	display:block;
	position:relative;
	margin-right:8px;
	margin-top:10px;
}

.gallery-main img
{
	width:100%;
	height:100%;
	float:left;
	display:block;
	position:relative;
}



/*===========================================================GALLERY-PAGE-STYLE-END====================================================*/




.contact-form-bg
{ width:100%; position:relative; display:inline-block; background:#FFF; padding:33px 33px; box-sizing:border-box; float:left;}

.contact-form-bg h2
{ font-size:30px; font-weight:600; color:#48555e;}

.contact-form-main
{ width:100%; position:relative; display:block; margin-top:30px;}

.contact-form
{ width:100%; position:relative; display:block;}

.contact-box
{ width:100%; background:#FFF; border:1px solid #dadddf; height:42px; color:#48555e; font-size:13px; font-weight:400; padding-left:10px; box-sizing:border-box; margin-bottom:8px;}

.contact-box2
{ width:100%; background:#FFF; border:1px solid #dadddf; height:42px; color:#48555e; font-size:13px; font-weight:400; padding-left:10px; box-sizing:border-box; margin-bottom:8px;
padding-top:10px;}

.contact-box1
{ width:100%; background:#FFF; border:1px solid #dadddf; height:92px; color:#48555e; font-size:13px; font-weight:400; padding-left:10px; box-sizing:border-box; margin-bottom:8px;}

.contact-button
{ width:100%; position:relative; display:block; background:#bb82de; color:#FFF; text-align:center; text-transform:uppercase; font-size:16px; font-weight:600; border:none; 
margin-top:10px; padding:10px 0;}

.data-field1
{
	width:100%;
	border-top:1px solid #e5e5e5;
	padding:12px 0;
}

.data-field-left
{
	width:50%;
	float:left;
	padding-top: 7px;
}

.data-field-left p
{
	font-size:13px;
	color:#333;
	font-weight:400;
	line-height:18px;
}

.data-field-right
{
	width:46%;
	float:left;
}

.contact-info-container
{ width:50%; float:left; position:relative; display:inline-block; padding-left:46px; padding-top:41px; box-sizing:border-box;}

.contact-info-container h2
{ font-size:30px; color:#48555e; font-weight:600; padding-bottom:29px;}

.contact-info-container h4
{ font-size:18px; color:#48555e; font-weight:600; text-transform:uppercase;}

.contact-info-container p
{ font-size:13px; color:#48555e; font-weight:600;}

.c-main
{
	width:100%;
}

.map
{
	width:434px; position:relative; float:left; margin-top:25px;
}

.regi-bottom-line
{
	width:100%;
	height:1px;
	background:#CCC;
	position:relative;
	display:block;
	margin:10px 0;
}

.regi-bott-cont
{
	font-size:13px;
	color:#666;
	line-height:24px;
	font-weight:400;
}

.regi-bott-hdng
{
	font:24px;
	text-align:center;
	display:block;
	color:#333;
	padding-bottom:8px;
}

.quick {
    position: fixed;
    bottom: 5%;
    right: 18px;
    z-index: 999999;
    background: #ff0000;
    color: #fff;
    border-radius: 3px;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    -webkit-transition: color 1s ease-out;
    -moz-transition: color 1s ease-out;
    -o-transition: color 1s ease-out;
    transition: color 1s ease-out;
    font-size: 16px;
    padding: 12px 25px;
	box-sizing:border-box;
	
} 


	


@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.08); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

.pulse {
	animation-name: pulse_animation;
	animation-duration: 5000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}









/*==========================RESPONSIVE-STYLE======================*/

@media (min-width:1200px) {
.container {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0px auto;
	
	}
	
.nav-toggle
{
	display:none;
}



}


@media (min-width: 960px) and (max-width:1199px){
	.container {
	width: 100%;
	max-width: 920px;
	position: relative;
	margin: 0px auto;
	}
	.top-nav {
		display: none;
		}
		
.top-location
{
	width:49%;
}

.top-ph
{
	width:32%;
}

.coming-interview
{
	width: 268px;
}

.medical-studies
{
	width: 268px;
}

.management-studies
{
	width: 268px;
}

.welcome-pic
{
	width: 291px;
    height: 287px;
}

.welcome-contant-main
{
	width: 594px;
}

.lab-tech-main
{
	width: 151px;
	padding: 23px 15px;
	font-size: 15px;
}

.foo-links
{
	width: 221px;
}
		
		
}


@media (min-width: 768px) and (max-width:959px){
.container {
	width: 100%;
	max-width: 728px;
	position: relative;
	margin: 0px auto;
	}
	.top-nav {
		display: none;
		}
		
.top-location
{
	width:57%;
}

.top-ph
{
	width:39%;
}

.coming-interview
{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
}

.medical-studies
{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
}

.management-studies
{
	float:none;
	display:block;
	margin:0px auto;
}

.welcome-pic
{
	float:none;
	display:block;
	margin:0px auto;
}

.lab-tech-main
{
	width:100%;
	float:none;
}

.foo-links
{
	width: 161px;
}

.foo-abt-main
{
	width: 309px;
	margin-right: 85px;
}

.about-container
{
	padding: 70px 41px;
}

.gallery-main
{
	width: 353px;
    height: 267px;
}
		
		
}


@media (min-width: 640px) and (max-width:767px){
	.container {
	width: 100%;
	max-width: 600px;
	position: relative;
	margin: 0px auto;
	}
	.top-nav {
		display: none;
		}
		
.top-location
{
	width: 70%;
	float:none;
	display:block;
	margin:0px auto;
}

.top-ph
{
	width:48%;
	float:none;
	display:block;
	margin:0px auto;
}

.coming-interview
{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
}

.medical-studies
{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
}

.management-studies
{
	float:none;
	display:block;
	margin:0px auto;
}

.welcome-pic
{
	float:none;
	display:block;
	margin:0px auto;
}

.welcome-contant-main
{
	width:100%;
}

.lab-tech-main
{
	width:100%;
	float:none;
}

.foo-links
{
	width: 124px;
}

.foo-abt-main
{
	width: 247px;
	margin-right: 69px;
}

.foo-social
{
	width: 156px;
}

.about-container
{
	padding: 70px 27px;
}

.gallery-main
{
	margin-right:22px;
}

.about-cotant-main li
{
	display:flex;
}

.about-cotant-main i
{
	padding-top: 6px;
}

		
		
}

@media (min-width: 480px) and (max-width:639px){
	.container {
	width: 100%;
	max-width: 440px;
	position: relative;
	margin: 0px auto;
	}
	.top-nav {
		display: none;
		}
		
.top-location
{
	width: 93%;
	float:none;
	display:block;
	margin:0px auto;
}

.top-ph
{
	width:64%;
	float:none;
	display:block;
	margin:0px auto;
}

.coming-interview
{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
}

.medical-studies
{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
}

.management-studies
{
	float:none;
	display:block;
	margin:0px auto;
}

.welcome-pic
{
	float:none;
	display:block;
	margin:0px auto;
}

.welcome-contant-main
{
	width:100%;
}

.lab-tech-main
{
	width:100%;
	float:none;
}

.foo-links
{
	float:none;
	display:block;
	margin:0px auto;
	width: 100px;
	text-align:center;
}

.foo-abt-main
{
	float:none;
	display:block;
	margin:0px auto;
	text-align:center;
	margin-top:35px;
}

.foo-social
{
	display:block;
	margin:0px auto;
	float:none;
	text-align:center;
	margin-top:35px;
}

.about-container
{
	padding: 70px 20px;
}

.gallery-main
{
	width:100%;
	height:312px;
}

.about-cotant-main li
{
	display:flex;
}

.about-cotant-main i
{
	padding-top: 6px;
}




		
}


@media (min-width: 320px) and (max-width:479px){
	.container {
	width: 100%;
	max-width: 280px;
	position: relative;
	margin: 0px auto;
	}
	.top-nav {
		display: none;
		}
		
.logo
{
	width: 80%;
	margin-top: 27px;
}
		
.top-location
{
	width: 100%;
	float:none;
	display:block;
	margin:0px auto;
	text-align:center;
	font-size:11px;
}

.top-ph
{
	width:86%;
	float:none;
	display:block;
	margin:0px auto;
	font-size:11px;
}

.coming-interview
{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
	width:100%;
}

.coming-interview-head
{
	font-size:16px;
}

.coming-interview-cont
{
	font-size:11px;
}

.coming-interview-read-but
{
	font-size:13px;
}

.medical-studies
{
	float:none;
	display:block;
	margin:0px auto;
	margin-bottom:25px;
	width:100%;
}

.medical-studies-head
{
	font-size:16px;
}

.medical-studies-cont
{
	font-size:11px;
}

.medical-studies-read-but
{
	font-size:13px;
}

.management-studies
{
	float:none;
	display:block;
	margin:0px auto;
	width:100%;
}

.management-studies-head
{
	font-size:16px;
}

.management-studies-cont
{
	font-size:11px;
}

.management-studies-read-but
{
	font-size:13px;
}

.welcome-pic
{
	float:none;
	display:block;
	margin:0px auto;
	width:100%;
	height:100%;
}

.welcome-contant-main
{
	width:100%;
}

.welcome-contant-main h2
{
	font-size:24px;
}

.welcome-contant-main label
{
	font-size:13px;
}

.welcome-contant-main p
{
	font-size:11px;
}

.welcome-read-but
{
	font-size:14px;
}

.admission-placement h2
{
	font-size:24px;
}

.lab-tech-main
{
	width:100%;
	float:none;
	font-size:15px;
	padding: 21px 15px;
}

.foo-links
{
	float:none;
	display:block;
	margin:0px auto;
	width: 100px;
	text-align:center;
}

.foo-abt-main
{
	float:none;
	display:block;
	margin:0px auto;
	text-align:center;
	margin-top:35px;
	width:100%;
}

.foo-abt-main p
{
	font-size:11px;
}

.foo-social
{
	display:block;
	margin:0px auto;
	float:none;
	text-align:center;
	margin-top:35px;
}

.about-container
{
	padding: 36px 0px;
}

.inner-container h2
{
	font-size:24px;
}

.about-cotant-main
{
	padding: 20px 20px;
}

.about-cotant-main p
{
	font-size:11px;
	text-align:center;
}

.gallery-main
{
	width:100%;
	height:312px;
}

.about-cotant-main li
{
	display:flex;
	font-size:13px;
}

.about-cotant-main i
{
	padding-top: 6px;
}

.contact-form-bg
{
	padding: 33px 13px;
}

.contact-info-container
{
	width:100%;
	padding-left:0;
	text-align:center;
}


		
		
}







/*================================RESPONSIVE-MENU-STYLE=========================*/


.menu {
  width: 300px;
  height: 100%;
  background: #1f1f1f;
  position: fixed;
  top: 0;
  right: -300px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  z-index: 10;
}

.menu.show-nav {
  -webkit-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  transform: translateX(-300px);
  -webkit-transform: translateX(-300px) tranlateZ(0);
  -ms-transform: translateX(-300px) tranlateZ(0);
  transform: translateX(-300px) tranlateZ(0);
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

.menu ul {
  margin: 0;
  padding: 0;
}

.menu ul li {
  position: relative;
  list-style: none;
  width: 100%;
  margin: 0 auto;
  padding: 15px 10px;
  text-align: center;
  border-top: 1px solid #000000;
  box-shadow: 0 -1px 1px -1px #746559;
}

.menu ul li:first-child {
  margin-top: 20px;
  border: 0;
  box-shadow: none;
}

.menu ul li a {
  position: relative;
  font-weight: 300;
  padding: 8px 10px;
  color: rgba(255, 255, 255, 0.7);
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-family: 'Open Sans', sans-serif;
}

.menu ul li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
 background: rgba(174,122,229,1); background: -moz-linear-gradient(left, rgba(174,122,229,1) 0%, rgba(225,153,202,1) 100%); 
 background: -webkit-gradient(left top, right top, color-stop(0%, rgba(174,122,229,1)), color-stop(100%, rgba(225,153,202,1))); 
 background: -webkit-linear-gradient(left, rgba(174,122,229,1) 0%, rgba(225,153,202,1) 100%); background: -o-linear-gradient(left, rgba(174,122,229,1) 0%, rgba(225,153,202,1) 100%); 
 background: -ms-linear-gradient(left, rgba(174,122,229,1) 0%, rgba(225,153,202,1) 100%); background: linear-gradient(to right, rgba(174,122,229,1) 0%, rgba(225,153,202,1) 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7ae5', endColorstr='#e199ca', GradientType=1 );
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
}

.no-touch .menu ul li a:hover:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}

.menu p {
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 86%;
  left: 20px;
  font-size: 0.875em;
  text-align: center;
}

.menu p a {
  color: rgba(243, 139, 0, 0.6);
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu p a:hover {
  color: #f38b00;
  text-decoration: underline;
}

.nav-toggle {
  position: relative;
  top: 39px;
  right: 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transform: translateX(0) translateZ(0);
  transform: translateX(0) translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  transition: all 0.4s cubic-bezier(0.32, 1.25, 0.375, 1.15);
  z-index: 11;
  float:right;
}

.nav-toggle span {
  color: #7469c9;
  padding: 5px;
  font-size: 1.875em;
}

.no-touch .nav-toggle span:hover { color: #ca82b0; }

.nav-toggle span.fa-times { color: #fff; }

.nav-toggle span.fa-times:hover { color: #fff; }

.nav-toggle.show-nav {
  top: 12px;
  right: 27px;
  position:fixed;
}