/* #366fec */

body,p,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
#mainMenu nav>ul>li>a,
.slide-caption .stitle,
.slide-caption .htitle{
	font-family: Helvetica,Arial,sans-serif;
	text-transform: capitalize;
}
body{
	background: #fff url(https://bestsolutionconsulting.net/files/9000/sign.png) no-repeat;
	background-size: 38%;
	background-position: 100% 57%;
}
#suop--ele___block-content-6{ background:transparent; }
#goToTop:hover i{ color:#366fec; }
#header.header-transparent #header-wrap #logo{ top:30px; }
#mainMenu nav>ul>li>a{ 
	border-radius: 50px; 
	font-size: 1.25em;
	letter-spacing: 0;
	font-weight: 500;
	line-height: 40px;
	padding: 0px 20px;
	display: inline-block;
}

.btn,
.slide-caption .btn,
#mainMenu nav>ul>li:hover>a{
	background: #366fec;
	color: #fff;
	border-radius: 50px;
}
.btn.btn-light{
	background: #fff;
	color: #366fec;
	box-shadow: inset 0 2px 1px #223cd2;
}
.btn:hover,
.btn.btn-light:hover{
	background: #224cd2;
	color: #fff;
}

.slide-caption{ 
	text-align: left;
	width: 1140px;
	left: initial;
	padding-right: 5%;
	bottom: initial;
	top: 28%;
	left: 0;
	right: 0;
	padding-right: 36%;
}
.slide-caption .stitle{font-size: 4em;}
.slide-caption .stitle, .slide-caption .htitle{
	line-height: 1.25;
	font-weight: 600;
}
.slide-caption .htitle{ font-size:2em; }
.suop--ele___block-slider-5{ background:transparent !important; }
#suop--ele___block-slider-5 .owl-controls{ display:none; }


#suop--ele___block-calltoaction-4 h3{ color:#fff; font-size: 3em;}
#suop--ele___block-calltoaction-4 p{ color:#fff; }

#suop--ele___block-slider-5{ padding-bottom:0; }
#suop--ele___block-slider-5 .slide-detail{
	background: #356fec;
	padding: 60px;
	border-radius: 120px 100px 120px 0;
	box-shadow: -20px 25px 15px rgba(14, 65, 157, 0.27);
	margin-bottom: 40px;
}
#suop--ele___block-slider-5 h3{ margin-bottom: 10px; }
#suop--ele___block-slider-5 p{ color:#fff; }
#suop--ele___block-slider-5 h3, #suop--ele___block-slider-5 h5{color: #112d6c;}
#suop--ele___block-slider-5 .suop--slider--image{ 
	border-radius: 60px 60px 0 60px;
}
#suop--ele___block-slider-5 .suop--slider--image img{ border-radius: 80px 120px 0px 120px; }

#suop--ele___block-content-6 h2.title-content{ font-size:4.5em; margin-bottom: 0;}
.service-item{ width:25%; display: inline-block; float: left; clear: none !important; margin-bottom: 20px;}
.service-item .inner{
	position: relative;
	border-radius: 40px;
	background: #ddd;
	overflow: hidden;
	background: #ebf1ff;
	box-shadow: -9px 9px 11px rgba(81, 100, 149, 0.2);
}
.service-item .inner:before{ 
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.83), rgba(0, 0, 0, 0.59) 31.93%, rgba(0, 0, 0, 0) 84.87%);
}
.service-item:hover .inner:before{opacity:.5; }
.service-item img{ left:-50%; position:relative;  }
.service-item .service-title{
	font-size: 1.25em;
	text-align: left;
	letter-spacing: 0;
	margin: 8px 0;
	line-height: 1.25;
	padding: 10px 15px;
	position: absolute;
	bottom: 0;
	color: #fff;
	text-align: center;
	font-weight: 300;
	width: 100%;
	z-index: 5;
}
.service-item:hover .service-title{ text-shadow: 0 0 1px #333; }


.logo-footer{ width:100%; margin-top:10px; }
footer h3, footer h4{ letter-spacing:0; }
footer hr{ display:none; }
footer, footer a{ color: #181717; }
footer .col-md-5.col-left .htitle.suop--title_1{ 
	margin-bottom:8px; 
	font-size: 1.35714286em;
	line-height: 1.68421053em;
}
footer a:hover{ color:#fff; text-decoration:underline; cursor:pointer; }

@media( min-width:1280px){
	#mainMenu nav{
		background: #fff;
		border-radius: 50px;
		top: 20px;
		position: relative;
		padding: 10px 20px;
		right: -9%;
	}
	#mainMenu nav>ul>li{ line-height:initial; }
	#mainMenu nav>ul>li>a{ line-height:50px; }

	#suop--ele___block-calltoaction-4 .btn{
		margin-top: 40px !Important;
		line-height: 60px;
		padding: 0 30px;
		font-size: 1.2em;
	}

}
@media( max-width: 1024px){
	body{
		background: #fff url(https://bestsolutionconsulting.net/files/9000/sign-1.png) no-repeat;
		background-size: 41%;
		background-position: 95% 84%;
	}
	#suop--ele___block-calltoaction-4 .col-left,
	#suop--ele___block-calltoaction-4 .col-right,
	footer .col-copyright{
		width: 100% !important;
	}
	#suop--ele___block-calltoaction-4 .btn{ margin-top:0px !important; }
}
@media( max-width: 480px){
	#header #header-wrap #logo a>img{ height: 50px; margin-top: 15px; }
	#header #mainMenu:not(.menu-overlay) nav>ul>li>a{ font-size:16px !important; }
	#header.header-transparent #header-wrap #logo{ top:0; }
	#suop--ele___headBanner{ top: 0; margin-bottom: 0; }
	#suop--ele___block-calltoaction-4 h3{ font-size:2em; }
	.block-calltoaction .col-left p{ margin-bottom:15px; }

	#suop--ele___block-slider-5 .suop--slider--image img,
	#suop--ele___block-slider-5 .slide-detail{ 
		border-radius: 0px; 
	}
	#suop--ele___block-slider-5 .slide-detail{ padding:40px;	 }
	.service-item img{ width:100%; left:0; }
	.service-item{ width: 50% !important; padding: 0 3px; }
	.service-item .inner{ border-radius:8px; }
}
@media( max-width: 375px){
	.service-item{ width: 100% !important;}
}