body{
	color:#0019ff;
    border:2px solid #0019ff;
	border-bottom:0px;
	border-top:0;
	background-image:url(assets/images/bg.png);
	background-color:#c4c4c4;
	background-repeat: repeat;
}
body a{
	color:#0019ff;
}

body a:hover, body a:visited, body a:focus{
	text-decoration:none;
	color:#0019ff;
}

/*include fonts */
@font-face {
  font-family: proximaNova;
  src: url(assets/fonts/FontsFree-Net-Proxima-Nova-Sbold.otf);
}
@font-face {
  font-family: proximaNovaRegular;
  src: url(assets/fonts/FontsFree-Net-proxima_nova_reg-webfont.ttf);
}

h1, h2, h3, h4, h5, h6{
	font-family:proximaNova;
}

p{
	font-family:proximaNovaRegular;
}

header{
	font-family:proximaNova;
	padding: 15px 0px;
    border:2px solid #0019ff;
	font-size: 25px;
	position:sticky;
	background:#fff;
}

header a{
	color:#0019ff;
}

header img {
	width:30px;
}

.header-inner{
	padding:5px 0px;
}

.header-text-right{
	float:right;
}

.header-text-right a{
	margin-left:10px;
}

.below-header-line{
	 border-top:2px solid #0019ff;
}

footer{
	position: sticky;
    bottom: 0;
    text-align: center;
    padding: 10px;
    border: 2px solid #0019ff;
	background: #fff;
}

footer img{
	width:35px;
}

.footer-icon{
	margin-left:20px;
	margin-right:20px;
}

.site-main{
	direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
    margin: 20px 60px;
}

.site-contents{
	overflow-y: scroll;
    height: calc(100% - 145px);
	background: #fff;
	border: 2px solid #0019ff;
	border-top:0;
	border-bottom:0;
}

/****scroll bar ******/
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #ddd; 
  border:2px solid #0019ff;
  border-right:0;
  border-top:0;
  border-bottom:0;
  padding-bottom:120px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fff; 
  border:2px solid #0019ff;
  border-right:0;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0019ff; 
}
/* scrollbar end **/

.author-name{
	min-width: 325px;
    display: inline-block;
    text-align: right;
    font-weight: 600;
    font-size: 16px;
}

.FixedHeightContainer{
  height: 250px;
  width:70%; 
  border: 2px solid #0019ff;
  background:#fff;
}
.FixedHeightContainer .Content{
  height:225px;
      padding: 20px;
   overflow:auto;
    background:#fff;
}
.FixedHeightContainer h5{
	margin: 0px;
    border-bottom: 2px solid #0019ff;
    padding: 2px 5px;
    font-weight: bold;
    width: calc(100% - 20px);
    float: left;
}

.FixedHeightContainer .Content img{
  width:100%;
}

.first-proj{
	margin-top:60px;
}

.dog-img-div{
	position: absolute;
    bottom: 63px;
    right: 30px;
	z-index: 555555555;
}

.dog-img-div img{
	width:65px;
}

.proj-close{
	float: left;
    font-weight: bold;
	display: block;
    width: 20px;
    border: 2px solid;
    border-top: 0;
    border-right: 0;
    text-align: center;
    height: 21px;
}

.second-row .first-proj{
	margin-top: 0px;
    float: right;
	margin-bottom: 100px;
}

.dog-text{
	display: inline-block;
    border: 2px solid;
    padding: 2px 15px;
    border-radius: 10px;
    font-weight: bold;
    margin-top: 0px;
    bottom: 45px;
    position: relative;
    right: -22px;
	background:#fff;
	max-width:180px;
	line-height: 50px;
}

.dog-text span{
	display: inline-block;
    vertical-align: middle;
    line-height: 1.3;
}

.dog-img-div .arrow-img{
	position: absolute;
    bottom: -16px;
    right: 8px;
	width:auto !important;
}

.modal-backdrop{
	z-index: 55555;
	position: inherit;
}
.modal-content{
	box-shadow:unset;
	border: 4px solid #0019ff;
	border-radius:0;
}
.modal-dialog{
	margin-top:110px;
	width: 80%;
}

