@charset "utf-8";
/* CSS Document */
html{font-family:'Open Sans',sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size: 1em;line-height: 1;scroll-behavior: smooth;}

body{width:100%;margin:0;font-family:'Open Sans',sans-serif}

.container{margin-right:auto;margin-left:auto}
.container:before,.container:after{display:table;content: " "}
.container:after{clear: both}

@media(min-width:304px){
.container{width:288px}}
@media(min-width:576px){
.container{width:560px}}
@media(min-width:768px){
.container{width:752px}}
@media(min-width:992px){
.container{width:976px}}
@media(min-width:1200px){
.container{width:1184px}}

.row{margin-right:-15px;margin-left:-15px;width:100%}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-or-1,.col-or-10,.col-or-11,.col-or-12,.col-or-2,.col-or-3,.col-or-4,.col-or-5,.col-or-6,.col-or-7,.col-or-8,.col-or-9{position:relative;min-height:1px}

.col-or-1,.col-or-10,.col-or-11,.col-or-12,.col-or-2,.col-or-3,.col-or-4,.col-or-5,.col-or-6,.col-or-7,.col-or-8,.col-or-9{float:left}
.col-or-12{width:100%}
.col-or-11{width:91.66666667%}
.col-or-10{width:83.33333333%}
.col-or-9{width:75%}
.col-or-8{width:66.66666667%}
.col-or-7{width:58.33333333%}
.col-or-6{width:50%}
.col-or-5{width:41.66666667%}
.col-or-4{width:33.33333333%}
.col-or-3{width:25%}
.col-or-2{width:16.66666667%}
.col-or-1{width:8.33333333%}

@media (min-width:304px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:100%}
.col-10{width:100%}
.col-9{width:100%}
.col-8{width:100%}
.col-7{width:100%}
.col-6{width:100%}
.col-5{width:100%}
.col-4{width:100%}
.col-3{width:100%}
.col-2{width:100%}
.col-1{width:100%}
}

@media (min-width:576px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:100%}
.col-10{width:100%}
.col-9{width:100%}
.col-8{width:100%}
.col-7{width:100%}
.col-6{width:50%}
.col-5{width:50%}
.col-4{width:50%}
.col-3{width:50%}
.col-2{width:50%}
.col-1{width:100%}
}

@media (min-width:768px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
}

@media (min-width:992px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
}

@media (min-width:1200px){
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{float:left}
.col-12{width:100%}
.col-11{width:91.66666667%}
.col-10{width:83.33333333%}
.col-9{width:75%}
.col-8{width:66.66666667%}
.col-7{width:58.33333333%}
.col-6{width:50%}
.col-5{width:41.66666667%}
.col-4{width:33.33333333%}
.col-3{width:25%}
.col-2{width:16.66666667%}
.col-1{width:8.33333333%}
}
/*******************************************************************************END OF GRID****************************************************************************/
a{text-decoration:none;margin:0px;color:inherit}
p,h1,h2,h3,h4,h5,h6{text-decoration:none;margin:10px;color:inherit}
a:hover{text-decoration:underline}
h1{font-size:30px;line-height:38px;color:#ffffff}
h2{font-size:20px;line-height:25px;color:#ffffff}
h3{font-size:16px;line-height:16px;color:#ffffff}
h4{font-size:24px;line-height:26px}
h5{font-size:20px;line-height:28px;color:#343434}
h6{font-size:18px;line-height:30px;color:#343434}
h6 a{font-size:18px;line-height:30px;color:#343434}
p{font-size:14px;line-height:18px;color:#ffffff;font-weight:300}
.img-responsive{display:block;max-width:100%;height:auto}
/*******************************************************************************BEGIN HEAD*****************************************************************************/
#head_bg{background-image:url(../image/header_bg.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:750px}
#logo{margin:20px;float:right}
@media (max-width:768px){
#logo{margin:15px;float:none !important}
}
#slogan{margin-top:55px}
@media (max-width:576px){
#slogan{margin-top:0px;text-align:center}
}
#welcome{margin-top:65px}
@media (max-width:576px){
#welcome{margin-top:15px}
}
#welcome_middle{margin:5px 0px 35px 0px}
@media (max-width:576px){
#welcome_middle{margin:0px 0px 10px 0px}
}
#services_left{float:right;max-width:155px;min-width:155px;border:#ffffff 1px solid;margin:5px 65px 5px 0px;text-align:center}
#services_right{float:left;max-width:155px;min-width:155px;border:#ffffff 1px solid;margin:5px 0px 5px 65px;text-align:center}
@media (max-width:576px){
#services_left{float:none !important;margin:5px 0px 5px 0px}
#services_right{float:none !important;margin:5px 0px 5px 0px}
}
#services_layout{border:#343434 1px solid;margin:0px 8px 0px 8px;min-height:350px}
#services_layout img{margin:0px;padding:0px;width:100%}
@media (max-width:576px){
#services_layout{min-height:0px}
}
#aboutus_bg{background-image:url(../image/aboutus_bg.jpg);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:450px}
/*******************************************************************************BEGIN MENU*****************************************************************************/
.top_menu{overflow:hidden;background-color:transparent;padding-left:0px;padding-top:55px}
@media (max-width:576px){
.top_menu{padding-top:0px}
}
.top_menu a{float:left;display:block;color:#FFF;text-align:center;font-size:14px;padding:5px 20px 5px 20px;text-decoration:none}
.top_menu a:hover{color:#999}
.top_menu .icon{display: none;}
@media screen and (max-width: 768px){
.top_menu a:not(:first-child){display:none;}
.top_menu a.icon{float:right;display:block}
}
@media screen and (max-width: 768px){
.top_menu.responsive{position:relative;}
.top_menu.responsive .icon{position:absolute;right: 0;top: 0;}
.top_menu.responsive a{float:none;display:block;text-align:left;}
}
/***************************************************************************BEGIN TOP BUTTON**************************************************************************/
#TopBtn,.category_zoom{position:fixed;z-index:99}
#TopBtn{background-color:#11123a}
#TopBtn{display:none;bottom:20px;right:30px;border:1px solid #FFF;outline:0;color:#FFF;cursor:pointer;padding:15px;border-radius:10px}
@media (max-width:768px){
#TopBtn{display:none;bottom:0px;left:0px;width:100%;border:none;outline:0;color:#FFF;cursor:pointer;padding:15px;border-radius:0px;box-shadow:-1px -1px 7px grey}
}
/*******************************************************************************FOOTER*******************************************************************************/
#footer{background-color:#515154;margin-top:10px;padding:5px 0px;border-top:1px solid #ddd}
@media (max-width:768px){
#footer{margin-bottom:45px}
}