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

body{  font-family: 'robotoregular' !important; font-size:13px;}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto/roboto-bold.html') format('woff2'),
         url('../fonts/roboto/roboto-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto/roboto-light.html') format('woff2'),
         url('../fonts/roboto/roboto-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto/roboto-medium.html') format('woff2'),
         url('../fonts/roboto/roboto-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/roboto-regular.html') format('woff2'),
         url('../fonts/roboto/roboto-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
a:hover, a:focus {
	text-decoration: none !important;
}
.header{
	background: #0063a7; 
	padding: 15px 50px;
}
.home_links .navbar-nav > li > a{
	margin-right:15px;
	color: #797779;
	font-size: 17px;
	font-family: 'robotomedium';
	padding: 0;
	margin-right: 20px;
}
.navbar{
	margin: 0!important;
	padding: 20px 0;
}
.home_links .navbar-nav > li > a.active{
  color: #000;
  font-weight: bold;
}
.para{
	color:white;
}
.scrollup{
width: 40px;
height: 40px;       
z-index:1000; position:fixed; right:20px; bottom:20px; display:none;
text-indent: -9999px; background:url(../images/top.png) no-repeat;
}

.FormMessage{ width:500px; padding:15px; background:#0063a7 !important; position:fixed; left:0; right:0; top:30%; margin:0 auto; text-align:center;}
.FormMessage span{ color:#ffffff; font-size:20px; font-weight;bold; display:block; text-align:center;}
#selected{ color:#0063a7 !important;}

.Slider{ padding-bottom:50px;}
.sub_para{
	font-size:17px;
	color:#191919; 
	margin: 15px 0 5px;
}
.sub_head span{
	color: #0063a7;
}
.sub_head{
	margin:20px 0 20px;
	font-size: 36px;
}
.banner img{
	width: 100%;
}
.banner{
	position: relative;
	padding: 127px 0 0;

}
.banner_txt{
	color: #fff;
	background: rgba(234,82,32,0.7);
	position: absolute;
	left: 13%;
	width: 400px;
	top: 43%;
	border-radius: 5px;
	padding: 20px;
}
.banner_txt h4{
	font-size: 34px;
	font-weight: 300;
}
.banner_txt p{
	font-size: 16px;
}
.banner_txt a{
	border: 2px solid #fff;
	display: inline-block;
	padding: 4px 8px;
	color: #fff;
	border-radius: 5px;
}
.banner_txt a:hover{
	background: #fff;
	color: #000;
}
/*.carousel-control.left{ background-image:none !important;}
.carousel-control.right { background-image:none !important;}*/

.enquiry_form{
	position: fixed;
    right: -276px;
    top: 40%;
    width: 276px;
    z-index: 99999;
}
.steps_info:hover {
    background: rgba(234,82,32,0.8);
}
.steps_info:hover b, .steps_info:hover p{
    opacity: 0.2;
}
.steps_info p {
    min-height: 106px;
}
.enquiry_form form{
	background: #0063a7;
	padding: 24px;
}
.enquiry_form form h4{
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin: 0 0 5px;
}
.relative_c{
	position: relative;
}
.enquiry_btn{
	position: absolute;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	border: none;
	color: #fff;
	padding: 5px 15px;
	text-transform: uppercase;
	background: #06268f;
	font-family: 'robotolight';
	letter-spacing: 1px;
	position: absolute;
    top: 30%;
    left: -85px; font-size:14px;
    border-radius: 0 0 10px 10px;
}
.enquiry_btn:focus{
	outline: none;
}
.field {
	display: inline-block;
    width: 100%;
    padding: 0px 10px; font-family: 'robotomedium';
    margin: 4px 0;
    border-radius: 20px;
    outline: none;
    border: 1px solid #fff;
    font-weight: 600;
    background: none;
    color: #fff;
    font-size: 12px;
}

select{ background:#0063a7 !important; color:#ffffff; padding:6px 10px !important;}

.field::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.field::placeholder {
  color: #fff;
}
.login_button{
    background: #fff;
    border: 0;
    color: #1b1b1b;
    border-radius: 20px;
    font-size: 16px;
    width: 60%;
    font-style: normal;
    padding: 4px;
    margin: 10px 0 0;
}
.all_head{
	text-align: center;
	margin: 0;
	color: #333333;
	font-size: 46px;
	padding: 0 0 40px; font-family: 'robotomedium';
}
.all_head span{ color:#0063a7;}
.service_sec{
	padding: 40px 0;
}
.service_head{
	font-size: 34px;
	font-family: 'robotomedium';
	color: #333333;
	margin: 20px 0;
}
.service_right p{
	font-size: 15px;
    color: #333333;
    width: 87%; font-family: 'robotomedium';
    padding: 20px 0 30px;
    line-height: 24px;
}
.srvice_outr{
	padding: 0 0 50px;
}
.process_sec{
	background: #f4f4f4;
	padding: 40px 0;
}
.process_inner h2{
	color: #0063a7;
	font-size: 46px;
	font-family: 'robotomedium';
	margin: 0;
}


.prog_line{
	background: #d6d6d6;
    height: 2px;
    width: 36%;
    display: inline-block;
}
.proc_para{
	color: #585858;
	font-size: 28px;
}
.step_img{
	background: #0063a7;
	text-align: center;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	position: relative;
	text-transform: uppercase;
}
.step_img:before{
    position: absolute;
    right: 3px;
    border-left: 2px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #002844;
    bottom: -9px;
    content: "";
}
.step_img:after{
    position: absolute;
    left: 3px;
    border-left: 9px solid transparent;
    border-right: 2px solid transparent;
    border-top: 9px solid #002844;
    bottom: -9px;
    content: "";
}
.step_inner{
	padding: 0 30px;
}
.process_inner .line {
    background: #fff;
    height: 2px;
    position: absolute;
    left: 34px;
    width: 70%;
    top: 49%;
    z-index: 0;
}
.step_img span{
	background: #0063a7;
    position: relative;
    z-index: 2;
    padding: 0 10px;
    font-size: 16px;
}
.steps_info {
    background: #ffff;
    margin: 0 16px;
    padding: 20px 12px;
    text-align: center;
    color: #333333;
    line-height: 22px;
    font-size: 15px;
    border-radius: 0 0 20px 20px;
    position: relative;
    overflow: hidden;
      transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}
.hidden_text{
    position: absolute;
    top: -100%;
    left: 50%;
    transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    color: #fff;
    font-size: 18px;
    transform: translate(-50%, -50%);
}
.steps_info:hover .hidden_text {
    top: 34%;
    opacity: 9;
    z-index: 9;
}
.step_sec{
	padding: 30px 0 0;
}
.progress .progress-bar{
	background-color: #0063a7;
}
.step_sec .progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #d6d6d6;
    border-radius: 10px;
    -webkit-box-shadow:none;
    box-shadow: none;
    position: relative;
    bottom: 31px;
    z-index: 0;
}
.circle {
    height: 50px;
    width: 50px;
    background: #fff;
    border-radius: 50%;
    margin: -10px auto 0;
    display: inline-block;
    padding: 12px;
}
.circle span{
	background: #8c8c8c;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    padding: 10px;
}
.patch {
	position: relative;
    z-index: 2;
}
.home_links .nav > li > a:hover, .home_links .nav > li > a:focus, .home_links .nav > li.active > a{
	background: none;
	color: #0063a7;
}
.jumbo_img img{
	width: 100%;
}
.jumbo_unwired{
	padding: 50px 0;
}
.jumbo_inner{
	padding: 60px 0 0;
}
.jumbo_inner h4{
	font-size: 42px;
	color: #4d4d4d;
	display: inline-block;
	margin: 0 0 25px;
}
.jumbo_inner p{
	font-size: 16px;
	width: 81%; color:#5a4f57;
	line-height: 26px; font-family: 'robotomedium';
	}
.jumbo_inner p span{
	display: block;
	padding-bottom:10px;
	font-family: 'robotomedium';
	font-size: 18px;
}

.modal-open .modal{ z-index:10001 !important;}

.jumbo_inner h4 > span {
    height: 2px;
    width: 100%;
    display: inline-block;
    background: #9c9c9c;
}
.top_header{
	position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99999;;
    box-shadow: 0 0 5px #c5c4c4;
    border-bottom: 1px solid #ccc;
}
img{ max-width:100%;}
.no-padding{ padding-left:0px !important; padding-right:0px !important;}
.owl-nav{ color: #fff; position: absolute; width:100%; bottom:0%; font-size:30px; outline:none; border:none;}
.owl-prev{ position:absolute; right:5%; top:2%;  z-index:10000;}
.owl-prev:hover{ color:#da7b21 !important;}
.owl-next{ position:absolute; right:1%; top:2%;  z-index:10000;}
.owl-next:hover, .owl-next:active, .owl-next:visited, .owl-next:link { color:#da7b21 !important; outline:none; border:none;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ outline:none;}

.owl-carousel.second.owl-nav{ display:none;}

.item span{ color:#ffffff; font-size:18px; font-weight:normal; font-family:Roboto, Arial, Helvetica, sans-serif; display:block; padding-top:10px;}
.owl-carousel .owl-item img{ width:auto !important; display:inline-block !important;}
.item div{ display:inline-block;}
.TestimonialSlider{ font-size:16px; font-family:Roboto, Arial, Helvetica, sans-serif; color:#ffffff;}
  
  
.iconLefTestimonila{ display:inline-block; width:8%; vertical-align:top;}
.TestimonialRightMain { display:inline-block; width:90%;}
.TestimonialRightMain img{ margin-right:10px;}   
.foot_icon {
    float: left;
    width: 18%;
    padding: 0px 5px 0 0;
    text-align: center; vertical-align:top;
}
.foot_para {
    float: left;
    width: 76%;
    color: #4a3c47; padding:4px 0px;
    font-size: 16px; line-height:24px;
}

.foot_para a, .foot_para a:hover{ color:#4a3c47;}

footer{
	padding: 60px 0;
}
.foot_para a{
	color: #4a3c47;
	display: block;
}
.title_img{
    position:absolute;
     left:12%; top:20%;
      z-index:10000; 
      max-width:400px;
}
.service_right a{
    display: inline-block;
    border: 1px solid #333333;
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 18px;
    color: #333333;
}

/*difference sec*/
.diffRightSec{ padding:8% 5% !important;}
.diffRightSec h1{ color:#0063a7 !important;}
.difference p{ font-size:15px; max-width:440px; line-height:26px; padding-bottom:10px;}
.difference span{ width:70px; height:8px; display:block; background:#0063a7;}
/*difference sec*/


/*services sec*/
.services h1{ color:#0063a7 !important;}
.services p{ font-size:15px; line-height:26px; padding-bottom:10px;}
.servicesWhatsMore h3{ margin-bottom:20px !important; font-weight:bold;}

.sub_head_services{margin:15px 0 15px 0px;
    font-size: 34px;}
.serviceInn{ padding:0px;}
.serviceInn h2{ margin-top:0px;}
.serviceInn p{ border-bottom:1px #ccc solid; width:90%;}
.serviceInn p img{ display:inline-block;}
.serviceInn p span{ display:inline-block;}
.LeftText{ display:inline-block; width:12%; padding-top:5px; vertical-align:top;}
.MiddleText{ display:inline-block; width:18%; vertical-align:middle; font-weight:bold; color:#333333; font-size:15px; padding-top:5px;}
.RightText{ display:inline-block; width:60%; vertical-align:top; padding-left:5%;}
.ExploreSec{ padding:10px 0 20px 0px;}	
.ExploreSec a{ background:#ff6633; border:none !important; color:#fff !important; border-radius:0px;}
.ExploreSec h2{ margin-top:10px !important; color:#000000 !important; font-weight:bold;}
/*services sec*/




.service_right a:hover{
    background: #333333;
    color: #fff;
    transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.service_right a:hover .arrow_img {
    background-position: 8% 100%;
    }
.arrow_img {
    background: url(../images/arrows_btns.png);
    background-repeat: repeat-x;
    height: 12px;
    width: 30px;
    display: inline-block;
    background-position: 100% 100%;
    transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.arrow_img1  {
    background: url(../images/arrows_btns.png);
    background-repeat: repeat-x;
    height: 12px;
    width: 30px;
    display: inline-block;
    background-position: 15% 100%;
    transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.navbar-nav > li > .dropdown-menu{ margin-top:20px !important;}
.dropdown-menu > li > a{ padding:5px 20px !important; font-family:'robotomedium' !important; font-size:17px !important; color:#797779 !important;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background:#0063a7 !important; color:#ffffff !important;}

.modal-dialog{    width: 100% !important; margin:10% auto 0 auto !important;  max-width: 776px !important;}

#myCarousel1 a.right.carousel-control{
    width: 10% !important;
}
.owl-carousel.second .owl-nav{
    left: -45% !important; 
}
.owl-carousel.second .owl-nav .fa{
    font-size: 44px;
}
.owl-carousel.second .owl-nav button.owl-prev{
    right: 10%;
}
.owl-carousel.second .owl-nav button.owl-next{
    right: -10%;
}
@media (max-width: 768px){
    .owl-carousel.second .owl-nav{
        left: -35% !important; 
    }
    .owl-carousel.second .owl-nav .fa{
        font-size: 26px;
    }
    .owl-carousel.second .owl-nav button.owl-prev{
        right: 0;
        left: 45%;
    }
    .owl-carousel.second .owl-nav button.owl-next{
        right: -22%;
    }
    .navbar-toggle .icon-bar{
        background: #0063a7;
    }
    .navbar.navbar-static-top{
        padding: 0;
         min-height: 36px;
    }
	
.FormMessage{ width:90%; padding:15px; background:#0063a7 !important; position:fixed; left:0; right:0; top:25%; margin:0 auto; text-align:center;}
.FormMessage span{ color:#ffffff; font-size:16px; font-weight:bold; display:block; text-align:center;}
	
	.navbar-nav > li > .dropdown-menu{ margin-top:0px !important;}
    .header {
        padding: 12px 15px;
    }
    .home_links .nav > li {
        margin: 0 0 5px;
       
        padding: 0 0 5px;
    }
	.home_links .nav > li:last-child { border-bottom:none !important; }
    .banner_txt {
        left: 5%;
        width: 90%;
        padding: 14px 10px 50px 10px;
        position: relative;
    }
    .banner {
        padding: 80px 0 0;
    }
    .banner_txt h4 {
        font-size: 22px;
    }
    .banner_txt p {
        font-size: 14px;
    }
    .sub_head {
        font-size: 22px;
    }
    .title_img{
        position:absolute;
        left:5%; top:20%;
        max-width:150px;
    }
    .service_right{
        margin: 0 0 15px;
    }
    .service_right p {
        padding: 15px 0;
    }
	.srvice_outr {
        padding: 15px 0;
        border-bottom: 1px solid #ccc;
    }
    .service_head {
        font-size: 28px;
        margin: 10px 0;
	
    }
	
    .process_inner h2 {
        font-size: 29px;
    }
    .prog_line {
        width: 90%;
    }
    .proc_para {
        font-size: 19px;
        margin: 0;
    }
    .step_sec {
        padding: 15px 0 0;
    }
    .step_inner {
        padding: 0 30px 15px;
    }
    .process_sec {
        padding: 20px 0 10px;
    }
    .jumbo_inner {
        padding: 0;
    }
    .jumbo_unwired {
        padding: 20px 0;
    }
    .jumbo_inner h4 {
        font-size: 36px;
        margin: 0 0 23px;
        margin: 0 0 5px;
    }
    .jumbo_inner p {
        width: 100%;
    }
    .owl-nav button{
        margin: 0 10px;
    }
    .navbar-header .navbar-toggle {
        margin-top: 0px;
        margin-bottom: 0;
        margin-right: 0;
        cursor: pointer;
    }
    .enquiry_btn {
        top: 17%;
    }
    .all_head {
        font-size: 30px;
        padding: 0 0 2px;
    }
    .borber_none{
        border-bottom: none;
    }
    .service_sec {
        padding:0 10px;
    }
    .progress{
        display: none;
    }
    .step_inner:hover .circle span{
        background:#0063a7;
    }
    .sub_para {
        margin: 0 0 5px;
    }
    footer{
        padding: 30px 0;
    }
    .footer_logo{
        padding: 0 0 20px; text-align:center;
    }
.footer_logo img{ max-width:155px;}
	
    .foot_icon {
        padding: 0px 5px 0 0;
    }
    .foot_para {
        margin: 0 0 16px;
    }
    .owl-prev {
        right: 12%;
    }
    .header img {
        width: 105px;
    }
	
	
/*services sec*/
.services h1{ color:#0063a7 !important;}
.services p{ font-size:15px; line-height:26px; padding-bottom:10px;}
.servicesWhatsMore h3{ margin-bottom:20px !important; font-weight:bold;}

.sub_head_services{margin:15px 0 15px 0px;
    font-size:22px;}
.serviceInn{ padding:0px;}
.serviceInn h2{ margin-top:0px;}
.serviceInn p{ border-bottom:1px #ccc solid; width:90%;}
.serviceInn p img{ display:inline-block; max-width:24px;}
.serviceInn p span{ display:inline-block;}

.LeftText{ display:inline-block; width:12%; padding-top:5px;}
.MiddleText{ display:inline-block; width:75%; vertical-align:middle; font-weight:bold; color:#333333; font-size:17px; padding-top:5px;}
.RightText{ display:inline-block; width:100%; vertical-align:top; padding-left:5%; padding-top:10px;}
.ExploreSec{ padding:30px 0 20px 0px;}	
.ExploreSec a{ background:#ff6633; border:none !important; color:#fff !important; font-size:13px !important;}
.ExploreSec h2{ margin-top:10px !important; color:#000000 !important; font-weight:bold;}
/*services sec*/	

.arrow_img1 {
    background: url(../images/arrows_btns.png);
    background-repeat: repeat-x;
    height: 12px;
    width: 30px;
    display: inline-block;
    background-position: 15% 100%;
    transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.home_links .navbar-nav > li:nth-last-child(2){ border-bottom:none !important;}

}

.text-right{
	
	padding-top:25px;
}
.lblTitle
{
	/* margin-top:80px; */
	font-size:25px;
	margin-left:50px;
}