body {
  font-family: 'Poppins', sans-serif;
}

.headertop{
    float: left;
    width: 100%;
    background: #020d26;
}

.contact{
    float:left;
    font-size: 12px;
    color: #d8e0f3;
    padding-right: 25px;
    padding-top: 16px;
}

.telicon{
    float: left;
    padding-right: 8px;
}

.quickenq{
    float:right;
    background: #40933e;
    color: #fff !important;
    height:53px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    line-height: 50px;
    width: 170px;
    text-transform:uppercase;
    font-size:13px;
    font-weight: 600;
     transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.quickenq:hover{
    background: #2b572a;
    text-decoration: none;
}


.menusections{
    float: left;
    width: 100%;
}





.cssmenu {
    width: 100%;
    float: left;
    position: relative;
}
.cssmenu > ul {
    width: auto;
    float: right;
    text-align: center;
    margin-bottom: 0px;
}
.cssmenu > ul li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.cssmenu > ul li:hover { 
    background: #2b572a;
    text-decoration:none !important;
}
.cssmenu > ul li.responsive_nav {
    display: none;
} 
.cssmenu > ul li.responsive_nav:hover { 
    background: transparent;
}
.cssmenu > ul li a {
    font-size: 14px;
    line-height: 102px;
    color: #000000;
    font-weight: 500;
    padding: 28px 15px;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
}
.cssmenu > ul li a:hover {
    color: #ffffff;
    text-decoration:none !important;
}

@media (max-width: 1120px) {
.header_block .canvas_area {
    position: static;
}
.cssmenu {
    position: static;
    /*min-height: 100vh;*/
}
.cssmenu > ul {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    padding: 10px 7% !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}
.cssmenu > ul.is-visible {
    background: #232523;
    height: 100%;
    position: fixed;
    overflow-y: auto;
    z-index: 999;
    list-style-type: none;
}
.cssmenu > ul li {
    width: 100%;
    float: left;
    display: none;
}
.cssmenu > ul li.responsive_nav {
    display: block;
    width: 70px;
    height: 80px;
    float: right;
    position: relative;
    z-index: 1000;
}
.cssmenu > ul li a {
    width: 100%;
    float: left;
    line-height: 30px;
    font-weight: 300;
    font-size: 25px;
    margin: 0px;
    text-align: center;
    padding-bottom: 15px;
    padding: 12px 20px;
}
}


.menuOne{
  width: 30px;
  height: 30px;
  position: relative;
  transition: .1s;
  margin: 20px;
  cursor: pointer;
  display: inline-block;
}
.menuOne span{
  width: 5px;
  height: 5px;
  background-color: #40933e;
  display: block;
  border-radius: 50%;
}
.menuOne:hover span{
  transform: scale(1.3);
  transition: 350ms cubic-bezier(.8, .5, .2, 1.4);
}
.menuOne span:nth-child(1){
  position: absolute;
  left: 0;
  top: 0;
}
.menuOne span:nth-child(2){
  position: absolute;
  left: 12px;
  top: 0;

}
.menuOne span:nth-child(3){
  position: absolute;
  right: 0;
  top: 0;
}
.menuOne span:nth-child(4){
  position: absolute;
  left: 0;
  top: 12px;
}
.menuOne span:nth-child(5){
  position: absolute;
  left: 12px;
  top: 12px;
}
.menuOne span:nth-child(6){
  position: absolute;
  right: 0px;
  top: 12px;
}
.menuOne span:nth-child(7){
  position: absolute;
  left: 0px;
  bottom: 0px;
}
.menuOne span:nth-child(8){
  position: absolute;
  left: 12px;
  bottom: 0px;
}
.menuOne span:nth-child(9){
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.clickMenuOne{
  transform: rotate(180deg);
  cursor: pointer;
  transition: .2s cubic-bezier(.8, .5, .2, 1.4);

}
.clickMenuOne span{
  border-radius: 50%;
  transition-delay: 200ms;
  background-color:rgba(255, 255, 255, 1);
  transition: .5s cubic-bezier(.8, .5, .2, 1.4);

}
.clickMenuOne span:nth-child(2) {
  position: absolute;
  left: 6px;
  top: 6px;
}
.clickMenuOne span:nth-child(4) {
  position: absolute;
  left: 6px;
  top: 18px;
}
.clickMenuOne span:nth-child(6) {
  position: absolute;
  right: 6px;
  top: 6px;
}
.clickMenuOne span:nth-child(8) {
  position: absolute;
  left: 18px;
  bottom: 6px;
}

.main_slider{
    float: left;
    width: 100%;
}

.abt_section{
    float: left;
    width: 100%;
    background:#fff;
}

.about_details{
    float: left;
        padding-left: 98px;
    width: 100%;
    padding-right:65px;
}

.about_details h1{
    font-weight:300;
    color: #272525;
    text-transform: uppercase;
    line-height:40px;
    font-size:26px;
    margin-top: 45px;
}

.about_details h1 span{
    color: #2b572a;
    font-weight: 700;
}

.activetop{
        background: #2b572a !important;
        color: #fff !important;
}

.about_details p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: rgba(35, 35, 35, 0.98);
    line-height: 32px;
    text-align: justify;
    padding-top: 12px;
    padding-bottom: 12px;
}

.abt_btm{
    float: left;
    width: 138px;
    height: 47px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    background: #134d94;
    text-align: center;
    line-height: 48px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.abt_btm:hover{
    background: #2b572a;
    color: #fff !important;
    text-decoration: none !important;
}

.about_img{
       float: left;
    height: 454px;
    background-image: url(../img/aboutimgs.png);
    width: 100%;
    background-size: cover;
}

.padding_none {
    padding: 0px;
}

.whyus{
    float: left;
    width: 100%;
    padding-top:50px;
    padding-bottom:50px;
    background-image: url(../img/whyus_bg.png);
}

.whyus h1{
    color: #272525;
    font-size: 26px;
    font-weight: 300;
    float: left;
    width: 100%;
    text-transform:uppercase;
    padding-bottom: 10px;
}

.whyus h1 span{
    color:#2b572a;
    font-weight: 700;
}

.whyus p {
    color: #232323;
    line-height: 28px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

.listview{
    float: left;
    width: 100%;
}

.bgred{
    float: left;
    width: 100%;
    background: #c31f28;
    padding-left:23px;
    padding-top:25px;
    padding-bottom:25px;
    padding-right: 23px;
    height:331px;
}

.icons{
    float: left;
    height: 96px;
}

.icon_number{
    float: right;
    height: 96px;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}

.bgred p{
    color: #fff;
    line-height: 28px;
    padding-top: 10px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

.panel_bg{
    float: left;
    width: 100%;
    background: #fff;
    font-size: 15px;
    line-height:60px;
    color: #232323;
    font-weight: 300;
}

.left_arrow{
    float: left;
}

.greenbg{
    background:#056534;
}

.bluebg{
    background:#14407d;
}

.product_section{
    float:left;
    width:100%;
    padding-top:45px;
    padding-bottom:45px;
}

.product_section h1{
    color: #272525;
    font-size: 26px;
    font-weight: 300;
    float: left;
    width: 100%;
    text-transform:uppercase;
    padding-bottom: 10px;
}

.product_section h1 span{
    color:#2b572a;
    font-weight: 700;
}

.product_section p {
    color: #232323;
    line-height: 28px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    float: left;
    width: 100%;
    padding-bottom: 25px;
}

.product_bg{
    float: left;
    width:100%; 
    background: #eeeded;
}

.pro_bg{
    float: left;
    width: 100%;
    background: #ffffff;
    padding-left: 15px;
    padding-top: 18px;
    font-size: 17px;
    color: #000000;
    padding-bottom: 18px;
    -webkit-box-shadow: -1px 2px 23px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 23px -5px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 23px -5px rgba(0, 0, 0, 0.34);
    cursor: pointer;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.pro_bg:hover{
    color: #fff;
    text-decoration: none;
    background: #134d94;
}


.expensive_section{
    float: left;
    width: 100%;
    padding-top: 55px;
    background-image: url(../img/scroll_bg.png);
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.expensive_one{
    float: left;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.19);
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.expensive_one h1 {
    font-size: 26px;
    color: #fff;
    text-transform:uppercase;
    font-weight: 700;
}

.expensive_one h1 span {
    float: left;
    padding-top:25px;
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 300;
}

.expensive_one h1 p {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 33px;
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-weight: normal !important;
    padding-top: 27px;
}

.font21{
    font-size: 21px !important;
    margin-top:0px !important;
}

.borderbtm_none{
    border-bottom: none !important;
}

.padding_t15{
    padding-top:15px !important;
}


.expens_bg{
    float: left;
    width: 100%;
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.section_main{
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.section_main p{
    text-align: center;
    font-size: 14px;
    color: #1a1818;
    /* font-weight: 300; */
}

.icon_section{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.section_margin{
    margin-bottom: 0px;
    margin-top: 33px;
}

.portfolio_section{
    float: left;
    width: 100%;
}

.ih-item.square.effect6 {
  overflow: hidden;
}
.ih-item.square.effect6.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.square.effect6 .info {
  background: #333333;
  background: rgba(19, 77, 148, 0.85);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {
  /* font-style: italic; */
  font-size: 13px;
  position: relative;
  color: #fff;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.1s linear;
  -moz-transition: all 0.35s 0.1s linear;
  transition: all 0.35s 0.1s linear;
  line-height: 27px;
  font-family: 'Open Sans', sans-serif;
  padding-left: 25px;
  padding-right: 25px;
  padding-top:70px;
  padding-bottom: 10px;
}
.ih-item.square.effect6 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.ih-item.square.effect6 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect6.from_top_and_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.from_top_and_bottom .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.square.effect6.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square.effect6.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square {
    position: relative;
    /* width: 316px; */
    /* height: 216px; */
    /* border: 8px solid #fff; */
    /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */
    margin-bottom: 30px;
}

.client_section{
    margin-left: 33px;
    margin-right: 33px;
    border-top: solid 3px #fff;
    border-bottom: solid 3px #fff;
    margin-top:40px;
}

.client_section h1{
    font-size: 17px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 800;
    text-align: center;
}

.client_section h1 span{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-weight: 300;
    line-height: 26px;
    margin-top: 15px;
}

.brand_section{
  float: left;
  width: 100%;
  background: #ebebeb;
  padding-top: 35px;
  padding-bottom: 50px;
}

.brand_section h1{
    color: #272525;
    font-size: 26px;
    font-weight: 300;
    float: left;
    width: 100%;
    text-transform:uppercase;
    padding-bottom: 10px;
}

.brand_section h1 span{
    color:#2b572a;
    font-weight: 700;
}

.brand_section p {
    color: #232323;
    line-height: 28px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    float: left;
    width: 100%;
    padding-bottom: 25px;
}


.brand_list{
  float: left;
  width: 100%;
}

.img_client{
    filter: none;
    -webkit-filter: grayscale(0);
}

.img_client:hover{
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1);
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}


.footer_top{
  padding-top: 35px;
  padding-bottom: 35px;
  float: left;
  width: 100%;
  border-bottom: solid 1px #e1e1e1;
  border-top: solid 1px #e1e1e1;
}

.work_us{
  float:left;
  height: 69px;
  width: 219px;
  background: #134d94;
  font-size: 15px;
  color: #fff !important;
  text-transform::uppercase;
  font-weight:300;
  padding-left: 25px;
  line-height: 70px;
  margin-top: 18px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  padding-right: 25px;
  margin-right: 18px;
  text-decoration: none !important;
}

.work_us:hover{
  background: #0c2e59 !important;
   color: #fff !important;
   text-decoration: none !important;
}

.work_us span{
      float: right;
    line-height: 70px;
}


.quick_enq{
  float:left;
  height: 69px;
  width: 219px;
  background: #2b572a;
  font-size: 15px;
  color: #fff;
  text-transform::uppercase;
  font-weight:300;
  padding-left: 25px;
  line-height: 70px;
  margin-top: 18px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  padding-right: 25px;
}

.quick_enq:hover{
  background: #053404;
   color: #fff;
   text-decoration: none !important;
}

.quick_enq span{
      float: right;
    line-height: 70px;
}

.right_align{float: right;}

.footer_main{
  float: left;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
}

.footer_main h1 {
  float: left;
  width: 100%;
  font-weight: 700;
  color: #010101;
  font-size: 18px;
  margin-top:0px;
}

.footer_main h1 span{
  color:#043470;
}

.link_section{
  width: 50%;
  float: left;
  margin-top: 20px;
}

.footerlink{
  float: left;
  width: 100%;
  font-size: 14px;
  color: #000000;
  padding-bottom:20px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.footerlink:hover{
  color:#103485;
      padding-left: 6px;
  text-decoration: none !important;
}


.footer_address{
  float: left;
  width: 100%;
  font-size: 14px;
  color: #000000;
  line-height: 35px;
  margin-top: -7px;
}

.footer_address span{
  color: #2b572a;
  text-transform: uppercase;
}

.tel_color{
  color: #043470;
  font-weight: normal;
}

.copyright{
  float: left;
  width: 100%;
  padding-top:25px;
  padding-bottom: 15px;
  background: #06163a;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  font-family: 'Work Sans', sans-serif;
}


.social_network{
  float: right;
}
.powered_by{
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
      font-family: 'Work Sans', sans-serif;
        transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.powered_by:hover{
  text-decoration: none !important;
color: rgba(255, 255, 255, 0.85);
}



.hvr-float_header {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin-left: 4px;
  margin-top:0px;
}
.hvr-float_header:hover, .hvr-float_header:focus, .hvr-float_header:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.align_normal{
  font-weight: 300 !important;
  margin-top: 8px;
}

.about_page{
  line-height: 36px !important;
  color: #545656 !important;
  float: none !important;
  padding-bottom:0px !important;
  margin-bottom: 5px !important;
}

.about_imgs{
      float: right;
    margin-left: 25px;
}

.brand_logo{
      text-align: -webkit-center;
    padding-top: 15px;
    padding-bottom:40px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.11);
    border-right: solid 1px rgba(0, 0, 0, 0.11);
}




.lazma_form{border:1px solid rgba(167, 167, 167, 0.42);color: #999;display: block;font-size:13px;text-transform:uppercase;height: 50px;margin-bottom: 29px !important;padding: 0 20px;outline: none;background:#fff;width: 100%;transition: all 500ms ease;}
.lazma_form:hover{
border: 1px solid #464e9e;
}

.lazmatitel {
    float: left;
    width: 100%;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.78);
    padding-bottom: 8px;
    line-height: 25px;
}

.lazma_formmsg {
    height: 100% !important;
    padding-top:15px;
}

.msg_send{float:left;padding:10px;border:none;font-size:14px;color:#FFF;padding-left: 20px;line-height: 30px;background: #2b572a;padding-right:20px;margin-top:0px;transition: color .15s ease-in-out,
background-color .15s ease-in-out,
border-color .15s ease-in-out,
box-shadow .15s ease-in-out;outline: none !important;float:left;}
.msg_send:hover{
background:#c0382a !important; 
color:#FFF !important;
text-decoration:none !important;
}


.locationbg{
    float: left;
    width: 100%;
    background: #f1f1f1;
    padding: 20px;
    padding-bottom: 0px;
    padding-left: 35px;
    padding-right: 35px;
    text-align: -webkit-center;
}

.locationbg h1{
      color: #000;
      font-size: 15px;
      font-weight: 700;
      /* letter-spacing: 1px; */
      margin-top: 13px;
      margin-bottom:0px;
}

.locationbg p{
      float: left;
    width: 100%;
    font-size: 14px;
    color: #000000;
    line-height: 35px;
}


.contact_bg{
  float:left;
  width:50%;
  background: #38499b;
  padding:20px;
  padding-bottom:0px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: -webkit-center;
}

.contact_bg h1{
      color: #ffffff;
      font-size: 15px;
      font-weight: 700;
      /* letter-spacing: 1px; */
      margin-top: 13px;
      margin-bottom:0px;
}

.contact_bg  p{
      float: left;
      width: 100%;
      font-size: 13px;
      color: #fff;
      /* line-height: 35px; */
}

.bg_mail{
      background: #336332;
}


.director_titel{
  font-size: 16px !important;
  color: #20630a !important;
  text-transform: uppercase !important;
  font-weight:700 !important;
  text-align: left;
  margin-bottom:0px !important;
  padding-top: 1px;
  margin-top: 10px;
}

.director_titel span{
      float: left !important;
      width: 100% !important;
      text-align: left !important;
      color: black !important;
      font-weight: 300 !important;
      padding-top: 13px;
      font-size: 15px;
}

.center_img{
  text-align: -webkit-center;
}

.team_bg{
  background-image: url(../img/team_bg.png);
}


.product_list{
  float: left;
  width: 100%;
  padding-top:50px;
  padding-bottom:50px;
  background:#e4e4e4;
}

.headding{
  font-size: 24px;
  float: left;
  width: 100%;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.67);
  text-transform: uppercase;
}

.advantages{
  font-size: 26px;
  font-weight: 700;
  color: #2b572a;
  float: left;
  width: 100%;
  padding-top: 5px;
}

.goaldetails{
    float: left;
    width: 100%;
    color: rgba(0, 0, 0, 0.65);
    font-size: 16px;
    line-height: 29px;
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif;
}


.goaldetails p::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../img/checked.svg) no-repeat center center;
    background-size: 20px 20px;
    left:9px;
    margin-top: 4px;
}
.goaldetails p{
  padding-left:25px;
  padding-bottom: 15px;
}

.margintop_40{
  margin-top:40px;
}

.font_27{
  font-size: 27px !important;
    margin-top: 0px !important;
    font-weight: 300 !important;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}

.paddingnone{
  padding:0px;
}

.forms_business{
  height: 45px;
    border-radius: 0px;
    border: solid 1px rgb(207, 207, 208);
    margin-top: 6px;
    outline: none !important;
    float: left;
    width: 100%;
    padding: 10px;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
    background: aliceblue;
}

.forms_business:hover{
  border: solid 1px rgba(239, 67, 40, 0.65);
}


.business_titels {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 8px;
}


.abtmore{
  float: left;
  width: 135px;
  height: 42px;
  text-align:center;
  color: #fff;
  font-size: 13px;
  background: #2b572a;
  font-weight: 300;
  border:none !important;
  line-height: 40px;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  margin-top: 20px;
  text-transform: uppercase;
  outline: none !important;
}

.abtmore:hover {
  background:#248a22;
}


.quote_titel{
    font-weight: 300;
    color: #272525;
    font-size:18px;
}

.quote_titel span{
  color: #2b572a;
    font-weight: 700;
}

.brand_hide{
  display: none !important;
}



@media (min-width:992px) and (max-width:1199px) {
.cssmenu > ul li a{padding: 3px 12px;font-size: 14px;}
}

@media (min-width:230px) and (max-width:991px) {
.contact{display:none;}
.product_list{padding-top:0px;}
.img_product{margin-top:0px !important;}
.about_img{display:none;}
.product_bg{text-align: -webkit-center; text-align: -moz-center;}
.pro_bg{text-align:center;}
.icon_section{text-align: -webkit-center; text-align: -moz-center;}
.quote_img{display:none;}
}

@media (min-width:230px) and (max-width:1119px) {
.contact{display:none;}
.cssmenu > ul li a{font-size: 14px; color: #ffffff; padding-bottom:15px;}
.activetop{background: #232523 !important; color: #fff !important;}
}

@media (min-width:230px) and (max-width:500px) {
.contact_bg{width:100%; float: left;}
.link_section{width:100%; float: left; margin-top:5px;}
.port_width{float:left; width:100%;}
}

@media (min-width:230px) and (max-width:991px) {
.social_network{float:left; width:100%; margin-top: 10px;}
}

@media (min-width:230px) and (max-width:780px) {
.brand_logo{border:solid 1px rgba(0, 0, 0, 0.11) !important;}
.font_27{font-size:21px !important;}
}

@media (min-width:230px) and (max-width:428px) {
.font_27 {font-size: 20px !important; line-height: 29px;}
}


@media (min-width:551px) and (max-width:1199px) {
.client_section{margin-top:20px; border-bottom:none; border-top:none;}
.client_section h1{font-size:15px;}
}

@media (min-width:230px) and (max-width:550px) {
.client_section{margin-top:0px; border-bottom:none; border-top:none;}
.client_section h1{font-size:14px;}
}

@media (min-width:769px) and (max-width:991px) {
.about_details{padding-left:65px; text-align: center;}
}

@media (min-width:230px) and (max-width:768px) {
.about_details{padding-left: 23px; padding-right:23px;} 
.about_details p{text-align:left;}
}

@media (min-width:230px) and (max-width:720px) {
.right_align{float:left;}
}

@media (min-width:230px) and (max-width:485px) {
  .work_us{float:left; width:100%; margin-right:0px;}
  .quick_enq{float:left; width:100%; margin-right:0px;}
}


.slider_block {
    width: 100%;
    float: left;
    position: relative;
    height: 484px;
    background: #dedede no-repeat 0% 0%;
    /* background-size: cover; */
    text-align: left;
}
.slider_block .item {
    width: 100%;
    float: left;
}
.slider_content {
    width: 100%;
    max-width: 650px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 170px 7% 80px !important;
}
.slider_content h3 {
    width: 100%;
    float: left;
    font-size:30px;
    line-height:45px;
    text-transform:uppercase;
    color: #fff;
    font-weight: 100;
    text-align: left;
    margin-bottom: 1px;
    letter-spacing: 2px;
}
.slider_content h3 span {
    width: 100%;
    color: #ffffff;
    float: left;
    font-weight: 800;
}
.slider_content p {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.86);
    /* font-weight: 300; */
    text-align: left;
    margin-bottom: 30px;
    /* letter-spacing: 1px; */
    font-family: 'Open Sans', sans-serif;
}
.slider_content a {
    width: 150px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 20px;
    color: #c10100;
    font-weight: 500;
    text-align: center;
    background: #fff;
    padding: 15px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}
.slider_content a:hover {
    color: #fff;
    background: #c10100;
}

.banner_green{
  color: #2ac728 !important;
}


.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 4px;
    background: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    outline: none;
    border: none;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    outline: none;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #30c32d !important;
}

.file_upload{
    position: relative;
    top: 17px;
    font-size: 13px;
}


.banner_one{
  background-image: url(../img/slider.png);
  background-size: cover;
}

.banner_two{
  background-image: url(../img/slider_2.png);
  background-size: cover;
}

.banner_three{
  background-image: url(../img/slider_3.png);
  background-size: cover;
}

.banner_four{
  background-image: url(../img/slider_4.png);
  background-size: cover;
}



@media (min-width:1100px) and (max-width:1250px) {
.banner_one, .banner_two, .banner_three, .banner_four{ background-position: 58% 50% !important;}
.slider_content{max-width:590px;}
}

@media (min-width:991px) and (max-width:1099px) {
.banner_one, .banner_two, .banner_three, .banner_four { background-position: 85% 50% !important;}
.slider_content{max-width:500px;}
}

@media (min-width:620px) and (max-width:990px) {
.banner_one, .banner_two, .banner_three, .banner_four { background-position: 50% 50% !important;}
.slider_content{max-width:100%; margin-top:300px;}
.slider_content p, .slider_content h3 {text-align: center;}
.banner_three{background-image: url(../img/ms_3.png);}
.banner_two{background-image: url(../img/ms_2.png);}
.banner_one{background-image: url(../img/ms_1.png);}
.banner_four{background-image: url(../img/ms_4.png);}
.slider_block{height:100% !important;}
.slider_block{background-color:#ffffff !important;}
}

@media (min-width:500px) and (max-width:619px) {
.slider_block{height:100% !important;}
.banner_three{background-image: url(../img/mb_3.png);}
.banner_two{background-image: url(../img/mb_2.png);}
.banner_one{background-image: url(../img/mb_1.png);}
.banner_four{background-image: url(../img/mb_4.png);}
.slider_content{padding: 295px 7% 80px !important;}
.slider_block{background-color:#ffffff !important;}
}

@media (min-width:400px) and (max-width:499px) {
.slider_block{height:100% !important;}
.banner_three{background-image: url(../img/mb_3.png);}
.banner_two{background-image: url(../img/mb_2.png);}
.banner_one{background-image: url(../img/mb_1.png);}
.banner_four{background-image: url(../img/mb_4.png);}
.slider_content{padding: 295px 7% 80px !important;}
.banner_one, .banner_two, .banner_three, .banner_four { background-position: 50% 0% !important;}
.slider_block{background-color:#ffffff !important;}
}

@media (min-width:230px) and (max-width:399px) {
.slider_block{height:100% !important;}
.banner_three{background-image: url(../img/slider_m3.png);}
.banner_two{background-image: url(../img/slider_m2.png);}
.banner_one{background-image: url(../img/slider_m1.png);}
.banner_four{background-image: url(../img/slider_m4.png);}
.slider_content{padding: 210px 7% 80px !important;}
.banner_one, .banner_two, .banner_three, .banner_four { background-position: 40% 0% !important;}
.slider_block{background-color:#ffffff !important;}
}

@media (min-width:331px) and (max-width:991px) {
.panel_bg{font-size: 13px;}
}

@media (min-width:230px) and (max-width:330px) {
.panel_bg{font-size: 12px;}
}

@media (min-width:992px) and (max-width:1199px) {
.panel_bg{font-size: 12px;}
}

@media (min-width:230px) and (max-width:991px) {
.cctv_bg{height:100% !important; float:left !important; margin-bottom:20px !important;}
}


.team_hide{display:none;}
.managment_msg{line-height:32px !important; color:#545656 !important;
  background:white; float:left; width:100%; padding:20px; margin-bottom:10px; height:449px;}
.team_img{ float: left; margin-right: 25px; width: 175px; height: 175px;}
.msg_top{float: left;
    width: 100%;
    font-size: 17px;
    color: #2b572a;
    font-weight:500;
    text-transform: uppercase;
    padding-bottom: 20px;}

.msg_top span{color:#1d1f1d;}    

@media (min-width:230px) and (max-width:1199px) {
.managment_msg{height:100%;}
}

.footer_links{
    color: #000000;
}

.footer_links:hover{
    color: #103485;
    text-decoration:none !important;
}






.news_sections{
  float:left;
  width:100%;
  margin-top:15px;
}

.news_img{
  float: left;
  width: 100%;
}

.news_titel{
  float: left;
  width: 100%;
  font-size: 18px;
  color: #000;
  font-weight: 600;
  margin-top: 19px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.news_detail{
 float: left;
    width: 100%;
    color: rgba(0, 0, 0, 0.94);
    line-height: 30px;
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 10px;
}

.news_btm{
      float: left;
    width: 130px;
    height: 45px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    background: #2b572a;
    text-align: center;
    line-height: 48px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    margin-top:10px;
}

.news_btm:hover{
 background: #134d94;
    color: #fff !important;
    text-decoration: none !important;
}

.posted_section{
  float: left;
  width: 100%;
}

.posted_section p{
        float: left;
    color: #000;
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: auto;
    padding-top: 5px;
    padding-right: 15px;
}


.posted_section p span {
      color: #054a0e;
    font-weight: 600;
}

.news_bg{
  float: left;
    width: 100%;
    background-color: aliceblue;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.detail_bg{ 
  float: left;
    width: 100%;
    margin-bottom: 40px;
}

.detail_imgs{
      float: left;
    margin-right: 25px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.paginations{
  float: left;
  width: 100%;
  text-align:center;
      margin-bottom: 30px;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 11px 17px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #2b572a;
    background-color: #fff;
    border: 1px solid rgba(43, 87, 42, 0.25);
    margin-left: -1px;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #2b572a;
        border: 1px solid rgba(43, 87, 42, 0.25);
    }

.border_prev{
      background-color: #134d94 !important;
    color: #fff !important;
    border: solid 1px rgb(19, 77, 148) !important;
}    

.img_news{
  float:left;
  width: 100%;
}

.news_width{
width:555px;
height:350px;
}


.cctv_bg{
         width: 100%;
    float: left;
    padding: 15px;
    background: #eff0f1;
    border-bottom: solid 3px #2b572a;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height:330px;
}

.cctv_details{
        line-height: 34px !important;
    color: #545656 !important;
    float: none !important;
    padding-bottom: 0px !important;
    font-size: 14px;
    margin-bottom: 5px !important;
    padding-top: 10px;
    float: left !important;
    width: 100% !important;
}

.cctv_titels{
    font-size: 21px;
    float: left;
    width: 100%;
    font-weight: 400;
    color: #2b572a;
    text-transform: uppercase;
    margin-top: 10px;
}

/* width */
::-webkit-scrollbar {
 width:4px;
}

/* Track */
::-webkit-scrollbar-track {
 box-shadow: inset 0 0 0px grey; 
 border-radius:0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
 background: #2b572a; 
 border-radius:0px;
}