.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;}
.alignright {float:right;margin-left:15px;}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,hr,div,p,form,input { margin:0; padding:0; font-weight:normal; text-indent:0; list-style-type:none}
body {font-family: 'Open Sans', sans-serif; background: #000000;}
a { color:#696969;}
a:hover {color: #ff9000; text-decoration:none;}

.head { width:100%; background: url(../images/top.jpg) no-repeat center; height: 626px;}
.heads { width:100%; background: url(../images/ban.jpg) no-repeat center; height: 416px;}
.bans-a { text-align: center; padding-top: 8%; color: #fff; text-transform: uppercase;}
.bans-a h2 { font-size: 42px;}
.logo { height: 102px; padding-top: 18px;}
.menu { padding-top: 20px;}
.toptext { text-align: right; color: #fff; padding-top: 18px; padding-bottom: 0px; margin: 0px;}
.mainmenu { text-align:center;}
.mainmenu .navbar-nav li { padding: 8px 34px;}
.mainmenu .navbar-nav li a { font-size: 18px; color:#fff; text-align:center; text-transform: uppercase;}
.mainmenu .navbar-nav li a:hover { background:none; border-bottom:6px solid #ff9000; color:#ff9000;}
.bans { text-align: center; padding-top: 14%; color: #fff; text-transform: uppercase;}
.bans h2 { font-size: 42px;}
.fub { color:#ff9000;}
.bans p { font-size: 20px;}

@media screen and (max-width: 768px)
{
.head { width:100%; background: url(../images/top.jpg) no-repeat center; height: auto;}

.heads { width:100%; background: url(../images/ban.jpg) no-repeat center; height: auto;}
.bans-a { text-align: center; padding-top: 4%; color: #fff; text-transform: uppercase;}
.bans-a h2 { font-size: 20px;}
.bans-a p { font-size: 12px;}
.menu { padding-top: 0px;}
.logo { padding:6px 12px; height:auto; text-align: center;}
.toptext { text-align: right; color: #fff; padding-top: 18px; padding-bottom: 0px; margin: 0px;}
.mainmenu { text-align:center;}
.mainmenu .navbar-nav li { padding: 0px 34px;}
.mainmenu .navbar-nav li a { font-size: 16px; color:#fff; border-bottom:1px solid #fff;  text-align:left; text-transform: uppercase; line-height: 30px;}
.mainmenu .navbar-nav li a:hover { background:none; border-bottom:1px solid #fff; color:#ff9000;}
.bans { text-align: center; padding-top: 14%; color: #fff; text-transform: uppercase;}
.bans { text-align: center; padding-top: 8%; color: #fff; text-transform: uppercase;}
.bans h2 { font-size: 32px; padding: 0px 12px;}
.fub { color:#ff9000;}
.bans p { font-size: 15px; margin: 0px;}
}

.abo { padding: 60px 0px;}
.abo img { padding: 50px;}
.abo h3 { font-size: 45px; color:#fff; font-weight:bold; margin:0px; text-align: left; padding-top: 60px;}
.abo p { font-size: 16px; line-height: 30px; color:#696969;}
.buttom { border: 1px solid #fff; width: 32%; background: #fff; border-radius: 20px; padding: 8px 12px; text-align: center;}
@media screen and (max-width: 768px)
{
.abo { padding: 60px 0px;}
.abo img { padding: 10px;}
.abo h3 { font-size: 38px; color:#fff; font-weight:bold; margin:0px; text-align: left; padding-top: 20px; padding-left: 12px;}
.abo p { font-size: 16px; line-height: 27px; color:#696969; padding: 0px 12px;}
.buttom { border: 1px solid #fff; width: 50%; background: #fff; border-radius: 20px; padding: 8px 12px; text-align: center; margin-left: 12px;}
}

.cptext { margin-bottom:30px;}
.cptext h3 { font-size:55px; color:#fff; font-weight:bold; margin:0px; text-align: center; }
.cp { padding:70px 0px; background: #0d0d0d;}
.cpfl { padding: 100px 70px 0px 70px;}
.cpfl a { background: #fff; padding: 12px 20px; font-size: 16px;}
.cpfl a:hover { background: #00a0e9; color: #fff;}


.pic  { text-align:center; padding:10px 10px;}
.pic p { background:#fff; margin:0px; padding-bottom:20px;}

@media screen and (max-width: 768px)
{
.cptext h3 { font-size:42px; color:#fff; font-weight:bold; margin:0px; text-align: center; padding-bottom: 30px;}
.cp { padding:50px 0px; background: #0d0d0d;}
.cpfl { padding: 100px 70px 0px 70px;}
.cpfl a { background: #fff; padding: 12px 20px; font-size: 16px;}
.cpfl a:hover { background: #00a0e9; color: #fff;}

.pic  { text-align:center; padding:10px 10px; }
.pic p { background:#fff; margin:0px; padding-bottom:20px; font-size:12px;}
}

.link { padding: 60px 0px 20px 0px;}
.link h3 { font-size: 45px; color:#fff; font-weight:bold; margin:0px; text-align: left; }
.link p { font-size: 18px; line-height: 30px; color:#696969; padding-top:20px;}
@media screen and (max-width: 768px)
{
.link {padding: 40px 0px 2px 0px;}
.link h3 { font-size: 38px; color:#fff; font-weight:bold; margin:0px; text-align: left; padding-left: 12px;}
.link p { font-size: 15px; line-height: 30px; color:#696969; padding-top:20px;}
}

.ftop { border-bottom: 6px solid #8c55a6; margin-top: 70px;}
.foots { font-size: 14px; width:100%; height:auto; margin-top:40px;  padding:20px 0px; text-align: left; color: #363636; border-top: 1px solid #363636;}

@media screen and (max-width: 768px)
{
.ftop { border-bottom:6px solid #8c55a6; margin-top: 70px;}
.foots { font-size: 14px; width:100%; height:auto; margin-top:40px;  padding:20px 0px; text-align: left; color: #363636; border-top: 1px solid #363636;}
}

.sing { padding: 70px 0px;}
.sing h2 { text-align: center; color: #fff; font-size: 45px; font-weight: bold;}
.sing p { font-size: 15px; color: #969696; padding-top: 20px;}
.sing a:hover { color: #ff9000;}
@media screen and (max-width: 768px)
{
.sing { padding: 50px 0px;}
.sing h2 { text-align: center; color: #fff; font-size: 38px; font-weight: bold;}
.sing p { font-size: 15px; color: #969696; padding-top: 20px; padding-left: 12px; padding-right: 12px;}
.sing a:hover { color: #ff9000;}
}


.poims { margin-top:20px; }
.poim { padding:0px 20px; background: #fff; height:370px; text-align:center; }
.poim h6 { padding:15px 0px 0px 0px;}
.poim h5  { padding:0px 0px 15px 0px; font-size:18px;}
#page strong {
	padding: 5px 8px;
	background: #ff9000;
	border-radius: 5px;
	color: white;
	margin-right: 15px;
	font-size: 0.8em;
	font-weight:normal;
	margin-top: 8px;
}
.pagination {
	margin: 10px 0px;
}
#page a { color:#000;}
#page .blank10 {
	height: 10px;
}

.pfl { }
.pfl a { border:1px solid #eee; padding: 4px 1px; text-align: center; line-height: 30px; margin: 4px 1px; display: block; font-size: 14px;}
.pfl a:hover {border:1px solid #ff9000; color: #ff9000; }

@media screen and (max-width: 768px)
{
.poims { margin-top:20px; }
.poim { padding:0px 20px; background: #fff; height:370px; text-align:center; }
.poim h6 { padding:15px 0px 0px 0px;}
.poim h5  { padding:0px 0px 15px 0px; font-size:18px;}
.pfl { }
.pfl a { border:1px solid #eee; padding: 4px 4px; text-align: center; line-height: 30px; margin: 6px 4px; display: block; font-size: 13px;}
.pfl a:hover {border:1px solid #6d3a85; color: #6d3a85; }
}