@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



html {



	-webkit-box-sizing: border-box;



	-moz-box-sizing: border-box;



	box-sizing: border-box;



	font-family:'Roboto', sans-serif;



}







*,



*:before,



*:after {



	-webkit-box-sizing: inherit;



	-moz-box-sizing: inherit;



	box-sizing: inherit;



	



}











body {



	margin:0;



	padding:0;



    font-family:'Roboto', sans-serif;



}







body {



	margin:0;



	padding:0;



    font-family:'Roboto', sans-serif;



}











.clear{



	clear:both;



}



.img{



	width:100%;



	display:block;



}



.v_a_img{



	vertical-align:middle;



}



.banner_text{

	position:absolute;

	top: 50%;

    left: 50%;

	transform: translate(-50%, -50%);

}



.banner_text h1{

	

    

	display:block;

	padding:12px;

	text-align:center;

	color:#fff;

	z-index: 50;

	font-family:'Raleway', sans-serif;

	font-size:40px;

	font-weight:600;

	line-height: 26px;

	border-radius:2px;

	-moz-border-radius:2px;

	-webkit-border-radius:2px; 

	text-transform:capitalize;

	opacity:0.9;

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);	

}



.banner_text p{

	text-align:center;

	color:#fff;

	z-index: 50;

	font-family:'Raleway', sans-serif;

	font-size:16px;

	padding:1%;

	font-weight:500;

	line-height: 26px;

}



.banner_text p span{

	text-align:center;

	color:#cb4500;

	font-weight:500;

}





.bnn_btn{

	width:150px;

	margin:4% auto 1%;

}

.b_btn {

  -ms-transform: translate(-50%, -50%);

  background-color: #cb4500;

  color: white;

  font-size: 14px;

  padding: 12px 24px;

  border: none;

  cursor: pointer;

  border-radius: 5px;

  text-align: center;

}





.b_btn:hover {

  background-color: #fff;

  color: #000;

}





.overlop_b{

	position: relative;

    margin-top: -80px !important;

}

.con_icon{

	width:70px;

	margin:1% auto;

}



/*--------------------------------------------------------------



Header



--------------------------------------------------------------*/



.top_main{



	width:100%;



	margin:0 auto;



    z-index: 999999;



	position:absolute;



}







.top{



	width:90%;



	margin:0 auto;



	max-width:1440px;



}







.top_col_sm2{



	width:48%;



	float:left;



	margin-top: 0.7%;



	margin-right: 1%;



	margin-bottom: 0.7%;



	margin-left: 1%;



}







.top_col_sm2 p{



	font-family:'Roboto', sans-serif;



	font-size:14px;



	color:#FFFFFF;



	padding:1%;



}



.top_col_sm22{



	width:12%;



	float:right;



	margin-top: 0.8%;



	margin-right: 1%;



	margin-bottom: 0.6%;



	margin-left: 1%;



}







.logo{



	width:263px;



	float:left;



	margin:1% 1%;



}



.logo img{



	width:100%;



	display:block;



}



.top_right{

	width:600px;

	float:right;

	margin:1%;

}





.social{

	width:180px;

	float:right;

	padding:2% 1% 1%;

}





.navbar{

	width:510px;

	float:right;

	margin:1%;

}



.pos_static{

	position: static !important;

}



.inner_page{

	background-color: #0f0f0f;

	padding-bottom: 40px;

}



.page_head{

	font-family: 'Roboto',sans-serif;

    color: #fff;

    font-size: 28px;

    padding: 3% 1%;

    font-weight: 600;

}



/*--------------------------------------------------------------



Front Page



--------------------------------------------------------------*/



.banner{



	width:100%;



	position: relative;



	



}



.banner2{



	width:100%;

	position: relative;



	



}



/*.hero-text {



  text-align: center;



  position: absolute;



  top: 50%;



  left: 270px;



  color: white;



}*/







.hero-text {



    position: absolute;



    top: 40%;



    left: 0;



    color: white;



    right: 0;



	border-left:1px solid #fff;



	margin-left:9%;



}











.hero-text p {



    font-family: 'Roboto', sans-serif;



    color: #fff;



    font-size: 16px;



    /* text-align: center; */



    font-weight: 300;



    padding: 1% 2%;



    line-height: 160%;



    letter-spacing: 0.1em;



}







