@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);
body {
    background: #08121a;
    background-image: url(../images/img2.jpg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.1em;
    color: #545b64;
    font-weight: 400;
	background-size:100% auto;
	
}

* {
    margin: 0;
    padding: 0
}

strong a {
    color: #c30
}

strong {
    color: #f9ff00
}

table {
    width: 100%;
    text-align: left
}

td,
th {
    padding: 10px 10px
}

th {
    color: #666;
    background: #141517 none repeat-x scroll left top
}

td {
    border-bottom: 1px solid #1f2023
}

.prof {
    display: flex
}

.prof>.prof_box {
    margin: 10px
}

blockquote,
code {
    display: block;
    border-left: 5px solid #4d535b;
    padding: 10px;
    margin-bottom: 20px
}

code {
    background-color: #131416;
    color: #ccc;
    border: none;
    font-family: "Courier New", Courier, monospace
}

blockquote p {
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    margin: 0;
    color: #4d535b;
    height: 1%
}

p {
    line-height: 1.7em;
    margin-bottom: 25px
}

a {
    color: #6b7480;
    border-bottom: 0 solid #6b7480;
    text-decoration: none
}

a:hover {
    border-bottom-color: #5da1c3;
    color: #5da1c3
}

a:focus {
    outline: 0
}

a.button {
    background: red;
    color: #fff;
    display: inline-block;
    padding: 8px 22px;
    font-size: .85em;
    letter-spacing: .25px;
    line-height: 1.3em;
    border-radius: 5px;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    font-weight: 700
}

a.button:hover {
    background: #960
}

a.button-reversed {
    background-color: #ddd;
    color: #666
}

a.button-reversed:hover {
    background: #ccc
}

fieldset {
    display: block;
    border: none;
    border-top: 1px solid #1f2023
}

fieldset legend {
    font-weight: 700;
    font-size: .9em;
    padding-right: 10px
}

fieldset form {
    padding-top: 15px
}

fieldset p label {
    float: left;
    width: 150px
}

form input,
form select,
form textarea {
    padding: 5px;
    color: #333;
    border: none;
    background-color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: .9em
}

form input.formbutton {
    background: none repeat scroll 0 0 #5da1c3;
    color: #fff;
    display: inline-block;
    padding: 8px 22px;
    font-size: .75em;
    letter-spacing: .25px;
    line-height: 1.3em;
    border-radius: 5px;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    width: auto;
    overflow: visible
}

form.searchform input {
    font-size: .9em;
    padding: 6px
}

form.searchform p {
    margin: 5px 0
}

span.required {
    color: red
}

h1 {
    color: #eee;
    font-size: 1.8em;
    margin-bottom: 10px
}

h2 {
    color: #eac59d;
    font-size: 1.5em;
    padding: 0 0 10px;
    font-weight: 700;
    margin: 0
}

h3 {
    color: #eac59d;
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 10px
}

em {
    color: #f96
}

h4 {
    color: #ccc;
    font-size: 1.2em;
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: 700
}

h5 {
    padding-bottom: 10px;
    font-size: 1.1em;
    color: #999
}

ol,
ul {
    margin: 0 0 35px 35px;
    padding: 0;
    list-style: disc
}

li {
    padding-bottom: 10px
}

li ol,
li ul {
    font-size: 1em;
    margin-bottom: 0;
    padding-top: 5px
}

.width {
    max-width: 1100px;
    margin: 0 auto
}

#container {
    width: auto;
    margin: 0 auto
}

header {
    padding: 0;
    z-index: 9999;
    border-radius: 10px;
    opacity: .97;
    margin: 20px auto 0;
    position: relative;
    text-align: left;
    background-color: #363a3f
}

.fotter_nav {
    width: 100%;
    height: auto;
    float: left
}

.fotter_nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.fotter_nav ul li {
    float: left
}

.fotter_nav ul li a {
    font-size: 15px;
    color: #006325;
    font-weight: 700;
    text-decoration: none;
    display: block;
    line-height: 26px;
    padding: 0
}

.fotter_nav ul li a:hover {
    color: #dc8b0f
}

.fotter_top {
    width: 1100px;
    height: auto;
    float: left;
    border-bottom: dotted #8a5d3b 0;
    padding: 0 0 10px 0
}

#social {
    width: 50px;
    float: left;
    position: fixed;
    right: 0;
    top: 60px;
    display: block
}

