@import url('https://fonts.googleapis.com/css?family=Cinzel|Playfair+Display|Source+Sans+Pro:300,400,600&display=swap');
@import url('https://use.fontawesome.com/releases/v5.10.2/css/all.css');

/****************************************************************************/
html {scroll-behavior:smooth;}
body{color:#000000;font-family: 'Source Sans Pro', sans-serif; font-size:18px;font-weight:400;margin:0px;padding:0px;line-height:1.8;}

p{margin-bottom:20px;}
hr{margin:15px 0; background-color:#908f87;}

a{color:#58abff; outline:none!important;}
a:hover {color:#000; text-decoration:none;}

.gutter-xs {margin-left:-3px!important;margin-right:-3px!important;}
.gutter-xs div[class^="col"]{padding-left:3px!important;padding-right:3px!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:45px; border-color:#acacac; box-shadow:none;}

h1,.h1, h2,.h2,h3,.h3{font-family: 'Cinzel', serif;color:#000}
h1,.h1{font-size:45px; margin-bottom:25px; line-height:1.2;}
h2,.h2{font-size:40px; margin-bottom:25px;color:#000;}
h3,.h3{font-size:30px; margin-bottom:20px;}

.Bor:after {border-top:2px solid #59abff; content:"";display:block; margin:20px 0 0 0; padding-bottom:10px; width:80px;}
.Bor1:after {border-top:2px solid #59abff; content:"";display:block; margin:20px auto auto auto; padding-bottom:10px; width:80px;}

.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;}
/*******************************My css*********************************************/
.text-info{color:#8f83ca !important;}
.post-edit-link{color:#8f83ca !important}
.content-length{min-height:300px;} .btn-info{background-color:#8f83ca !important; border-color:#8f83ca !important; }.entry-content a { box-shadow: none !important; transition: none !important;color:#8f83ca !important;}h6{font-size:20px;}
.entry-content {font-weight:300;font-size:20px;}
.mycss-box{background-color:#ece8fd;box-shadow: 0px 1px 5px rgba(0,0,0,0.25); min-height:635px;}
.entry-content h4{color:#8f83ca;font-size:22px;}
.mybox{box-shadow: 0px 1px 5px rgba(0,0,0,0.25); min-height:355px;}
.entry-content ul{list-style: none ;}
.entry-content ul li{ background: url(../images/list.png)no-repeat 0.1em 0.43em; padding-left: 30px;}


/******* Helpers ********************************************************************/
.Cinzel{font-family: 'Cinzel', serif;}

.bg-dark{background-color:#8f83ca!important;}
.bg-light{background-color:#efedf7!important;}

.box-shadow{box-shadow:3px 3px 5px #000}
.text-warning{color:#ffa800 !important;}

/*#Header .row,#ContactForm .row,#WorkArea,#Footer .CopyText {display:flex; justify-content:center; align-items:center;}*/

/******* Buttons ********************************************************************/
.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;text-decoration:none !important;}

.btn-warning{background-color:#ffa800; border-color:#ffa800; font-size:14px; padding:9px 25px; font-weight:700; border-radius:30px; text-transform:uppercase; letter-spacing:.050em;color:#fff !important;}
.btn-warning:hover,.btn-warning.focus,.btn-warning:focus{background-color:#002552 !important; border-color:#002552 !important;color:#fff !important;}

/************************************************* Header ********************************************************************/
#header{padding:14px 0 0;}

/************************************************* Navbar ********************************************************************/
.navbar{padding:0; margin:20px 0 0;}
.navbar .nav-item .nav-link{color:#000 !important; font-size:15px; padding:0px 5px 20px; letter-spacing:.020em; border-bottom:solid 5px transparent;}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#8f83ca !important; border-bottom:solid 5px #8f83ca;}

/******* Slider ********************************************************************/
.main-banner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:9; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%}
.carousel-control-next, .carousel-control-prev {z-index:99;}


/********** Content **************************************************************************************************/
#welcome-sec .highlights h2{font-family: 'Source Sans Pro', sans-serif; font-size:22px;font-weight:600; margin:0;}
#welcome-sec .bg-light{padding:45px 24px;}
#welcome-sec .wel-text{font-size:20px;font-weight:300;}

#testimonials{margin:70px 0px; font-size:22px; font-weight:300;}
#testimonials q:before,#testimonials:before {content: open-quote; position:absolute; left:0; top:-35px;}
#testimonials q:after,#testimonials:after {content: close-quote; position:absolute; right:0; top:-35px; }
#testimonials q:before,#testimonials q:after,#testimonials:before,#testimonials:after {color:#efedf7; font-size:200px; font-family:'Playfair Display', serif;}
#testimonials .carousel-inner{width:75%; margin:auto;}
#testimonials .carousel-indicators {position:static; margin-top:50px;}
#testimonials .carousel-indicators li{width:10px; height:10px; margin:0 4px; background:#a9a2ce; border:solid 1px transparent; border-radius:50%;}
#testimonials .carousel-indicators li.active {background-color:#000;}

/********** Footer ***************************************************************************************************/
#footer{color:#5d5680; font-size:13px; letter-spacing:.1em;}
#footer a{color:#5d5680;}
#footer a:hover{color:#000;}
#footer .list-inline a{background-color:#8f83ca; border-radius:50%; color:#fff !important; font-size:17px; height:40px; width:40px; text-align:center; line-height:2.3;}
#footer .list-inline a:hover{background-color:#000;}
#footer .list-inline-item:not(:last-child) {margin-right:5px;}


/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(25,51,76, 0.55); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:45px; height:45px; text-indent:-9999px; display:none; webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px}
#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:#e5e5e5; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

@media (min-width: 1500px) {
	.container-fluid{max-width:1500px !important; padding:0 !important;}
 }

@media (min-width: 1200px) {
	.container{max-width:1170px; padding:0 !important;}
}

@media (min-width: 767.98px) {	
	.navbar-nav>li+li{margin-left:35px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {
	.navbar{margin-top:0px;}
	.navbar-nav>li+li{margin-left:9px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.navbar-nav>li+li{margin-left:25px;}
}

@media (max-width: 767.98px) {	
    h1,.h1{font-size:35px;}
	h2,.h2{font-size:30px;}
	
    .navbar-toggler{background-color:#000 !important; outline:none !important;}
	.navbar-toggler-icon{width:1em; height:1em; color:#fff;}
	.navbar{margin:0 0 10px;}
	.navbar-nav{margin-top:10px;}
	.navbar .nav-item .nav-link{background-color:#efedf7; border:0; margin-bottom:2px; padding:10px;}
	.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{background-color:#8f83ca; color:#fff !important; border:0;}
	
	#testimonials q:before,#testimonials q:after,#testimonials:before,#testimonials:after {font-size:150px;}
	#testimonials q:before,#testimonials:before ,#testimonials q:after,#testimonials:after {top:-10px; }
	
}

@media (max-width: 479px) {
	#testimonials{font-size:18px;}
	#testimonials q:before,#testimonials:before ,#testimonials q:after,#testimonials:after {top:20px; }

}

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