body {
font-family: 'Montserrat', sans-serif;
line-height: 1.8;
letter-spacing:1px;
}
.btp{
    padding:0 !important;
}
.color-wh{
    color:#ffffff;
}
.colorgreen {
color:#0c0c0c;
}
.bggreen {
background:#010f33 !important;
color:#FFFFFF !important;
}
.paddingzero {
padding-right:0;
padding-left:0;
}
.margintop {
margin-top:0 !important;
}
.margintop50 {
margin-top:50px !important;
}
.upr-navbar {
background: linear-gradient(to right, black , #010f33);
/*background-color:#010f33 !important;*/
color:#ffffff !important;
}
.upr-navbar h6 {
font-size:10px !important;
line-height:0;
}
.left-links {
padding-top:2px;
}
.right-links a {
font-size:10px !important;
text-decoration:none;
color:#FFFFFF;
padding-right:8px;
padding-left:5px;
}
.right-links .fa {
font-size:14px;
padding-right:0px;
padding-left:0px;
margin-right:-6px;
}
.lt {
text-align:left;
}
.rt {
text-align:right;
}
.navbar-fixed-top {
top:40px;
z-index:9999;
}
.navbar-default {
background:none !important;
border:none !important;
font-family: Lato, sans-serif;
}
.navbar {
background-color:none;
}
.navbar li a {
padding-bottom:5px !important;
padding-left:0;
padding-right:0;
margin-left:20px;
margin-right:20px;
}
.navbar ul {
font-size:12px;
}
.navbar li a:hover {
border-bottom:2px solid #FFFFFF;
transition: 0.4s;
}
.active1 {
border-bottom:2px solid #FFFFFF;
}
.nav a {
color:#ffffff !important;
font-size:1.2em;
}
.navbar img {
padding-top:6px;
width:120px;
}
.navtop {
top:0px !important;
background: #010f33 !important;
padding-top:5px !important;
padding-bottom:5px !important;
}
.navtop img {
width:100px !important;
}
.navtop .navbar {
padding-top:5px;
}
.navbar-toggle{
background-color:#ffffff !important;
}
.banner {
background:url(../images/banner12.jpg) no-repeat 0px 0px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
height:100%;
background-attachment: fixed;
background-position: center;
text-align:center;
margin-top:-8%;
}
#banner-text .row {
position:absolute;
margin-top:-30%;
margin-left:0px;
margin-right:0px;
text-align:center;
color:#FFFFFF;
}
#banner-text .col-md-12 {
padding-left:1%;
padding-right:8%;
}
#banner-text h1 {
font-size:3em;
}
#banner-text p {
font-size:1.5em;
margin-top:5%;
}
#banner-text .btn1 {
margin-top:5%;
font-size:1.2em;
background: linear-gradient(175deg, black, purple 70%) !important;
padding:5px 18px;
border-radius:0;
border:none;
font-weight:600;
}
#banner-text .btn1:hover {
color:#000000;
}
#services {
margin-top:-10%;
}
.styleheading{
font-size:28px; 
line-height:1.3;
color:#000000; 
font-weight:600;
}
.pro_styleheading a{
font-size:20px; 
text-decoration:none;
line-height:0;
color:#000000; 
font-weight:400;
}
#services .col-md-3 {
background:#ffffff;
margin-left:30px;
margin-right:0;
padding:20px;
width:30%;
}
#services .fa {
font-size: 72px;
background: -webkit-linear-gradient(black, purple);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.services-p1 {
font-size:12px;
padding-top:10px;
letter-spacing:.8;
color:#333333;
word-spacing:1;
}
.image-blurred-edge {
background-image:url(../images/service.jpg);
width:300px;
height:168px;
border-radius:2px;
}
.image-blurred-edge:hover{
box-shadow: 5px 12px 40px 36px white inset;
}
.image-blurred-edge1 {
background-image:url(../images/standard.jpg);
width:300px;
height:168px;
border-radius:2px;
}
.image-blurred-edge1:hover{
box-shadow: 5px 12px 40px 36px white inset;
}
.image-blurred-edge2 {
background-image:url(../images/staff.jpg);
width:300px;
height:168px;
border-radius:2px;
}
.image-blurred-edge2:hover{
box-shadow: 5px 12px 40px 36px white inset;
}
#about h3 {
font-size:32px;
text-align:center;
color:#000000;
font-weight:600;
}
#about h4 {
font-size:20px;
text-align:center;
margin-bottom:45px;
color:#333333;	
}
#about h4:after{
content: '';
width: 55px;
font-size: 1px;
border: 1px solid black;
display: block;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
#about p {
font-size:14px;
color:#333333;
letter spacing:.8;
word-spacing:.5;
}
#about ul {
font-size:14px;
color:#333333;
letter spacing:.8;
word-spacing:.5;
}
.parallax {
background:url(../images/parallax1.jpg) no-repeat 0px 0px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
height:400px;
background-attachment: fixed;
background-position: center;
text-align:center;
}
#paralax{
color:#ffffff;
}
#paralax h3{
text-align:left;
font-size:30px;
margin-bottom:30px;
}
#paralax ul{
text-align:left;
font-size:14px;
padding-left:14px;
/*margin-top:20px;
margin-bottom:20px;*/
}
#paralax p{
text-align:left;
font-size:14px;
line-height:1.3;
}
#paralax a{
text-decoration:none;
font-size:14px;
color:#CCCCCC;
}
#paralax a:hover{
color:#ffffff;
}
.div-color{
margin-top:20px;
padding:10px;
background:rgba(0, 0, 0, .5);
}
#client-projects h2{
text-align:center;
margin-bottom:45px;
font-weight:600;
color:#000000;
font-size:32px;
}
#client-projects h2:after{
content: '';
width: 55px;
font-size: 1px;
border: 1px solid black;
display: block;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
#our-projects h2{
text-align:center;
margin-bottom:45px;
font-weight:600;
color:#000000;
font-size:32px;
}
#our-projects h2:after{
content: '';
width: 55px;
font-size: 1px;
border: 1px solid black;
display: block;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
#our-projects img{
width:100%;
height:165px;
}
#our-projects h4{
font-size:16px;
padding-bottom:20px;
border-bottom:1px solid #EAEAEA;
}
.project-padding{
padding:16px;
}
#our-projects p{
padding-top:15px;
font-size:12px;
}
.bg-testimonial{
background:url(../images/parallax.jpg);
}
#testimonials h2{
text-align:center;
margin-bottom:10px;
font-weight:600;
color:#ffffff !important;
font-size:32px;
}
#testimonials h2:after{
content: '';
width: 55px;
font-size: 1px;
border: 1px solid white;
display: block;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
#clients h2{
text-align:center;
margin-bottom:35px;
font-weight:600;
color:#ffffff;
font-size:32px;
margin-top:40px;
}
#clients h2:after{
content: '';
width: 55px;
font-size: 1px;
border: 1px solid white;
display: block;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
.Carousel{
background:rgba(0, 0, 0, .5);
padding-top:25px;
padding-bottom:20px;
}
/*.carousel-control {
margin-top:80px !important;
margin-bottom:50px !important;
background:none !important;
font-size:30px !important;
color:#ffffff !important;
}*/
.carousel-indicators {
margin-bottom:-10px !important;
}
.carousel-indicators .active {
background-color:#ffffff;!important
}
.carousel-indicators li {
border-color:#ffffff !important;
}
.Carousel ol {
margin-bottom:-10px;
}
.Carousel a {
text-decoration:none !important;
}
.testimonial-comment {
font-size:12px;
text-align:center;
color:#ffffff;
}
.testimonial-name {
font-size:12px;
text-align:center;
margin-bottom:25px;
color:#ffffff;
}
/*Contact sectiom*/
.content-header{
color:#fcc500 !important;
font-size: 45px !important;
}
.section-content{
text-align: center; 
}
.section-content h3{
font-size:16px;
line-height:1.3;
letter-spacing:2;
}
#contact{
padding-top: 50px;
padding-bottom:50px;
width: 100%;
background: #3a6186; 
background: -webkit-linear-gradient(to left, #3a6186 , #89253e); 
background: linear-gradient(to right, black , #010f33);
color : #fff;    
}
.contact-section{
padding-top: 40px;
}
.form-line{
border-right: 1px solid #B29999;
}
.form-group{
margin-top: 10px;
}
label{
font-size: 1em;
line-height: 1em;
font-weight: normal;
}
.form-control{
font-size: 1em;
color: #080808;
}
textarea.form-control {
height: 135px;
}
.submit{
font-size: .8em;
float: right;
width: 140px;
background-color: transparent;
color: #fff;
}
#contact span{
font-size:.8em;
color:#FF0000;
}
/* Start Footer ----------- */
#footer {
padding-top:50px;
padding-bottom:30px;
background: linear-gradient(#010f33, black 95%) !important;
color:#FFFFFF;
}
#footer h2 {
font-size:20px;
}
#footer p {
list-style-type:none;
color:white;
text-align:left !important;
font-family: Lato, sans-serif;
letter-spacing:.8px;
font-size:14px !important;
line-height:1.5;
}
#footer a {
color:white !important;
text-decoration:none;
font-family: Lato, sans-serif;
letter-spacing:.8px;
font-size:14px;
line-height:1.2;
}
#footer h3 {
font-size:16px;
}
#socio a {
font-size:8px;
padding-right:10px;
}
.address {
line-height:.8 !important;
}
.center {
text-align:center;
}
#footer h5 {
font-size:12px;
}
#foot {
padding-top:20px;
}
/* End Footer ----------- */
.inner-banner{
background: linear-gradient(to right, black , #010f33);
padding-top:100px;
padding-bottom:50px;
color:#FFFFFF;
font-family: Lato, sans-serif;
/*margin-top:-60px;*/
}
.breadcrumb{
background:none !important;
font-size:.8em !important;
font-family: Lato, sans-serif;
}
.sl {
font-size:2.8em !important;
text-transform:uppercase !important;
text-align:left !important; 
font-family: Lato, sans-serif;
}
.sr {
padding-top:2% !important;
color:#EBEBEB;
text-align:right !important;
font-family: Lato, sans-serif;
}
#capability h3{
background:#010f33; 
text-align:center; 
color:#FFFFFF; 
font-size:18px; 
padding-top:6px; 
padding-bottom:6px;
margin-bottom:20px;
}
.imgpadding{
padding-right: 0;
padding-left: 0;
}
#capability img{
width:100%; 
border:1px solid #DBDBDB;
}
#capability p{
font-size:12px;
letter-spacing:1.2;
line-height:1.4;
margin: 0 0 16px;
}
.cap-content-box{
padding:20px 25px;
border:1px solid #DBDBDB;
margin-bottom:20px;
}
.capability-heading h2{
text-align:center;
margin-bottom:45px;
font-weight:600;
color:#000000;
font-size:32px;
}
.capability-heading h2:after{
content: '';
width: 55px;
font-size: 1px;
border: 1px solid black;
display: block;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
#gallery h2{
text-align:center;
margin-bottom:45px;
font-weight:600;
color:#000000;
font-size:32px;
}
#gallery h2:after{
content: '';
width: 55px;
font-size: 1px;
border: 1px solid black;
display: block;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}
#gallery .thumbnail {
padding: 0;
}
#gallery .carousel-inner>.item>img, #gallery .carousel-inner>.item>a>img {
width: 100%;
}
#gallery .carousel-control{
padding-top:35%;
padding-bottom:35%
}
#gallery .fa{
color:#000000;
font-size:40px;
}
.success-alert{
color:#00FF00 !important;
font-size:14px !important;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Container DIV */
.simply-scroll { 
	
	height: 134px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	
	height: 134px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; 
	width: 160px;
	height: 134px;
}

.pro_thumbnail {
    position:relative;
    overflow:hidden;
}
 
.pro_caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
	height:100%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}
