/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@charset "utf-8";
/*-- Google Fonts 
----------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Dosis:400,600|Lato:300,400,700);

/*

font-family: 'Dosis', sans-serif;
400,600

font-family: 'Lato', sans-serif;
300,400,700

*/


/*-- Font Faces Section
---------------------------------------------------------------------------*/
/*@font-face {
  font-family: 'nevis-Bold';
  src: url('../assets/templates/webfrog-2015/fonts/nevis-Bold.eot?#iefix') format('embedded-opentype'),  
	  url('../assets/templates/webfrog-2015/fonts/nevis-Bold.woff') format('woff'), 
	  url('../assets/templates/webfrog-2015/fonts/nevis-Bold.ttf')  format('truetype'), 
	  url('../assets/templates/webfrog-2015/fonts/nevis-Bold.svg#nevis-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

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


/*-- Headers

---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'nevis-Bold';
	font-weight: normal;
}
h1 {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#222b65;
	font-size:26px;
	font-size:2.6rem;
	letter-spacing:8px;
}
h2 {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#222b65;
	font-size:26px;
	font-size:2.6rem;
	letter-spacing:8px;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

/*-- Global

---------------------------------------------------------------------------*/

body {
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
p, li {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#888888;
	font-size:14px;
	font-size:1.4rem;
}
.text-box li {
	text-align:left;
	margin-left:30px;
}
a {
	color:#273171;
}
a:hover {
	color:#888888;
}
a, a:hover, a:focus {
	text-decoration: none;
}

/*-- Header Section
----------------------------------------------------------------------*/

#header-box h3 {
	margin:0;
}
#header-box h2 {
	margin:0;
}
.menu-btn a {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:12px;
	font-size:1.2rem;
	font-size: 4vw;
	letter-spacing:3px;
	text-transform:uppercase;
	vertical-align:middle;
}
#site-phone h3, #footer-phone h3 {
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	font-size:23px;
	font-size:2.3rem;
	font-size: 6.5vw;
	color:#929292;
	text-transform:uppercase;
	letter-spacing:8px;
	margin-bottom:5px;
}
#site-phone h2, #footer-phone h2 {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:42px;
	font-size:4.2rem;
	font-size: 12vw;
	color:#29347e;
	text-transform:uppercase;
	letter-spacing:3px;
}
.carousel-caption h3 {
	font-family: 'nevis-Bold';
	font-weight: normal;
	font-size:24px;
	font-size:2.4rem;
	color:#fff;
	margin-top:0;
	margin-bottom:10px;
}
.carousel-caption p {
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:15px;
	font-size:1.5rem;
	color:#fff;
	margin-top:0;
	margin-bottom:40px;
}
.btn-read {
	background-color:#151c4a;
	position:absolute;
	bottom:-20px;
	right:-20px;
	border-radius:0;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:10px;
	padding:15px 40px;
	text-transform:uppercase;
	transition:all ease 0.4s;
}
.btn-read:hover, .btn-read:focus {
	background-color:#c6c6c6;
	color:#323232;
}
.btn-read2 {
	background-color:#151c4a;
	position:absolute;
	right:0;
	border-radius:0;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:10px;
	padding:15px 40px;
	text-transform:uppercase;
	transition:all ease 0.4s;
}
.btn-read2:hover, .btn-read2:focus {
	background-color:#c6c6c6;
	color:#323232;
}
.btn-mobile .fa {
	font-size:25px;
	color:#fff;
}

/*-- Content Section
----------------------------------------------------------------------*/
	
#content-error h1, #content-offline h1 {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 230px;
	font-size: 23rem;
}
#content-error h2, #content-offline h2 {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 100px;
	font-size: 10rem;
}
#content-error p, #content-offline p {
	font-family: 'Russo One', sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-size: 2rem;
}

.header-box {
	text-align:center;
}
.header-box h1 {
	border-bottom:1px solid #dadada;
	display: table;
	margin:0 auto;
	padding-bottom:5px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#222b65;
	font-size:26px;
	font-size:2.6rem;
	letter-spacing:8px;
}
.header-box h2 {
	margin:0;
}
.header-box h2 small {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#2c2c2d;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:4px;
}
h2 small {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#2c2c2d;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:4px;
}
.text-box {
	/*text-align:center;*/
}

/*-- Footer Section
----------------------------------------------------------------------*/
	