.hero-text h1 {



    font-family: 'Roboto', sans-serif;



    color: #fff;



    font-size: 40px;



    /* text-align: center; */



    font-weight: 500;



    letter-spacing: 1px;



    padding: 1% 2%;



}



/*--------------------------------------------------



Welcome



---------------------------------------------------*/

.proje h2 {

    font-family: 'Roboto', sans-serif;

    color: #fff;

    font-size: 17px;

    text-align: left;

    font-weight: 600;

    padding: 1%;

    line-height: 160%;

    letter-spacing: 0.1em;

}



.proje p {

    font-family: 'Roboto', sans-serif;

    color: #bbbbbb;

    font-size: 14px;

    text-align: justify;

    font-weight: 300;

    padding: 1%;

    line-height: 160%;

    letter-spacing: 0.1em;

}



.proje p span{

    font-family: 'Roboto', sans-serif;

    color: #e4e4e4;

    font-weight: 500;

}





.hommm h2 {

    font-family: 'Roboto', sans-serif;

    color: #fff;

    font-size: 17px;

    text-align: center;

    font-weight: 600;

    padding: 1%;

    line-height: 160%;

    letter-spacing: 0.1em;

}



.hommm p {

    font-family: 'Roboto', sans-serif;

    color: #bbbbbb;

    font-size: 14px;

    text-align: center;

    font-weight: 300;

    padding: 1%;

    line-height: 160%;

    letter-spacing: 0.1em;

}







.wel_col_sm1{



	width:100%;



	margin:0 auto;



}







.wel_col_sm1 h1{



	font-family:'Roboto', sans-serif;



	color: #fff;



	font-size:40px;



	text-align:center;



	font-weight:500;



	letter-spacing:1px;



	padding:3% 1%;



}







.wel_col_sm1 h2{



	font-family:'Roboto', sans-serif;



    color: #bbbbbb;



    font-size: 16px;



    text-align:left;



    font-weight: 300;



    padding: 1% 1%;



    line-height: 160%;



	letter-spacing: 0.1em;







}







.wel_col_sm1 p{



	font-family:'Roboto', sans-serif;



    color: #bbbbbb;



    font-size: 16px;



    text-align:center;



    font-weight: 300;



    padding: 1% 15%;



    line-height: 160%;



	letter-spacing: 0.1em;







}





.g_text p {

    font-family: 'Roboto', sans-serif;

    line-height: 140%;

    text-align: center;

    color: #bbb;

    font-size: 16px;

	padding:2% 1%;

    font-weight: 400;

	min-height:57px;

}







/*-----------------------------------------------------



products



------------------------------------------------------*/



.pro_main{



	width:100%;



	float:left;



	margin:0 auto;



	position:relative;



}







.product_img{



	width:100%;



	margin:0 auto;



}



.pro_text_main{



	width:80%;



	position:absolute;



	bottom:25%;



	left:10%;



}



.pro_txt{



	font-family:'Roboto', sans-serif;



	color:#fff;



	font-size:40px;



	font-weight:600;



	text-align:center;



	padding:2px 2px 2px 2px;



	line-height:130%;



}



.pro_txt2{



	font-family:'Roboto', sans-serif;



	font-size:15px;



	text-align:center;



	padding:7% 1% 4%;



	color:#fff;



	font-weight:500;



	line-height:160%;



}







.mg_bt{



	margin:2% 0%;



}







/*---------------------------------------------------------



why choose us



----------------------------------------------------------*/



.why_us h1{



	font-family:'Roboto', sans-serif;



	color:#ea1c29;



	font-size:25px;



	font-weight:600;



	text-align:left;



	padding:5% 1% 0% 6%;



	line-height:130%;



}







.why_us h2{



	font-family:'Roboto', sans-serif;



	font-size:31px;



	text-align:left;



	padding:1% 1% 1% 6%;



	color:#000;



	font-weight:600;



	letter-spacing:1px;



}







.why_us p{



	font-family:'Roboto', sans-serif;



	font-size:15px;



	text-align:justify;



	padding:1% 5% 5% 6%;



	color:#000;



	font-weight:500;



	line-height:160%;



}







