/*
Theme Name: Contrast
Theme URI: #
Author: Sai
Version: 1.0
*/
/* CSS Document */

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/

body{margin:0px;padding:0px;font:normal 18px 'robotolight';color:#000000;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
iframe{width:100% !important;}
img{vertical-align:top;}
a{color:inherit;}

@font-face {
font-family: 'robotolight';
src: url('css/roboto-light-webfont.eot');
src: url('css/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-light-webfont.woff') format('woff'),
	 url('css/roboto-light-webfont.ttf') format('truetype'),
	 url('css/roboto-light-webfont.svg#robotolight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotomedium';
src: url('css/roboto-medium-webfont.eot');
src: url('css/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-medium-webfont.woff') format('woff'),
	 url('css/roboto-medium-webfont.ttf') format('truetype'),
	 url('css/roboto-medium-webfont.svg#robotomedium') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotothin';
src: url('css/roboto-thin-webfont.eot');
src: url('css/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-thin-webfont.woff2') format('woff2'),
	 url('css/roboto-thin-webfont.woff') format('woff'),
	 url('css/roboto-thin-webfont.ttf') format('truetype'),
	 url('css/roboto-thin-webfont.svg#robotothin') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotobold';
src: url('css/roboto-bold-webfont.eot');
src: url('css/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-bold-webfont.woff2') format('woff2'),
	 url('css/roboto-bold-webfont.woff') format('woff'),
	 url('css/roboto-bold-webfont.ttf') format('truetype'),
	 url('css/roboto-bold-webfont.svg#robotobold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'robotoregular';
src: url('css/roboto-regular-webfont.eot');
src: url('css/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-regular-webfont.woff2') format('woff2'),
	 url('css/roboto-regular-webfont.woff') format('woff'),
	 url('css/roboto-regular-webfont.ttf') format('truetype'),
	 url('css/roboto-regular-webfont.svg#robotoregular') format('svg');
font-weight: normal;
font-style: normal;
}


h2{font:normal 52px 'robotomedium';color:#003b63;margin:0;padding:0 0 14px 0;text-transform:uppercase;line-height:normal;}
h3{font:normal 22px 'robotobold';color:#003b63;margin:0;padding:0 0 25px 0;text-transform:uppercase;line-height:normal;}
h4{font:normal 18px 'robotobold';color:#003b63;margin:0;padding:0 0 21px 0;line-height:normal;}
p{font:normal 18px 'robotolight';color:#000000;margin:0;padding:0 0 26px 0;line-height:25px;}

/*
----------------------------------
02. CONTAINER, WRAPPER
----------------------------------
*/

#container{width:100%;}
#wrapper{width:100%;}
.main{max-width:1200px;margin:0 auto;padding:0 2%;}
img {
	max-width: 100%;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}




/*
----------------------------------
03. HEADER
----------------------------------
*/

#header{width:100%;}
.header_top{width:100%;position:fixed;background-color:rgba(255, 255, 255, 0.85);-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);z-index:1;left:0;}
.header_right{float:right;text-align:right;padding:49px 0px;}
#banner{position:relative;}
.banner_img{height:821px;}
.banner_text{width:50%;right:0;position:absolute;z-index:1;bottom:15%;background-color:rgba(255, 255, 255, 0.85);}
.b_text{display:table;width:100%;height:416px;}
.banner_text:before{position:absolute;content:'';background:url(images/shape.png) no-repeat left top;width:140px;height:100%;left:0;top:0;}
.banner_inner{display:table-cell;vertical-align:middle;padding-left:104px;max-width:60%;text-align:center;padding-right:10%;}
.banner_text h2{font:normal 62px 'robotomedium';color:#003b63;margin:0;padding:0;line-height:55px;}
.banner_text p{font:normal 25px 'robotolight';color:#003b63;margin:0;padding:0 0 35px 0;}
.procet_btn{font:normal 20px 'robotomedium';color:#ffffff;margin:0;padding:0;text-align:center;position:relative;display:inline-block;text-transform:uppercase;width:284px;border-radius:4px;background-color:#f68d1c;line-height:65px;}
.procet_btn:before{position:absolute;content:'';left:4px;right:4px;top:4px;bottom:4px;border:2px solid #ffddb8;border-radius:4px;}
.banner_img2{height:452px;}

.banner_space{height:80px;}

/*
----------------------------------
04. CONTENT
----------------------------------
*/

#content{width:100%;}
.inner_content{padding:5% 0;}
.sec1{background:url(images/home_bg1.jpg) no-repeat center top;background-size:cover;padding:5% 0 0 0;}
.sec1 p{font:normal 22px 'robotolight';color:#000000;margin:0;padding:0 0 21px 0;line-height:33px;}
.btn1{font:normal 18px 'robotomedium';color:#ffffff;text-transform:uppercase;margin:0;padding:0 22px;background-color:#003b63;display:inline-block;line-height:44px;}
.sec_holder{padding-bottom:5%;}
.img_holder{width:32.91%;}
.img_thumbnail{border:6px solid #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
.img_holder img{width:100%;}
.full_width{width:100%;}
.text_holder{width:62.75%;}
.last_sec{margin-bottom:20px !important;margin-left:30px;}
.team_holder{margin-bottom:32px;}
ul.list1{margin:0;padding:0;list-style:none;}
ul.list1 li{margin:0;padding:0 0 0 23px;font:normal 18px 'robotolight';color:#000000;background:url(images/bullet1.jpg) no-repeat left 9px;line-height:36px;}
.contact_left{width:36.91%;float:left;}
.contact_right{width:59.25%;float:right;padding-top:30px;}
.contact_left label{display:inline-block;margin-bottom:7px;}
.textbox1{width:95.59%;height:47px;background-color:#fff;border:1px solid #cbcbcb;padding:0 2%;margin:0 0 7px 0px;line-height:47px;}
.textarea1{width:95.59%;height:127px;background-color:#fff;border:1px solid #cbcbcb;padding:5px 2%;margin:0 0 7px 0px;resize:none;overflow-y:hidden;}
.submit_btn{width:100%;height:49px;background-color:#003b63;font:normal 29px 'robotomedium';color:#ffffff;cursor:pointer;text-transform:uppercase;-webkit-appearance:none;line-height:49px;}
.contact_right ::-webkit-input-placeholder {color: #474747;opacity:1;}
.contact_right :-moz-placeholder { /* Firefox 18- */color: #474747;opacity:1; }
.contact_right ::-moz-placeholder {  /* Firefox 19+ */ color: #474747;opacity:1;}
.contact_right :-ms-input-placeholder { color: #474747;opacity:1;}
.contact_right .fa{width:31px;color:#3299cc;}
.project_box{width:22.58%;float:left;margin:0 2% 27px 0;}
.text_box{background-color:#f78e1e;display:table;width:100%;}
.text_box h2{font:normal 19px 'robotoregular';color:#ffffff;margin:0;padding:5px 0px;display:table-cell;vertical-align:middle;text-transform:capitalize;text-align:center;}


.gallery_box{width:32.3%;background-color:#f3f3f3;position:relative;float:left;margin:0 0.75% 8px 0px;}
.gallery_box:before{position:absolute;content:'';border:1px solid #dddddd;left:0;right:0;top:0;bottom:0;}
.padding{padding:15px;}
.gallery_box img{width:100%;margin-bottom:13px;}
.gallery_box h3{font:normal 18px 'robotolight';color:#222222;margin:0;padding:0 0 7px 0;text-transform:none;line-height:18px;}
.gallery_btn{font:normal 15px 'robotoregular';color:#222222;margin:0;padding:0 19px;display:inline-block;text-transform:uppercase;position:relative;border-radius:5px;border:1px solid #767676;line-height:29px;}


.gallery_box_cat{width:24%;background-color:#f3f3f3;position:relative;float:left;margin:0 0.75% 8px 0px;}
.gallery_box_cat:before{position:absolute;content:'';border:1px solid #dddddd;left:0;right:0;top:0;bottom:0;}
.gallery_box_cat img{width:100%;margin-bottom:13px; height: auto;}
.gallery_box_cat h3{font:normal 18px 'robotolight';color:#222222;margin:0;padding:0 0 7px 0;text-transform:none;line-height:18px;}
.gallery_box_cat:nth-of-type(4n) {
    margin-right: 0;
}
.spc{margin-left:25px;margin-bottom:15px;}
.back{
float:right;padding:8px 15px; background-color:#F68F1E; color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 18px;
margin-top: 15px;
}

/*
----------------------------------
05. FOOTER
----------------------------------
*/

#footer{width:100%;}
.footer_top{background:url(images/footer_bg1.jpg) no-repeat center top;background-size:cover;padding:5% 0 0 0;}
.footer_box1{width:23.16%;float:left;margin-right:0.83%;}
.footer_box2{width:36%;float:left;}
.footer_box3{width:28.16%;float:right;}
.footer_top h2{font:normal 17px 'robotomedium';color:#ffffff;margin:0;padding:0 0 16px 0;text-transform:uppercase;}
.footer_box1 ul{margin:0;padding:0;list-style:none;}
.footer_box1 ul li{margin:0;padding:0;font:normal 17px 'robotolight';color:#ffffff;line-height:30px;}
.footer_top p{font:normal 17px 'robotolight';color:#ffffff;padding:0 0 16px 0px;position:relative;line-height:22px;}
.footer_box2 p .fa{position:absolute;left:0;top:3px;font-size:16px;}
.footer_box2 p{padding:0 0 16px 25px;}
.footer_box3 p a{font-family:'robotomedium';}
.copy p{font:normal 17px 'robotothin';color:#ffffff;margin:0;padding:5% 0 10px 0;text-align:right;line-height:normal;}
.footer_btm{background-color:#ededed;text-align:center;padding:24px 0px;text-align:center;}
.footer_btm img{margin:0 2%;}