@media screen and (max-width: 1280px) {}
@media screen and (min-width:1025px) and (max-width: 1280px) {
#containers{
	margin:0px;
	padding:0px;
	width:100%;
	float:left;
	}
.container{
	margin:0 auto 0 auto;
	padding:0px;
	max-width:100%;
	}
#topmain{
	margin:0px;
	padding:0px;
	width:100%;
	height:750px;
	float:left;
	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#260a0a;  
	}
#top{
	margin:0px;
	padding:25px 1% 0px 1%;
	width:98%;
	height:75px;
	float:left;
	background-image:url(../images/topbg.png);
	}
#logo{
	margin:4px 0px 0px 0px;
	padding:0px;
	width:25%;
	height:auto;
	float:left;  
	}
#logocenter{
	margin:8px 0px 0px 0px;
	padding:0px;
	width:62%;
	height:auto;
	float:left;
	text-align:right;  
	}
#logoright{
	margin:5px 0px 0px 0px;
	padding:0px;
	width:13%;
	height:auto;
	float:left;
	text-align:right;  
	}
#barmenu{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
	
/**********Menu CSS***************/

nav { width: 100%; }

.nav_wrapper {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  transition: top .5s ease-out;
  background:none;
}
 
.btn {
  padding: 10px 1%;
  margin: 5px;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 0.1s ease;
}

.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.menu {
  width:100%;
  height: auto;
  background:none;
  transition: all 0.3s ease;
  margin:0px 0px 0px 0%;
  padding:0px; 
}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
  transition: all 0.5s ease;
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 0px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
  transition: all 0.5s ease;
  }

.menu ul li { padding: 0px;
transition: all 0.5s ease;
 }

.menu > ul > li { display: inline-block; 
transition: all 0.5s ease;
margin: 0px 0px 0px -4px;
}

.menu ul li a {
  display: block;
  text-decoration: none;
  transition: all 0.5s ease;
  font-family:'Oswald-Light';
  font-size:18px;
  color:#afafaf;
  text-decoration:none;
  letter-spacing:2px;
  font-weight:normal; 
  text-transform:uppercase; 
}

.menu ul li a:hover {
  background:none;
  color: #6daaff;
  padding: 6px 20px 10px 20px
}

.menu ul li.hover > a { 
  color: #6daaff; 
}
#selected{ 
  color: #6daaff; 
}

.menu ul li > a { padding: 6px 20px 10px 20px; 
transition: all 0.5s ease;
} 
/***********end Menu css*************/
#findsingaltop{
	margin:80px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center; 
	}
#findsingalbot{
	margin:20px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#findsingalm{
	margin:0 auto;
	padding:2%;
	width:40%;
	height:218px;
	background-image:url(../images/frombg.png);
	border-radius:5px;
	font-family:'Lato-Regular';
	font-size:13px;
  	color:#dedede;
 	text-decoration:none; 
	}
#middle{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:435px;
	float:left;
	background-image:url(../images/middelbg.png);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#003679; 
	}
#middletop{
	margin:60px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#middletop ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#middletop ul li{
	margin:0px;
	padding:0px;
	width:20%;
	height:auto;
	float:left;
	list-style-type:none;
	text-align:center;
	}
#middlebot{
	margin:45px 0px 0px 0px;
	padding:30px 0px 40px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/line.png); 
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	}
#member{
	margin:0px 0px 0px 0px;
	padding:60px 0px 40px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/mbg.jpg); 
	background-repeat: repeat-x;
	background-position:top center;
	text-align:center;
	}
#memberm{
	margin:0 auto;
	padding:0px;
	width:75%;
	height:auto;  
	}
#memberm ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#memberm ul li{
	margin:0px;
	padding:0px;
	width:33%;
	height:auto;
	float:left;
	list-style-type:none;
	text-align:center; 
	}
#mem{
	margin:0 auto;
	padding:0px;
	width:218px;
	height:218px;  
	}
#mem img{ 
	width:100%;
	height:auto;
	border-radius:200px; 
	}
#membot{
	margin:0 auto;
	padding:15px 0px 30px 0px;
	width:50%;
	height:auto; 
	text-align:center; 
	font-family:'Lato-Regular';
	font-size:14px;
  	color:#282828;
 	text-decoration:none;
	}
#join{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	} 
#joining{
	margin:0 auto;
	padding:25px 0px 20px 0px;
	width:70%;
	height:auto; 
	text-align:center; 
	font-family:'GothamBoldGothamBold';
	font-size:30px;
  	color:#282828;
 	text-decoration:none;
	border-top:#bebebe 1px solid;
	border-bottom:#bebebe 1px solid;
	letter-spacing:-1px;
	text-transform:uppercase;
	}
