html,body {
	padding: 0;
	margin: 0;
	width: 100%;
    background: #EDEDED;
    font-family: 'Roboto slab' , sans-serif;
}
/* New Css*/
.header_text h1,.header_text h2,.header_text h3,.header_text h4,.header_text h5,.header_text h6{
    margin-top: -8px;
    font-size:18px !important;
}
.paragraph h1{
    font-size:20px !important;

}
.loading{
    display : block;
    position : fixed;
    z-index: 100;
    background-color:#666;
    opacity : 0.5;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
.srch_grid{
	min-height:460px;
}
.desk-icon{
    float: right;
    text-align: center;
}
.site_foot ul{
    list-style-type: none;
}
.site_foot ul > a > li{
    padding:7px 0;
   /* text-align: center;*/
    color:#fff !important;
}
.loading > img
{
    left : 50%;
    top : 50%;
    position : absolute;
    z-index : 101;
    width : 100px;
    height : 100px;
    margin-left : -16px;
    margin-top : -16px;
}
#fvpp-blackout {
    display: none;
    z-index: 499;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
}

#my-welcome-message {
    display: none;
    z-index: 999999;
    position: fixed;
    width: 36%;
    left: 30%;
    top: 20%;
    padding: 20px 2%;
    font-family: Calibri, Arial, sans-serif;
    background: #FFF;
}

#fvpp-close {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

#fvpp-dialog h2 {
    font-size: 2em;
    margin: 0;
}

#fvpp-dialog p { margin: 0; }
#top {
  position: fixed;
  right: 12px;
  bottom: 12px;
  background: #109ae3 url("../img/Arrow-up.png") no-repeat scroll 50% 50%;
  display:none;
  height: 50px;
  width: 50px;
}

.fixed {
    position: fixed;
    top:0; left:0;z-index:99999;
    width: 100%; }
    /* Added By Naveen */
    .myhover {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 188, 212, 0);
        z-index: 99999;
        transition: background-color 0.5s;
    }
    .wrapper {
        display: inline-block;
        position: relative;
    }
    /* end */
    .paragraph h2{
        font-size:19px !important;
    }
    .paragraph h3{
        font-size:18px !important;
    }
    .header_text blockquote{
        border-left: 0px solid #eee;
        margin: 0px;
        padding: 0px;
    }
    .title{
        font-size:18px;
        font-weight: 600;
        padding-bottom: 7px;
        /*  height: 52px;*/
    }

    .upper{
        text-transform: uppercase;
    }
    .dropdown-1{
        cursor: pointer;
    }
    .bredcrumb{
        margin-bottom: 10px;
    }
    .bredcrumb a{
        text-transform: capitalize;
        font-size: 12px;
        color: #27ABE2;
        padding:0px 8px;
    }
    .bredcrumb a:first-child{
        padding-right:8px;
        padding-left:0px;
    }
    .product-para{
        font-family: "Roboto";
        font-size: 16px;
    }
    .my-blog-list {
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        margin-bottom: 0;
        background-color: #fff;
        transition: box-shadow 0.2s ease-in-out 0s;
        padding:15px;
    }
    .edit-icon {
        position:absolute;
        top:10px;
        right:15px;
    }
    .blogtitle{
        color: #404040;
        font-weight: bold;
        text-transform: uppercase;
    }
