@charset "utf-8";
/* CSS Document */
@import url("menu.css");
@import url("flexslider.css");
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Poppins:400,700|Oswald:400,700|Lato|Roboto+Slab|Roboto:400,700');

body { margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h5,h6 { margin:0px; padding:0px;}
.cl{ clear:both; }

img { vertical-align:middle; border:none; }
#wrapper { width:100%; }
.img_left { background:#FFF; float:left; margin:5px 10px 10px 0; padding:3px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); }

/*top div start*/
.top { background:#162541;} 
.email { font-family:'Montserrat', sans-serif; font-size:13px; color:#ededed; line-height:35px; font-weight:bold; }
.social { }
.social ul { margin:0px; padding:0px; list-style:none;}
.social li i {float:left;width:20px;height:20px;line-height:20px;text-align:center;-webkit-border-radius:10%;-moz-border-radius:10%;border-radius:10%;margin-right:10px;background: #162541;color:#FFF;margin-top:7px;}
.social ul li a i:hover {background: #f37001;color:#FFF;}
/*top div end*/
.project_details_text p {
    font-size: 15px;
    line-height: 30px;
}
/*header div start*/
.header { padding:10px 0px 10px 0px;}
.phone { float:right; font-family:'Roboto Slab'; font-size:24px; text-align:center; margin-top:6px; }
.phone a {text-decoration:none;color: #f37001;}
.phone span {font-weight:bold;color: #1e1e1e;font-size:18px;}
/*header div end*/

/*adv box div start*/
.adv_box {background: #eee;padding:50px 0px 50px 0px;text-align:center; position: relative; top: 90px;}
.adv_box h3 {
    font-family: 'Roboto', sans-serif;
    color: #001a71;
    font-size: 24px;
    padding: 15px 0px 15px 0px;
    text-transform: uppercase;
}.adv_box  p { font-family:'Roboto', sans-serif; color:#001a71; font-size:15px;}
.adv_box i {  color: #001a71;  font-size: 38px; border: 2px solid #001a71; border-radius: 50%; width: 100px; height: 100px;line-height: 100px;}
.adv_box .more {background: #04076f;padding: 8px;display:inline-block;color: #ffffff;border-radius: 3px;transition: 0.7s all;}
.adv_box .more:hover{background: #ffffff;text-decoration:none;color: #000;} 
/*adv box div end*/

/*content div start*/
.content {
    background: #fff;
    /* width: 100%; */
    /* float: left; */
    position: relative;
    top: 90px;
    padding: 50px 0px;
}
/*content div end*/

/*center div start*/
.weldiv {
    margin-top: 20px;
    padding: 20px;
    background: #eee;

    margin-bottom: 40px;
}
.weldiv h1 {font-family:'Roboto', sans-serif;color: #5d5d5d;font-size: 32px;padding-bottom: 0px;font-weight: 600;}
.weldiv .body_text { font-family:'Roboto', sans-serif; padding: 20px 0; font-size:15px; color:#000000; line-height:1.7em; text-align:justify; }
/*center div end*/


.weldiv-left {
    margin-top: 20px;
    padding: 20px;
    background: #eee;

    margin-bottom: 40px; height: 395px;
}
button.theme-btn.btn-style-four {
    padding: 8px 20px;
}
.weldiv-left h1 {font-family:'Roboto', sans-serif;color: #5d5d5d;font-size: 32px;padding-bottom: 0px;font-weight: 600;}
.weldiv-left .body_text { font-family:'Roboto', sans-serif; padding: 20px 0; font-size:15px; color:#000000; line-height:1.7em; text-align:justify; }
/*center div end*/
/*callback form css start*/
.callback { margin:10px 0px 10px 0px;}
.callback h2 {background: #04066c;font-family:"Lato", sans-serif;font-size:24px;color:#FFF;font-weight:normal;border-radius:10px 10px 0 0;text-align:center;padding:10px 0;}
.callback_inner { background:#fafafa;  border-radius:0 0 10px 10px; padding:20px; border:1px solid #B5B5B5; box-shadow: 1px 1px 9px #C5C5C5; }
.form-group { margin:11px 0; }
.callback_inner ::-webkit-input-placeholder { font-family:'Open Sans', arial, sans-serif; font-size:13px; color:#000; }
.callback_inner .form-group input { width:100%; border:#CCCCCC 1px solid; } 
.callback_inner .form-group textarea { width:100%; border:#CCCCCC 1px solid; } 
.callback_inner .form-group input.code { float:left; width:65%; border:#CCCCCC 1px solid; margin-right:5px; }
.callback_inner .captcha { padding:9px; background:#FFF; border-radius:4px; border:#CCCCCC 1px solid; }
.callback_inner input[type=text]:focus { box-shadow:0px 0px 5px #2f92f8 !important; border:1px solid #2f92f8 !important; outline:none; }
.callback_inner textarea:focus { box-shadow:0px 0px 5px #2f92f8 !important; border:1px solid #2f92f8 !important; outline:none; }
.submit {font-family:'Open Sans', Helvetica, Arial, sans-serif;font-size:16px;color:#000;padding:6px 26px 6px 26px;background: #a9a9a9;cursor:pointer;outline:none;border-radius:none;border:none;transition: 0.7s all;}
.submit:hover {background: #04066d;color:#FFF;outline:none;border-radius:none;border:none;}
/*callback form css end*/
.what {
    background: #fff;
    padding: 30px;
}
/*our services css start*/
.services {
    /* margin: 20px auto; */
    background: #F7F5F5;
    padding: 40px 0px 40px 0px;
    position: relative;
    top: 90px;
}
.services h4 {font-family:'Roboto', sans-serif;font-size:30px; padding: 30px 0px;    color: #3d454f;padding-bottom:8px;margin-bottom:8px;text-align:center;text-transform: uppercase;font-weight: 600;}
.services h5 {font-family: 'Roboto', sans-serif;color: #3d3d3e; text-transform: uppercase;    margin: 3px 0px;padding: 15px 0px; line-height: 30px;  font-size: 18px;font-weight: bold;}
.rpost1 {
    border-bottom: 2px solid #666666;
    margin: 0px auto;
    margin-bottom: 10px;
    margin-top: 5px;
    /* box-shadow: 1px 1px 3px #C5C5C5; */
    padding: 10px;
    border: 1px solid #ccc;
}
.rpost1:hover { -webkit-transition:border-bottom 1s ease; -moz-transition:border-bottom 1s ease; -o-transition:border-bottom 1s ease; transition:border-bottom 1s ease;  }
.services .rdetails {font-family:'Roboto', sans-serif;font-size:14px;color: #111010;line-height:22px;padding:10px 10px 20px 10px;background: #efefef;text-align:center;}
.services .rdetails:hover {background: #ffffff;-webkit-transition:background 1s ease;-moz-transition:background 1s ease;-o-transition:background 1s ease;transition:background 1s ease;}
.rpost1:hover,.rpost2:hover {border-bottom: 2px solid #303030;}
/*our services css end*/

/*adv box div start*/
.about_main { margin-top:30px;  margin-bottom:150px; text-align:center;position: relative; top: 90px;}
.about h3 {font-family: 'Roboto', sans-serif;color: #162541;font-size:20px;margin-top:10px;position:relative;font-weight:bold;padding-bottom:10px;}
.about { padding:15px; background:#f6f6f6; border-bottom:3px solid #ee151b; transition: all 0.3s ease 0s; border:1px solid #CCCCCC;}
.about p{ font-family: 'Roboto', sans-serif; font-size:14px; color:#333; line-height:22px;}
.about:hover { background: #ffffff none repeat scroll 0 0;  box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);}
.about .more {background: #04066d;padding: 9px;display:inline-block;color: #ffffff;border-radius: 3px;/* border: 2px solid #666; */}
.about .more:hover{background: #66666605;text-decoration:none;color: #162547;border: 1px solid #333;transition: 0.7s all;} 
/*adv box div end*/

.about_main h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #3d454f;
    padding-bottom: 8px;
    margin-bottom: 8px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600; padding: 30px 0px;
}
/*testimonial css start*/
.testimonial_main { background:url(../images/testimonial_bg.jpg) no-repeat; position: relative; top: 90px; background-size: cover; padding:60px 0px 60px 0px; position: relative;   }
.testimonial_main h2 {width:20%;margin:0px auto;font-family:'Oswald',sans-serif;font-size:30px;color: #ffffff;text-align:center;text-transform:uppercase;border:2px solid #FFFFFF;padding:6px;border-radius:25px;text-shadow: 1px 1px #292828;margin-bottom:10px;}
#testimonials { width:70%; margin:0px auto; position:relative; margin-top:30px; }
#testimonials .testimonial { width:100%; left:0px; top:0px; z-index:1; padding:0 10px 0px 10px; position:absolute; }
#test_container { position:relative; overflow:hidden;}
#testimonials .testimonial_text{ font-family:"Raleway", sans-serif; font-size:16px; color:#fff; text-align:center; line-height:2em; }
#testimonials .testimonial_name { font-family:"Arial",sans-serif; font-size:3px; color:#000; font-weight:bold; text-align:center;  margin:10px auto 3px; text-align:right; }
#testimonials .testimonial_designation {font-size: 19px;line-height:14px;font-family: none;font-weight:bold;text-align:center;color:#E7E4E4;margin-top:12px;}
#t_pagers { text-align:center; z-index:2;}
#t_pagers .pager { display:inline-block; text-decoration:none; width:10px; min-height:10px; margin-right:5px; background:#ccc; border-radius:50%; cursor:pointer; }
#t_pagers .pager.active { background:#ffae00; }
/*testimonial css end*/


/*bottom css start*/
.bottom {
    background: #000926;
    padding: 50px 0px 50px 0px;
    font-family: 'Poppins', sans-serif;
    border-top: 5px solid #454545;
    position: relative;
    /* top: 25px; */
}
.bottom .bott1 { }
.bottom .bott1 h2 {font-family:'Oswald',sans-serif;font-size:18px;color:#fff;padding-bottom:20px;text-transform: uppercase;}
.bottom .bott1 h2 span {color: #ffffff;}
.bottom h2:after { display:block; width:30px; margin-top:18px; border-top:1px solid #666; content:''; }
.bottom .bott1 .text {color: #ffffff;}
.bottom .bott1 .text strong { color:#fff;}

.bottom .bott2 h2 { font-family:'Oswald',sans-serif; font-size:18px; color:#fff; padding-bottom:20px; }
.bottom .bott2 h2 span {color: #ffffff;}
.bott2 ul { margin:0px; padding:0px; list-style-type:none;}
.bott2 li {  font-size:14px; color:#FFF; border-bottom:#c9cbce 1px solid; }
.bott2 li a {text-decoration:none;color: #ffffff;line-height:3em;padding-left:10px;}
.bott2 li a:hover {text-decoration:none;color: #1884f3;}
.bott2 li i { margin-right:10px; }

.bottom .bott3 {
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
}
.bottom .bott3 h2 { font-family:'Oswald',sans-serif; font-size:18px; color:#fff; padding-bottom:20px; }
.bottom .bott3 h2 span {color: #ffffff;}
.bottom  h2:after {display:block;width:30px;margin-top:18px;border-top: 1px solid #fff;content:'';}
.bottom .fa-2x {  margin-right:15px; float:left;}
/*bottom css end*/

/*footer css end*/
.footer {background: #00011e;padding:10px 0px 10px 0px;}
.copy { font-family:'Poppins', sans-serif; font-size:14px; color:#FFF; line-height:2.5em; }
.copy a { color:#F3182C; text-decoration:underline; padding:0 5px 0 5px; }
.copy a:hover { color:#fff; text-decoration:underline;} 
.powered_by { font-family:'Poppins', sans-serif; font-size:12px; color:#FFF; line-height:2.5em; }
.powered_by a { text-decoration:none; color:#FFF; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; }
.powered_by a:hover {color: #f37001;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}
/*footer css end*/

/*photo gallery box Css start*/
.our_clients { }
.our_clients h2 {/* font-family: 'Roboto', sans-serif; *//* color: #162541; *//* font-size: 30px; *//* padding-bottom: 10px; */margin-bottom: 20px;font-family: 'Roboto', sans-serif;color: #5d5d5d;font-size: 32px;padding-bottom: 10px;font-weight: 600;}
.our_clients_in { margin-bottom:16px; overflow:hidden; }
.our_clients .clients { width:auto; float:left; margin:6px 6px 6px 6px; background:#FFF;  padding:2px; height:80px; } 
.our_clients img { border:1px solid #D4D4D4; } 
.clients_name {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align: center;}
/*photo gallery box Css End*/

.bottom p {
    font-size: 13px; line-height: 28px;
}



.d{

font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #666666;
    padding-bottom: 8px;
    margin-bottom: 8px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;



}

 .loader {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
    background: rgba(255, 255, 255, 0.6);
}

pre {
    font-size: 11px;
    padding: 0px !important;
    color: red;
    background: none !important;
    border: none !important;
	    position: absolute;
}

.error {
border: 1px solid red !important ;
}

.loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}

.alert.alert-success {
    font-size: 20px;
}


.alert.alert-success {
    font-size: 20px;
    position: absolute;
    top: 25%;
    left: 25%;
}

div#BotBootInputImage {
float: left;
    padding: 2px 15px;
    font-size: 22px;
    background: url(captcha.png) no-repeat;
    margin-left: 15px;
    margin-bottom: 1px;
}



@media screen and (min-width:320px) and (max-width:480px) {
    .flexslider {
        top: 80px; margin-bottom: 80px;
      }
      .flexslider .slides .flex-caption{ display: none;}
    
      .flex-direction-nav a {
        margin-top: -10px;
      }
      .log0-left {
        width: 61%;
        padding: 15px;
      }
      .adv_box{ top: 0px;}
      .content{ top: 0px;}
      .services{ top: 0px;}
      .testimonial_main{ top: 0px;}
      .about_main{ top: 0px;}
      .weldiv h1{ font-size: 24px; line-height: 30px; margin-bottom: 0px;}
      .what {
        margin: 10px 0px;
      }
      .partners {
        position: relative;
        margin: 40px 0 0px 0 !important;
      }
      .bottom .bott3 {
        margin-top: 35px !important;
      }
      .bott2 {
        margin-top: 35px !important;
      }
      .media-carousel .carousel-control.right{margin-top: 166px;}
      .media-carousel .carousel-control.left{margin-top: 166px;}
      .solution_tabs h3{ background: none;}
      .content-left h3{background: none !important; color: #000 !important;}
      .project_details_text {
        margin: 17px 0px;
      }
      .have_qus {
        background-color: #696cff !important;}
        .solution_tabs ul li a{ color: #252525 !important ; font-size: 12px;}
        .solution_tabs ul li a:hover{ color: #fff !important;}
        .main-client {
            padding: 20px !important;
          }
          img.brand { padding:0px !important;
            margin: 10px 0px !important;
          }
    
}
.project_details_text {
    margin: 0 0 46px 0;
}

.enqury {
    display: block;
    width: 100%;
    height: 48px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(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;
}

.enqury-left {
    display: block;
    width: 100%;
    height: 70px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(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;
}

li.proten {
    font-size: 14px;
    line-height: 30px;
}

ul.ul-icons {
    margin: 0px;
    padding: 10px;
}

.content-left h3 {
    background: #04066e;
    padding: 10px;
    color: #fff;
    font-weight: 600;
}

.rdetails a{ color: #000; text-decoration: none; }

.partners {position: relative;
    margin: 158px 0 40px 0;

}