@charset "utf-8";
/* CSS Document */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
body { 
font-family: 'Open Sans', sans-serif;
font-size:15px; 
margin:0; 
padding:0; 
line-height:30px;
font-weight:400;
color:#000;
background:#fff;
}
/*Basic Styles*/
select:focus { box-shadow:none !important;}
ul { margin:0; padding:0;}
li { line-height:30px; list-style-position:inside;}
iframe, embed, object { width:100%; display:block;}
textarea { resize:vertical;}
p {font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight:400; line-height:30px;}
.text-black { color:#000;}
.text-black a{ color:#000;}
.text-light a{ color:#fff;}
.text-light { color:#fff !important;}
.bg-black { background:#000; color:#fff;}
.text-black { color:#000;}
.text-dark {color:#373737 !important;}
*:hover { text-decoration:none !important;}
.bg-light { background-color:#fff !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif;text-transform:none; line-height:normal;}
h1 { font-size:60px;}
h2 { font-size:40px;}
h3 { font-size:40px;}
h4 { font-size:35px;}
h5 { font-size:25px;}
a {color: #000000;}
.bg-warning { background-color:#fbd707 !important;}
.text-warning { color:#fbd707 !important;}
.btn-dark { background:#000 !important; }
.btn-dark:hover {background:#3e3e3e !important;}
.btn { white-space: nowrap; cursor:pointer; letter-spacing:0;border-radius:40px; padding:16px 40px;font-family: 'Raleway', sans-serif !important; font-size:20px;font-weight:800;}
.navbar-toggler:focus, .navbar-toggler:hover {box-shadow: none;border: none;outline: none;}
input:focus, input:active { box-shadow:none !important;}
textarea:focus, textarea:active { box-shadow:none !important;}
.navbar { padding:0; background:transparent !important; position:relative;}
.dropdown-menu { padding:0; border-radius:0; background:#fff; position:relative; top:0; border:none;}
.dropdown-toggle::after { border:none;}
.navbar-light .navbar-toggler-icon { background:url(../images/toggle.png) no-repeat;}
.navbar-toggler-icon { width:67px; height:18px;}
.navbar-toggler { background-color:transparent; border:none;}
.dropdown-item {  color:#000; padding:8px 15px; display:block;font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400;}
.dropdown-item:focus, .dropdown-item:hover {color:#000; background-color:#e1e1e1;}
.dropdown-item:last-child {}
.navbar-expand-lg .navbar-nav .dropdown-menu {top: 97%; left:0;}
.navbar-toggler { top:0; position:relative;}
form .border-bottom { border-left:none; border-top:none; border-right:none; border-color:#797979 !important;}
.mar-p-0 p { padding:0; margin:0;}
.mar-p-1 p { padding:4px 0; margin:0;}
.text-none { text-transform:none;}
.container-fluid {max-width:1920px;}
.bor-lft:after {content:" "; display:block; border-bottom:3px solid #96cce2; width:65px; margin-top:20px;} 
.bor-ctr:after {content:" "; display:block; border-bottom:1px solid #fecb0d; width:280px; margin:20px auto;} 
/* =================================  website Css ================================= */
/****************************************************************************/
/*Top Navigation CSS*/
.navbar-light .navbar-nav .nav-link {color:#fff; padding:8px 25px;font-family: 'Raleway', sans-serif; font-size:13px; text-transform:uppercase; 
font-weight:800; letter-spacing:0;}
/*.navbar-light .navbar-nav .nav-item:last-child .nav-link { background:#000; border-radius:40px;color:#fbd707 !important;}
.navbar-light .navbar-nav .nav-item:last-child .nav-link:hover { color:#fff !important;}
*/
.navbar-light .navbar-nav .nav-item:first-child .nav-link {}
.navbar-light .navbar-nav .nav-item:last-child .nav-link { }
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
/*.navbar-light .navbar-nav .nav-link:active {color:#fff; outline:none;background-color: #5d2964;}
.navbar-light .navbar-nav li.active .nav-link {color:#fff; outline:none;background-color: #5d2964;}
*/
.navbar-light .navbar-nav .nav-link:active {color:#fbd707 ; outline:none;background-color: #000;}
.navbar-light .navbar-nav li.active .nav-link {color:#fbd707 ; outline:none;background-color: #000;}
.navbar-light .navbar-nav .nav-item:not(:last-child) { }
ul.dropdown-menu { box-shadow: 0px 0px 7px #ffffff;}
.dropdown a:after { content:"\276F"; position:absolute; right:12px; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); font-size:9px;}
.dropdown .dropdown-item:after { content:" "; right:0;}
.page_item a {display: block;background: #ececec;font-size: 17px;   font-weight: 400;color: #000;padding: 20px 30px;
    -webkit-transition: all .2s ease;transition: all .2s ease;position: relative;text-decoration:none !important;}
.page_item {display: block;margin-bottom: 3px;/*text-align: left;*/}

.dropdown-menu a:after { content:" "; right:0;}
.dropdown-menu a { color:#fff; padding:8px 25px;background: #000; border-bottom:1px solid #fff;}
.dropdown-menu a:hover { color:#000; background:#fbd707;}
.dropdown-menu .page_item a {display: block;background:#000;font-size: 13px;   font-weight: 400;padding: 8px 25px;}
.dropdown-menu .page_item a:hover { color:#000; background:#fbd707;}
/*.page_item a:after { content:"\276F"; position:absolute; right:30px;}*/

.dropdown-menu .page_item {display: block;margin-bottom: 0;}

/*.page_item a:hover {background-color: #5d2964;color:#fff;}

.current_page_item a {background-color: #5d2964;color:#fff;}
*/

.page_item a:hover {background-color: #000;color:#fff;}

.current_page_item a {background-color: #000;color:#fbd707;}


dropdown-item

/********** Back To Top Button ***************************************************************************************************/
#scroll {background:rgba(0, 0, 0, 0.35); position:fixed; right:10px; bottom:10px; z-index:99999; cursor:pointer; width:50px; height:50px; text-indent:-9999px; display:none; webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px}
#scroll span {position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff;}
#scroll:hover {background-color:#000; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
/* --------------------------------- Header CSS ------------------------------*/
header { background:url(../images/header-bg.jpg) repeat-y 0 0; background-size:100%;}
.logo { background:url(../images/logo-after.png) no-repeat 100.5% 0 #000; background-size:auto 100%;}
/* --------------------------------- body CSS ------------------------------*/
.carousel-caption { z-index:0;}
.top-text h1 { font-weight:800; line-height:60px;}
.about h2 { font-size:80px; font-weight:800; line-height:50px;}
.about h2 small { font-size:30px; font-weight:800; color:#dfbe02;}
.about h3 { font-size:20px; font-weight:800; font-style:italic;}
.about .cus-wdth { width:95%}
.reviews { background:url(../images/bg1.jpg) no-repeat; background-size:cover; padding:100px 0;}
.reviews h2 { font-size:40px; font-weight:600;}
.reviews p {font-family: 'Raleway', sans-serif; font-size:30px; font-weight:600;}
.reviews .rounded-circle { box-shadow:10px 10px 20px rgba(0,0,0,0.30);}
.top-phone { position: relative;}
.top-phone .ph { font-size:30px; font-weight:800; position:relative;}
.top-phone .btn {color:#fbd707 !important;}
/* --------------------------------- Footer CSS ------------------------------*/
footer p { font-size:12px; text-transform:uppercase; line-height:18px;}
footer .social li a { font-size:20px;}

ul { margin:0; padding:0;}

.panel-main-nav-inner {display: block;margin: 0;}

.footer .nav-link{padding:0px !important;}

@media (min-width: 767.98px) {}
@media (min-width: 1200px) {	
.dropdown:hover .dropdown-menu {display: block;}
.container {}
}
@media (max-width: 1199.98px) {
.logo { background:none #000;}	
header { background:none;}
header .container { max-width:100%;}
.top-phone {top: 0;}
.top-phone .ph {top: 0;}
.navbar-light .navbar-nav .nav-link {padding: 8px 17px;}	
}
@media (min-width: 992px) and (max-width: 1199.98px) { }
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (max-width: 991.98px) {
.navbar-light .navbar-nav .nav-link	{ margin-bottom:5px; color:#000; display:block;  text-align:center; border-bottom:1px solid #ccc;}
.navbar-light .navbar-nav .nav-link	{padding-left: 15px !important; padding-top: 15px; padding-bottom: 15px;background: #f5f5f5;}
.navbar-nav { background:#fff; padding:20px; margin-top:15px !important;}
.navbar { background:transparent!important;}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {color: #000; background:#fbd707 ;}
.navbar-light .navbar-nav li.active .nav-link { color: #000; background:#fbd707 ;}
.navbar-light .navbar-nav .nav-item:not(:last-child) { margin-right:0;}
.container { max-width:100%;}
.top-phone {top: 0;}
header .bg-black { background: #f5f5f5 !important;}
}
@media (max-width: 768px) {
.navbar-light .navbar-nav .dropdown-toggle[aria-expanded="false"]:after {font-size: 20px;transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg)}
.navbar-light .navbar-nav .dropdown-toggle[aria-expanded="true"]:after {font-size: 20px;}
.dropdown-item {padding: 17px 25px; font-size:15px; background:#fdfbf3; border-bottom:1px solid #fbd70c; text-align:center;}
.top-phone .ph {font-size: 25px; top: 0;}
}
@media (max-width: 767px) {	
.footer *{ text-align:center;}
.carousel-caption { position:relative; left:0; background:#000; top:0; bottom:0; transform:translateY(0); padding:50px 0;}
.about h2 { font-size: 40px;}
h1 {font-size: 40px; line-height:44px;}
}
@media (max-width: 480px) {	
.navbar-toggler { top: 0;}
.top-phone .ph {font-size: 20px;top: 7px;}
}