/*
font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Kaushan Script', cursive;
*/
/* Custom Scroll Bar */
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-button {width: 8px;height:5px;}
::-webkit-scrollbar-track {background:#eee;border: thin solid lightgray;box-shadow: 0px 0px 3px #dfdfdf inset;border-radius:10px;}
::-webkit-scrollbar-thumb {background:#999;border: thin solid gray;border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background:#7d7d7d;}
/* Custom Scroll Bar */

/* Placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

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

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}


body{ margin:0; padding:0; background: #c1b9ac;}
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../images/loader.gif') 50% 50% no-repeat rgb(249,249,249);}

.dark{ height:300px; background:#685f4e; margin:0; padding:0; margin-top:90px;}
.top{ height:50px;}
.myslider{ min-height:150px; margin-top:10px;}
.myslider1{ height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0; padding:0; margin-top:10px;}
.logo{ position:relative; top:-50px;}
.topper{ min-height:400px; background:#FFFFFF; position:relative; top:-330px; margin-bottom:-330px; box-shadow: 0px 0px 20px #000; padding-bottom:10px;}
.mynavigation{ width:100%; min-height:60px; border-radius:0px; padding-top:0px;}
.usearea{ min-height:400px; background:#FFF; padding:20px 0; margin-bottom:50px;}
.frmbox{ min-height:300px; background:#eee7da; padding:2%;}
.txtbox{ width:100%; height:35px; margin-bottom:5px; border:#999999 1px solid; padding-left:2%; padding-right:2%; border-radius:3px; font-family: 'Roboto', sans-serif;}
.txtboxa{ width:100%; height:135px; margin-bottom:5px; border:#999999 1px solid; padding-left:2%; padding-right:2%; border-radius:3px; font-family: 'Roboto', sans-serif;}
.services ul{ margin:0; padding:0;}
.services ul li{ display:block; font-family: 'Roboto', sans-serif; padding:8px; background:#c1b9ac; width:100%; margin-bottom:2px; color:#000; transition:background .5s;}
.services ul li:hover{ display:block; font-family: 'Roboto', sans-serif; padding:8px; background:#FF9900; width:100%; margin-bottom:2px; color:#000;}
.lowerphoto{ min-height:200px; background:#CCC; background-image:url(../images/3.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:5px; margin-bottom:5px;}
.linebog{ border:#333333 1px solid; width:98%;}
.linesml{ border:#333333 1px solid; width:10%;}

.fras { position:relative; top:20px; margin-bottom:20px;}
.fras a{ padding:5px; background:#FF9900; color:#FFF; margin:5px;}
.fras a:hover{ padding:5px; background:#FF9900; color:#FFF; margin:5px; text-decoration:none;}

.artistic{font-family: 'Kaushan Script', cursive; font-size:1.5em; color:#666666;}
.subhead{font-family: 'Oswald', sans-serif; font-size:2em; color:#666666;}
.bigger{font-family: 'Anton', sans-serif; font-size:1.5em; color:#000066;}
.normal{font-family: 'Roboto', sans-serif; font-size:1.1em; color:#333333;}
.members{ margin-top:50px;}
.foting a{font-family: 'Roboto', sans-serif; font-size:1em; color:#333333;}
.foting a:hover{font-family: 'Roboto', sans-serif; font-size:1em; color:#333333; text-decoration:none;}
thead{ background:#FF9900; font-family: 'Roboto', sans-serif; font-size:1em; color:#FFF;}
tbody{ background:#c1b9ac; font-family: 'Roboto', sans-serif; font-size:1.1em; color:#333333;}
tbody tr{ background:#c1b9ac; font-family: 'Roboto', sans-serif; font-size:1.1em; color:#333333;}
tbody tr:hover{ background:#FF9900; font-family: 'Roboto', sans-serif; font-size:1.1em; color:#333333;}

.mybtn{ padding:6px; width:100%; border:none; bordert-radius:5px; background:#685f4e; color:#FFF; font-family: 'Roboto', sans-serif; font-size:1em; transition: background .5s;}
.mybtn:hover{ padding:6px; width:100%; border:none; bordert-radius:5px; background:#FF9900; color:#FFF; font-family: 'Roboto', sans-serif; font-size:1em;}

/* NAVIGATION COLOR SETTING */
/* -------- Background and border setting of navigation --------- */
.navbar{ margin:0; padding:0; background:#FFF;}
.navbar-default {border:none; border-radius:0px; background:#000; padding:0; margin:0;}
.navbar-default .navbar-brand {color: #FFF; margin:0; padding:0;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #FFF;}
.navbar-default .navbar-text {color: #FFF;}
.navbar-default .navbar-nav > li > a {color: #FFF; font-size:1.1em; font-weight:bold; font-family: 'Roboto', sans-serif;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #FFF; height:60px; background-color:#FF9900;}
.navbar-default .navbar-nav > li > .dropdown-menu {background-color: #69899f;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {color: #FFF;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {color: #FFF; background-color: #FF9900;}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {background-color: #FFF;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #FFF; height:60px; background-color:#FF9900; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #000; background-color: #425766;}
.navbar-default .navbar-toggle {border-color: transparent;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#FF9900;}
.navbar-default .navbar-toggle .icon-bar {background-color:#FFF;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-color: #d7e2e9;}
.navbar-default .navbar-link {color: #FFF;}
.navbar-default .navbar-link:hover {color: #FFF;}

.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}



@media only screen and (max-width: 360px) {
.fras { position:relative; top:20px; margin-bottom:60px;}
.logo{ position:relative; top:-51px;}
}