#foter{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	} 
#fotertop{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#social{
	margin:0 auto;
	padding:0px;
	width:280px;
	height:auto; 
	}  
#social ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#social ul li{
	margin:0px;
	padding:0px;
	width:25%;
	height:auto;
	float:left;
	list-style-type:none; 
	}  
#foterbot{
	margin:10px 0px 60px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	} 
}
@media screen and (max-width: 1024px) {
#containers{
	margin:0px;
	padding:0px;
	width:100%;
	float:left;
	}
.container{
	margin:0 auto 0 auto;
	padding:0px;
	max-width:100%;
	}
#topmain{
	margin:0px;
	padding:0px;
	width:100%;
	height:750px;
	float:left;
	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#260a0a;  
	}
#top{
	margin:0px;
	padding:25px 1% 0px 1%;
	width:98%;
	height:75px;
	float:left;
	background-image:url(../images/topbg.png);
	}
#logo{
	margin:4px 0px 0px 0px;
	padding:0px;
	width:25%;
	height:auto;
	float:left;  
	}
#logocenter{
	margin:8px 0px 0px 0px;
	padding:0px;
	width:57%;
	height:auto;
	float:left;
	text-align:right;  
	}
#logoright{
	margin:5px 0px 0px 0px;
	padding:0px;
	width:18%;
	height:auto;
	float:left;
	text-align:right;  
	}
#barmenu{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
	
/**********Menu CSS***************/

nav { width: 100%; }

.nav_wrapper {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  transition: top .5s ease-out;
  background:none;
}
 
.btn {
  padding: 10px 1%;
  margin: 5px;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 0.1s ease;
}

.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.menu {
  width:100%;
  height: auto;
  background:none;
  transition: all 0.3s ease;
  margin:0px 0px 0px 0%;
  padding:0px; 
}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
  transition: all 0.5s ease;
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 0px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
  transition: all 0.5s ease;
  }

.menu ul li { padding: 0px;
transition: all 0.5s ease;
 }

.menu > ul > li { display: inline-block; 
transition: all 0.5s ease;
margin: 0px 0px 0px -4px;
}

.menu ul li a {
  display: block;
  text-decoration: none;
  transition: all 0.5s ease;
  font-family:'Oswald-Light';
  font-size:18px;
  color:#afafaf;
  text-decoration:none;
  letter-spacing:2px;
  font-weight:normal; 
  text-transform:uppercase; 
}

.menu ul li a:hover {
  background:none;
  color: #6daaff;
  padding: 6px 20px 10px 20px
}

.menu ul li.hover > a { 
  color: #6daaff; 
}
#selected{ 
  color: #6daaff; 
}

.menu ul li > a { padding: 6px 20px 10px 20px; 
transition: all 0.5s ease;
} 
/***********end Menu css*************/
#findsingaltop{
	margin:80px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center; 
	}
#findsingalbot{
	margin:20px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#findsingalm{
	margin:0 auto;
	padding:2%;
	width:50%;
	height:218px;
	background-image:url(../images/frombg.png);
	border-radius:5px;
	font-family:'Lato-Regular';
	font-size:13px;
  	color:#dedede;
 	text-decoration:none; 
	}
#middle{
	margin:0px 0px 0px 0px;
	padding:0px 2% 0px 2%;
	width:96%;
	height:435px;
	float:left;
	background-image:url(../images/middelbg.png);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#003679; 
	}
#middletop{
	margin:60px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#middletop ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#middletop ul li{
	margin:0px;
	padding:0px;
	width:20%;
	height:auto;
	float:left;
	list-style-type:none;
	text-align:center;
	}
#middlebot{
	margin:45px 0px 0px 0px;
	padding:30px 0px 40px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/line.png); 
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	}
#member{
	margin:0px 0px 0px 0px;
	padding:60px 0px 40px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/mbg.jpg); 
	background-repeat: repeat-x;
	background-position:top center;
	text-align:center;
	}
#memberm{
	margin:0 auto;
	padding:0px;
	width:100%;
	height:auto;  
	}
#memberm ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#memberm ul li{
	margin:0px;
	padding:0px;
	width:33%;
	height:auto;
	float:left;
	list-style-type:none;
	text-align:center; 
	}
#mem{
	margin:0 auto;
	padding:0px;
	width:218px;
	height:218px;  
	}
#mem img{ 
	width:100%;
	height:auto;
	border-radius:200px; 
	}
