/*charset="UTF-8"*/

body {/* text-align: center; *//* background: url(../images/bg.jpg) no-repeat top center fixed; *//* font-family: Osaka,Verdana,Arial,Helvetica,sans-serif; *//* font-size: 13px; */line-height:170%;/* color: black; */background-size: cover;/* background-color: #3c2a26; */}

* {/* margin: 0; *//* padding: 0; *//* border: none; */}

h1,h2,h3 {
margin:0px;
padding:0px;
font-weight:normal;
}

p {/* margin:0px; *//* padding:0px; */}

img {
border: none;
vertical-align:top;
}

br {letter-spacing:normal;/* clear: both; */}

ul, ol, li {
list-style:none;
}

h1{
line-height: 1.5;
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
text-align: center;
padding: 10px;
}

h2{
font-size:12px; 
color:#444444; 
line-height:140%;
font-family:Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
margin:0;
padding:0;
}

#container{
    overflow: hidden;
    position: relative;
}

#header{
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    height: auto;
    /* padding-top: 15px; */
}

.header-round-01 {
    width: 1000px;
    margin: 0 auto;
}

#header a {
    font-family: "Arial Black", Gadget, sans-serif;
    text-decoration: none;
    color: #e66363;
    font-size: 15px;
}

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

img.mb1em {
    float: left;
    overflow: hidden;
    width: 100%;
    border-radius: 10px;
}

ul.clearfix {
    float: left;
}

#navigation {
    overflow: hidden;
    margin: 0 auto;
    height: 55px;
    display: table;
    width: 1000px;
}

#navigation li {
    float: left;
    overflow: hidden;
}

#navigation a {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 13px;
    line-height: 2.5;
    /* color: #e96363; */
    /* display: block; */
    padding: 2px 20px;
    /* text-align: center; */
    text-decoration: none;
    font-weight: bold;
}

#contents {
    /* overflow: hidden; */
    width: 1000px;
    /* position: relative; */
    /* text-align: left; */
    margin: 0 auto;
}

#main {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.side {
    float: right;
    overflow: hidden;
    position: relative;
    width: 100%;
    /* background-color: #feffcf; */
    margin-bottom: 20px;
}

#footer {
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    /* color: #fff; */
    padding: 20px 0;
    margin: 0 auto;
    /* background: -webkit-linear-gradient(#554137, #382922); */
}

.social {
    float: left;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 10px;
}

.box_in {
    /* float: left; */
    overflow: hidden;
    margin-bottom: 20px;
}

.box_in h3 {
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0;
    /* clear: both; */
    text-transform: uppercase;
}

h3{
    /* color: #feffcf; */
}

.box_in .img_left {
    float: left;
    overflow: hidden;
    clear: both;
}

.box_in .img_left img {
    width: 250px;
    margin: 10px;
    /* border: 2px solid #333; */
}


.box_in p a {
    text-decoration: none;
    color: #ff5a70;
}

.box_in p a:hover {
    text-decoration: underline;
}

.img_right {
    float: left;
    overflow: hidden;
    clear: both;
}

.img_right img {
    width: 250px;
    margin: 10px;
    /* border: 2px solid #333; */
}

p.readmore {
    /* float: left; */
    /* margin-left: 10px; */
    /* background-color: #feffcf; */
    /* padding: 0; */
    border-radius: 20px;
}

p.readmore a {
    color: #da2f2f;
    text-decoration: none;
    font-size: 16px;
    padding: 10px;
    display: block;
    text-align: center;
}

p.readmore a:hover {
    text-decoration: none;
}

p.pr_link {
    margin-top: 50px;
}

.side.left {
    float: left;
    width: 19%;
}

.side.right {
    width: 19%;
}

.side_sub {
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    clear: both;
    width: 47%;
    float: left;
}

.side h3 {
    padding: 15px;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 14px;
    color: #000;
    text-shadow: 1px 1px #FFF;
}

.side ul li {
    font-size: 15px;
    line-height: 2;
    padding: 0 10px;
    text-align: justify;
    color: #333;
    clear: both;
    /* border-bottom: 1px solid #0ba39c; */
}

.side a {
    text-decoration: none;
    color: #0ba39c;
}

.side a:hover {
    text-decoration: underline;
}

.side_sub_right {
    margin-bottom: 20px;
    overflow: hidden;
    float: right;
    width: 47%;
    margin-right: 20px;
}

#footer a {
    text-decoration: none;
    /* color: #feffcf; */
}

#footer a:hover {
    text-decoration: underline;
}

#main_sub h3 {
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
    /* margin: 18px 0; */
    padding: 10px;
    padding-left: 0;
    text-transform: uppercase;
}

