@charset "utf-8";

/* CSS Document */





body {

	/*font-family: 'Raleway', sans-serif;*/

	color: #5C5C5C;

	margin: 0;

	padding: 0;

	font-size: 18px;

	line-height: 24px;

	background: #fff;

	font-weight:400;	

}



* {

    border: medium none;

    margin: 0;

    padding: 0;

}

h1,h2,h3,h4,h5,h6{	

	font-family: 'Oswald', sans-serif;

}

ul{

list-style-type:none;

}	

a{

  text-decoration:none;

  outline: none!important;

}



a:hover{

text-decoration:none;

outline:none;

} 

textarea{

resize:none;

}

.mar-top{

	margin-top:40px;

}

p {

	line-height: 26px; 

	font-size: 18px;

	font-weight:inherit;

	color:#535151;

}



/*#######################*/



.header{

	background-color: #035c96;

	position:relative;

	display:block;

	width:100%;

	float:left;

}

.logo{

	padding: 10px 20px;

	background-color: #03204c;

	text-align:center;

	position:absolute;

	left:0;

	top:0;

}

.top-contact {

	padding: 12px 0;

	border-bottom: 1px solid #fff;

	margin-right: 50px;

	float: right;

}

.social-ico{

	float:right;

	margin:0;

	padding:0;

	display:inline-block;

}

.social-ico li{

	float:left;

	margin:0 8px;

	width:35px;

	height:35px;

	border-radius:50%;

	background-color:#fff;

	text-align:center;

	transition: all ease-in-out 0.3s;

}

.social-ico li:hover{

	background-color:#03204c;

}

.social-ico li:hover i{

	color:#fff;

}

.social-ico li i{

	color:#035c96;

	transition: all ease-in-out 0.3s;

	line-height:35px;

	font-size:20px;

}

.contact-lst {

	margin: 8px;

	padding: 0;

	float: right;

}

.contact-lst li {

    margin: 0 15px 0 0;

    padding: 0 15px 0 0;

    border-right: 1px solid #fff;

    font-size: 19px;

    font-weight: 500;

    float: left;



}

.contact-lst li a{

	color:#fff;

}

.contact-lst li i{

	color:#fff;

	font-size: 16px;

	margin-right: 12px;

}

.contact-lst li:first-child i{

	font-size: 22px;

}



/*################################ NAV ##############################*/



.menu{

	float:right;

	margin-right:50px;

}

.navbar {

  border-radius: 0;

  margin-bottom: 0;

  min-height: auto !important; }

 .navbar-header {

  display: none; }

 .navbar-nav {

  float: none !important; }

 .navbar-collapse {

  padding: 0; }

 .navbar-default {

  background-color: transparent;

  border: none; }



.navbar-nav > li {

  font-size: 13px;

  font-weight: 600;

  margin: 0;

  text-transform: uppercase;

}

