/*=======Global Css=================*/

* {
	outline: none;
}

.top-header {
	background:#FFFFFF;	
}

.container-top {
	max-width: 100%!important;
	margin-right: auto!important;
	margin-left: auto!important;
	
	/*background:#003968;	*/
}

/*======Page Header=============*/

/*=================Menu Navigation===============*/

.main-header .container-top {
	display: absolute;
	/*
	flex: 1;
	flex-flow: row wrap;
	justify-content: space-between;	
	padding-top: 1.375em;
	padding-bottom: 1.375em;
	*/
	margin:auto;
	padding-bottom: 0px;
	text-align:center;	
	background:#003968;
}


.nav-desktop {
	display: inline-block;
	padding-top: 25px;
	
}

.nav-desktop li, .nav-desktop li a{
	font-family: 'Oswald', sans-serif;
  	text-transform: uppercase;
  	/*padding: 45px 15px;*/
  	color: #fff;
  	outline: none;
	text-decoration:none;
	letter-spacing:1px;
}

.nav-desktop li {
	padding: 10px;
}

.nav-desktop ul ul {
	position: absolute;
	display: none;
	margin: 0;
}

.menu-list {
	display: flex;
}

ul > li {
	position: relative;
}

.nav-desktop .sub-menu {
	top: 100%;
	left: 0;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);	
}

.sub-menu li {
	font-size:12px!important;
}

.sub-menu li:hover {
	background:transparent;
}

.sub-menu li a:hover {	
	color:#FFEAD5;
}


.menu-list > li > .sub-menu::before {
	position: absolute;
	content: "";
	border: 1px solid #93161A;
	top: 0;
	width: 35%;
	left: 3%;
	cursor: pointer;
}

.sub-menu {
	background:#003968;
}

.sub-menu .sub-menu{
	top: -1px;
	left: 100%;
}

.menu-parent:hover > .sub-menu{
	display: block;
	z-index: 999;
	width: 14rem;
	padding-left: 0;
	text-align: left;
}

#bar, #close {
	display: none;
}


.menu-parent::after {
	content: "";
	border: solid #fff;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
  	padding: 3px;
  	margin-left: 10px;
  	transform: rotate(45deg);
  	-webkit-transform: rotate(45deg);
}

.menu-parent .menu-parent::after {
	content: "";
	border: solid #fff;
  	border-width: 0 1px 1px 0;
  	display: inline-block;
  	padding: 3px;
  	margin-left: 10px;
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
}



/*=======Rating=================*/
.rateYo {
	margin: 1em;
	margin-left: auto;
	margin-right: auto;
}

/*======Why Us section==========*/

.whyUs-section {
	background: #2e3192;
	/*color: #fff;*/
}

.whyUs-section .container {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.featured-points {
	width: 40.17%;
	padding-top: 6.25em;
}

.featured-points ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.featured-points li {
	/*font-size: 1.8rem;*/
	/*font-family: 'Raleway', sans-serif;	*/
	line-height: 2.222em;
	text-transform: uppercase;
	margin-bottom: 2.2223em;
}

.featured-points li svg {
	/*font-size: 2.5rem;*/
	margin-right: 1em;
	display: inline-block;
}

.whyus-wrap {
	width: 57.265%;
	padding-top: 4.375em;
	padding-bottom: 4.375em;
}

.whyus-wrap h1 {
	/*font-size: 3rem;*/
	/*font-family: "Raleway", sans-serif;*/
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 1.33334em;
}

.whyus-wrap h1::after {
	position: absolute;
	content: "";
	bottom: 0;
	width: 9%;
	left: 0;
	height: 3px;
	/*background: #fff;*/
	border: 1px solid #fff;
}

.whyus-wrap p {
	/*font-size: 1.6rem;*/
	/*font-family: 'Raleway', sans-serif;*/
	margin-bottom: 2.8125em;
}

.read-more-btn {
	text-transform: uppercase;
	/*text-decoration: none;*/
	/*font-size: 1.8rem;*/
	/*font-family: "Raleway", sans-serif;*/
	/*color: #fff;*/
	padding: 0.7em 1.6667em 0.94em 1.6667em;
	border: 1px solid #fff;
}

.container-top-grande{
	display: block;
}

.container-top-chico{
	display: none;
}

/*===========================
RESPONSIVE STYLESHEET
===========================*/

@media screen and (max-width: 1199px) {
	.container-top {
		max-width: 1000px;
		padding-left: 15px;
		padding-right: 15px;
	}


}

@media screen and (max-width: 1024px) {
	.container-top {
		max-width: 800px;
	}

	.top-header .top-header-left {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2em;
	}

	.top-header .top-header-left .top-header-block:last-child {
		margin-right: 1em;
	}

	.top-header .top-header-right {
		margin-left: auto;
		margin-right: auto;
	}

	.top-header-right .social-block {
		margin-right: 3em;
	}


	/*====navigation=====*/
	.menu-list {
		flex-direction: column;
	}	

	.nav-desktop {
		display: none;
		width: 250px;
	}

	.nav-desktop li, .nav-desktop li a {
		font-size: 1.4rem;
		font-family: 
	}

	.nav-desktop ul ul {
		position: static;
	}

	#bar {
		display: inline-block;
		font-size: 40px;
		cursor: pointer;
	}

	#close {
		display: none;
		font-size: 40px;
		cursor: pointer;
	}

	.menu-list > li > .sub-menu::before {
		content: "";
		border: none;
	}

	.menu-parent .menu-parent::after {
		content: "";
		border: solid #3a3a3a;
	  	border-width: 0 3px 3px 0;
	  	display: inline-block;
	  	padding: 3px;
	  	margin-left: 10px;
	  	transform: rotate(45deg);
	  	-webkit-transform: rotate(45deg);
	}

	.menu-parent:hover::after,
	.menu-parent .menu-parent:hover::after {
		content: "";
		border: none;
		display: none;
	}

	
	
}

@media screen and (max-width: 767px) {
	.container-top {
		max-width: 450px;
	}

	.site-header .top-header .container-top {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 1em;
		font-size: 20px;
	}

	.top-header .top-header-left {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 1em;
		margin-bottom: 0;
	}

	.top-header-left .top-header-block {
		margin: 0;
		margin-bottom: 1em;
	}
	
	.top-header-right {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 1em;
	}
	
	.top-header-right .social-block {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 1em;
	}

	.top-header-right .login-block {
		margin-right: auto;
		margin-left: auto;
	}
	.container-top-chico{
		display: block!important;
	}
	
	.container-top-grande{
		display: none!important;
	}
}

@media screen and (max-width: 550px) {
	.container-top {
		max-width: 300px;
	}

	.top-header-right .social-list li {
		margin-right: 40px;
	}
	
	/*
	.top-header-right .social-list li:nth-last-child(n+3){
		margin-bottom: 30px;
	}*/

	.top-header-right .social-list li svg {
		font-size: 25px;
	}
	
	.container-top-chico{
		display: block!important;
	}
	
	.container-top-grande{
		display: none!important;
	}
}
	
}