/* General Demo Style */
@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('http://fonts.googleapis.com/css?family=Roboto:400,700,900');

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}




body{
	margin:0;
	padding: 0;
}
body{
	width:100vw;
	height:100vh;
}
a{

	text-decoration: none;
	cursor: pointer;
}
a:hover{

	text-decoration: none;
}
body {
	font-family: "Roboto", Arial, serif;
    color: #47a3da;

}


body, html { font-size: 100%; 	padding: 0; margin: 0;}

body{
background: #fff no-repeat left top;
background-size: 100%;
background: #fff no-repeat center center fixed;
-webkit-background-size: cover; //for safari and chrome
-moz-background-size: cover; // for firefox
-o-background-size: cover; // for opera
background-size: cover;
}

a, img { width:200px;
	height:200px;
}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}


a {
	color: #000;
	text-decoration: none;
}

#logo{
	font-family: "Roboto", Arial, serif;
	font-size: 4em;
	font-weight: 700;
	color:#000;
}
#precious{
	color:#ff0000;
}

.main,
.container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em 3.125em 1.875em;
}

.container > header {
	padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: inline-block;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
	width:100%;
	height:auto;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}

.header{
	font-size:4em;
}

.header_wide{
	font-size:2em;
	color:blue;
	margin-bottom:10px;
}
.content_wide{
	display:block;
	
}
.content_wide, img{
	height:auto;
	width:100%;
	
}
.header_small{
	display:none;
}

.content_small{
	display:none;
}

.content_med{
	display:none;
}
@media (min-width:401px) and (max-width:760px){
	
	.header{
		font-size:2em;
		color:blue;
	}
	.header_wide{
		display:none;
	}
	.header_small{
		display:none;
	}
		.content_med{
		float:left;
		display:block;
		margin:5px;
	}
	.content_small{
	display:none;
	}
	.content_wide,img{
		display:none;
	}
	
	 #logo{
		font-size:3em;
		margin-top: 0%;
		margin-left: 5%;

	}
./*Mobile Menu Styling
.mobile_container_med{
margin-top: 0%;
margin-right: 4%;
}
.flags{
  display: inline;
  margin-top: -20px;
  float: right;
}
.trigger{
  height: 30px;
  width: 30px;
  background-color: #000;
  float: right;
  cursor: pointer;
  margin-top: -90px;
    margin-right: 20px;

}
.flags li{
  margin: 0 auto;
  padding:0;
  height: 50px;
  width: 100px;
  list-style-type: none;
  float: right;
}
.flags li:hover{
  box-shadow: inset 0px 0px 5px #000;
}
.line-1{
  border-top: 5px solid #ff0000;
  width:20px;
  padding-bottom: 3px;
  transition: all 0.4s;
  position: absolute;
  top: 30px;
   right: 30px;

}
.line-2{
  border-top: 5px solid #ff0000;
  width:20px;
  padding-bottom: 3px;
  transition: all 0.4s;
  position: absolute;
  top: 38px;
 right: 30px;
}
.line-2-1{
  border-top: 5px solid #ff0000;
  width:20px;
  padding-bottom: 3px;
  transition: all 0.4s;
  position: absolute;
  top: 38px;
 right: 30px;
}
.line-3{
  border-top: 5px solid #ff0000;
  width:20px;
  padding-bottom: 3px;
  transition: all 0.4s;
  position: absolute;
  top: 46px;
  right: 30px;
}
.line-on{
  border-color: #ddd;
}
.line-1-x{
  opacity:0;
  transition: all 0.4s;
}
.line-2-x{
  -webkit-transform: rotate(45deg);
  transition: all 0.4s;
  top: 38px;
  right: 30px;
}
.line-2-1-x{
  -webkit-transform: rotate(-45deg);
  transition: all 0.4s;
  top: 38px;
}
.line-3-x{
  opacity:0;
  transition: all 0.4s;
}
/*Mobile Menu Styling*/


}/*@media (min-width:401px) and (max-width:760px)End*/





