@font-face {
    font-family: futura;
    src: url(../fonts/FUTURAL.ttf) format('truetype');/*src: url(fonts/FUTURAL.ttf); 
src: url(FUTURAL.ttf);*/ 
}
.white {
    color: #fff;
}
body {
    font-family: 'futura';
}
h4 {
    font-size: 25px;
    padding-bottom: 10px;
    color: #fff;
}
h5 {
    font-size: 35px;
    color: #e87f1b;
    font-weight: bold;
    margin-top: 0px;
}
h6 {
    font-size: 35px;
    color: #e87f1b;
    font-weight: bold;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 30px;
}
.hd1 {
    background: #272727;
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
    text-transform: capitalize;
    float: left;
}
.clear {
    clear: both;
}
.text-grey, .text-grey a {
    color: #B1B1B1;
}
.mod_1_top {
}
.cap1 {
    border-left: 6px solid #e87f1b;
    color: #000;
    font-size: 48px;
    margin: 10px 0px 40px 0px;
    float: left;
    line-height: 50px;
}
.txt_white {
    color: #fff!important;
}
.txt_gray {
    color: #919191;
    font-size: 20px;
}
.cap2 {
    font-size: 30px;
}
.mod_spc1 {
    padding: 46px 0px;
}
.no-padding-right{
	padding-right: 0px!important;
}
.pull-top10{
	padding-top:10px;
}
.pull-top20{
	padding-top:20px;
}
.pull-top30{
	padding-top:30px;
}
.pull-left-right-46{
	padding-left: 46px;
	padding-right: 46px;
}
.pull-top-bottom-0{
	padding-top: 0px;
	padding-bottom: 0px;
}
.bg-black{
	background-color: #000000;
}
.bg-white{
	background-color: #ffffff;
}.text-orange{
	color:#e87f1b!important;
}
.text20{
	font-size:20px;
}
.text-primary{
	color:#333!important;
}
.bold{
	font-weight: bold;
}
.owl-item img{
	max-width: 100%!important;
	vertical-align: middle;
	border: 0;
	
}
@media only screen and (min-width: 64.0625em)
{
.large-12 {
    width: 100%;
}}

@media only screen and (min-width: 64.0625em)
{
.column, .columns {
    position: relative;
    padding-left: .9375rem;
    padding-right: .9375rem;
    float: left;
}}
@media only screen and (min-width: 40.0625em)
{
.column, .columns {
    position: relative;
    padding-left: .9375rem;
    padding-right: .9375rem;
    float: left;
}}

.column, .columns {
    position: relative;
    padding-left: .9375rem;
    padding-right: .9375rem;
    float: left;
}

.column, .columns {
    padding-left: .9375rem;
    padding-right: .9375rem;
    width: 100%;
    float: left;
}
/*Banner*/

@media screen and (min-width : 1200px) {
.bnr img {
    width: 100%;
}
}
.carousel-indicators .active {
    background: #f1751c!important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
/*margin-top: 132%!important;*/
}
/*Banner*/

/*slider logos*/
 /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }
/*slider logos*/

/*Logo slider*/

.film_roll_wrapper {
   display: block;
   text-align: center;
   float: none;
   position: relative;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   z-index: auto;
   width: 100%;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden;
   width: 100%;
 }
.film_roll_shuttle {
   text-align: left;
   float: none;
   position: relative;
   top: 0;
   left: 0;
   right: auto;
   bottom: auto;
   margin: 0 !important;
   padding: 0 !important;
   z-index: auto;
 }
 .film_roll_shuttle.vertical_center:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -0.25em;
 }
.film_roll_child {
  position: relative;
  display: inline-block;
  *display:inline;
  vertical-align:middle;
  zoom:1;
}
.film_roll_prev, .film_roll_next {
   position: absolute;
   top: 48%;
   left: 15px;
   width: 40px;
   height: 40px;
   margin: -20px 0 0 0;
   padding: 0;
   font-size: 60px;
   font-weight: 100;
   line-height: 30px;
   color: white;
   text-align: center;
   background: #222;
   border: 3px solid white;
   border-radius: 23px;
   opacity: 0.5;
 }
.film_roll_prev:hover, .film_roll_next:hover {
   color: white;
   text-decoration: none;
   opacity: 0.9;
 }
