/* mainsection1 s */
#mainsection-1 {
    background-image: url(../Images/main_middle_bg.jpg);
    padding:35px 0px; 
    background-size:100% auto; 
}
#mainsection-1 .container { padding:0px; }
#mainsection-1 .row { }
#mainsection-1 .row img { display:block; width:100%; }
#mainsection-1 .row img:hover {background-color:#fff; opacity:0.6; transition:0.3s;}
.ms1-1 a { background: #fff; display: block;}
.ms1-2 a { background: #fff; display: block;}
.ms1-3 a { background: #fff; display: block;}
.ms1-inner { background-color:#fff; padding:25px 15px; }
.ms1-inner h3 { margin:0px; font-size:20px; font-weight:bold; margin-bottom:30px; margin-top:5px; text-align:left; }
.ms1-inner p { font-size: 16px; color: #777; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; margin-bottom:0px;  text-align:left;}
.ms1-inner p:hover { color:#337ab7; text-decoration:none;}
.ms1-inner a { text-decoration:none; }
.ms1-inner a:hover {text-decoration:none;}
.ms1-inner span { display:block; margin-bottom:10px;}
.ms1-more { background-color:#9598A1; padding:5px 10px; display:inline-block; font-size:12px; color:#fff; float:right;}
.ms1-more:hover { background-color:#545D79; transition:0.2s;}

.slider .slider-dots .each-dot { background:#777 !important; opacity:0.5 !important; }
.slider .slider-dots .each-dot.active { background: #286090 !important;  opacity:1 !important; }
/* mainsection1 e */

/* mainsection2 s */
#mainsection-2 { background-image: url(../Images/album_bg.png); padding-bottom:50px; }
#mainsection-2 .row { margin-top:50px; text-align:center; margin-bottom:40px;}
#ms2-gellary { width:1480px; margin:0 auto; overflow:hidden;}

.mainsection-2-title { font-size:38px;  }
.mainsection-2-title a { color:#4E4F4F; text-decoration:none; }
/*.contentSlide, swiper-slide, swiper-slide-active {width:364px!important;}*/
#mainsection-2 #ms2-gellary .contentSlideWrapper img:hover {
    opacity: 0.5;
    transition: 0.3s;
}
#ms2-left { position:absolute; top:90px; left:100px;}
#ms2-right { position:absolute; top: 90px; right: 100px;}
#ms2-left:hover, #ms2-right:hover { cursor:pointer;}
.ms2-cont { font-size:17px; color:#fff; background-color:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; height:20%; text-align:center; padding:10px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
/* mainsection2 e */

/* mainsection3 s */
#mainsection-3 { background-image: url(../Images/main_bottom_bg.jpg);}
#mainsection-3 .row { padding:0px; margin:0px;}
.ms3-cont { text-align:center; padding-top:45px; height:200px; cursor:pointer; width:20%; }
.ms3-cont:nth-child(1),
.ms3-cont:nth-child(3),
.ms3-cont:nth-child(5) { background: rgba(0,0,0,0.1); }
.ms3-cont:nth-child(4) { background: rgba(255,255,255,0.1); }
.ms3-cont h3 { font-size: 26px; color:#FFFF6D; margin-bottom:15px; margin-top:0px;}
.ms3-cont hr { width:35px; margin:10px auto; }
.ms3-p1 { font-size:17px; color:#fff; margin-top:15px;}
.ms3-p2 { color:#fff; font-size:21px;  background-color:#000; display:inline-block; padding: 5px 45px; margin-top:30px;}
.ms3-p2:hover { color:#FFFF6D; transition:0.3s;}
/* mainsection3 e */

/* mainsection4 s */
#mainsection-4 li { font-size:15px; color:#989898; padding:2px 0px; color: #999; padding: 5px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; text-decoration:none;}
#mainsection-4 li:hover { color: #2078AF; text-decoration: none;}
#mainsection-4 a:hover {text-decoration:none;}
#mainsection-4 .row { margin-top:45px; margin-bottom:50px;}
#mainsection-4 hr { margin:10px 0px;}

.m4-boardlink { text-decoration:none; color:#777; font-size:18px; font-weight:600; }
.m4-boardlink span { position:relative; top:3px; margin-left:5px; }
/* mainsection4 e */
.swiper-slide {
    text-align: center;
    transition: all 0.3s ease;
}

    .swiper-slide:hover {
        opacity: 0.9;
        transition: all 0.3s ease;
    }

    .swiper-slide img {
        width: 100%;
    }
/*
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:0px !important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:0px !important; }
*/
.slide-caption {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

    .slide-caption p {
        position: absolute;
        bottom: 0px;
        color: #fff;
        text-align: center;
        width: 100%;
        font-size: 18px;
        margin: 0px;
        font-weight: 500;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: normal;
        overflow: hidden;
        padding:10px; background:rgba(0,0,0,0.7);
    }
.slide-caption p a { text-decoration:none; color:#fff; }

.swiper-slide-image { width:100%; background-size:100% auto !important; background-position:center !important;  background-repeat: no-repeat !important; background-color: #000 !important;  height:300px; }

#newthumb { height:183px; overflow:hidden; display:block; }

@media(max-width:1200px)
{
	#ms2-gellary { width:100%; }
	#newthumb { height:150px; }
}

@media(max-width:767px) {
    .slide-caption p {
        font-size: 12px;
    }
    
    #newthumb { width:200px; margin:0 auto; height:inherit;  }
}






@media(max-width:768px) {
    .ms1-more { display:none; }
    .ms3-cont h3 { font-size:25px;}
    .ms3-p2 { font-size:15px; padding: 5px 10px;}
    #mainsection-2 .col-xs-12 { overflow:hidden;}
}

@media(max-width:767px) {
    #dimodePage { overflow:hidden;}
        .ms1-more { float:none;  margin-bottom: 20px; display:inline-block; }
        #mainsection-1 {background-image:none; height:auto; text-align:center;}
        #mainsection-3 {/*background-image:none; background-color:#177CC0;*/ height:inherit;     background-size: auto 100%;}
        #mainsection-4 {text-align:center;}
        #mainsection-4 .col-xs-12 { margin-top:30px;}
        #mainsection-4 img { margin-bottom: 0px; }
        .ms3-cont { margin-top:20px; width:50%; }
        .ms3-p2 { font-size: 20px; padding: 5px 40px; }
        .ms3-cont h3 { font-size:30px;}
        .ms3-cont:nth-child(4) { background:none; }
    #mainsection-4 hr { margin:5px 0px; }
}