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

body {
	margin: 0px;
}
b {
	font-weight: bold;
	color: #000000;
}
.sitemap {
	background-color: #CCCCCC;
	float: left;
	height: 260px;
	width: 100%;
}

.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
.cite {
	float: left;
	height: 240px;
	width: 450px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}

.slider {
	height: 150px;
	width: 600px;
	margin-top: 150px;
	margin-right: auto;
	margin-left: auto;
	background-color: #0066FF;
}

address {
	float: left;
	height: 150px;
	width: 500px;
	margin-top: 40px;
}
.social {
	float: left;
	height: 240px;
	width: 200px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
}
.statmnt {
	height: 30px;
	width: 690px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-left: 5px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
}

.banner-info {
    margin-top: 11em;
    text-align: center;
    margin-left: 9em;
}

.hd {
	height: 20px;
	width: 480px;
	margin: 10px;
	text-align: center;
	font-style: normal;
}
.tram {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0099FF;
}
.baar {
	margin: 10px;
	height: 20px;
	width: 480px;
	text-align: center;
}


.rito {
	float: left;
	height: 240px;
	width: 210px;
	margin-right: 15px;
}
.sepu {
	width: 190px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
}
.sepu1 {
	height: 35px;
	width: 90%;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.hiop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #0066FF;
}
t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #666666;
}

.border {
	height: 40px;
	background-color: #FF0033;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}


.nutri {
	height: 40px;
	width: auto;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}
.menu {
	float: left;
	height: 50px;
	width: 50px;
	margin-left: 30px;
	display: none;
	border: thin solid #000000;
}
#guy {
	display: none;
}


tri{
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}

.comdet {
	float: left;
	height: 700px;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.slide {
	float: left;
	height: 550px;
	width: 100%;
}

.deli {
	height: 40px;
	width: auto;
	float: left;
}
.fed {
	height: 40px;
	width: 150px;
	background-color: #333333;
	float: left;
	margin-left: 30px;
}

button {
	height: 50px;
	width: 50px;
}


.ads {
	background-color: #00CCCC;
	height: 400px;
	width: 250px;
	position: fixed;
	left: 30px;
	bottom: 0px;
	display: none;
}
.view {
	float: left;
	height: 150px;
	width: 250px;
	margin-left: 16%;
}
.fitur {
	height: 150px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.sttmnt {
	float: left;
	height: 480px;
	width: 100%;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.logint {
	float: left;
	height: 150px;
	width: 100%;
	margin-bottom: 10px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.tinda {
	height: 150px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	border-radius:50%;
	margin-top: 10px;
	border: medium solid #333333;
}
.deoy {
	height: 25px;
	width: 100%;
	text-align: center;
	margin-top: 5px;
}
.fytr {
	height: 140px;
	width: 100%;
	margin-top: 7px;
	margin-bottom: 7px;
}

.sify {
	float: left;
	height: 400px;
	width: 250px;
	margin-left: 18%;
	margin-top: 40px;
	border: thin solid #003366;
	background-color: #FFFFFF;
}
.dib {
	height: 20px;
	width: auto;
	text-align: center;
}
.git {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-style: italic;
	font-weight: bold;
}

.logo {
	background-color: #000099;
	float: left;
	height: 181px;
	width: 175px;
	position: absolute;
	top: 40px;
	left: 40px;
}
#fri {
	height: 550px;
	width: 100%;
}

.logo1 {
	float: left;
	height: 100px;
	width: 160px;
	margin-top: 10px;
	margin-right: 22px;
	margin-bottom: 10px;
	margin-left: 22px;
	padding: 10px;
}
#doi {
	height: 100px;
	width: 160px;
}

.com {
	float: left;
	height: 150px;
	width: 100%;
	background-color: #616161;
	opacity: .9;
	margin-bottom: 10px;
}
.footer {
	float: left;
	height: 800px;
	width: 100%;
}
a {
	color: #0099FF;
	text-decoration: none;
}

.pibd {
	height: 65px;
	width: 65px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.suti {
	height: 20px;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
.clat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
}
p {
	padding: 10px;
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-align: justify;
	font-style: oblique;
	font-weight: 400;
	line-height: 22px;
}
.adss {
	float: left;
	height: 680px;
	width: 20%;
	margin: 10px;
}
.midee {
	margin: 10px;
	float: left;
	height: 680px;
	width: 55.5%;
}
.souy {
	height: 150px;
	width: 160px;
	float: left;
	margin: 10px;
	border: 0.5px solid #000000;
}
.souy:hover {
	box-shadow: 0 1px 8px 0 rgba(0,0,0,0.72), 0 1px 4px 0 rgba(0,0,0,0.33);
}




.hypy {
	background-color: #FFFF00;
	float: left;
	height: 60px;
	width: 100%;
}
.hiuy {
	height: 100px;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.guiy {
	height: 30px;
	width: 100%;
	margin-top: 5px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #0066CC;
}





#button {
	background-color: #CCCCCC;
	height: 40px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}


ul {
	height: 20px;
	width: 380px;
	margin: 0px;
	padding: 0px;
}
li {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	height: 20px;
}

div {
	display: block;
}
.gip {
	font-size: 18px;
}

.jobt  {
	height: auto;
	width: 98%;
	margin: 10px;
	
}

.sept2 {
	float: left;
	height: 200px;
	width: 25%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 100px;
	color: #FFFFFF;
}

.sep1 {
	float: left;
	height: 310px;
	width: 25%;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #FFFFFF;
}
.cont {
	height: 10px;
	width: 96%;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Arial;
	font-size: 16px;
}

@media (max-width:576px){
.deli, ul, .fitur, .logint, .sttmnt, .comdet, .footer, .statmnt, .social, .sitemap, .com, .midee, .cite, .hypy{
height:auto;
}
.sttmnt{
padding-bottom:20px;
}

.statmnt{
width:auto;
height:auto;
padding:10px;
margin-top:10px;
}
#guy{
display:none;
}

.nutri{
background-color:#000000;
position:absolute;
padding:20px;
top:80px;
height:300px;
float:none;
display:none;
}
.sep1, .sept2{
width:auto;
height:auto;
margin-left:40px;
}

.deli{
width:auto;
float:none;
}

ul{
 width:180px;
}

li{
float:none;
height:38px;
}
.view{
margin-left:0;
float:none;
margin-left:auto;
margin-right:auto;
}
.logo{
height:130px;
width:130px;
top:85px;
left:8px;
}
.slide, #fri{
 height:400px;
}
.fed{
width:111px;
margin-left:10px;
margin-top:10px;
float:none;
height:auto;
}
.adss{
position:relative;
left:20%;
width:60%;
}
.sify{
margin-left:auto;
margin-right:auto;
float:none;
}
.souy{
width:250px;
margin-left:auto;
margin-right:auto;
float:none;
}
address{
width:auto;
margin-left:35px;
background-color:antiquewhite;

}
.logo1{
 height:135px;
 width:250px;
 float:none;
 margin-left:auto;
 margin-right:auto;
 margin-top:30px;
}

#doi{
 width:100%;
 height:132px;
}
.cite, .hd, .baar{
width:auto;
}
.midee{
 width:100%;
 margin:0;
}
.menu{
display:block;
}
.rito{
float:none;
}
}