.film_roll_next {
   left: auto;
   right: 15px;
 }
.film_roll_pager {
   text-align: center;
 }
.film_roll_pager a {
   width: 5px;
   height: 5px;
   border: 2px solid #333;
   border-radius: 5px;
   display: inline-block;
   margin: 0 5px 0 0;
   transition: all 1s ease;
 }
.film_roll_pager{
	display:none!important;
}
.film_roll_pager a:hover {
   background: #666;
 }
.film_roll_pager a.active {
   background: #333;
 }
.film_roll_pager span {
   display: none;
 }
 .film_roll_pager a, a.film_roll_prev, a.film_roll_next {
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
 }
/*Logo Slider*/
/*Menue*/
#mnu {
    display: none;
}
/* Add a black background color to the top navigation */
.topnav {
    overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav a {
    /*display:inline-block;*/
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    float: left;
}
/* Change the color of links on hover */
.topnav a:hover {
    /*background-color: #ddd;*/
    background-color: #fff;
    color: #f0821c;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* When the screen is less than 1082 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1082px) {
#mnu {
    display: block;
}
.topnav a:not(:first-child) {
    display: none;
}
.topnav a.icon {
    float: right;
    display: block;
}
.topnav a:hover {
    background-color: #fff;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 1082px) {
.topnav.responsive {
    position: relative;
}
.topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
}
}
/*Menue*/

