@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,400i,500,600,700,800|Sorts+Mill+Goudy');
@import url("../bootstrap/css/bootstrap.min.css");
@import url("../carousel/owl.carousel.min.css");
@import url("../carousel/animate.css");

@import url("../custom_scroll/jquery.mCustomScrollbar.css");
@import url("../range_sllider/ion.rangeSlider.css");

.main-menu {font-family: 'Montserrat', sans-serif;}
.top-bar a:focus, .top-bar a:hover, .main-menu a:focus, .main-menu a:hover{ text-decoration:none; outline:0;}
.top-bar button:focus, .main-menu button:focus{ outline:0;}
.top-bar img, .main-menu img{	
    display: block;
    max-width: 100%;
    height: auto;
}

.top-bar .bg-gray, .main-menu .bg-gray{ background-color:#f5f5f5;}
.top-bar .bg-gray-dark, .main-menu .bg-gray-dark{ background-color:#e4e4e4;}
.top-bar .bg-dark, .main-menu .bg-dark{ background:#4f4f4f;}
 
.top-bar .text-danger, .main-menu .text-danger{ color:#FE022C !important}

.top-bar .page-link:hover, .top-bar .page-link:focus, .main-menu .page-link:hover, .main-menu .page-link:focus{ box-shadow:none}
.top-bar .custom-select-sm, .main-menu .custom-select-sm {height: calc(2em + .5rem + 2px); padding-top: .50rem;padding-bottom: .50rem;font-size: .775rem;}

.top-bar h3, .main-menu h3{ color:#4e4e4e}


.top-bar .btn.btn-lg, .main-menu .btn.btn-lg{ border-radius:0; padding:.5rem 2rem}

.top-bar{ position:relative; background:#fff;}
.top-bar:after{ content:""; position:absolute; top:-5px; right:0; width:20%; background:#00ade5; height:5px;}

.top-bar .top-wrap{ display:flex; flex-direction:row-reverse;}
.top-bar .logo{ width:215px;}
.top-bar .top-right{ width:calc(100% - 215px); display:flex; justify-content:flex-end; align-items:center;}

.top-bar .top-search{ margin:14px 0; border:#cfcfcf solid 1px; border-radius:4px; width:25%; background:#fff;}
.top-bar .top-search input{ border:0; padding:5px 10px; font-size: 20px; margin:2px; height:38px; width:calc(100% - 47px);}
.top-bar .search-btn{ height:45px; width:45px; margin:-1px; border:0; padding:10px 15px; color:#fff; text-align:center; border-radius:4px;}

.top-bar .help-number{ font-weight:500; font-size:12px; color:#6a6a6a; padding:10px 20px;}
.top-bar .help-number strong{ font-weight:700; font-size:14px;}
.top-bar .help-number a{color:#6a6a6a;}

.top-bar .soical-icons{ border-left:#cccccc solid 1px; border-right:#cccccc solid 1px; padding:2px 7px;}
.top-bar .soical-icons li{ margin:0 10px; font-size:18px;}
.top-bar .soical-icons li a{ color:#4f4f4f;}
.top-bar .soical-icons li a:hover{ color:#00ade5;}

.top-bar .top-btns{ font-size:14px; font-weight:500; color:#6a6a6a; padding:0 10px; margin-right:-15px;}
.top-bar .top-btns li{ padding:4px 10px;}
.top-bar .top-btns li i{ font-size:18px; vertical-align:middle;}
.top-bar .top-btns a{ color:#6a6a6a;}
.top-bar .top-btns a:hover{ color:#00ade5;}

.red-gradient, .menu-banner:hover, .menu-active, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .btn-danger{background: rgb(245,38,92);
background: -moz-linear-gradient(top, rgba(245,38,92,1) 0%, rgba(255,1,42,1) 100%);
background: -webkit-linear-gradient(top, rgba(245,38,92,1) 0%,rgba(255,1,42,1) 100%);
background: linear-gradient(to bottom, rgba(245,38,92,1) 0%,rgba(255,1,42,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5265c', endColorstr='#ff012a',GradientType=0 );}
.red-gradient:hover, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .btn-danger:hover{background: rgb(255,1,42);
background: -moz-linear-gradient(top, rgba(255,1,42,1) 0%, rgba(181,0,30,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,1,42,1) 0%,rgba(181,0,30,1) 100%);
background: linear-gradient(to bottom, rgba(255,1,42,1) 0%,rgba(181,0,30,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff012a', endColorstr='#b5001e',GradientType=0 );}

.top-bar .btn-primary, .main-menu .btn-primary{background: rgb(24,197,253);
background: -moz-linear-gradient(top, rgba(24,197,253,1) 0%, rgba(1,174,230,1) 100%);
background: -webkit-linear-gradient(top, rgba(24,197,253,1) 0%,rgba(1,174,230,1) 100%);
background: linear-gradient(to bottom, rgba(24,197,253,1) 0%,rgba(1,174,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18c5fd', endColorstr='#01aee6',GradientType=0 );}
.top-bar .btn-primary:hover, .main-menu .btn-primary:hover{background: rgb(24,197,253);
background: -moz-linear-gradient(top, rgba(24,197,253,1) 0%, rgba(2,118,214,1) 100%);
background: -webkit-linear-gradient(top, rgba(24,197,253,1) 0%,rgba(2,118,214,1) 100%);
background: linear-gradient(to bottom, rgba(24,197,253,1) 0%,rgba(2,118,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18c5fd', endColorstr='#0276d6',GradientType=0 );}

.top-bar .btn-info, .main-menu .btn-info{background: rgb(112,112,112);
background: -moz-linear-gradient(top, rgba(112,112,112,1) 0%, rgba(21,21,21,1) 100%);
background: -webkit-linear-gradient(top, rgba(112,112,112,1) 0%,rgba(21,21,21,1) 100%);
background: linear-gradient(to bottom, rgba(112,112,112,1) 0%,rgba(21,21,21,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#151515',GradientType=0 );}
.top-bar .btn-info:hover, .main-menu .btn-info:hover{background: rgb(48,48,48);
background: -moz-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(48,48,48,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(48,48,48,1) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#000000',GradientType=0 );}

.top-bar .menu-active, .main-menu .menu-active{ color:#fff !important; }

.main-menu{ background:#eeeeee; box-shadow: inset 0 0 10px rgba(0,0,0,0.2);}
.main-menu .nav-wrap{ display:flex; justify-content:space-between;  align-items:center; margin:0 -26px; }

.main-menu .menu{ display:flex;}
.main-menu .menu > li{ position:relative}
.main-menu .menu > li > a{ padding:15px 37px; display:block; font-size:18px; font-weight:400; color:#2e2e2e;}
.main-menu .menu > li:hover > a, .menu > li.active > a{ color:#ff0532}
.main-menu .menu > li.hassub:hover > a:after{ content:""; position:absolute; bottom:0; left:50%; border-bottom:#ff0532 solid 6px;border-left:6px solid transparent; border-right:6px solid transparent; transform:translateX(-6px);}


.main-menu .md-sub{ min-width:870px;}
.main-menu .lg-sub{ min-width:1080px;}
.main-menu .sub-menu{ background:#fff; position:absolute; top:100%; left:0px; border-top:#ff0532 solid 3px; padding:40px 50px 10px; box-shadow:0 0 10px rgba(0,0,0,0.2); display:none; z-index:99;}
.main-menu .sub-menu h2{ font-size:24px; font-weight:500; color:#333f48; margin:0; padding:0 0 20px;}
.main-menu .sub-menu h3{ font-size:16px; font-weight:700; color:#fe0229; margin:0; padding:0 0 10px;}
.main-menu .sub-menu li { font-size:14px; padding-bottom:6px;}
.main-menu .sub-menu li a{ color:#4f4f4f}
.main-menu .sub-menu li a:hover, .sub-menu li.active a{color:#06ace6}
.main-menu .sub-wrap{padding:0 0 30px;}

.top-bar .bgdark, .main-menu .bgdark{ position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:99; display:none;}

.main-menu .menu-banner{max-width:236px; background:#06ace6}
.main-menu .menu-banner div{padding:10px;}
.main-menu .menu-banner div *{margin:0; padding:0;}
.main-menu .menu-banner div p{font-size:14px;}
.main-menu .menu-banner a{color:#fff;}

.main-menu .header_content{background:#00ade5;padding:30px;}
.main-menu .header_content h4{ font-size:20px;}
.main-menu .header_content h2{ font-size:48px; padding:25px 0;}
.main-menu .header_content .btn-light{ color:#00ADE5;}

.mobile-btn, .main-menu .top-search, .sub-menu h2 span{ display:none}

span.backmainmenu {display: none;cursor: pointer;}

.sub-menu .sub-wrap ul {
    height: 200px;
    max-height: 200px;
    /* overflow-y: scroll; */
}

@media screen and (min-width:420px){
  .top-bar .btn, .main-menu .btn{ border-radius:0; padding:.5rem 1.25rem}
}

@media screen and (min-width:768px){
  .main-menu .header_content{ position:absolute; top:0; bottom:0; right:30%; display:flex; align-items:center; width:300px; -webkit-transform:skewX(-7deg); -moz-transform:skewX(-7deg); -ms-transform:skewX(-7deg); -o-transform:skewX(-7deg);transform:skewX(-7deg);}
  .main-menu .header_content > div{-webkit-transform:skewX(7deg); -moz-transform:skewX(7deg); -ms-transform:skewX(7deg); -o-transform:skewX(7deg);transform:skewX(7deg);}
}

@media screen and (min-width:992px){
  .top-bar, .main-menu{ position:relative; z-index:100;}

  .main-menu .menu > li:hover .sub-menu{ display:block;}
}

@media screen and (max-width:1360px){
  .main-menu .lg-sub {min-width:940px;}
  .main-menu .sub-menu{ padding:20px 30px 10px;}
}

@media screen and (max-width:1199px){
  .top-bar .soical-icons li {margin: 0 5px;font-size: 16px;}
  .top-bar .top-btns li {padding: 4px}
  .top-bar .top-search, .main-menu .top-search{ width:auto;}
  .top-bar .top-search input, .main-menu .top-search input{ font-size:14px;}
  .top-bar .top-btns, .main-menu .top-btns {font-size: 12px;}
  .main-menu .menu > li{position:static;}
  .main-menu .menu > li > a{font-size:16px; position:relative}
  .top-bar .help-number, .main-menu .help-number{ max-width:138px; line-height:normal;}

  .main-menu .sub-menu{ width:100%;}
  /* .main-menu .nav-wrap{position:relative; margin:0;} */
  .main-menu .lg-sub, .main-menu .md-sub{ min-width:auto;}

  .main-menu .header_content h2 {font-size: 38px;padding: 15px 0;}
  .main-menu .header_content h4 {font-size: 16px;}
}

@media screen and (max-width:991px){
  /* .top-bar .top-wrap{ display:block;} */
  .top-bar .h3, .top-bar h3, .main-menu .h3, .main-menu h3 {font-size: 1.50rem;}	
  .top-bar .top-btns li{ text-align:center;}
  .top-bar .top-btns li a span{ display:block; font-size:10px;}

  .top-bar .mobile-btn, .main-menu .mobile-btn{ display:block; float:right; height:55px; padding:15px 12px; width:60px; cursor:pointer;}
  .top-bar .mobile-btn span, .main-menu .mobile-btn span{ display:block; height:4px; background:#222; box-shadow: 0 9px 0 #222, 0 18px 0 #222; pointer-events:none; }
  .top-bar .mobile-btn:hover span, .main-menu .mobile-btn:hover span{ background:#FE022C; box-shadow: 0 9px 0 #FE022C, 0 18px 0 #FE022C}
  .top-bar .top-search{ display:none;}

  .main-menu .top-search{ margin:7px 0; display:block; max-width:300px;}
  .main-menu .top-search input{ height:32px;}
  .main-menu .search-btn{ height:41px;}

  .nav-wrap, .sub-menu { -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
  .nav-wrap{ position:fixed; top:0; left:inherit; bottom:0; overflow:hidden; overflow-y:auto; background:#fff; z-index:999; display:block; width:280px; transform:translateX(-100%);}
  .menu {display:block !important;}
  .menu > li.hassub:hover > a::after{ display:none;}
  .menu > li{ border-bottom:#ECECEC solid 1px;}
  .menu-open .nav-wrap{transform:translateX(0%);display: block;}
  .menu-open .bgdark, .fillter_open .bgdark{ display:block !important;}
  .main-menu .sub-menu{ top:0; right:auto;width:280px; bottom:0; overflow:hidden; overflow-y:auto; z-index:999; display:block; transform:translateX(-110%);}
  .main-menu .sub-menu{ background:#fff; position:absolute; top:0px; left:0px; border-top:#ff0532 solid 3px; padding:40px 50px 10px; box-shadow:0 0 10px rgba(0,0,0,0.2); display:block; z-index:1099;}
  .sub-open > .sub-menu{ transform:translateX(0);}
  .sub-menu h2{ padding-right:50px; position:relative; font-size: 22px;}
  .sub-menu h2 span.backmain{ position:absolute; top:8px; right:0; font-size:14px; display:block; cursor:pointer;}
  .sub-menu h2 span.backmain:hover{ color:#FE022C}
  .header_content h2 {font-size:34px;padding: 10px 0;}
}

@media screen and (max-width:767px){
  .logo{ margin:auto;}
  .top-bar .top-wrap{ display:block;}
  .top-bar .top-right{ width:auto; justify-content:center;  background:#F7F7F7; margin:0 -15px;}
  .top-bar .top-btns li a span{ display:inline; font-size:12px;}
  .top-bar .top-btns li i {font-size: 15px;}
  .top-bar .help-number {max-width: none;}

  .header_content h2 {font-size: 32px;padding: 5px 0;}
  .header_content {padding: 20px;}
}

@media screen and (max-width:768px){
  span.backmainmenu {position: absolute;right: 20px;top: 12px;font-size: 15px;display: block;padding: 3px 5px;z-index: 100;}
}

@media screen and (max-width:560px){
  .top-bar .top-right{ justify-content:space-between; padding:5px 15px;}
  .top-bar .help-number{ display:none;}
  .top-bar .soical-icons{ border:0; padding:0;}
}
/* end css for new cuircular modal */