* { margin: 0; padding: 0;font-family: "Roboto-Regular";}
li { list-style: none; outline: none; }
a { text-decoration: none; outline: none; }
a:hover, a:focus{ text-decoration: none !important; outline: none; }
img { border: none; outline: none; vertical-align: middle; max-width: 100%}
html { -webkit-text-size-adjust: 100%; }
textarea, input[type=text], input[type=email], input[type=password] { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; border-radius: 0; outline: none }
button, input[type=submit] { appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; outline: none; outline: none }
header, section, footer, .width100 { float: left; width: 100% }
@font-face {
	font-family: "Roboto-Light";
	src: url("../fonts/Roboto-Light.eot");
	src: url("../fonts/Roboto-Lightd41d.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Roboto-Light.woff") format("woff"),
	url("../fonts/Roboto-Light.ttf") format("truetype"),
	url("../fonts/Roboto-Light.svg#Roboto-Light") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: "Roboto-Regular";
	src: url("../fonts/Roboto-Regular.eot");
	src: url("../fonts/Roboto-Regulard41d.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Roboto-Regular.woff") format("woff"),
	url("../fonts/Roboto-Regular.ttf") format("truetype"),
	url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: "Roboto-Bold";
	src: url("../fonts/Roboto-Bold.eot");
	src: url("../fonts/Roboto-Boldd41d.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Roboto-Bold.woff") format("woff"),
	url("../fonts/Roboto-Bold.ttf") format("truetype"),
	url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: "big_noodle_titling";
	src: url("../fonts/big_noodle_titling.eot");
	src: url("../fonts/big_noodle_titlingd41d.eot?#iefix") format("embedded-opentype"),
	url("../fonts/big_noodle_titling.woff") format("woff"),
	url("../fonts/big_noodle_titling.ttf") format("truetype"),
	url("../fonts/big_noodle_titling.svg#big_noodle_titling") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.preheader {background: #e8eaed}
.preheaderlist li{display: inline-block;}
.socialicon{text-align: right;}
.socialicon li{display: inline-block; border-right: 1px solid #c3c5c7;padding: 8px 8px 8px 5px}
.socialicon li:first-child{border-left: 1px solid #c3c5c7;}
.preheader ul{margin: 0}
.preheaderlist li i,.preheaderlist li span,.preheaderlist li a{display: inline-block;vertical-align: middle;}
.preheaderlist li i{color: #d2523b; font-size: 14px;line-height: 14px;margin: 0 3px 0 0}
.preheaderlist li span{font-size: 12px;line-height: 12px; color: #000;}
.preheaderlist li a{font-size: 12px;line-height: 12px; color: #2b2c2e; font-family: "Roboto-Light"}
.preheaderlist li a:hover{color: rgb(54, 54, 238); text-decoration: none;}
.preheaderlist li{border-right: 1px solid #cdd2d8;padding: 8px 12px 8px 8px}
.preheaderlist li:last-child{border-right: none}
.preheaderlist li:first-child{padding-left: 0}
.socialicon li a{font-size: 16px;line-height: 16px;color: #70717f}
.socialicon li:hover a{color: #e13c1e}
.logoarea{float: left;}
.menusec{float: right;}
.navbar-light{background-color: transparent; border-color: transparent; padding:0}
.navbar-nav > li{margin: 0 40px 0 0}
.navbar-nav > li > a{padding: 0; font-size: 14px;line-height: 14px; color: #777; font-family: "Roboto-Bold"; text-transform: uppercase;letter-spacing: 1px}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:focus, .navbar-light .navbar-nav > .active > a:hover,.navbar-light .navbar-nav > li > a:focus, .navbar-light .navbar-nav > li > a:hover{background-color: transparent; color: rgb(54, 54, 238)}
.navbar{min-height: 10px; margin: 0}
/* .headersec {     padding: 24px 0 0px;} */
.navbar-nav li span{display: block;width: 11px; height: 4px; background: #fff;text-align: center;margin: 0 auto 2px; border-radius: 6px;}
.navbar-nav li.active span,.navbar-nav li:hover span{background: rgb(54, 54, 238)}
.quotebtn a{display: inline-block; border:1px solid rgb(54, 54, 238); background: #fff; font-size: 14px;line-height: 14px;color: rgb(54, 54, 238); font-family: "Roboto-Bold"; text-transform: uppercase;padding: 11px 15px; transition-duration: 0.4s}
.quotebtn a:hover,.quotebtn a:focus{background: rgb(54, 54, 238); color: #fff; text-decoration: none}
.navbar-collapse{padding: 0}
.bannersec{background: url(../images/banner.jpg) no-repeat scroll 0 0; background-size: 100% 100%}
.bannertext{margin: 100px auto; width: 50%; background: rgba(203,31,0,0.8);border-left: 20px solid #1d1d21; text-align: center;padding: 50px 0}
.bannertext h4{font-size: 43px;line-height: 43px;color: #fff; font-family: "big_noodle_titling"; font-weight: normal; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 4px}
.bannertext h1{margin: 0;font-size: 124px;line-height: 124px;color: #fff; font-family: "big_noodle_titling"; font-weight: normal; text-transform: uppercase; letter-spacing: 2px}
.whitebtn{ border:3px solid #fff; color: #fff; display: inline-block; font-size: 14px;line-height: 14px;font-family: "Roboto-Bold"; text-transform: uppercase;padding: 12px 25px; letter-spacing: 1px; transition-duration: 0.4s}
.whitebtn:hover,.whitebtn:focus{background: #fff; color: #be2b0b; text-decoration: none}
.aboutsec{padding: 80px 0; text-align: center;}
.head1 {text-align: center;}
.head1 h2{font-size: 72px;line-height: 72px;color: #d14127; font-family: "big_noodle_titling"; font-weight: normal; text-transform: uppercase; letter-spacing: 3px;margin: 0 0 10px;}
.head1 span{width: 90px; height: 7px; background: #d14127;display: block;margin:  0 auto 40px;border-radius: 4px;}
.head1 p{font-size: 15px;line-height: 24px;color: #7a7a7a;width: 80%; margin: 0 auto}
.servicsec{background: #f6d9d4;padding: 80px 0}
.servicearea {padding: 80px 0 0}
.serviceblock{background: #d14127; transition-duration: 0.4s}
.servicesec{padding: 30px 0}
.servicesec i{color: #fff; font-size: 80px;line-height: 80px;display: block;margin: 0 0 20px}
.servicesec h3{margin: 0; font-size: 16px;line-height: 16px;color: #fff; font-family: "Roboto-Bold"; text-transform: uppercase;margin: 0 0 10px;}
.servicesec p{font-size: 12px;line-height: 18px;color: #fff;margin: 0 0 25px}
.detailbtn{border:1px solid #fff; font-size:12px; line-height: 12px;color: #fff; padding: 4px 10px; transition-duration: 0.4s; display: inline-block;}
.detailbtn:hover,.detailbtn:focus,.serviceblock:hover .detailbtn{color: #1d1d21; text-decoration: none; border:1px solid #1d1d21;}
.serviceblock:hover{background: #fff}
.serviceblock:hover i,.serviceblock:hover h3,.serviceblock:hover p{color: #1d1d21}
.latestwork{padding: 80px 0}
.latestworkblock{padding: 0;}
.latestworkblock img{width: calc(100% - 4px)}
.latestworksec {padding: 80px 0 0}
footer{background: #1d1d21}
.footertopsec {padding: 35px 0; border-bottom: 1px solid #343438}
.footerlogo a{margin: 0 0 40px; display: block;}
.footerlogo p{font-size: 13px;line-height: 18px;color: #696c7d;}
.head2 h3{margin: 0 0 10px; font-size: 18px;line-height: 18px;color: rgb(54, 54, 238); font-family: "Roboto-Bold"; font-weight: normal;}
.head2 span{width: 28px; height: 4px; display: block; border-radius: 4px; background: #3e4156}
.head2 {margin: 0 0 30px}
.footerlist li{margin: 0 0 12px}
.footerlist li a{display: block; font-size: 13px; line-height: 13px;color: #b0b3c0; text-transform: uppercase;}
.footerlist li:hover a,.addrsec li p a:hover,.footerlist li.active a{color: rgb(54, 54, 238); text-decoration: none;}
.addrsec li{margin: 0 0 2px}
.addrsec li i,.addrsec li p{display: inline-block; vertical-align: top;}
.addrsec li p{width: 80%}
.addrsec li i{font-size: 15px;line-height: 15px; color: rgb(54, 54, 238);margin: 3px 3px 0 0}
.addrsec li p, .addrsec li p a{font-size: 12px;line-height: 20px;color: #b0b3c0;}
.addrsec li p a{line-height: 16px;}
.footericon li a {
    width: 29px;
    height: 29px;
    display: grid;
    color: #b7b7b7;
    font-size: 16px;
    line-height: 1.2;
    transition-duration: 0.4s;
    border-radius: 50%;
    place-items: center;
}
.footericon li{display: inline-block;margin: 0 0px 0px 0; text-align: center;}
.footericon li a:hover{background: rgb(54, 54, 238); color: #fff}
.copyrightsec {padding: 20px 0}
.copyrightsec p,.copyrightsec p a{margin: 0;font-size: 13px; line-height: 13px; color: #b0b3c0; font-family: "Roboto-Light"}
.copyrightsec .pull-right{text-align: right;}
.copyrightsec p a:hover,.copyrightsec p a:focus{text-decoration: none; color: rgb(54, 54, 238)}
.innerbanner{background: url(../images/innerbanner.jpg) no-repeat scroll 0 0; background-size: 100% 100%;position: relative; min-height: 170px;}
.bannertext.innerbannertext{margin: 0;padding:0; text-align: left; position: absolute; bottom: -30px;width: 550px}
.innerbannertext h2{    font-size: 45px;
    line-height: 1.2;
	color: #fff; margin: 0; font-family: "big_noodle_titling"; letter-spacing: 2px;padding:20px 30px;}
.breadcrumb{margin: 0; background-color: rgb(54, 54, 238);padding: 10px 30px}
.breadcrumb li, .breadcrumb li a {
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    text-transform: uppercase;
    font-family: "Roboto-Bold";
}
.breadcrumb-item + .breadcrumb-item::before{color:#ccc}
.breadcrumb li:hover a{text-decoration: none; color: #fff}
.aboutcontsec .head1 p{color: #646467; font-size: 15px;line-height: 24px; margin: 0 0 30px; width: 100%}
.serviceimg{float: left;width: 50%}
.serviceimg img{width: 97%; height: 280px}
.srvicecontsec{float: left;width: 50%; margin: 0 0 30px}
.serviceblocksec{border:6px solid #d0d0d0;padding: 25px; text-align: center; height: 280px;}
.serviceblocksec:hover, .serviceblocksec:focus{border:6px solid rgb(54, 54, 238)}
.aboutcontsec .serviceblocksec{text-align: left;}
.serviceblocksec h3{font-size: 20px;line-height: 20px;color: #1d1d21; text-transform: uppercase; font-family: "Roboto-Bold"; margin: 0 0 15px;}
.serviceblocksec p{font-size: 14px;line-height: 22px; color: #646467; margin: 0 0 25px;}
.blackbtn{border:1px solid #1d1d21; color: #1d1d21; font-size: 12px; line-height: 12px; display: inline-block;padding: 6px 10px;}
.blackbtn:hover{background: #1d1d21; color: #fff; text-decoration: none}
.servicecontsec {padding: 50px 0 0}
.contactsec{text-align: left;}
.contactleftsec h6{font-size: 20px;line-height: 20px; color: #1d1d21; font-family: "Roboto-Bold"; text-transform: uppercase;}
.contactleftsec p,.contactleftsec p a{font-size: 16px;line-height: 18px; color: #646467}
.contactleftsec li{margin: 0 0 20px;}
.contactleftsec p a:hover,.contactleftsec p a:focus{color: rgb(54, 54, 238); text-decoration: none}
.contactrightsec label{color: #646467}
textarea{resize: none}
.redbtn{background: rgb(54, 54, 238); border:1px solid rgb(54, 54, 238); border-radius: 0; color: #fff; font-size: 18px;line-height: 18px; font-family: "Roboto-Bold"; text-transform: uppercase; transition-duration: 0.4s}
.redbtn:hover,.redbtn:focus{background: #1d1d21; border:1px solid #1d1d21; color: #fff;}
.contactrightsec {margin: 0 0 40px}

.aboutcontsec p {
    color: #646467;
    font-size: 14px;
    line-height: 1.24;
    margin: 0 auto 30px;
}
.head3 h2{color: #d14127;
font-size:42px;
font-family: "big_noodle_titling"; }
.head3 span {

    width: 90px;
    height: 7px;
    background: #d14127;
    display: block;
    margin-bottom: 32px;
    border-radius: 4px;
	

}
.head3 h6{color:#646467; font-size:18px; margin: 0 auto 20px;
}
.why-left{text-align:right}
.why-us i{font-size:60px; color:#d14127}
.why-us h3{font-size:20px; color: #646467; font-weight:bold}
.why-us p{color:#696c7d}

.modal{background:rgb(54, 54, 238)4d}
.modal-content{border-radius:0; margin: auto;}
.modal-body{padding:0}
.modal-body div{top: 45%;

position: absolute;

width: 100%;

color: #000;}
.modal-body div .controls {background:rgb(54, 54, 238); color:#fff; padding:5px}
.modal-body div .controls:hover, .modal-body div .controls:focus{background:#000}
.modal-body div .controls i{line-height:25px}
.modal-body div .controls.next{padding:3px 5px}
.modal-body .next {
        float:right;
        text-align:right;
    }
 .modal-dialog img {
          text-align:center;
          margin:0 auto;
		  display: block;
      }
	  .form-control{border-radius:0}