@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,900);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);
@import url(https://fonts.googleapis.com/css?family=Play:400,700);
@import url(https://fonts.googleapis.com/css?family=Orbitron:400,900);

@import url(test.css);
@import url(slidernews.css);

/*/ Add here all your css styles (customizations) /*/

body{
 font-family: helvetica, sans-serif;
 font-size: 16px;
 overflow-x: hidden;

}

#big_logo{
 height: 100px;
 width: auto;
}

.fullscreenbanner-container{
 display: -webkit-flex;
 -webkit-justify-content: center;
 position: relative;
 background: url("../img/head-bg.jpg") center ;
 background-size: cover;
}

.fullscreenbanner{
 position: absolute;
 top: 0px;
 width: 400px;
 height: auto;
 margin-top: auto;
 margin-left: -200px;

}



.electrom_big_logo{
 position: absolute;
 top: 6%;
}

.head_full_btn{

 /*display: -webkit-flex;
 -webkit-justify-content: center;
 width: 100%;
 position: absolute;
 bottom: 10%;
 left: 0;*/

 
 /*display: -webkit-flex;
 -webkit-justify-content: center;*/
}
/*.button_head{

 font-family: 'Open Sans', sans-serif;
 text-shadow: 0px 0px 12px #000;
 font-size: 16px;
 line-height: 45px;
 color: #fff;
 display: -webkit-flex;
 -webkit-justify-content: center;
 margin: 0 5px;
 height: 50px;
 width: 150px;
 background: transparent;
 border: 3px solid white;
 border-radius: 5px !important;
}*/

.head_full_txt{
 text-shadow: 0px 0px 12px #000;
 font-size: 2.5vw;
 color: #fff;
 font-family: 'Roboto', sans-serif;
 display: -webkit-flex;
 -webkit-justify-content: center;
 width: 100%;
 position: absolute;
 top: 60%;
 left: 0;
}

.head_full_btn a{
 text-decoration: none;

}

.img-responsive2{
  max-width: 80% !important;
    float: right;
    margin-right: 2em;
}

.custom_icons{
  width: 95%;
  height: auto;
  margin: 0 auto;
}

.service_heading{
  font-size: 0.65em !important;
  display: block;
  background: #0f1fe0;
  padding: 5px;
  color: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 0.5em !important;
}

.less_padding_top{
  padding-top: 10px !important;
}

.less_padding_bottom{
  padding-bottom: 10px !important;
}

.logo_style{
  
  height:auto;
  width:80px;
  }
.add50_padding_top{
  padding-top: 70px;
}



/* CUSTOM 5 COLUMN SPAN LAYOUT
  *
  * based on http://gridcalculator.dk/
  * width => 1200, gutter => 15px, margin => 15px, columns => 5
  */
 .row-fluid-5 {
   width: 100%;
   *zoom: 1;
 }
 .row-fluid-5:before,
 .row-fluid-5:after {
   display: table;
   line-height: 0;
   content: "";
 }
 .row-fluid-5:after {
   clear: both;
 }
 .row-fluid-5 [class*="span"] {
   display: block;
   float: left;
   width: 100%;
   min-height: 30px;
   margin-left: 1.875%;
   *margin-left: 1.875%;

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
 }

 .row-fluid-5 .controls-row [class*="span"] + [class*="span"] {

   margin-left: 1.875%;
 }
 .row-fluid-5 [class*="span"]:first-child{
    margin-left: 0;
 }
 .row-fluid-5 .span2 {
   width: 18.5%;
   *width: 18.5%;
 }

 /* responsive ONLY */

 @media (max-width: 600px){ /* spans reduce to 100px then go full width */

    .row-fluid-5 [class*="span"]{
    margin-left: 0;
    float: left;
    width: 100%;
    padding: 10px; 
    }
 }


 .loader{
  height: 1600px;
  width: 100%;
  position:  fixed;
  background: #ffbb00; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#ffbb00, yellow); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#ffbb00, yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#ffbb00, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#ffbb00, yellow); /* Standard syntax */
  z-index: 9001;
  color: #eee;
  padding-top: 300px; 
  text-align: center;
 }
 
 html, body{
  /*overflow-x: hidden;*/ 
 }

 .fullscreenbanner-container:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: url(../../img/patterns/gridtile.png) repeat;
}