/*------------------------------------------------------



owel slider



-------------------------------------------------------*/



.main_div{



	width:100%;



	float:left;



	margin:0 auto;



	position:relative;



}







/*-------------------------------------------------------



footer



---------------------------------------------------------*/



.ftr_logo2{



	width:333px;



	margin:0 auto;



	padding:3% 0%;



}







.ftr_txt_main{



	width:98%;



	margin:0 auto;



}



.ftr_txt_main p{



	font-family:'Roboto', sans-serif;



	color:#fff;



	font-size:15px;



	text-align:center;



	font-weight:500;



	line-height:150%;



	padding:1% 0%;



}







/*------------------------------------------------------



footer2



-------------------------------------------------------*/



.ftr_col_sm2{

	width:98%;

	margin:1%;

	float:left;

}







.ftr_txt1 p{

	font-family:'Roboto', sans-serif;

	color:#bbb;

	font-size:15px;

	font-weight:300;

	text-align:center;

	line-height:130%;



}





.ftr_txt1 p span{

	color:#e4e4e4;

	font-size:15px;

	font-weight:600;



}



.ftr_txt2{

	text-align:right;

}







/*----------------------------------------------



Regular Content



-----------------------------------------------*/



.contener{



	width:90%;



	margin:0 auto;



	max-width:1440px;



}



.col_sm1{



	width:100%;



	margin:0 auto;



}







.col_sm2{



	width:48%;



	margin:1%;



	float:left;



}



.col_sm3{



	width:31%;



	margin:1%;



	float:left;



}



.col_sm4{



	width:23%;

	float:left;

	margin: 1%;

}



.col_sm5{



	width:23%;



	margin:1%;



	float:left;



}







.col_sm6{



	width:18%;



	margin:1%;



	float:left;



}



.col_sm8{



	width:45%;



	float:left;



}



.col_sm88{



	width:51%;



	float:right;



}



.col_sm9_p{

	width:65%;

	float:left;

	margin: 1%;

}



.col_sm99_p{

	width:30%;

	float:left;

	margin: 1%;

}





.col_sm9{

	width:65%;

	float:left;

	margin: 1%;

}



.col_sm99{

	width:30%;

	float:right;

	margin: 1%;

}



.body p{

	font-family: 'Roboto', sans-serif;

	line-height: 140%;

	text-align: justify;

	color: #bbb;

	font-size: 16px;

	font-weight: 300;

}



.col_sm10{



	width:50%;



	float:left;



}



.col_sm100{



	width:45%;



	float:right;



}







.col_sm11{



	width:60%;



	float:left;



	margin:6% 0% 4%;



}



.col_sm111{



	width: 35%;



    float: left;



    margin: 3% 0%;



}











/*---------------------------------------------



link



----------------------------------------------*/



a.link:link {



	color:#bbb;



	text-decoration:none;



}



a.link:visited {



	color:#bbb;



	text-decoration:none;



}



a.link:hover {



	color:#bbb;



	text-decoration:none;



}



a.link:active {



	color:#bbb;



	text-decoration:none;



}















a.link2:link {



	color:#000;



	text-decoration:none;



}



a.link2:visited {



	color:#000;



	text-decoration:none;



}



a.link2:hover {



	color:#000;



	text-decoration:none;



}



a.link2:active {



	color:#000;



	text-decoration:none;



}







.decoration{



	text-decoration:none;



}







a.link3:link {



	color:#fff;



	text-decoration:none;



}



a.link3:visited {



	color:#fff;



	text-decoration:none;



}



a.link3:hover {



	color:#fff;



	text-decoration:none;



}



a.link3:active {



	color:#fff;



	text-decoration:none;



}







/*-----------------------------------------------



Bullet



------------------------------------------------*/



.bullet ul {



    list-style-image:url(../images/bullet1.png);



	margin: 2% 3%;



}



.bullet ul li {



	margin: 0% 2% 0.1% 0%;



    padding: % 0% 0% 0%;



    text-decoration: none;



    font-family:'Roboto', sans-serif;



    color: #000000;



    font-size: 14px;



    text-align: left;



    font-weight: 600;



    padding: 1%;



    line-height: 160%;



}