#membot{
	margin:0 auto;
	padding:15px 0px 30px 0px;
	width:50%;
	height:auto; 
	text-align:center; 
	font-family:'Lato-Regular';
	font-size:14px;
  	color:#282828;
 	text-decoration:none;
	}
#join{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	} 
#joining{
	margin:0 auto;
	padding:25px 0px 20px 0px;
	width:70%;
	height:auto; 
	text-align:center; 
	font-family:'GothamBoldGothamBold';
	font-size:30px;
  	color:#282828;
 	text-decoration:none;
	border-top:#bebebe 1px solid;
	border-bottom:#bebebe 1px solid;
	letter-spacing:-1px;
	text-transform:uppercase;
	}
#foter{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	} 
#fotertop{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#social{
	margin:0 auto;
	padding:0px;
	width:280px;
	height:auto; 
	}  
#social ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#social ul li{
	margin:0px;
	padding:0px;
	width:25%;
	height:auto;
	float:left;
	list-style-type:none; 
	}  
#foterbot{
	margin:10px 0px 60px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	} 
 }
@media screen and (max-width: 767px) {
 #containers{
	margin:0px;
	padding:0px;
	width:100%;
	float:left; 
	}
.container{
	margin:0 auto 0 auto;
	padding:0px;
	max-width:100%;
	}
#topmain{
	margin:0px;
	padding:0px 0px 50px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;  
	}
#top{
	margin:0px;
	padding:25px 0% 0px 0%;
	width:100%;
	height:75px;
	float:left;
	background-image:url(../images/topbg.png);
	}
#logo{
	margin:6px 0px 0px 30%;
	padding:0px;
	width:30%;
	height:auto;
	float:left;
	text-align:center;
	position:absolute;
	z-index:999;  
	}
#logocenter{
	margin:5px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	position:absolute;  
	}
#logoright{
	margin:5px 0px 0px 72%;
	padding:0px;
	width:25%;
	height:auto;
	float:left;
	text-align:right;
	position:absolute;  
	}
#barmenu{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
	
		
/**********Menu CSS***************/
.example-header .container { width: 100%; }

.spinner-master * {
  transition: all 0.3s;
  box-sizing: border-box;
}

.spinner-master {
  position: relative;
  margin: 11px 12px 6px 18px;
  height: 25px;
  width: 30px;
  float: left;
}

.spinner-master label {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0;
}

.spinner-master .spinner {
  position: absolute;
  height: 4px;
  width: 100%;
  padding: 0;
  background-color: #fff;
}

.spinner-master .diagonal.part-1 {
  position: relative;
  float: left;
}

.spinner-master .horizontal {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master .diagonal.part-2 {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: 10px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: -12px;
}

a.menu-link {
  display: block;
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 1.5em;
  
}

a.menu-link:hover { color: #fff; }

a.menu-link:after {
  content: "\2630";
  font-weight: normal;
}

a.menu-link.active:after { content: "\2715"; 
}

.menu {
  clear: both;
  min-width: inherit;
  float: none;
}

.menu,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color:none;  
	background-color:#1a0202; 

}

.menu > li > ul.sub-menu {
  padding: 0px; 

}

.menu.active,
.menu > ul ul.active { max-height: 155em;

 }

.menu ul { display: inline;
 }

.menu li,
.menu > ul > li { display: block;
	padding:0px;  

}

.menu > ul > li:last-of-type a { border: none;
 }

.menu li a {
  color: #fff;
  display: block;
  padding: 0.8em;
  position: relative;
  border-right:none;
  line-height:35px;
  border-bottom:#2a0707 1px solid;
  text-align:left;
 
}

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;
  padding: 0.55em 0.5em;
 
  }

.menu li.has-submenu > a.active:after { content: "-"; }

.menu ul ul > li a {
  background-color: #fff;
  padding:0px; 
       
   
}

.menu ul li a:hover {
  background:none;
  color: #6daaff;
}

.menu ul li.hover > a {
  background-image:none; 
  color: #6daaff; 
}
.selected{
  background-image:none; 
  color: #6daaff; 
}

.menu ul ul,
.menu ul ul ul {
  display: inherit;
  position: relative;
  left: auto;
  top: auto;
  border: none;
  padding:0px; 
}

/***********end Menu css*************/ 	

#findsingaltop{
	margin:60px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center; 
	}
#findsingalbot{
	margin:20px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#findsingalm{
	margin:0 auto;
	padding:2%;
	width:70%;
	height:218px;
	background-image:url(../images/frombg.png);
	border-radius:5px;
	font-family:'Lato-Regular';
	font-size:13px;
  	color:#dedede;
 	text-decoration:none; 
	}