#footer_text p, #footer_text a {
	color: #fff;
	margin:0;
	text-align:left;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:4px;
}
#footer_text a:hover {
	color: #97c725;
}
#footer-menu {
	text-align:left;
}
#footer-menu h3 {
	margin-top:0;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:20px;
	font-size:2.0rem;
	color:#363636;
	letter-spacing:6px;
}
#footer-menu h3 .fa {
	font-size:50px;
	font-size:5.0rem;
	color:#222b65;
	vertical-align:middle;
}
#footer-menu p {
	color:#5f5f5f;
}
#footer-menu p {
	margin-bottom:0;
}
#footer-phone h2, #footer-phone h3 {
	margin:0;
	color:#fff;
	text-align:center;
}
.quote-box h3 {
	margin:0;
	color:#fff;
	text-align:center;
	font-family: 'nevis-Bold';
	font-weight: normal;
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:6px;
}


/*-- media queries Section
----------------------------------------------------------------------*/


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.quote-box h3 {
	margin:0;
	color:#fff;
	text-align:center;
	font-family: 'nevis-Bold';
	font-weight: normal;
	font-size:27px;
	font-size:2.7rem;
	letter-spacing:6px;
}
#site-phone h3, #footer-phone h3 {
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	font-size:19px;
	font-size:1.9rem;
	color:#929292;
	text-transform:uppercase;
	letter-spacing:8px;
	margin-bottom:5px;
}
#site-phone h2, #footer-phone h2 {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:42px;
	font-size:4.2rem;
	color:#29347e;
	text-transform:uppercase;
	letter-spacing:3px;
}
.btn-read {
	background-color:#151c4a;
	position:absolute;
	bottom:-30px;
	right:-30px;
	border-radius:0;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:10px;
	padding:15px 40px;
	text-transform:uppercase;
	transition:all ease 0.4s;
}
.carousel-caption h3 {
	font-family: 'nevis-Bold';
	font-weight: normal;
	font-size:25px;
	font-size:2.5rem;
	color:#fff;
	margin-top:0;
	margin-bottom:20px;
}
.menu-btn a {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:8px;
	/*font-size:0.8rem;
	letter-spacing:1px;*/
    font-size:0.45rem;
	letter-spacing:1px;

	text-transform:uppercase;
	vertical-align:middle;
}
#footer-phone h2, #footer-phone h3 {
	margin:0;
	color:#fff;
	text-align:left;
}
#footer_text p, #footer_text a {
	color: #fff;
	margin:0;
	text-align:center;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:4px;
}
#footer-menu {
	text-align:center;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.menu-btn a {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:9px;
	font-size:0.9rem;
	letter-spacing:2px;
	text-transform:uppercase;
	vertical-align:middle;
}
.carousel-caption h3 {
	font-family: 'nevis-Bold';
	font-weight: normal;
	font-size:27px;
	font-size:2.7rem;
	color:#fff;
	margin-top:0;
	margin-bottom:20px;
}
.btn-read {
	background-color:#151c4a;
	position:absolute;
	bottom:-40px;
	right:-40px;
	border-radius:0;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:10px;
	padding:15px 40px;
	text-transform:uppercase;
	transition:all ease 0.4s;
}
#footer-menu h3 {
	margin-top:0;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:20px;
	font-size:2.0rem;
	color:#363636;
	letter-spacing:3px;
}
#footer-menu h3 .fa {
	font-size:45px;
	font-size:4.5rem;
	color:#222b65;
	vertical-align:middle;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.menu-btn a {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:12px;
	/*font-size:1.2rem;*/ font-size:1.1rem;
	/*letter-spacing:2px;*/ letter-spacing:1px;
	text-transform:uppercase;
	vertical-align:middle;
	.col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
 
     padding-right: 10px; 
     padding-left: 10px; 
   }
}
#footer-menu h3 {
	margin-top:0;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:20px;
	font-size:2.0rem;
	color:#363636;
	letter-spacing:6px;
}
#footer-menu h3 .fa {
	font-size:50px;
	font-size:5.0rem;
	color:#222b65;
	vertical-align:middle;
}
.quote-box h3 {
	margin:0;
	color:#fff;
	text-align:center;
	font-family: 'nevis-Bold';
	font-weight: normal;
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:6px;
}
}

@media (min-width: 1024px) {
 .menu-btn a {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size:12px;
	/*font-size:1.2rem;*/ font-size:0.8rem;
	/*letter-spacing:2px;*/ letter-spacing:1px;
	text-transform:uppercase;
	vertical-align:middle;
 } 
.col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
 
     padding-right: 3px; 
     padding-left: 3px; 
  }
}