@charset "UTF-8";

@font-face {
    font-family: 'ronniaregular';
    src: url('../fonts/ronniareg-webfont.eot');
    src: url('../fonts/ronniareg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ronniareg-webfont.woff') format('woff'),
         url('../fonts/ronniareg-webfont.ttf') format('truetype'),
         url('../fonts/ronniareg-webfont.svg#ronniaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ronnia_lightregular';
    src: url('../fonts/ronnialight-webfont.eot');
    src: url('../fonts/ronnialight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ronnialight-webfont.woff') format('woff'),
         url('../fonts/ronnialight-webfont.ttf') format('truetype'),
         url('../fonts/ronnialight-webfont.svg#ronnia_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bitstream_roundhandbold';
    src: url('../fonts/bitstream-webfont.eot');
    src: url('../fonts/bitstream-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bitstream-webfont.woff2') format('woff2'),
         url('../fonts/bitstream-webfont.woff') format('woff'),
         url('../fonts/bitstream-webfont.ttf') format('truetype'),
         url('../fonts/bitstream-webfont.svg#bitstream_roundhandbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family:Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.header h1, .navigation a { font-family:'ronniaregular',Tahoma,Verdana,Helvetica,sans-serif; }
.header h1 em, .top_box h2 span, .top_box h3, .top_box_nav a { font-family:'ronnia_lightregular',Tahoma,Verdana,Helvetica,sans-serif; }
.top_box h2 { font-family:'bitstream_roundhandbold',Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:100%;
}
body {
	font-size:80%;
	color:#696868;
	-webkit-font-smoothing:antialiased;
	background-color:#F2F1F1;
	padding-bottom:15px;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#696868;
}
a:hover {
	color:#AA2D05;
	text-decoration:none;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.imgleft {
	float:left;
	margin-right:25px;
}
.imgright {
	float:right;
	margin-left:25px;
}
.cleaner {
	width:100%;
	clear:both;
	line-height:1px;
	margin:0 !important;
	padding:0 !important;
}

/* Header ............................................................... */

.header {
	padding-top:30px;
	padding-bottom:25px;
}
.header > .row > div {
	padding-left:0;
	padding-right:0;
}
.header li {
	display:inline-block;
}
.header h1 {
	font-size:200%;
}
.header h1 a {
	color:#0C658A;
}
.header h1 span{
	color:#1099D2;
}
.header h1 em {
	display:block;
	font-size:60%;
	font-style:normal;
	color:#908E8E;
}
.header ul:first-of-type a {
	position:relative;
	display:inline-block;
	color:#84878A;
	margin-left:20px;
	padding-left:13px;
}
.header ul:first-of-type a:hover {
	color:#1099D2;
}
.header ul:first-of-type a:before {
	position:absolute;
	top:-2px;
	left:0;
	content:"\f105";
	font-family:"FontAwesome";
	font-size:15px;
	color:#000;
}

/* Main_content, Main_content_in ............................................................... */

.main_content {
	background-color:#FFF;
	padding-top:15px;
}
.main_content2 {
	background-color:#FFF;
	padding-top:2px;
	padding-bottom:15px;
}
.main_content2 > .row {
	margin-left:0;
	margin-right:0;
}

/* Navigation ............................. */

.navigation ul {
	position:relative;
	overflow:hidden;
}
.navigation .navbar-collapse {
	padding-left:0;
	padding-right:0;
}
.navigation ul {
	background-color:#10729B;
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#10729B, endColorstr=#085979);
	background-image:-moz-linear-gradient(top, #10729B 0%, #085979 100%);
	background-image:-webkit-linear-gradient(top, #10729B 0%, #085979 100%);
	background-image:-ms-linear-gradient(top, #10729B 0%, #085979 100%);
	background-image:linear-gradient(top, #10729B 0%, #085979 100%);
	background-image:-o-linear-gradient(top, #10729B 0%, #085979 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#10729B), color-stop(100%,#085979));
	padding-top:15px;
	padding-bottom:15px;
}
.navigation li {
	display:inline-block;
}
.navigation a {
	display:block;
	line-height:15px;
	font-size:120%;
	color:#FFF;
	text-transform:uppercase;
	padding-left:18px;
	padding-right:18px;
	border-right:1px solid #2C8EB6;
}
.navigation li:last-child a {
	border-right:0 solid #FFF;
}
.navigation a span {
	position:relative;
	display:inline-block;
}
.navigation a span:after {
	position:absolute;
	top:200%;
	left:0;
	content:"";
	width:100%;
	height:3px;
	background-color:#1099D2;
	margin-top:3px;
	opacity:0;
}
.navigation a:hover span:after {
	top:100%;
	opacity:1;
}
.navigation a.hi span:after {
    top:100%;
    opacity:1;
}

/* Top_box ............................. */

.top_box {
	position:relative;
	height:348px;
	background:#FFE1D7 url("../images/bg_top_box.jpg") center 50% no-repeat;
	background-size:cover;
	overflow:hidden;
}
.top_box > .row > div:first-child {
	text-shadow:0 0 3px rgba(255,234,229,1);
	padding-left:40px;
	padding-right:40px;
}
.top_box h2 {
	font-size:420%;
	color:#BB304E;
	text-align:center;
	padding-top:40px;
}
.top_box h2 span {
	display:block;
	font-size:70%;
	color:#80172D;
	line-height:1.1em;
	padding-top:15px;
}
.top_box h3 {
	font-size:210%;
	color:#BB304E;
	color:#80172D;
	line-height:1.1em;
	padding-top:40px;
}
.top_box > .row > div:last-child {
	padding-right:0;
	-webkit-animation-delay:0.20s;
	-moz-animation-delay:0.20s;
	animation-delay:0.20s;
}
.top_box_nav {
	position:absolute;
	bottom:-150px;
	left:460px;
	width:314px;
	height:252px;
	background:#f98198; 
	background:-moz-radial-gradient(center, ellipse cover, #f98198 0%, #a51738 100%);
	background:-webkit-radial-gradient(center, ellipse cover, #f98198 0%,#a51738 100%); 
	background:radial-gradient(ellipse at center, #f98198 0%,#a51738 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98198', endColorstr='#a51738',GradientType=1 ); 
	-webkit-animation-delay:0.40s;
	-moz-animation-delay:0.40s;
	animation-delay:0.40s;
}
.top_box_nav:hover {
	background:#ff84a5; 
	background:-moz-radial-gradient(center, ellipse cover, #ff84a5 0%, #b71b4f 100%); 
	background:-webkit-radial-gradient(center, ellipse cover, #ff84a5 0%,#b71b4f 100%); 
	background:radial-gradient(ellipse at center, #ff84a5 0%,#b71b4f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff84a5', endColorstr='#b71b4f',GradientType=1 );
	background-position:-100px;
}
.top_box_nav a {
	display:inline-block;
	width:100%;
	height:100%;
	font-size:250%;
	color:#FED6CE;
	line-height:1.2em;
	text-shadow:1px 1px 3px rgba(214,85,112,1);
	padding-top:20px;
}

/* Main_content_box_in ............................. */

.mcb_in {
	position:relative;
	margin-top:15px;	
	padding-top:15px;
	padding-bottom:15px;
	overflow:hidden;
}
.mcb_in:before {
	position:absolute !important;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:200px;
	background:#f5f5f5; 
	background:-moz-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); 
	background:-webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 100%); 
	background:linear-gradient(to bottom, #f5f5f5 0%,#ffffff 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); 
}
.mcb_in > div {
	position:relative;
	z-index:100;
}
.title_box {
	margin-bottom:30px;
	padding-bottom:15px;
	border-bottom:1px solid #FFDED7;
}
.title_box_margin {
	margin-top:30px;
}
.title_box  h2 {
	font-size:200%;
	font-style:italic;
	color:#AA2D05;
}

.img_box { 
	position:relative;
	margin-top:15px;
	/*padding-left:0;
	padding-right:0;*/
}
.img_box > a {
position: relative;
display: block;
}
.img_box > a > div {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size:110%;
	font-style:italic;
	color:#AA2D05;
	background:#FFF;
	background:rgba(255,255,255,0.70);
	padding:5px 15px;
}

/* Footer ............................. */

.footer {
	position:relative;
	background:#fafafa; 
	background:-moz-linear-gradient(top, #fafafa 0%, #f3f2f2 100%);
	background:-webkit-linear-gradient(top, #fafafa 0%,#f3f2f2 100%);
	background:linear-gradient(to bottom, #fafafa 0%,#f3f2f2 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f3f2f2',GradientType=0 ); 
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
}
.footer_top {
	position:relative;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #FFF;
}
.footer_top {
	line-height:2em;
}
.footer_top > a {
	position:absolute !important;
	bottom:15px;
	right:15px;
	width:30px; 
	height:30px;
	line-height:30px;
	font-size:115%;
	color:#FFF;
	background-color:#AA2D05;
}
.footer_top > a:hover {
	background-color:#C8435F;
}

.footer_bottom  {
	font-size:90%;
}
.footer_bottom ul li {
	display:inline-block;
}
.footer_bottom .col-xs-5 {
	text-align:right;
}
.footer_bottom .col-xs-5 ul li a img {
	position:relative;
	top:-2px;
}

/* R_nav ............................................................... */

.r_nav {
	position:fixed;
	top:105px;
	right:0;
	width:70px;
	z-index:1000;
}
.r_nav li {
	width:70px;
	height:64px;
	margin-bottom:10px;
	background:#f98198; 
	background:-moz-radial-gradient(center, ellipse cover, #f98198 0%, #a51738 100%);
	background:-webkit-radial-gradient(center, ellipse cover, #f98198 0%,#a51738 100%); 
	background:radial-gradient(ellipse at center, #f98198 0%,#a51738 100%); 
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98198', endColorstr='#a51738',GradientType=1 ); 
	-webkit-animation-delay:0.40s;
	-moz-animation-delay:0.40s;
	animation-delay:0.40s;
}
.r_nav li:hover {
	background:#ff84a5; 
	background:-moz-radial-gradient(center, ellipse cover, #ff84a5 0%, #b71b4f 100%); 
	background:-webkit-radial-gradient(center, ellipse cover, #ff84a5 0%,#b71b4f 100%); 
	background:radial-gradient(ellipse at center, #ff84a5 0%,#b71b4f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff84a5', endColorstr='#b71b4f',GradientType=1 );
	-webkit-transform:scale(0.95);
	-moz-transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	transform:scale(0.95);
}
.r_nav a {
	display:block;
	color:#FFF;
	padding:5px 0;
}

/* Effects ............................. */

a, .navigation a span:after, .top_box_nav, .r_nav li {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}
.main_content, .navigation ul, .mcb_in:before {
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	behavior:url(PIE.htc);
	position:relative;
	zoom:1;
}
.navigation_in ul {
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
.main_content2, .top_box, .footer {
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
	behavior:url(PIE.htc);
	position:relative;
	zoom:1;
}
.r_nav li {
	-webkit-border-radius:8px 0 0 8px;
	-moz-border-radius:8px 0 0 8px;
	border-radius:8px 0 0 8px;
	behavior:url(PIE.htc);
	position:relative;
	zoom:1;	
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1366px) {
	.r_nav {	top:105px;	width:60px; }
	.r_nav li { width:60px; height:55px; margin-bottom:5px; }	
	.r_nav a { font-size:90%; }	
	.r_nav a img { width:40px; }

	}
  
@media screen and (max-width: 1200px) {
	.header { padding-top:20px; padding-bottom:15px; }
	.header h1 { font-size:150%; }
	.navigation ul {	padding-top:10px; padding-bottom:10px; }
	.navigation a {	line-height:12px; font-size:110%;	padding-left:10px; padding-right:10px; }
	.top_box {	height:297px; }
	.top_box > .row > div:first-child {	padding-left:30px; padding-right:15px; }
	.top_box h2 { font-size:350%;	padding-top:30px; }
	.top_box h2 span {	padding-top:10px;	}
	.top_box h3 { font-size:160%;	padding-top:40px; }
	.top_box_nav {	bottom:-130px; left:350px; width:270px; height:217px; }
	.top_box_nav a { font-size:200%;	padding-top:15px; }
	.r_nav {	top:150px; }
	.title_box { margin-bottom:15px; }
	.title_box_margin { margin-top:15px; }
	.title_box  h2 { font-size:150%; }

}

@media screen and (max-width: 991px) {
	.header { padding-top:15px; padding-bottom:10px; }
	.header > .row > div { padding-left:15px; padding-right:15px; }
	.header h1 { font-size:130%; }
	.navigation a {	font-size:90%;	padding-left:5px; padding-right:5px; }
	.top_box {	height:224px; }
	.top_box > .row > div:first-child {	padding-left:15px; padding-right:15px; }
	.top_box h2 { font-size:250%;	padding-top:15px; }
	.top_box h2 span {	padding-top:10px;	}
	.top_box_nav {	bottom:-100px; left:250px; width:200px; height:161px; }
	.top_box_nav a { font-size:150%;	padding-top:10px; }
	.r_nav {	top:125px;	width:50px; }
	.r_nav li { width:55px; height:50px; }	
	.r_nav a { font-size:80%; }	
	.r_nav a img { width:36px; }
	
}
 
@media screen and (max-width: 767px) {
	.header { padding-top:5px; padding-bottom:10px; }
	.header > .row > div { padding-left:15px; padding-right:15px; }
	.header h1{ position:absolute; top:5px; left:15px; width:200px; z-index:300; }
	.main_content { background-color:transparent; 	padding-top:0; padding-bottom:0; }
    .navigation a {	font-size:100%; }
	.navigation { padding-left:0; padding-right:0; }
	.navigation ul { text-align:center; }
	.navigation ul li { width:100%; }
	.navigation ul li a { display:inline-block; line-height:20px; border-right:0 solid #FFF; padding-bottom:10px; overflow:hidden; }
	.navigation .navbar-header { float: none; }
	.navigation .navbar-toggle { position:relative; display: block; z-index:300; }
	.navigation .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0); }
	.navigation .navbar-collapse.collapse { display: none!important; }
	.navigation .navbar-default { background-color:transparent !important; }
	.navigation .navbar-default .navbar-toggle { border-color:#3F3F3F; margin-top:5px; }
	.navigation .navbar-default .navbar-toggle:hover,
	.navigation .navbar-default .navbar-toggle:focus { background-color:#3F3F3F; }
	.navigation .navbar-default .navbar-toggle .icon-bar { background-color:#1099D2; }
	.navigation .navbar-default .navbar-collapse,
	.navigation .navbar-default .navbar-form { border-color:#3F3F3F; }
	
	.main_content2 {	padding-top:15px; }
	.top_box {	height:auto; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
	.top_box h2 { font-size:250%;	padding-top:15px; }
	.top_box h2 span {	padding-top:10px;	}
	.top_box h3 { font-size:130%; text-align:center; padding-top:0; padding-bottom:15px; }
	.top_box h2 br, .top_box h3 br { display:none; }
	.top_box > .row > div:first-child { behavior:url(PIE.htc); position:relative; zoom:1; -webkit-box-shadow:0 8px 6px -6px rgba(128,28,45,0.40); -moz-box-shadow:0 8px 6px -6px rgba(128,28,45,0.40); box-shadow:0 8px 6px -6px rgba(128,28,45,0.40); z-index:100; }
	.top_box_nav { bottom:-80px; left:0; width:160px; height:128px; }
	.top_box_nav a { font-size:130%;	padding-top:10px; }
 
}

@media screen and (max-width: 480px) {
	.header h1 { left:5px; width:170px; font-size:120%; }
	.main_content2 { background-color:#FFF; padding:0 15px 0 15px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
	.main_content2 > .row { margin-left:-15px; margin-right:-15px; }
	.box_imp > div { width:100%; }
	.title_box  h2 { font-size:130%; }
	.img-imp { margin:0 auto 15px auto; }
	.img_box > div { font-size:100%;	padding:2px 10px; }
	.footer { padding-bottom:0; }
	.footer_top div { width:100%; text-align:center; }
	.footer_top .row { margin-left:0; margin-right:0; }
	.footer_bottom > div { width:100%; text-align:center !important; }
 
}