.pro_caption h4{
padding-top:120px;
}

@media (max-width:1200px) {
.banner{
height:600px;
}		
#banner-text .row {
margin-top:-45%;
}
#banner-text p {
margin-top:2%;
}
#banner-text .btn1 {
margin-top:2%;
}
#services .col-md-3 {
width:90%;
margin-top:5%;
}
.parallax{
height:500px;
}
.form-line{
border:none !important;
}
}
@media (max-width:1000px) {
.navbar img {
 width:100px;
 margin-left:-10px;
}
.navbar ul {
 padding-top:0px;
 padding-bottom:0px;
}
 .right-links a {
 padding-right:5px;
 padding-left:2px;
}
.navbar li a {
 margin-left:10px;
 margin-right:10px;
}
#banner-text h1 {
 font-size:2em;
}
#banner-text p {
 font-size:1em;
}
#banner-text .btn1 {
font-size:1em;
padding: 2px 10px;
}
#services .col-md-3 {
margin-left:25px;
margin-right:25px;
width:92%;
}
.form-line{
border:none !important;
}
}
@media (max-width:768px) {
.navbar-fixed-top {
top:0;
z-index:9999;
}
.navbar-toggle:hover{
background-color:#cccccc !important;
}
.navbar-nav{
margin-top:0 !important;
}
.navbar img {
width:50px;
margin-left:14px;
}
.nav a {
font-size:.8em;
padding-top:0px;
padding-bottom:0px;
color:#FFFFFF !important;
}
.navbar-toggle {
margin-bottom:0px !important;
}
.navbar li a {
padding-top:0px;
margin-left:10px;
margin-right:10px;
}
.navbar li a:hover {
border:none !important;
color:#CCCCCC !important;
}
.active1 {
border:none !important;
color:#CCCCCC !important;
}
.upr-navbar h6 {
display:none;
}
.banner{
height:520px;
}	
#banner-text .row {
margin-top:-60%;
}
#banner-text h1 {
font-size:2em;
}
#banner-text p {
font-size:1em;
margin-top:2%;
}
#banner-text .btn1 {
font-size:1em;
padding: 2px 10px;
margin-top:2%;
}
.parallax{
height:450px;
}
.form-line{
border:none !important;
}
.sl , .sr
{
	text-align:center !important;
	padding:0 0 0 0 !important;	
}
}
@media (max-width:600px) {
#banner-text .row {
margin-top:-85%;
}
.parallax{
height:400px;
}
.form-line{
border:none !important;
}
.pro_caption h4 {
    padding-top: 43px;
}
}
@media (max-width:400px) {
.upr-navbar h6 {
display:none;
}
.navbar {
padding-top:5px;
padding-bottom:0;
}
.navbar img {
width:50px;
margin-left:20px;
}
.nav a {
color:#ffffff!important;
font-size:.8em;
}
.navbar-header button {
margin-top:5px;
margin-bottom:0px;
}
.navbar ul{
background:#0c0c0c !important;
color:#FFFFFF !important;
}
.disp-none {
display:none;
}
.animated {
-webkit-animation-duration: 0s;
animation-duration: 0s;
}
.navtop img {
width:50px !important;
}
.navbar-fixed-top {
top:0;
z-index:9999;
}
.banner{
height:300px;
}		
#banner-text .row {
margin-top:-65%;
}
#banner-text h1 {
font-size:1em;
}
#banner-text p {
font-size:.5em;
margin-top:5%;
}
#banner-text .btn1 {
font-size:.5em;
padding: 2px 10px;
margin-top:5%;
}
.parallax{
height:520px;
}
#paralax h3{
font-size:20px;
margin-top:50px;
margin-bottom:20px;
}
#paralax p{
font-size:12px;
}
label{
  font-size: .8em;
  line-height: .8em;
  font-weight: normal;
}
.form-control{
  font-size: .7em;
  color: #080808;
  height:25px;
}
textarea.form-control {
    height: 90px;
}
.submit{
  font-size: .8em;
}
.form-line{
border:none !important;
}
}