.fixedElement {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.mnu {
    font-size: 20px;
    text-transform: uppercase;
}
.mnu a {
    padding: 30px 34px;
}
.tp_mnu {
    position: absolute;
    z-index: 1000;
    top: 0px;
    width: 100%;
    font-family: futura!important;
    text-align: center!important;
    background: #000;
}
.mbg {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1000;
    top: 0px;
    width: 100%;
    font-family: futura!important;
    text-align: center!important;
}
.logo {
    margin-bottom: 17px;
}
.srch {
    font-size: 16px;
    font-weight: normal!important;
    text-align: left;
    color: #fff!important;
}
.middle {
    margin-top: 17px;
    display: block;
}

@media screen and (max-width: 767px) {
.srch {
    display: none;
}
.mnu {
    background: rgba(0, 0, 0, 0.8);
}
.lg_algn {
    text-align: center!important;
}
.mnu a {
    padding: 20px 20px!important;
}
.bnr_lg_hld {
    display: none;
}
}

@media screen and (max-width: 1307px) {
.mnu a {
    padding: 30px 30px;
}
}

@media screen and (max-width: 1236px) {
.mnu a {
    padding: 30px 21px;
}
}

@media screen and (max-width: 1102px) {
.mnu a {
    padding: 30px 19px;
}
}
.bnr_lg_hld {
    position: absolute;
    z-index: 10;
    bottom: 0px;
    height: 100%;
}
.middle2 {
    margin-top: 55%;
}
.inp_srch {
    width: 50px;
    font-size: 16px;
    background: none;
    background-image: url('../images/searchicon.png');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 12px 40px 12px 20px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    border: none;
    color: #fff;
    float: right;
}
.inp_srch:focus {
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 4px;
}
.lg_algn {
    text-align: left;
}
/*Modules*/

.mod_1 {
    background: url('../images/mod_1_bd.jpg') fixed;
    background-size: cover;
}
.mod_1_layer {
    background-color: rgba(182, 181, 181, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mod_cntnt {
    float: left;
}
.srv_mod {
    text-align: center!important;
}
.stkr {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto;
}
.txt_hm {
    font-size: 16px;
}
.rm {
    color: #ef2f54;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
    text-decoration: none;
    background-image: url('../images/rm_ico.png');
    background-repeat: no-repeat;
    background-position: center right;
    width: 70px;
    display: block;
    margin: 0 auto;
    text-align: left;
}
.rm:hover {
    color: #000;
    text-decoration: none;
}
.mdl {
    vertical-align: middle;
}
.grn {
    background-color: #5de4aa;
    background-image: url('../images/grn_ico.png');
    background-position: 20px 20px;
    background-repeat: no-repeat;
}
.blu {
    background-color: #48d9d2;
    background-image: url('../images/blu_ico.png');
    background-position: 20px 20px;
    background-repeat: no-repeat;
}
.ylw {
    background-color: #ffa81d;
    background-image: url('../images/ylw_ico.png');
    background-position: 20px 20px;
    background-repeat: no-repeat;
}
.red {
    background-color: #ff5537;
    background-image: url('../images/red_ico.png');
    background-position: 20px 20px;
    background-repeat: no-repeat;
}
h1 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0px;
    height: 44px;
}
.sep1 {
    margin-bottom: 20px;
}
.mod_2 {
    background: url('../images/mod_2_bg.jpg') fixed;
    background-size: cover;
}
.prtnr-log-hld {
    text-align: center;/*margin-top: 40px;*/
}

@media screen and (max-width: 768px) {
.prtnr-log-hld {
    margin-top: 40px;
}
}
.mod_3 {
    background: url('../images/mod_3_bg.jpg') fixed;
    background-size: cover;
}
.rm-spc1 {
    padding: 0px!important;
    margin: 0px!important;
    text-align: left;
}
.rm2 {
    color: #ef2f54;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
    text-decoration: none;
    background-image: url('../images/rm_ico.png');
    background-repeat: no-repeat;
    background-position: center right;
    width: 70px;
    display: block;
    margin: 0 auto;
    text-align: left;
}
.rm2:hover {
    color: #fff;
    text-decoration: none;
}
.txt_gray2 {
    color: #454444;
    font-size: 20px;
}
.tstml {
    padding: 20px 0px;
}
/*Modules*/

/*Footer*/

.ftr {
    padding: 40px 20px 0px 20px;
    background: #4a4949;
    color: #fff;
}
.frt-tb {
    padding-bottom: 40px;
}
h2 {
    margin-top: 0px;
    color: #000;
}
h3 {
    font-size: 20px;
    color: #ef2f54;
}
.tstml-txt {
    font-size: 18px;
    line-height: 28px;
}
.bot-nav {
    padding: 26px 20px;
}
.qot {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url('../images/qot.jpg');
    top: -8px;
    left: 5px;
    z-index: 10;
}
.ftr {
    color: #b1b1b1;
    font-size: 16px;
}
.gtn {
    padding-left: 10px;
}
.inp-txt1 {
    background: none;
    border-radius: 0px;
    border-color: #b1b1b1;
    color: #fff!important;
}
.inp-txt2 {
    background: none;
    border-radius: 0px;
    border-color: #ccc;
}
.inp-txt3 {
    background: none;
    border-radius: 0px!important;
    border-color: #ccc;
    padding-top: 0px;
}
.nws-btn {
    background: #58bdaf;
    color: #fff;
    font-size: 14px;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border: 0px;
}
.sm {
    padding-right: 30px;
}
.bot-nav {
    /*text-transform: uppercase;*/
    color: #939292;
}
.bot-nav a {
    text-transform: capitalize!important;
    color: #939292;
    font-size: 18px;
    padding-right: 8%;
    text-decoration: none!important;
}
.bot-nav a:hover {
    color: #58bdaf;
    text-decoration: none!important;
}
.cprt {
    color: #939292;
    font-size: 18px;
    /*text-align: right;*/
}
.orng {
    color: #ef810f;
}
/*Footer*/


/* Inner page */

.inr-bsc {
    padding: 46px 20px;
    /*margin-top: 84px;*/
    min-height: 280px;
}
.lt-op-hld {
    /*border: 1px solid #ccc;*/
    padding: 10px 15px;
}
.inr-bnr {
    padding: 0px;
}
.inr-bnr img {
    width: 100%;
}
.inr-rt-spc {
    padding-left: 40px;
}
.inr-rt-spc2 {
    padding-left: 30px;
}
.inr-hd-1 {
    color: #e87f1b;
    font-weight: bold;
}
.inr-hd-2 {
    font-weight: bold;
}
.inr-hd-3 {
    margin: 20px 0px;
    display: block;
}
.frm {
/*display: none; */
    /*list-style: square; */
}
.frm li {
    /*list-style: disc; */ padding: 5px 10px!important;
}
.frm a {
    font-size: 16px!important;
    color: #000!important;
}
.frm a:hover {
    background: #e87f1b!important;
    color: #fff!important;
    text-decoration: none;
    padding: 2px 10px;
}
/*
.exp:hover + .frm, .frm:hover 
{ 
   display: block;
}*/

.eml {
    font-size: 85%!important;
}
.black {
    color: #000;
}
.prop-detail {
    border-top: 1px dashed #ccc;
    /*border-bottom:1px dashed #ccc; */
    margin-top: 30px;
    padding-top: 30px;
}
.prop-detail2 {
    /*border-top:1px dashed #ccc; */
  /*border-bottom:1px dashed #ccc; */
    padding-top: 30px;
}
.prop-cap1 {
    font-size: 40px;
    color: #22b6a2;/*font-style: italic;*/
}
.prop-cap2 {
    font-size: 40px;
    color: #f8ab1a;
}
.prop-detail li, .prop-detail2 li {
    font-size: 16px;
}
.prop-bg {
    background: #f8ab1a;
}
#livesearch a {
    color: #fff!important;
    font-size: 15px!important;
    padding: 5px 8px;
}
#livesearch {
    border: none!important;
    position: absolute;
    z-index: 10;
    top: 64px;
    background: rgba(235, 135, 27, 0.6);
    width: 100%;
    border-radius: 0px 0px 4px 4px; /*height: 200px; overflow-y: scroll; width: 100%;*/
}
.h {
    width: 100%;
}
.drp {
    /*border-top: 1px solid #000;*/
    background-image: url(../images/drop.png);
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
    height: 25px; /*margin-left: 10px;*/
    cursor: pointer;
    width: 100%;
}
.drp:hover { /*background: url(../images/drop.png);*/
    background-repeat: no-repeat; /*background-color: #f8ab1a;*/
}
.drp-i {
    background: url(../images/drop2.png)!important;
    background-repeat: no-repeat!important;
    background-position: center top!important;
}
.lt-op-hld {
}
.clr {
    clear: both;
}
.lt-op-hld ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    text-align: center!important;
}
.lt-op-hld ul li {
    font-size: 17px;
    padding: 10px 10px;
    float: left;
    width: 100%;
    text-align: center;
}
.lt-op-hld ul li a {
    color: #22b6a2; /*float: left;*/
    text-align: center;
    font-size: 17px;
}
.lt-op-hld ul li a:hover {
    color: #000; /*background: #22b6a2;*/
    text-decoration: none; /*padding: 5px 10px;*/
}