.box_in.a {
    border: none;
    margin-left: 0;
    margin-top: 10px;
}

img.alignright.frame {
    float: left;
    overflow: hidden;
    width: 300px;
    margin-right: 20px;
    /* border: 3px solid #333; */
}

#main_sub p {
    /* overflow: hidden; */
    margin: 18px;
    text-align: justify;
    /* color: #fff; */
    margin-left: 10px;
}

.menu-mobi {
    display: none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

p.readmore:hover, p.readmore a:hover {
    text-decoration: underline;
}

.header-round {
    overflow: hidden;
    margin: 0 auto;
}

#navigation li.active a, #navigation a:hover {
    color: #e66393;
}

#main_sub {
    float: left;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

article.box_in.left {
    /* width: 32%; */
    margin-right: 19px;
}

article.box_in.right {
    float: right;
    width: 32%;
}

.img_right.same img {
    width: 310px;
    margin: 10px 0;
    /* border: 2px solid #333; */
}

.wrap_main {
    /* background: rgba(51, 51, 51, 0.9); */
    /* padding: 20px; */
    padding-bottom: 0;
    overflow: hidden;
    clear: both;
}

/*--------------Responsive---------------*/
@media screen and (max-width: 1024px) {
    #container{
        width: auto;
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .header-round{
        width: 100%;
    }

    .header-round-01 {
        width: auto;
    }

    #header{
        width: auto;
        height: auto;
        padding-top: 0px;
    }

    #header a {
        font-size: 20px;
    }

    #contents{
        float: left;
        width: 100%;
    }
    
    h1{
        margin: 15px 0;
        padding: 0 10px;
    }
    
    #main{
        /* width: auto; */
        margin: 0;
    }
    
    #main_sub{
        margin: 15px 0;
        width: auto;
    }

    #main_sub h3{
        margin: 0px;
    }

    .box_in .img_left{
        float: none;
        background: none;
    }

    img.mb1em{
        float: none;
        height: auto;
        border: 0;
    }

    .img_right{
        float: none;
        background: none;
    }

    img.alignright.frame{
        float: none;
        margin: 10px 0;
        width: 50%;
    }

    .box_in{
        margin: 0;
        margin-top: 18px;
    }

    .box_in.a{
        margin: 0;
        margin-top: 18px;
        margin-bottom: 18px;
    }

    .side{
        width: auto;
        margin-top: 18px;
    }

    .side.left {
        width: auto;
        margin: 0 10px;
        display: none;
    }

    .side.right {
        width: auto;
        margin-top: 18px;
    }
   
    .side_sub_right{
        margin: 0;
        margin-bottom: 18px;
        width: 100%;
        float: none;
    }

    #navigation {
        height: auto;
        width: 100%;
        background: #CCCCCC;
        padding: 0;
    }

    #navigation ul{
        display: none;
    }

    #navigation li{
        display:block;
        width: 100%;
    }

    #navigation li a {
        border-top: 1px solid #576979;
        padding: 0;
    }

    .menu-mobi{
        display: block;
        position: relative;
        padding: 18px;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
    }

    .menu-mobi:after{
        content:"";
        background: url('../images/nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 20px;
    }
    
    #main_sub p {
        margin: 15px 0px;
    }
    
    .box_in .img_left img{
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }

    .img_right img{
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .side_sub {
        margin: 0;
        margin-bottom: 18px;
        width: 100%;
        float: none;
    }

    .box_in h3{
        font-size: 20px;
    }

    .side ul li{
        margin: 10px 0;
    }

    #footer{
        width: 100%;
    }

    ul.clearfix{
        float: none;
    }

    article.box_in.left {
        width: auto;
        margin-right: 0;
    }

    article.box_in.right {
        float: left;
        width: auto;
    }

    .img_right.same img {
        width: 50%;
    }

    .wrap_main {
        padding: 10px;
    }
}
/*----------End-------------*/

@media screen and (max-width:512px) {
    .box_in .img_left img{
        width: 100%;
        border: none;
    }
    
    .img_right img{
        width: 100%;
        border: none;
    }

    img.alignright.frame{
        width: 100%;
        border: none;
    }

    .img_right.same img {
        width: 100%;
        border: none;
}}
/*----------End-------------*/

@media screen and (max-width:360px){
    #header a {
        font-size: 14px;
    }
}
.col-lg-4 img {
    float: left;
    margin-right: 20px;
    width: 40%;
}
.col-lg-4 {
    overflow: hidden;
}

.img_left img {
    float: left;
    margin-right: 20px;
}