@media (min-width:1200px) and ( max-width:1440px) {
.fitur{
 width:90%;
}
.comdet, .midee, .footer{
height:auto;
}
.logo1{
margin-left:30px;
margin-right:10px;
}

.sep1, .sept2{
margin-left:98px;
}

.cite, .rito, .sepu{
width:auto;
}

.midee{
 width:55.5%;
}
.sify{
margin-left:12%;
}
.souy{
 width:170px;
margin:7px;
}
.view{
margin-left:9%;
}
}


@media (min width:1440) and ( max-width:2560px) {
.sify{
margin-left:18%;
}

.logo1{
 width:200px;
margin-left:160px;
}
.fitur{
 width:95%;
}


.view{
margin-left:16%;
}

.adds{
 width:15%;
}

.midee{
 width:67.5%;
}

.souy{
 width:143px;
}
}


@media (min-width:992px) and ( max-width:1198.98px) {
.fitur{
 width:90%;
}
.sepu{
width:auto;
}

.rito{
 width:150px;
}
.cite{
margin-left:10px;
 width:330px;
}

address{
 width:400px;
}

.sify{
margin-left:7%;
}

.midee, .comdet, .footer{
height:auto;
}

.midee{
 width:53.5%;
}

.view{
margin-left:4.5%;
}
.logo1{
margin-left:10px;
margin-right:10px;
}
.souy{
 width:250px;
}
#doi, .logo1{
 width:130px;
}
}

@media (min-width:768px) and ( max-width:992px) {
.fitur,.sept2{
width:auto;
}
#fri, .slide{
 height:400px;
}
p{
line-height:17px;
}
.sify{
 width:230px;
margin-left:2.5%;
}
.nutri{
float:none;
}
.clat{
font-size:17px;
}
.view{
margin-left:40px;
 width:200px;
}
.comdet, .footer{
height:auto;
}
.midee{
height:auto;
 width:41.5%;
}
.cite{
margin-left:10px;
}

address{
 width:360px;
}

.hd, .baar{
width:auto;
}
.souy{
 width:138px;
 height:138px;
}
#doi, .logo1{
 width:88px;
}
.logo1{
margin-left:10px;
margin-right:10px;
}
.cite, .rito, address, .social{
width:auto;
}
.social{
margin-left:20px;
}
.adss{
 width:25%;
}
.sepu{
width:auto;
}
.logo{
top:90px;
}
.rito{
 width:150px;
}
.cite{
margin-left:10px;
 width:330px;
}

.sep1{
width:auto;
}
.sept2{
margin-left:120px;
}
}


@media (min-width:2560px){
.adss{
 width:12%;
}
.logint{
 height:300px;
}
.sify{
 width:300px;
 height:430px;
margin-top:20px;
}
.deoy{
 height:40px;
}
.dib{
margin-top:20px;
}
.fitur{
 height:230px;
}
.pibd{
 width:150px;
 height:150px;
}
.suti{
 height:40px;
}
.clat{
font-size:35px;
}
.view{
 width:400px;
 height:230px;
margin-left:11%;
}
.slide{
 height:1200px;
}
#fri{
 height:1200px;
}
.midee{
 width:73.5%;
}
.souy{
 width:448px;
}
.logo1{
margin-right:10px;
margin-left:115px;
 width:280px;
}
.sep1, .sept2{
margin-left:200px;
}
.cite, address{
margin-left:350px;
}
.social{
margin-left:600px;
}
}
@media (min width:576px) and ( max-width:768px) {
.nuti{
float:none;
}
}