/*
==  THEME DETAILS  ============================================================

===============================================================================
*/

/* =====================================
IMPORTS
===================================== */

/* Helpers */
@import 'asset/css/bootstrap.css';
@import 'asset/css/font-awesome.css';
@import 'asset/css/fonts.css';
@import 'asset/css/owl.carousel.css';
@import 'asset/css/popuo-box.css';

@import 'asset/css/helper.css';
@import 'asset/css/plugins.css';

/* Skin */
@import 'asset/css/style.css';
@import 'asset/css/responsive.css';

/* ===================================
CUSTOM STYLES SHOULD GO HERE
====================================*/


.header-section .logo {
	display: inline-block;
	font-size: 28px;
	line-height: 1.3;
	font-family: 'robotobold', Arial, sans-serif;
	padding: 0;
	margin: 20px 0 0;
}

.wrapper {
	max-width: 1300px;
	margin: 0 auto;
}

ul.menu__list {
	margin: 0em 0 0 4em;
	padding: 3% 0;
}

.menu--puck .menu__item {
	margin:0 5px;
	padding: 0px 15px;
}

.menu--puck .menu__link {
	font-size: 15px;
	margin: 0;
	line-height: 1.3;
	padding: 20px 0;
	color: #fff;
}

.w3layouts_getin a:hover,
a.learn:hover {
	background: #ffce14;
	border: 1px solid #ff0101;
	color: #131212;

}

.w3layouts_getin a, a.learn {
	border: 1px solid transparent;
	font-weight: 600;
	text-decoration: none;
}

.list-item {
	margin-bottom: 0;
}

.list-item li {
	margin-bottom: 30px;
	font-size: 16px;
	font-family: 'robotolight', Arial, sans-serif;
	line-height: 1.3;
}

.list-item li:last-child {
	margin-bottom: 0;
}

.agile_info_bar h4 {
	font-size: 22px;
}

.agileinfo_portfolio_grid.client-list {
	text-align: center;
	border: 1px solid #f4f4f4;
	margin: 10px 5px;
	padding: 15px 0px;
	max-width: 100%;
}

.agileinfo_portfolio_grid.product_item {
	text-align: center;
	border: 1px solid #f4f4f4;
	min-height: 370px;
	height: 100%;
	max-width: 100%;
	margin: 10px 5px;
	padding: 0 5px;
}

.product_item .items img {
	max-width: 250px;
	margin: 0 auto;
	width: 100%;
}

.product_item h4 {
	margin-bottom: 30px;
    font-family: 'robotomedium', Arial, sans-serif;
	text-align: center;
	margin-top: 20px;
	padding: 0 15px;
	font-size: 24px;
}

.client-list .product_item {
	min-height: 370px;
}

.blank_section {
	min-height: 264px;
}

.banner {
	/*background: url(asset/images/banner1.jpg) top center no-repeat;*/
	background: #000;
	/*background-size: cover;*/
	/*background-attachment: fixed;*/
	min-height: auto;
}

.agileits-banner-info {
	margin: 0 auto;
}

.o-wrapper {
	max-width: 1240px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
}

.full-width {
	max-width: 100%;
	width: 100%;
	padding: 0;
}

.pro-header-panel .wrapper {
	max-width: 1200px;
	padding: 20px 15px;
}

.pro-header-panel nav.navbar.navbar-default {
	margin-top: 0;
}
.site-logo a {
	display: inline-block;
}

.menu-panel {
	margin-left: 14%;
}

.message_section .right-box {
	padding: 30px 10px 30px;
}

.right-box p.agile_des {
	text-align: justify;
	letter-spacing: .5px;
	width: 100%;
	padding-left: 15px;
}

.slider-panel .agileits-banner-info h3 {
	font-size: 4.5em;
}

.w3ls-markets-grid.item-box {
	margin: 20px 0 40px;
}

.banner-inner-content {
	margin-top: 2em;
}

