@import url('fonts.css');

/* ==================================================
   Basic Styles
================================================== */

html, body {
	height: 100%;
}

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}

body{
	margin:0px;
	padding:0px;
	color:#484848;
	font-size:13px;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	line-height:18px;
	background:#ffffff;
}

a{
	color:#5aa99e;
	text-decoration: none;
	cursor: pointer;
	
	-webkit-transition: all 0.2s linear 0s;	
	   -moz-transition: all 0.2s linear 0s;
		 -o-transition: all 0.2s linear 0s;
		    transition: all 0.2s linear 0s;
}

a:hover,
a:active{
	outline: 0;
	color:#2e3943;
	text-decoration:none;
}

a img {
	border: none;
}

a > img {
	vertical-align: bottom;	
}

img {
	max-width: 100%;
	height:auto;	
}

strong {
  	font-weight: normal;
	font-family: 'robotomedium';
}

ul, p, figure {
	margin:0px;
	padding:0px;
}

p {
	margin:0px 0px 20px 0px;
}

hr {
	border-style: dashed;
	border-color: #3C3F45;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 50px 0;	
}

.clear{
	clear:both;
}

.pull-left{
	float:left;
}

.pull-right{
	float:right;
}

.text_align_left {
	text-align: left;
}

.text_align_center {
	text-align: center;
}

.text_align_right {
	text-align: right;	
}

.color-text {
    color: #DE5E60;
}

.through{
	text-decoration:line-through;
}

.border-radius{
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
	behavior: url(PIE.htc); /* For IE8 */
}

input, button, select, textarea {
	background-color:#FFFFFF;
	border:solid 1px #D5D5D5;
	font-weight: 300;
	outline: 0;
	font-family: 'robotolight', Arial, Helvetica, sans-serif;
	-webkit-transition: all 0.2s ease-out 0s;	
	   -moz-transition: all 0.2s ease-out 0s;
		 -o-transition: all 0.2s ease-out 0s;
		    transition: all 0.2s ease-out 0s;
			-webkit-border-radius: 0;
			-webkit-appearance: none;
			
}

input[type="button"], input[type="submit"]{
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #7F8289;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #7F8289;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7F8289;
}

/* ==================================================
   Code and Pre
================================================== */

code,
pre {
  	padding: 0 3px 2px;
  	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  	color: #232527;
  	font-size: 12px;
  	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  	padding: 2px 4px;
  	border: 1px solid #dde4e9;
  	background-color: #F6F6F6;
  	color: #232527;
  	white-space: nowrap;
}

pre {
  	display: block;
  	margin: 70px 50px;
  	padding: 30px;
  	border: 1px solid #dde4e9;
  	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  	background-color: #FCFCFC;
  	white-space: pre;
  	white-space: pre-wrap;
  	word-wrap: break-word;
  	word-break: break-all;
  	font-size: 12px;
  	line-height: 20px;
}

pre code {
  	padding: 0;
  	border: 0;
  	background-color: transparent;
  	color: inherit;
  	white-space: pre;
  	white-space: pre-wrap;
}

.pre-scrollable {
  	overflow-y: scroll;
  	max-height: 340px;
}


*{
    box-sizing:border-box;
}
*::before, *::after {
    box-sizing:border-box;
}


/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'robotomedium';
	padding:0px;
	margin:0px;
	color:#3f3f3f;
	font-weight:normal;
	line-height:60px;
}

h1{
	font-size:48px;
}

h2{
	font-size:36px;
	line-height:40px;
}

h3{
	font-size:24px;
	line-height:30px;
}

h4{
	font-size:20px;
	line-height:24px;
}

h5{
	font-size:18px;
	line-height:20px;
}

h6{
	font-size:16px;
	line-height:20px;
}


/* ==================================================
   Main Container
================================================== */

.mainDiv{width:100%;float:left;}
.container{position:relative;width:1140px;margin:auto;}

/* ==================================================
   Header
================================================== */

