* , body, html {
margin: 0;
padding: 0;
}

body{
	background-color: #135eac;
	height:2200px;

}

.top{
	box-shadow: 0px 5px 10px #000;
	background-color: #082443;
	width: 100%;
	height: 100px;
	position: fixed;
	top: -150px;
	 z-index: 99999999999999999999999999999;

}
.logo{
	top: -150px;
	left: 10px;
	background-image: url(../img/33.png);
	position: relative;
	width: 90px;
	height: 140px;

		}
		
.menu{
	display: none;
	top: 40px;
	position: fixed;
	left: 0;
	border-top: 0;
	z-index: 100;
	width: 100%;
	color: #fff;
	height: 60px;
}

.menu > ul{

	font-size: 20px;
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
}

.menu > ul > li{

	float: right;


}

.menu-item{
	display: inline-block;
	padding: 15px 20px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
 font-family: Arial;
} 
.menu-item-select{
	display: inline-block;
	padding: 15px 20px;
	height: 30px;
	line-height: 30px;
	color: #ff0055;
	text-decoration: none;
 font-family: Arial;
}
.menu-item:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;Blue+Gloss */
background: rgb(206,219,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */


}
.menu-item-select:hover{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;Blue+Gloss */
background: rgb(206,219,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */


}

.sub-contact{
	
	position: absolute;
	top: 60px;
	overflow: hidden;
	background-color: #082443;
	max-height: 0;
	width: 150px;
	right: 197px;
}

.sub-contact a{
	color: #fff;
	text-decoration: none;
}

.sub-drop{
	padding: 0;

}

.sub-drop ul {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;

}

.sub-drop ul li a {
	display: inline-block;
	padding: 5px 20px;
	line-height: 30px;
}

.sub-drop ul li:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cedbe9+0,aac5de+17,6199c7+50,3a84c3+51,419ad6+59,4bb8f0+71,3a8bc2+84,26558b+100;Blue+Gloss */
background: rgb(206,219,233); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(206,219,233,1) 0%, rgba(170,197,222,1) 17%, rgba(97,153,199,1) 50%, rgba(58,132,195,1) 51%, rgba(65,154,214,1) 59%, rgba(75,184,240,1) 71%, rgba(58,139,194,1) 84%, rgba(38,85,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(206,219,233,1) 0%,rgba(170,197,222,1) 17%,rgba(97,153,199,1) 50%,rgba(58,132,195,1) 51%,rgba(65,154,214,1) 59%,rgba(75,184,240,1) 71%,rgba(58,139,194,1) 84%,rgba(38,85,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=0 ); /* IE6-9 */


}

.menu-item:focus {
	background-color: #ff0055;
}

.menu ul li:hover  .sub-drop > ul {

	visibility: visible;
	opacity: 1;
	transition: visibility 0s , opacity 0.3s ease-in;
	 }

.menu ul li:hover  .sub-contact{
	max-height: 400px;
	overflow: visible;
	transition: max-height 0.3s ease-in;
	-webkit-transition: max-height 0.3s ease-in;
	-moz-transition: max-height 0.3s ease-in;
}
.div-img{
	margin-top: 100px;
margin-left: 200px;
	width: 500px;
	height: auto;
}

#sub-menu {
	position: absolute;
	top: 40px;
    background: #082443;
    right: 151px;
    overflow: hidden;
    max-width: 0
}
.sub-drop ul li:hover > #sub-menu {
	max-width: 400px;
	transition: max-width 0.3s ease-in;
	-webkit-transition: max-width 0.3s ease-in;
	-moz-transition: max-width 0.3s ease-in;
}

.sub-drop > ul{
	visibility: hidden;
	opacity: 0;
}
#follow-wrapper {

    position: absolute;
    left: 140px;
    top: -100px;
    width:230px;
}

#follow-wrapper p {
	float:right;
	font-family:'Arial', Gadget, sans-serif;
	font-size: 15px;
	color : #FFF;
}

#follow-wrapper ul {
    float:right;
    list-style: none;    
}

#follow-wrapper ul li {
    display: inline;    
    margin-right:8px;  
}

#follow-wrapper ul li a {
    display: inline-block;
    background-image: url('../img/follow.png');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;   
    border-radius: 4px;
	-webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow:hidden;
 
}
#follow-wrapper ul li a:hover {    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}

#facebook-img{
    background-position: 0px 0px;
}

#twitter-img {
    background-position: 0px -48px;
}

#googleplus-img{
    background-position: 0px -96px;
}

#linkedin-img{
    background-position: 0px -144px;
}

#youtube-img{
    background-position: 0px -192px;
}

#rss-img{
    background-position: 0px -240px;
}

 .cycle-slideshow {


	  margin: 102px auto ;
	  height:423px ;
	  border: 5px  #ccc solid;
	  position:relative;
	  max-width: 1320px;
	  z-index: 99 ;
	
	
	  }

 .cycle-slideshow img{
	 width:100%;
	 height:100% ;
	
	 }
 .cycle-pager {
	  position:absolute;
	  width: 100%;
	  text-align: center;
	  cursor:pointer;
	  z-index: 999;
	  bottom: 20px;
}

 .cycle-pager span {
 	width: 15px;
 	height: 15px;
 	border-radius: 50%;
 	display: inline-block;
 	margin: 0 5px;



 }
  .cycle-pager-active {background-color: #FFF;}
 .cycle-slideshow p.dec{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size: 30px;
	 width:100%;
	 display:inline-block;
	 position:absolute;
	 bottom:0;
	 background-color: #000;
	 color:#FFF;
	 text-align: right;
	 opacity:0.6;
	 padding-top:15px;
	 padding-bottom:15px;
	 	  z-index: 998;
	   
	   
	   }