#social .facebook {
    background-position: 0 0
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .twitter {
    background-position: 0 -44px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .pinterest {
    background-position: 0 -132px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .reddit {
    background-position: 0 -264px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .tumblr {
    background-position: 0 -176px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .googleplus {
    background-position: 0 -88px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .linkedin {
    background-position: 0 -220px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .stumbleupon {
    background-position: 0 -308px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .delicious {
    background-position: 0 -352px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

#social .vkontakte {
    background-position: 0 -396px
}

#social a {
    background-image: url(../images/social.jpg);
    margin: 5px;
    width: 35px;
    height: 35px;
    float: left;
    border: 1px solid #df0174
}

header h1 {
    margin: 0;
    float: left
}

header h1 a {
    color: #fff;
    padding: 20px 25px;
    font-size: .8em;
    border-bottom: none;
    text-transform: uppercase;
    display: block;
    font-weight: 600
}

header h1 a:hover {
    text-decoration: underline;
    color: #fff
}

nav {
    float: right
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left
}

nav ul ul {
    margin: 0;
    padding: 0 0 15px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

nav ul li {
    display: block;
    float: left;
    padding: 0
}

nav ul li li {
    padding: 0
}

nav ul li a {
    display: block;
    float: left;
    padding: 32px 28px;
    color: #fff;
    font-size: .95em;
    margin: 0;
    border-bottom: none;
    letter-spacing: 0
}

nav ul li a i {
    padding-right: 5px
}

nav ul li li a {
    float: none;
    padding: 15px 0 15px 32px
}

nav ul li a:hover {
    color: #fff;
    text-decoration: none
}

nav ul li.selected a,
nav ul li.selected a:hover {
    color: #fff;
    background-color: #2a2e32;
    font-weight: 700
}

nav ul li a:hover,
nav ul li.sfHover a {
    color: #fff
}

nav ul li a.sf-with-ul:hover,
nav ul li.sfHover a {
    color: #fff
}

nav ul li.sfHover ul a,
nav ul ul {
    background: #363a3f
}

nav ul li.selected li a,
nav ul li.selected.sfHover li a,
nav ul li.sf-with-ul.selected ul li a,
nav ul li.sfHover a a {
    font-weight: 400
}

nav ul li li a:hover,
nav ul li.sfHover li a:hover {
    color: #fff;
    background-color: #2a2e32
}

.sf-menu,
.sf-menu * {
    list-style: none
}

.sf-menu {
    line-height: 1
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 200px;
    margin-top: 10px
}

.sf-menu ul li {
    width: 100%
}

.sf-menu li:hover {
    visibility: inherit
}

.sf-menu li {
    float: left;
    position: relative
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu li.sfHover ul,
.sf-menu li:hover ul {
    left: 0;
    top: 71px;
    z-index: 99
}

ul.sf-menu li.sfHover li ul,
ul.sf-menu li:hover li ul {
    top: -999em
}

ul.sf-menu li li.sfHover ul,
ul.sf-menu li li:hover ul {
    left: auto;
    top: 0
}

ul.sf-menu li li.sfHover li ul,
ul.sf-menu li li:hover li ul {
    top: -999em
}

ul.sf-menu li li li.sfHover ul,
ul.sf-menu li li li:hover ul {
    left: 10em;
    top: 0
}

div#intro {
    background-position: left;
    background-repeat: no-repeat
}

div#intro .intro-content {
    padding: 100px 40px;
    text-align: center
}

div#intro div.intro-content-short {
    padding: 50px 0 40px 20px;
    text-align: left
}

div#intro h2 {
    text-shadow: 1px 1px 0 #000;
    font-size: 3em
}

div#intro div.intro-content-short h2 {
    font-size: 2.5em
}

div#intro h2,
div#intro p {
    color: #fff;
    font-weight: 700
}

div#intro p {
    font-size: 1.3em;
    color: #ddd;
    line-height: 1.3em
}

div#body.no-intro {
    margin-top: 30px!important
}

a.button-slider {
    padding: 18px 25px;
    font-size: .8em;
    text-align: center;
    border: 2px solid #3f87ab;
    margin: 0 10px 0 0
}

a.button-slider.button-reversed {
    border-color: #999
}

a.button-slider i {
    padding-right: 5px
}

img {
    width: 100%
}

#body {
    margin: 0 auto;
    padding: 0;
    clear: both
}

#content {
    opacity: .97;
    padding: 1%;
    background-color: #2a2e32;
    float: left;
    border-radius: 10px
}

.two-column {
    width: 66%
}

.three-column {
    width: 46%;
    margin: 0 2%
}

