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

}

::-webkit-input-placeholder {
   color: #fff;
   opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff;
   opacity:1;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   opacity:1;
}

:-ms-input-placeholder {
   color:#fff;
   opacity:1;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent;}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; }

.fl-left {float: left;}
.fl-right {float: right;}
img.fl-left {margin-right:30px;}
img.fl-right {margin-left:30px;}
.clear {clear: both;}
.clear:after, .clear:before {content: ''; clear: both;display: table;}
body, html {font-family: 'Tahoma'; font-size: 13px; color: #000;}
a {color: inherit;}
a:hover {color: inherit;text-decoration: underline;}
body {background-image: url('../images/body-bg.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover;}
.wrapper {width: 1170px; margin: 0 auto; position: relative;}
.site-header {background-color: transparent; padding-top: 40px; padding-bottom: 10px;}
.flexbox {display: flex;columns: 2;}
.homePage .col-5 { width:45%; padding: 160px 0 100px; padding-left: 100px; color: #fff;}
.homePage .col-7 {width:55%;background-size: 100%;background-repeat: no-repeat;}
.homePage .flexbox {background-color: #313b47; padding: 20px 0;}
.homePage .logo {padding-top: 60px;background-image: url('../images/logo-top-img.png');background-repeat: repeat-x;background-position: top left; margin-bottom: 20px;}
.homeContent {max-width: 310px;}
.homeContent a{font-weight: 600;}
.main-navigation a {padding: 0;text-transform:uppercase; color: #000;}
header .menu li a {margin:0 10px }
footer {padding-top: 50px;}
header .menu li {border-right: 1px solid #000;line-height: 1;}
.innerContent {padding: 20px;background-color: #313b47;color: #fff;position: relative; border-left: 30px solid #6180ba;min-height: 450px;}
.innerContent .col-6 {width:50%; float: left;}
.innerHeading h2 { color: #fff; text-transform: uppercase; font-size: 18px; position: absolute; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); left: -50px; top: 40px; }
.contactPage .innerHeading h2 {left: -55px;}
.innerLogo {position: absolute; bottom: 30px;}
.contactPage .innerContent {background-image: url('../images/contact-img.png'); background-repeat: no-repeat; background-position: right; background-size: contain;}
.col-3 {width: 33.33%; float: left;}
.col-9 {width: 66.66%; float: left;}
.contactDetails { max-width: 700px;margin-top: 80px;}
.contactDetails > div { padding-top: 20px; background-image: url('../images/dots.png'); background-repeat: no-repeat; background-position: top left;}
.portfolioPage .innerHeading h2 {left: -63px; top: 50px;}
ul.none li {list-style: none;}
.projects ul li { display: inline-block; width: 13%; margin-right: 4%; vertical-align: top;}
.projects ul li a img {width: 100%;}
.projects ul li:last-child {margin-right: 0;}
.projects ul li span {display: block;}
.projects {margin-top: 30px;}
.pageNav ul li { display: inline-block; margin-left: 5px;vertical-align: top;}
.pageNav { position: absolute; bottom: 30px; right: 100px; }
.pageNav .prevBtn {width: 7px ; height: 14px; background-image: url('../images/left-arrow.png'); background-repeat: no-repeat; background-position: center; display: inline-block;}
.pageNav .nextBtn {width: 7px ; height: 14px; background-image: url('../images/right-arrow.png'); background-repeat: no-repeat; background-position: center; display: inline-block;}
.projectImages > div {float: left;margin-right: 15px;}
.projectImages a {display: block;}
.projectImages .smallImg a:first-child {margin-bottom:5px;}
.pageNav ul li a {line-height: 1; display: inline-block; vertical-align: middle; color: #6180ba; }
.pageNav ul li a.prevBtn[href=''], .pageNav ul li a.nextBtn[href='']{display:none;}
.projectImages .thumbnailImg {max-width: 10%; min-width: 100px;}
.projectImages .container { width: 85%; float: left; }
.projectImages .container img {display:inline-block;width: 100%;}
.projectImages .smallImg {max-width: 345px;}
.projectImages .largeImg {max-width: 745px;}
.column img { opacity: 0.8; cursor: pointer; }
.column img:hover { opacity: 1; }
.row:after { content: ""; display: table; clear: both; }
.container { position: relative;}
#imgtext { position: absolute; bottom: 15px; left: 15px; color: white; font-size: 20px; }
.closebtn { position: absolute; top: 10px; right: 15px; color: white; font-size: 35px; cursor: pointer; }
.projectImages {position: relative;}
.captionimg h2 {
    font-size: 13px;
font-weight: 400;
color: #000;
}

.captionimg {
    position: absolute;
    z-index: 9;
    right: 50px;
    top: 106%;
	max-width:310px;
}