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

/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*Body settings, change it as required*/

body {font-family: 'Roboto', sans-serif; font-size: 1em; line-height: 1.4; background:#ffffff; font-weight:400;}


/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight:500; color:#424242; text-rendering: optimizeLegibility; margin-top:0px;
margin-bottom:20px; }

h1 { font-size:20px; line-height:24px; font-weight:500;}
h2 { font-size:19px; line-height:24px; font-weight:500;}
h3 { font-size:18px; line-height:24px; font-weight:500;}
h4 { font-size:17px; line-height:24px; font-weight:500;}
h5 { font-size:16px; margin-bottom:15px; line-height:21px; font-weight:500;}
h6 { font-size:14px; margin-bottom:15px; line-height:24px; font-weight:400;}

p { font-size:14px; color:#424242; line-height:21px; font-weight:400;}
p a { color:#2f94d7;font-weight:400;}
p a:hover, p a:focus { color:#2f94d7;}

/*
* Links
*/

a { color: #2f94d7; text-decoration: none; line-height: inherit; font-weight:400;
    -webkit-transition: all ease-in 0.2s;
    -moz-transition: all ease-in 0.2s;
    -ms-transition: all ease-in 0.2s;
    -o-transition: all ease-in 0.2s;
    transition: all ease-in 0.2s;
}
a:hover {color: #2f94d7; text-decoration:none; }
a:focus { color: #2f94d7; outline: none; }
p a, p a:visited { line-height: inherit; }


ul, ol {
    padding: 0;
	margin:0;
}

ol, ul {
    list-style: none;
}




header, section, footer, aside, nav, main, article, figure {
    display: block; 
}




    /* Scrollbar */
    
    ::-webkit-scrollbar {
        width: 8px;
    }
    /* Track */
    
    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    /* Handle */
    
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #f57d13;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    }
    
    ::-webkit-scrollbar-thumb:window-inactive {
       background: #f57d13;
    }



/*================== HEADER =====================*/

header{ background-color:#293133; padding:5px 0 5px 0;}
header p{ color:#fff; padding:0; margin:0; font-size:12px; font-weight:400;}


.header-bottom{ background-color:#fff; padding:20px 0;}
.header-bottom h1{ font-size:27px; font-weight:600; padding-top:10px; margin-bottom:0;}
.header-bottom h1 span{color:#e78200;}
/* footer social icons */
.icon{
	width:40px;
	height:40px;
	border:1px solid #dedede;
	text-align:center;
	background:linear-gradient(#e78200,#a65f03);
	color:#fff;
	font-size:20px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	cursor:pointer;	
	border-radius:50%;	
}
.icon i{line-height:41px;}
.icon:hover{transform:translate(0, -10px);-webkit-transform:translate(0, -10px);box-shadow:3px 10px 3px #ccc;}
.icon:active{box-shadow:3px 10px 3px #1a58c1;}


/*======================= NAVIGATION ==========================*/

.navbar {
   border-radius:0px!important;
   padding:0;
   margin-bottom:0px!important; 
}

.navbar, .navbar.navbar-default {
    background-color: #f2f2f2;
    color: #000000;
	border-top:1px solid#c4c8d7;
}

.bar{ display:block;}



.navbar .navbar-nav > li > a {
    color: #000;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
	border-radius:0;
    
}

.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:#e78200;
}



.navbar .navbar-collapse ul li.active{
   background-color:#e78200;
 
}






.navbar .navbar-collapse ul li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);

}

.nav>li>a {
   padding: 10px 28px;
}


.navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu li > a:focus, .navbar.navbar-default .dropdown-menu li > a:hover, .navbar.navbar-default .dropdown-menu li > a:focus {
    color: #FFFFFF;
    background-color: #747474;
}

.form-group {
    padding-bottom: 7px;
    margin: 9px 0 0 0;
}



/*========================== MAIN =======================*/

main{ background-color:#fff; padding:30px 0;}

main h1{ font-size:20px; color:#010101; font-weight:500; text-transform:uppercase;}


main .service {
    color: #333d40;
    height: 245px;
    width: 245px;
    border: 10px solid #e78200;
    padding: 20px;
    border-radius: 100%;
    cursor: all-scroll;
    margin: 0 auto 10px;
	border-bottom-color:#002395;
	

   
}

.innerRow {
    border: 2px solid rgba(199, 153,0, 0.8);
    height: 100%;
    border-radius: 100%;
	text-align:center;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

	
}

.mb{background-image:url(../img/ser1.png);background-repeat: no-repeat; background-position: top;}
.mb1{background-image:url(../img/ser2.png);background-repeat: no-repeat; background-position: top;}
.mb2{background-image:url(../img/ser3.png);background-repeat: no-repeat; background-position: top;}
.mb3{background-image:url(../img/ser4.png);background-repeat: no-repeat; background-position: top;}


/*================ ARTICLE ================*/

article{ background-color:#fff; padding:30px 0;}
article h2{ font-size:22px; color:#010101; font-weight:500; text-transform:uppercase; padding-bottom:10px;}
article h6{ font-size:14px; color:#010101; font-weight:500;}


/*================ COLLACTION ================*/

.collaction{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002395+50,207cca+50,2989d8+50,002395+50,e78200+50 */
background: #002395; /* Old browsers */
background: -moz-linear-gradient(top, #002395 50%, #207cca 50%, #2989d8 50%, #002395 50%, #e78200 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #002395 50%,#207cca 50%,#2989d8 50%,#002395 50%,#e78200 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #002395 50%,#207cca 50%,#2989d8 50%,#002395 50%,#e78200 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002395', endColorstr='#e78200',GradientType=0 ); /* IE6-9 */
text-align:center;
} 
  
.collaction h3{ font-size:32px; font-weight:300; line-height:50px; color:#fff; padding:60px 0 20px 0;}
.btn.btn-primary{
    background-color:transparent;
	border:1px solid#fff;
    color: #FFFFFF;
	border-radius:0;
}

.btn.btn-primary:hover{
    background-color:transparent;
	border:1px solid#e78200;
    color: #FFFFFF;
	border-radius:0;}
	
.icon-padding{ padding:80px 0;}
.collaction h5{ color:#fff; font-size:20px; font-weight:400; padding-top:15px;}


/*================ CLIENT ================*/

.client{ background-color:#fff; padding:50px 0;}
.client h4{ font-size:22px; color:#010101; font-weight:500; text-transform:uppercase; padding-bottom:0px;}



/*============================ CAROUSEL ========================*/

.sld i{ margin-top:35px;}


/*============================ FOOTER ========================*/
.footer{ background-color:#222222; padding:40px 0 30px 0; text-align:center;}

.footer-box h5{ font-size:17px; 
font-weight:500; 
color:#eaeaea; 
font-weight:300; 
text-transform:uppercase; 
border-bottom:1px solid#c79900; 
width:100%;
padding-bottom:10px;
}
.footer-box{border-left:transparent;
height:200px;
width:100%;
padding-left:0px;
}

.footer-box address{ font-size:13px; color:#8c8c8c; line-height:22px;}

.soc ul li{ padding:5px; margin:0;}

.soc ul li a{ font-size:13px; color:#8c8c8c; line-height:18px;}
.soc ul li a:hover{ font-size:13px; color:#e78200; line-height:18px;}

/*============================ FOOTER-BOTTOM ========================*/

.footer-bottom{background-image:url(../img/footer-bg.png);background-repeat: no-repeat; background-position: top; padding:30px 0 20px 0;}

.footer-bottom p{ color:#8c8c8c; font-size:13px; text-align:center;}



/*===============  SUB-BANNER  ===================*/

.sub-banner{background-image:url(../img/sub-banner-bg.png);background-repeat: no-repeat; background-position: top; padding:80px 0 40px 0; text-align:center;}
.tital{ width:50%;border:1px solid#e78200; padding:15px; margin:0 auto;}
.tital h2{ font-size:20px; font-weight:400; color:#fff; padding:0; margin:0;}

.breadcrumb {
    padding: 8px 15px;
    list-style: none;
    background-color:transparent;
    border-radius: 4px;
	font-size:15px;
	margin-top:10px;
}


address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
    font-size: 14px;
}

.card{ margin-bottom:15px;}




.bullate ul{ list-style-type:circle; font-size:14px; margin-left:25px;}
.bullate ul li{ line-height:22px;}




/* Extra small devices (portrait phones, less than 576px)*/
/* No media query since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { ... }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { ... }

/*/ Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {



/*================ COLLACTION ================*/

.collaction{ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002395+50,207cca+50,2989d8+50,002395+50,e78200+50 */
background: #002395; /* Old browsers */
background: -moz-linear-gradient(left, #002395 50%, #207cca 50%, #2989d8 50%, #002395 50%, #e78200 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #002395 50%,#207cca 50%,#2989d8 50%,#002395 50%,#e78200 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #002395 50%,#207cca 50%,#2989d8 50%,#002395 50%,#e78200 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002395', endColorstr='#e78200',GradientType=1 ); /* IE6-9 */
text-align:left;
} 
  
.collaction h3{ font-size:32px; font-weight:300; line-height:50px; color:#fff; padding:60px 0 20px 0;}
.btn.btn-primary{
    background-color:transparent;
	border:1px solid#fff;
    color: #FFFFFF;
	border-radius:0;
}

.btn.btn-primary:hover{
    background-color:transparent;
	border:1px solid#e78200;
    color: #FFFFFF;
	border-radius:0;}
	
.icon-padding{ padding:80px 0;}
.collaction h5{ color:#fff; font-size:20px; font-weight:400; padding-top:15px;}





/*======================= NAVIGATION ==========================*/

.navbar {
   border-radius:0px!important;
}

.navbar, .navbar.navbar-default {
    background-color: #f2f2f2;
    color: #000000;
	border-top:1px solid#c4c8d7;
	z-index:999;
}

.bar{ display:none;}


.navbar .navbar-collapse ul li.active a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 45px solid transparent;
    border-right: 48px solid transparent;
    border-top: 19px solid #e78200;
    position: absolute;
    bottom: -19px;
    z-index: 1001;
    left: 0px;
}



/*============================ FOOTER ========================*/
.footer{ background-color:#222222; padding:40px 0 30px 0; text-align:left;}

.footer-box h5{ font-size:17px; 
font-weight:500; 
color:#eaeaea; 
font-weight:300; 
text-transform:uppercase; 
border-bottom:1px solid#c79900; 
width:30%;
padding-bottom:10px;
}
.footer-box{border-left:1px solid#4c4c4c;
height:200px;
width:100%;
padding-left:30px;
}

.footer-box address{ font-size:13px; color:#8c8c8c; line-height:22px;}

.soc ul li{ padding:5px; margin:0;}

.soc ul li a{ font-size:13px; color:#8c8c8c; line-height:18px;}
.soc ul li a:hover{ font-size:13px; color:#e78200; line-height:18px;}





/*===============  SUB-BANNER  ===================*/

.sub-banner{background-image:url(../img/sub-banner-bg.png);background-repeat: no-repeat; background-position: top; padding:80px 0 40px 0; text-align:center;}
.tital{ width:13%;border:1px solid#e78200; padding:15px; margin:0 auto;}
.tital h2{ font-size:20px; font-weight:400; color:#fff; padding:0; margin:0;}


.card{ margin-bottom:15px;}




	
	}