header{background:#ffffff;height:135px;position:fixed;top:0px;width:100%;z-index:999;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
header .foursightLogo{float:left;}
header .foursightLogo img{margin-top:45px;-webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
header .mainNav{float:right;margin-top:58px; -webkit-transition: all 0.2s ease-out 0s;-moz-transition: all 0.2s ease-out 0s;-o-transition: all 0.2s ease-out 0s;transition: all 0.2s ease-out 0s;}
header .mainNav a.mobileMenu{float:right;background:url(../images/nav-icon.png) no-repeat;width:60px;height:60px;font-size:0px;display:none;}
header .mainNav ul li{list-style:none;display:inline-block;margin-left:30px;}
header .mainNav ul li a{font-size:15px;color:#2d3540;text-transform:uppercase;line-height:20px;}
header .mainNav ul li a:hover, header .mainNav ul li a.active{color:#5aa99e;}

header.stickyHeader{height:60px;}
header.stickyHeader .foursightLogo img{margin-top:7px;}
header.stickyHeader .mainNav{float:right;margin-top:20px;}

/* ==================================================
   Middle Content
================================================== */

.achivement{position:relative;min-height:500px;}
.achivement{background:url(../images/achivement-bg.jpg) no-repeat center 30px;background-size:cover;width:100%;height:100%;background-attachment: fixed;}
.achivement h2{font-size:45px;line-height:50px;color:#ffffff;text-transform:uppercase;font-family: 'robotomedium';text-align:center;margin-top:30px;}

.ourCompany{text-align:center;font-size:28px;line-height:36px;color:#77797b;min-height:600px;}
.ourCompany h2{font-size:45px;line-height:50px;color:#3f4245;line-height:50px;padding-bottom:50px;margin-bottom:50px;text-transform:uppercase;position:relative;}
.ourCompany h2:after{background:url(../images/heading-btm-bg.png) no-repeat;width:65px;height:16px;display:inline-block;position:absolute;content:"";left:50%;bottom:0px;margin-left:-32px;}

.partnership{text-align:center;font-size:28px;line-height:36px;color:#ffffff;background:url(../images/partnership-bg.jpg) no-repeat center;background-size:cover;background-attachment:fixed;min-height:500px;}
.partnership h2{font-size:45px;line-height:50px;color:#ffffff;line-height:50px;padding-bottom:50px;margin-bottom:50px;text-transform:uppercase;position:relative;}
.partnership h2:after{background:url(../images/heading-btm-white-bg.png) no-repeat;width:65px;height:16px;display:inline-block;position:absolute;content:"";left:50%;bottom:0px;margin-left:-32px;}

.contactus{background:#332f2a;text-align:center;font-size:22px;line-height:36px;color:#ffffff;min-height:500px;}
.contactus h2{font-size:45px;line-height:50px;color:#ffffff;line-height:50px;padding-bottom:50px;margin-bottom:50px;text-transform:uppercase;position:relative;}
.contactus h2:after{background:url(../images/heading-btm-white-bg.png) no-repeat;width:65px;height:16px;display:inline-block;position:absolute;content:"";left:50%;bottom:0px;margin-left:-32px;}
.contactus .contactForm{width:750px;margin:auto;display:inline-block;}
.contactus ul.contactCol1{float:left;width:270px;}
.contactus ul.contactCol2{float:right;width:470px;}
.contactus ul li{list-style:none;margin-bottom:8px;float:left;width:100%;}
.contactus ul li input, .contactus ul li textarea{width:100%;font-size:14px;color:#ffffff;font-family: 'robotomedium';line-height:24px;background:#332f2a;border:solid 2px #ffffff;padding:10px;margin:0px;}
.contactus ul li textarea{height:104px;}
.contactus ul li input:focus, .contactus ul li textarea:focus{border:solid 2px #5aa99e;}
.contactus ul li.submitBtn{position:relative;}
.contactus ul li.submitBtn input{background:#5aa99e;border:solid 2px #5aa99e;font-size:24px;text-transform:uppercase;line-height:22px;margin-top:-4px;}
.contactus ul li.submitBtn input:hover{background:#332f2a;}
.contactus ul li.submitBtn #inner1{position:absolute;right:-35px;top:8px;}
.contactus a:hover{color:#5aa99e;text-decoration:underline;}


/* ==================================================
   Footer Content
================================================== */

footer{background:#5aa99e;padding:20px 0px;font-size:14px;color:#ffffff;font-family: 'robotomedium';text-transform:uppercase;}
footer .footerMenu{float:left;}
footer .footerMenu ul{}
footer .footerMenu ul li{list-style:none;display:inline-block;position:relative;margin-right:22px;}
footer .footerMenu ul li:after{margin:0px 11px;height:14px;width:2px;content:" ";position:absolute;top:3px;background:#ffffff;}
footer .footerMenu ul li:last-child:after{display:none;}
footer .footerMenu ul li a{font-size:14px;color:#ffffff;line-height:18px;}
footer .footerMenu ul li a:hover{color:#3f4245;}
footer .copyright{float:right;}

div#preloader{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;overflow:visible;background:#ffffff;}
div#preloader span{background:url(../images/preloader.gif) no-repeat center center;position:absolute; width:100%;height:100%; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

#back-to-top{background:url(../images/backtotop.png) no-repeat;bottom:5px;display:none;height:60px;width:60px;margin:0;position:fixed;right:5px;transition:background 0.1s linear 0s;z-index:99;}
#back-to-top:hover{opacity:0.8;}