.navbar-nav > li:first-child{

	margin-left:0;

}

 .nav > li > a {

  padding: 21px 28px;

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  overflow: hidden; }



 .nav > li > a:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  right: 50%;

  bottom: 0;

  background-color: #fff;

  height: 4px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out; }



 .nav > li > a:hover:before,

 .nav > li > a:active:before {

  left: 0;

  right: 0; }

 .navbar-default .navbar-nav > li > a {

  color: #fff; }

 .navbar-default .navbar-nav > li > a:hover {

  color: #fff; }

 .navbar-default .navbar-nav > .active > a,

 .navbar-default .navbar-nav > .active > a:hover,

 .navbar-default .navbar-nav > .active > a:focus {

  background-color: transparent;

  color: #fff; }

 .navbar-default .navbar-nav > .active > a:before,

 .navbar-default .navbar-nav > .active > a:hover:before,

 .navbar-default .navbar-nav > .active > a:focus:before {

  color: #ffca08;

  left: 0;

  right: 0; }

 .navbar-default .navbar-nav > .open > a,

 .navbar-default .navbar-nav > .open > a:hover,

 .navbar-default .navbar-nav > .open > a:focus {

  background-color: transparent !important;

  color: #ffca08; 

 }

.dropdown-menu {

  background-color: rgba(0,0,0,0.8);

}



.dropdown-menu > li > a {

  color:#fff !important;

}

.dropdown-menu > li > a:hover {

  color:#fff !important;

  background-color:rgba(255, 202, 8, 0.85)!important;

}

.dropdown-toggle {

  position:relative;

}



/*################################ CAMERA BANNER ##############################*/



.fluid_container {

	bottom: 0;

	height: 100%;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 0;

}

.camera_bar {

	z-index: 2;

}

.camera_thumbs {

	margin-top: -100px;

	position: relative;

	z-index: 1;

}

.camera_thumbs_cont {

	border-radius: 0;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

}

.camera_overlayer {

	opacity: .1;

}

.camera_thumbs_cont > div {

	display: none;

}

.camera_bar {

	display: none;

}

.camera_wrap {

	width: 100%;

	margin-bottom:0 !important;

}

.camera_commands {

	display: none;

}

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {

	background: none !important;

}

.camera_prev, .camera_next, .camera_commands {

  bottom: 0 !important;

}

.camera_pag {

	position: absolute;

	right: 6%;

	top: 18%;

}



.camera_wrap .camera_pag .camera_pag_ul li {

	border-radius: 0;

	display: block;

	margin: 8px 0;

	border: 2px solid #fff;

	float: none;

}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {

	border: 2px solid #fff;

	background-color: #fff;

	}

.banner {
	height: 297px;
	min-height:300px;
	width:100%;
	float:left;
	height: 350px;

}



/*################################ END CAMERA BANNER ##############################*/



.three-prt-sec {

	display: inline-block;

	width: 100%;

}

.three-prt-sec ul{

	margin:0;

	padding:0;

}

.three-prt-sec ul li{

	float:left;

	width:25%;

	background: url(../images/three-prt-bg.jpg) no-repeat;

	background-size:cover;

}

.fst-bx{

	padding: 20px;

	text-align:center;

	background-color: rgba(255,255,255,0);

	transition: all ease-in-out 0.3s;

	display:inline-block;

	width:94%;

}

.three-prt-sec ul li h2{

	font-size:24px;

	color: #fff;

	font-weight: 700;

	margin:0;

	padding:0;

}

.three-prt-sec ul li p{

	font-size:18px;

	color: #fff;

	margin: 15px 0 0;

	padding:0;

}

.three-prt-sec ul li a{

	font-size:18px;

	color: #fff;

	margin: 15px 0 0;

	font-weight:400;

	display:inline-block;

	padding:8px 25px;

	background-color: #6497b1;

}

.three-prt-sec ul li:hover .fst-bx{

	background-color: rgba(255,255,255,0.4);

}

.about-sec{

	padding:40px 0;

	background-color: #c8c9cb;

}

.about-bx h2{

	font-size:30px;

	font-weight: 700;

	color: #fff;

	margin:0;

	padding: 8px 25px;

	background: -moz-linear-gradient(left, rgba(104,153,178,1) 0%, rgba(104,153,178,0.98) 2%, rgba(112,165,198,0.7) 38%, rgba(125,185,232,0) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(left, rgba(104,153,178,1) 0%,rgba(104,153,178,0.98) 2%,rgba(112,165,198,0.7) 38%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to right, rgba(104,153,178,1) 0%,rgba(104,153,178,0.98) 2%,rgba(112,165,198,0.7) 38%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6899b2', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */

}

.about-bx p{

	font-size:18px;

	color: #2c4551;

	margin: 20px 0 0;

	line-height:26px;

	padding:0 50px;

}

.gal-list{

	margin: 40px 0 0;

	padding:0;

	display: inline-block;

	width:100%;

}

.gal-list li{

	float:left;

	width:20%;

}

.product-img {

	width: 100%;

	display: inline-block;

	position: relative;

	overflow: hidden;

}

.product-img img {

	width: 100%;

}

.overlay-1 {

	bottom: -245px;

	color: #fff;

	font-size: 21px;

	height: 94%;

	left: 0;

	margin: auto;

	line-height: 40px;

	position: absolute;

	right: 0;

	top: 0;

	width: 94%;

	opacity: 0;

	background: rgba(105,153,178,0.35);

	border: 1px solid #fff;

}

.overlay-1 a {

	color: #fff;

	padding: 0 10px;

	position: absolute;

	content: '';

	width: 40px;

	height: 40px;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	background: #0f4d8a;

}

.product-img:hover .overlay-1 {

	bottom: 0px;

	opacity: 1;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

}

.btn-more{

	font-size:14px;

	color:#fff;

	font-weight: 400;

	margin: 20px 10px 0;

	display:inline-block;

	padding: 8px 25px;

	background-color: #0f4d8a;

}

.btn-more i{

	font-size:18px;

	color:#fff;

	margin-right:6px;

}

.btn-more:hover,

.btn-more:focus{

	color:#fff;

}

.footer-top{

	background-color: #0f4d8a;

	padding:40px 0;

}

.f-pera {

	color: #fff;

	font-weight: 300;

	margin: 12px 0 0;

	padding: 0 45px 0 0;

}

.footer-title {

	font-size: 24px;

	font-weight: 600;

	color: #fff;

	margin-bottom: 22px;

	padding: 0;

	margin-top: 0;

}

.fnav-link {

	margin: 0;

	padding: 0;

}

.fnav-link li {

	float: none;

	margin-bottom: 10px;

}

.fnav-link li i {

	color: #fff;

	float: left;

	font-size: 20px;

	padding-right: 12px;

	width: 33px;

}

.fnav-link li p {

	color: #fff;

	font-size: 14px;

	font-weight: 600;

	overflow: hidden;

	margin: 0;

}
.fnav-link li a {

	color: #fff;

	font-size: 14px;

	font-weight: 600;

	overflow: hidden;

	margin: 0;

}

.fnav-link li p a {

	color: #c4c4c4;

	font-weight: 400;
		
	}

.footer-menu-list {

	margin: 0;

	padding: 0;

}

.footer-menu-list li::before {

	color: #fff;

	content: "\f0da";

	font-family: FontAwesome;

	font-size: 15px;

	left: 0;

	position: absolute;

}

.footer-menu-list li {

	float: none;

	text-transform: uppercase;

	font-size: 13px;

	font-weight: 400;

	margin-bottom: 6px;

	margin-top: 0;

	padding-left: 15px;

	position: relative;

}

.footer-menu-list li a {

	color: #fff;

}

.submit-box {

	display: inline-block;

	position: relative;

	width: 100%;

}

.submit-box input[type="email"] {

	background-color: transparent !important;

	border: 1px solid #fff;

	color: #e5dddd;

	font-size: 15px;

	font-weight: 400;

	height: 36px;

	line-height: 1;

	margin: 0;

	outline: medium none;

	padding: 3px 45px 3px 15px;

	width: 100%;

}

.submit-box .search-icon {

	background-color: #fff;

	border: 0 none;

	color: #000;

	font-size: 16px;

	font-weight: 600;

	height: 36px;

	line-height: 1;

	min-width: 0;

	padding: 0;

	position: absolute;

	right: 0;

	top: 0;

	width: 40px;

}



.f-social{

	margin-top: 30px;

	float:left;

}

.footer-bttm{

	background-color: #082c54;

	padding:18px 0;

	text-align:center;

}

.copy-right {

	color: #fff;

	font-size: 16px;

	font-weight: 400;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.copy-right a{

	color: #4e91d2;

}





/*################################## About Us ###############################################*/



.main-section {

    padding: 30px 0;

}


.inner-banner-wrap {

	background: url(../images/inner-banner.jpg) no-repeat;

	padding: 80px 0;

	display: inline-block;
    height: 300px;
	width: 100%;

	background-size:cover;

}

.sticker-title {

  color: #ffffff;

  font-size: 44px;

  font-weight: 700;

  letter-spacing: 0.05em;

  margin: 0;

  text-align:right;

  text-transform: uppercase;

}

.big-title::after {

  background-color: #0198dd;

  bottom: -20px;

  content: "";

  height: 3px;

  right: 0;

  position: absolute;

  width: 70px;

}

.big-title {

  color: #fff;

  text-align:right;

  font-size: 15px;

  font-weight: normal;

  position: relative;

  text-transform: none;

}

.about-rt-img{

	

	margin-bottom:20px;

}

.about-rt-img img{

	width: 100%;
    margin-top: 33px;

}

.about-txt img {
    width: 100%;
    height: 50%;
}

.about-txt h2{

	font-size: 30px;

	font-weight: 500;

	
}

.about-txt h2 span {

    font-size: 32px;

    font-weight: 600;

    display: block;

    color: #0fb0d9;

}

.about-txt p {
   font-size: 18px;
    margin: 15px 0 0;

    padding: 0;

    

}

.mar-top {

    margin-top: 40px;

}

.about-txt ul {

    margin: 20px 0 0;

    padding: 0;

}

.about-txt ul li {

    font-size: 18px;

    font-weight: 400;

    

    margin: 0 0 6px;

    padding: 0 0 0 22px;

    position: relative;

}

.about-txt ul li:before {

    content: "\f096";

    font-family: FontAwesome;

    position: absolute;

    left: 0;

    top: 0;

    font-size: 14px;

    color: #0198dd;

}



/*################################## Services ###############################################*/



.main-title {

    font-size: 40px;

    font-weight: 600;

    color: #0fb0d9;

	margin: 11px 0 36px;

    padding: 0;

    text-align: center;
    
    display: block;

}



.choose-bx {

  border: 4px solid #e2e2e2;

  display: inline-block;

  width: 100%;
  height:100%;
  transition: all ease-in-out 0.3s;

  -webkit-transition: all ease-in-out 0.3s;

  -moz-transition: all ease-in-out 0.3s;

  -ms-transition: all ease-in-out 0.3s; 
    
    margin-bottom: 10px;

}

.choose-bx .choose-img {

    border-bottom: 4px solid #e2e2e2;

    height: 307px;

    overflow: hidden; 

}

.choose-bx .choose-img img {

	width: 100%;

	height: 100%; 

}

.choose-bx .choose-txt {

    padding: 20px; 

}

.choose-bx .choose-txt h3 {

	font-size: 20px;

	font-weight: 500;

	color: #000;

	margin: 0;

	padding: 0; 

}

.choose-bx .choose-txt p {

	color: #777777;

	margin: 15px 0 0;

	padding: 0; 

}

.choose-bx .choose-txt a {

	font-size: 15px;

	color: #fff;

	font-weight: 700;
    background-color: #0198dd;

	padding: 5px 25px;

	border: 2px solid #0198dd;

	margin: 12px 0 0;

	display: inline-block;

	transition: all ease-in-out 0.3s;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	-ms-transition: all ease-in-out 0.3s; 

}

.choose-bx:hover {

    border: 4px solid #0198dd;

    background-color: #0198dd; 

}

.choose-bx:hover h3 {

    color: #fff; 

}

.choose-bx:hover p {

    color: #fff; 

}

.choose-bx:hover a {

    color: #fff;

    border: 2px solid #fff; 

}

.choose-bx:hover .choose-img {

    border-bottom: 4px solid #0198dd; 

}



/*################################## contact Us ###############################################*/



.map-sec iframe {

    width: 100%;

    height: 400px;

    overflow: hidden;

    border: none;

}

.contact-item {

    box-shadow: 0 0 5px 0 rgba(208,208,208,1.00);

    display: inline-block;

    margin-bottom: 30px;

    padding: 24px 20px;

    width: 100%;

}

.contact-item .content {

	float: left;

	width: 80%;

}

.contact-item h5 {

    font-size: 16px;

    font-weight: 600;

    margin: 0 0 10px;

    padding: 0;

    text-transform: uppercase;

    color: #0198dd;

}

.contact-item p {

    color: #838383;

    margin: 0;

    padding: 0;

}

.contact-item a{

    color: #838383;

    margin: 0;

    padding: 0;

}

.contact-item .icon {

    color: #CCCCCC;

    float: right;

    font-size: 60px;

}

.testi-wrap {

	background-color: #f5f5f5;

    padding: 55px 0;

    display: inline-block;

    width: 100%;

}

.contact-title {

    font-size: 20px;

    font-weight: 400;

    color: #010101;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

}

.contact-title span {

    color: #0198dd;

}

.rd-mailform {

    margin-top: 20px;

}

.form-group {

    margin-bottom: 15px;

}

.rd-mailform label {

    color: #515151;

    font-weight: 400;

}

.rd-mailform .form-control {

    border-radius: 0;

    height: 35px;

    color: #000;

    background-color: transparent;

    box-shadow: none;

    border-bottom: 1px solid #454545;

    border-top: none;

    border-left: none;

    border-right: none;

}

.rd-mailform textarea.form-control {

    border-radius: 0;

    height: 100px;

    background-color: transparent;

}	

.btn-send {

    background-color: #0198dd;

    border: none;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 3px;

    margin-top: 14px;

    padding: 6px 15px;

    text-transform: uppercase;

}



/*################################## Gallery ###############################################*/



.masonry-item {

    margin-bottom: 15px;

}

.effect {

    padding: 3px;

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.22);

    margin-bottom: 0;

    overflow: hidden;

    position: relative;

    background: #fff;

}

.img img {

    height: 100%;

    width: 100%;

}

.effect:hover .overlay-1 {

    bottom: 0px;

    opacity: 1;

    -webkit-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



























/*################################## Responsive ###############################################*/







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



.top-contact {

	margin-right: 0;

	padding: 7px 0;

}

.contact-lst li {

	margin: 0 10px 0 0;

	padding: 0 10px 0 0;

}

.menu {

	margin-right: 0;

}

.nav > li > a {

	padding: 11px 25px;

}

.fst-bx {

	padding: 20px 10px;

}

.three-prt-sec ul li p {

	font-size: 14px;

}

.about-txt h2 span {

	font-size: 30px;

}



}



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



.social-ico li {

	margin: 0 4px;

	width: 30px;

	height: 30px;

}

.social-ico li i {

	line-height: 30px;

	font-size: 16px;

}

.contact-lst {

	margin: 4px 0;

}

.contact-lst li {

	font-size: 14px;

}

.navbar-nav > li {

	font-size: 12px;

}

.nav > li > a {

	padding: 4px 16px;

}

.nav > li > a::before {

	height: 2px;

}

.banner {

	min-height: 368px;

}

.contact-item {

	margin-bottom: 0;

	margin-top: 20px;

}

.inner-banner-wrap {

	padding: 50px 0;

}

.sticker-title {

	font-size: 28px;

}

.big-title {

	font-size: 14px;

	margin: 10px 0;

}



}



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

.contact-lst li {
    border-right: none !important;
}

.logo {

	position: static;

}

.contact-lst {

	display: block;

}

.menu {

	float: none;

}

.navbar-header {

	display: block;

}

.navbar-toggle {

	margin-right: 0;

	margin-top:-9px;

}

.navbar-nav {

	float: none !important;

	margin:0;

}

.nav > li > a {

	padding: 6px 16px 6px 0;

}

.top-contact {

	border-bottom: none;

	float: none;

}

.social-ico {

	float: none;

	display: block;

}

.banner {

	min-height: 0px !important;
    max-height: 367px !important;

}
	
	.about-txt p {
    font-size: 14px !important;
    margin: 15px 0 0;
    padding: 0;
    
}

.three-prt-sec ul li {

	float: none;

	width: 100%;

}

.about-bx p {

	font-size: 14px;

	padding: 0;

}

.gal-list {

	margin: 30px 0 0;

}

.gal-list li {

	width: 50%;

}

.btn-more {

	font-size: 12px;

	margin: 10px 3px 0;

	padding: 3px 10px;

}

.copy-right {

	color: #fff;

	font-size: 14px;

	font-weight: 400;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

.sticker-title {

	font-size: 22px;

	float: none;

	text-align: center;

}

.big-title::after {

	left: 0;

	margin: 0 auto;

}

.big-title {

	float: none;

	text-align: center;

}

.main-title {

	font-size: 20px;

}

.about-txt h2 span {

	font-size: 22px;

}

.choose-bx {

	margin-bottom: 20px;

}



}

.form {
    padding: 30px;
    background-color: #1986c1;
    color: #fff;
    margin-top: 14px;
}

.col-md-4.col-sm-5.formsidebar {
    background-color: #1986C1;
    color: #fff;
    margin-left: -12px;
}
.formsidebar button.btn-send {
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
}


/**************** Blog 6.05.2019 ***************/
.blog-wrapper .col-md-6{
	margin:0;
	padding:0;
}



.blog-wrapper .blog {
    width: 100%;
	padding:8px;
    box-sizing: border-box
}

.blog-wrapper .blog .wrap {
    min-height: 400px;
    position: relative
}



.blog-wrapper .blog .wrap .source .author p {
    margin: 0;
    font-size: 15px;
    color: #eee;
    font-weight: 600;
}

.blog-wrapper .blog .wrap .source .author .author-name {
    font-weight: 700 !important;
	letter-spacing:1px;
}

.blog-wrapper .blog .wrap .source {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2
}

.blog-wrapper .blog .wrap .bottom,.blog-wrapper .blog .wrap .top {
    width: 100%;
    min-height: 231px;
    padding: 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    cursor: default;
    transition: all .4s
}

.blog-wrapper .blog .wrap .bottom h5,.blog-wrapper .blog .wrap .top h5 {
    font-family: sofia_prolight,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 27px;
    color: #fff
}

.blog-wrapper .blog .wrap .top {
    background: transparent no-repeat center center/cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 1;
    position: relative
}

.blog-wrapper .blog .wrap .top .vignette {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.blog-wrapper .blog .wrap .top h5 {
    position: relative;
    z-index: 2;
	top: 16px;
}



.blog-wrapper .blog .wrap .bottom {
    background: rgb(55,52,108);
     background: radial-gradient(circle, rgba(55,52,108,1) 23%, rgba(73,73,112,1) 52%, rgba(9,117,139,1) 100%);
    z-index: 2
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-wrapper .blog .wrap .bottom h5 {
    margin: 70px 0 20px 0;
    color: rgba(46,46,46,.8)
}

.blog-wrapper .blog .wrap .bottom .description {
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 1px;
    text-align: justify;
}

.blog-wrapper .blog .wrap .hover-area {
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
    background: transparent no-repeat center center/cover;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all .4s
}

.blog-wrapper .blog .wrap .hover-area .sharer a {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 10px;
    background: transparent no-repeat center center;
    background-size: 80% 80%;
    cursor: pointer;
	color:#fff;
}




.blog-wrapper .blog .wrap .hover-area .sharer {
    position: relative;
    z-index: 2;
	margin-top: 80px;
}

.blog-wrapper .blog .wrap .hover-area .flare {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
   background: rgb(55,52,108);
     background: radial-gradient(circle, rgba(55,52,108,1) 23%, rgba(73,73,112,1) 52%, rgba(9,117,139,1) 100%);
}


.blog-title{
    color: #fff;
    position: relative;
    z-index: 2;
	letter-spacing: 1px;
}



.blog-wrapper .blog .wrap .hover-area .full_blog {
    padding: 9px 59px;
    margin: 54px auto 15px;
    border: none;
    display: block;
    background: #ffffff;
    font-family: sofia_prolight,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    color: #0198dd;
    cursor: pointer;
    outline: 0;
    transition: background .2s;
    position: relative;
    z-index: 2;
    border-radius: 25px;
}

.blog-wrapper .blog .wrap .hover-area .full_blog:hover {
    background: #030323;
	color:#fff;
	text-decoration:none;
}

.blog-wrapper .blog .wrap .hover-area a:hover {
    color: #030323;
}

.blog-wrapper .blog:hover .hover-area {
    height: 100%;
    opacity: 1
}


/*recent-post-col////////////////////*/
.widget-sidebar {
    background-color: #fff;
    padding: 20px;
	border: 5px solid #3a5376;
	margin-top: 7px;
	
}


.title-widget-sidebar {
    font-size: 14pt;
    border-bottom: 2px solid #3a5376;
    padding-bottom: 10px;    
    margin-top: 0px;
}



.title-widget-sidebar:after {
    border-bottom: 2px solid #3a5376;
    width: 150px;
    display: block;
    position: absolute;
    content: '';
    padding-bottom: 10px;
}

.content-widget-sidebar ul {
        padding-inline-start: 0px!important;
}

.recent-post{width: 100%;height: 80px;list-style-type: none;}
.post-img img {
    width: 75px;
    height: 70px;
    float: left;
    margin-right: 8px;
    border: 5px solid #3a5376;
    transition: 0.5s;
}

.recent-post a {text-decoration: none;color:#34495E;transition: 0.5s;}
.post-img, .recent-post a:hover{color:#3a5376;}

.recent-post h5 {
	font-size:14px;
	color:#000000;
}


/*categories//////////////////////*/

.categories-btn{
    background-color: #acc0c0;
    margin-top:3px;
    color: #fff;
    cursor: pointer;
    padding: 13px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    
}
.categories-btn:after {
    content: '\25BA';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.categories-btn:hover {
    background-color: #3a5376;
	color: #fff;
}

.blog_bg {
    background: rgb(55,52,108);
     background: radial-gradient(circle, rgba(55,52,108,1) 23%, rgba(73,73,112,1) 52%, rgba(9,117,139,1) 100%);
    border-radius: 14px;
    
}

.blog_bg p{
color: #fff !important;
}

.blog_bg span{
color: #fff !important;
}
.blog_bg h3{
color: #fff !important;
}
.blog_bg a{
color: #9cdaff !important;
}
.blog_bg i{
color: #fff !important;
}

.blog_bg small{
color: #fff !important;
}


.p0 .col-md-8{
	padding:0;
}
.author ul li a {
    color: #fff;
}
.blog-title ul li a {
    color: #fff;
}



.blog_bg .post_image {
   width: 100%;
    height: 35vh;
}

.post-categories {
list-style:none;
padding-inline-start: 0px;
}

.widget-sidebar{
    display:inline-grid;
    width:100%;
}







.m-0{margin:0!important}
 .mt-0,.my-0{margin-top:0!important}
 .mr-0,.mx-0{margin-right:0!important}
 .mb-0,.my-0{margin-bottom:0!important}
 .ml-0,.mx-0{margin-left:0!important}
 .m-1{margin:.25rem!important}
 .mt-1,.my-1{margin-top:.25rem!important}
 .mr-1,.mx-1{margin-right:.25rem!important}
 .mb-1,.my-1{margin-bottom:.25rem!important}
 .ml-1,.mx-1{margin-left:.25rem!important}
 .m-2{margin:.5rem!important}
 .mt-2,.my-2{margin-top:.5rem!important}
 .mr-2,.mx-2{margin-right:.5rem!important}
 .mb-2,.my-2{margin-bottom:.5rem!important}
 .ml-2,.mx-2{margin-left:.5rem!important}
 .m-3{margin:1rem!important}
 .mt-3,.my-3{margin-top:1rem!important}
 .mr-3,.mx-3{margin-right:1rem!important}
 .mb-3,.my-3{margin-bottom:1rem!important}
 .ml-3,.mx-3{margin-left:1rem!important}
 .m-4{margin:1.5rem!important}
 .mt-4,.my-4{margin-top:1.5rem!important}
 .mr-4,.mx-4{margin-right:1.5rem!important}
 .mb-4,.my-4{margin-bottom:1.5rem!important}
 .ml-4,.mx-4{margin-left:1.5rem!important}
 .m-5{margin:3rem!important}
 .mt-5,.my-5{margin-top:3rem!important}
 .mr-5,.mx-5{margin-right:3rem!important}
 .mb-5,.my-5{margin-bottom:3rem!important}
 .ml-5,.mx-5{margin-left:3rem!important}

.p-0{padding:0!important}
 .pt-0,
 .py-0{padding-top:0!important}
 .pr-0,
 .px-0{padding-right:0!important}
 .pb-0,
 .py-0{padding-bottom:0!important}
 .pl-0,.px-0{padding-left:0!important}
 .p-1{padding:.25rem!important}
 .pt-1,.py-1{padding-top:.25rem!important}
 .pr-1,.px-1{padding-right:.25rem!important}
 .pb-1,.py-1{padding-bottom:.25rem!important}
 .pl-1,.px-1{padding-left:.25rem!important}
 .p-2{padding:.5rem!important}
 .pt-2,.py-2{padding-top:.5rem!important}
 .pr-2,.px-2{padding-right:.5rem!important}
 .pb-2,.py-2{padding-bottom:.5rem!important}
 .pl-2,.px-2{padding-left:.5rem!important}
 .p-3{padding:1rem!important}
 .pt-3,.py-3{padding-top:1rem!important}
 .pr-3,.px-3{padding-right:1rem!important}
 .pb-3,.py-3{padding-bottom:1rem!important}
 .pl-3,.px-3{padding-left:1rem!important}
 .p-4{padding:1.5rem!important}
 .pt-4,.py-4{padding-top:1.5rem!important}
 .pr-4,.px-4{padding-right:1.5rem!important}
 .pb-4,.py-4{padding-bottom:1.5rem!important}
 .pl-4,.px-4{padding-left:1.5rem!important}
 .m-n1{margin:-.25rem!important}
 .mt-n1,.my-n1{margin-top:-.25rem!important}
 .mr-n1,.mx-n1{margin-right:-.25rem!important}
 .mb-n1,.my-n1{margin-bottom:-.25rem!important}
 .ml-n1,.mx-n1{margin-left:-.25rem!important}
 .m-n2{margin:-.5rem!important}
 .mt-n2,.my-n2{margin-top:-.5rem!important}
 .mr-n2,.mx-n2{margin-right:-.5rem!important}
 .mb-n2,.my-n2{margin-bottom:-.5rem!important}
 .ml-n2,.mx-n2{margin-left:-.5rem!important}
 .m-n3{margin:-1rem!important}
 .mt-n3,.my-n3{margin-top:-1rem!important}
 .mr-n3,.mx-n3{margin-right:-1rem!important}
 .mb-n3,.my-n3{margin-bottom:-1rem!important}
 .ml-n3,.mx-n3{margin-left:-1rem!important}
 .m-n4{margin:-1.5rem!important}
 .mt-n4,.my-n4{margin-top:-1.5rem!important}
 .mr-n4,.mx-n4{margin-right:-1.5rem!important}
 .mb-n4,.my-n4{margin-bottom:-1.5rem!important}
 .ml-n4,.mx-n4{margin-left:-1.5rem!important}




.blog_bg h1, .blog_bg h2, .blog_bg h3, .blog_bg h4, .blog_bg h5, .blog_bg h6 {
   margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
	color: #9cdaff ;
    text-transform: capitalize;
    font-weight: 600;
}
.blog_bg dl, .blog_bg ol, .blog_bg ul {
    margin-top: 0;
    margin-bottom: 1rem;
	
}
.blog_bg ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
	
}
.blog_bg ul li {
    margin-bottom: 8px;
    position: relative;
    color: #fff;
}

.blog_bg ul li:before {
    content: '';
    position: absolute;
    border-right: 2px solid #9cdaff ;
    border-bottom: 2px solid #9cdaff ;
    width: 7px;
    height: 7px;
    top: 13px;
    left: -18px;
    transform: translateY(-50%) rotate(-45deg);
}
.blog_bg p {
    margin-top: 0;
    margin-bottom: 1rem;
}