@import 'https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900|Roboto:100,100i,300,400,500,700,900';

body { margin:0; padding:0; font-family: 'Raleway', sans-serif; /*font-family: 'Roboto', sans-serif;*/ color:#666666; font-size:13px;}
a {-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-khtml-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;}

header { display:block;  padding:10px 0;}

.navigation { margin-bottom:0; background:#fff; border-bottom:5px solid #006093;}
.navigation .navbar-nav >li > a { color:#4b4b4b; font-weight:500; text-transform:uppercase; padding:10px 0; margin:0 15px;}
.navbar-default .navbar-nav>.active>a { background:none; border-bottom:2px solid #bf0200;}
/*.navigation .navbar-nav { float:right;}*/
.signup { color:#004c80!important;}
.login { color:#c6172c!important;}
.signup, .login { border-left:1px solid #ccdbe6; padding:0px 15px!important; margin:10px 15px!important;}
.navbar-brand > img { display:inline-block; width:100%; height:auto;}
.top-nav-collapse .navbar-brand > img{ width:90px!important; height:auto; padding:5px 0}
.navbar-brand { padding:0;}

.banner { display:block; background:#004c80 url(../img/banner-bg.jpg) repeat top center; padding:0; position:relative; margin-top:55px;}
.nav-tabs { background:#c6d5df;}
.nav-tabs li { text-align:center; text-transform:uppercase; color:#292929; font-weight:500; font-size:13px;}
.nav-tabs li .fa { font-size:22px; margin-bottom:10px;}
.nav-tabs li a { color:#292929;}
.tab-content { background:#ccdbe6; padding:20px;}

.radio-block.btn span {
  font-size: 16px;
}
.radio-block input[type="radio"] ~ i.fa.fa-circle-o{
    color: #252525;    display: inline;
}
.radio-block input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
.radio-block input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
.radio-block input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #252525;    display: inline;
}
.radio-block:hover input[type="radio"] ~ i.fa {
color: #252525;
}
div[data-toggle="buttons"] label.active{
    color: #252525;
}
div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
outline:none;
}
.fa-circle-o, .fa-dot-circle-o { font-size:18px;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus  { outline:none; outline-offset:0;}

.tab-content .form-group label { display:block;}
.input {width: 100%;height: 60px;display: block;margin:15px 0;padding: 0 15px;border: none;border-bottom: 3px solid #c0c0c0; font-size:14px; font-weight:400; background:#e6edf3;}
.input:focus {outline: none;border-bottom-color: #004c80 !important; background:#fff;}
.input:hover {border-bottom-color: #dcdcdc; background:#fff;}
.input:invalid {box-shadow: none;}
.message {width: 100%;display: block;margin: 15px 0;padding: 0 15px;border: none;border-bottom: 3px solid #ebebeb;}
.message:focus {outline: none;border-bottom-color: #3CC !important;}
.message:hover {border-bottom-color: #dcdcdc;}
.message:invalid {box-shadow: none;}
.pass:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
.inputButton {position: relative;width: 100%;height: 60px;display: block;margin: 30px auto 30px;color: white;background-color: #c6172c;border: none;-webkit-box-shadow: 0 5px 0 #c6172c;-moz-box-shadow: 0 5px 0 #c6172c;box-shadow: 0 5px 0 #c6172c; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300;}
.inputButton:hover {top: 2px;-webkit-box-shadow: 0 3px 0 #004c80;-moz-box-shadow: 0 3px 0 #004c80;box-shadow: 0 3px 0 #004c80;}
.inputButton:active {top: 5px;box-shadow: none;}
.inputButton:focus {outline: none;}

.img-slider .item { text-align:center;}
.img-slider .item img { display:inline-block;}
.img-slider .carousel-caption { right:10%; left:55%; bottom:40%;}
.img-slider .carousel-caption h3 { font-size:26px; text-shadow:none; font-weight:400; margin:0;}
.large-heading{ font-size:52px; margin:0;}
.sub-heading{ margin:0;}
.carousel-control { width:auto;}
.carousel-control.left, .carousel-control.right {background:none; top:40%; font-size:70px;}
.carousel-control.left{ left:30px}
.carousel-control.right{ right:30px;}
.welcome { display:block; width:100%; padding:20px 0; position:absolute; bottom:0; background-color:rgba(255, 255, 255, 0.8);}
.know-about { display:block; }
.know-about h2 { display:block; color:#333333; font-size:22px; font-family: 'Roboto', sans-serif; margin:0; padding:0; text-transform:uppercase;}
.know-about h1 { display:block; color:#004c80; font-size:42px; margin:0; padding:0; text-transform:uppercase; font-weight:800;}
.know-about span { display:block; color:#333333; font-size:14px; margin:0; padding:0; font-weight:600;}
.know-txt { border-left:3px solid #004c80; padding-left:50px; display:block;  color:#000; font-size:14px; line-height:28px; font-weight:500; }

.what-we-do { float:left; width:100%; display:block; background:#f9f9f9; padding:40px 0;}
.what-we-title { display:block; text-align:center; margin-bottom:50px;}
.what-we-title h1 { display:block; color:#333; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:700; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.what-we-title p { display:block; color:#333333; font-size:18px; margin:0; padding:0; font-weight:400;}
.we-do { float:left; width:100%; text-align:center;}
.we-do img { display:inline-block; margin:0 10px;}
.we-do a:hover { opacity:0.5;}

.quick-box { float:left; width:100%; padding-top:50px; background:#fff;}
.quick-box img { display:inline-block;}
.quick-box h3 { display:block; color:#333; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:700; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.quick-box p { display:block; color:#333333; font-size:14px; margin:0; padding:0; font-weight:500; line-height:28px;}
.quick-box .col-sm-9 { padding:10%;}

.footer-box { float:left; width:100%; background:#004c80 url(../img/nepal-map.jpg) no-repeat top center; padding:10px 0 0 0;}
.what-we-do { float:left; width:100%; display:block; background:#f9f9f9; padding:40px 0;}
.contact-us { float:left; width:100%; margin-bottom:30px;}
.contact-title { float:left; width:100%; text-align:center; margin:50px 0;}
.contact-title h1 { display:block; color:#fff; font-size:30px; font-family: 'Roboto', sans-serif; font-weight:700; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.contact-title p { display:block; color:#fff; font-size:18px; margin:0; padding:0; font-weight:400;}

.contact-address { float:left; width:100%; color:#e9e9e9; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300;}
.contact-address p { margin-bottom:15px;}
.contact-address p .fa { margin-right:10px;}
.contact-address a { color:#e9e9e9;}
.contact-address h3 { display:block; font-size:18px; font-weight:900; text-transform:uppercase;}
.social { font-size: 18px; display:inline-block; border:2px solid #e9e9e9; border-radius:50%; padding:2px 0px; width:32px; height:32px; text-align:center; margin-right:10px;}
.social:hover { border:2px solid #bf0200; background:#bf0200;}
.apps { font-size: 28px; display:inline-block; margin-right:10px;}
.apps:hover { color:#bf0200;}

.contact-form { float:left; width:100%; color:#e9e9e9; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300;}
.contact-form .form-control { width:100%; background:none; border:1px solid #407aa2; border-radius:0; min-height:40px; margin-bottom:15px; color:#fff;}
.contact-form label { font-weight:300; margin-bottom:10px; font-size:16px; color:#e9e9e9;}
.submit { font-size:16px; font-weight:500; color:#fff; background-color:#0267ac; text-transform:uppercase; padding:15px 35px; border:none; border-radius:0;
-o-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-khtml-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear;
}
.submit:hover { background-color:#bf0200;}

.copy-box { float:left; width:100%; background-color:#bf0200; text-align:center;}
.copy-box p { color:#e9e9e9; font-family: 'Roboto', sans-serif; font-size:13px; font-weight:300; margin:0; padding:10px 0;}

@media (min-width:769px) and (max-width: 1023px) {
.know-txt { font-size:12px; line-height:22px; padding-left:30px;}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.welcome { position:relative;}
.know-about h1 { font-size:28px;}
}
@media (min-width:481px) and (max-width: 768px) {
.welcome { position:relative;}
.know-about h1 { font-size:28px;}
.know-txt { padding-left:22px; font-size:13px; line-height:22px;}
.know-about { margin-bottom:10px;}
.pull-right { float:left!important; width:100%;}
.navbar-brand { padding-left:10px;}
.we-do a { display:inline-block; margin-bottom:10px;}
}
@media (max-width: 480px) {
.welcome { position:relative;}
.know-about h1 { font-size:28px;}
.know-txt { padding-left:22px; font-size:13px; line-height:22px;}
.know-about { margin-bottom:10px;}
.pull-right { float:left!important; width:100%;}
.navbar-brand { padding-left:10px;}
.we-do a { display:inline-block; margin-bottom:10px;}
.large-heading { font-size:22px;}
.sub-heading { font-size:18px;}
.banner { margin-top:35px;}
br { display:none;}
}