.with-right-sidebar {
    margin-right: 2%
}

.with-left-sidebar {
    margin-left: 2%
}

article {
    padding: 10px 10px 20px 5px
}

article .article-info {
    color: #3d4348;
    font-size: .9em;
    letter-spacing: -.5px;
    padding: 0 0 10px 0
}

article .article-info a {
    color: #3d4348;
    border-bottom-color: #3d4348
}

.sidebar {
    opacity: .97;
    font-size: 1.05em
}

.small-sidebar {
    width: 24%
}

.big-sidebar {
    width: 30%
}

.left-sidebar {
    float: left
}

.right-sidebar {
    float: right
}

.sidebar h4 {
    padding-bottom: 0;
    font-size: 1.4em;
    color: #858f99;
    letter-spacing: -1px;
    padding: 0
}

.sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sidebar ul li {
    margin-bottom: 20px;
    background-color: #2a2e32;
    border-radius: 10px;
    line-height: 1.9em;
    padding: 10px
}

.sidebar ul li.bg,
.sidebar ul li.bg a,
.sidebar ul li.bg a:hover,
.sidebar ul li.bg h4,
.sidebar ul li.bg li {
    background-color: #5da1c3;
    color: #fff
}

.sidebar ul li.bg a,
.sidebar ul li.bg a:hover {
    border-bottom-color: #fff
}

.sidebar li ul {
    list-style: none outside none;
    margin: 0
}

.sidebar li ul li {
    display: block;
    border-top: none;
    padding: 10px 2px 10px;
    margin: 0;
    line-height: 1.5em;
    font-size: .85em
}

.sidebar li ul li ul {
    margin-top: 10px
}

.sidebar li ul li li {
    font-size: 1em;
    padding-left: 15px
}

.sidebar li ul li.text {
    border-bottom: none
}

.sidebar li a {
    border-bottom-color: #6b7680;
    color: #6b7680
}

.sidebar li a:hover {
    color: #aeb5bc;
    border-bottom-color: #aeb5bc
}

.sidebar li ul li a.readmore {
    font-weight: 700
}

.sidebar ul.blocklist li {
    padding: 3px 0
}

.sidebar ul.blocklist li a,
.sidebar ul.blocklist li a:hover {
    border-bottom: 0;
    display: block;
    padding: 12px 10px;
    border-radius: 10px
}

.sidebar ul.blocklist li a.selected,
.sidebar ul.blocklist li a.selected:hover {
    background: #5da1c3;
    border-bottom: 1px solid #80b1cb;
    color: #fff;
    font-weight: 700
}

.sidebar ul.blocklist li a:hover {
    background-color: #1e2124;
    color: #a0a8b0
}

.sidebar li ul.blocklist li li {
    font-size: 1em
}

.sidebar li ul.blocklist ul {
    margin-top: 0
}

.sidebar li ul.blocklist li li a,
.sidebar li ul.blocklist li li a:hover {
    padding-left: 25px
}

.sidebar ul.newslist li {
    padding: 0 0
}

.sidebar ul.newslist p {
    line-height: 2.1em;
    margin-bottom: 0
}

.sidebar ul.newslist span.newslist-date {
    background-color: #5da1c3;
    color: #fff;
    padding: 0 10px
}

.clear {
    clear: both
}

footer {
    margin: 50px auto 0;
    background: #1e2124
}

footer p {
    text-align: left;
    color: #ccc;
    font-size: .9em;
    margin: 0;
    padding: 0
}

footer p a {
    color: #ccc;
    font-weight: 700
}

.footer-content {
    padding: 25px 25px
}

footer .footer-content ul {
    width: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left
}

footer .footer-content li {
    padding: 0 0
}

footer .footer-content li a {
    color: #999;
    border-bottom-color: #41484e
}

footer .footer-content li {
    color: #ccc;
    line-height: 20px;
    font-size: 12px
}

footer .footer-content li a:hover {
    color: #a6aeb5;
    border-bottom-color: #a6aeb5
}

footer .footer-content h4 {
    color: #6f7a85;
    font-size: 1.5em;
    padding-bottom: 10px;
    font-weight: 700;
    letter-spacing: 0
}

footer .footer-bottom {
    padding: 10px;
    text-align: center;
    background-color: #131416
}

footer .footer-bottom p {
    text-align: center
}

footer .footer-bottom p,
footer .footer-bottom p a {
    color: #42454c;
    border-bottom-color: #42454c
}

