@import url('reset.css');
@charset "utf-8";
/* CSS Document */
body{font-family: 'titillium_webregular'; background-color:#ffffff; overflow-x:hidden; font-size:16px; color:#424242;}

@font-face {
    font-family: 'titillium_webregular';
    src: url('font/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('font/titilliumweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Titillium Web';
	src: url('fontlight/TitilliumWeb-Light.eot');
	src: url('fontlight/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
		url('fontlight/TitilliumWeb-Light.woff2') format('woff2'),
		url('fontlight/TitilliumWeb-Light.woff') format('woff'),
		url('fontlight/TitilliumWeb-Light.ttf') format('truetype'),
		url('fontlight/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Titillium Web';
	src: url('fontsemi/TitilliumWeb-SemiBold.eot');
	src: url('fontsemi/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('fontsemi/TitilliumWeb-SemiBold.woff2') format('woff2'),
		url('fontsemi/TitilliumWeb-SemiBold.woff') format('woff'),
		url('fontsemi/TitilliumWeb-SemiBold.ttf') format('truetype'),
		url('fontsemi/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}


::selection {
	color: #fff;
	background: #0099e0;
	text-shadow: none;
}
::-webkit-selection {
color:#fff;
background:#0099e0;
text-shadow: none;
}

::-moz-selection {
color:#fff;
background:#0099e0;
text-shadow: none;
}
@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}
.announcement-text{
 margin-top: 22px;   
}
.alert-bx {
    border: solid 2px rgba(43, 81, 98, 0.7) !important;
    border-radius: 5px;
    height: 123px;
    margin-bottom: 15px;
}
.service-box {
    float: left;
    width: 100%;
    height: auto;
    background-color: #fff;
    margin-top: 11px;
    padding: 10px;
    border: solid 1px #dae4ed;
}
.blog p {
    margin-bottom: 10px !important;
  
    
}
.services-content p {
    line-height: 24px;
   /* text-align: justify;*/
    margin-bottom: 28px;
    padding-right: 20px;
    margin-bottom: 20px;
    padding-right: 5px;
}
.service-box a {
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    padding: 0px;
}
a:link {
    text-decoration: none;
}
.blog-link {
    text-align: right;
    float: right;
    margin-left: 10px;
    padding-right: 22px;
    font-size: 15px;
}
.popup-box p {
    border-bottom: none !important;
}
.services-content h2 {
    font-size: 40px;
    text-align: left;
    margin: 15px 0px;
        margin-bottom: 50px;
    color: #121761;
    font-family: 'Titillium Web';
    font-weight: 600;
    margin-bottom: 35px;
}
.closebt {
    background-color: #C33;
    border: solid 1px #c33;
    color: #fff;
}
.label-form {
    padding-bottom: 10px;
    padding-left: 5px;
    padding-top: 10px;
}
.required {
    color: #F02222;
    margin: 4px;
    font-size: 20px;
    vertical-align: middle;
}
.blcol{
    margin-top: -20px;
    margin-right: -20px;
    float: right;
}
.spanDetails {
    background-color: #eee;
    padding: 5px;
    width: 100%;
    float: left;
}

/*folder*/
.folder-box{float:left; width:100%; text-align:center; margin-bottom:25px;}
.folder-box p{ text-align:center !important;}
.folder-size{font-size:66px !important; color:#39F;}
.folder-size a{color:#424242 !important;}
.folder-box:hover .folder-size, .dirList a p:hover{color:#2684e2 !important; text-shadow:0px 0px  #024c97;} 
.folder-size a:hover{color:#F00 !important;} 
.folder-box-in,.folder-box-sub{float:left; width:100%; text-align:center; margin-bottom:25px;}
.folder-box-in a{color:#424242 !important;}
.folder-box-in a:hover{color:#0bb3b1 !important;}
.folder-box-in p{ text-align:center;}
.folder-size-in{font-size:66px !important; color:#0fc0c2;}
.folder-size-in a{color:#424242 !important;}
.folder-box-in:hover .folder-size-in {color:#098a8c !important; text-shadow:0px 0px 0px #024c97;} 
.folder-size-in a:hover{color:#F00 !important;}
.folder-size-open{font-size:17px;color:#39F;}
.folder-size-open-doc{color:#0fc0c2 !important;}
.folder-path{ width:100%; height:auto; border:solid 1px #eee; margin-top:10px; padding:5px; margin-bottom:25px; text-align:left;} 
.folder-path a{font-size:17px; color:#424242;line-height: 1.5;}
.folder-path a:hover{color:#1088c7;}
.icd{ margin-left:10px; margin-right:10px;}
.document-list li{ padding:5px 0px; border:solid 1px #dae4ed; margin-bottom:5px;}
.document-list a{color:#06C !important;}
.document-list a:hover{color:#099 !important;}
.document-list {
    margin-bottom: 30px;
}
.dirList a p{color: #39F;border-bottom:none;}
.dirListOpn p{text-align: center!important;}

.folder-size-sub-open{font-size:17px;color:#0fc0c2;}
.folder-size-child-open{font-size:17px;color:#bd9300e6;}

.fld-new h4 {
    font-size: 20px;
width: 100%;
background-color: #208fd5;
color: #fff;
padding: 5px;
padding-top: 3px;
}

.upld-doc h4 {
    font-size: 24px;
    width: 100%;
    background-color: #208fd5;
    color: #fff;
    padding: 5px;
    margin-bottom: 15px !important;
}

.align-left {
    text-align: left;
    float: left;
    padding: 5px;
    font-size: 14px;
    color: #F00;
    line-height: 20px;
}

.bnew{
    margin-top: -20px;
    float: right;
    margin-right: 5px;
}

.left {
    text-align: left;
}
.dashboard-out {
    border: solid 1px #ccc;
    font-size: 16px;
}

.slone {
    font-weight: bold;
    color: #0686d7;
    border: solid 1px #ccc;        
}

.align-center{
    text-align: center;
}

/*
.dashboard-out a {
    color: #FFF !important;
}
*/

.folder-size-sub {
    font-size: 66px !important;
    color: #dbb739e6;
}


.folder-box-sub:hover{color:#bd9300e6 !important; text-shadow:0px 0px 0px #024c97;} 

.folder-size-sub a{color:#424242 !important;}
.folder-size-sub a:hover{color:#F00 !important;}

.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*-*/
.col-new{font-weight: bold;margin-bottom: 15px;color: #8A6B37;font-size: 20px;}
.dsc{list-style: disc;line-height: 1.5;padding-left: 20px; margin-bottom: 15px;}
.top{width:100%; height:auto; background-color:#0649a5; border-bottom:solid 4px #fcc10e; padding-bottom:15px; }
.top h4{color:#fff; margin-top:18px;}
.top-right{float:left; width:100%; height:auto; margin-top:13px;}
.top-right p{float:right; margin-left:20px; margin-top:18px; color:#053355;} 
.bc-style{ background-color:#efefef !important; box-shadow:none !important; width:147px !important; border:none !important;}
.top-menu{width:100%; height:auto;background-color:#fff; z-index:10000;}

.login-button{ background-color:#053355; color:#fff; border:none !important;}
.navbar-brand > img{ margin-top:24px;}
.space{ padding-right:5px; padding-left:5px;}
.icon{float:left; width:auto; margin-right:5px;}
.icon:hover{ opacity:0.5;}
.main-slider{float:left; width:100%; height:auto;}
.carousel-caption { width:42%; margin-left:auto; margin-right:auto;background: rgba(0,0,0,0.4); bottom:113px !important;}
.carousel-caption h3{ font-size:26px;font-family: 'Titillium Web';}
.carousel-caption h2{font-family: 'Titillium Web'; font-weight:600; }
.logo{float:left;width:150px; height:140px; overflow:hidden;}
.captio-logo{color:#c8e2ff; color: #fff;text-shadow: 0px 2px #000;
top: 28px;
float: left;
padding: 5% 14px;
font-size: 21px;}
.navbar{ border:none !important;}
.top-content-bar{float:left; width:100%; height:auto; background-color:#26a4de;padding: 32px 0px 42px 0px; color:#fff;}
.top-content-bar h2{font-family: 'Titillium Web'; font-weight:600; padding:5px; font-size:24px; text-align:center;}
.top-content-bar h2 span{font-size:31px;}
.top-content-bar h3{font-size:18px; margin-top:5px; margin-left:5px; line-height:24px; text-align:center;}
.sectionone h2{ font-size:40px; color:#121761;font-family: 'Titillium Web'; font-weight:600; margin-bottom:35px;border-bottom: dotted 1px #ccc;
padding-bottom: 13px;}
.sectionone h2 span{font-size:17px !important;}
.about{ text-align:left; margin-right:50px;}
.sectionone h5{font-size:20px; font-weight:bold; color:#13A5DE; margin-bottom:15px;}
.sectionone h6{font-size:17px; line-height:24px; color:#F90; }
.rd{float:left; width:100%; margin-bottom:5px; color:#fff;}
.hire-bt{ background-color:#49dcf5 !important ;}
.news-main{  text-align:left; margin-top:30px;transition: all ease-in-out 0.5s;}
/*.news-main:hover img{ transform: rotate(360deg);
transition: all ease-in-out 0.5s;}*/
.top-slider{ float:left;width:100%; height:auto; background-color:#033;}
.sectionone{float:left; width:100%; height:auto; padding-bottom:70px; padding-top:50px;}
.imagecenter{ text-align:center; margin-top:-20px;}
.imagecenter img:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: all ease-in-out 0.5s;}
.sectionone p{ line-height:26px; margin-bottom:35px; text-align:justify;}
.home-section p{margin-bottom: 20px;}
.new-p{margin-top: 40px;}
.about p{ margin-bottom:15px !important;}
.search-box h3{font-size:28px !important; margin-bottom:20px; color:#121761;}
.form-hiring{ margin-top:20px; background-color:#5F8FBF; padding:3%;}
.sectionone a{ border:solid 2px #26a4de; padding:10px;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
 .about a:hover{ background-color:#30c2da; color:#fff;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
.section-service{float:left; width:100%; height:auto; padding-bottom:50px; background-color:#dae4ed; bow-shadow:2px 2px 2px #000;}
.section-service h2{font-size:30px; background-image:url(../images/border.png); background-position:center; background-repeat:no-repeat; text-align:center; margin:50px 0px; color:#0447ac;font-family: 'Titillium Web'; font-weight:600; margin-bottom:35px;}
#owl demo p {
    position: absolute;
    bottom:25px;
    left: 0;
    background-color: #eee;
    width: 100%;
	color:#fff;
	
}
.topv{  margin-right:12px;float: left !important; width:174px !important;}
.topv h3{    background-color: #18B2E4;
    padding: 5px;
    border-radius: 5px;
    font-size: 18px;
  margin-left:12px;
    text-align: center;
    border: solid 1px #fff;
    transition: all ease-in-out0.5s;
}
.topv a{   color: #fff !important; }
 .adress-side{float:left; }
 .adress-side h3{font-size:25px; margin-bottom:15px;}
 .ag-in{ margin-bottom:25px; padding:5px; }
 .inner-b{ height:280px !important;}
  .ag-in p{ padding-right:10px; padding-left:10px; color:#fff;}
.item p{color:#000 !important; text-align:center;font-size: 16px;margin-top:-35px; z-index:1000; position:relative;
padding: 14px 12px; 
 color:#E11C1C;}
.navbar-brand{ padding:0px;}
.nav > li > a{ padding:33px 9px;font-weight: 300 !important; font-size:16px; text-transform:uppercase; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; 
 margin-right:2px;  }
 .nav > li > a:hover{ background:url(../images/nav_bar.jpg) no-repeat 0px bottom; transition:all ease-in-out .5s; -moz-transition:all ease-in-out .5s; -webkit-transition:all ease-in-out .5s;}
.navbar{ margin-bottom:0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#fff; background-color:#0649a5 !important;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:#0686d7; color:#fff; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-box-shadow: inset 0 20px 20px -20px rgba(7,66,131,0.8);
    -moz-box-shadow: inset 0 20px 20px -20px rgba(7,66,131,0.8);
    box-shadow: inset 0 20px 20px -20px rgba(73,107,131,0.8);}
.navbar-default .navbar-nav > li > a{color:#2d353a;}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0px;
    height: 0px;}
.color{color:#FC3;}
.carousel-caption{font-size:30px; line-height:38px;font-family: 'open_sanslight'; }

.owl-buttons div{ /* left arrow */
    width: 55px; /* width background image */
    height: 0 !important;
    padding-top: 33px !important; /* height background image */
    overflow: hidden !important;
    background: transparent url(../images/text.jpg) 0 0 no-repeat !important;
    margin: 0 !important;
	border-radius:0px !important;
    
}


.owl-buttons{ text-align:right;}
.owl-buttons .owl-next{ /* right arrow */
  
    background: transparent url(../images/right.jpg) 0 0 no-repeat !important;
}
.main-bc{float:left; width:100%; height:454px; text-align:center; padding-top:30px;background:url(../images/01.jpg) !important; background-repeat:no-repeat; background-size:cover !important; background-attachment:fixed !important; background-position:center !important;}
.main-bc h2{font-size:43px; color:#06b9ec; line-height:53px; text-shadow:2px 2px #000;}
.main-bc h2 span{font-size:32px; color:#fff !important;}
.inner-bc{ height:300px !important; padding-top:90px;}
.footer{float:left; width:100%; height:auto; padding-bottom:30px; padding-top:30px;background-color:#05335b; }
.copyright{float:left; width:100%; height:auto;padding: 20px 0px 24px; font-size:14px;}
.copyright p{float:left;}
.ft-two{ text-align:right; float:right !important;}
.copyright a{color:#424242; padding-top:5px !important;}
.web{float:right; text-align:right;}
.ag{ background-color:#2891c2; text-align:center;padding:5px;}
.ag img{ width:100%; max-width:100px;border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px;
border: solid 2px #fff; }
.agent-details ul li{ color:#fff; padding:6px 0px; letter-spacing:1px; font-size:17px;}
.agent-details{
width: 100%;
height: 326px;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25); padding-bottom:40px;}
.agent-details h3{font-size: 20px;
padding: 13px 13px;
color: #000; font-weight:600; margin-bottom:45px; background-color: #fff;}
.spec {
    background-color: #fcc10e;
    padding: 8px 10px;
    color: #000;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    border: none;
}
.spec:hover{ background-color:#81fff1; color:#000; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}

.agent-details a{ background-color:#fcc10e; padding:8px 10px; color:#000; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}
.agent-details a:hover{ background-color:#81fff1; color:#000; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}
.agent-details p{font-size:14px !important; line-height:20px; background-color:transparent; margin-bottom:20px;}
.service-details{ background-color:#fff; width:100%; height:auto; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);}
.hiring{float:right;padding-top: 20px;}
.hiring h3{ text-align:right; padding:5px 10px; background-color:#fff; font-size:17px; border-radius:5px;}
.service-details a:hover{-webkit-box-shadow: 0 8px 6px -6px #ccc; background-color:#14b4f3; color:#fff; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;
	   -moz-box-shadow: 0 8px 6px -6px #ccc !important;
	        box-shadow: 0 8px 6px -6px #ccc !important;}
.service-details a{border: solid 2px #26a4de; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;
padding: 10px; margin-left:13px;}
.service-details h3{ font-size:18px; padding:13px 13px; color:#33366f;}
.service-details p{font-size:16px !important; background-color:transparent !important; color:#000 !important; line-height:22px; margin-bottom:18px; text-align:left !important; padding-top:25px;}
/* Example for media query */
.item{ overflow: hidden;  position:relative; width:100%;}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.item img{ width:100%; overflow:hidden ; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
  .section-link{float:left; width:100%; height:auto; padding:3%;box-shadow: 0px 0px 10px #B8C9D1; text-align:center;}
  
  
 .section-link h2{    font-size: 30px;
    background-image: url(../images/border-agent.png);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    margin: 10px 0px;
    color: #0447ac;
    font-family: 'Titillium Web';
    font-weight: 600;
    margin-bottom: 35px;
}
  .section-link img{ margin:10px; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
   .section-link a:hover{ margin-top:-10px !important ; -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}

.footer  h4{ color:#8298ab; margin-bottom:10px;}
.footer ul{float:left;padding-top: 20px;}
.footer ul li{padding:5px 15px; color:#8298ab;font-size:16px; float:left;}
.footer ul li a{color:#8298ab; font-size:15px; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}
.footer ul li a:hover{ color:#fff;}
.footer p{float:left; text-align:left; line-height:21px; color:#8298ab; padding-top:15px; font-size:13px;}
.ft-menu{float:left; width:100%; height:auto;}
/*inner*/
.section-inner{float:left; width:100%; height:auto; position:relative;}
.section-inner img{width:100%;}
.section-inner-caption {
    position: absolute;
    bottom: 2px;
    text-align: center;
    width: 100%;
   
   /* background: rgba(43, 81, 98, 0.7);*/
    padding: 13px;
	color:#fff;
	text-shadow:1px 1px #000;
}
.section-inner-caption h3{ text-align:left; font-size: 41px;}
.section-inner-caption h3 span{ float: right;text-align:right; font-size:15px; padding-top:12px;}
.section-content{float:left; width:100%; height:auto;}
.section-content  h2{font-size:40px; text-align:left; margin:50px 0px; color:#121761;font-family: 'Titillium Web'; font-weight:600; margin-bottom:35px;}
.section-content  h3{font-size:30px; text-align:left; color:#121761;font-family: 'Titillium Web'; font-weight:600;margin-bottom: 27px;
border-bottom: dotted 1px #ccc;padding-bottom: 10px;}
.section-content p{ line-height:24px; text-align:justify; margin-bottom:35px;}
.profile{float:left; width:100%; height:auto; padding-bottom:65px; margin-top:40px; background-color:#dae4ed;}
.founder{float:left; width:30%; height:auto; margin-right:20px;margin-right: 55px;
margin-bottom: 41px;}
.services{ margin-bottom:55px;}
.service-box{float:left; width:100%; height:auto; background-color:#fff; margin-top:30px; padding:3%;border: solid 1px #dae4ed;}
.service-box a{transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;color: #337ab7 !important;}
/*.service-box a:hover{ background-color:#14b4f3; color:#fff;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}*/
.service-box img{ width:200px; height:150px;}
.service-box:hover{ box-shadow:1px 1px 1x #000;}
.contact-us h3 {
    font-size: 17px;
    font-weight: bold;
    padding-left: 13px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    color: #0e8bb0;}
	.con{ background-color:#eee !important;}
	.spaceing{ margin-bottom:10px;}
	.vbc p{ text-align:left !important;}
@media screen and (max-width: 30.6em) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}
.owl-carousel .owl-item :hover{}
@media screen and (max-width: 1199px) {
	.top h4{ line-height:25px; font-size:14px;}
	.top-right{ margin-top:13px;}
	.about h2{background-position:bottom right; padding-bottom:15px;}
	.news-main h2{background-position:bottom left; padding-bottom:15px;}
}
@media screen and (max-width: 991px) {

.nav > li > a{font-size:13px; padding:33px 6px;}
.top-right{width:87%;}
.top h4{ text-align:center;}
.about h2{ background-image:none;}
.top-content-bar h2{ text-align:center;    line-height: 31px;}
.about{ text-align:center; margin-right:0px; margin-bottom:23px; padding-bottom:42px; border-bottom:solid 1px #ccc;}
.news-main h2{ background-image:none;}
.news-main{ text-align:center; margin-left:0px;}
.sectionone h2{ margin-bottom:10px;}
.top-right{width:60%; float:none; margin-top:10px;}
.main-bc h2{font-size:32px;line-height: 42px;}
.main-bc h2 span{font-size:24px;}
}
@media screen and (max-width: 767px) {
	.navbar-brand > img{width:100%; margin-top:17px;}
	.nav > li > a{ padding:5px 6px;border-bottom: solid 1px #eee;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
	.top-menu{ padding-bottom:15px;}
	.navbar-toggle{ margin-top:16px;}
	.top h4{display:none;}
	.mview{display:inline-block;}
	.top-right{width:98%;}
	.top-right p{ margin-top:28px;}
	.top-menu{ margin-top:4px;}
	.navbar-default .navbar-toggle{ background-color:#29E1FF;border-color: #1fc0f5;}
	.navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #0b86ae;}
	.top-content-bar h2 span,.top-content-bar h2{font-size:22px;}
	.top-content-bar{padding:50px;}
	.top-content-bar h3{text-align:center; margin-left:0px;}
	.carousel-caption{display:none;}
	.sectionone h2{ margin-top:10px; margin-bottom:10px;}
	.ts-testimonial-slide p{font-size:19px;}
	.socila {
    margin-top: 16px;
    padding-left: 7px;
	
}
.ft-menu{display:none;}
.hiring h3{ text-align:center;}
.sectionone h2{ margin-bottom:12px !important; }
}
@media screen and (max-width: 580px) {
.top-right p{ width:100%; margin-bottom:15px;}
.col-xxs-12{width:100%; text-align:center;}
.footer ul{text-align:center; float:none;}
.footer  h4{display:none;}
.footer{ padding-bottom:30px; padding-top:30px;}
.ad{ margin-top:10px; margin-bottom:10px; border-top:solid 1px #5f7588;}
.copyright p,.ft-two{float:none !important; text-align:center; line-height:24px;}
}
@media screen and (max-width: 512px) {
	.navbar-brand > img{width:74%;}
	.content-section h1,.product-details h1{font-size:29px;}
	.content-section p,.product-details p{font-size:14px;}
	.footer p{float:left; text-align:left;}
.bottom-section{ background-image:none;}

}
@media screen and (max-width: 380px) {
	.quick-top p{font-size:15px; float:left !important;}
}


.related_blogs{border: none !important;}
.related_blogs:hover{background-color:#fff !important;
color: #000 !important;}
.panel-heading .badge {
    margin-top: 10px;
}
.blog{margin-top:10px;}
.blog-link{text-align:right; float:right; margin-left:10px; padding-right:22px; font-size:15px;}
.blog-link-span{color:#727272; font-size:14px; margin-top:-2px;float: left;}
/*.blog p{ margin-bottom:10px !important; padding-bottom:20px; border-bottom:dotted 1px #ccc;}*/
.section-inner-caption a{color:#FFF;}
.blog-details img{width:100%; height:auto;}
.details-blog{float:left !important; margin-bottom:15px;}
.details-blog-main h3{ margin-bottom:10px !important;}
.blog-outer{float:left; width:100%;}
.related p{border:none;}
.details-blog-main p{ 
border: none; padding-bottom:8px !important;}
.spacing-bottom{ padding-bottom:30px;}
.serv h3{ font-size:20px !important;}
.services{ margin-bottom:55px;}
.service-box{float:left; width:100%; height:auto; background-color:#fff; margin-top:11px; padding:10px;border: solid 1px #dae4ed;}
.service-box a{transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}
.service-box a:hover{transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;
-webkit-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s;}                                                 
.service-box img{ width:200px; height:150px;}
.service-box:hover{ box-shadow:1px 1px 1x #000;}
.servimg{float:left; width:30%; height:auto; margin-right:20px;margin-right: 39px;
margin-bottom: 24px;}
.service-details{ background-color:#fff; width:100%; height:auto; padding-bottom:47px !important; padding:3%;-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);}
#services img {
    height: 148px;
    overflow-y: hidden;}
.service-details a:hover{-webkit-box-shadow: 0 8px 6px -6px #ccc; background-color:#14b4f3; color:#fff; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;
	   -moz-box-shadow: 0 8px 6px -6px #ccc !important;
	        box-shadow: 0 8px 6px -6px #ccc !important;}
.service-details a{border: solid 2px #26a4de; transition:ease-in-out 0.5s; -moz-transition:ease-in-out 0.5s; -ms-transition:ease-in-out 0.5s; -webkit-transition:ease-in-out 0.5s; -o-transition:ease-in-out 0.5s;
padding: 10px; margin-left:13px;}
.service-details h3{ font-size:22px; padding:23px 13px; color:#33366f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.service-details p{font-size:16px !important; background-color:transparent !important; color:#000 !important; line-height:22px; margin-bottom:35px; text-align:left !important; padding-top:25px;}
.services-content h3{font-size:30px; text-align:left; color:#0686d7;font-family: 'Titillium Web'; font-weight:600;margin-bottom: 27px;}
/*.services-content p{ line-height:24px; text-align:justify;margin-bottom:20px;padding-right:5px;}*/
.servimg{float:left; width:30%; height:auto; margin-right:20px;margin-right: 39px;margin-bottom: 24px;}
.blog-details img{width:100%; height:auto;}
.details-blog{float:left !important; margin-bottom:15px;}
.details-blog-main h3{ margin-bottom:10px !important;}
.blog-outer{float:left; width:100%;}
.servicelink{border:solid 2px #26a4de; padding:5px 10px;}
.servicelink:hover{ background-color:#26a4de; color:#fff !important;}
.related h3 {
    margin-top: 31px !important;
    line-height: 24px;
}
.related h4 {
    padding-bottom: 10px;
    color: #121761;
    font-weight: 600;
}
.related h4 {
    font-size: 25px !important;
    margin-top: 0px !important;
    width: 100%;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 15px !important;
}
.details-blog {
    float: left !important;
    margin-bottom: 15px;
}
.pull-right {
    float: right !important;
}
.spacing-bottom {
    padding-bottom: 30px;
}

.services-content h3 {
    font-size: 30px;
    text-align: left;
    color: #0686d7;
    font-family: 'Titillium Web';
    font-weight: 600;
    margin-bottom: 27px;
    border-bottom: dotted 1px #ccc;
    padding-bottom: 10px;
}
.city_h3{
text-align: center;
margin-bottom: 50px;
font-size: 26px;
color: #0447ac;
font-weight: bold;
}
#ihf-main-container label{color:#000 !important;}
#ihf-main-container a{border:none !important;}


/*city-village-guide css*/

.index-content a:hover{
    color:black;
    text-decoration:none;
}
.index-content{
    margin-bottom:20px;
    padding:30px 0px;
    
}
.index-content .row{
    margin-top:20px;
}
.index-content a{
    color: black;
}
.index-content .card{
    background-color: #FFFFFF;
    padding:0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
	margin-bottom:35px;

}
.index-content .card:hover{
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
    color:black;
}
.index-content .card img{
    width:100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.index-content .card h4{
    margin:20px;
}
.index-content .card p{
    margin:20px;
    opacity: 0.65;
}
.index-content .blue-button{
    width: 100px;
    -webkit-transition: background-color 1s , color 1s; /* For Safari 3.1 to 6.0 */
    transition: background-color 1s , color 1s;
    min-height: 20px;
    background-color: #002E5B;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    font-weight: lighter;
    margin: 0px 20px 15px 20px;
    padding: 5px 0px;
    display: inline-block;
}
.index-content .blue-button:hover{
    background-color: #dadada;
    color: #002E5B;
}
.centered1 {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size:18px;
	 color:#fff;
	  background-color:#00000070;
	   padding:15px;
}
@media (max-width: 768px) {

    .index-content .col-lg-4 {
        margin-top: 20px;
    }
/*	.index-content .card{
    background-color: #FFFFFF;
    padding:0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
	margin-bottom:35px;
	margin-top:3%;
}*/
}


<!--start of product slider-->

/*-------------------------------*/
/*      Code snippet by          */
/*      @maridlcrmn              */
/*-------------------------------*/


section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
.item h2{font-size:20px; color:#e84a64; font-weight:500; margin-top:30px; margin-bottom:30px;text-align: center;}
.quote h2{text-align: center;}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
.profile-circle img {width:100px; height:100px;}
item p {
    color: #000 !important;
    text-align: center;
    font-size: 25px;
    margin-top: -35px;
    z-index: 1000;
    position: relative;
    padding: 14px 12px;
        padding-bottom: 14px;
		font-size:15px;
		line-height:24px;
 
}
.city-village-agent-details ul li {
    color: #000;
    padding: 6px 0px;
    letter-spacing: 1px;
    font-size: 16px;
	line-height:15px;
}

/*end of city village guide css*/
/*start of city-village-inner-details*/


.centered {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size:60px;
	 color:#fff;
	  background-color:#0000004d;
	   padding:25px;
}
@media only screen and (max-width: 768px)
{
.centered {font-size:20px; padding:10PX; top:50%;  }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
	.centered {font-size:30px; padding:15PX; top:50%;  }
 }


item p {
    color: #000 !important;
    text-align: center;
    font-size: 25px;
    margin-top: -35px;
    z-index: 1000;
    position: relative;
    padding: 14px 12px;
        padding-bottom: 14px;
		font-size:15px;
		line-height:24px;
 
}
.blog-inner
{
	width:100%;
	height:auto;
	
}
.blog-inner h3
{
	font-size:30px !important; font-weight:600; color:#05335b; text-align:center; margin:15px 0px;border-bottom: dotted 0px #ccc;
	
}
.blog-inner h4
{
	font-size:24px; font-weight:600; color:#05335b;  margin:00px 0px;border-bottom: dotted 0px #ccc; text-align:center;
	
}


/*end of city-village-inner-details*/
/*start of new searvh css*/

#search-input {
  margin:10px 10px 30px 10px;
}

#search-input1 {
  margin:20px 10px 10px 10px;
}
.btn-search {
  background-color: #3598dc;

}

.fa-search{
  color: #fff;
}

.text-center h4 {
    font-size: 40px;
    text-align: left;
    color: #121761;
    font-family: 'Titillium Web';
    font-weight: 600;
    margin-bottom: 27px;
   /* border-bottom: dotted 1px #ccc;*/
    padding-bottom: 10px;
}
.text-center h5 {
    font-size: 20px;
    text-align: left;
    color: #0686d7;
    font-family: 'Titillium Web';
    font-weight: 600;
    margin-bottom: 15px;
	margin-top:25px; 
	margin-left:10px;

   /* border-bottom: dotted 1px #ccc;*/
   
}
/*end of new search css*/

.blog-inner p
{
    margin-bottom: 10px !important;
    padding-bottom: 20px;
  
    text-align: justify;
    line-height: 24px;
}
.placesdetails{  height:auto;}
.placesdetails p{  text-align:center; line-height: 24px;}
.placesdetails h5{font-size:18px; font-weight:500; color:#05335b; margin-bottom:10px; margin-top:20px; text-align:center; text-decoration:underline; }
.blog-inner h5
{
	font-size:20px; font-weight:500; color:#05335b;  margin:10px 0px;border-bottom: dotted 0px #ccc; text-align:center;}
@media only screen and (max-width: 768px)
 {
	.text-center h4 {
    font-size: 20px;
    text-align: left; 
	  margin-bottom: 0px;
	} 
	.sectionone{float:left; width:100%; height:auto; padding-bottom:20px; padding-top:10px;}
	.sectionone h2{ font-size:20px; color:#121761;font-family: 'Titillium Web'; font-weight:600; margin-bottom:05px;border-bottom: dotted 1px #ccc;
padding-bottom: 5px;}
.pull-right
{
	margin-right:20% !important;
	
}
 }
 
 @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.millionclub-h4{margin-bottom: 10% !important;}


}


/*start of agent details */
.agent-bio
{
	height:auto;

}
.agent-image
{
    width:200px;
	/*width:290px;
	height:250px;*/
}
.agent-bio h3
{
	font-size:30px; font-weight:600; color:#05335b;  margin:30px 0px;border-bottom: dotted 0px #ccc; text-align:left;}
.agent-bio h4
{
	font-size:20px; font-weight:600; color:#05335b;  margin:10px 0px; text-align:left; line-height: 26px;}
.agent-bio h5
{
	font-size:18px; font-weight:500; color:#000;  margin:10px 0px; text-align:left;}
.agent-bio p {line-height: 26px;    margin-bottom: 20px;    text-align: justify; font-size:18px; margin-left:0%; margin-right:2%;}
.center-align {text-align:center !important;}

/*end of agent details */

/* start of agents-dashboard*/

.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #e7ae00;
   /* margin-bottom: 10px;*/
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
			margin:25px 0px;
}
.notice h2 { font-size:25px; line-height:24px; color:#0686d7; text-align:center; font-weight:600; margin-bottom:15px;}
.notice p { font-size:20px; line-height:24px; color:#0686d7; text-align:left; font-weight:600; margin-bottom:55px; margin-left:10px;}

.notice-lg {
    padding: 30px;
    font-size: large;
	
}
.margin-agent{ margin-left:10px;}
@media only screen and (max-width: 768px)
 {
	 .notice h2 { font-size:15px; line-height:24px; color:#0686d7; text-align:center; font-weight:600; margin-bottom:10px;}
 }

/* end of agents-dashboard*/


.panel.panel-info:hover {
 box-shadow: 0px 0px 5px 1px #bce8f1 !important;   
}
.panel.panel-warning:hover{
  box-shadow: 0px 0px 5px 1px #faebcc !important;      
}
.panel.panel-danger:hover{
 box-shadow: 0px 0px 5px 1px #ebccd1 !important;     
}
.panel.panel-success:hover {
    box-shadow: 0px 0px 5px 1px #d6e9c6 !important;
}
.index-content a:hover{
 color: #e84a64 !important;   
}
.helpfullinks{
margin-bottom: 30px;    
}
.helpfullinks li
{
padding: 15px;
border: solid 1px #dae4ed;
margin-bottom: 5px;
line-height: 25px;
}
.helpfullinks a{color:#2facfb;}
.millionclub-h4{font-weight: bold;
margin-bottom: -2%;
color:#FFD803;
font-size: 28px;
margin-top: 52px;
}
.millionclub-silver{font-weight: 900;
color: silver;
margin-bottom: 10px;
font-size: 19px;}
.millionclub-gold{font-weight: 900;
color:gold;
margin-bottom: 10px;
font-size: 19px;}
.millionclub-platinum{
 font-weight: 900;
color:#bfbbbb;
margin-bottom: 10px;
font-size: 19px;   
}
.millionclub-diamond{
 font-weight: 900;
color:#00b3ff80;
margin-bottom: 10px;
font-size: 19px;   
}
.millionclub-presidential{
font-weight: 900;
color:#00aeef;
margin-bottom: 10px;
font-size: 19px;   
}
.rewads{list-style: square;}
.rewads li{
 padding:5px;
 margin-left: 3%;
}
.rewars-sections{margin-top:5%;}
.rewads-p{margin-bottom:6px !important;}
.quick-ev-btn
{
text-align: center;
background-color: #49dcf5cc;
color: #fff;
border: 2px solid #f8f4f4;
padding: 10px;
border-radius: 22px;
}