*
{
margin:0;
padding:0;
}
html {
font-size:1.2em;
}
body {
background-color:#f6f6f6 !important;
}
.border-right {
height: 3em;
margin-top: 0.8em !important;

}
.bord
{
margin-top:2em;
}
 .borderright{
        position: relative;
        border-right: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
        padding-right: 10px;
        height: 55px;
        margin-top: 2em;
        font-size:13px;
        }
	
        .colo{
        font-size: 30px;
        }
        .colo:hover{
        color: blue;
        }
	    .colo1
	    {
	        color: grey;
	    }
	    .colo1:hover
	    {
            color:orange;
	    }
/*nav*/

.topp{
background-color: black;
height: 6em;
width: 100%;
}

.container.up {
font-size: 14px;
}
.toggle,
[id^=drop] {
display: none;
}
nav { 
padding: 0px;
background-color: white;
margin-top: -3em;
position:relative;
width:100% !important;
}
div#logo {
width: 20%;
}
#logo {
display: block;
padding: 0 30px;
float: left;
}

/* Since we'll have the "ul li" "float:left"
* we need to add a clear after the container. */

nav:after {
content:"";
display:table;
clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
* and adding "position:reltive" */
nav ul {
float: right;
padding:1.5em;
margin:0;
list-style: none;
position: relative;
list-style-type:none;
}
	
/* Positioning the navigation items inline */
nav ul li {
margin: 0px;
display:inline-block;
float: left;
background-color: white;
}

/* Styling the links */
nav a {
display: block;
padding: 1em 2.1em;
color: orange;
font-size: 17px;
text-decoration: none;
font-weight: 500;
}

nav ul li ul li:hover { 
color: blue; 
}

/* Background color change on Hover */
nav ul li a:hover { 
text-decoration:none;
}

/* Hide Dropdowns by Default
* and giving it a position of absolute */
nav ul ul {
display: none;
position: absolute; 
/* has to be the same number as the "line-height" of "nav a" */
top: 60px; 
z-index:3;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
width:190px;
display:list-item;
position: relative;
}

/* Second, Third and more Tiers	
* We move the 2nd and 3rd etc tier dropdowns to the left
* by the amount of the width of the first tier.
*/
nav ul ul ul li {
position: relative;
top:-60px;
/* has to be the same number as the "width" of "nav ul ul li" */ 
left:190px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

#logo {
display: block;
padding: 0;
width: 100%;
}

nav {
margin: 0;
}

/* Hide the navigation menu by default */
/* Also hide the  */
.toggle + a,
.menu {
display: none;
}

/* Stylinf the toggle lable */
.toggle {
display: block;
background-color: white;
padding:14px 10px !important;	
color:red;
font-size:19px;
text-decoration:none;
border:none;
}

/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul {
display: block;
}

/* Change menu item's width to 100% */
nav ul li {
display: block;
width: 100%;
}

nav ul ul .toggle,
nav ul ul a {
padding: 0 40px;
}

nav ul ul ul a {
padding: 0 80px;
}

nav a:hover,
nav ul ul ul a {
background-color: #000000;
}
  
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a{
padding:14px 20px;	
color:#FFF;
font-size:17px; 
}
  
  
nav ul li ul li .toggle,
nav ul ul a {
background-color: #212121; 
}

/* Hide Dropdowns by Default */
nav ul ul {
float: none;
position:static;
color: #ffffff;
/* has to be the same number as the "line-height" of "nav a" */
}
		
/* Hide menus on hover */
nav ul ul li:hover > ul,
nav ul li:hover > ul {
display: none;
}
		
/* Fisrt Tier Dropdown */
nav ul ul li {
display: block;
width: 100%;
}

nav ul ul ul li {
position: static;
/* has to be the same number as the "width" of "nav ul ul li" */ 

}

}
@media screen and (min-width : 320px) and (max-width : 420px){

nav {
margin: 0;
padding: 0px;
background-color: white;
position: relative;
}
/* Hide the navigation menu by default */
/* Also hide the  */
.toggle + a,
.menu {
display: none;
}
/* Stylinf the toggle lable */
.citi
{
margin-left:-9em;
}
.cities
{
margin-left:2rem;
}
.toggle {
display: block;
background-color: white;
padding:14px 10px;	
color:red;
font-size:19px;
text-decoration:none;
border:none;
}
/* Display Dropdown when clicked on Parent Lable */
[id^=drop]:checked + ul {
display: block;
margin-left:1em;
}
/* Change menu item's width to 100% */
nav ul li {
display: block;
width: 100%;
}
nav ul ul .toggle,
nav ul ul a {
padding: 0 40px;
}
nav ul ul ul a {
padding: 0 80px;
}
nav a:hover,
nav ul ul ul a {
background-color: #000000;
}
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a{
padding:10px 15px;	
color:#FFF;
font-size:17px; 
} 
nav ul li ul li .toggle,
nav ul ul a {
background-color: #212121; 
}
/* Hide Dropdowns by Default */
nav ul ul {
float: none;
position:static;
color: #ffffff;
margin-top: 1rem;
/* has to be the same number as the "line-height" of "nav a" */
}		
/* Hide menus on hover */
nav ul ul li:hover > ul,
nav ul li:hover > ul {
display: none;
}		
/* Fisrt Tier Dropdown */
nav ul ul li {
display: block;
width: 100%;
}
nav ul ul ul li {
position: static;

/* has to be the same number as the "width" of "nav ul ul li" */ 
}
.bormob
{
margin-top:7em;
}
.time
{
margin-top: 0;
margin-bottom: 0rem;
}
header
{
margin-top:0em !important;
}
/*.bca{
background-image: url(images/working-bg.jpg);
position: relative;
display: block;
background-attachment: fixed;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
z-index: 1;
height: 100% !important;
background-color: grey;
margin-top:3em;

}*/
}
@media screen and (min-width : 280px) and (max-width : 653px)
{
.twoeighty
{
margin-top: 6em;
}
    .time1
    {
        margin-top:0em;
    }
    .bord
    {
        margin-top:0em;
    }
}
@media screen and (min-width : 320px) and (max-width : 420px) {
html, body {
margin: 0;
height: 100%;
overflow-x: hidden;
width:100%;
}
.row.address {
width:100%;
}
.row.ceoinfo {
width: 100%;
}
.menu-item {
width: 200px;
height: 180px !important;
}
.borderright {
margin-top:3em;}
.col-md-2.borderright.favicon {
left: -82px;
text-align: center;
}
topp {
margin-top: 10em;
}
div#logo{
margin-left:0;
display: block;
}
.toggle {
display: block;
background-color: white;
padding:14px 20px;	
color:red;
font-size:19px;
text-decoration:none;
border:none;
}
nav {
margin: 0;
padding: 0px;
background-color: white;
position: relative;
}
/* Hide the navigation menu by default */
/* Also hide the  */
.toggle + a,
.menu {
display: none;
}
.border-right {
margin-top: 2em !important;

}
}

