@font-face {
    font-family: MenuItemFont;
    src: url(/font/Basic/Basic-Regular.ttf);
}
@font-face{font-family:'Fjalla One';font-style:normal;font-weight:400;src:local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6iEAvth_LlrfE80CYdSH47w.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    background-color: #fff;
	/*font-size: 12px;*/
    color: #34495e;
	background: url('/images/bg2.png') repeat;
}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,
a:active{outline:0;}
a{text-decoration:none;color:#08c;}
a:hover,
a:focus{text-decoration:underline;color:#005580;}

h4 {
    font-size: 17.5px;
}
body h2, body h3, body h4 {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}
h2, h3 {
    line-height: 40px;
}
h2, h3, h4, h5 {
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0;
    color: inherit;
    text-rendering: optimizelegibility;
}
h5 {
    font-size: 14px;
}
h2,
h3,
h4,
h5{font-family:inherit;font-weight:bold;line-height:20px;margin:10px 0;color:inherit;text-rendering:optimizelegibility;}
h2,
h3{line-height:40px;}
h2{font-size:31.5px;}
h3{font-size:24.5px;}
h4{font-size:17.5px;}
h5{font-size:14px;}

img{width:auto\9;max-width:100%;height:auto;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;}
iframe{
	max-width: 98%;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}

[class*=' icon-']{
	line-height:normal;
	display:inline;
	width:auto;
	height:auto;
	margin-top:0;
	vertical-align:baseline;
	background-image:none;
	background-repeat:repeat;
	background-position:0 0;

}
.icon-medium{
	font-size:28px;
	line-height:25px;
	display:inline-block;
	padding:12px;
	text-align:center;
	color:#fff;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background:#34E1F8;
}
.da-slide h2{
	margin: 0;
}
.book-thumb{
 max-width: 20%;
 max-height: 90%;
 margin-right : 10px;
 margin-bottom: 10px;
}
.middle-box {	
	height: 100%;
	width: 100% !important;
    padding: 12px;
    background: #F5F5F5;
    margin-left: 1% !important;
	position: relative;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset;
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0) inset;
}
.middle-box:before, .middle-box:after{
	content:"";
	position:absolute;
	z-index:-1;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 40px rgba(0,0,0,0.5);
	top:50%;
	bottom:0;
	left:30px;
	right:30px;
	-moz-border-radius:100px/20px;
	border-radius:100px/20px;
	}
.middle-box:after{
	right:10px;
	left:auto;
	-webkit-transform:skew(8deg) rotate(3deg);
	-moz-transform:skew(8deg) rotate(3deg);
	-ms-transform:skew(8deg) rotate(3deg);
	-o-transform:skew(8deg) rotate(3deg);
	transform:skew(8deg) rotate(3deg);
	}

.media-link {
	font-size: 1.125em;
    line-height: 30px;
    padding: 5px 10px 0;
    cursor: pointer;
    text-align: center;

    border: 0;
    background: #34E1F8;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    /*text-shadow: 0 1px 2px rgba(0, 0, 0, .25);*/
}
.media-link a{
	color: #0d4778;
}
.media-footer {
	position:relative;
	bottom : 30%;
}
.media-heading {
	margin: 10px 0 20px;
	font-weight: bold;
	text-align: center;
}
.media-body {
	padding: 0px 0 20px 0;
}
.middle-box a:hover{
	color: #2980b9;
	text-decoration: none;
}
.middle-box a{
	color:#282e4e;
}

h2 {
	color: #14BED5;
}
.p-0{
	padding: 0;
}
.m-0 {
	margin: 0;
}
.p-20 {
	padding: 20px;
}
#recent-works {
	padding: 10px 20px;	
	margin: auto;
	background-color: #0B283C;
    color: #fff;
}
#recent-works h2{
	color: white;
	font-size: 28px;
}
.center {
    text-align: center;

}
.m-b-20 {
	margin-bottom: 20px;
}	

.block {
	height: 100%;
    padding-bottom: 15px;
    min-height: 1px;
}

