/*
Theme Name: Marquis
Theme URI: #
Author: Sanjoy Kayal
Version: 1.0
*/

/*
----------------------------------
01. DEFAULT ELEMENTS
----------------------------------
*/
body{margin:0px;padding:0px;}
*{border:none;outline:none;text-decoration:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
iframe{width:100% !important;}
a{color:inherit;}
img{vertical-align:top;}
@font-face {
font-family: 'robotobold_condensed';
src: url('css/roboto-boldcondensed-webfont.eot');
src: url('css/roboto-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),
	 url('css/roboto-boldcondensed-webfont.woff2') format('woff2'),
	 url('css/roboto-boldcondensed-webfont.woff') format('woff'),
	 url('css/roboto-boldcondensed-webfont.ttf') format('truetype'),
	 url('css/roboto-boldcondensed-webfont.svg#robotobold_condensed') format('svg');
font-weight: normal;
font-style: normal;
}

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

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

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

h2{font:normal 16px 'roboto_condensedregular';color:#eb1f27;text-transform:uppercase;margin:0;padding:0 0 30px 0;line-height:normal;}
p{font:normal 16px 'open_sansregular';color:#848484;margin:0;padding:0 0 35px 0;line-height:30px;}

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

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




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

#Home{padding:133px 0 36px 0;background:url(images/header_bg.jpg) no-repeat center top;background-size:cover;text-align:center;height:500px;position:relative;}
header{width: 100%;transition:all 0.5s ease-in;text-align:center;position:absolute;z-index:99;bottom:36px;}
.logo{padding-bottom:113px;}
.mail{position:absolute;right:40px;top:79px;z-index:99;}
.mail .fa{width:43px;height:43px;background-color:#aaaaaa;border-radius:50%;text-align:center;color:#fff;font-size:23px;line-height:43px;}


@media(min-width:768px){
header.small{top:0;background-color:#fff;position:fixed;background-image:none;padding:30px 0;border-bottom:3px solid #f04a50;bottom:inherit;}
header.small .nav-collapse{padding-bottom:0;}
header.small .logo{display:none;}
header.small img{display:none;}
header.small .mail{top:20px;}
}




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

#content{width:100%;}
.heading{background-color:#d9d9d9;text-align:center;padding:3% 2%;margin-bottom:6%;}
.heading h2{font:normal 36px 'steelfish_rgregular';color:#444648;margin:0;padding:0;text-transform:uppercase;letter-spacing:2px;line-height:normal;}
#About{text-align:center;}
.about_img img{width:182px;height:182px;border-radius:50%;margin:0 auto 29px auto;}
.about_bg{background:url(images/bg1.jpg) no-repeat center top #f5f4f4;padding:5% 0;text-align:left;}
.about_text{width:51%;float:right;}
.hidden_text{display:none;}
ul.list1{margin:0;padding:0 0 30px 0;list-style:none;}
ul.list1 li{position:relative;font:normal 16px 'open_sansregular';color:#848484;margin:0;padding:0 0 12px 23px;}
ul.list1 li:before{position:absolute;content:'\f138';left:0;top:3px;color:#f04950;}


#Projects{padding:0 0 4% 0;text-align:center;}
#Projects h4{font:normal 28px Georgia, "Times New Roman", Times, serif;color:#5b5b5b;font-style:italic;margin:0;padding:0 0 28px 0;text-transform:none;line-height:normal;}
.carousal_holder{position:relative;margin-bottom:48px;}
.carousal_holder h3{font:normal 16px 'roboto_condensedregular';color:#000000;text-transform:uppercase;margin:0;padding:24px 0 8px 0;line-height:normal;}
.carousal_holder p{font:normal 12px Georgia, "Times New Roman", Times, serif;color:#000000;font-style:italic;margin:0;padding:0;line-height:normal;}
.box1{width:90%;}
.box1 img{width:100%;opacity:0.36;}
.item:hover img{opacity:1;}
.login_bg{background:url(images/loging_bg.jpg) no-repeat left top;height:162px;width:44%;display:table;}
.login_text{display:table-cell;vertical-align:middle;text-align:center;width:100%;}
.login_text p{font:normal 18px Georgia, "Times New Roman", Times, serif;color:#838383;font-style:italic;margin:0;padding:0 0 28px 0;line-height:normal;}
.btn1{font:normal 16px 'roboto_condensedregular';color:#838383;letter-spacing:2px;text-transform:uppercase;padding:0 29px;border:3px solid #838383;display:inline-block;line-height:37px;}
.popup h3{font:normal 24px 'roboto_condensedregular';color:#eb1f27;text-transform:uppercase;margin:0;padding:0 0 25px 0;text-align:center;line-height:normal;}
.popup{text-align:left;}
.form_box{width:48%;}
.popup label{font:normal 14px 'open_sansregular';color:#838383;margin:0 0 8px 0;padding:0 0 0 0;display:inline-block;}
.textbox1{width:95.59%;height:33px;border:1px solid #848484;margin:0 0 11px 0;padding:0 2%;font:normal 14px 'open_sansregular';color:#838383;line-height:33px;}
.submit_btn{width:100%;height:36px;background-color:#848484;font:normal 16px 'roboto_condensedregular';color:#ffffff;cursor:pointer;text-transform:uppercase;border-radius:5px;-webkit-appearance:none;line-height:36px;}


#Contact{background-color:#f5f4f4;padding:4% 0 5% 0;}
.about_box{width:28.83%;float:left;margin-right:7%;}
.contact_box{width:31%;float:left;}
.f_logo{width:22.5%;float:right;padding-top:5%;}
.about_box p{font:normal 20px Georgia, "Times New Roman", Times, serif;color:#848484;font-style:italic;margin:0;padding:0 0 25px 0;line-height:33px;}
#Contact .fa{width:63px;height:63px;border-radius:50%;background-color:#f04a50;text-align:center;color:#fff;line-height:63px;}
.contact_box p{font-size:15px;padding-bottom:14px;line-height:normal;}
.contact_box p span{color:#19191e;}
.contact_box .fa{font-size:26px;}
.project_box{width:24%;float:left;margin:0 1% 20px 0;}
.project_box:nth-of-type(4n){margin-right:0;}
.project_holder{padding:6% 0 50px 0;}
.project_holder .main{max-width:800px;}

.carres_box::-webkit-input-placeholder {color: #535353;opacity:1;}
.carres_box :-moz-placeholder { /* Firefox 18- */color: #535353;opacity:1;  }
.carres_box ::-moz-placeholder {  /* Firefox 19+ */ color: #535353; opacity:1;}
.carres_box :-ms-input-placeholder { color: #535353;opacity:1;}

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

footer{background-color:#5c5c5c;padding:3% 0;}
footer p{font-size:14px;color:#c0c0c0;padding:0;margin:0;line-height:36px;}
footer p span{color:#ffffff;}