@media screen and (min-width : 540px) and (max-width : 720px)
{
.toggle {
display: block;
background-color: white;
padding:14px 10px;	
color:orange;
margin-top:1.3em;
font-size:19px;
text-decoration:none;
border:none;
}
    .twoeighty
    {
        margin-top: 1em;
    }
.time1
{
margin-top:-2em;
}
.bord
{
margin-top:-2em;
}
}
@media screen and (min-width : 768px) and (max-width : 1024px)
{
.toggle {
display: block;
background-color: white;
padding:14px 10px;	
color:orange;
margin-top:1.5em;
font-size:19px;
text-decoration:none;
border:none;
}
}
.fas{
font-size:30px;
margin:1px;
position: relative;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
background: #ffffff;
color: #7c7e84;
font-size: 14px;
line-height: 50px;
text-align: center;
-webkit-transition: all 0.5s;
transition: all 0.700ms ease 100ms;
float: left;
margin-left: 5px;
}
.fas:hover{
font-size: 20px;
transform: rotate(360deg);
background: red;
transition: all 700ms ease 100ms;
color: white;
}
.colo{
font-size: 20px;
}
.colo:hover{
color: red;
}
.font
{
font-size:13px !important;
color:black;
text-align:start;
}
@media (max-width: 769px)
{

.topp
{
height: 4em;
}

.toggle {
display: block;
background-color: white;
padding: 14px 0px;
color: orange;
font-size: 19px;
text-decoration: none;
border: none;
float:left;
}
#logo {
display: block;
padding: 0;
width: 100%;
float: right;
}
label.toggle.cities {
margin-left: 1.1rem;
}
}
@media screen and (min-width : 769px) and (max-width : 1024px)
{
.toggle
{
display:none;
}
}
@media screen and (min-width : 1024px) and (max-width : 1333px)
{
.toggle
{
display:none;
}
}
/*nav*/