/*-----------------------------------------------------



Button



------------------------------------------------------*/



.view_mr{



	width:120px;

	float:left;

	margin:1% ;



}







.btn{



	width:100%;



	padding:8% 4%;



	font-size:15px;



	border:0px solid;



	text-align:center;



	font-family: 'Roboto', sans-serif;



	background-color:#cb4500;



	color:#fff;



	text-decoration:none;



	cursor:pointer;



	font-weight:400;



	margin:16% 0%;

	

    border-radius: 5px;



}



.btn:hover{



	background-color:#cb4500;



	color:#fff;



}



.ct_form_left{



	float:left;



	margin:5% 0% 0% -9%;



}





/*--------------------------------------------------------------

contact page

--------------------------------------------------------------*/

.inner_heading h1{

	font-family: 'Roboto', sans-serif;

	color: #000;

	font-size: 24px;

	font-weight:700;

	padding:2% 1% 1%;

}



.cont_txt h3{

	font-family: 'Roboto', sans-serif;

	font-size:20px;

	font-weight:600;

	padding:2% 1% 0%;

	color:#2a67a8;

}

.cont_col_sm3{

	width:48%;

	margin:1%;

	float:left;

	border:1px solid #000;

	min-height: 225px;

	

}



.div-overlap{

	margin:-2% 1% 1% 1%;

	position:absolute;

}

.cont_pdg_sm3{

	padding:1% 1.5%;

}

.con_heading h2{

	font-family: 'Roboto', sans-serif;

	color: #fff;

	font-size: 18px;

	font-weight:600;

	padding:2% 1% 0%;

	text-align:center;

}

.cont_icn {

    width:20px;

    float:left;

    margin:0.5% 3% 0% 1%;  

}

.cont_icn i {

	font-size:20px;

}

.cont_txt_main {

    width:98%;

    float: left;

}

.cont_txt_main p {

    font-family: 'Roboto', sans-serif;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    line-height: 150%;

    text-align:center;

}



.txt{

	color: #000;

	font-size: 16px;

	font-weight: 600;

	font-family: 'Roboto', sans-serif;

	margin: 2% 2%;



}

.link22{

	color: #000;

	text-decoration: none;

}



/*---------------------------------------------------



Extra



---------------------------------------------------*/



.bg_clr{



	background:rgba(0, 0, 0, 0.5);



}







.bg_clr2{



	background-color:#fff;



}







.bg_clr3{



	background:rgba(255, 255, 255, 0.8);



}







.bg_clr4{



	background:rgba(243, 124, 26, 0.7);



}







.bg_clr5{



	background-color:#0f0f0f;



}



.con_bg{



	background-image:url('../images/con_bg.jpg');



	background-size:100% 100%;



}





.bg_img{



	background-image:url('../images/bg_img1.jpg');



	background-size:100% 100%;



}







.bg_img2{



	background-image:url('../images/bg_img2.jpg');



	background-size:100% 100%;



	 background-attachment: fixed;



  background-position: center;



  background-repeat: no-repeat;



	



}







.bg_img3{



	background-image:url('../images/bg_img3.jpg');



}







.cont_pdg{



	padding:1% 0%;



}







.fa{



	text-align:right;



	padding-top:0.4%;



	padding-right:1%;



	font-size:100% !important;



}







.ftr_col_sm3 h5{



	display:none;



}







.top_col_sm2 {



    width:70%;



}







@media only screen and (max-width:1650px){

.banner_text {

    top: 60%;

}

}





@media only screen and (max-width:1150px){

.col_sm11 {

    width: 65%;

    margin: 5% 0% 4%;

}

}







@media only screen and (max-width:1120px){



.top_col_sm22 {



    width: 16%;



}



}







@media only screen and (max-width:1100px){



.contener {



    width: 98%;



    margin: 0 auto;



    max-width: 1100px;



}



.col_sm11 {



    margin: 7% 0% 4%;



}



}







@media only screen and (max-width:1075px){



.ftr_col_sm2 {



    width:98%;



    margin: 1%;



    float: left;



}



.ftr_txt2 {



    text-align:left;



}



}







@media only screen and (max-width:1060px){



.col_sm11 {



    margin: 6% 0% 4%;



}



}