/* Inner page */


/*media query*/

@media screen and (max-width: 1170px) {
/*.bot-nav a { font-size: 14px; }*/
}

@media screen and (max-width: 992px) {
.srv_mod {
    margin-bottom: 30px;
}
}

@media screen and (max-width: 768px) {
.b-nv { /*display: none;*/
    text-align: center!important;
}
.cprt {
    font-size: 15px!important;
    text-align: center!important;
}
.bot-nav a {
    padding: 0px 10px;
}
.inr-bnr {
    min-height: 142px;
}
.inr-bnr img {
    min-height: 143px;
}
.inr-rt-spc {
    padding-left: 0px;
    padding-top: 20px;
}
.inr-rt-spc2 {
    padding-left: 0px;
    padding-right: 0px;
}
.cnt-spc {
    margin-top: 30px;
}
}
/*media query*/

.rm3 {
    color: #ef2f54;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
    text-decoration: none;
    background-color: #fff;
    background-image: url('../images/rm_ico.png');
    background-repeat: no-repeat;
    background-position: center right;
    width: 109px;
    display: block;
    margin: 0 auto;
    text-align: left;
    border-radius: 50px;
    padding: 6px;
    border: 6px solid #fff;
}
.rm3:hover {
    color: #FFF;
    text-decoration: none;
    background: #000;
    border: 6px solid #000;
    background-image: url('../images/rm_ico.png');
    background-repeat: no-repeat;
    background-position: center right;
}

@media screen and (max-width:406px) {
.cap1 {
    font-size: 40px;
}
.rm3 {
    float: left;
}
}
.m-0-a {
    margin: 0 auto;
}
#res {
    display: none;
}
.resultcontainer {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color: green;
    margin-bottom: 10px;
}

@media screen and (min-width:300px) and (max-width:767px) {
.owl-dots {
    display: none;
}
}