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

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {
  font-family: 'Merriweather-Regular';
  src: url('../fonts/Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/Merriweather-Regular.woff') format('woff'),
	   url('../fonts/Merriweather-Regular.ttf')  format('truetype'),
	   url('../fonts/Merriweather-Regular.svg#Merriweather-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}



#mega_list {
    position: static!important;
}
.megamenu_list{
    width: 100%;
    float: none;
}
 
.megamenu_list > li {
    width: 50%;
    float: left!important;
    border-right: 1px solid #ccc;
    font-size: 13px;
}

.megamenu_list > li > a {
    min-height: 48px;
    padding-top: 0!important;
    padding-bottom: 0!important;
       justify-content: center;
    flex-direction: column;
    display: flex;
	white-space: normal;

}

.hmproductBox {background: #fff;margin: 0;margin-right: 0!important;
  padding: 20px;margin-bottom: 30px;}
.hmproductBox p{color: #000!important;    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;margin-bottom: 20px;}
.hmproductBox h2{color: #000!important;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;margin-bottom: 20px;text-transform: uppercase;}
.hmproductBox a{color: #000!important;margin-top: 20px}

/* ========== Do Not Touch In Css Strat ========== */
/* ========== Commn Css Strat ========== */
body{ font-family: 'Roboto', sans-serif; overflow-x: hidden; /* Prevent scroll on narrow devices */}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif;}
p {margin:0px; padding:0px 0px 18px 0px; line-height:20px;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#324268; outline:none;}
a:active, a:focus{ outline:none; text-decoration:none!important;}
a:hover, a.selected {text-decoration:none; color:#333333;}
ul {list-style:none;}
li {list-style:none;}
.nonebox_shadow{box-shadow:0 0px 0px rgba(0, 0, 0, 0.05)!important;}

/* ========== Commn Css End ========== */
/* ========== Do Not Touch In Css End ========== */
/* ========== Style Css Strat ========== */
/* ------- Header Area Strat ------- */
.header_top{background-color: #0c7097;background-image: -webkit-linear-gradient(bottom, #0c7097, #27a3d3);background-image: -moz-linear-gradient(bottom, #0c7097, #27a3d3);background-image: -o-linear-gradient(bottom, #0c7097, #27a3d3);background-image: -ms-linear-gradient(bottom, #0c7097, #27a3d3);background-image: linear-gradient(to top, #0c7097, #27a3d3); border-bottom:3px solid #ffffff; padding:8px 0 9px 0; position:relative; z-index:1;}
.header {  position:relative; z-index:1; background:url(../images/header_pattern.jpg) repeat; border-top:9px solid #c8cace; }

.float_right{ float:right;}
.float_right ul,.float_right li,.contect,.media{ display:inline-block; float:left; margin:0;}

.contect li,.contect li a{ color:#ffffff;}
.contect li{ font-size:12px; font-weight:400; margin-top:5px;}
.contect li:first-child{ padding-right:12px; background:url(../images/border_right_white.png) no-repeat right center;  margin-right:13px;}
.contect li span{ margin-right:5px;}

.media li{ margin-left:16px; font-size:18px;}
.media li a{ color:#47c7f8;}

.header .logo{ position:absolute; z-index:2; top:-28px; width:100%;}
.header .logo img{ max-width:192px; width:100%;}
.header{-webkit-box-shadow: 0px 4px 11px 0px rgba(136,136,136,1);
-moz-box-shadow: 0px 4px 11px 0px rgba(136,136,136,1);
box-shadow: 0px 4px 11px 0px hsl(0, 0%, 40%); z-index:9999;}
.download_btn a{ font-size:12px; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #1078a0;
	background-image: -webkit-linear-gradient(bottom, #0c7097, #27a3d3);
	background-image: -moz-linear-gradient(bottom, #0c7097, #27a3d3);
	background-image: -o-linear-gradient(bottom, #0c7097, #27a3d3);
	background-image: -ms-linear-gradient(bottom, #0c7097, #27a3d3);
	background-image: linear-gradient(to top, #0c7097, #27a3d3); display:inline-block; color:#ffffff; font-family: 'Merriweather', serif; font-weight:400; padding:5px 18px 4px 17px; border-radius:3px; margin-top:17px;}
/* ------- Header Area End ------- */

/* ------- Navigation Area Strat ------- */
.navigation{ background:none; float: right;}
.navbar-nav{ float:none!important; margin-left:50px;}
.navbar{ margin-bottom:0px!important; min-height:4px!important;}
.navbar-inverse{ background:none!important; border:none!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;}
.navbar-inverse .navbar-nav > li > a > span{ color:#000000!important;  padding:23px 2px 15px 2px}
.navbar-inverse .navbar-nav > .active > a > span, .navbar-inverse .navbar-nav > .active> a:hover > span , .navbar-inverse .navbar-nav > .active > a:focus > span{ background-color:transparent!important; color:#000000!important;}
.navbar-inverse .navbar-nav > li:hover > a > span{ color:#000000!important;}



.nav > li{ font-family:'Merriweather', sans-serif; font-weight:400; font-size:13px; line-height:20px; color:#080808; text-transform:uppercase; border-left:#fefefe solid 1px; display:inline-block; border-bottom:7px solid; border-bottom-color:transparent;}
.nav > li:hover,.nav > li.active { border-color:#1078a0; background:background-color: #fff;
	-webkit-box-shadow: inset -1px -15px 34px 1px rgba(0,0,0,.73);
	-moz-box-shadow: inset -1px -15px 34px 1px rgba(0,0,0,.73);
	box-shadow: inset -1px -15px 34px 1px rgba(154,155,155,.73);}
.nav > li > span{ display:block; }
.nav > li:hover span, .nav > li.active span{ background:url(../images/menu_hover_arrow.png) no-repeat 50% 100%; }
.navbar-inverse .navbar-nav > li:first-child a{}


.navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:focus, .navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > .active:hover, .navbar-inverse .navbar-nav > .active:focus{ background:none;}
.nav > li:last-child, .nav > li:last-child:hover{}
.navbar-nav > li > span > a{ display:block; padding:19px 15px 15px 18px;}
.navibgend{ background:#fff; height:55px; position:absolute; right:0px; bottom:20px; z-index:1; width:50%;}
.navigationbg{ position:relative; z-index:3}
.navbar-nav > li.dropdown a{ background:url(../images/arrow_navi.png) no-repeat center 90%;}
.navbar-nav > li.dropdown li a{ background:none;}

.navbar-nav > li > .dropdown-menu{margin-top: 7px;  background:url(../images/header_pattern.jpg) repeat; border-top:9px solid #c8cace; z-index:999999999;}
.navbar-nav > li > .dropdown-menu li ul{ background:#fa8539;}

.dropdown-menu li{ position:relative; text-transform:capitalize; float:none; border-bottom:1px solid #c8cace;}
.dropdown-menu li:last-child {border-bottom:none;}
.dropdown-menu li a {color:#000!important;}
.dropdown-menu li.active a,.dropdown-menu li:hover a,.dropdown-menu li:focus a{ background:#0c7097!important; color:#000 !important; font-weight:600;}
.dropdown-menu li ul{ display:none; position:absolute; top:0px; right:-100px;}
.dropdown-menu li:hover ul{ display:block;}
.navbar-nav > li > .dropdown-menu li ul li a{ color:#fff; padding:10px 20px; display:block;}

.dropdown-menu > li > a {padding:8px 20px;}
/* ------- Navigation Area End ------- */

/* ------- Home Banner Area Strat ------- */
.nav > li > a{padding-right: 13px!important;padding-left: 13px!important}

.bannerarea {max-width:1360px;}
.banner_boxarea{ position:relative;}
.banner_img{ position:relative; z-index:1;}
.banner_img img {width:100%;}
.banner_text{ position:absolute; z-index:2; width:100%; left:0px; top:28%;}
.banner_text h1{font-family: 'Montserrat', sans-serif; font-size:35px; font-weight:700; margin-bottom:25px; color:#ffffff; text-transform:uppercase;  text-shadow:2px 2px #000000; text-align:left;}
.banner_text p{ font-size:14px; color:#fefefe; max-width:446px; line-height:20px;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{ display:none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ left:8%; width:inherit;}
/* ------- Home Banner Area End ------- */

/* ------- Inner Banner Area Strat ------- */
.bannerarea {margin: 0 auto; text-align: center;}
.innerbanner .banner_text {top: 42%;}
/* ------- Inner Banner Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */
.mp_container {min-height:600px;}
.mp_container .heading { text-align:center; display:inline-block;}
.mp_container .heading h1{ color:#000000; font-size:30px; font-weight:700; display: inline-block; margin-bottom:30px;}
.mp_container .heading h1 span{ background:#15759b; height:1px; margin-left:14px; margin-right:14px; display:block; margin-top:6px;}
.mp_container .heading p{ font-weight:300; font-size:14px; color:#818181; margin-top:8px;}

.mp_container .services{ margin-top:-30px; position:relative; z-index:999;}
.mp_container .services .heading{ margin-top:40%;}
.mp_container .services .orange_bg{ display:block; background:#eeab49; padding:31px 17px 0px 21px; min-height:285px;}
.mp_container .services .orange_bg h2{color:#ffffff; font-size:22px; font-weight:500; min-height:95px;}
.mp_container .services .orange_bg p{ color:#ffffff; font-size:14px; font-weight:400; line-height:20px;}
.services .orange_box .orange_bg {-webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;margin-right: 0!important; }
.services .orange_box .orange_bg:hover {margin-top:-7px; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out;}
.services .orange_box span { background : rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0; height:10px; width:90%; visibility:hidden;}
.services .orange_box .orange_bg:hover  { visibility:visible; box-shadow:0 2px 5px #000;;}


.white_li li {background: hsla(0, 0%, 0%, 0) url("../images/white_bullet.png") no-repeat scroll left 10px; color: #fff;
 font-size: 14px; line-height: 20px; padding: 4px 0 3px 16px;} 
.nobullet .list_li li {background: hsla(0, 0%, 0%, 0) ;padding: 4px 0px 8px 0px;}
.list_li li {background: hsla(0, 0%, 0%, 0) url("../images/bullet.png") no-repeat scroll left 10px; color: hsl(0, 0%, 0%);
 font-size: 14px; line-height: 20px; padding: 4px 0 3px 16px;} 
.microcontroller_txt ul {font-size:14px;}
.microcontroller_txt ul li {padding-bottom:5px; float:left; width:40%;}
.microcontroller_txt h4 {padding-bottom:20px;}
.microcontroller_txt {margin-bottom:30px; margin-top:30px;}
.white li {color:#FFF;}
.cls_about h3 {font-size:23px;}
.arm_txt ul {font-size:14px;}
.arm_txt ul li {padding-bottom:5px;}
.arm_txt h4 {padding-bottom:20px;}
.arm_txt {margin-bottom:30px; margin-top:30px;}


.mp_container .about{ display:block; text-align:center; padding:50px  0 40px 0;}
.mp_container .about p.about_text{ color:#181818; max-width:943px; margin:0 auto; font-size:14px; font-weight:400; line-height:20px;}
.mp_container .about a{ color:#15759b; font-weight:500;}
.mp_container .products{ background:#15759b; padding:45px 0;}
.mp_container .products .heading{ text-align:center; display:block; }
.mp_container .products .heading h1,.mp_container .products .heading p{ color:#ffffff;}
.mp_container .products .heading span{ background:#ffffff;}
.mp_container .products .orange_bg h2{ color:#ffffff; font-size:20px; font-weight:500; min-height:66px;}
.mp_container .products .orange_bg p{ color:#ffffff; font-size:14px; font-weight:400; line-height:20px; min-height:118px;}
.mp_container .products .orange_bg ul{ color:#ffffff; font-size:14px; font-weight:400; line-height:20px; min-height:118px;}
.mp_container .products .orange_bg ul li{list-style: disc;list-style-position: inside;}
.mp_container .products .orange_bg a{ font-weight:500; color:#ffffff; font-size:14px;}

.mp_container .clients{ padding:52px;}
.mp_container .clients .heading{ display:block; text-align:center;}
.mp_container .clients .brang_logo a{ display:block; border-right:#d7d7d7 1px solid; border-bottom:#d7d7d7 1px solid; margin:0 -15px; padding:20px 25px;}
.mp_container .clients .brang_logo a img{ max-width:100%;}
.mp_container .clients .border_right a{ border-right:none;}
.mp_container .clients .border_bottom a{ border-bottom:none;}
.mp_container .clients .form-control{ border:1px solid #898989; border-radius:0; height:37px;}
.mp_container .clients .btn-submit{ margin-top:5px; background:#696969; padding:5px 37px; color:#ffffff; font-size:12px; font-weight:400; font-family:'Merriweather', Sans Sarif;}
.form-control, .formarea textarea, select, .select-wrapper .holder{ font-style:italic; font-weight:400; color:#b1b1b1; font-size:12px; font-family:'Merriweather', Sans Sarif;}
textarea.form-control{ resize:none; min-height:68px;}

.middle_shadows img{ max-width:100%;}
.clients span {float:right;text-decoration:underline;}
.clients span a {font-weight:600;}
.orange_bg {margin-right:50px;}
/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */

.spec_tab tr td{padding: 5px;text-align: center;border:1px solid #ccc;}
.spec_tab tr th{padding: 5px;border:1px solid #ccc;}
.spec_tab{margin: 0px 0px 15px 15px;}
.owl-carousel .owl-item .boxarea1{ margin:0px 5px; border:#ddd solid 1px;}
/* ----------- Images Gallery Css Strat ----------- */
.addodintbox{ position:relative; float:left; width:100%; max-width:262px;}
.addodintbox div{ position:relative; z-index:1;}
.addodintbox span{ position:absolute; width:100%; height:100%; left:0px; right:0px; top:0px; bottom:0px; text-align:center; background:url(../images/bg_blue_tranfer.png) repeat left top; z-index:2;visibility:hidden; opacity: 0; 
-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.addodintbox:hover span{visibility:visible; opacity: 1; 
-webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}
.addodintbox span i{ display:block; background:url(../images/icon_pulsh.png) no-repeat center center; position:absolute; height:100%; width:100%;}
.addodintbox div img{ width:100%; max-width:332px;}
.lastbrdnone{ border-right:none!important;}
.client_logo {border: 1px solid #ccc; display: block; margin-bottom: 20px;  text-align: center;}

/* ----------- Images Gallery Css End ----------- */
/* ----------- Bootstrap Carousel Css Strat ----------- */
.carousel{ max-width:780px;}
.carousel-control{opacity:1; max-width:50px;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .leftarrow, .carousel-control .rightarrow {
position: absolute; top: 25%; z-index: 5; display: inline-block; font-size:50px; color:#000;}
.carousel-control .leftarrow, .carousel-control .leftarrow {left: 15px;}
.carousel-control .rightarrow, .carousel-control .rightarrow { right: 15px;}
.carousel-control.left, .carousel-control.right{ background:none!important;}
/* ----------- Bootstrap Carousel Css End ----------- */

.padding72 {padding:70px 0;}
.sidemenu .accordion  {border-top:1px solid #dcdcdc;}
.sidemenu .accordion li {background: #fff none repeat scroll 0 0; border-bottom: 1px solid #dcdcdc; color: #000; font-family: roboto; font-size: 14px; font-weight: 400; padding:8px 0;}
.sidemenu .accordion li:hover, .sidemenu .accordion li.active {background:#1785af;}
.sidemenu .accordion li:hover a, .sidemenu .accordion li.active a{color:#fff;}
.cls_about h1, .cls_gallery h1, .cls_product h1, .cls_contact h1 {font-size:23px; color:#000; margin-bottom:19px;}
.cls_about p, .cls_product p {color:#181818; font-size:14px;}
.cls_about p:last-child, .cls_product p:last-child {padding-bottom:0px;}
.cls_about h2 {color: #000; font-size: 19px; margin:5px 0;}

.cls_gallerybox {margin-bottom:30px; padding-bottom:0px;}

.cls_product h2 {font-size:16px; color:#000; margin:4px 0 10px 0;}
.cls_product ol {font-size:14px; color:#181818; padding:0 0 15px 15px;}
.cls_product ol li {padding-bottom:3px;}
.cls_product ol li:last-child {padding-bottom:0;}
.cls_product img {max-width:262px; width:100%;}


.form-control, .formarea textarea, select, .select-wrapper .holder {color: #8a8c8f; font-size: 14px; font-style: normal; font-weight: 400;}
.cls_contact textareabox {resize: none;}
.form-control {margin-top:6px;}
.form-control {border: 1px solid #c2c2c2; border-radius: 0; font-family: roboto !important; font-style:normal; font-size:14px;}
.btn.btn-green.btn-submit {background: #696969 none repeat scroll 0 0; color: #fff; font-family: merriweather; font-size: 14px; margin-top: 10px; padding: 5px 37px;}
.contact_text {margin-top:6px;}
.contact_text > p {color: #333333 !important; font-size: 14px;}
.contact_text table	{width:100%; margin-top:10px;}
.contact_text table tr	td {padding-bottom:12px;}
.contact_text table tr:last-child  td{padding-bottom:0;}
.contact_text table	td span{display:block; text-transform:uppercase; color:#131212; font-weight:700; font-size:14px; margin-bottom:5px;}
.contact_text table	td span i{display:inline-block; margin-right:5px; color:#117aa3;font-weight: 800;}
.contact_text table	td p {color:#181818; font-size:14px;}
.contact_text table	td p strong {display:block; font-weight:700;}
.contact_text table	td a {font-size:14px; color:#181818;}
.contact_text table	td a:hover {text-decoration:underline;}
/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */

.footer_top{ background:#e8eaea; padding-top:28px;} 
.footer .contect,.footer .float_right{ display:block; float:none; text-align:center; width:100%;}
.footer .float_right ul{ float:none;}
.footer .float_right li a,.footer .float_right li,.footer .contect li a,.footer .media li a{ color:#181818; line-height:22px;}
.footer .media{ float:none; margin-top:0px; line-height:22px;}
.footer .contect li:first-child {
    background:url(../images/border_right.png) no-repeat right center; 
    margin-right: 13px;
    padding-right: 12px;
}

.footer_menu ul,.address{ float:none; text-align:center; line-height:22px;  font-size:14px;}
.footer_menu li{ display:inline-block; font-size:14px;  line-height:22px;}
.footer_menu li a{  padding:0 13px; background:url(../images/border_right.png) no-repeat right center; color:#3d3d3d;}
.footer_menu li:hover a,.footer_menu li.active a,.footer_menu li:focus a{ color:#15759b;}

.footer_bottom{ background:#0c7097; float:left; width:100%; padding-top:14px; padding-bottom:8px;}
.footer_bottom p.copyright{ float:left; display:inline-block; color:#ffffff; padding-bottom:0; font-size:11px;}
.footer_bottom p.copyright a{color:#ffffff;}
.footer_bottom p.megh{ font-size:11px; float:right; display:inline-block; color:#ffffff;  padding-bottom:0;}
/* ------- Footer Area End ------- */
#toTop { width:100px; border:1px solid #fdc3c8; background:#ffd8db; text-align:center; padding:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
/* ========== Style Css End ========== */

/*new add*/


.info2, .success2, .warning2, .failure, .validation2 {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info2 {
color: #00529B;
background-color: #BDE5F8;
background-image:url(../assets/images/info.png);
}
.success2 {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url(../assets/images/success.png);
}
.warning2 {
color: #9F6000;
background-color: #FEEFB3;
background-image: url(../assets/images/warning.png);
}
.failure {
color: #D8000C;
background-color: #FFBABA;
background-image: url(../assets/images/error.png);
}
/* ------- footer end ------- */

input[type="text"].error,textarea.error,select.error{border:1px solid #F00!important;}
label.error {color: #F00;}


/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width : 740px) and (max-width : 1980px) {
.navbar-nav > li ul.dropdown-menu{ display:block; height: auto; border:none; z-index:999999999999; background-color:transparent; box-shadow: none; position: absolute; top:60px;  visibility: hidden; opacity: 0; margin: 0 0 0 0px; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; box-shadow: 0 1px 0px rgba(0,0,0,0.2); }
.navbar-nav li:hover ul.dropdown-menu{ visibility: visible; opacity: 1; top:37px;  -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; box-shadow: 0 1px 0px rgba(0,0,0,0.2);}
.navbar-nav > li:hover > .dropdown-menu {display: block;}
.navbar-inverse .navbar-brand{ display:none;}
.navbar-collapse{ padding-left:0px; padding-right:0px;}
.dropdown-menu > li{ border-bottom:#c8cace solid 1px;}
.dropdown-menu > li:last-child{ border-bottom:none;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #5b5b5b;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #5b5b5b;
  outline: 0;
}
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
	.owl-carousel .owl-item .owl-item{ float:none; width:95%;}
	.navbar-inverse .navbar-nav > li > span > a{ padding:23px 7px; font-size:12px;}
	.download_btn a{ margin-top:18px; padding:5px 6px 4px;}
	.mp_container .services .orange_bg{ min-height:310px;}
	.mp_container .clients .brang_logo a{padding: 20px 8px;}
	.innerbanner .banner_text h1 {font-size: 35px; margin-bottom: 8px;}
	.navbar-nav {margin-left: 30px;}
	.nav > li > a {padding: 10px 6px; font-size: 12px;}
	.navbar-nav li:hover ul.dropdown-menu{top:23px;} 
    .video_page .cls_gallerybox iframe{ height: 300px!important;}
}
@media only screen and (max-width:1000px) {
	.header .logo{ position:relative; top:0; right:0; text-align:center; margin:20px 0;}
	.navbar-nav{ margin:0 !important;}
	.nav > li {font-size:12px;}
	.navbar-inverse .navbar-nav > li > span > a { padding: 23px 6px;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ left:13%;}
	.banner_text h1{ margin-bottom:9px; font-size:33px;}
	.innerbanner .banner_text h1{ margin-bottom:9px; font-size:30px;}
	.innerbanner  .banner_text p {font-size: 13px;}
	.mp_container .services{ margin-top:30px; text-align:center;}
	.mp_container .services .heading {margin-top: 0%;}
	.mp_container .services .orange_bg { display:inline-block; margin-bottom:20px; min-height:auto;}
	.mp_container .services .orange_bg h2{ min-height:auto; margin-bottom:30px;}
	.bottom_border{ border-bottom:1px solid #ffffff; margin-bottom:15px; padding-bottom:15px;} 
	.mp_container .clients .brang_logo a{ padding: 20px 60px;}
	.middle_shadows{ margin-top:30px; margin-bottom:20px;}
	.mp_container .clients {padding: 52px 0;}
	.nav > li {font-size: 11px;}
	.navbar-nav li:hover ul.dropdown-menu{top:22px;} 
.orange_bg {margin-right:0px;}
}
@media screen and (min-width : 980px) and (max-width : 1024px) {

}
@media screen and (min-width : 400px) and (max-width : 1024px) {
}
@media screen and (min-width : 768px) and (max-width : 990px) {

}
@media screen and (min-width : 700px) and (max-width : 800px) {

}
@media only screen and (max-width:992px) {
    
    .map{padding: 25px 0px!important;}
    
}
@media only screen and (max-width:800px) {

.innerbanner .banner_text {top: 33%;}
.innerbanner .banner_text h1 {font-size: 28px; margin-bottom: 7px;}
}
@media only screen and (max-width:768px) {
    
    
    
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {left: 3%;}
	.mp_container .clients .brang_logo a{ padding: 20px 52px;}
	
	
}
@media screen and (min-width : 700px) and (max-width : 800px) {
	
}
@media screen and (min-width : 600px) and (max-width : 640px) {
	
}
@media only screen and (max-width:767px) {
    
    
    .megamenu_list > li{float: none;width: 100%;}
.owl-carousel .owl-item .owl-item{ width:100%;}
.navigation{ padding-top:0px;  margin-right: -15px;  margin-left: -15px; float: none;}
.navbar-inverse .navbar-brand{ color:#000000;}
.navbar-nav { float: none!important; margin-top:0px!important; margin-bottom:0px!important;}
.navbar-toggle{ background:#1078a0!important; border:#1078a0 solid 1px!important;}
.navbar-collapse{ padding:0;}
.navbar-inverse{ background:#c8cace !important; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.nav > li{-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.nav > li , .nav > li:last-child , .nav > li:first-child { margin-left:0px!important; background:none; font-size:14px;}
.nav > li a, .nav > li:last-child a, .nav > li:first-child a,.navbar-inverse .navbar-nav > li:first-child >  a, .navbar-inverse .navbar-nav > li:last-child >  a{ padding:18px 14px!important; display:block;}

.nav > li{ border-bottom:#aaaaae solid 1px; display: block; border-left:0; border-right:0px solid; border-right-color:transparent;}
.nav > li > span{ display:block; }
.nav > li:hover{ border-color:#1078a0; }
.nav > li:hover a span, .nav > li.active a span{ background:none;}
.nav > li:last-child{ border-bottom:#4b4a4a solid 0px;}
.navbar-inverse .navbar-nav > li > a{ color:#fff!important;}
.navbar-inverse .navbar-nav > li:hover a, .navbar-inverse .navbar-nav > li.active a{ }
 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fabb06;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background:#1888b3!important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:#a0a1a2;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
    background-color: #1888b3; color: #fff;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #8a8c8f ;}	
.dropdown-menu li{ font-size:14px;}
.dropdown-menu li li{ font-size:12px;background:url(../images/line_divder.jpg) no-repeat 10px 16px;}
.navbar-nav > li > .dropdown-menu li ul li a{ padding:8px 20px;}
.navbar-nav > li.dropdown a{ background:none;}
.navbar-inverse .navbar-nav > li:hover li a, .navbar-inverse .navbar-nav > li.active li a{ background:none!important;}
.dropdown-menu li ul{ display:block; position:relative; right:0px;}
.dropdown-menu li ul{ background:none!important;}

.download_btn{ display:inline-block; float:right; margin-top:50px;}
/*.header .logo{ text-align:left; display:inline-block; width:50%;}*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {left: 2%;}
.bottom_xs_border{ border-bottom:1px solid #ffffff; margin-bottom:15px; padding-bottom:15px;}
.products .orange_bg{ text-align:center;}
.innerbanner .banner_text h1 {font-size: 28px; margin-bottom: 4px;}
.mp_container .products .orange_bg h2{ min-height:55px;}
.sidemenu {margin-bottom: 30px;}
.padding72 {padding: 60px 0;}
.img_product{text-align:center; margin-bottom: 25px;}
.cls_product h2 {text-align:left;}
.cls_product ol li {text-align: left;}
.cls_about p, .cls_product p {text-align: left;}
.contact_text {margin-top: 45px;}
.row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -53%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; z-index:999; /* 6 columns */
  }
  .row-offcanvas-left .btn {background: #1785af  none repeat scroll 0 0 !important; border: 1px solid #1785af !important; color: #fff !important;padding: 8px !important; }
.left_about li {font-size:14px;}
.cls_about h1, .cls_gallery h1, .cls_product h1, .cls_contact h1 {margin:19px 0; }
.row-offcanvas.row-offcanvas-left {display: flex; }
    .video_page .cls_gallerybox iframe{ height: 350px!important;}
}

@media (max-width:768px){ 
	.client_logo{ max-width: 300px !important; margin-left: auto; margin-right: auto;}
	.cls_about h1{ text-align: center; }
}

@media only screen and (max-width:700px){
	.banner_text{ top:15%;}
	.innerbanner .banner_text {top: 24%;}
	}
@media only screen and (max-width:640px) {
	.banner_text{ position:relative; z-index:2; text-align:center; background:#c8cace; padding:20px;}
	.banner_text p{ max-width:100%;}
	.banner_text h1{text-shadow:-4px 4px #ffffff;}
	.banner_text p,.banner_text h1{ color:#000000;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ width:100%; left:0; text-align:center; bottom:5px;}
	.mp_container .clients .brang_logo a{ padding: 20px 28px;}
	.mp_container .clients .heading{ margin-bottom:20px;}
	.mp_container .about{ padding:35px 0;}
	.banner_text h1{text-shadow: -3px 1px hsl(0, 0%, 100%);}
	
}
@media (max-width: 568px) {
	.cls_gallery .col-xs-4 {width:50%;}
}
@media (max-width: 480px) {
	.contect,.float_right{ display:block; float:none; text-align:center; width:100%;}
	.float_right ul{ float:none;}
	.media{ float:none; margin-top:8px;}
	.footer_menu li{ display:block; float:left; width:100%; padding:10px; text-align: center; border-bottom:1px solid #CCC;}
	.footer_menu li:last-child{ border-bottom:none; margin-bottom:0px;}
	.footer_menu li a{ background:none; display:block;}
	.footer_bottom { text-align:center;}
	.footer_bottom p.copyright,.footer_bottom p.megh{ float:none;}
	.banner_text h1{ font-size:22px;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:2%;}
	.mp_container .clients .brang_logo a{ padding: 20px 12px;}
	.footer_menu ul, .address{ border-top:1px solid #d7d7d7; padding-top:10px;}
	.innerbanner .banner_text h1 {font-size: 24px;}
	.innerbanner .banner_text p {padding-bottom: 0;}
	 .row-offcanvas-left .sidebar-offcanvas {left: -54%; /* 6 columns */}
}

@media (max-width: 450px) {
	.mp_container .heading h1{ font-size: 28px;}
	.mp_container .clients .col-xs-4{ width:50%;}
	.mp_container .clients .brang_logo a{  padding: 15px 16px;}
	.mp_container .clients .border_bottom a{ margin-bottom:0 !important;}
	.mp_container .clients .border_right a{ border-right:#d7d7d7 1px solid;}
	.mp_container .clients .border_bottom a{ border-bottom:1px solid #d7d7d7; margin-bottom:15px; padding-bottom:15px;}
	.mp_container .clients .brang_logo a img{ width:inherit;}
	.mp_container .clients .border_xxs_bottom a{ border-bottom:none;}
	.cls_gallery .col-xs-4 {width:100%;}
	.addodintbox {float: none; margin: 0 auto;}
@media (max-width: 400px) {
	.header .logo{ margin-bottom:0; text-align:center; float:none; display:block; margin:0 auto;}
	.download_btn{ margin-top:0; float:none; text-align:center;}
	.navigation{ margin-top:20px;}
	.innerbanner .banner_text h1 {font-size: 22px;}
	.innerbanner .banner_text p {font-size: 12px;}
		 .row-offcanvas-left .sidebar-offcanvas {left: -55%; /* 6 columns */}
    .video_page .cls_gallerybox iframe{ height: 300px!important;}
@media (max-width: 360px) {
.video_page .cls_gallerybox iframe{ height: 200px!important;}
}
@media (max-width: 320px) {
	.mp_container .clients .brang_logo a{padding: 15px 7px;}
	.innerbanner .banner_text h1 {font-size: 23px;}
	.cls_about h1, .cls_gallery h1, .cls_product h1 {font-size: 21px;}
			 .row-offcanvas-left .sidebar-offcanvas {left: -56%; /* 6 columns */

}
@media (max-width : 1980px) {
	.nobullet{ list-style: none;}
}