@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Montserrat:wght@400;500;600&display=swap');

@font-face {
    font-family: 'Homework';
    src: url('../font/HomeworkRegular.woff2') format('woff2'),
        url('../font/HomeworkRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}
@font-face {
    font-family: 'Didot';
    src: url('../font/Didot.woff2') format('woff2'),
        url('../font/Didot.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}

.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background:#a1a1a1; 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;}

/****************************************************************************/
html {scroll-behavior: smooth;}
body{color:#0a0b0b; font-family: 'Montserrat', sans-serif; font-size:16px; margin:0px; padding:0px; line-height:1.7;}

p{margin-bottom:20px;} hr {margin:25px 0; background-color:#ccc;}
a{color:#009fe3; outline:none!important; text-decoration:none;}
a:hover {color:#1e314b; text-decoration:none;}
textarea.form-control{resize:none;min-height:200px;} .form-control {height:45px; border-color:#acacac;}

.gutter-xs {margin-left:-4px!important;margin-right:-4px!important;}
.gutter-xs div[class^="col"]{padding-left:4px!important;padding-right:4px!important; margin-bottom:8px;}

.gutter-sm {margin-left:-13px!important;margin-right:-13px!important;}
.gutter-sm div[class^="col"]{padding-left:13px!important;padding-right:13px!important;}

h1,.h1, h2,.h2{}
h1,.h1{font-size:36px; margin-bottom:25px; line-height:1;}
h2,.h2{font-size:31px; margin-bottom:15px;line-height:1;}
h3,.h3{font-size:18px; margin-bottom:15px;}

.Bor:after {border-bottom:1px solid #c6c6c6; content:"";display:block; margin:auto auto 5px; padding-bottom:15px; width:80%;}
.Bor1:after {border-bottom:3px solid #8b0c33; content:"";display:block; margin:0 0 20px; padding-bottom:25px; width:70px;}

.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;}

/******* Helpers ********************************************************************/
.fw-light{font-weight:300 !important;}
.fw-medium{font-weight:500 !important;}
.fw-semi{font-weight:600 !important;}
.fw-bold{font-weight:700 !important;}
.fw-bolder{font-weight:900 !important;}


.font-homework{font-family:'Homework';}
.font-montserrat{font-family:'Montserrat', sans-serif;}
    
.ImgFade{background-color:#1f2f45;}
.ImgFade img{opacity:0.2; filter: alpha(opacity=20); /* For IE8 and earlier */}
.img-thumbnail {padding: 10px; border: 1px solid #cbcbcb; border-radius: 0;	box-shadow:3px 3px 5px rgba(0,0,0,0.75);}

/******* Buttons ********************************************************************/
.btn{text-decoration:none !important; 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; border-radius:0px;padding:16px 45px; font-family: 'GFS Didot', serif; font-weight:400; font-size:15px; letter-spacing:.1em;}
.btn-sm{padding:16px 65px !important;} 
.btn-outline-primary{border-color:#009fe3; color:#222222 !important;}
.btn-outline-primary:hover,.btn-outline-primary.focus,.btn-outline-primary:focus{background-color:#484848 !important; border-color:#484848 !important;color:#fff !important;}

.bg-primary{background-color:#009fe3 !important;}
.bg-dark{background-color:#000 !important;} 

.text-dark{color:#000 !important;}
.text-primary{color:#009fe3 !important;}
.text-light{color:#818181 !important;}
.border-danger{border-color:#009fe3 !important;}

.fs-60 {font-size:60px;}
.fs-14 {font-size:14px;}
.fs-12 {font-size:12px;}
.fs-26 {font-size:26px;}
.fs-30 {font-size:30px;}
.fs-19 {font-size:19px;}

.ls-1{letter-spacing:.1em;}
.ls-2{letter-spacing:.2em;}
.ls-6{letter-spacing:.060em;}

.lh-1 {line-height:1;}
.lh-13 {line-height:1.3;}
.lh-2 {line-height:2;}

.box-shadow{box-shadow:0px 4px 4px rgba(5,5,5,.2);}

/************************************************* Header ********************************************************************/
#Header + main {margin-top:225px;} 

#Header .bg-primary a{color:#fff;} #Header .bg-primary a:hover{color:#000;}
#Header .input-group{width:300px;}
#Header .input-group .form-control{background:none; border:none; border-bottom:solid 1px #fff; border-radius:0px; box-shadow:none; color:#fff; font-size:12px; height:30px; padding-left:0px;} 
#Header .input-group .btn{background:none; padding:0px 0 2px 0; border-radius:0px;border:none;border-bottom:solid 1px #fff; color:#fff; font-size:18px;}
#Header .input-group .btn:hover{background:none;color:#000;}
#Header .form-control::placeholder{color:#fff;}

/*******************************Dropdown Menu*****************************************/
.dropdown-menu {padding:8px 8px; margin:0; min-width:13rem; background-color:#484848;}
.dropdown-item {color:#fff; padding:4px 10px 4px 10px;font-size:13px; font-weight:500;}
.dropdown-item:focus, .dropdown-item:hover {background-color:transparent; color:#b4b4b4;}
.dropdown-menu li+li .dropdown-item {border-top:1px solid #ccc;}

/******* Slider ********************************************************************/
.MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;top:0%;left:0;bottom:0;right:0;}
.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}

.MainBanner .carousel-indicators {z-index:99; bottom:-10px;}
.MainBanner .carousel-indicators li {background-color:#0a96d2; opacity:1;border-radius:50%; width:12px; height:12px; margin:0 5px;} 
.MainBanner .carousel-indicators .active {background-color:#000 !important;}

/********** Content **************************************************************************************************/
#WelTxt{} 

/**************************************************************/
#Blog .Textbox{padding:25px 12px;} .Price{font-family: 'Didot'; font-size:19px; color:#3d3d3d;}


#Blog .Slider {position: relative; padding: 0px 0px;}
#Blog .Slider .cycle-prev, #Blog .Slider .cycle-next {position:absolute; top:-20px; right:0px; z-index:99; cursor:pointer;}
#Blog .Slider .cycle-prev {left:0px; right:auto;}
#Blog .Slider .slideshow {overflow:hidden;}
#Blog .Slider .slideshow .isItem {white-space:normal; vertical-align:top;}
#Blog .Slider a{color:#009fe3; font-size:14px;} #Blog .Slider a:hover{color:#000;}

.Comingsoon{background:url(../images/coming-soon.png.man_.png) no-repeat top center; opacity:.3; min-height:450px;}
	
.ContactArea .ImgFade{background-color:#000;}
.ContactArea .ImgFade img{opacity:0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}
.ContactArea .ImgFade:hover{background-color:#009fe3;}
.ContactArea .ImgFade:hover img{opacity:0.2; filter: alpha(opacity=20); /* For IE8 and earlier */}
.ConText{position:absolute; z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;top:0%;left:0;bottom:0;right:0;}
.ContactArea a{color:#fff;} .ContactArea .ImgFade .ConText img{opacity:1;}

.List {padding:0; margin:0 0 35px 0; list-style-type:none;}
.List li{background:url(../images/icon.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 35px; margin:0px;}
	
/********** Footer ***************************************************************************************************/
#Footer {font-size:14px; line-height:30px;color:#fff;} 
#Footer a {color:#fff;} #Footer a:hover {color:#009fe3;}
#Footer .list-inline a{font-size:18px; margin:0px; color:#009fe3;}
#Footer .list-inline a:hover{color:#fff;}
#Footer .list-inline-item:not(:last-child) {margin-right: 15px;}
.CopyText,.CopyText a{font-size:12px; color:#474747 !important;}


/***************mycss*****************/

.innerpages h4 {
    margin-bottom: 20px !important;
    font-family: 'Lora', serif !important;
    font-size: 24px !important;
	/*color:#009fe3 !important;*/
}

.bdr-css{border: solid 1px #009fe3 !important;}




/********** Back To Top Button ***************************************************************************************************/
#scroll {position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-align:center; line-height:43px; background:#000; color:#fff !important;}
#scroll:hover {opacity:.7;}


@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,.8); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:70px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:20px 0px !important;}
.shrink .navbar-brand{padding:10px 0px 5px 0px !important;}
.MainBanner .carousel-item img {
    height:560px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
}


.container-fluid{max-width:1350px !important;}
.container-new{max-width:1620px !important; padding-right:15px; padding-left:15px;margin-right: auto;margin-left: auto;}

@media (min-width: 1920px) {
	.container-fluid{max-width:1350px !important;}
	.container-new{max-width:1620px !important; margin:auto;}
	.gutter-lg {margin-left:-34px!important;margin-right:-34px!important;}
    .gutter-lg div[class^="col"]{padding-left:34px!important;padding-right:34px!important;}
}

@media (min-width: 1600px) {}
@media (min-width: 1200px) {}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 767.98px) {}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {.fs-19{font-size:15px;} #Header + main {margin-top:0px;} 
#Header {position:static; padding-bottom:10px;} 

}
@media (max-width: 767.98px) {	
#Header + main {margin-top:0px;} 
#Header {position:static;}#Header .input-group{width:100%;}
#Blog .Slider {position: relative; padding: 0px 15px;}

#Header .SerchBox .form-control{border:solid 1px #009fe3 !important; border-radius:0px; box-shadow:none; color:#000; font-size:12px; height:30px; padding-left:15px !important;} 
#Header .SerchBox .input-group .btn{padding:2px 10px; border-radius:0px; background:#009fe3; border:solid 1px #009fe3 !important; color:#fff; font-size:16px; height:30px;}
#Header .SerchBox .form-control::placeholder{color:#000;}


}

@media (max-width: 479px) {
.btn{padding:13px 25px;}
.btn-sm{padding:13px 45px !important;}
#Header .input-group{width:100%;}
}

@media (max-width: 320px) {}