/*
Theme Name: TGFS
Theme URI: 
Author: Satyajit Chowdhury
Author URI: https://wordpress.org/
Description: Our TGFS theme is clean, blog-focused, and desigbodyned for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: TGFS

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - 
 
 
 
 
 
 
 
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */

.panel-body .page-list.circle-cost li:after {
    background: #184082 none repeat scroll 0 0 ;
    border-radius: 50%;
    content: "";
    height: 11px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 11px;
}
.panel-body .page-list.circle-cost li {display:block; position:relative; padding-left:20px;list-style:none !important;}

 html{height: 100%;}
.padded{padding: 0;}
.clearfix{clear: both;}
body{background: #ecf2f3;font: 15px "Roboto",'Arial',sans-serif;margin: 0;padding: 0;height: 100%;color: #333;}
.heading{position: relative;display: inline-block;margin-bottom: 30px;width: 100%;}
.heading h1{font:600 80px/80px "Roboto",'Arial',sans-serif;letter-spacing: 10px;text-transform: uppercase;color: #f0f0f0;margin-top: 0;}
.heading h1:after{bottom: 10px;content: "";height: 3px;left: 37%;position: absolute;width: 50px;background: #298cc6;}
.heading h2{color: #16314e;font: 700 21px "Roboto","Arial",sans-serif;left: 0;padding-left: 18%;position: absolute;text-transform: capitalize;top: 23%;transform: translate(0px, -25%);width: 100%;}
.midHeight{position: relative;min-height: 100%;padding-bottom: 460px;}
.icon-bar{background: #fff;}
.navbar-brand{color: #fff;display: none;font-weight: 700;padding: 15px 0;}
.navbar-toggle{margin-right: 0 !important;}
.hDsearch{ display: none;position:absolute;right:50px;top:0; background: #0774b3; width: 200px; padding: 5px 0 5px; font: 500 14px "Roboto","Arial",sans-serif; color: #fff; border: none;border-bottom: 1px solid #fff;}
.hDsearch::-webkit-placeholder{color:#fff;}
.hDsearch::-moz-placeholder{opacity:1;color:#fff;}
.searchD{ display: table; width: 100%;}
.header-image img{height:490px;}
.panel-body{color:#000;}
.panel-body ol{list-style: inside none disc; padding: 10px;}
.panel-body li{color:#000; list-style: inside none disc;}
.panel-body p{color:#000 !important; line-height:normal !important;}
/******************************Header Section CSS***************************************/
.top{background: #0774b3;padding: 10px 0;}
.top ul{margin: 0;padding: 0;}
.top ul li{display: inline-block;}
.top ul li a{color: #fff;font-size: 16px;padding: 0 0 0 15px;}
.top ul li:last-child a{width: 30px;height: 30px;border: 1px solid #fff;border-radius: 50%;text-align: center;line-height: 25px;padding: 0;display: block;margin-left: 10px;}
.middle{background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f9f9fa 25%, #e5e4e8 80%, #e1e0e4 100%) repeat scroll 0 0;padding: 10px 0;}
.middle ul{margin: 0;padding: 0;}
.middle ul li{display: inline-block;padding: 30px 7px 0 40px;width: auto;position: relative;text-align: left;color: #9692a0;margin-left: 25px; float:right;}
.middle ul li:before{content: "";height: 25px;position: absolute;left: -20px;top: 40px;width: 1px;background: #cfcfd0;}
.middle ul li:last-child:before{display: none;}
.middle ul li i{width: 25px;height: 42px;background: url("images/sprite.png") no-repeat;position: absolute;left: 0;top: 30px;}
.middle ul li .map{ background-position: left top;}
.middle ul li .envelope{width: 24px;height: 35px;background: url("images/envelope.png") no-repeat;}
.middle ul li .call{ background-position: right top;width: 30px;}
.middle ul li span{display: block;width: 100%;text-align: left;color: #232932;padding-top: 5px;}
.menu{background: #2b94d1;padding: 5px 0;}
.menu ul{margin: 0;padding: 0;border: 1px solid rgba(255, 255, 255, 0.25);}
.menu ul li{display: inline-block;padding: 10px 0;position: relative;}
.menu ul li a{color: #fff;font:700 14px "Roboto",'Arial',sans-serif;text-transform: uppercase;border-right: 1px dashed rgba(255, 255, 255, 0.4);display: block;padding: 5px 26px;transition: all 500ms ease;}
.menu ul li a:hover{color: #000;}
.menu ul li:last-child a{border-right: none;}
.menu ul li ul{position: absolute;top: 100%;left: 0;background: #2b94d1;z-index: 9999999;width: 250px;border:none;display: none;transition: all 500ms ease;}
.menu ul li ul li{padding: 0;position: relative;display:block;width:100%;}
.menu ul li i{position: absolute;right: 25px;cursor: pointer;top: 15px;display: none;color: #fff;
transition: all 500ms ease;}
.menu ul li:hover i{color: #000;}
.menu ul li ul li a{font-size: 14px;border-right: none;padding: 0 15px 10px 15px;}
.menu ul li ul li:first-child a{padding-top: 10px;}
.menu ul li:hover ul{display: block;}
/*********************************Slider CSS*****************************************/
.slider{padding: 20px 0; background-color:#ECF1F4;}
.slider .carousel-caption{bottom: 35%;
left: 20px;width: 365px;padding: 0;text-align: left;}
.slider .carousel-caption h1{text-shadow: none;font:600 18px/24px "Roboto",'Arial',sans-serif;color: #fff;text-align: left;padding: 10px 15px;margin: 0;background: rgba(0,0,0,0.8);position: relative;display: inline-block;width: auto;text-transform: uppercase;}
.slider .carousel-caption h1:after{content: "";position: absolute;left: 0;top: 100%;width: 100%;height: 1px;background: rgba(255,255,255,0.5);}
.slider .carousel-caption p{padding: 10px 15px 4px;text-shadow: none;font:17px/24px "Roboto",'Arial',sans-serif;color: #fff;text-align: left;background: rgba(0,0,0,0.5);}
.slider .carousel-indicators li{background: rgba(255,255,255,0.3);border-color: transparent;width: 14px;height: 14px;}
.slider .carousel-indicators{bottom: 5px;}
.slider .carousel-indicators li.active{background: rgba(255,255,255,0.75);border-color: transparent;width: 14px;height: 14px;}
.slider .box{padding: 15px;background:  linear-gradient(to bottom,  #55a9ec 0%,#328acf 50%, #0f82dc 100%);border: 3px solid #015496;margin-bottom: 15px;transition: all 500ms ease;}
.slider .box:first-child{background:  linear-gradient(to bottom,  #ffa302 0%,#ffa302 50%, #ea7000 100%);border: 3px solid #c15600;}
.slider .box:last-child{background:  linear-gradient(to bottom,  #5fa505 0%,#548f07 50%, #45720b 100%);border: 3px solid #2d4e03;margin-bottom: 0;}
.slider .box a:hover{color: #015496;}
.slider .box:first-child a:hover{color: #c15600;}
.slider .box:last-child a:hover{color: #2d4e03;}
.slider .box h2,.slider .box h3,.slider .box h4{margin: 0 0 15px 0;font:600 17px/18px "Roboto",'Arial',sans-serif;color: #fff;text-shadow: 0 1px 1px rgba(0,0,0,0.3);text-transform: uppercase;}
.slider .box p{margin: 0 0 15px 0;font: 12px/18px "Roboto",'Arial',sans-serif;color: #fff;text-shadow: 0 1px 1px rgba(0,0,0,0.3);}
.slider .box a{display: inline-block;padding: 8px 15px;background: #fff;font:700 12px/18px "Roboto",'Arial',sans-serif;text-transform: uppercase;color: #333;border-radius: 5px;box-shadow: ;}
.slider .item img{height: 490px !important;}
.item p{margin-left: 22px;}
/*********************************Welcome CSS*****************************************/
.welcome{padding: 20px 0;background: #fff;}
.welcome p{color: #333;font:16px/18px "Roboto","Arial",sans-serif;text-align: left;margin-bottom: 20px;}
.contactwelcome {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  -webkit-box-shadow: 1px 4px 0px #666666;
  -moz-box-shadow: 1px 4px 0px #666666;
  box-shadow: 1px 4px 0px #666666;
  font-family: Georgia;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.contactwelcome:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
#commentform p{width:100%; margin:10px;}
#commentform p .submit{ float:left; background: #2b94d1; border-radius: 3px; padding: 11px 0px; font-size: 16px; color: #fff; border: none;font-weight: bold; }
.comment-meta{z-index:-1;}
.comment-list li{margin:20px 0 !important;}
.comment-respond{ padding:10px; margin:20px 0; }
.comment-reply-title{ padding:10px; margin:5px 20px; }
.comment-author{margin:20px 0px;}
/*********************************Services CSS*****************************************/
.services{background-image: url("images/servicebg.jpg");background-repeat:  no-repeat;background-attachment: fixed;background-size: cover;padding:30px 0 20px 0;position: relative;}
.services:before{content: "";position: absolute;top: 0;left: 0;background: rgba(246,247,248,0.9);
z-index: 1;width: 100%;height: 100%;}
.services .heading{z-index: 2;}
.services .heading h1{color: #d5d6d8;}
.services .heading h2{padding-left: 13%;font-size: 24px;}
.services .heading h1:after{left: 13%;}
.services .servD{position: relative;z-index: 2;margin-bottom: 50px;display: table;width: 100%;}
.services .servD h1{font:700 15px/20px "Roboto","Arial",sans-serif;color: #555;height: 40px;text-transform: uppercase; margin-top:10px;}
.services .servD p{font: 12px/18px "Roboto","Arial",sans-serif;color: #696969;height: 90px;}
.services .servD a{font:700 12px/18px "Roboto","Arial",sans-serif;color: #696969;transition: all 500ms ease;text-transform: uppercase;}
.services .servD a i{padding-left: 10px;}
.services .servD a:hover{color: #2b94d1;}
#mc4wp-form-1 input[type="text"], #mc4wp-form-1 input[type="email"]{font-size:12px; color:#000 !important; font-weight:normal !important; width:90%;}
.footer ul li input[type="submit"]{right:40px !important; background:#2b94d1 !important; color:#fff !important;}
/*********************************News CSS*****************************************/
.news{padding: 20px 0;background: #ecf2f3;}
.news .heading h1{color: #dee4e5;}
.news .heading h2{padding-left: 19%;font-size: 24px;}
.news .heading h1:after{left: 19%;}
.news .whiteBox{background: #ecf2f3;padding:20px 15px;display: table;width: 100%;border: 3px solid #ccc;}
.news h3{font:700 18px/18px "Roboto","Arial",sans-serif;color: #2b94d1;margin: 0 0 15px 0;position: relative;}
.news h3:after{position: absolute;bottom: -20px;left: 0;font-size: 18px;font-family:'FontAwesome';color: #2b94d1;}
.news p{font: 15px/24px "Roboto","Arial",sans-serif;color: #333;}
.news a{display: inline-block;border: 1px solid #2b94d1;font:700 12px/18px "Roboto","Arial",sans-serif;color: #2b94d1;padding: 8px 15px;text-transform: uppercase;margin: 15px 0 25px;transition: all 500ms ease;}
.news a:hover{background: #2b94d1;color: #fff;}
.news a i{padding-left: 8px;}
.news .carousel-indicators{bottom: -25px;}
.news .carousel-indicators li{background: rgba(0,0,0,0.3);border-color: transparent;width: 14px;height: 14px;margin: 0;}
.news .carousel-indicators li.active{background: rgba(43,148,209,0.75);border-color: transparent;}
.news h4{background: #2b94d1;padding:15px;font:700 14px/24px "Roboto","Arial",sans-serif;color: #fff;text-transform: uppercase;margin: 0;text-align: center;}
.news h4 i{padding-right: 15px;font-size: 18px;}
.news .text{position: relative;margin-bottom: 15px;display: table;width: 100%;}
.news .text i{position: absolute;top: 0;left: 0;width: 35px;height: 35px;line-height: 35px;font-size: 18px;color: #fff;text-align: center;background: #2b94d1;}
.news .text input[type="text"]{background: #fff;width: 100%;padding: 8px 15px 7px 45px;color: #2b94d1;font: 14px "Roboto",'Arial',sans-serif;border: 1px solid #ccc;}
.news .text input[type="button"]{padding: 8px 14px 8px 30px;color: #fff;font:600 12px "Roboto",'Arial',sans-serif;text-transform: uppercase;border: 1px solid #2b94d1;transition: all 500ms ease;position: relative;background: #2b94d1 url("images/arrowd.png") no-repeat 8% center;margin: 6px 0;}
.news .text input[type="button"]:hover{background: transparent url("images/arrowb.png") no-repeat 8% center;color: #2b94d1;}
.news .col-sm-4 .whiteBox{border-top: none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.news .text input[type="button"]{margin: 0;}
	.news .text:last-child{margin-bottom: 5px;}
}
/*********************************Blogs CSS*****************************************/
.blog{padding: 20px 0;background: #fff;display: table; margin:0 auto;}
.blog .heading h1{color: #dee4e5;}
.blog .heading h2{padding-left: 16%;font-size: 24px;}
.blog .heading h1:after{left: 16%;}
.blog a img{width: 100%;}
.blog .date{position: relative;padding-left: 60px;margin-bottom: 30px;line-height: 16px;}
.blog .date .day {font-size: 50px;font-weight: bold;vertical-align: -32px;color: rgb(215, 215, 215);}
.blog .date::before {content: "";position: absolute;bottom: 0px;left: -60px; background-color: #298cc6;width: 100px;height: 1px;}
.blog .date .sep {margin-left: 3px;margin-right: 10px;vertical-align: -32px;}
.blog .date .month {vertical-align: -32px;}
.blog .date .month, .blog .date .sep {font-size: 26px;color: rgb(177, 177, 177);}
.blog h3{display: block;font-size: 24px;font-weight: 700; color: #555;margin-top: 0px;
margin-bottom: 20px;font-family: Roboto, Helvetica, Arial, sans-serif;line-height: 24px;}
.blog .meta-info {line-height: 34px;color: rgb(168, 168, 168);font-style: italic;border-top: 1px solid rgb(231, 231, 231);}
.blog .meta-info span {margin-right: 35px;font-family: Roboto, Helvetica, Arial, sans-serif;
line-height: 24px;font-weight: 400;}
.blog p{font-family: Roboto, Helvetica, Arial, sans-serif;line-height: 24px;font-weight: 400;
color: rgb(105, 105, 105);}
.blog a{display: inline-block;line-height: 34px;color: rgb(85, 85, 85);font-weight: 600;font-family: Roboto, Helvetica, Arial, sans-serif;text-transform: uppercase; transition: all 500ms ease;}
.blog .readmore > i {margin-left: 6px;font-weight: bold;}
.blog a:hover{color: #2b94d1;}
.blog .carousel-indicators{bottom: -50px;}
.blog .carousel-indicators li{background: rgba(0,0,0,0.3);border-color: transparent;width: 14px;height: 14px;margin: 0;}
.blog .carousel-indicators li.active{background: rgba(43,148,209,0.75);border-color: transparent;}
#blogD .carousel-inner {margin-bottom: 40px;}
.blogpage .blog{border: 1px solid #ccc;margin: 15px 0;}
.blogpage .blog a{font-weight: 400;}
.blogpage .blog a i{font-weight: normal;margin-left: 10px;}
.blogpage .pagination{margin-bottom: 0;}
.blogpage .pagination li:first-child a,.blogpage .pagination li:last-child a{border: none;margin: 0 10px 0 10px;color: #868895}
.blogpage .pagination li:first-child a:hover,.blogpage .pagination li:last-child a:hover{background: transparent;color: #2c94d1;}
.blogpage .pagination li a{border: 1px solid #ccc;color: #868895;}
.blogpage .pagination > li > a,.blogpage .pagination > li > span{background: transparent;transition: all 500ms ease;}
.blogpage .pagination > li > a:hover,.blogpage .pagination > .active > a{background: #2c94d1;border-color: #2c94d1;color: #fff;}
.blogpage .social{position: relative;width: 205px;float: right;}
.blogpage .socialD{position: absolute;right: 0;top: -5px;width: 100%;}
.blogpage .col-sm-12.padded{margin-bottom: 5px;}
.blogpage .rightblog .blog{padding: 0;}
.blogpage .rightblog .blog h6{background: #2c94d1;padding: 15px;text-align: center;text-transform: uppercase;color: #fff;margin: 0;font-family: Roboto, Helvetica, Arial, sans-serif;font-weight: 600;font-size: 14px;}
.blogpage .rightblog .blog ul{padding:10px 10px 0 10px;,margin: 0;}
.blogpage .rightblog .blog ul li{display: block;width: 100%;border-bottom: 1px solid #f7f7f7;}
.blogpage .rightblog .blog ul li:first-child a{padding-top: 0;}
.blogpage .rightblog .blog ul li:last-child{padding-bottom: 0;border-bottom: none;}
.blogpage .rightblog .blog ul li a{color: #545766;transition: all 500ms ease;line-height: 0;padding: 10px 0;display: inline-block;font:500 13px "Roboto",'Arial',sans-serif;text-transform: capitalize;}
.blogpage .rightblog .blog ul li a:hover{color: #2b94d1;}
.blogpage .rightblog .blog ul li a i{margin-right: 10px;}
.blogpage .rightblog .blog .post img{width: auto;margin-right: 5px;}
/*********************************Blog inner CSS*****************************************/
.bloginner{margin: 20px 0;}
.bloginner .blog{padding: 0;margin-top: 0;}
.bloginner .blog img{width: 100%;}
.bloginner .blog .date:before{display: none;}
.bloginner .blog .date{padding-left: 0;padding-top: 15px;}
.faq .blog .col-sm-4 span{font:600 18px "Roboto",'Arial',sans-serif;color: #2c94d1;
display: block;width: 100%;margin: 15px 0 10px 0;text-transform: uppercase;}
/*********************************Faq CSS*****************************************/
.faq .blog{border: 1px solid #ccc;margin-bottom: 20px;display: block;}
#accordion{display: table;width: 100%;margin-top: 15px;}
.faq .panel{border-radius:0px;}
.faq .panel a{display: block;width: 100%;}
.faq .panel-heading{background:transparent;border-radius:0;display: block;width: 100%;}
.faq .panel-heading:hover,.faq .active{color:#fff;background:#2b94d1;transition: all 500ms ease;}
.faq .panel-heading h4{font-size:14px;font-weight:bold;font-family:Arial;color:#333;line-height:20px;text-transform: capitalize;}
.panel > a:hover h4 ,.panel > a:hover i,.faq .active h4,.faq .active i {color:#fff !important;}
.faq .panel-body{border-top:1px solid #ccc;font: 15px "Roboto",'Arial',sans-serif;}
.faq .panel-heading i{color:#333;font-weight: bold;}
.faq .faqheding{border-left: 3px solid #16314f;float: left;padding-left: 26px;width: 100%;display: table;margin-bottom: 25px;}
.faq .faqheding h1{color: #16314f;float: left;font-size: 40px;font-weight: 900;width: 100%;margin:0;font-family:"Roboto",'Arial',sans-serif;}
.faq .faqheding h3{color: #2b94d1;float: left;font-size: 32px;font-weight: 900;width: 100%;margin:10px 0 0;font-family:"Roboto",'Arial',sans-serif;}
.faq .sidecontact{background: #2c435b;}
.faq .sidecontact:last-child{margin-top: 25px;}
.faq .sidecontact h2{background:#04bef7 url("images/ph.png") no-repeat scroll 5% center;color: #fff;float: left; font-size: 18px;font-weight: 600;padding: 15px 15px 15px 55px;
width: 100%;margin: 0;}
.faq .sidecontact:last-child h2{background:#04bef7 url("images/ico-ad.png") no-repeat scroll 5% center;color: #fff;}
.faq .sidecontact ul{margin: 0;padding: 15px 15px 25px 15px;display: table;width: 100%;}
.faq .sidecontact ul li{font: 12px "Roboto",'Arial',sans-serif;display: block;width: 100%;
color: #fff;padding: 10px 0 0 0;}
.faq .sidecontact ul li a{font: 12px "Roboto",'Arial',sans-serif;color: #fff;text-transform: uppercase;color: #5a9be2;transition: all 500ms ease;}
.faq .sidecontact ul li a i{margin-right: 15px;color: #fff;}
.faq .sidecontact ul li a:hover{color: #fff;}
/*********************************Footer CSS*****************************************/
footer{position: absolute;bottom: 0;left: 0;width: 100%;height: 460px;}
.footer{position: relative;background-image: url("images/footer.jpg");background-repeat:  no-repeat;background-attachment: fixed;background-size: cover;height: 460px;padding: 25px 0;}
.footer:after{content: "";position: absolute;top: 0;left: 0;background: rgba(7,116,179,0.9);z-index: 1;width: 100%;height: 100%;}
.footer h1{font: 18px/18px 'Roboto',sans-serif;color: #fff;letter-spacing: 1px;position: relative;z-index: 99;text-transform: uppercase;margin-bottom: 25px;}
.footer ul{margin: 0;padding: 0;}
.footer ul li{display: block;width: 100%;color: #fff;line-height: 18px;padding: 10px 0 0 0;position: relative;z-index: 99;}
footer ul li input[type="email"]{background: rgba(255,255,255,0.6);font:13px "Roboto",'Arial',sans-serif;padding: 8px 75px 8px 8px;color: rgba(87,97,127,1);width: 100%;border: none;}
.footer ul li input[type="email"]::-moz-placeholder{color: #0b6a9f;opacity: 1;}
.footer ul li input[type="email"]::-webkit-placeholder{color: #0b6a9f;opacity: 1;}
.footer ul li input[type="submit"]{padding: 11px 15px;font:13px "Roboto",'Arial',sans-serif;color: rgba(87,97,127,1);background: #2b94d1 !important;border: none;transition: all 500ms ease;}
.footer ul li input[type="submit"]:hover{color: #fff;background: #085682;}
.footer ul li a{color: #fff;font:14px "Roboto",'Arial',sans-serif;transition: all 500ms ease;}
.footer ul li a:hover,.footer .social li a:hover i{color: #000;}
.footer ul li a b{font:14px "Roboto",'Arial',sans-serif;display: inline-block;}
.footer ul li p{color: #fff;font:500 14px/18px "Roboto",'Arial',sans-serif;}
.footer ul li a i{position: absolute;left: 0;top: 13px;font-size: 14px;color: #fff;}
.footer .contact li a{padding: 5px 0 0 25px;}
.footer .contact li:first-child a:hover{color: #fff;}
.footer .social li{display: inline-block;margin: 0 10px 0 0;width: auto;}
.footer .social li:first-child{width: 100%;}
.footer .social li a{width: 35px;height: 35px;display: block;line-height: 35px;text-align: center;background: #fff;border-radius: 50%;}
.footer .social li a i{position: inherit;top: inherit;left: inherit;color: #0774b3;font-size: 18px;}
.footer .col-sm-12{z-index: 2;}
.footer .col-sm-12 p{margin: 25px 0 0 0;color: #fff;border-top: 1px solid rgba(255,255,255,0.4);font: normal 14px/30px "Roboto",'Arial',sans-serif;padding: 20px 0 0 0;}
.footer .copyright li{display: inline-block;width: auto;padding: 0 15px;border-right: 1px solid #fff;}
.footer .copyright li a{line-height: 10px;display: block;}
.footer .copyright li:last-child{display: block;width: 100%;border-right: none;}
.footer .copyright li:nth-child(3n){border-right: none;}
.footer .copyright li p{border-top: none;padding: 0;margin: 0;}
/*
** Custom CSS
*/
.comment-notes >label, .comment-form-author >label, .comment-form-email >label, .comment-form-url >label, .comment-form-comment >label{width:8%;}
#respond input[type="text"], input[type="email"], input[type="url"], textarea{padding:8px !important;width:50%; border:none;}
.g-recaptcha{clear:both;}
.comment-respond{float: left;
    margin: 20px 0;
    padding: 20px !important;
    width: 100%;}
#respond { 
background: #ececec !important;
padding:0 5px 0 5px;
}
/******************************Media Query CSS***************************************/
/*for Desktop View (Apply similar to Bootstrap class col-md-)*/
@media screen and (min-width:992px) and (max-width:1199px)
{
.menu ul li a{font-size: 12px;padding:5px 12px;}
.blog h3{font-size: 20px;}
}
/*for Tablet View (Apply similar to Bootstrap class col-sm-)*/
@media screen and (min-width:768px) and (max-width:991px)
{
	.comment-notes >label, .comment-form-author >label, .comment-form-email >label, .comment-form-url >label, .comment-form-comment >label{width:11%;}
.menu ul li a{font-size: 10px;padding: 5px 10px;}
.slider .box{float: left;width: 30.93%;margin-right: 15px;margin-top: 15px;}
.slider .box h2, .slider .box h3, .slider .box h4{font-size: 15px;}
.slider .box:last-child{margin-right: 0;}
.blog .date:before{display: none;}
.rightblog{padding: 0;}
.header-image img{height:auto;}
}
/*for Mobile View (Apply similar to Bootstrap class col-xs-)*/
@media screen and (min-width:0) and (max-width:767px)
{
	.comment-notes >label, .comment-form-author >label, .comment-form-email >label, .comment-form-url >label, .comment-form-comment >label{width:15%;}
.heading h1{font-size: 70px;}
.midHeight{padding-bottom: 0;}
#navbar{position: absolute;top: 55px;left: 0;width: 100%;background: #2b94d1;z-index: 999;box-shadow: none;text-align: center;border: none;}
.navbar-brand{display: block;}	
.middle ul li{width: 100%;margin-left: 0;font-size: 13px;}
.menu li{display: block;width: 100%;}
.menu ul li a{border-right: none;display: inline-block;width: auto;}
.menu ul li ul{width: 100%;text-align: center;position: inherit;top: inherit;left: inherit;background: #0774b3;}
.menu ul li:hover ul{display: none;}
.menu ul li i{display: block;}
.slider .box:first-child,.news .col-sm-4{margin-top: 15px;}
.welcome .col-sm-12 img{width: 100%;}
footer{position: inherit;left: inherit;top: inherit;height: auto;}
.services .servD h1,.services .servD p{height: auto;}
.footer{height: auto;}
.footer .col-sm-12{text-align: left;}
.footer .col-sm-3{padding: 0 15px;}
.footer .copyright li{display: block;width: 100%;line-height: auto;padding: 15px 0 0 0;border-right: none;}
.blog .date:before{display: none;}
.rightblog{padding: 0;}
.faq .sidecontact:last-child{margin-bottom: 25px;}
.header-image img{height:auto;}
.slider .item img{height:auto !important;}
}
/*for Small Screen Mobile*/
@media screen and (max-width:479px)
{
.slider .carousel-caption{bottom: 16%;width: 300px;}
}
@media screen and (max-width:370px)
{
.slider .carousel-caption{display: none;}
.blogpage .social{float: left;width: 100%;}
.blogpage .socialD{position: inherit;}
}



.gap {
margin: 40px 0;
display: table;
width: 100%;
}



/*************************  All Pages Slider Text section Css ****************************/
* {
	padding: 0px;
	margin: 0px;
	outline: none;
}
body {
font-family: 'Roboto', sans-serif;

	font-size: 15px;
	padding: 0px;
	margin: 0px;
	word-wrap: break-word;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #333333;
	font-size: 15px;
	background: #ffffff;
}
.form-allowed-tags {
    display: none;
}
.comment-list li {
    background: #f2f2f2 none repeat scroll 0 0;
    margin:20px 0 50px !important;
    padding: 15px;
    position: relative;
}

.comment-list li::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f3f3f3 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 20px;
    content: "";
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 1;
}
p {
	font-family: 'Roboto', sans-serif;
	word-wrap: break-word;
}
a,div,submit {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
::selection {
	background: #00CCFF; /* Safari */
}
::-moz-selection {
 background: #00CCFF /* Firefox */
}
ul, ol {
	list-style-type: none;
}
p, h1, h2, h3, h4 {
	padding: 0px;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
}
.pdf_c{  color:#fff; font-size:14px; padding:10px; border-radius:200px; float:left; margin-top:10px;

background: #04bef7;
background: -moz-linear-gradient(top,  #04bef7 0%, #0195dc 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#04bef7), color-stop(100%,#0195dc)); 
background: -webkit-linear-gradient(top,  #04bef7 0%,#0195dc 100%);
background: -o-linear-gradient(top,  #04bef7 0%,#0195dc 100%); 
background: -ms-linear-gradient(top,  #04bef7 0%,#0195dc 100%); 
background: linear-gradient(to bottom,  #04bef7 0%,#0195dc 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04bef7', endColorstr='#0195dc',GradientType=0 ); 
}
.txt-ca{ float:left;}
.icon-ca{ float:left; margin-left:10px;}

/*==================common===================*/

.logo-part{width:30%; margin-left:5%;  float:left; margin-bottom:10px;}
.logo-part:nth-child(1),.logo-part:nth-child(4),.logo-part:nth-child(7){margin-left:0px;}

.logo-left{width:100%; float:left;}
.logo-left a{width:100%; float:left;text-align:center;}
.logo-part img{ border:3px solid #CCC;}

.bblog td{ padding:10px !important; line-height:20px !important;}
.bblog th{ padding:10px !important;}
.bblog{margin:15px 0px !important; padding-top:10px !important; width:100% !important; float:left;}

.widgettitle{display:none;}
input:invalid, textarea:invalid{background-color:none !important;
box-shadow: none;}

.font-osw{font-family: 'Roboto', sans-serif;}
.font-rob{font-family: 'Roboto', sans-serif;}

.cl-log{ position:absolute; right:0px; top:0px;}

.about-lcm-rig2 {
    float: right;
    width: 68%;
}


.about-lcm-left2 {
    float: left;
    width: 28%;
}

.hedin-in span{ float:left; padding-left:6px;}
.hedin-in i{float:left;}
.d-btn{float:left; margin-top:20px;}

.primaryContainer {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 1064px;
	padding: 0px 20px;
	width: 100%;
}
ul {
	margin: 0px;
	padding: 0px;
}
/*---------------bg-color----------*/

.blog-date{width:100%;float:left; color:#666666; font-size:14px; margin-top:15px;}


.cl_1 { background:#e4eff2; border-top:4px solid #145060;

	
}




/*---------------bg-color----------*/


.row {
	position: relative
}
/*---------------main--contenar-----------*/
.row {
	width: 100%;
	float: left;
}
/*---------------main--contenar-----------*/




/*---------------ful-width--contenar-----------*/

.sec {
	width: 100%;
	float: left;
}
/*---------------ful-width--contenar-----------*/


.logo{ width:223px; float:left; }
.nav{width:770px; float:right; margin-top:36px;margin-bottom:10px;}
.nav ul{width:100%; float:left;}
.nav ul li{ float:left; margin-left:13px; margin-right:13px; position:relative;}
.nav ul li a{ font-size:15px; float:left; color:#777777; font-weight:normal; padding:20px 0px;font-family: 'Roboto', sans-serif;}
.nav ul li a:hover,.nav ul li.act a{ color:#46a1f0;}
#pull{ display:none;}
.nav ul li ul.sub-menu{ position:absolute; width:200px;  display:none; padding-top:29px; margin-top:45px;z-index:9999;}
.nav ul li ul.sub-menu li{width:100%; float:left; margin:0px;}
.nav ul li ul.sub-menu li a{ padding:10px 10px; color:#fff; width:100%; float:left;background:#2b94d1; border-bottom:1px solid #a6d9f6; }
.nav ul li:hover ul.sub-menu{ display:block;}

.arro-nav{ background:url(images/arrowd.png) no-repeat center bottom;}

.nav ul li:hover.animated ul {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.nav ul li:hover.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
 transform: scale(.9);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 -ms-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 -ms-transform: scale(1.05);
 transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
 -ms-transform: scale(.9);
 transform: scale(.9);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
.nav ul li:hover.bounceIn ul {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

/*==================slider=================*/
.cl_2{}

.cl_3{ padding-top:90px; padding-bottom:40px;

 }

.h1-heding{ width:100%; float:left; font-weight:900; font-size:47px; color:#2f525d; text-align:center;}
.h3-heding{width:100%; float:left; font-size:38px; font-style:italic; color:#2f525d; text-align:center;}
.d-line{width:100%; float:left; text-align:center;}

.para-home{width:100%; float:left; text-align:center; font-size:16px; color: #434343; line-height:25px; margin-top:50px;}

.btn{width:100%; float:left; text-align:center; margin-top:50px;}
.cl_4{ padding:60px 0px;-webkit-box-shadow: 0px 0px 11px -4px #ccc;
-moz-box-shadow: 0px 0px 11px -4px #ccc;
box-shadow: 0px 0px 11px -4px #ccc;}

.h2-heding{width:100%; float:left; font-weight:900; font-size:43px; color:#2f525d; text-align:center;}
.heding-bgs{width:100%; float:left;}

.line2{width:100%; float:left; text-align:center;}

.ser-bgs{width:100%; float:left;}

.grd1{ width:22%; float:left; margin-left:1.5%; margin-right:1.5%; margin-top:45px;}
.grd-ser{ width:22%; float:left; margin-left:1.5%; margin-right:1.5%; }
.grd-ser2{ width:22%; float:left; margin-left:1.5%; margin-right:1.5%; margin-top:20px; }
.icon-left{ float:left; width:33%;}
.grd-con-right{width:65%; float:left; margin-left:2%;}
.h4-heding{width:100%; float:left; color:#2b94d1; font-size:15px; font-weight:bold;}
.h4-heding2s{width:100%; float:left; color:#2b94d1; font-size:14px; font-weight:bold; padding-top:5px; margin-top:20px;}
.grd-para{width:100%; float:left; color:#2f525d; margin-top:5px;}
.serv-fulls{width:100%; float:left; margin-top:30px;}
.read{width:100%; float:left; color:#209dbf; margin-top:6px;}
.cl_5{  padding:50px 0px;}

.grd3{ width:32%; float:left; margin-left:2%; background:#ecf2f3; border-bottom:4px solid #2b94d1;min-height:350px;}
.grd3:first-child{ margin-left:0px;}
.grd3-heding{ background:#2b94d1; color:#FFF; font-size:25px; color:#ffffff; text-align:center; padding:15px 0px;}
.grd-conter{ padding:25px; box-sizing:border-box; width:100%; float:left;}
.grd-in-heding{width:100%; float:left; font-size:18px; color:#209dbf;}
.grd-in-para{width:100%; float:left; color:#3f4c4f; font-size:14px;}
.grd-in-para p{ margin-top:20px; line-height:20px;}
.read-more{width:109px; float:left; background:#2b94d1; color:#fff; border-radius:3px; text-align:center; padding:12px 0px; margin-top:10px;}
.clender{width:100%; float:left;}
.blog-list{width:100%; float:left; margin-top:17px;}
.blog-img-left{ float:left; width:58px;}
.blog-img-left img{ border-radius:100px; border:3px solid #9eb3b6;}

.blog-txt-right{width:70%; float:left; margin-left:3%;}
.par-blog{ width:100%; float:left; font-size:14px; color:#2f525d; margin-top:9px;}
.heding-blog{width:100%; float:left; color:#2f525d; font-weight:bold;}

.cl_6{ background:url(images/f-bgs.png) repeat 0px 0px; padding:32px 0px;}

.grd3-fot{ width:32%; float:left; margin-left:2%;}
.grd3-fot:first-child{ margin-left:0px;}
.f-heding{width:100%; float:left; border-bottom:1px solid #365469;}
.f-heding > h3{ color:#fff; font-size:20px; float:left; font-weight:normal; }

.line-f{width:100%; float:left;padding-top:18px; line-height:0px;}

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

.f-list li{width:100%; float:left; line-height:25px;}
.f-list li a{ color:#fff; font-size:13px;}
.f-list li a:hover{ color:#209dbf;}

.addres-bg{width:100%;float:left; margin-top:20px;}

.icon-adres{ float:left; width:33px;}
.adres-txt{ float:left; font-size:14px; color:#fff; width:75%; padding-left:10px; padding-top:6px}

.socil{width:100%; float:left; margin-top:22px;}
.socil li{ float:left; margin-right:8px;}

.subc-box{width:100%; float:left; margin-top:20px;}
.fild-home{width:100%; float:left; border-radius:3px; background:#3b5a6f; border:1px solid #163945; padding:13px; color:#fff; margin-bottom:10px;}
.fild-submit{ width:119px; float:left; background:#2b94d1; border-radius:3px; padding:11px 0px; font-size:16px; color:#fff; border:none; font-weight:bold;}
.ful-fut{
background:url("images/rept.png") repeat-x;
    float: left;
    margin-top: 22px;
    padding-top: 18px;
    width: 100%;
}

.copy{width:100%; float:left; text-align:center; color:#fff;}
.copy2{width:100%; float:left; text-align:center; color:#cddee9; margin-top:10px;}
.parv-bg{width:371px; margin:auto; clear:both;}
.parv-bg li{ float:left; color:#cddee9; font-size:13px;  padding-left:5px; padding-right:5px;  border-left:1px solid #cddee9; line-height:10px;list-style:none;}
.parv-bg li a{  color:#cddee9; font-size:13px;}
.parv-bg li:first-child{ border:none;}
.parv-bg li a:hover{ color:#2b94d1;}

.pag-iner-left-clm{width:26%; float:left;}
.pag-iner-right-clm{width:70%; float:right;}



.side-contact{width:100%; background:#2c435b; margin-bottom:25px; float:left;}

.contact-heding{ padding:0px 12px; float:left; width:100%; background:#04bef7;}

.conta-sid{width:100%; float:left; background:url(images/ph.png) no-repeat left; padding-left:58px; padding:15px 0px 15px 45px; font-size:18px; font-weight:600; color:#fff;}
.conta-sid2{width:100%; float:left; background:url(images/ico-ad.png) no-repeat left; padding-left:58px; padding:15px 0px 15px 45px; font-size:18px; font-weight:600; color:#fff;}
.conta-sid3{width:100%; float:left; background:url(images/ins-ico.png) no-repeat left; padding-left:58px; padding:15px 0px 15px 45px; font-size:18px; font-weight:600; color:#fff;}
.side-con-area{width:100%; float:left; padding:15px 15px;}

.side-list{width:100%; float:left; margin-bottom:15px;}
.side-aro{width:20px; float:left;}
.side-txt{width:78%; float:left; color:#fff; margin-left:15px; padding-top:2px;}
.side-list p{ color:#fff; font-size:14px; line-height:24px;}
.side-list a{ color:#5a9be2;}

.heding-bg2{width:100%; float:left; padding-left:26px; border-left:3px solid #16314f; }
.wel-hednig{  font-size:40px; width:100%; float:left; color:#16314f; font-weight:900;}
.h3-hedingins{width:100%; float:left; font-size:32px; color:#04bef7; font-weight:900;}


.left-conter-para{width:100%; float:left; margin-top:5px;text-align: justify;}
.left-conter-para p{width:100%; float:left; font-size:15px; color:#3d3d3d; line-height:24px; margin:6px 0px;}
.left-conter-para a{ color:#04bef7;}
.hedin-in{width:100%; float:left; font-size:31px; color:#16314e; margin: 10px 0 5px 0;}
.page-list{width:97%; margin-left:3%; float:left; list-style-image:url(images/dot.png); margin-top:15px; margin-bottom:15px; }
.page-list li{ font-size:15px;  line-height:32px;}
.page-list li a{ color:#3f89de;}
.step-list{width:100%; float:left; margin-top:15px;}
.step-ico{ float:left; width:57px; }
.step-right{ float:left; margin-left:10px; width:80%; line-height:24px;}
.con-grd{width:48%; float:left; margin-left:4%;}
.con-grd:first-child{ margin-left:0px;}
.contact-adres{ float:left; width:28px;}
.contact-txt{width:80%; float:left; margin-left:20px;}
.adres-heding{width:100%; float:left; font-size:16px; font-weight:bold; color:#2a2a2a;}
.addres{width:100%; color:#3b3b3b; font-size:15px; float:left; margin-top:0px;}

.adds-list{width:100%; float:left;}
.adds-list li{width:100%; float:left; margin-bottom:15px}
.addres2{width:100%; float:left; color:#3b3b3b; font-size:15px; }

.contact-img{width:100%; float:left;}
.contact-img img{ border:3px solid #2d435b;
-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);}
.map-bg{width:100%; float:left; border:3px solid #142542;}
.map-bg iframe{ width:100%; float:left;}
div.wpcf7-validation-errors{float:left;}
div.wpcf7-mail-sent-ok{float:left;}

.sahdow{width:100%; float:left; text-align:center;}
.form-bg{width:100%; float:left;}
.form-left{width:48%; float:left;}
.form-right{ float:right; width:48%;}
.fild-box{width:100%; float:left; margin-bottom:10px;}
.name{width:100%; float:left; font-size:16px; color:#282b28;}
.fild{width:100%; float:left; background:#f8f8f8; border:1px solid #004f7a; padding:14px; border-radius:3px;}

.fild-submit{   font-size:16px;  color: #fff; float:left;  }
.submit{width:121px; float:right;margin-top:10px;}
.i-txt{ width:100%; float:left; font-weight:bold; color:#2b94d1; padding-top:34px;}
.about-lcm-left{width:68%; float:left;}
.about-lcm-rig{width:28%; float:right;}
.tem-img{width:100%; float:left; text-align:center;}
.t-name{width:100%; float:left; text-align:center; font-size:22px; font-weight:bold; color:#16314e; margin-top:10px;}

.detls-txt{width:100%; float:left; text-align:center; margin-top:15px;}

.h4s{width:100%; float:left; font-size:16px; color:#2a2a2a;}

.heding-blog2{width:100%; float:left; font-size:18px;font-weight:bold;}
.blog-list2{width:100%; float:left; padding-bottom:15px; border-bottom:1px solid #f4f4f4; padding-top:25px;}
.blog-more{width:90px; float:left; border-radius:3px; background:#04bef7; color:#fff !important; text-align:center; padding:8px 0px; margin-top:20px;}
.blog-txt-full{width:100%; float:left;}
.fulimg{ width:100%; float:left; margin-top:30px; }
.fulimg img{ border:3px solid #ccc;}
@media only screen and (max-width: 1064px) {.grd-ser2{width:48%; margin-left:1%; margin-right:1%;}

.h4-heding2s{padding-top:27px;}
.icon-left {
    float: left;
    width: 23%;
}}

@media only screen and (max-width: 1035px) {.cl-log{width:100%; float:left; text-align:center;position:relative; margin-bottom:8px;}
	.logo{width:100%; float:left; text-align:center;}
	.nav{width:100%; float:left;}
	.nav ul{width:100%; float:left;}
.nav ul li{ float:left; margin-left:0px; margin-right:0px; position:relative; width:100%;}
.nav ul li a{ font-size:15px; float:left; color:#777777; font-weight:normal; padding:10px 0px;font-family: 'Roboto', sans-serif;border-bottom:1px solid #dae6e9; width:100%; float:left; }
.nav ul li a:hover,.nav ul li.act a{ color:#46a1f0;}
#pull{ display:none;}
.nav ul li ul.sub-menu{ position:relative; width:100%; float:left;  display:none; padding-top:0px; margin-top:0px;}
.nav ul li ul.sub-menu li{width:100%; float:left; margin:0px;}
.nav ul li ul.sub-menu li a{ padding:10px 10px; color:#fff; width:100%; float:left;background:#2b94d1; border-bottom:1px solid #a6d9f6;  box-sizing:border-box;}
.nav ul li:hover ul.sub-menu{ display:block;}
.arro-nav{ background:none no-repeat left bottom;}

#pull{ display:block; margin:15px 0px; text-align:center; width:100%; float:left;}
#menu-bg{ display:none;}
	
}

@media only screen and (max-width: 768px) {.grd1{ width:48%; float:left; margin-left:1%; margin-right:1%; margin-top:45px; min-height:100px;}
.grd-ser{ width:48%; float:left; margin-left:1%; margin-right:1%; margin-top:45px; min-height:100px;}
.icon-left{width:74px;}

.grd3{width:100%; float:left; margin-left:0px; margin-top:20px;}

.grd3-fot{width:100%; float:left; margin-left:0px; margin-top:30px;}

.pag-iner-left-clm{width:100%; float:left;}
.pag-iner-right-clm{width:100%; float:left;}}

@media only screen and (max-width: 600px) {
	.comment-notes >label, .comment-form-author >label, .comment-form-email >label, .comment-form-url >label, .comment-form-comment >label{width:100%;}
	#respond input[type="text"], input[type="email"], input[type="url"], textarea{padding:8px !important;width:100%; border:none;}
.parv-bg{width:100%; float:left; text-align:center;}
	.form-left{width:100%; float:left;}
	.form-right{width:100%; float:left;}
	
	.con-grd{width:100%; float:left; margin-left:0px;}
	.i-txt{width:100%; float:left; padding-top:5px; margin-left:0px;}
	.about-lcm-left{width:100%; float:left;}
	.about-lcm-rig{width:100%; float:left;}

.about-lcm-left2{width:100%; float:left;}
	.about-lcm-rig2{width:100%; float:left;}
	}


@media only screen and (max-width: 400px) {.grd1{width:100%; float:left; margin-left:0px; margin-right:0px;}
.grd-ser{width:100%; float:left; margin-left:0px; margin-right:0px;}
.grd-ser2{width:100%; float:left; margin-left:0px; margin-right:0px;}
.copy{ text-align:left;}
.copy2{ text-align:left;}
.h1-heding{ font-size:35px;}}
@media only screen and (max-width: 500px) {
.step-right{width:100%; float:left; margin-left:0px;}.contactwelcome{font-size: 9px;padding:10px;}footer .col-sm-12{display:table;width:100%;margin-top:0px;}
#mc4wp-form-1 input[type="text"], #mc4wp-form-1 input[type="email"]{width: 100%;}
.footer ul li input[type="submit"]{position :inherit; right: inherit !important;}
.heading h2{padding-left: 0;top:40%;}
.heading h1{padding-left:15px;}
.welcome p{margin-top: 40px;}
#livesite_active_engage{width: 300px !important;margin-right: 0px !important;}
.carousel-caption{display:none !important;}
.blog h3{font-size:14px;}
.footer .col-sm-4{padding:15px;}
}



/*========================testimonal=========================*/
.testo-bg{width:100%; float:left; margin-top:20px;}
.left-test{width:12%; float:left; margin-top:15px;}
.left-test img{ border-radius:200px; border:2px solid #04bef7;}
.right-txt-cont{width:84%; float:right; background:#f7f7f7; border-left:3px solid #04bef7; padding:14px 10px; position:relative;}
.tst-para{width:100%; float:left; font-size:15px; color:#373737; line-height:20px; margin-bottom:5px;}
.tst-para p{ margin-top:0px;}
.tst-name{width:100%; float:left; font-weight:bold; font-size:15px; color:#373737; margin-top:3px;}
.left-conter-para2{width:100%; float:left; margin-top:20px;}
.right-txt-cont:after{ position:absolute; content:""; background:url(images/tk.png) no-repeat left; width:9px; height:11px; left:-11px;top:50px;}


.mid-bok{width:450px; margin:auto; clear:both;}

.form-bg-ful{width:100%; float:left;}
.date-icon{ background:#f8f8f8 url(images/date-icon.png) no-repeat right !important;}




@media only screen and (max-width: 768px) {.left-test{width:80px;}}
@media only screen and (max-width: 600px) {.right-txt-cont{width:100%; float:left; margin-top:8px;}
.right-txt-cont::after{ background:none;}

.mid-bok{width:100%; float:left; margin-left:0px;}}

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-amwm{font-weight:bold;text-align:center;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}



/*========================testimonal=========================*/

.clender h2{display:none;}

.header-image{width:100%; float:left; position:relative;margin-bottom:20px;}
.header-image img{width:100%; float:left;}

.slide-desc1{ display: inline-block; z-index:9999;   left:14%;
   
    position: absolute;
    top: 40%;
    width: 35%;}
.slide-desc1 > h2 {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 35px;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}
.slide-desc1 > p {
 background:url("images/trap.png") repeat scroll 0 0; padding: 20px 20px;
    color: #ffffff;
    float: left;
    font-size: 18px;
    line-height: 26px;
    margin-top: 3px;
	width:380px;
    text-align: center;
}

@media only screen and (max-width:1260px) {
	.slide-desc1{ display: inline-block; z-index:222;
    left: 14%;
    padding: 0 15px;
    position: absolute;
    width:40%;}}
	
	@media only screen and (max-width:768px) {
		.slide-desc1 > h2 { font-size:20px;}
		
		
.slide-desc1 > p {
    font-size: 14px;
    line-height: 15px;
    margin-top: 5px;
}
	}

		
	@media only screen and (max-width:600px) {
.grd-ser2{width:98%;}
		.slide-desc1 {
    right: 0;
    top: 0;
    width: 80%;
}
.slide-desc1 > p { font-size:12px; padding:20px;}

	}

	
	.page_nav {width:100%; float:left; margin-top:20px;}
	.page-numbers{ float:left; padding:8px; background:#04bef7; border-radius:3px; border:1px solid #04bef7; color:#fff; font-size:14px; margin-right:4px;}
	.current{ background:#fff; color:#ccc;border:1px solid #ccc; }

.center{text-align:center;}
.par-cenrt{ margin-top:35px; 
 color: #3d3d3d;
    float: left;
    font-size: 15px;
    line-height: 24px;
    margin-top: 20px;
    width: 100%;
}
.par-cenrt a{color:#2b94d1;}
.lsi-dot{width:100%; float:left;color:#16314e;line-height:30px;}
.lsi-dot li{ font-size:20px ! important; }
.img-batc{width:100%; float:left; margin-top:20px;}
.img-batc img{border:3px solid #ccc;}

@media only screen and (max-width:360px) {
.about-lcm-rig2{ margin-top:20px;}
.header-image img {
    float: left;
    height: 198px;
    width: 100%;
}

.slide-desc1 {
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}
#commentform p label {
    display: inline-block;
    float: left;
    font: 500 14px "Roboto",sans-serif;
    margin-bottom: 5px;
    max-width: 100%;
    padding-top: 4px;
    width: 15%;
}