ul.profile_font{
  font-size: 13px !important;
  text-align: justify;
  text-justify:inter-word;

}

span.read_more{
  display: inline-block;
  background: #0f1fe0;
  padding: 2px 5px;
  color: #fff;
  font-size: 80%;
  font-family: arial;

}

.para2{
  display:block;
  width: 100%;
  height: 65px;

}

.contact_report{
  padding: 10px 10px;
    display: inline;
    border: 2px solid #ffbb00;
    background: orange;
    color: #000;
}




    .border img{

   box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 3px;
   margin-bottom: 20px;
   padding: 2px;
   /*width: 150px;
   height: 150px;*/

                }


  .border img:hover
  {
               
    background:rgb(15,31 ,224);
       }

.intro-section{
  height: 100%;
  width: 100%;
}


.container, section{
  overflow-x: hidden;
}
.navbar1{
  overflow-x: visible;
}

.site__title {
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
}

#news p{
  font-size: 1em;
  line-height: 1;
  color: #555;
}

#news p a{
  color: #555;
}

.center-content{
  margin: 0 auto;
}

#page-nav{
    position: fixed;
    top:0;
    z-index: 100;
    width: 100%;
    padding: 10px 0;
    background-color: white;
    overflow: hidden;
    box-shadow: 0 0 2px #c4c4c4;
}

#page-nav > .container{
    padding: 0;

}
#page-nav .navbar-default{
    overflow: hidden;
    background-color: white;
    border-color: white;
}

#page-nav  .navbar-brand{
    padding-bottom: 5px;
}

#page-nav .navbar{
    margin-bottom: 0;
}

#page-nav .navbar-nav li a{
    text-transform: uppercase;
    font-size: 13px;
}
#page-nav .navbar-nav li a:hover, #page-nav .navbar-nav li a.active{
    color: #0f1fe0;
}
#service-sec .title-v1 h2:after{
    background-color: #0f1fe0;
}

#about{
    padding-top: 0;
}

#about .welcome-banner{
    background: url("../img/bg/we-are-electrom.jpg");
    background-size: cover;
    height: 300px;
    padding: 0;
    overflow: hidden;
    background-position: 50% 5%;
}

#about .block-v1{
    padding-top: 10px;
}

#mission-vision{
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #f1f1ee;
}
#achievement .award{
    width: 100%;
    max-width: 400px;
    height: auto;
    margin-bottom: 10px;
}

#achievement .parallax-quote-in{
    padding: 0;
}

#achievement .parallax-quote-in p{
    font-size: 25px;
}

#achievement .title-v1 h2{
    color: white;
}

.lato-thin{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.padding-top-80{
    padding-top: 80px;
}
.close-txt{
    letter-spacing: -2px;
}
#about-page .heading-sm{
    text-align: center;
     color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

#about-page .set-bg{
    position: relative;
    background: url(../img/bg/heading-bg.jpg);
    background-size: cover;
    /* height: 300px; */
    padding: 0;
    overflow: hidden;
    background-position: 50% 93%;
}
#about-page .set-bg::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00a2ed;
}

#single-page .banner{
    background: url(../img/bg/education.jpg);
    position: relative;
    background-size: cover;
    background-position: center;
    text-align: center;
    margin-bottom: 20px;
}
#single-page .banner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.62);

}
#single-page .para{
    text-align: justify;
    line-height: 25px;
}

#single-page .banner h2{
    color: white;
    letter-spacing: -2px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    padding: 20px;
}
@media(min-width:1024px) and (max-width: 1180px){

  .navbar-nav>li>a,.navbar-right>li>a{
      padding: 24px 5px 8px;
    }
}