

body {
  padding-top: 0px;
}



.card {
  height: 100%;
}

.jumbotron {background-image:url(../images/view3.JPG); background-size:cover;min-height:360px;border-radius:7px; border: 1px solid #CABEBC;}
@media (max-width: 768px) {.jumbotron {background-size:cover;background-repeat:no-repeat;min-height:170px}}

.bg-dark {
    background-color: #083A96 !important;}
	
	
@media (max-width: 768px) {.bg-dark {
    
	background-image:none; }}


.display-3 {font-size:30px;color:#fff;opacity: 0.8;}
@media (max-width: 768px) {.display-3 {font-size:20px;color:#fff;opacity: 0.8;}}

.card {background:#F7F7F7;;border-radius:7px; border: 1px solid #CABEBC;}

.card img {border-radius:7px}

.commentHeading {
    background-color: #025002;
    padding: 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: "century gothic", Arial, Helvetica, sans-serif;
    letter-spacing: 3px;
	border-radius:4px
}
 .card-text {text-align:left;font-size:14px;line-height:24px}
 
 .comment2 {
    font-size: 85%;
    padding: 15px;
    border: 1px solid #025002;
    color: #000000;
	border-radius:4px;text-align:left;
}

.comment1 {
    font-size: 85%;
    padding: 15px;
    border: 1px solid #025002;
    color: #000000;
	border-radius:4px;text-align:left;
}

.strong {color: #713F3C}

h4 {color: #777}

.inner-head {color: #083A96;font-size:26px;padding:20px 0 20px 0}






.inner .navbar2 {margin-bottom: 20px }






@media (max-width: 768px) {.inner .navbar2 {margin-bottom: 60px }}

.info {
    font-size: 85%;
    padding: 15px;
    border: 1px solid #227622;
    
	 border: 1px solid #025002;
    color: #000000;
	border-radius:4px;text-align:left;
}

info b {
	
    color: #227622;
}


.card img {width:100%;margin-bottom:20px}

.info2 {
    font-size: 14px;
    padding: 15px;
    padding-top: 15px;
    border: 3px solid #227622;
	 border: 1px solid #025002;
    color: #000000;
	border-radius:4px;
	text-align:left;
}
.info2 img {width:200px;float:right;margin-left:10px}
@media (max-width: 768px) {.info2 img {width:100%;float:none !important;text-align:center;;margin-left:0px}}

.greentitle {color:#227622;font-size:20px}

.sc .mb-6 {margin-bottom:20px}

.sc .card {border-radius: 7px}

.k {max-width:300px;float:right;margin-left:20px}
@media (max-width: 768px) {.k {max-width:100%;float:none;margin-left:0px}}

b {
    color: #227622;
}

table {font-weight:bold;color:#777;border: 1px solid #025002;border-radius:4px;}

table table {font-weight:normal;color:#000;border:none;}

@media (max-width: 768px) {table{font-size:90%}}


.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;

    /* the rest of your styling */
}

.formbr {display:none}

@media (max-width: 768px) {.navbar-brand {font-size:18px} .nb {font-size:12px}
.col-lg-6, .col-lg-7,  .col-lg-8{margin-bottom:20px}
.container{
width: 100%;
padding-right: 1px;
padding-left: 1px;

	}
	
	h1 {margin-left:5px}
	
	.formbr {display:block}
	
	.inner-head {top-margin:30px}

}

.caption {font-size:12px;margin-top:-15px;margin-bottom:15px;}

.card a {color:#227622 !important}

footer {margin-top:20px}

.bb .card {background-color:#fff; border:none}

.img {text-align:center}

.img img {width:100%;}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.7) ;
}

.info li {margin-left:10px}

table li {list-style:none}

form {}
	
form table {border:none}



input[type='text'], input[type='email'], input[type='number'],textarea {1width:40%;height:30px}

.other img {max-width:300px;padding-top:50px;padding-left:30px}

.other {text-align:left}

button {width:100px !important}

.ver {max-width:200px;height:auto}

.wrap {max-width:940px;margin:0 auto;!background-color:#fff}
.outer { background-image:url(bg.png); background-repeat:repeat-x}


.navbar1 {display:inline}
.navbar2 {display:none}


.ii  {display:inline}

@media (max-width: 992px) {
	.navbar2 {display:inline}
	
	.navbar1 {display:none}
body {
    padding-top: 56px;
  }
  

}

.o {color:#ED6639}

b {color:#083A96}

.card-text a {color:#ED6639 !important}

.bg-dark2 {background:#083A96;color:#fff;font-size:11px}

.q {font-weight:bold;color:#083A96}

.a {font-weight:bold;color:#555}


.qa  .q {font-weight:bold;color:#083A96;float:left;margin-right:42px;}

.qa .a {font-weight:bold;color:#555;margin-bottom:20px;margin-right:42px;float:left}

.qa .a2 {font-weight:bold;color:#555;margin-bottom:200px;margin-right:42px;float:left}





h4 {font-size:20px}

a .nb {color:#fff !important;font-weight:normal !important}

.form10 {
   
    width: 100%;
  
    font-size: 13px;
    line-height: 17px;
    text-align: left;
    border-radius: 10px !important;
    box2-shadow: 4px 0 4px #cccccc, -3px 0 3px #cccccc, 0px 0 0px #cccccc;
    padding-top: 0;
    border-bottom-left-radius: 10px !important;
  
    background-color: #F7F7F7;
    border-top-left-radius: 10px !important;
    border: 1px solid #DEDEDE;
    background-color: #F7F7F7 !important;
}

.f {
   
    
  
    font-size: 13px;
    line-height: 17px;
    text-align: left;
    border-radius: 10px !important;
    box2-shadow: 4px 0 4px #cccccc, -3px 0 3px #cccccc, 0px 0 0px #cccccc;
    padding-top: 0;
    border-bottom-left-radius: 10px !important;
  
    background-color: #F7F7F7;
    border-top-left-radius: 10px !important;
    border: 1px solid #DEDEDE;
    background-color: #F7F7F7 !important;
	
	margin:20px 0;
}

.h {2background-color:#fff}


.iii {float:right;margin-top:70px;max-width:20px;max-height:auto}

.m {text-align:center;display:none}

.formtitle1 {
    color: #335CA8;
    font-size: 22px;
    font-weight: bold;
    padding-bottom:0px;
    line-height: 0px;
	 padding-top: 40px;
    white-space: nowrap !important;
}

@media (max-width: 950px) {
.iii  {display:none}
.photobox {display:none}
.m {text-align:center;display:inline}
.formtitle1 {
font-size: 18px;
white-space: normal  !important;
line-height: 20px;
 
}
}


@media (max-width: 768px) {
.iii  {display:none}
.photobox {display:none}
.m {text-align:center;display:inline}
.formtitle1 {
font-size: 18px;
white-space: normal  !important;
line-height: 20px;
 
}
}







.formtitle2 {
    color: #ED6639;
    font-size: 26px;
    font-weight: bold;
    line-height: 0px;
    padding-top: 40px;
    margin-bottom: 40px;
}


input {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #777;
    font-size: 14px;
    padding: 2px;
}


.bottombox_left {
  
    border-radius: 10px;
    background-color:#083A96;
    color: #ffffff;
    font-family: 'open sans', sans-serif;
    min-height: 165px;
	margin-right:5px;
}




.bottombox_right {
   
    border-radius: 10px;
    background-color: #ED6639;
    color: #ffffff;
    font-family: 'open sans', sans-serif;
    min-height: 165px;
		margin-left:5px;
}

.btn {background-color: #ED6639;
border-radius: 10px;}

.orangetop {
    padding: 1%;
    font-weight: bold;
    font-size: 17px;
    font-family: 'open sans', sans-serif;
    text-align: left !important;
}

.easy {
    font-size: 18px;
}

.step_outer {
    text-align: center;
    margin-left: 3%;
    
	margin-top: 1px;
}

.step_outer {
    float: left;
    margin-top: 10px;
}

.stepford {
    border-right: #FFF 1px solid;
}

.step {
    text-align: left;
    float: left;
    width: 30%;
    padding: 0;
	padding:0 10px;
	font-size:12px;
	
}

.oooo {
    font-weight: bold;
    font-size: 16px;
    font-family: 'open sans', sans-serif;
    padding-top: 1%;
    padding-left: 2%;
    text-align: left;
}



blockquote {
    clear: both;
    font-style: italic;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px 0px 0 10px;
    position: relative;
    quotes: none;
    border: 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
}

.photobox {
   
    background-color: #ffffff !important;
    height: auto;
	width:100%;
	
	
	
   
}

.photobox_row {
    width: 100%;
   
    margin-top: 3%;
    margin-bottom: 0%;
}

.pbox1, .pbox2, .pbox3, .pbox5, .pbox6, .pbox7 {
    2margin-right: 30px;
	}
	
	
.pbox1, .pbox2, .pbox3, .pbox5, .pbox6, .pbox7 {
    2margin-right: 30px;
}

.photobox_box {
    width: 100%;
  
    text-align: center;
    height: 200px;
	margin-top:20px;
}


.pbox1 {background-image:url(i/about.jpg); background-size:cover}
.pbox2 {background-image:url(i/dev.jpg); background-size:cover}
.pbox3 {background-image:url(i/qa.jpg); background-size:cover}
.pbox4 {background-image: url(i/start.jpg); background-size:cover}

.pbox5 {background-image: url(i/bridge.jpg); background-size:cover}
.pbox6 {background-image: url(i/post.jpg); background-size:cover}
.pbox7 {background-image: url(i/talk.jpg); background-size:cover}
.pbox8 {background-image: url(i/home.jpg); background-size:cover}


.pboxtop {
    background-color: rgba(9,58,150,0.8);
    color: #ffffff;
    min-height: 40px;
    padding: 1%;
}

.t2  {margin: 0  !important}

.ll {margin-left:0 !important}

.p2 {margin-left:0px; margin-right:0px}



 


	