.navbar {
	padding: 0;
	border: 1px solid #d4d4d4;
	background-color: #fafafa;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background: -o-linear-gradient(top, #fff, #f2f2f2);
    background: linear-gradient(to bottom, #fff, #f2f2f2);
 /*   background: repeat-x;*/
	overflow:visible;
	margin-bottom:20px;
	*position:relative;
	*z-index:2;
}
.navbar-brand {
	margin-right: 0;	
}
.navbar-toggler {
    padding: .25rem;
    font-size: 1.5rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #0d4778;
    border-radius: .25rem;
	margin: 10px;
	color: #0d4778 !important;

}
.navbar-nav li a {
	font-family: 'MenuItemFont';
    font-size: 16px;
    padding: 10px 15px;
    color: #2c3e50;
    text-shadow: none;
/*	font-weight: bold;*/
}
.navbar-nav li.active a{
	color:#fff;
	background-color:#2980b9;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.navbar-nav li a:hover {
	color:#fff;
	background-color:#34E1F8;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-decoration:none;
}

.container-narrow {
	width: 90%;
	margin : 0 auto;
	padding : 0;

}
.mt-50 {
	margin-top: 50px;
}

.frame {
    margin: 80px 0 0;
}
.frame-shadow {
    width: 100%;
    margin: auto;
	padding-top: 10px;
    position: relative;
  /*  padding: 20px 0;*/
    background-color: #fff;
    box-shadow: 0 0.063em 0.063em rgba(0,0,0,.25), 0 0 0.25em rgba(0,0,0,.1) inset;
	/*height: 290px;*/
}
.frame-shadow:before{
	position:absolute;
	z-index:-1;
	top:0;
	left:6%;
	width:88%;
	height:15%;
	content:'';
	border-radius:100%;
	box-shadow:0 .438em 1em rgba(0,0,0,.22);
	}
.frame-shadow:after{
	position:absolute;
	z-index:-1;
	bottom:0;
	left:6%;width:88%;
	height:9%;
	content:'';
	border-radius:100%;
	box-shadow:0 .538em 1em rgba(0,0,0,.52);
	}
.arrow {
	font-size : 40px;
	line-height: 30px;
	text-align: center;
	cursor : pointer;
}
.bold {
	font-weight: bold;
}
.button-link {
	font-size:1.125em;
	line-height:30px;
	padding:10px 20px;
	cursor:pointer;
	text-align:center;
	color:#fff;
	border:0;
	background:#0d4778;
	box-shadow:0 1px 1px rgba(0,0,0,.1);
	text-shadow:0 1px 2px rgba(0, 0, 0, .25);
}
.button-link:hover{
	text-decoration: none;
	background:#2dcef7;
	color: #fff;
	
}
.lead {
    font-size: 21px;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 20px;
    color: #95a5a6;
}
.solid-grey {
	padding: 25px 20px;
    color: #0B283C;
    background: url(../images/shadow.png) repeat-x;
    background-color: rgba(240, 240, 240, 0.66);
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
	width: 100%;
	height: 100%;
	
}
.solid-grey h5{
	font-weight: 300;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
.solid-grey i{
	color: #d34836;
}
.solid-grey h4 {
	text-align: center;
/*	color: #d34836;*/
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
}
.footer {
		position:fixed;
		width:100%;
		bottom: 0;
	color: #666;
    border-top: solid 1px #a8a8a8;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;

}
.up_button {
	font-size: 70px;
	background-color: white;
	overflow: hidden;
	
}

@media (min-width: 992px){
	.navbar-toggler {
    display: none;
	}
	.slider-shadow {
    padding: 0;
}
	
}
@media (max-width: 480px){
	.container-narrow{
		width: auto;
		margin: 0px 10px;
	}
	.navbar-nav li a {
		padding: 7px 5px;
	}
	.navbar-nav li {
		margin-bottom: 10px;
	}
	select {
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.container-fluid {
		margin: 0;
		padding: 5px;
	}
	.row {
		padding-left: 5px;
		padding-right: 5px;
	}
}