/*.margin-top {
    margin-top: 150px;
    }*/
    .error{
        color:#f00;
    }

    .dropbtn-1 > a:hover{
        color:#fff;
    }

    .jsonerror{
        color:#f00;
    }
    #search{
        cursor:pointer;
    }

    /*NavBar*/
    @-webkit-keyframes colorchange
    {
      0%   {background: #00C9FF;}
      20%  {background: #36CCC1;}
      40%  {background: #63C996;}
      60%  {background: #FFE36E;}
      80%  {background: #F47637;}
      100% {background: #00C9FF;}
      }*/

      /*End of background-color*/

      /*NavBar*/
      .navbar-brand {
        text-align: center;
        float: none;   
        height: 108px;
    }

    .navbar-brand > img {
        display: inline-block;
    }
    .navbar {
        margin-bottom: 0px;
    }
    .navbar-default {
        background-color: none;
        border: none;
        box-shadow: none;
    }


    .my-navbar ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: white;
        width:100%;
        height: 31px;
        box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.2);
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }
    .my-navbar li {
        float: left;
        width:12.5%;
        border-left: 1px solid grey;
        display: inline-block;
        color: black;
        text-align: center;
        text-decoration: none;
        height: 31px;
        padding-top: 4px;
        text-overflow:ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    li:hover a {
        color:white;
    }
    li:hover .dropdown-content-1 a {
        color:black;
    }
    li.dropdown-1 {
        display: inline-block;
    }
    .f_title{
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 7px;
    }
    .dropdown-content-1 {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        margin-top:5px;
        border-bottom: 3px solid gray;
        z-index: 99999999999;
    }
    .dropdown-content-1 a {
        padding: 12px 6px;
        text-decoration: none;
        display: block;
        text-align: left;
        color:red;
    }
    .dropdown-content-1 a.dropdown_sub .dropdown_content_sub a {
        padding: 12px 6px;
        text-decoration: none;
        display: block !important;
        text-align: left;
        color:red;
        font-size: 30px;
    }
    .dropdown-content-1 a:hover {
     background-color: #f1f1f1;
     color:black;
 }
 .dropdown-1:hover .dropdown-content-1 {
    display: block;
}
.dropdown-content-1 .dropdown_sub:hover > .dropdown_content_sub {
    display: block !important;
}
a,a:hover{
    /*color:#000;*/
    text-decoration: none;
}
a {
    color:black;
}

.color_1:hover{background-color: #5C008C;}
.color_2:hover{background-color: #89318C;}
.color_3:hover{background-color: #006E9E;}
.color_4:hover{background-color: #2A30A1;}
.color_5:hover{background-color: #930000;}
.color_6:hover{background-color: #005E2D;}
.color_7:hover{background-color: #005478;}

a:hover,a:focus
{
    text-decoration: none
}
header {
    background: white;
    margin-top: -9px;
}
li.active {
    background-color: #1EA5DF;
    color:#fff;
}

li.act3 > a, li.act4 > a, li.act5 > a, li.act6 > a, li.act7 > a, li.act8 > a, li.act9 > a, li.act10 > a{
    color:#fff !important;
}
li.act3{
    background-color: #5B008B;
    color:#fff !important;
}
li.act4{
    background-color: #89318C;
    color:#fff;
}
li.act5{
    background-color: #006E9E;
    color:#fff;
}
li.act6{
    background-color: #2A30A1;
    color:#fff;
}
li.act7{
    background-color: #930000;
    color:#fff;
}
li.act8{
    background-color: #005E2D;
    color:#fff;
}
li.act9{
    background-color: #005478;
    color:#fff;
}
li.act10{
    background-color: #005478;
    color:#fff;
}
/*End of NavBar*/

.margin{padding-top:20px;}
.navbar-default {
	border:  1px solid grey;
	box-shadow: 0 2px 5px #888888;
	background-color:white;
}
.thumbnail {
	/*border-top: 6px solid #404040;*/
    border-color: #404040;
    border-width: 6px 0 0 0;
    border-style: solid;
    margin-bottom: 30px; 
    box-shadow:  0px 0px 3px 1px rgba(11, 10, 7, 0.55);
    border-radius: 0;
}
h3{text-transform: capitalize;}
p{margin: 0 0 0;}
.mr_img{margin-bottom: 50px;}
.height {
	height: 225px;   
}
.clearfix_1 {
    display: inline-flex;
}
.text {
    font-size: 24px;
    padding-left: 3%;
    width:100%;
    color: #404040;
    font-family: "Roboto slab";
    border-bottom: 1px solid darkgrey;
}
.text_wd {
    width:100%;
    /*height: 372px;*/
    border-radius: 0px;
}
.side_text {
    border-bottom: 1px solid lightgrey;
    padding-top: 10px;
    padding-bottom: 12.5px;
}
.side_text:last-child {
    border: none;
}
.color_top {
    border-top:10px solid black;
}
.pd_tpbt {
    padding-bottom: 30px;
}
.margin_top { margin-top: 20px; }
/*
    Carousel Slider
    */

    #custom_carousel .item {
        color:#000;
        padding:20px 0;
    }
    #tile_carousel .item{
        color:#000;
        padding:20px 0;
    }
    #custom_carousel .controls{
        overflow-x: auto;
        overflow-y: hidden;
        padding:0;
        margin:0;
        white-space: nowrap;
        text-align: center;
        position: relative;
        /*background:#ddd*/
    }
    #custom_carousel .controls li {
        /*display: table-cell;*/
    }
    #custom_carousel .controls a small {
        overflow:hidden;
        display:block;
        font-size:13px;
        margin-top:7px;
        font-weight:bold;
        color:black;
    }
    ul.navigation {
        height: 30px;
        border:none;
    }
    .navigation li {
        width: 1%;
        height: 30px;
    }
    .carousel-header {
        color:#404040;
        font-weight: bold;
        font-size: 14.33px;
        margin-left: 30px;
        text-transform: uppercase;
    }


/*
    End of Carousel Slider
    */
    .pd_tp {
        padding-top: 30px;
    }
    #custom_carousel {
        background: white;
        border-top: 6px solid #404040;
        padding-top: 10px;
    }
    #tile_carousel{
       padding-top: 10px;
   }
   .header_text {
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 5px; 
    color:#404040;
    font-weight: 800px;
}
.padding_top {
    padding-bottom: 20px;
}
.duration {
    color: darkgrey;
    font-weight: bold;
    font-size: 10px;
}

.thumbnail a > img, .thumbnail > img {
    margin-top: 20px;
}
.panel-heading {
  margin-bottom: -20px;
  margin-left: 9px;
  background-color:white;
  border:none;
  color:#404040;
  font-weight:bold;
  height:55px;
  text-transform: uppercase;
}
.panel {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-color: #404040;
  border-width: 6px 0 0 0;
  border-style: solid;
  margin-bottom: 0px;
  border-radius: 0px;
  transition: box-shadow 0.2s ease-in-out 0s;
}
.panel:hover {
   box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
}
.panel-footer {
  background:white;
  border:none;
  margin-left: 8px;
  padding:0px 15px 10px;
}
.panel-body {
    padding: 10px 22px;
}
footer {
    min-height: 100px;
    /*height: 100px;*/
    background-color: #404040;
    color: white;
    margin-top: 30px;
    padding-bottom:15px;
}
.color {
    color:#2BAAE1;
    font-size:11px;
    font-family: "Roboto slab";
}
.footer_text {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight:bold;
}
.dropdown-1 a {
    font-size: 12px;
    letter-spacing: 2px;
}

.twitter-timeline {
    overflow: hidden;
    height: 200px;
}
.center_text {
    display: flex;
    align-items: center;
    justify-content: center; 
}
.icon {
    min-height: 50px;
    max-width: 50px;
    min-width: 50px;
    display:inline-block;
    float:left;
    margin-left:1px;
}
.footer {
    padding-top: 20px; 
}
.twitter {
    background: url('../img/icons.png') no-repeat -108px -32px;
    width: 36px;
    height: 36px;
}
.facebook {
    background: url('../img/icons.png') no-repeat -157px -32px;
    width: 36px;
    height: 36px;
}
.youtube {
    background: url('../img/icons.png') no-repeat -206px -32px;
    width: 36px;
    height: 36px;
}
.pin {
    background: url('../img/icons.png') no-repeat -255px -32px;
    width: 36px;
    height: 36px;
}

ul.footer-nav {
    background-color: #404040;
    border:none;
    width: 100%;
    box-shadow: none;
}
ul.footer-nav li {
    text-transform: uppercase;
    width: 25%;
    border:none;
    padding-top: 5px;
    text-align: none;
    border-right: 1px solid white;
}
ul.footer-nav li:last-child {
    border: none;
}
ul.footer-nav li a {
    color:white;
}
ul.footer-nav li a:active {
    color:red;
}
span.line {
    border-right:2px solid grey;
    padding-left: 8px;
}

.carousel-indicators {
    bottom: 12px;
    width: 50%;
    margin-left: 0px;
    left:25%;
}
.carousel-indicators li {
    background-color: #BDBDBD;
    border: 1px solid #BDBDBD;
    border-radius: 55%;
    cursor: pointer;
    height: 11px;
    margin: 3px;
    text-indent: -999px;
    width: 11px;
    padding-left: 10px;
}
.carousel-indicators .active {
    background-color: darkgrey;
    height: 11px;
    margin: 3px;
    width: 11px;
    border-color: darkgrey;
}
.timeline-Header {
    padding-left: 21px;
    padding-top: 10px;
    border: medium none;
    display: inline-block;
    height: 335px;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    min-height: 200px;
    min-width: 180px;
    position: static;
    visibility: visible;
    width: 100%;
}
.timeline-Tweet {
    padding:22px;
}
.content {
    font-family: "Roboto";
}
.article-header {
    font-family:"Roboto slab" ;
    font-size: 23px;
    font-weight: bold;
}
.image_service {
    margin-top: 10px;
    margin-bottom: 10px;
}
.paragraph {
    font-family: "Roboto";
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.section-header {
    width: 100%;
    height: 25px;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    color: white;
}
.section {
    background-color: #1690E2;
    /*margin-top:130px;*/
}
/*Search*/

input {
    outline: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none; 
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    background: #27ABE2 url(../img/search.png) no-repeat 9px center;
    border: solid 1px #27ABE2;
    padding: 9.5px 5px 9px 32px;
    width: 0px; 
    cursor:  pointer; 
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
input[type=search]:focus,input[type=text]:focus  {
    width: 260px;
    border: 1px solid grey;
    cursor: auto !important;   
    -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
    -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
    box-shadow: 0 2px 2px #c0e6f6, 0 1px 1px #c0e6f6;
}
input[type=search]:focus {
    background: white;
    padding: 9.5px 5px 9px 10px;
    /*height: 40px;*/
    width: 150px;
}
input:-moz-placeholder {
    color:#2BAAE1;
}
input::-webkit-input-placeholder {
    color:#2BAAE1;
}
input[type=text]{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    width: 210px;
    font-size: 100%;
    height: 41px;
    color: #404040;
}
.form-control:focus {
    border-color: grey;
    box-shadow: none;
}

/*End of Search*/

.pd-tp {
    padding-bottom: 5px;
    padding-top: 13px;
}
.control-label {
    text-transform: uppercase;
}

.well {
    /*margin-bottom: 120px;*/
    border-top: 6px solid #404040;
    background: white;

}
.subscribe {
    border: 2px solid #2BAAE1;
    margin-left: 18px;
    padding-left: 10px;
}
.navbar-brand {
    text-align: center;
    float: none;   
    height: 107px;
    padding:15px 15px 15px 10%;
}
.navbar-brand > img {
    display: inline-block;
}
.navbar {
    margin-bottom: 0px;
}
.navbar-default {
    background-color: none;
    border: none;
    box-shadow: none;
}
address {
    font-size: 21px;
    margin-bottom: 20px;
    font-size: 14px;
}


/*Media Query*/

@media screen and (max-width: 993px) {
    .center {
        text-align: center;
    }
    .mob-footer{
        position: relative;
        left:40%;
    }
    .desk-icon{
        float: none;
    }
    .srch_grid{
    	min-height:auto;
    }

}
@media screen and (max-width: 990px) {
    .mob-mt{
        margin-top:30px;
    }
}
/*End of Media Query*/

.active-footer {
    color:#2BAAE1;
    text-decoration: underline;
}
.gm-svpc {
    display: none;
    background: none;
    height: 0px;
    width: 0px;
}

.navbar-form {
    width:350px;
    margin-top:20px;
}

.shadow:focus {
    box-shadow: 0 2px 2px #c0e6f6, 0 1px 1px #c0e6f6;
}

/* New Css*/

.mobile-header {
    display: none;
}
/*  For Mobile Menu Media query  */
@media screen and (max-width: 1083px) { 
    header {
        display: none;
    }
    .mobile-header {
      display: block;
  }
  .margin-top {
    margin-top: 100px;
}
.iot-subs{
	font-size:22px;
}

.m-bg {
    /*background: #000 none repeat scroll 0 0;*/
    color: white;
    margin-top: 100px;
    position: fixed;
    text-align: center;
    z-index: 99;
    display: none;
    width: 100%;
    /*height: 280px;*/
    overflow: scroll;
}
.m-toggle {
    float: right;
    margin-right: 50px;
    margin-top: -62px;
    width: 23px;
}
.mobile-header {
    width:100%;
    height:100px;
    float:left;
    background:#fff;
    padding:5px 24px;
    position: fixed;
    z-index:9999;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
}
.mobile-pd {
    padding-bottom: 105px;
}
ul.mg-lf li {
    padding-top:11px;
    list-style-type: none;
    display: block;
    width: 100%;
    color: white;
    background-color: #000;
    height: 40px;
    text-align: center;
}
ul.mg-lf a,ul.mg-lf a:hover {
    color:white;
}
ul.mg-lf li:hover {
    background-color:#696969;
    padding-top: 11px;
}
.mobile-menu{
    display:block;
}
.dropdown-content_1  {
    display:none;
    background: #000;
    width: 100%;
    margin-left: -30px;
    margin-top: 10px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.dropdown-content_1 li {
    background: #000;
    width: 100%;
    margin-left: -20px;
    margin-bottom: 0px;
}
.dropdown_1:hover > .dropdown-content_1{
    display: block;
    transform: all 0.55s ease-in-out;
}
.mg-lf {
    background-color: white;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
    height: 282px;
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.dropdown-content_1 li:hover {
    background-color: #7a7a7a; 
}
/*.margin-top {
    margin-top:104px;
    }*/
    /*added by adarsh*/
    li {
        text-align: left;
    }
    /*end of added*/
}
/*End of Mobile menu Media query*/

/*Side NavBar*/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}



@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/*End of Side NavBar*/
.mobile_header {
    width: 100%;
}

@media screen and (max-width:768px){
    .center {
        text-align: center;
    }
    #my-welcome-message{
    	width:50%;
    	left:25%;
    }
    .site_foot ul > a > li{
    	text-align:center;
    }
}

.timeline-Header {
    padding: 20px;
}

@media screen and (max-width:640px){
    .mob-footer{
        left:34%;
    }
       #my-welcome-message{
    	width:90%;
    	left:5%;
    	top:30%;
    }
}

@media screen and (max-width:380px){
    .mob-footer{
        left:27%;
    }
}

@media screen and (max-width: 467px) {
    .mobile-header {
        background: #fff none repeat scroll 0 0;
        float: left;
        height: 70px;
        padding: 5px 0px;
        position: fixed;
        width: 100%;
        z-index: 9999;
    }
.iot-subs{
	font-size:18px;
}

    .image_mobile img {
        padding-top: 2px;
        width: 126px;
    }
    #mobile-menu > img {
        margin-top: -23px;
        width: 23px;
    }
    .margin-top{
        margin-top:70px;
    }
}