#middle{
	margin:0px 0px 0px 0px;
	padding:0px 2% 20px 2%;
	width:96%;
	height:auto;
	float:left;
	background-image:url(../images/middelbg.png);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#003679; 
	}
#middletop{
	margin:60px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#middletop ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#middletop ul li{
	margin:0px;
	padding:0px;
	width:20%;
	height:auto;
	float:left;
	list-style-type:none;
	text-align:center;
	}
#middlebot{
	margin:45px 0px 0px 0px;
	padding:30px 0px 40px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/line.png); 
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	}
#member{
	margin:0px 0px 0px 0px;
	padding:40px 0px 40px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/mbg.jpg); 
	background-repeat: repeat-x;
	background-position:top center;
	text-align:center;
	}
#memberm{
	margin:0 auto;
	padding:0px;
	width:100%;
	height:auto;  
	}
#memberm ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#memberm ul li{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	list-style-type:none;
	text-align:center; 
	}
#mem{
	margin:0 auto;
	padding:0px;
	width:218px;
	height:218px;  
	}
 #mem img{ 
	width:100%;
	height:auto;
	border-radius:200px; 
	}
#membot{
	margin:0 auto;
	padding:15px 0px 30px 0px;
	width:50%;
	height:auto; 
	text-align:center; 
	font-family:'Lato-Regular';
	font-size:14px;
  	color:#282828;
 	text-decoration:none;
	}
#join{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	} 
#joining{
	margin:0 auto;
	padding:25px 0px 20px 0px;
	width:95%;
	height:auto; 
	text-align:center; 
	font-family:'GothamBoldGothamBold';
	font-size:30px;
  	color:#282828;
 	text-decoration:none;
	border-top:#bebebe 1px solid;
	border-bottom:#bebebe 1px solid;
	letter-spacing:-1px;
	text-transform:uppercase;
	}
#foter{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	} 
#fotertop{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#social{
	margin:0 auto;
	padding:0px;
	width:280px;
	height:auto; 
	}  
#social ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#social ul li{
	margin:0px;
	padding:0px;
	width:25%;
	height:auto;
	float:left;
	list-style-type:none; 
	}  
#foterbot{
	margin:10px 0px 60px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	} 
}
@media screen and (max-width: 519px) {
#containers{
	margin:0px;
	padding:0px;
	width:100%;
	float:left;  
	}
.container{
	margin:0 auto 0 auto;
	padding:0px;
	max-width:100%;
 	}
#topmain{
	margin:0px;
	padding:0px 0px 50px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:right top;  
	}
#top{
	margin:0px;
	padding:25px 0% 75px 0%;
	width:100%;
	height:auto;
	float:left;
	background-image:url(../images/topbg.png);
	}
#logo{
	margin:6px 0px 0px 0%;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	position:static;
	z-index:999;  
	}
#logocenter{
	margin:70px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	position:absolute;  
	}
#logoright{
	margin:70px 0px 0px 59%;
	padding:0px;
	width:25%;
	height:auto;
	float:left;
	text-align:right;
	position:absolute;  
	}
#barmenu{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
	
		
/**********Menu CSS***************/
.example-header .container { width: 100%; }

.spinner-master * {
  transition: all 0.3s;
  box-sizing: border-box;
}

.spinner-master {
  position: relative;
  margin: 11px 12px 6px 18px;
  height: 25px;
  width: 30px;
  float: left;
}

.spinner-master label {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0;
}

.spinner-master .spinner {
  position: absolute;
  height: 4px;
  width: 100%;
  padding: 0;
  background-color: #fff;
}

.spinner-master .diagonal.part-1 {
  position: relative;
  float: left;
}

.spinner-master .horizontal {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master .diagonal.part-2 {
  position: relative;
  float: left;
  margin-top: 4px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-top: 10px;
}

.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: -12px;
}

a.menu-link {
  display: block;
  color: #fff;
  float: left;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 1.5em;
  
}

a.menu-link:hover { color: #fff; }

a.menu-link:after {
  content: "\2630";
  font-weight: normal;
}

a.menu-link.active:after { content: "\2715"; 
}

.menu {
  clear: both;
  min-width: inherit;
  float: none;
}

.menu,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color:none;  
	background-color:#1a0202; 

}

.menu > li > ul.sub-menu {
  padding: 0px; 

}

.menu.active,
.menu > ul ul.active { max-height: 155em;

 }

.menu ul { display: inline;
 }

