@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');


.roboto-flex-<uniquifier> {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}

.smoothed {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-default {
    background-color: #FFF;
    border-color: #CCC;
}
.navbar {
	/*background:#000; background-color: rgba(0, 0, 0, 0.7);*/ font-size:14px;  width:100%;  font-weight: 400 !important; text-transform:uppercase; border-bottom:none !important;
}
@media(min-width:767px) {
    .navbar {
        padding: 15px 6px; 
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
	
    .top-nav-collapse {
        padding: 0;
    }
}

header .navbar { margin-bottom:0px; border:0px;  }
header .navbar-nav > li > a {  color:#333; font-size:14px; font-weight:600;  padding:8px 10px; background:transparent;  text-transform:uppercase; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
header .navbar-nav > li:hover a { color:#333 !important; }
header .navbar-nav > li > a:hover { color:#64549c !important;  }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {  color:#fff !important; background:#e44660 !important; }

header .navbar-nav li a .caret { margin-top:-3px; }
header .navbar-nav > li > a { position:relative; font-family: "Roboto Flex", sans-serif; font-weight:400; }


@media only screen and (min-width: 768px) {
.navbar-default .navbar-nav > li:hover{background-color:#fff;}
header .navbar-nav li:hover ul { display:block; }
header .navbar-nav li ul { border-top:0px; background-color:transparent !important;  }
header .navbar-nav > li:hover ul li a { font-size:15px; color:#64549c !important; text-transform:none;}
header .navbar-nav li .dropdown-menu { padding:0px; }
header .navbar-nav li ul li a {font-family: "Roboto Flex", sans-serif; padding:10px 12px; display:block; text-transform:none; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
header .navbar-nav li ul li { background-color:#fff; color:#fff !important;}
header .navbar-nav li ul li:last-child { border:none; }
header .navbar-nav li ul li a:hover { background-color:#64549c !important; color:#fff !important;  }


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#fff;}
	
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background-color: #64549c; color: #fff; border-radius:0px;}

#main-slider {
  position: relative;
  margin-top:0px;
}
@media(max-width:767px) {
#main-slider { margin-top:0px;}
}

.carouselcont {width:35%!important; margin:auto; background:rgba(0,0,0,0.4); padding:5px 20px; position:absolute; bottom:5%; left:10%;} 

#main-slider .carousel h2 {
	font-family: "Roboto Flex", sans-serif;
  font-size: 40px;
  color:#fff;
  font-weight:500;
  padding-left:0;
}


#main-slider .carousel .uline {width:25%; background:#FFFFFF; height:2px; margin:10px auto;}
#main-slider .carousel p {
  font-size: 16px;
  line-height:20px;
  color:#FFF;
  text-align:center;
  text-transform:uppercase;
  font-weight:400;
  padding-left:0;
}
#main-slider .carousel .btn {
  color: #fff;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 725px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
  outline: 0;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}




@media(max-width:767px) {
#main-slider {margin-top:0px;}
#main-slider .carousel .item { height:400px!important;}
#main-slider .carousel h2{ font-size: 24px!important; line-height: 24px!important; margin:20px 0; padding:0; text-transform:none; }
#main-slider .carousel .uline {width:50%; margin:5px auto;}
#main-slider .carousel p {font-size:15px!important; line-height:16px!important; margin:5px 0;}
.carouselcont {width:65%!important; bottom:0; left:5%; right:5%; height:200px;}
header .navbar { position:absolute;  z-index:9999999; }
.nav.navbar-nav { background-color:#64549c; margin-top:0px; }
header .navbar-nav li ul { border-top:1px solid #fff !important;  }
header .navbar-nav > li, header .navbar-nav > li > ul > li  { border-bottom:1px solid #fff;  }
header .navbar-nav > li > ul > li:last-child { border:none; }
header .navbar-nav > li:last-child { border-bottom:none;  }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { border-bottom:none; background-color:#64549c; color:#fff !important; }
header .navbar-nav > li > a { padding:10px 10px; color:#fff !important; border-bottom:0px;  }
header .navbar-nav li ul li a { padding:10px 20px !important; color:#fff !important; border-bottom:0px;  }
header .navbar-nav li:hover a { color:#fff !important; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#d2171f; }
header .navbar-nav > li > a:hover, header .navbar-nav > li > ul > li > a { color:#fff !important; text-transform:none; }
.navbar {float:none !important; margin: auto !important; min-height: inherit; width: 100%;  }
header .navbar-nav > li.active a { background-color:#64549c !important; }
header .navbar-nav li a .caret { margin-top:7px; float:right; margin-left:0px;  border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0);
 border-top: 8px dashed; }
.right_mob { float:right; width:100%;  }
.mob_menu_btns { margin-top:15px; }
}


@media(max-width:480px) {

#main-slider {margin-top:40px; overflow:hidden;}
#main-slider p {font-size:13px;}

#main-slider .carousel h2 { text-align:center;}
#main-slider .carousel p { text-align:center;}

#main-slider .carousel h3 {
  font-size: 60px; 
  line-height:40px;
  color:#ffffff;
 text-transform:uppercase;
  font-weight:300;
  padding-left:0;
 
}

.slide1{ width:100%; height:100%; }
.slide2{ width:100%; height:100%; }
.slide3{ width:100%; height:100%; }
.slide4{ width:100%; height:100%; }
.slide5{ width:100%; height:100%; }
.slide6{ width:100%; height:100%; }


}


#main-slider .carousel h1 {
  font-size: 60px;
  line-height:60px;
  color:#f6a32a;
 text-transform:uppercase;
  font-weight:200;
  padding-left:0;
 
}

.bnr-txt { margin:25px 0px 10px 0px;}

#main-slider .carousel h1 span{
  font-size: 60px;
  line-height:60px;
  color:#fff;
 text-transform:none;
  font-weight:200;
  padding-left:0;
 
}

#main-slider .carousel h2 {
  font-size: 55px;
  
  line-height:55px;
  color:#fff;
 text-transform:none;
  font-weight:200;
  padding-left:0;
 
}

#main-slider .carousel h3 {
  font-size: 45px; 
  line-height:45px;
  color:#ffffff;
 text-transform:none;
  font-weight:200;
  margin-top:12%;
  padding-left:0;
 
}
#main-slider .carousel p {
  font-size: 16px;
  line-height:24px;
  color:#fff;
  text-transform:none;
  font-weight:300;
  padding:15px 0px;
  padding-left:0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#main-slider .carousel .btn {
  color: #fff;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 725px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  /*background-color: rgba(0, 0, 0, 0.3);*/
  color: #fff;
  display: inline-block; margin-left:5px; margin-right:5px;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 0px;
  z-index: 5;
  outline: 0;
  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background:transparent; border:1px #FFFFFF solid;
  border-radius: 0px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both!important;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both!important;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both!important;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both!important;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}




@media(max-width:767px) {

.navbar-brand img {margin:0px 0px; width:50%;}
.section-title h1{
	font-size:32px;
	text-transform:uppercase;
	font-weight:700;
	
}
}



@media(max-width:480px) {

.navbar {padding: 10px 0px;}

.navbar-inverse .navbar-toggle{margin-top: 15px; }

#main-slider {
 margin-top:0%; overflow:hidden; 
}

#main-slider .carousel h2 {
 font-size:18px;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 60%;
  /*background-color: rgba(0, 0, 0, 0.3);*/
  color: #fff;
  display: inline-block; margin-left:5px; margin-right:5px;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 45px;
  text-align: center;
  border-radius: 0px;
  z-index: 5;
  outline: 0;
  -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  /*background-color: rgba(0, 0, 0, 0.5);*/
  background:transparent; border:1px #FFFFFF solid;
  border-radius: 0px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}

.read_more_btn{ background:transparent; border:2px #fff solid; color:#fff !important; font-size:16px; font-weight:600; text-decoration:none !important; padding:8px 50px;  text-transform:uppercase; display:inline-block; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; margin:10px auto !important; }

.read_more_btn:hover { text-decoration:none;  background-color:#fff; color:#333 !important;}
.section-title h1{
	font-size:28px;
	text-transform:uppercase;
	font-weight:600;
	
}
.navbar-brand{height: 50px;}
.navbar-toggle{margin-top: -20px;}
}


.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right:30px;
    display:none;
}
.contact-info a{
color: #fff;

}
.contact-info a:hover{ color:#1285f0; text-decoration:none;}
 
.clearfix { clear:both; }

@media(max-width:990px) {
#main-slider .carousel h3{font-size: 25px;line-height: 30px;}
#main-slider .carousel h2{font-size: 28px;}
.bnr-txt{margin:10px 0px;}
.slide1{height: auto!important;padding-bottom: 30px;}
}

@media (max-width: 767px) {

.quick_contact_form .txt_box { width:100%; margin-bottom:10px; }
}