div.social-icons a {
    border-bottom: none;
    margin-right: 15px
}

@media screen and (max-width:740px) {
    body {
        font-size: .8em
    }
    #content,
    aside.sidebar {
        width: 100%;
        max-width: 100%
    }
    #social {
        display: none
    }
    header {
        text-align: center
    }
    header h1 {
        float: none;
        text-align: center
    }
    header h1 a,
    header h1 a:hover {
        float: none;
        padding: 5px
    }
    nav {
        float: none
    }
    nav ul li a {
        padding: 20px 10px
    }
    nav ul li li a {
        padding: 7px 0 7px 7px
    }
    .sf-menu li.sfHover ul,
    .sf-menu li:hover ul {
        top: 23px
    }
    div#container {
        width: auto;
    }
    footer .footer-content ul {
        margin-bottom: 15px
    }
    footer .footer-content ul.endfooter {
        margin-bottom: 0
    }
    .width {
        width: auto;
        padding-left: 10px;
        padding-right: 10px
    }
    #content,
    aside.sidebar {
        float: none;
        width: auto
    }
    #content {
        padding: 10px
    }
    footer .footer-content ul {
        width: auto;
        float: none
    }
}

@media (max-width:540px) {
    body {
        font-size: 1.8em;
        width: 100%
    }
    #social {
        display: none
    }
    p {
        
        text-align: left;
        width: 100%
    }
    .container {
        width: 100%
    }
    
    #content {
   padding: 0;
    float: none;
   
}


.two-column {
    width: 100%
}
  .article{width:100%;}
    .prof>.prof_box {
        flex-direction: column
    }
    header {
        text-align: center;
        padding: 10px 0 5px
		width:100%;
    }
    header h1 a,
    header h1 a:hover {
        text-align: center;
        padding: 10px;
        font-size: 1.1em
    }
    header h1,
    nav {
        float: none
    }
    nav {
        height: auto;
        position: relative
    }
    nav ul {
        margin: 0
    }
    .sf-menu ul {
        position: relative;
        width: auto;
        display: block;
        margin-top: 0
    }
    nav ul ul {
        margin: 0;
        border-top-right-radius: 0
    }
    nav ul li {
        margin: 5px 0;
        padding: 0;
        float: none
    }
    nav ul li a {
        background-color: #d1333b;
        padding: 5px 7px
    }
    nav ul li li a {
        padding: 2px 0 2px 10px
    }
    .sf-menu li,
    nav ul li a {
        float: none;
        padding: 8px;
        font-size: 18px
    }
    nav ul li li {
        margin: 0
    }
    div#intro .intro-content {
        padding: 20px 5px
    }
    div#intro div.intro-content-short {
        padding: 20px 5px 10px
    }
    div#body {
        margin-top: 10px
    }
    .sf-menu li.sfHover ul,
    .sf-menu li:hover ul {
        top: 0
    }
}

.box_krds{
  display: inline-block;
  height: 1500px;
  margin: 5px;
  width: 30.33%;
  background-color: #282D31;
  padding-top:20px;
  overflow:hidden;
}
.box_krds ul li {list-style:none; line-height:30px;}
@media screen and (max-width: 600px){
  .box_krds{
    width: 100%;
	height:auto;
    padding:10px;
	line-height:15px;
	font-size:16px!important;
	
  }
 p{font-size:16px!important;}
  }
.sidebar li ul li {
   line-height: 1.4em; 
    font-size: 16px!important;
}
.box_profile{
  display: inline-block;
  height: 350px;
  margin: 5px;
  width: 30.33%;
  background-color: #282D31;
  padding-top:20px;
  overflow:hidden;
}
 .box_profile img{width:100%!important; display:block;}
@media screen and (max-width: 600px){
  .box_profile{
    width: 100%;
	 padding:10px;
	line-height:15px;
	
  }
 .prof {
    display: block;
}
   }
}

.taextbanner {
	font-size: 1.5em;
	padding: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E00067;
	background-color: #FFF;
}
.square {
	border: 3px solid #E00067;
	text-align: center;
	width: 20%;
	height: 10%;
	display: inline-block;
	margin: 15px 25px 10px 25px;
	padding:10px 0;
}
@media (max-width:767px){
	.taextbanner {
	    font-size: 1em;
	padding: 10px;
		
	}
.square {
	border: 3px solid #E00067;
	text-align: center;
	width: 41%;
	height: 10%;
	margin: 15px 10px;
	
}
.city_page a {
	line-height:2.1em;
	color: #000 !important;
}
}