@charset "utf-8"; 
/* CSS Document */
/*Project Name:Frequency Electromechanical Contracting [Created by WEBLINKINDIA.NET on Oct 26, 2017:Mohan]*/

@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800"); 

body{background:#fff; font:16px/23px 'Open Sans',Arial,Helvetica,sans-serif !important; color:#515151; text-align:justify}

h1, h2, h3, h4, h5, h6{font-family:'Open Sans',Arial,Helvetica,sans-serif}
h1{font:30px/30px 'Open Sans',Arial,Helvetica,sans-serif; color:#454545}
h2{font:600 30px/35px 'Open Sans',Arial,Helvetica,sans-serif; color:#131313; text-transform:uppercase}
h3{font:24px/35px 'Open Sans', sans-serif;color:#1c2736;margin-top:25px;}

.white{color:#fff;}

.minmax{min-width:1200px; max-width:100%}
.letter_s{letter-spacing:3px}
.container{width:1260px; padding-left:15px; padding-right:15px; border:0px solid #fff}
.no_pad{padding:0; margin:0}

.mw_98{max-width:98%; height:auto}
.mw_96{max-width:90%; height:auto; margin:auto}
.w97{width:80%}
.w100{width:100%}
.top-area{margin-top:9px; font:14px/18px 'Open Sans',Arial,Helvetica,sans-serif; color:#fff}
.header-bg{width:100%;background:#fff;}

.logo_area{text-align:left;margin:10px 0}
.call_icon{float:right; color:#777; font-size:14px; margin-top:20px; margin-right:30px; text-transform:uppercase}
.call_icon a{color:#777}
.email_icon{float:right; color:#777; font-size:14px; margin-right:28px; margin-top:20px}
.email_icon a{color:#777}

.soc_links{width:auto; height:19px; float:right; overflow:hidden; margin-top:20px}
.soc_links a{display:inline-block; margin-right:19px}
.soc_links a:last-child{margin-right:0px}
.soc_links img{transition:all linear 0.3s}
.soc_links img:hover{margin-top:-35px}
/*Social Networks*/
.locations{position:absolute; z-index:99; top:100%; width:85%; display:none}
.locations ul{margin:0; padding:0}
.locations ul li{margin:0; padding:0; list-style:none; float:none; position:relative}
.locations ul li a{font:600 13px/32px 'Open Sans',Arial,Helvetica,sans-serif; display:block; background:#f7f7f7; color:#000; padding:0 15px; border-bottom:1px solid #ccc; text-decoration:none; text-transform:capitalize}
.locations ul li a:hover{background:#eee}
.connect_with_us{text-align:left; margin-top:20px}

/* NAV STARTS */
.navbar-inverse{background-color:transparent; border-color:transparent}
.navbar{margin-bottom:0px}
.navbar-inverse{border:none}
3.navbar-header{padding:0px 0px 0px 0px; margin-top:0px}
.navbar{margin-top:30px}
.navbar-nav{margin-left:0px; margin-top:0px; margin-right:12px; float:right}

.navbar-nav>li>a{color:#000 !important;font-size:14px !important;font-family:'Open Sans',sans-serif !important;padding:0px 15px !important;font-weight:500;line-height:35px;background:none;text-transform:uppercase !important;  transition:all linear .6s}
.navbar-static-top .navbar-nav>.open>a, .navbar-static-top .navbar-nav>.open>a:focus, .navbar-static-top.navbar-nav>.open>a:hover{color:#ff9600; border-bottom:3px #ff9600 solid}
.navbar-inverse .navbar-nav>li.open:focus{color:#ff9600; border-bottom:3px #ff9600 solid}
.navbar-inverse .navbar-nav>li>a:hover{color:#ff9600; border-bottom:3px #333388 solid}
#hom .navbar-nav>li>a.hom, #abo .navbar-nav>li>a.abo,#pro .navbar-nav>li>a.pro, #dis .navbar-nav>li>a.dis, #con .navbar-nav>li>a.con {color:#ff9600; border-bottom:3px #333388 solid;}
.navbar-inverse .navbar-nav>.open>a, .navbar-static-top .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{color:#ff9600; border-bottom:3px #ff9600 solid}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{color:#ff9600; border-bottom:3px #333388 solid}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover{color:#ff9600; border-bottom:3px #ff9600 solid}
.dropdown-menu{background:#e2b244; background:rgba(226,178,68,0.8); margin-left:0px; width:auto; position:absolute;  padding:0px 0}
.dropdown-menu>li{list-style-type:none; list-style:none}/*border-bottom:1px solid #fff; */

.dropdown-menu>li>a{color:#fff; line-height:30px}
.dropdown-menu>li>a:hover{background:rgba(0,0,0,0.3); color:#fff}

.navbar-toggle{background:#d6ac2e; border-radius:0}
.navbar-toggle span.icon-bar{background:#fff}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:#333388;}
.navbar-inverse .navbar-toggle p{color:#fff;display:block;position:absolute;top:6px;right:11px;font-size:18px;font-weight:600;}
/* NAV ENDS */
.f_top_box{display:none; margin:0px 7px}
.top_next{margin:0; padding:0px 17px; background:#e2b244 url(../images/down-arrow.png) no-repeat 93% center; cursor:pointer; font:16px/39px 'Open Sans',Arial,Helvetica,sans-serif; color:#fff; border-radius:5px 5px 0px 0px; margin-top:26px !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; width:100%}
.top_next_act{background:#e2b244 url(../images/up-arrow.png) no-repeat 93% center}
.top_next option{font-weight:normal; display:block; white-space:pre; min-height:2.2em; padding:0px 2px 1px; background:#fff; border-bottom:1px solid #eee; color:#000; font:600 13px/32px 'Open Sans',Arial,Helvetica,sans-serif}

.dist{margin-top:30px;}
.dist-cont{padding:60px 40px 60px 40px;text-align:left;line-height:25px;}
.dist-cont h1{font:600 30px/30px 'Open Sans';color:#454545;margin-bottom:50px;}
.more-btn{display:inline-block;background:#338;color:#fff;padding:6px 20px;border-radius:26px;font-size:15px;margin-top:30px;}
.more-btn:hover{color:#fff;text-decoration:none;}

.product{margin-top:30px;}
.product-cont{padding:60px 40px 60px 40px;text-align:left;line-height:25px;}
.product-cont h1{font:600 30px/30px 'Open Sans';color:#454545;margin-bottom:50px;}
.more-btn{display:inline-block;background:#338;color:#fff;padding:6px 20px;border-radius:26px;font-size:15px;margin-top:30px;}
.more-btn:hover{color:#fff;text-decoration:none;}
.contact-info{width:100%; height:auto}

/*welcome*/
.wel-bg{background:url(../images/wel-bg.jpg) no-repeat center;padding:50px 0 60px 0;min-height:480px;margin-top:40px;}
.wel-bg h1{text-align:center;color:#000;font:600 30px/25px Open Sans;margin-bottom:30px;}
.wel-text{font:14px/25px Open Sans;padding:50px 50px;text-align:center;margin-top:40px;color:#000;background:rgba(255, 255, 255, 0.82);margin:0 auto;width:80%;}
.wel-text .more-btn{display:inline-block;background:#338;color:#fff;padding:6px 20px;border-radius:26px;font-size:15px;margin-top:30px;}
.wel-text .more-btn:hover{color:#fff;text-decoration:none;}
/*welcome end*/

.trust{margin:30px 0 0 0;}
.trust h1 {font:700 30px/30px 'Open Sans';color:#454545;text-align:center;margin-bottom:20px;}
/*Owl slide*/

.slide-bg{background:#000;padding:0 0 25px 0;}
.car-lu{height:100%;overflow:hidden;margin-top:15px!important;width:100%;}
.car-lu{margin:0;padding:0;}
.car-lu li{list-style:none;float:left;width:25%;}
.price-panel{width:100%;display:block;padding:10px 0px 20px 0;text-align:center;font-size:15px;line-height:22px;color:#000;overflow:hidden;background:#fff; border-radius:0 0 5px 5px;}
.recmnd-cont{width:200px;margin:0px auto;transition:all linear .6s;}
.recmnd-cont .pro-img{width:200px;height:75px;overflow:hidden;margin:0px auto;}
.recmnd-cont .pro-img figure{width:200px;height:75px;display:table-cell;vertical-align:middle;text-align:center;}
.recmnd-cont .pro-img figure img{max-width:100%;height:auto;}


/*Owl slide*/




/*footer*/
.footer_bg{background:url(../images/footer-bg.jpg) no-repeat center; padding:95px 0 25px 0; margin-top:115px;min-height:360px;}
footer h4{font-weight:500;color:#fff;display:inline-block;margin-bottom:0px;text-align:left;text-transform:uppercase;font-size:18px;background:url(../images/heading-line.png) no-repeat right;width:100%;}
.desk_show {display: inline-block;}
.mob_only {display: none;}
.f_dd_box {margin: 22px 0 0 0;}
.ft_links {margin: 0;padding: 0;}
.ft_links li {margin: 0;padding: 0;list-style:none;}
footer .ft_links a{display:inline-block;color:#b0b0b0;font-size:14px;font-weight:500;line-height:30px;}
footer .ft_links a:hover {text-decoration: none;color: #fff;}
.social-link {float: left;margin-top: 6px;}
.social-link a {margin: 0 0 10px 8px;display: inline-block;transition: .3s;}
.social-link a:hover {transform: scale(1.1,1.1);}
.ft-logo {float: right; margin-top: 28px;color: #b0b0b0;}
.ft-logo p {float: right;text-align: right;color: #b0b0b0;}
.ft-logo p a {color: #aaa;}
.ft-logo p {float: right;text-align: right;color: #aaa;}
/*.footer_sec1{width:32%; float:left; border:0px solid #fff}*/
.quick{background:url(../images/quick-strip.png) no-repeat 120px 9px;}
.quick-in{background:url(../images/footer-bg.jpg) repeat; font-size:16px; font-weight:600; color:#fff; text-transform:uppercase; display:inline-block; padding:0 20px 0 0}


.loc_area span{display:block; font-weight:700; color:#fff}
.ft-line{padding:6px 0px; margin:0px}
.ft-line img{display:block}
.ft_link{}
.ft_link a{font:14px/27px 'Open Sans',Arial,Helvetica,sans-serif; color:#fff; display:block; transition:.4s linear all}
.ft_link a:hover{color:#fff}
.ft_link2 a{font:13px/18px 'Open Sans',Arial,Helvetica,sans-serif; color:#977fbe; float:left; width:49%}
.ft_link2 a:hover{color:#fff}

.ft-logo{margin-top:10px;float:right}
.copyright{text-align:center; line-height:14px; font-size:12px; margin-top:20px; color:#fff; font-family:Open Sans,Arial,Helvetica,sans-serif}
.copyright a{color:#fff}
.copyright_bg{background:#fff; padding:10px 0; font-weight:600; color:#868686; font-size:13px}
.copyright_bg a{color:#868686}
.copyright_sec1{width:50%; float:left; padding-right:20px}
.copyright_sec3{width:32%; float:right; margin-top:15px; text-align:right}

.copy{text-align:right; font-size:13px}

.footer-top{background:#e8b937; top:-152px; position:absolute; z-index:99; left:0; right:0; width:100%}
.middle{width:99%; float:left; padding:17px 28px}

.middle .fa{background:#000; border-radius:50%; padding:17px; color:#fff; font-size:42px; text-align:center; float:left; width:76px; height:76px}
.middle .text{font-size:14px; text-transform:uppercase; color:#fff; line-height:24px; float:left; text-align:left; width:70%; margin-left:15px; font-family:Open Sans,Arial,Helvetica,sans-serif}

.middle .text1{font-size:14px; color:#fff; line-height:24px; float:left; text-align:left; width:70%; margin-left:15px; font-family:Open Sans,Arial,Helvetica,sans-serif; margin-top:23px}

.middle .text2{font-size:14px; color:#fff; line-height:24px; float:left; text-align:left; width:70%; margin-left:15px; font-family:Open Sans,Arial,Helvetica,sans-serif; margin-top:25px}

.social li{list-style:none; float:left; margin:5px 3px}
.social li a{padding:9px; text-align:center; color:#000; background:#fff; border-radius:22px; font-size:18px; width:44px; height:44px}

/*footer

/* TREE */
.breadcrumb_outer{background:#333388; border-bottom:3px solid ##333388}
.breadcrumb_outer .breadcrumb{margin:0; font-size:14px; color:#fff; background:none; padding:6px 0}
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover{color:#fff}
.breadcrumb li.active{color:#fff}
.breadcrumb>li+li:before{padding:0 5px; color:#fff; content:"/\00a0"}
/* TREE CLASSES */
/* CMS AREA */
.mid_area{padding-top:20px; padding-bottom:20px; margin-bottom:20px}
.cms_area{line-height:24px; font:14px/23px 'Open Sans',Arial,Helvetica,sans-serif; min-height:200px; margin-bottom:20px}
.cms_area ul, .cms_area ol{font:14px/23px 'Open Sans',Arial,Helvetica,sans-serif; /*margin:30px 0px 30px 50px*/}
.cms_pc{float:right; margin:5px 0 10px 10px; max-width:100%; border:1px solid #ddd; padding:5px}
/* CMS AREA ENDS */

.prod{list-style:none;margin:0; padding:0;}
.prod li{list-style:none;margin:0; padding:0;}
.prod a{display:inline-block;padding:14px 30px;background:#e8b937 url(../images/arr.png) no-repeat 98% center;font:600 16px/20px "open Sans";margin:5px 5px 20px 5px;color:#000;width:32%;float:left;text-transform:capitalize;transition:all linear 0.3s;border:1px dashed #666;border-radius:26px;}
.prod a:hover{border:1px dashed #000;text-decoration:none;box-shadow:1px 0 5px #eee;color:#fff;background:#e8b937 url(../images/arr.png) no-repeat 1% center;padding:14px 30px 14px 55px;width:32%;font: 600 16px/20px "open Sans";}
.prod h1{font:600 24px/30px 'Open Sans',sans-serif;color:#000;margin-top:10px;display:inline-block;}
.distri{margin-top:20px;list-style:none;}
.distri li{margin:10px 0;padding-left:35px;list-style:none;background:url(../images/bullet.png) no-repeat 0px 0px;line-height:26px;}


/* CONTACTS */
.contact_box{}
.contact_form input[type=text], .contact_form select, .contact_form textarea{width:49%; padding:7px 10px; color:#666 !important; border:2px solid #ddd; border-radius:3px; font:400 14px/20px 'Roboto',Arial,Helvetica,sans-serif; margin:0}
.contact_form .large{width:98.8% !important}
.call{background:url(../images/call3.png) no-repeat left top; padding:0 0 0 75px; min-height:61px}
.email{background:url(../images/email.png) no-repeat left top; padding:5px 0 0 75px; min-height:61px}
.web{background:url(../images/web.png) no-repeat left top; padding:5px 0 0 75px; min-height:61px}
.feedback{width:100%; padding:10px; background:#fff; box-shadow:0px 0px 10px #ccc}
.btn-warning{color:#fff; background-color:#259bcb; border-color:#259bcb}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning{color:#fff; background-color:#0099d7; border-color:#0099d7}

.btn-danger{color:#fff; background-color:#e2b244; border-color:#e2b244}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger{color:#fff; background-color:#c01e1f; border-color:#c01e1f}
/* CONTACTS ENDS */

/* details */
.sitemap{text-align:left; padding:30px auto}
.sitemap a{display:inline-block; padding:5px 30px; background:url(../images/fq-r.png) no-repeat 8px center; font:400 13px/20px 'Roboto',Arial,Helvetica,sans-serif; margin:5px 5px; color:#666; width:32%; float:left; border:1px solid #ddd}
.sitemap a:hover{color:#000; border:1px solid #666}


/*animated*/
.animated{animation-duration:1s; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out}

.animated2{animation-duration:.5s; -webkit-animation-duration:.5s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out}

.animated3{animation-duration:1s; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out}

.animated4{animation-duration:3s; -webkit-animation-duration:3s; -webkit-animation-fill-mode:both;  animation-fill-mode:both; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out}

@keyframes fade_eff{0%{opacity:0; transform:translateY(-20px); -webkit-transform:translateY(-20px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}

@-webkit-keyframes fade_eff{0%{opacity:0; transform:translateY(-20px); -webkit-transform:translateY(-20px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}
.fade_eff{animation-name:fade_eff; -webkit-animation-name:fade_eff}

@keyframes scale_eff{0%{opacity:0; transform:scale(0); -webkit-transform:scale(0)}
100%{opacity:1; transform:scale(1); -webkit-transform:scale(1)}
}

@-webkit-keyframes scale_eff{0%{opacity:0; transform:scale(0); -webkit-transform:scale(0)}
100%{opacity:1; transform:scale(1); -webkit-transform:scale(1)}
}
.scale_eff{animation-name:scale_eff; -webkit-animation-name:scale_eff}

@keyframes drop_eff{0%{opacity:0; transform:translateY(200px); -webkit-transform:translateY(200px)}
80%{transform:translateY(-20px); -webkit-transform:translateY(-20px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}

@-webkit-keyframes drop_eff{0%{opacity:0; transform:translateY(200px); -webkit-transform:translateY(200px)}
80%{transform:translateY(-20px); -webkit-transform:translateY(-20px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}
.drop_eff{animation-name:drop_eff; -webkit-animation-name:drop_eff; -moz-animation-name:drop_eff; -o-animation-name:drop_eff}

@keyframes drop_eff2{0%{opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px)}
100%{transform:translateY(0px); -webkit-transform:translateY(0px)}
}

@-webkit-keyframes drop_eff2{0%{opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px)}
100%{transform:translateY(0px); -webkit-transform:translateY(0px)}
}
.drop_eff2{animation-name:drop_eff2; -webkit-animation-name:drop_eff2}

@keyframes drop_eff3{0%{opacity:0; transform:translateY(-100px); -webkit-transform:translateY(-100px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}

@-webkit-keyframes drop_eff3{0%{opacity:0; transform:translateY(-100px); -webkit-transform:translateY(-100px)}
100%{opacity:1; transform:translateY(0); -webkit-transform:translateY(0)}
}

.drop_eff3{animation-name:drop_eff3; -webkit-animation-name:drop_eff3; -moz-animation-name:drop_eff3; -o-animation-name:drop_eff3}

@keyframes drop_eff4{0%{opacity:0; transform:translateX(-100px); -webkit-transform:translateX(-100px)}
100%{transform:translateX(0px); -webkit-transform:translateX(0px)}
}

@-webkit-keyframes drop_eff4{0%{opacity:0; transform:translateX(-100px); -webkit-transform:translateX(-100px)}
100%{transform:translateX(0px); -webkit-transform:translateX(0px)}
}
.drop_eff4{animation-name:drop_eff4; -webkit-animation-name:drop_eff4}

@keyframes drop_eff5{0%{opacity:0; transform:translateX(100px); -webkit-transform:translateX(100px)}
100%{transform:translateX(0px); -webkit-transform:translateX(0px)}
}

@-webkit-keyframes drop_eff5{0%{opacity:0; transform:translateX(100px); -webkit-transform:translateX(100px)}
100%{transform:translateX(0px); -webkit-transform:translateX(0px)}
}
.drop_eff5{animation-name:drop_eff5; -webkit-animation-name:drop_eff5}

@-webkit-keyframes shake_eff{0%,100%{-webkit-transform:translateX(0); transform:translateX(0)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-3px); transform:translateX(-3px)}
20%, 40%, 60%, 80%{-webkit-transform:translateX(3px); transform:translateX(3px)}
}

@keyframes shake_eff{0%,100%{-webkit-transform:translateX(0); transform:translateX(0)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-3px); transform:translateX(-3px)}
20%, 40%, 60%, 80%{-webkit-transform:translateX(3px); transform:translateX(3px)}
}
.shake_eff{-webkit-animation-name:shake_eff; animation-name:shake_eff}

 /* FANCY BOX */
.fancybox-close{position:absolute; top:2px !important; right:2px !important; width:24px; height:24px; cursor ointer; z-index:8040; background:url(../images/x.png) no-repeat center center !important}
.fancybox-close:hover{background:url(../images/x2.png) no-repeat center center !important}
.fancybox-skin{-webkit-border-radius:2px !important; -moz-border-radius:2px !important; border-radius:2px !important}
.fancybox-overlay{background:rgba(0,0,0,.8) !important}
/* FANCY BOX */ 
/* ======================================================================================================
   MEDIA QUERIES
   =====================================================================================================*/
/* ================= Desktop/Laptop below 1280px  ================= */
@media only screen and (max-width:1279px){.container{width:100%; padding-left:10px; padding-right:10px}

/*footer*/
.copyright_sec1{width:20%}
.copyright_sec3{width:40%}
/*footer*/
}

/* ================= Desktop/Laptop below 1152px  ================= */
@media only screen and (max-width:1151px){.container{width:100%; padding-left:15px; padding-right:15px}

.navbar{width:100%}
.navbar-nav>li>a{font-size:14px !important; padding:0px 10px !important; text-transform:uppercase !important}
.dist-cont {padding:20px 40px 20px 40px;}
.dist-cont h1 {margin-bottom: 20px;}
.more-btn {margin-top: 20px;}

.product-cont {padding:20px 40px 20px 40px;}
.product-cont h1 {margin-bottom: 20px;}
.more-btn {margin-top: 20px;}

.footer_bg {background: url(../images/footer-bg-1.jpg) repeat;padding:5px 0 25px 0;margin-top:140px;min-height:230px;}
.social-link a {
    margin: 0px 5px 10px 5px;
}
footer h4{margin-top:20px;}
.footer-top {top:-119px;}
.middle{width:98%}
.middle .text{width:67%}
.middle .text1{width:67%}
.middle .text2{width:67%}

}

/* ================= Tablet (Portrait) 768px - 959px ================= */
@media only screen and (max-width:991px){h1{font:26px/26px 'Open Sans',Arial,Helvetica,sans-serif; color:#454545}
.wel-bg h1{font-size:34px; line-height:34px}
.wel-bg h1 span{line-height:20px; font-size:20px}
.logo_area{text-align:center}
.call_icon{float:left; color:#777; font-size:13px; margin-top:23px; margin-right:0px; text-transform:uppercase}
.menu-lft{float:left; width:55px}
.email_icon{float:right; color:#777; font-size:13px; margin-right:10px; margin-top:20px}
.top_next{margin:0; padding:0px 17px; background:#e2b244 url(../images/down-arrow.png) no-repeat 93% center; cursor:pointer; font:16px/39px 'Open Sans',Arial,Helvetica,sans-serif; color:#fff; border-radius:5px 5px 0px 0px; margin-top:12px}
.top_next_act{background:#e2b244 url(../images/up-arrow.png) no-repeat 93% center}
.locations{position:absolute; z-index:99; top:100%; width:84%; display:none}
.navbar-collapse{padding-left:0px; padding-right:0px}



.service-title{font:18px/20px 'Open Sans',Arial,Helvetica,sans-serif; color:#000; text-transform:uppercase}
.service-box{width:95%; margin:0 auto}

.wlcm-cont h1{font-size:26px; line-height:26px; color:#fff; font-weight:600; text-transform:capitalize}

.heading2{font:600 26px/26px 'Open Sans',sans-serif; color:#fff}
.wel-text {padding: 30px 30px;width: 98%;}
.wel-bg {background:#23236d;padding:50px 0 60px 0;min-height: 450px;margin-top: 10px;}


/*footer*/

.footer_bg {margin-top:20px;}
.ft-logo{float:none; width:100% !important; margin:10px auto 0; display:inline-block; text-align:center}
.ft-logo p{float:none;text-align:center;color:#aaa;}
.loc_area{width:100%; float:none; margin-top:18px}
.loc_area_l{width:48%; margin-right:2%}

.copyright_sec1{width:100%; float:none; text-align:center; margin-top:5px}
.copyright_sec2{width:100%; float:none; text-align:center; margin-top:5px; padding:15px 0 0 25px}
.copyright_sec3{width:100%; float:none; text-align:center; margin-top:5px; text-align:center}
/*footer*/
.sitemap a{width:48%; float:left}


.soc_links1{margin:1px 0px 0px 0px; text-align:center}
/*Footer Social Networks*/
.copy{text-align:center; font-size:13px}
.news_cnt{width:100%}
.footer-top{top:0; position:static; margin-bottom:15px}
.middle .fa{ padding:7px;  color:#fff;  font-size:15px;  width:30px;  height:30px;margin-top:10px;}
.middle{ width:100%; padding:10px; float:none}
.middle .text{ line-height:14px}
.middle .text1{ margin-top:12px}
.middle .text2{ margin-top:2px}
.prod a{width:48.5%;}.prod a:hover{width:48.5%;}
}

/* ================= Mobile (Landscape) 480px - 767px ================= */
@media only screen and (max-width:767px){.navbar{min-height:auto}
h1{font:24px/26px 'Open Sans',Arial,Helvetica,sans-serif; color:#454545}
h3{font:bold 30px/30px 'Open Sans',Arial,Helvetica,sans-serif; color:#1c2736; text-transform:uppercase}
.wel-bg h1{font-size:30px; line-height:32px}
.searh-rels{    margin-top:0px}
.navbar-collapse.in{    display:block !important;     position:absolute;     z-index:999;     width:100%;     left:0;     background:#121f3f;     top:39px}
.wel-bg h1 span{line-height:20px; font-size:18px}
.logo_area{text-align:left; width:200px; margin:10px auto}
.soc_links{margin:25px 0px 7px 0px; text-align:center; float:none}
.email_icon{float:none; color:#777; font-size:14px; margin-right:0px; margin-top:10px; text-align:center}
.call_icon{float:none; color:#777; font-size:14px; margin-top:12px; margin-right:0px; text-transform:uppercase; text-align:center}
.locations{position:absolute; z-index:99; top:100%; width:95%; display:none}
.wlcm-cont h1{font-size:24px; line-height:26px; color:#fff; font-weight:600; text-transform:capitalize}

.soc_links{margin:5px 0px 7px 0px; text-align:center}
.menu-lft{    float:none;     width:100%}


/* NAV STARTS */
nav{margin-top:0px; position:relative}
.navbar{width:100%;float:right; min-height:auto}
.navbar-header{padding:0px; margin-top:0px}
.navbar-nav>li>a{height:auto; margin:0px 0px 0px 0px; line-height:38px; border-bottom:1px solid #ccc}
.navbar-toggle{position:relative; float:right; padding:18px 0px; margin-top:0; margin-right:0px; margin-bottom:0px; background-color:#231f20; background:#333388 url(../images/nav-icon.png) no-repeat 10px 8px;  width:100%; height:23px; border:0px solid #000; border-radius:0px}

.navbar-nav >li{float:right; margin-top:0px; border-bottom:1px solid #fff}
#navbar{position:absolute; z-index:999; width:100%; background:#e2b244; top:100%; left:0}
.navbar-static-top .navbar-nav>li>a{color:#fff; padding-top:0px; padding-bottom:0px; padding:0px 0px 0px 20px; font:14px/36px 'Open Sans',sans-serif; text-align:left; background:#e2b244; z-index:999; border-bottom:0px solid #ec5e61}
.navbar-static-top .navbar-nav>li.act>a{color:#fff; background:#b71617; border-bottom:0px solid #ec5e61}
.navbar-static-top .navbar-nav>li>a.act{color:#fff; background:#b71617; border-bottom:0px solid #ec5e61}
.navbar-static-top .navbar-nav>li>a:hover{color:#fff; background:#b71617; border-bottom:0px solid #cf3236}
.navbar-inverse .navbar-nav>li>a.act {color: #ff9600;border-bottom:0px #333388 solid;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{color:#ff9600;border-bottom:0px #333388 solid;}
.navbar-static-top .navbar-nav>.open>a, .navbar-static-top .navbar-nav>.open>a:focus, .navbar-static-top
.navbar-nav>.open>a:hover{color:#fff; background:#b71617; border-bottom:0px solid #ec5e61}
.nav >li >a:hover, .nav >li >a:focus{background-color:#fff; color:#000 !important; text-decoration:none; border-bottom:0px solid #b9131a}
ul.navbar-nav a:hover, ul.navbar-nav a.act, .hom ul.navbar-nav #hom, .abo ul.navbar-nav #abo, .cont ul.navbar-nav #cont, .serv ul.navbar-nav #serv, .board ul.navbar-nav #board{color:#fff !important; text-decoration:none; background:#d9ab41 !important}
.navbar-nav .open .dropdown-menu >li >a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 0px 5px 0px}
.navbar-nav .open .dropdown-menu{background-color:#666; border:0px none; box-shadow:none; float:none; margin-top:0; height:auto; position:static; width:auto}
.dropdown-menu{padding:0px 0; margin:0px 0 0}
.dropdown-menu>li{border-bottom:1px solid #e2b244}
.navbar-toggle{display:block !important}
.navbar-header{float:none !important}
.navbar-nav >li{float:none !important}
.collapse{display:block !important}
.navbar-collapse{display:none}
.navbar-collapse.collapse{display:none !important; height:auto !important; overflow:visible !important; padding-bottom:0}
.navbar-collapse.in{display:block !important;position:absolute;z-index:999;width:100%;left:0; background:#fff;top:130px}
.navbar-nav{float:none !important; margin:0}

.navbar{position:inherit !important;margin:0;}
.nv-rel{position:relative}
.nv-rel .col-md-8, .col-sm-6, .col-xs-12{position:static !important}
/* NAV ENDS */


ul.float_3x3 li{margin:0px 0px 20px 0px; padding:0; list-style:none; float:none; position:relative; width:100%}

.wlcm-cont .fs18{font-size:16px}
.wlcm-cont .fs26{font-size:20px}


/*footer*/

.desk_show {display: none;}
.dd_next{ border-bottom:1px dotted #fff; padding:7px 0; background:url(../images/p3.png) no-repeat 100% center; cursor:pointer;text-transform: uppercase;}
.dd_next_act{background:url(../images/p4.png) no-repeat 100% center;}

.sntwrks{ margin-top:8px; float:left;  width:260px;}
footer .contct_dtls{width:90%; margin-top:5px;}
footer .spacr{ padding-right:0}
.mob-div{ width:100%; margin-bottom:0px; margin-top:0px;}
.ft_links{ margin-left:0px;}
.ft-logo {float: none; margin-top: 15px; text-align: center;}
.copy-rght{ font-size:12px; text-align:center; padding-top:15px;}
.f_dd_box {margin: 10px 0 0 0;}
.mob_only {display: block;}
.f_dd_box {display: none;}
footer .contct-dtls{ margin-top:20px;}
/*footer*/


/* CONTACT US */
.contact_box .col-xs-12{padding:0}
.contact_box .row{margin-right:0; margin-left:0; padding-bottom:25px;}
.contact_form input[type=text], .contact_form select, .contact_form textarea{width:100%; padding:7px 10px; color:#666 !important;  border:2px solid #ddd; border-radius:3px; font:400 14px/20px 'Roboto',Arial,Helvetica,sans-serif; margin:0; margin-bottom:5px}
.contact_form .mt5{margin-top:0px}
.contact_form .large{width:100% !important}
/* CONTACT US */
.cat_list ul li{float:none; width:100%}
.sitemap a{width:100%; float:none; margin:5px 0px}
.ft-line{padding:6px 0px; margin:0px; width:100%; border-bottom:3px solid #f7b508}
.sitemap .fs18{font-size:16px}
.db-600{display:block}

.navbar-collapse{padding-right:0px; padding-left:0px}
/* client */
.clienti li{list-style:none; float:left; width:33.333%}
.prod a{width:100%;}.prod a:hover{width:100%;}
/* client end */
}

@media only screen and (max-width:600px){.wlcm-cont{width:100%; padding:20px 0px 20px 0px}
/* CMS AREA */
.mid_area{padding:20px 10px; margin-bottom:20px}
/* CMS AREA ENDS */
/* client */
.clienti li{list-style:none; float:left; width:50%}
/* client end */
.dist-cont {padding: 20px 0px 20px 0px;}
.product-cont {padding:20px 0px 20px 0px;}

}

/* ================= Mobile (Portrait) below 480px  ================= */
@media only screen and (max-width:479px){h1{font:bold 18px/20px 'Open Sans',Arial,Helvetica,sans-serif; color:#454545}
.wel-bg h1{font-size:24px; line-height:28px}
.wel-bg h1 span{line-height:18px; font-size:17px}

.post{float:none; text-align:center}
.form-control{display:block; width:100%; height:34px; padding:6px 12px; font-size:11px; line-height:1.42857143; color:hsl(0,0%,33%); background-color:hsl(0,0%,100%); background-image:none; border:1px solid hsl(0,0%,80%); border-radius:4px; -webkit-box-shadow:inset 0 1px 1px hsla(0,0%,0%,0.075); box-shadow:inset 0 1px 1px hsla(0,0%,0%,0.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}

.top_next{margin:0; padding:0px 17px; background:#e2b244 url(../images/down-arrow.png) no-repeat 95% center; cursor:pointer; font:16px/39px 'Open Sans',Arial,Helvetica,sans-serif; color:#fff; border-radius:0px 0px 0px 0px; margin-top:0px}
.top_next_act{background:#e2b244 url(../images/up-arrow.png) no-repeat 95% center}

.call{min-height:auto; margin-top:0px; margin-top:10px;padding: 5px 0 10px 75px;}
.email{min-height:auto; margin-top:0px; margin-top:10px;padding: 5px 0 10px 75px;}
.web{min-height:auto; margin-top:10px;padding: 5px 0 10px 75px;}

/*solution-listing-start*/
.pro_area3{width:260px}

.sitemap .fs18{font-size:15px}

.short_form .w36{ float:left;  width:100%;  text-align:left}
.short_form input[type=text], .short_form input[type=password], .short_form input[type=file], .short_form select, .short_form textarea, .short_form .fls{ padding:9px;  width:100%;  box-shadow:0 5px 5px rgba(0,0,0,.07) inset;  border-radius:2px;  border:1px solid #ccc}
.short_form .w62{ float:left;  width:100%}
.box{ width:100%;  background:#FFF;  margin:0px auto;  padding:0 20px}
.arae{padding:20px 0px}
.arae .col-xs-12{padding-left:0; padding-right:0px}
/* client */
.clienti li{list-style:none; float:left; width:100%}
/* client end */
.social li a{ padding:7px;  text-align:center;  color:#000;  background:#fff;  border-radius:22px;  font-size:18px;  width:39px;  height:39px}
}

@media only screen and (max-width:320px){.wel-bg h1{font-size:20px; line-height:24px}
.locations{position:absolute; z-index:99; top:100%; width:90%; display:none}
/*.srch-inr{background:#fff; border:1px solid #dadada; width:100%; float:left; margin-right:2px; overflow:hidden}*/
}