@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "Montserrat-Regular";
    src: url("font/Montserrat/Montserrat-Regular.ttf");
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("font/Poppins/Poppins-Regular.ttf");
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("font/Poppins/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("font/roboto/Roboto-Regular.ttf");
}
@font-face {
  font-family: "PatuaOne-Regular";
  src: url("font/Patua_One/PatuaOne-Regular.ttf");
}


body{ background: #ffffff; margin: 0px; padding: 0px;}
.padding_5{  padding: 0px 5px;}
.padding_zero{ padding: 0px 0px;}
.raza{ border: 1px solid #F80004;}



/*headr css start*/
.top_bg{background-color:#000000;}
.address_top{ float: left; width: 100%; font-size: 13px;font-family: "Roboto-Regular"; color: #f58634;padding: 10px 0px;}
.address_top i{color: #bbbbbb;}


.call_top{float: left; width: 75%; font-size: 14px;font-family: "Montserrat-Regular"; color: #ffffff; text-align: right; padding: 10px 10px;}
.social_top{font-size: 14px;font-family: "Montserrat-Regular"; color: #bbbbbb;  padding: 10px 10px;}
.social_top ul{ list-style: none; margin: 0px; padding: 0px; }
.social_top ul li{ float: right;}
.social_top ul li a{ padding: 10px 6px; color: #bbbbbb;}
/*drop down menu css start*/
.social_top ul li ul { margin:0px; padding:0px; list-style:none; width:250px; background:#fff; position:absolute;  display:none;  border-radius: 0px;margin-left: -220px;}
.social_top ul li ul a:hover{ background:#ffffff; width: 250px; padding: 5px 10px; }
.social_top ul li:hover ul { display:block; z-index: 16; float: right; }
.social_top ul ul li { width:100%; float:right; }

.social_top ul li ul li a { float:right; width: 100%; text-decoration:none; font-size:15px; color:#000000;font-family: "Montserrat-Regular"; padding: 10px 8px; display: block; margin: 0px; text-align: left;}
.social_top ul li ul li a:hover{text-align: right; background:#00e2bf; color: #ffffff;}
/*drop down menu css end*/

.wa1{width:100% !important;}
.wa1 input{width:100% !important;}
.header {
  padding: 10px 16px;
  background: #fff;
  color: #f1f1f1;
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  
}

.sticky + .content {
  padding-top: 102px;
}
.logo img{width: 100%;margin-top: 3px;}


.wasiqform{width:100% !important;margin: 10px 0px;}
.wasiqform input{width:100% !important;}

.menu_area{ padding: 15px 15px;}
.navbar-toggle{ border:1px solid #ffffff;margin-top: -29px; z-index: 33; position: relative;}
.navbar-toggle .icon-bar{ border-bottom:1px solid #ffffff; }
.menu { width:100%; float:left; margin-top: -3px;}
.menu ul { float: right; list-style:none; margin:5px auto; display: inline-block; padding-bottom: -5px; margin-bottom: -5px;}
.menu ul li { float:left;}
.menu ul li a { display: block; text-decoration: none; color:#444444;font-family: "Roboto-Regular";padding: 15px 15px; text-align: center; font-size: 16px; font-weight: 500;}
.menu ul li a:hover{ text-decoration: none; color:#f58634;; }
/*drop down menu css start*/
.menu ul li ul { margin:0px; padding:0px; list-style:none; width:250px; background:#fff; position:absolute;  display:none;  border-radius: 0px; }
.menu ul li ul a:hover{ background:#ffffff; width: 250px;}
.menu ul li:hover ul { display:block; z-index: 15;}
.menu ul ul li { width:100%; float:left;  }

.menu ul li ul li a { float:left; width: 100%; text-decoration:none; font-size:15px; color:#000000;font-family: "Montserrat-Regular"; padding: 10px 8px; display: block; margin: 0px; text-align: left;}
.menu ul li ul li a:hover{text-align: left; background:#006edf; color: #ffffff;}
/*drop down menu css end*/
.bu_menu{ padding: 1px 18px; color: #ffffff !important; background: #ed1c24;}

/*headr css end*/

/*banner css stary*/
.banner{ padding: 0px 0px;}
/*banner css end*/
.main_heading12{font-family: "PatuaOne-Regular"; color: #161922;}
.main_heading12 p{color:#a8a8a8;font-family: "Roboto-Regular"; font-size: 16px; margin-bottom: 35px;}
.main_heading{font-family: "PatuaOne-Regular"; color: #161922; text-align: center;}
.main_heading h1{font-size: 40px; line-height: 50px; font-weight: 500; letter-spacing: 0px; font-weight: bold;}
.main_heading h1 span{color:#f58634;}
.main_heading p{color:#a8a8a8;font-family: "Roboto-Regular"; font-size: 16px; margin-bottom: 35px;}
.what_area{ padding: 50px 15px; background-color: #f4f4f4;}


.ddfr{ padding: 5px;}
.trailer_box {background-color: #fff; text-align: center; float: left;width: 100%;}
.trailer_box h2{ font-family: "PatuaOne-Regular";}
.boxprice{float: left;width: 100%;color:#f58634; font-size: 30px;font-family: "Roboto-Regular"; font-weight: bold; margin: 15px 0px; }
.boxprice span{color:#a8a8a8;font-family: "Roboto-Regular"; font-size: 14px;font-weight: normal;}
.boxprice hr{color: #f58634; background: #f58634;margin-bottom: 0; width: 60%;padding: 0.30px;}
.boxprice p{color:#a8a8a8;font-family: "Roboto-Regular";font-size: 15.6px; margin: 15px 0px; font-weight: normal;}
.trailer_box ul{list-style: none;  padding: 0px;}
.trailer_box ul li{float: left; width: 70%;margin-left: 15%; border-bottom: 1px solid #b6b6b6; font-size: 13px; padding: 8px; color:#a8a8a8 ;}
.sbutton{float:left; width: 100%; text-align: center; margin: 70px 0px 35px 0px;}
.sbutton a{ border-radius: 10px;background-color: #f58634;padding: 13px 20px; text-decoration: none; color: #fff;}
.ddfrtext{color:#a8a8a8;font-family: "Roboto-Regular"; font-size: 15px; text-align: center; padding-top: 25px;}


.fdvgt{background: url("images/home_hosting_section_2.png") repeat-x top #fff; padding: 35px 0px;}

.bbvgb{margin-top: 35px;}
.bbvgb h2{font-family: "PatuaOne-Regular";color: #161922;}
.bbvgb p{font-family: "Roboto-Regular"; font: 16px;color:#a8a8a8; margin-bottom: 25px;}
.bbvgb a{border-radius: 6px;background-color: #f7f7f7;padding: 8px 15px; text-decoration: none; color: #747474; font-family: "Roboto-Regular"; }
.bbvgb a:hover{background-color: #f58634; color: #fff;}

.dddhr hr{color: #a8a8a8; background: #a8a8a8; width: 100%;padding: 0.50px;margin: 50px 0px; float: left;}
.sswe h2{font-family: "PatuaOne-Regular";}


a:hover,a:focus{
  text-decoration: none;
  outline: none;
}
#accordion .panel{
  border: none;
  border-radius: 3px;
  box-shadow: none;
  margin-bottom: 15px;
}
#accordion .panel-heading{
  padding: 0;
  border: none;
  border-radius: 3px;
}
#accordion .panel-title a{
  display: block;
  padding: 12px 15px 12px 50px;
  background: linear-gradient(to bottom, #fefefe, #cdcdcd);
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  font-size: 18px;
  font-weight: bold;
  color: #676767;
  text-shadow: 1px 1px 1px #fff;
  position: relative;
}
#accordion .panel-title a:before{
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: #929191;
  font-size: 12px;
  font-weight: 900;
  color: #fdfbfb;
  text-align: center;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
  text-shadow: none;
  position: absolute;
  top: 8px;
  left: 15px;
}
#accordion .panel-title a.collapsed:before{ content: "\f067"; }
#accordion .panel-body{
  padding: 10px 15px;
  font-size: 15px;
  color: #222;
  line-height: 27px;
  border: none;
}
#accordion .panel-body p{ margin-bottom: 0; }
.jjkiu{text-align: center;}
.jjkiu h2{text-align: center;font-family: "PatuaOne-Regular";}
.jjkiu p{font-family: "Roboto-Regular"; font: 16px;color:#a8a8a8; margin-bottom: 25px; text-align: center; margin-top: 25px;}
.jjkiu a{ border-radius: 6px;background-color: #f7f7f7;padding: 8px 15px; text-decoration: none; color: #747474; font-family: "Roboto-Regular"; }
.jjkiu a:hover{background-color: #f58634; color: #fff;}

.kkiji{background: url("images/get_in_touch.png") no-repeat top right #f58634;}
.kkiji h2{font-family: "PatuaOne-Regular";color: #fff;}
.kkiji ul{list-style: none; float: left; width: 100%; padding: 0px;}
.kkiji ul li{float: left;width: 100%; margin-top: 35px;}
.icondd{float: left; width: 10%;text-align: right; font-size: 20px; color: #fff;}
.icontext{float: right; width: 85%;font-family: "Roboto-Regular"; font: 14px;color:#fff;}

.asde{background: url("images/home_hosting_section_3-2.jpg") no-repeat;padding: 45px 0px;}
.main_heading123{font-family: "PatuaOne-Regular"; color: #fff; text-align: center;}
.main_heading123 h1{font-size: 40px; line-height: 50px; font-weight: 500; letter-spacing: 0px; font-weight: bold;}
.main_heading123 h1 span{color:#f58634;}
.main_heading123 p{color:#a8a8a8;font-family: "Roboto-Regular"; font-size: 16px; margin-bottom: 35px;}
.hbgy{padding: 15px 5px; margin: 15px 0px; text-align: center;}
.hbgy h2{color: #fff;font-family: "PatuaOne-Regular"; font-size: 23px;}
.hbgy p{color: #fff;font-family: "Roboto-Regular";}


.what_area12{background: url("images/bg1.png");background-repeat: no-repeat; background-position: left top;}
  .bg2{background: url("images/bg2.png");padding: 100px 50px;}
  .bg2text{ color: #fff;font-family: "Poppins-Regular"; margin-bottom: 30px;}
  .bg2text h2{font-family: "Poppins-SemiBold"; margin-bottom: 40px;}
.cg1{background: url("images/a1.png") no-repeat left top; color: #fff;padding: 5px 8px 27px 100px; font-size: 23px;}
.cg2{background: url("images/a2.png") no-repeat left top; color: #fff;padding: 5px 8px 27px 100px; font-size: 23px;}
.cg3{background: url("images/a3.png") no-repeat left top; color: #fff;padding: 5px 8px 27px 100px; font-size: 23px;}
.cg4{background: url("images/a4.png") no-repeat left top; color: #fff;padding: 5px 8px 27px 100px; font-size: 23px;}

.what_area123{ padding: 40px; background: #F0F5F1;}
.left_aexr_with{color: #161922; margin-top: 100px;}
.left_aexr_with h2{font-size: 40px; line-height: 50px; font-weight: 500; letter-spacing: 0px;font-family: "Poppins-Regular"; font-weight: bold; margin-bottom: 40px;}
.left_aexr_with p{ margin-bottom: 67px;}
.left_aexr_with a{background-color: #ed1c24!important; color: #ffffff; padding: 15px 25px; text-decoration: none;font-family: "Poppins-SemiBold"; margin-top: 20px;}

.heading_team{background-color: #1e388c;padding: 3px 0 10px; text-align: center; color: #fff;}


.footer_sacshen{float: left; width: 100%;padding:50px 0px 50px 0px;}
.footer_sacshen h3{ color: #fff;font-family: "Poppins-SemiBold";}
.footer_sacshen p{color: #bababa; font-size: 16px;font-family: "Poppins-Regular";}
.ccul{list-style: none; margin: 0px; padding: 0px;}
.ccul li{float: left; width: 100%; padding: 3px;}
.ccul li a{color: #bababa; font-size: 15px;font-family: "Poppins-Regular"; text-decoration: none;}
.ccul li a:hover{color: #0089F7;}
.ccul li a i{color: #0089F7;}



/*footer css stary*/
.footer{background: #000000; }
.footer_social_icone{ float: left; width: 100%; text-align: center;}
.footer_social_icone ul{ margin: 0px; padding: 0px; list-style: none; text-align:center;}
.footer_social_icone ul li{ display: inline; }
.footer_social_icone ul li a{ color: #a5a5a6; text-align: center;font-size: 30px;padding:15px ;}
.footer_social_icone ul li a:hover{ color: #2ce7c2;}
.footer_social_icone p{ color: #a5a5a6; margin-top: 15px; margin-bottom: 60px;}

.last_footer{ float: left; width: 100%; text-align: center; padding: 20px 0px; color: #a5a5a6;font-family: "Montserrat-Regular";}
.last_footer a{ text-decoration: none; color: #2ce7c2;}


.form-control::-webkit-input-placeholder {
  color: #ffffff;
}
/*footer css end*/
@media (max-width:994px){
  .box_shado{ float: left; width: 100%; box-shadow: 0px 0px 10px #8d8f92; padding: 10px; margin-top: 25px;}
  .righr_form{ float: right; width: 50%;}
    .address_top{ float: left; width: 50%; font-size: 12px;text-align: center;font-family: "Montserrat-Regular"; color: #ffffff;padding: 5px 0px;}
.email_top{ float: left; width: 50%; font-size: 12px;font-family: "Montserrat-Regular"; color: #ffffff; text-align: center; padding: 5px 10px;border-left: 0px solid rgba(255,255,255,0.2) ;} 
  .menu ul li a { display: block; text-decoration: none; color:#ffffff;font-family: "Montserrat-Regular"; padding: 10px 6px; text-align: center; font-size: 12px;text-transform: uppercase;}
  .call_top{float: left; width: 60%; font-size: 12px;text-align: center;font-family: "Montserrat-Regular"; color: #ffffff;  padding: 5px 10px;}
.social_top{ float: left; width: 40%; font-size: 12px;text-align: center;font-family: "Montserrat-Regular"; color: #ffffff;  padding: 5px 10px;border-left: 0px solid rgba(255,255,255,0.2) ;}
.logo img{width: 100%;}
.Nullam_heading p{ float: left; width: 100%; padding:5px 80px;color: #000000;}
.banner{ padding: 0px 0px; margin-bottom: 0px !important; z-index: 1; position: relative; top: 0px;}
.top_bg{ background-color:#000000;}
.header {
  padding: 10px 16px;
  background-color:#000000;
  color: #f1f1f1;
}

}


@media (max-width:769px){
    .social_top ul li{display: inline !important; float: none;}
    .social_top ul{ margin: 0px; padding: 0px; list-style: none; text-align:center;float: none ;}
    .banner{ padding: 0px 0px; margin-bottom: 0px !important; z-index: 1; position: relative; top: 0px;}
  .call_top{float: left; width: 100%; text-align: center; font-size: 12px;font-family: "Montserrat-Regular"; color: #ffffff;  padding: 5px 10px;}
.social_top{ float: left; width: 100%;text-align: center; font-size: 12px;font-family: "Montserrat-Regular"; color: #ffffff; border-left: 0px solid rgba(255,255,255,0.2) ;}
  
  .menu_bg{ background: #000000; text-align: left;}
  .menu { width:100%; float:left;  }
  .menu ul { list-style:none;padding: 0px 0px; margin:0px auto; display: inline-block; padding-bottom: 0px; margin-bottom: 0px;}
  .menu ul li { float:left; width: 100%; padding:0px 0px;}
  .menu ul li a { display: block; text-decoration: none; color:#ffffff;font-family: "Montserrat-Regular";margin: 3px 5px; text-transform: uppercase; text-align: left; font-size: 16px; border-bottom: 1px solid #ffffff;}
  .menu ul li a:hover{ text-decoration: none; color:#ffffff;}
  .call_img_area{ display: none;}
  .email_img_area{ display: none;}
.about_tittle {
  font-family: PlayfairDisplay-Regular;
  float: left;
  width: 100%;
  font-size: 50px;
  color: #ffffff;
  line-height: 67px;
  margin-top: 58px;
}
.address_top{ float: left; width: 100%; font-size: 12px;text-align: center; font-family: "Montserrat-Regular"; color: #ffffff;padding: 5px 0px;}
.email_top{ float: left; width: 100%; font-size: 12px;font-family: "Montserrat-Regular";text-align: center; color: #ffffff; padding: 5px 10px;border-left: 0px solid rgba(255,255,255,0.2) ;} 

.Nullam_heading p{ float: left; width: 100%; padding:5px 30px;color: #000000;}
.Contact_heading p{ float: left; width: 100%; padding:5px 30px;color: #0c927e;}
.footer{background: #000000; padding:50px 15px 0px 15px;}
.logo img{width: 40%; margin-top: 10px;}
.banner{ padding: 0px 0px; margin-bottom: 0px !important; z-index: 1; position: relative; top: 0px;}
.xs_size{ float: left; width: 50%;}
}
  
@media (max-width:480px){
    
   .xs_size{ float: left; width: 100%;}
}