.menu li,
.menu > ul > li { display: block;
	padding:0px;  

}

.menu > ul > li:last-of-type a { border: none;
 }

.menu li a {
  color: #fff;
  display: block;
  padding: 0.8em;
  position: relative;
  border-right:none;
  line-height:35px;
  border-bottom:#2a0707 1px solid;
  text-align:left;
 
}

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;
  padding: 0.55em 0.5em;
 
  }

.menu li.has-submenu > a.active:after { content: "-"; }

.menu ul ul > li a {
  background-color: #fff;
  padding:0px; 
       
   
}

.menu ul li a:hover {
  background:none;
  color: #6daaff;
}

.menu ul li.hover > a {
  background-image:none; 
  color: #6daaff; 
}
.selected{
  background-image:none; 
  color: #6daaff; 
}

.menu ul ul,
.menu ul ul ul {
  display: inherit;
  position: relative;
  left: auto;
  top: auto;
  border: none;
  padding:0px; 
}

/***********end Menu css*************/ 	

#findsingaltop{
	margin:40px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center; 
	}
#findsingalbot{
	margin:20px 0px 0px 0px;
	padding:0px 2% 0px 2%;
	width:96%;
	height:auto;
	float:left; 
	}
#findsingalm{
	margin:0 auto;
	padding:2%;
	width:96%;
	height:218px;
	background-image:url(../images/frombg.png);
	border-radius:5px;
	font-family:'Lato-Regular';
	font-size:13px;
  	color:#dedede;
 	text-decoration:none; 
	}
.heading{
	font-family:'GothamBoldGothamBold';
	font-size:45px;
  	color:#fff;
 	text-decoration:none;
	letter-spacing:-4px;
	line-height:45px;
	text-transform:uppercase;
  }
h1{
 	margin:0px;
	padding:0px;
	font-size:45px;
	font-weight:normal;
	}
.whitetext{
	font-family:'MuseoSlab300';
	font-size:30px;
  	color:#fff;
 	text-decoration:none;
	letter-spacing:-3px;
	padding:0px 0px 5px 0px;
	line-height:30px; 
  }
.whitetext1{
	font-family:'Oswald-Light';
	font-size:20px;
  	color:#dedede;
 	text-decoration:none;
	letter-spacing:1px; 
  }
#middle{
	margin:0px 0px 0px 0px;
	padding:0px 2% 20px 2%;
	width:96%;
	height:auto;
	float:left;
	background-image:url(../images/middelbg.png);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#003679; 
	}
#middletop{
	margin:60px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#middletop ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#middletop ul li{
	margin:0px;
	padding:0px 0px 30px 0px;
	width:50%;
	height:auto;
	float:left;
	list-style-type:none;
	text-align:center;
	}
#middlebot{
	margin:15px 0px 0px 0px;
	padding:30px 0px 20px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/line.png); 
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	}
#member{
	margin:0px 0px 0px 0px;
	padding:40px 0px 40px 0px;
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/mbg.jpg); 
	background-repeat: repeat-x;
	background-position:top center;
	text-align:center;
	}
#memberm{
	margin:0 auto;
	padding:0px;
	width:100%;
	height:auto;  
	}
#memberm ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#memberm ul li{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	list-style-type:none;
	text-align:center; 
	}
#mem{
	margin:0 auto;
	padding:0px;
	width:218px;
	height:218px;  
	}
 #mem img{ 
	width:100%;
	height:auto;
	border-radius:200px; 
	}
#membot{
	margin:0 auto;
	padding:15px 0px 30px 0px;
	width:100%;
	height:auto; 
	text-align:center; 
	font-family:'Lato-Regular';
	font-size:14px;
  	color:#282828;
 	text-decoration:none;
	}
#join{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	} 
#joining{
	margin:0 auto;
	padding:25px 0px 20px 0px;
	width:95%;
	height:auto; 
	text-align:center; 
	font-family:'GothamBoldGothamBold';
	font-size:30px;
  	color:#282828;
 	text-decoration:none;
	border-top:#bebebe 1px solid;
	border-bottom:#bebebe 1px solid;
	letter-spacing:-1px;
	text-transform:uppercase;
	}
#foter{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	} 
#fotertop{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	}
#social{
	margin:0 auto;
	padding:0px;
	width:280px;
	height:auto; 
	}  
#social ul{
	margin:0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left; 
	}
#social ul li{
	margin:0px;
	padding:0px;
	width:25%;
	height:auto;
	float:left;
	list-style-type:none; 
	}  
#foterbot{
	margin:10px 0px 60px 0px;
	padding:0px;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	} 
}