@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto:100');
@import url('https://use.fontawesome.com/releases/v5.7.0/css/all.css');

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {
    .col-sm-15 {width: 20%;float: left;}
}
@media (min-width: 992px) {
    .col-md-15 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-15 {width: 20%;float: left;}
}
.img-responsive { float:none; display:inline-block;}
.thumbnail{ box-shadow:3px 3px 10px rgba(3,3,0,0.2); padding:10px;}
.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background: #6a717a; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

/****************************************************************************/
body{color:#000;font-family: 'Open Sans', sans-serif;font-size:20px;font-weight:300;margin:0px;padding:0px;line-height:1.6;}

strong{font-weight:600}
p{margin-bottom:20px;}
ul {list-style-type:disc}
hr {margin:50px 0;}

a{color:#58aec4; outline:none!important;}
a:hover {color:#000; text-decoration:none;}


.Roboto{font-family: 'Roboto', sans-serif; font-weight:100;}

.btn { text-decoration:none !important;}
.img-thumbnail{margin-bottom:30px;}

.radio input[type=radio]{margin-top:10px;}

.container {position:relative;}
.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

textarea.form-control{resize:none;min-height:120px;}
.form-control { height:40px; font-size:15px; font-weight:300; border-radius:0px;}


.card .card-header{font-weight:400;}

.btn{ moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.btn.btn-default:hover{}
.btn.btn-primary{}

h1,.h1, h2,.h2, h3,.h3{font-family: 'Roboto', sans-serif; font-weight:300;}
h1,.h1{font-size:45px; margin-bottom:25px; line-height:1.2;}
h2,.h2{font-size:35px; margin-bottom:25px;}
h3,.h3{font-size:30px; margin-bottom:25px;}
.Bor:after {border-bottom:4px solid #58aec4; content:"";display:block; margin:0px auto 10px; padding-bottom:30px; width:100px;}

.breadcrumb{border-bottom:1px dashed #d3d3d3; margin:0 0 15px; background-color:transparent;padding:0 0 15px; text-transform:uppercase; font-size:12px;}
.breadcrumb>li+li:before{content:"\00BB";color:#b0a049; margin:0 10px;}

.formbgcol{background-color: #58aec4 !important;}
.entry-title{color: #58aec4 !important;}
h3{color:#58aec4 !important;}
/******* Helpers ********************************************************************/

.text-danger{color:#870000!important;}
.text-primary{color:#062947!important;}

.bg-danger{background-color:#870000!important;}
.bg-light{background-color:#b4bec7!important;}
.bg-primary{background-color:#062947!important;}

.ImgFade{background-color:#000;}
.ImgFade img{opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */}

.IconTick{list-style-image:url(../images/icon_tick.png); padding-left:30px; line-height:40px;}


.img-thumbnail {padding: 10px; border: 1px solid #cbcbcb; border-radius: 0;	box-shadow:3px 3px 5px rgba(0,0,0,0.75);}


/******* Buttons ********************************************************************/

.btn-info{background-color:#58aec4; border-color:#58aec4; border-radius:0px; color:#fff !important; font-size:13px; font-weight:600; padding:14px 24px; text-transform:uppercase; letter-spacing:0.2em;}
.btn-info:hover,.btn-info.focus,.btn-info:focus{background-color:#3b889c !important; border-color:#3b889c !important; }

.btn-outline-info{border-color:#fff; border-radius:0px; color:#fff !important; font-size:13px; font-weight:600; padding:14px 24px; text-transform:uppercase; letter-spacing:0.2em;}
.btn-outline-info:hover,.btn-outline-info.focus,.btn-outline-info:focus{border-color:#3b889c !important; }


/******* Header ********************************************************************/
#Header{position:absolute; width:100%; z-index:99999;}


/******* Slider ********************************************************************/
#MainBanner{position:relative; overflow:hidden; background-color:#000;}
#MainBanner img{opacity: 0.80; filter: alpha(opacity=80); /* For IE8 and earlier */}
.BnrShadow{position:absolute; top:0px; z-index:999; background:url(../images/bnr_shadow.png) repeat-x top left; height:380px;}
.BnrTxt{position:absolute; top:45%; z-index:999; width:100%; text-align:center;}
.BnrTxt h1{font-size:65px; color:#fff; line-height:1;}



/********** Content **************************************************************************************************/

#WelTxt {margin:70px 0 80px;}

#Service {padding:115px 0; background:url(../images/bg_cloud.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}

#ContactForm {color:#fff; font-size:16px; font-weight:400; padding:80px 0; background:url(../images/bg_form.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
#ContactForm .form-control{color:#000; border:none; border-radius:0px; height:50px; font-size:14px; font-weight:400; margin-bottom:20px;}
#ContactForm .form-control::placeholder{color:#6d6d6d;}
#ContactForm textarea.form-control{height:190px;}
	
#EditorContent h1{border-bottom:1px dashed #d3d3d3; padding-bottom:15px; margin-bottom:35px;}


/********** Footer ***************************************************************************************************/
#Footer{color:#53565a; font-size:12px; font-weight:400; letter-spacing:0.1em; border-bottom:solid 8px #58aec4;}
#Footer a{color:#53565a;}
#Footer a:hover{color:#58aec4;}
#Footer .list-inline a{font-size:20px; margin:0px;}
#Footer .list-inline-item:not(:last-child) {margin-right: 15px;}


/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(0, 0, 0, 0.35); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:50px; height:50px; text-indent:-9999px; display:none; webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#000; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}


@media (min-width: 767.98px) {	
	.navbar{margin:-50px 0 0; padding:0;}
	.navbar-nav>li{margin-right:95px;}
	.navbar-nav>li:last-child{margin-right:0px;}
	.navbar-nav>li>a{color:#fff; font-size:14px; font-weight:600; letter-spacing:0.1em; margin:0; padding:0 0 5px; border-bottom: solid 1px transparent;}
    .navbar-nav>li.active>a,.navbar-nav>li>a.active,.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{color:#58aec4 !important;background-color:none !important;  border-bottom: solid 1px #58aec4;}
}

@media (min-width: 1200px) {
	.container{padding:0px;}
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {	
	.navbar-nav>li{margin-right:20px;}
	.BnrTxt h1{font-size:40px;}
}

@media (max-width: 767.98px) {	
	.navbar-toggler{margin:10px 0px; outline:none !important;}
	.navbar-light .navbar-toggler {color: #fff; border-color:#fff; font-size:20px;}
	.navbar-light .navbar-toggler-icon{width:24px; height:30px; line-height: 28px; background:none;}
	.navbar-collapse{margin:0; padding:0px; text-align:left;}
	.navbar{margin:0px; padding:0px;}
	.navbar-nav>li{background:none; padding:0px;}
	.navbar-nav .nav-item > a {background-color:#58aec4; color:#fff; font-size:14px; font-weight:600; letter-spacing:0.05em; display:block; padding:7px 15px; border-bottom:solid 1px #fff;}
	.navbar-nav .nav-item > a:hover, .navbar-nav .nav-item.active > a {background-color:#45899a !important; color:#fff !important;}
	
	.BnrTxt{display:none;}
	
	
}

@media (max-width: 479px) {
	
}

@media (max-width: 320px) {
	
}