/*bak*/
/*.bca::before{background: rgba(40, 41, 46, 0.97) none repeat scroll 0 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
z-index: -1;}
.bca{
background-image: url(working-bg.jpg);
position: relative;
display: block;
background-attachment: fixed;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
padding: 60px 0 60px;
z-index: 1;
height: 40em;
background-color: grey;
}*/
.img11{width: 95%;height: 30%;}
img{width: 98%;}
/*footer*/
ul {
margin: 0px;
padding: 0px;
}
.footer-section {
background: #151414;
position: relative;
}
.footer-cta {
border-bottom: 1px solid #373636;
}
.single-cta i {
color: #ff5e14;
font-size: 30px;
float: left;
margin-top: 8px;
}
.cta-text {
padding-left: 15px;
display: inline-block;
}
.cta-text h4 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 2px;
}
.cta-text span {
color: #757575;
font-size: 15px;
}
.footer-content {
position: relative;
z-index: 2;
}
.footer-pattern img {
position: absolute;
top: 0;
left: 0;
height: 330px;
background-size: cover;
background-position: 100% 100%;
}
.footer-logo {
margin-bottom: 30px;
}
.footer-logo img {
max-width: 200px;
}
.footer-text p {
margin-bottom: 14px;
font-size: 14px;
color: #7e7e7e;
line-height: 28px;
}
.footer-social-icon span {
color: #fff;
display: block;
font-size: 20px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
margin-bottom: 20px;
}
.footer-social-icon a {
color: #fff;
font-size: 16px;
margin-right: 15px;
}
.footer-social-icon i {
height: 40px;
width: 40px;
text-align: center;
line-height: 38px;
border-radius: 50%;
}
.facebook-bg{
background: #3B5998;
}
.twitter-bg{
background: #55ACEE;
}
.linkedin-bg{
background: #DD4B39;
}
.footer-widget-heading h3 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 40px;
position: relative;
}
.footer-widget-heading h3::before {
content: "";
position: absolute;
left: 0;
bottom: -15px;
height: 2px;
width: 50px;
background: #ff5e14;
}
.footer-widget ul li {
display: inline-block;
float: left;
width: 50%;
margin-bottom: 12px;
}
.footer-widget ul li a:hover{
color: orange;
}
.footer-widget ul li a {
color: #878787;
text-transform: capitalize;
font-size:18px;
}
.subscribe-form {
position: relative;
overflow: hidden;
}
.subscribe-form input {
width: 100%;
padding: 14px 28px;
background: #2E2E2E;
border: 1px solid #2E2E2E;
color: #fff;
}
.subscribe-form button {
position: absolute;
right: 0;
background: #ff5e14;
padding: 8.7px 21px;
border: 1px solid #ff5e14;
top: 0;
}
.subscribe-form button i {
color: #fff;
font-size: 22px;
transform: rotate(-6deg);
}
.copyright-area{
background: #202020;
padding: 25px 0;
}
.copyright-text p {
margin: 0;
font-size: 14px;
color: #878787;
}
.copyright-text p a{
color: #ff5e14;
}
.footer-menu li {
display: inline-block;
margin-left: 20px;
}
.footer-menu li:hover a{
color: #ff5e14;
}
.footer-menu li a {
font-size: 14px;
color: #878787;
}
.cal
{
color: #878787;
font-size:18px;
}
.cal:hover
{
color:orange;
}
.fas fa {
color:blue;
}

/*go top button*/
html
{
scroll-behavior: smooth;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
left: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: orange;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#myBtn:hover {
background-color:red;
background-image:linear-gradient(orange,yellow);
}
.fas{
font-size:30px;
margin:6px;
position: relative;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
background: #ffffff;
color: #7c7e84;
font-size: 14px;
line-height: 50px;
text-align: center;
-webkit-transition: all 0.5s;
transition: all 0.700ms ease 100ms;
float: left;
margin-left: 5px;
}
.fas:hover{
font-size: 20px;
transform: rotate(360deg);
background: red;
transition: all 700ms ease 100ms;
color: white;
}