@media(max-width:400px){

	.header{
		font-size:1.8em;
		font-weight:bold;
	}
	.header_wide{
		display: none;
	}
	.header_small{
		font-size: 1.5em;
		color:#6185bc;
		margin-bottom:10px;
		display:block;
	}
	#tag{
	position:relative;
	top:64%;
		font-size: 1.5em;
		color:#02263c;
		display:inline;
	}
	#tag:hover{
		color:#fc345a;
		}
	
	.content_wide{
		display: none;
	}
	.content_med{
		display: none;
	}

	
	.content_small{
		clear:both;
		display:block;
		margin:5px;
	}
	 #logo{
	font-size: 3em;
}
	#text1{
position:absolute;
top:71%;
left:0%;
font: 1.5em "Lato", "Arial", "Serif";
color:#02263c;
display:inline;
}

#text2{
position:absolute;
top:75%;
left:0%;
font: 1em "Lato", "Arial", "Serif";
color:#02263c;
display:inline;
}

}



/*Mobile Menu Styling
.mobile_container_small{
margin-top: 0%;
margin-right: 2%;
}
.flags_sm{
  display: inline-block;
  margin: 0 auto;
  float: right;
}
.trigger_sm{
  height: 30px;
  width: 30px;
  background-color: #000;
  float: right;
  cursor: pointer;
  margin-top: -95px;
}
.flags_sm li{
  margin: 0 auto;
  padding:0;
  height: 50px;
  width: 65px;
  list-style-type: none;
  float: right;
}
.flags_sm li:hover{
  box-shadow: inset 0px 0px 5px #000;
}
.line_sm-1{
  border-top: 5px solid #ff0000;
  width:20px;
  padding-bottom: 3px;
  transition: all 0.4s;
  position: absolute;
  top: 35px;
   right: 19px;

}
.line_sm-2{
  border-top: 5px solid #ff0000;
  width:20px;
  padding-bottom: 3px;
  transition: all 0.4s;
  position: absolute;
  top: 43px;
 right: 19px;
}
.line_sm-2-1{
  border-top: 5px solid #ff0000;
  width:20px;
  padding-bottom: 3px;
  transition: all 0.4s;
  position: absolute;
  top: 43px;
 right: 19px;
}
.line_sm-3{
  border-top: 5px solid #ff0000;
  width:20px;
  padding-bottom: 3px;
  transition: all 0.4s;
  position: absolute;
  top: 51px;
  right: 19px;
}
.line_sm-on{
  border-color: #ddd;
}
.line_sm-1-x{
  opacity:0;
  transition: all 0.4s;
}
.line_sm-2-x{
  -webkit-transform: rotate(45deg);
  transition: all 0.4s;
  top: 45px;
  right: 19px;
}
.line_sm-2-1-x{
  -webkit-transform: rotate(-45deg);
  transition: all 0.4s;
  top: 45px;
}
.line_sm-3-x{
  opacity:0;
  transition: all 0.4s;
}
/*Mobile Menu Styling*/

	
	
}/*@media(max-width:400px) End*/







.cbp-rfgrid {
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
}

.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.cbp-rfgrid li a img {
	max-width: 100%;
}

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 20px;
	top: 20px;
	right: 20px;
	bottom: 20px;
	background: rgba(71,163,218,0.4);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.cbp-rfgrid li a:hover div {
	opacity: 1;
}

.cbp-rfgrid li a div h3 {
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 2px;
	padding: 0 10px;
}

/* Example for media query: change number of items per row */

@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 20%; /* Fallback */
		width: -webkit-calc(100% / 5);
		width: calc(100% / 5);
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 400px) {
	.cbp-rfgrid li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}

/*Logo*/


#precious{
	color:#ff0000;
}

/*Logo*/

.line__first {
  margin-top: 37px;
}

.menu {
  z-index: 9;
  width: 100%;
  
}

/* for the list to be horizontaly centered */

nav {
  margin: 0 auto;
  	z-index: 10;

}

.menu_list {
  text-align: center;
  width: 100%;
  padding-left: 0px;
}

nav li {
 display: inline-block;
    position: relative;
padding-left: 20px;
  }

 #item :hover {
  text-decoration: none;
  color: #ff0000;
  font-size: 1.5em;
  font-family: "Roboto",Arial,serif;
   

}
 #item {
  text-decoration: none;
  text-align: center;
  font-size: 1.3em;
  font-family: "Roboto",Arial,serif;
  color: #000;
  cursor: pointer;
  
  }
  
  
  