@media only screen and (max-width:1035px){



.col_sm11 {



    margin: 5% 0% 4%;



}



}







@media only screen and (max-width:950px){

.col_sm4 {

    width: 31%;

}



.col_sm11 {



    width: 98%;



    margin: 1% 0% 1%;



}



.bg_img {



    background-image:none;



}







.bg_img2 {



    background-image:none;



}



.why_us h1{



	text-align:center;



    padding: 1% 1% 0% 1%;



}



.why_us h2 {



	text-align:center;



    padding: 1% 1% 1% 1%;



}



.why_us p {



    text-align:center;



    padding: 1% 2% 2% 2%;



}



.col_sm111 {



    width:45%;



    float:none;



    margin: 2% auto;



}



}







@media only screen and (max-width:940px){



.top {



    width: 100%;



    margin: 0 auto;



    max-width: 1100px;



}



}







@media only screen and (max-width:800px){

.col_sm4 {

    width:48%;

}

.overlop_b {

    margin-top: 10px !important;

}



.cont_col_sm3 {

    min-height: auto;

}



.logo {



    float:none;



    margin: 0% auto;



}



.top_right {

    width: 100%;

    float: none;

    margin:0 auto;

	/*border-top:1px solid #e4e4e4;*/

}



.navbar {

    width:100%;

    float:none;

	margin:0 auto;

	background-color:#fff;

}

.social {

	width:120px;

    float: none;

    margin: 0 auto;

}



.top_main {

    z-index:none; 

    position:static;

}



.col_sm111 {



    width:80%;



}



.col_sm9{

	width: 98%;

	float: none;

	margin: 1% auto;

}



.col_sm99{

	width: 98%;

	float: none;

	margin: 1% auto;

}



.col_sm3{

	width: 98%;

	float: none;

}



.cont_col_sm3{

	width: 98%;

	float: none;	

}



}







@media only screen and (max-width:775px){



.banner_text {

    top: 50%;

    width: 80%;

}



}







@media only screen and (max-width:750px){



.col_sm111 {



    width: 98%;



}



}







@media only screen and (max-width:720px){



.top_col_sm22 {



    width:20%;



    float:none;



	margin:1% auto;



	padding:1% 0%;



}



.top_col_sm2 {



    width:70%;



    float:none;



	margin:1% auto;



}



}





@media only screen and (max-width:550px){

.banner_text {

    top: 40%;

    width: 90%;

}

.col_sm4 {

    width:98%;

}

.g_text p {

    min-height: auto;

}

}



@media only screen and (max-width:525px){



.top_col_sm2 {



    width:98%;



}



.wel_col_sm1 p {



    padding: 1% 7%;



}

}





@media only screen and (max-width:500px){

.banner_text h1 {

    font-size: 22px;

}

.banner_text {

    top: 34%;

    width: 98%;

}

.b_btn {

    padding: 10px 18px;

}

.bnn_btn {

    width: 140px;

    margin: 1% auto 1%;

}

.banner_text p {

    font-size: 13px;

    padding: 1%;

    line-height: 110%;

}

.banner_text h1 {

    margin-right: 0px;

    padding: 4px;

    font-size: 20px;

}

}







@media only screen and (max-width:485px){



.top_col_sm2 {



	display:none;



}



.top_col_sm22 {



    width:28%;



}



}







@media only screen and (max-width:410px){



.top_col_sm22 {



    width:36%;



}



.wel_col_sm1 p {



    padding: 1% 2%;



}



}







@media only screen and (max-width:390px){



.logo {



    width:80%;



}



.ftr_logo2 {



    width: 80%;



}



}











/*----------------------------------------------------



top_arrow



-----------------------------------------------------*/



.top_arrow{



	width:33px;



	height:38px;



	position:fixed;



	right:2%;



	bottom:2%;



	display:none;



	transition-duration: 1s;



	background-image:url('../images/top.png');



	cursor:pointer;



	background-repeat:no-repeat;



	z-index:9999999999;



}



.top_arrow:hover{



	width:33px;



	height:38px;



	position:fixed;



	right:2%;



	transition-duration: 1s;



	bottom:2%;



	cursor:pointer;



	background-image:url('../images/top-b.png');



	display:none;



}