#about .right-box h2 {
	text-align: left;
	padding-left: 15px;
	font-size: 2em;
	margin-bottom: 20px;
}

.w3layouts_statistics_grid_right h4.top-title {
	line-height: 1.2;
}

.w3layouts_about_grid_left.right-box-img-holder {
	background: none;
	min-height: 100%;
	padding-bottom: 60px;
}

.w3layouts_banner_info_inner {
	margin-top: 3em;
}

.menu-panel .menu--puck .menu__link {
	color: #000;
}

.menu-panel .menu--puck .menu__link:hover, 
.menu-panel .menu--puck .menu__link:focus, 
.menu-panel .menu--puck .menu__item--current .menu__link {
	color: #da1818;
}

.w3layouts_banner_info_inner.banner_inner_section {
	margin-top: 0;
	padding: 15% 0;
}

.gallary-img {
	max-width: 380px;
	width: 100%;
	max-height: 250px;
	padding: 5px;
	overflow: hidden;
}

.maintenace_services {
	padding-top: 0px;
}

.agile_inner_grids.about_inner_content_box {
	margin-top: 0;
}

.agile_services.about_services {
	padding: 2em 0 4em;
}

.agile_services.top_about_services {
	padding: 2em 0 4em;
}

.about_services .agile_inner_grids{
	margin-top: 3em;
}

#clients {
	background: url(asset/images/banner_inner.jpg) top center no-repeat;
	min-height: auto;
	padding: 3em 0 2em;
	background-size: cover;
}

.item .agileits_portfolio_grid img {
	max-width: 300px;
	margin: 0 auto;
}

.feedback_dot .agile_inner_grids {
	margin-top: 0;
}

.top-header-section .banner_inner_agileits {
	background-image: url(asset/images/19.jpg);
}

/*.top-header-section .banner_inner_section {
	padding: 25% 0;
}*/

.banner_inner_agileits {
	background-attachment: fixed;
	min-height: 100%;
	background-position: 20% bottom;
	background-size: cover;
	background-image: url(asset/images/19.jpg);
	background-repeat: no-repeat;
}

.notice-section {
	margin-bottom: 30px;
}

.no-padd {
	padding: 0px;
}

.center {
	text-align: center;
}

.egcb-text-info {
	text-align: center;
	color: blue;
	margin-bottom: 20px;
}

.agent-ship .agent-logo {
	max-width: 150px;
	height: auto;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.msp_service {
	margin-top: 3%;
}

.agent-ship .msp-logo {
	max-width: 200px;
}

.agent-ship h2 {
	font-size: 22px;
	line-height: 1.2;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	margin: 20px auto;
	text-align: justify;
}

.w3layouts_statistics_grid_right.inner-content p {
	text-align: justify;
	font-size: 16px;
}

.team-img {
	max-width: 600px;
	padding: 0 7px;
	height: 300px;
	overflow: hidden;
}

.team-img img {
	width: 100%;
}

.team-content {
	margin: 3% 0 5%;
	max-width: 1200px;
}

.team-content h4{
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	line-height: 1.3;
	text-align: justify;
}

.slider-panel .slider-img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.no-pad {
	padding: 0;
}

.pad-left-right {
	padding: 0 7px;
}

.service-list {
	margin: 2% auto;
}

.service-list ol {
	position: relative;
	margin: 0 auto;
}

.service-list ol li {
	font-size: 18px;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3;
}

.product_box h3 {
	font-size: 20px;
}

.contact-box {
	text-align: left;
	padding: 0 15px;
}

.contact-box h4 {
	text-align: center;
}

.contact-box p {
	color: #fff;
}

.contact-box p a {
	color: #17b9ea;
}

.contact-box p a:hover {
	color: #ffce14;
	text-decoration: none;
}

.contact-box h5 {
	font-size: 18px;
	color: #ffce14;
	font-weight: bold;
	margin: 20px auto 10px;
	text-decoration: underline;
}

.misson-content p {
	font-size: 15px;
	line-height: 1.3;
	text-align: justify;
}