.modal-header{
	text-align: center;
    padding: 0px;
    border-bottom: 2px solid;
}
.modal-header h4{
	font-size: 15px;
    font-weight: 600;
}
.modal-header .close {
    margin-top: 0px;
    margin-right: 3px;
    color: #0019ff;
    border-left: 2px solid #0019ff;
	opacity: 1;
    padding-left: 3px;
}

.modal-body {
    padding: 0px 15px;
}
.modal-body img{
    height: auto;
	max-width: 100%;
	margin-top:20px;
}
.FixedHeight-modal-content{
	  height: 421px;
	  background:#fff;
}


.FixedHeight-modal-content .modal-body{
	height:calc(100% - 23px);
	padding: 20px;
	overflow:auto;
    background:#fff;
}



.single-proj-image{
	max-width:100%;
	margin-top:25px;
}

.about-img{
	max-width: 380px !important;
    margin-top: 0px !important;
}

.footer-menu a{
	padding:15px;
}

#contactModal label{
	display:block;
}

#contactModal input, #contactModal textarea{
	width:100%;
	border:2px solid #0019ff;
	max-width:100%;
}
 #contactModal textarea{
	 margin-top:10px;
	 height:150px;
 }
 
 #contactModal form{
	 padding: 40px 0px 0px 50px;
 }
 
 .submitBtn{
	 background: #0019ff;
    color: #fff;
    padding: 10px 50px;
    width: auto;
 }

table tr td div{
	text-align:unset !important;
}

table tr td span{
    color:#0019ff !important;
}

table tr td img{
	margin:5px;
	width:95% !important; 
	margin-top:0px !important;
}

table tr td{
    vertical-align: top;    
	color: #0019ff;
}

table tr td, table tr, table {
	border:0px !important
}

.site-contents{
	padding-bottom:50px;
}

.modal{
	z-index: 5525555656565;
}

.project_pass form{
	    margin: auto;
    text-align: center;
}

.project_pass label{
	    display: block;
    font-size: 20px;
}

.project_pass input[type=submit]{
	background: #1f35ff;
    border: 0px;
    color: #fff;
    padding: 3px 10px;
}

/************************************************************** RESPONSIVE **************************************************************************************/
@media screen and (min-width: 1300px) and (max-width: 1314px) {
 .site-main{
	margin: 20px 50px;
 }
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
 .site-main{
	 margin: 15px 15px;
 }
}
@media screen and (min-width: 1200px) and (max-width: 1225px) {
 .site-main{
	 margin: 15px 3px;
 }
}
@media screen and (min-width: 992px) and (max-width: 1114px) {
 .site-main{
	 margin: 15px 15px;
 }
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
 .site-main{
	 margin: 15px -1px;
 }
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.site-main{
		margin:20px 30px;
	}

}

@media screen and (min-width: 768px){
	.about-img {
        margin-top: 65px !important;
    }
}


@media screen and (min-width: 768px) and (max-width: 868px) {
 .site-main{
	 margin: 15px 15px;
 }
}

@media screen and (min-width: 768px) and (max-width: 868px) {
 .container{
	 width: 714px !important;
 }
}

@media screen and (max-width: 767px) {

.site-contents {
	height: calc(100% - 125px);
}
 .site-main{
	 margin: 12px 12px;
 }
 header {
    font-size: 14px;
 }
 header img {
    width: 20px;
}
.header-text-right a {
    margin-left: 2px;
}
footer img {
    width: 30px;
}
.FixedHeightContainer{
  width:100%; 
}
.author-name {
    min-width: 230px;
}

.FixedHeightContainer {
	margin-bottom:50px;
}

.second-row .first-proj{
	margin-bottom:0px;
}

.dog-img-div .arrow-img {
    bottom: -11px;
    width: 20px !important;
}
.dog-text {
    padding: 11px 9px;
}
.dog-img-div img {
    width: 50px;
}
.dog-text {
    bottom: 30px;
    right: -19px;
}
.about-img {
	max-width:100% !important;
}

#contactModal form {
    padding: 20px 0px;
}
table tr td{
	float:left;
	width:100% !important;
}
table tr td img{
	max-width:100% !important;
}
iframe{
	max-width:100%;
}
h1 {
    font-size: 26px;
}
}