@font-face
{
    font-family: font1;
    src: url("font/OpenSans-Regular.ttf");
}

@font-face
{
    font-family: font3;
    src: url("font/OpenSans-Bold.ttf");
}

@font-face
{
    font-family: font2;
    src: url("font/UTM-Alter-Gothic.ttf");
}
@keyframes fadeIn {
  0% { 
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
 
body
{
    font-family: font1;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    color: #000;
    overflow-x: hidden;
}
img
{
    max-width: 100%;
    height: auto;
}
a
{
    color: #000;
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
    cursor: pointer;
}
b, strong
{
    font-family: font3;
}
.img-responsive
{
    margin: 0 auto;
}
.clear
{
    clear: both;
}

.clear10
{
    clear: both;
    height: 10px;
}
.clear15
{
    clear: both;
    height: 15px;
}

.container
{
    max-width: 1100px;
    position: relative;
    margin: auto;
}
.tab-nav-top
{
}
.tab-nav-content:first-child
{
    display: block;
}
.tab-nav-content
{
    display: none;
}

.crop
{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
}

.crop .crop-link
{
    width: 100%;
    height: 100%;
    display: block;
}

ul.slimmenu#primary-menu
{
    margin: 17px 0 0 0;
}
ul.slimmenu > li
{
    border: 0;
}
ul.slimmenu li a:hover
{
    background: #55d1c5;
}
ul.slimmenu#primary-menu li a
{
      padding: 7px 20px;
    min-width: auto;
    color: #2f2f2f;
    font-size: 14px;
    text-transform: uppercase;
    font-family: font3;
    
}

ul.slimmenu#primary-menu li li a
{
      border-top: 1px solid #ccc;
      color:#fff;
      text-transform:none;
    
}
ul.slimmenu li ul li {
    background: #36b7a6;
    width: 100%;
}

ul.slimmenu li
{
    background: #fff; 
}

.showmobi
{
    display: none;
}

#cmbox .fb_iframe_widget, #cmbox .fb_iframe_widget span, #cmbox .fb_iframe_widget iframe
{
    width: 100% !important;
}

.mid-out
{
    display: flex;
    flex-direction: row;
}
.mid-txt
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

.showmobi
{
    display: none;
}

.out1
{
    color: #fff;
    background: #36b7a6;
}
.out2
{
    padding: 10px 0;
}
.box1
{
    position: relative;
    border: 3px solid #44c4b5;
    padding: 25px 25px 25px 140px;
    text-align: justify;
    border-radius: 20px;
    background: #f5f5f5;
    margin: 110px 0 0 0;
}

.box1 .item1
{
    position: absolute;
    background: #44c4b5;
    padding: 10px 20px;
    color: #fff;
    top: -43px;
    left: 140px;
}
.box1 img.item2
{
    position: absolute;
    top: -95px;
    left: 10px;
    height: 330px;
}
.out4
{
    background: url(../images/b1.jpg) center center no-repeat;
    background-size: cover;
    height: 450px;
    margin: 41px 0 0 0;
}

.box2.container
{
    max-width: 880px;
}
.box3
{
    color: #fff;
    text-align: center;
}
.box3, .box3 a
{
    font-family: font3;
}

.box3 img
{
    display: block;
    margin: 90px auto 20px auto;
}
 .box3 img{transition:all 0.5s linear;transform:rotate(0deg);opacity: 0.8}
 .box3:hover img{opacity: 1; transform:rotate(-360deg);}
.box3 h3
{
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
.box3 ul li
{
     color: #fff;
    width: 46%;
    float: left;
    margin: 0 0 10px 4%;
    text-align: left;
}
.box3 ul li a
{
    color: #fff;
}

.out5 .item1
{
    background: url(../images/b3.jpg);
    background-size: cover;
    height: 245px;
}
.out5 .item2 h4
{
    font-size: 16px;
    margin: 0 0 10px 0;
    text-align: center;
}
.out5 .item2
{
    background: url(../images/b4.jpg);
    background-size: cover;
    height: 245px;
    padding: 55px 32px 0 46px;
    color: #fff;
    font-size: 14px;
}
.out5 .item3
{
    background: url(../images/b5.jpg);
    background-size: cover;
    height: 245px;
    padding: 55px 32px 0 46px;
    color: #fff;
    font-size: 14px;
}
.out5 .item3 h4
{
    font-size: 16px;
    margin: 0 0 10px 0;
    text-align: center;
}

.out5 .item4
{
    background: url(../images/b6.jpg);
    background-size: cover;
    height: 245px;
}
.out5 .item5
{
    background: url(../images/b2.jpg) center center;
    background-size: cover;
    height: 490px;
    padding: 145px 60px 0 88px;
    color: #fff;
    font-size: 14px;
}

.out5 .item5 h4
{
    font-size: 16px;
    margin: 0 0 10px 0;
    text-align: center;
}


span.title
{
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 30px 0;
    font-size: 30px;
    color: #595959;
    font-family: font2;
}

span.title span
{
    color: #cb0f1c;
}

.out5 .row
{
    margin: 0 -5px;
}
.out5 .col-md-6
{
    padding: 0 5px;
}
.out6
{
    position: relative;
}
.out6 .row
{
    margin: 0;
}
.out6 .col-md-7, .out6 .col-md-5
{
    padding: 0;
}

.out6:before
{
    width: 50%;
    height: 306px;
    background: #a5a4a9;
    content: "";
    display: block;
    position: absolute;
    top: 80px;
}

.out6:after
{
    width: 50%;
    height: 306px;
    background: url(../images/b12.jpg) repeat-x;
    content: "";
    display: block;
    position: absolute;
    top: 80px;
    right: 0;
    z-index: -1;
}

#benhan h5
{
    text-transform: uppercase;
    margin: 70px 0 0 0;
    position: relative;
}
#benhan h5:before
{
    content: "";
    position: absolute;
    top: 30px;
    left: -53px;
    width: 59px;
    height: 2px;
    background: #ddd;
    -ms-transform: rotate(32deg);
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
}

#benhan h5:after
{
    content: "";
    width: 100%;
    height: 2px;
    background: #ddd;
    position: absolute;
    top: 45px;
    left: 0;
}

#benhan span
{
    font-size: 14px;
}
#benhan p
{
    font-size: 14px;
    font-style: italic;
    margin: 15px 0 0 0;
}
#benhan .item1
{
    padding: 0 20px;
}
#benhan
{
    position: relative;
}
#benhan:before
{
    content: "";
    width: 39px;
    height: 39px;
    background: url(../images/b13.jpg);
    position: absolute;
    top: 0;
    left: -25px;
}
#benhan:after
{
    content: "";
    width: 39px;
    height: 39px;
    background: url(../images/b14.jpg);
    position: absolute;
    bottom: 20px;
    right: -40px;
}
.box7
{
    height: 215px;
    width: 230px;
    float: left;
    margin: 0 15px 0 0;
}
.box4
{
    text-align: center;
    padding: 20px 0;
    margin: 0 0 20px 0;
}
.box4 a
{
    display: inline-block;
    color: #595959;
    font-family: font3;
    padding: 10px 25px;
    background: #d7d7d7;
}
.box4 a:hover, .box4 a.active
{
    background: #44c4b5;
    color: #fff;
    cursor: pointer;
}
.box8
{
    margin: 10px 20px 0 0;
}
.box8 a
{
    color: #595959;
    line-height: 18px;
    margin: 0 0 8px 0;
    display: block;
}
.box8 p
{
    font-size: 14px;
}
.box8 .item1
{
    color: #ff7431;
    text-align: right;
    display: block;
    font-size: 14px;
    margin: 10px 0 0 0;
}
.box6
{
    border: 3px solid #e5e5e5;
    overflow: hidden;
    margin: 0 0 15px 0;
}
.out8
{
    margin: 30px 0 0 0;
}
.out9
{
    background: url(../images/b11.jpg) no-repeat;
    background-size: cover;
    padding: 30px;
    color: #fff;
    font-family: font3;
    margin: 50px 0 0 0;
}
.out9 img
{
    vertical-align: middle;
}
.out9 input[type="text" i]
{
    width: 500px;
    height: 40px;
    padding: 0 20px;
    margin: 0 0 0 15px;
    font-family: font1;
	color: #000;
}
.out9 input[type=submit]
{
    border: 0;
    height: 40px;
    width: 60px;
    font-family: font3;
    background: #46c0b1;
}
.out10
{
    background: #2f2f2f;
    color: #7a7a7a;
    padding: 30px 0;
}
.box9 i
{
    margin: 0 10px 0 0;
}
.box9 p
{
    color: #7b7b7b;
    line-height: 25px;
}
.box11 img
{
    display: block;
    margin: 0 auto 10px auto;
}
.box11 p
{
    text-align: center;
    font-family: font3;
    color: #8d8d8d;
}
.box10 .item1
{
    color: #7a7a7a;
    font-family: font3;
    font-style: italic;
    border-top: 1px solid;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
}
.out11
{
    background: #1a1a1a;
    color: #8d8d8d;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}
.out12
{
    color: #fff;
    font-size: 14px;
}

.out12 i{ margin:0 10px 0 0;}

.out12 .item1:before
{
    position: absolute;
    top: 9px;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    content: "";
    border: 22px solid transparent;
    border-right-color: #ffffff;
    left: -22px;
    bottom: 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.out12 .item1:after
{
    position: absolute;
    top: 8px;
    right: -22px;
    content: "";
    width: 0;
    height: 0;
    content: "";
    border: 22px solid transparent;
    border-right-color: #36b7a6;
    bottom: 0;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(-135deg);
}


.out4  .container{background:none;}
.out12 .item1
{
    float: left;
    position: relative;
    width: 40%;
    background: #55d1c5;
    text-align: center;
    padding: 5px 0;
}
.out12 .item2
{
    float: left;
    width: 60%;
    background: #36b7a6;
    padding: 5px 0;
    text-align: center;
    position: relative;
}
.out12 span
{
    margin: 0 15px 0 0;
}
.out12 .item2:after
{
    position: absolute;
    top: 8px;
    right: -23px;
    content: "";
    width: 0;
    height: 0;
    content: "";
    border: 22px solid transparent;
    border-right-color: #ffffff;
    bottom: 0;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(-135deg);
}
.box5
{
    display: none;
}
.box5.active
{
    display: block;
}
.box12
{
    padding: 0 0 15px 0;
}
.box12 a
{
    color: #393939;
    font-size: 14px;
}
.box12 strong{ color: #559c6e; }
.box12 a:hover
{
    font-family: font3;
    color: #35a295;
}


.box13
{
    clear: both;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}
.box14
{
    height: 165px;
    width: 240px;
    margin: 0 20px 0 0;
    float: left;
}
.box15 a
{
    font-family: font3;
    color: #373737;
    display: block;
    margin: 0 0 10px 0;
        font-size: 18px;
}
.box15
{
    color: #6e6e6e;
}
h1.title, h2.title
{
    text-transform: uppercase;
    font-size: 20px;
    padding: 20px 0;
    color: #35a295;
}
h1.title-sing
{
    color: #3d3d3d;
    font-size: 25px;
    margin: 0 0 20px 0;
    line-height: 30px;
}

.paging
{
    text-align: center;
}
.paging .thisclass, .paging li
{
    display: inline-block;
    font-family: font3;
    padding: 5px 10px;
    border: 1px solid #ccc;
}
.paging .thisclass, .paging li:hover
{
    background: #35a295;
    color: #fff;
}
.out13
{
    margin: 20px 0 0 0;
}
.box16
{
    /*  padding: 0 0 0 50px; */
}
.box17
{
    overflow: hidden;
    clear: both;
}
.box17 h3
{
    background: #44c4b5;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
}
.box17 li
{
    background: #eaf9f7;
    border: 1px solid #fff;
    width: 50%;
    float: left;
}

.box17 li:hover a
{
    font-family: font3;
}

.box17 li a
{
    text-align: center;
    display: block;
    color: #595959;
    padding: 10px 0;
}
.box17:nth-of-type(1) h3
{
    background: #44c4b5;
}
.box17:nth-of-type(2) h3
{
    background: #559c6e;
}
.box17:nth-of-type(3) h3
{
    background: #e9aa4c;
}
.box18
{
    line-height: 25px;
}
.box18 p
{
    line-height: 25px;
}
.box19
{
    clear: both;
    margin: 20px 0 0 0;
}
.box19 ul li
{
    list-style: disc inside;
    color: #d05133;
}

.box19 ul li a
{
    color: #373737;
    display: inline-block;
    margin: 10px 0 0 0;
}
.box19 ul li a:hover
{
    font-family: font3;
    color: #559c6e;
}
.livechat
{
    cursor: pointer;
}
img.center
{
    display: block;
    margin: auto;
}

.box20
{
}
.box20 strong
{
    font-family: font3;
    color: #279b8d;
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 15px 0;
    margin: 20px 0;
    display: block;
}

.box22
{
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.box21
{
    height: 90px;
    width: 125px;
    float: left;
    margin: 0 10px 0 0;
}
.box23
{
}
.box23 a
{
    font-family: font3;
    color: #279b8d;
    display: block;
    line-height: 16px;
    font-size: 14px;
    margin: 0 0 5px 0;
}

.box20.box24 .box21
{
    height: 75px;
    width: 105px;
}

/*-----End Custom-------*/

@media screen and (max-width: 1000px)
{

    .hidemobi
    {
        display: none;
    }
    .showmobi
    {
        display: block;
    }


}


.cke_show_borders,.box18{line-height:22px;}
.cke_show_borders h4,.cke_show_borders h6,.box18 h4,.box18 h6{
	text-align:left;
}
.cke_show_borders h3,.cke_show_borders h5,.box18 h3,.box18 h5{
	width:100%;
	text-align:center;
}
.cke_show_borders h1,.cke_show_borders h2,.box18 h1,.box18 h2
{   
    margin:40px 40px 40px 80px;
    padding:5px 5px 5px 50px;
    position:relative;
	font-size:20px;
	border-radius:20px;
	background:#97ce00;
	color:#fff;
	text-transform:uppercase;
	 
}
.cke_show_borders h1:before,.cke_show_borders h2:before,.box18 h1:before,.box18 h2:before{
    content:"";
    position:absolute;
    left:-40px;
    top:-30px;
    width:86px;
    height:80px;
    background:url(../ys/yh.png) no-repeat;
}
.cke_show_borders h3,.cke_show_borders h4,.box18 h3,.box18 h4
{
	border:1px solid #ccc;
	background-color:#eff;
	margin:10px 0 10px 30px;
	border-radius:10px;
	padding:5px;
}
.cke_show_borders h5,.cke_show_borders h6, .box18 .bt,.box18 h5, .box18 h6, .box18 .bt
{    position:relative;
     border-radius:20px;
	 padding:5px 30px;
     background: #44c4b5;
     display: block;
	 margin:20px 30px;
	 color:#fff;
	 box-shadow:4px 8px 10px #eee; 
}
/*
.box18 u{
	font-size:14px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	padding:5px;
	display:block;
	width:100%;
	text-decoration:none;
}*/
.cke_show_borders h6:before,.cke_show_borders .bt:before,.box18 h6:before,.box18 .bt:before{
    content:"";
    position:absolute;
    left:-53px;
    top:-22px;
    width:78px;
    height:72px;
    background:url(../ys/h21.png) no-repeat 0px 0px; 
	background-blend-mode: screen;
}

.cke_show_borders h6:after,.cke_show_borders .bt:after,.box18 h6:after,.box18 .bt:after{
    content:"";
    position:absolute;
    right:0px;
	top:0px;
    width:125px;
    height:37px;
    background:url(../ys/22.png) no-repeat 0px 0px; 
}

.cke_show_borders .ys1,.box18 .ys1 {
    position:relative;
    background:url(../ys/barrage-bottomBg.png) repeat-x bottom #fff;
    border-top:2px solid #221714;
    height:70px;
    line-height:22px;
    padding:0 5px 5px 0;
	margin-left:20px;
    text-align:center;
    color:#000;
}
.cke_show_borders .ys1:before,.box18 .ys1:before{
    content:"";
    position:absolute;
    left:-23px;
    top:-2px;
    width:24px;
    height:72px;
    background:url(../ys/barrage-icon.png) no-repeat -77px 0px;
}
.cke_show_borders .ys1:after,.box18 .ys1:after{
    content:"";
    position:absolute;
    right:-12px;
    top:-2px;
    width:12px;
    height:72px;
    background:url(../ys/barrage-icon.png) no-repeat -110px 0px;
}
.cke_show_borders .ys2,.box18 .ys2{
	 position:relative;
	 padding:10px 5px 5px 10px;
	 border:4px double #ccc;
	 border-radius:10px;
	 
} 
/*
.box18 .ys2:before{ 
    content:"";
    position:absolute;
    left:10px;
    top:-2px;
    width:175px;
    height:39px;
    background:url(../ys/ys2.png) no-repeat;
}*/
.cke_show_borders .ys3,.box18 .ys3{
	 position:relative;
	 padding:10px 20px 10px 60px;
	 margin-left:30px;
	 margin-bottom:40px;
	 border:2px solid #ccc;
	 border-top:1px solid #ccc;
	 border-bottom:1px solid #ccc;
	 border-radius:15px;
     box-shadow:4px 8px 10px #ccc; 
	 
} 
.cke_show_borders .ys3:before,.box18 .ys3:before{ 
    content:"";
    position:absolute;
    left:-44px;
    top:10px;
    width:175px;
    height:97%;
    background:url(../ys/sb.png) repeat-y;
}
.cke_show_borders .ys4,.box18 .ys4{
	 position:relative;
	 height:300px;
	 padding:40px;
	 margin-left:60px;
	 border-top:6px solid #8cc421;
	 border-bottom:6px solid #72a30c;
	 border-radius:6px;   
} 
.cke_show_borders .ys4:before,.box18 .ys4:before{ 
    content:"";
    position:absolute;
    left:-122px;
    top:0px;
    width:175px;
    height:322px;
    background:url(../ys/ys41.jpg) bottom no-repeat;
}
.cke_show_borders .ys4:after, .box18 .ys4:after{ 
    content:"";
    position:absolute;
    right:-62px;
    top:-0px;
    width:175px;
    height:295px;
    background:url(../ys/ys42.jpg) bottom no-repeat;
}

.box20 .col-md-6:nth-of-type(2n+1){ clear: both; }
#content{ background: #fff; }