@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
/* Museo 300 */

@import "fonts/stylesheet.css";
@import "fonts/font-awesome.css";



/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/
/****************MY CSS START*************************/
.bannerM {
    width:100%;
    height:auto;
    float:left;
    display:inline-block;
}

.bannerML {
    width:50%;
    height:auto;
    float:left;
}
.bannerMR {
    width:50%;
    height:auto;
    float:left;
}
.bannerMRJP {
    width: 100%;
    height: auto;
    float: left;
}
.Locationhibg{
        position: absolute;
    top: 0;
    left: 0px;
    bottom:15px;
    right: 0px;
    overflow: hidden;
    background:url(images/Locationhibg.jpg) no-repeat;
        z-index: -1;
}
.LocationhibgT {
    width:100%;
    height: 100%;
    background-color:rgba(246, 249, 242, 0.92);
}
.pt4p {
    padding-top:4%;
}
.pb1p {
    padding-bottom:1%;
}
.resp-tabs-container.floorPlanarea {
    border:none;
    border-top:1px solid #5fa647;
}
.sampledivarea {
    display: inline-block;
    width: 100%;
    height: auto;
    padding-bottom:10px;
}
.pb0i {
    padding-bottom:0px !importnat;
}
.table.price {
    max-width: 480px;
    margin: 0 auto;
}
    .table.price tr td {
        text-align:center;
    }
     .table.price tr th {
        text-align:center;
    }
.prjHLhead2 {
    text-align: center;
    margin:3% 0;
    display:inline-block;
}
.note {
    margin:18px 0;
    font-size:18px;
}
    .note p {
        font-size:16px;
    }
.fixEnq {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4a5816;
    padding: 15px 0;
    z-index:99999;
}
.resEngLnk{
	display:none;
    border: none;
    color: #fff;
    background: #4a5816;
    padding: 7px 0px;
    font-size: 16px;
    border-radius: 1px;
    width:100%;
	outline:none;
}
.resEngLnk:hover,
.resEngLnk:focus,
.resEngLnk:active{
    border: none;
}
.resEngLnk.fnt24{
	font-size:24px;
	border-bottom: 1px solid;
}
.clsEnqPop {
    display: none;
    background: #ffffff;
    color: #940709;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-family: cursive;
    font-size: 18px;
    border-radius: 100%;
    position: absolute;
    top: 12px;
    right: 15px;
	cursor: pointer;
}
.w87p {
    width: 87%;
    margin: auto;
}
.box10 {
    width: 10%;
    float: left;
    padding: 0 15px;
}
.fixEnq .box10 h1 {
    font-size: 24px;
    margin: 0;
    color: #fff;
    padding: 4px 0;
}
.fixEnq input[type="text"] {
    width: 100%;
    border: none;
    padding: 7px 10px;
}
.box20 {
    float: left;
  /*  width: 25%;*/
    padding: 0 15px;
}
.box15 {
    float: left;
    width: 15%;
    padding: 0 15px;
}
.fixEnqBtn {
    border: none;
    background: #fff;
    color: #4a5816;
    padding: 7px 0%;
    width: 100%;
}
.fixEnq form {
    margin:0px;
}

.pad0 { padding:0 !important;}

/*********************MY CSS END******************************/

body, html {height:100%; background:#FFF url(images/main-bg.jpg) no-repeat left top fixed; background-size:cover;}

form{height:100%;}

body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #666;  cursor:pointer;}
body::-webkit-scrollbar { width: 10px; cursor:pointer;}
body::-webkit-scrollbar-thumb {background-color:#333;}
body::-webkit-scrollbar-thumb:hover{background-color:#222;}

html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); }

body { font-family: 'dosisregular',  Arial, sans-serif;  font-size: 14px; line-height: 1.6; color: #000; padding-top:130px;}

button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #505050 ; text-decoration: none; }
a:focus, a:hover { text-decoration: underline;}
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;  }

img { max-width:100%; height:auto;}

.centered{margin:0 auto; float:none!important;}
.no-padding { padding:0px !important; }
.no-margin { margin:0px !important; }
.msg{ color:#ef49a5; font-weight:bold; font-size:18px;}


.bold { font-weight:700;}

.left{float:left!important;}
.right{float:right!important;}
.fixHeight{ min-height:350px !important;}



/* Clear Styles */
.clear	{clear:both; } 
.spacer1 {clear:both; width:100%; height:10px;}
.spacer2 {clear:both; width:100%; height:20px;}
.spacer3 {clear:both; width:100%; height:30px;}
.spacer4 {clear:both; width:100%; height:40px;}
.spacer5 {clear:both; width:100%; height:50px;}

.fade { opacity:0; }


.full-width{width:100%; border:#FFF solid 5px;}

ul.list  {padding:0px; margin:0px  0px 15px 0px;}
ul.list li {list-style-type:disc; padding:0px; margin:0px 10px 5px 20px; font-size:12pt; }

.th { background-color: #787878; color:#fff;  }
.tch {background-color: #dcdcdc; }
.tc { background-color: #f5f5f5; }
a.backStyle { background:#ef49a5; Color:#fff; padding:5px 15px;}
a.backStyle:hover{ background:#e03996; text-decoration:none; Color:#fff;}
/*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
#wrapper        {position:relative; width:100%; margin:0 auto; text-align:left; float:none;}
#wrapper        {min-height:100%;  height:100%; margin:0 auto;} /* the bottom margin is the negative value of the footer's height */
.footer         {position:relative; width:100%; margin:0 auto;}
.footer, .push  { clear:both;}/* .push must be the same height as .footer */

/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/
header      {width:100%; z-index:999; background:#FFF; top:0; box-shadow:#333 0 -1px 14px -3px; z-index:99999;}
header .container{display:table;}
.header .logo,.header .dosti-logo{ padding:15px 0px; min-width:80px; display:table-cell; vertical-align:middle;}

.header .logo img,
.header .dosti-logo img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_right   {display:table-cell;  vertical-align:middle; width:78%;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

@media (max-width:769px){
body{padding-top:50px;}
.dosti-logo{display:none!important;}

.header .logo{width:25%;}

.callUs > ul{margin:10px 0 0; padding:0;}
.callUs > ul li a, .callUs > ul li span{font-size:12pt!important; width:auto;}

.viewer{height:300px!important;}

.resp-tabs-container{padding:10px!important;}
}


/*Call us*/
.callUs         {font-size: 16px; display:inline-block; padding-right:5%; vertical-align:middle;}
.callUs span    {font-size: 20px; color:#1d4700; width:25px; display:inline-block}

.callUs > ul    {display:block;}
.callUs > ul li {display:block; width:100%; margin:0px; padding:0px;}
.callUs > ul li a{ color:#1d4700; font-size:15pt;}
/*
=====================================================================================================================================================
HEADER NAV STYLE
=====================================================================================================================================================
*/

ul.navbar-nav li a{background-color:transparent!important; color:#050807; font-family: 'dosismedium'; position:relative;}
ul.navbar-nav li a.active{color:#1d4700!important;}
header ul.navbar-nav > li a:after{position: absolute;
    bottom:-20px;
    left: 0;
    display: block;
    content: '';
    padding: 0;
    margin: 0 0 1px;
    border-bottom: solid 2px #5fa647;
    transform: scaleX(0.0001);
    transition: transform 250ms ease-in-out;
    width: 100%;}

header ul.navbar-nav > li:hover a:after, header ul.navbar-nav > li a.active:after {
    transform: scaleX(1);
}
header.sticky ul.navbar-nav > li a:after,
header ul.navbar-nav > li a.active:after{bottom:-8px!important;}
@media (min-width:769px){

header ul.navbar-nav{float:none; margin-top:8px;}
header ul.navbar-nav{text-align:center;}
header ul.navbar-nav > li{float:none; display:inline-block;}
header ul.navbar-nav > li a{font-weight:500; text-transform:uppercase; font-size:12pt;}
.main-nav{}

}

/*Sticky Head Style*/

.fixed {position:fixed;}
.sticky{}
.sticky .logo img, .sticky .dosti-logo img{max-width:70%;}
.sticky .header_right{}

/*
=====================================================================================================================================================
SECTION STYLE
=====================================================================================================================================================
*/

section{ padding:40px 0;}



/*
=====================================================================================================================================================
COMMON HEADING STYLE
=====================================================================================================================================================
*/
.heading { text-align:center; margin:20px 0px;}

.heading h1, .heading h2, .heading h3{text-transform:capitalize; font-family: 'dosismedium'; font-size:28pt; color:#1d4700;  margin-bottom:0;}

.heading h1:before, .heading h2:before, .heading h3:before{content:' '; background:url(images/head-elm1.png) no-repeat center top;  margin-left:-12px; margin-top:-18px; background-size:100%; float:right; height:56px; width:40px;  }
.heading h1{text-transform:uppercase; font-size:26pt; display:table; margin:0 auto; color:#1d4700;}
.heading h2{text-transform:uppercase; font-size:26pt; display:table; margin:0 auto; color:#1d4700;}
.heading h3{text-transform:uppercase; font-size:22pt; display:table; margin-bottom:0; }

.heading.inverse h1:before, .heading.inverse h2:before, .heading.inverse h3:before{content:' '; background:url(images/head-elm2.png) no-repeat center top;  margin-left:-12px; margin-top:-18px; background-size:100%; float:right; height:56px; width:40px;  }

.heading.inverse h1, .heading.inverse h2, .heading.inverse h3{color:#FFF;}



h2 {font-size:30px; color:#ed202b ; font-weight:normal; margin:0px ; padding:0px ;}
h3 {font-size:30px; color:#ed202b ; font-weight:normal; text-transform:uppercase; margin:0px ; padding:0px ;}
h5 {font-size:18px!important; color:#000!important; font-weight:normal!important; margin:0px ; padding:0px ;}
h6 {font-size:16px!important; color:#000000!important; font-weight:normal!important; margin:0px ; padding:0px ;}


h3 {font-size:20px; color:#0d61ab; font-weight:600 ; margin:0px ; padding:0px ;}
h3.text {font-size:14px ; color:#000 ; font-weight:400 ;}

/*
=====================================================================================================================================================
Visual Style
=====================================================================================================================================================
*/
.visuals                 {height:500px; position:relative; z-index:0; background:url("images/joybanner.jpg") no-repeat; background-size:cover; background-position:center top; display:table; width:100%;}
.visuals .camera_wrap   {width: 100%; height: 100%; position: relative;}

.visuals .camera_caption h1 {white-space:normal; font-size:25px; color:#ef49a5; text-shadow:none; line-height:30px;}
.visuals .camera_caption    {left:10%;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); top:50%; width:40%; text-align:center; background:rgba(255, 255,255, 0.4)}
.visuals  .camera_wrap .camera_pag .camera_pag_ul li    {display:none;}

.bgImage    { height:100%;}
.relv       {position:relative; }

.visuals .container{display:table; height:100%;}

.visuals h1 {
    position: relative;
    z-index: 100;
    display: table;
    margin: 8% auto 0;
    padding: 8px;
    
}
.visuals h1 img{margin:0 auto;}

/***********************/
.Vpearl                 {height:500px; position:relative; z-index:0; background:url("images/pearlpage.jpg") no-repeat; background-size:cover; background-position:center top; display:table; width:100%;}
.Vpearlpearlpage                 {height:500px; position:relative; z-index:0; background:url("images/joybanner.jpg") no-repeat; background-size:cover; background-position:center bottom; display:table; width:100%;}
.Vpearljoypage{height:500px; position:relative; z-index:0; background:url("images/pearl-bg.jpg") no-repeat; background-size:cover; background-position:center top; display:table; width:100%;}

@media (max-width:980px){
    .bgImage h1 {font-size:28px !important; line-height:normal; width:90%}
}


.scrolldown {margin:-50px auto 0; position:relative; z-index:1; font-size:24px;  padding:11px 24px;  display:table; background:url(images/top-bg.png) no-repeat center center; background-size: auto 100%;}
.scrolldown .fa{color:#FFF; font-size:24pt;}


/*
=====================================================================================================================================================
Overview
=====================================================================================================================================================
*/

#Overview{ }
#Overview .heading h2{}

.mob-display{display:none;}


.module-bg{ position:relative; border:rgba(0,0,0,0.1) dotted 1px;}

.module-bg:before{content:' '; position:absolute; width:100%; height:100%; border:rgba(0,0,0,0.1) dotted 1px; z-index:2;}

.module-bg .txt{padding:20px; padding-left:40px; z-index:3; position:relative;}

.module-bg img{margin:-15px 20px 0 -30px; max-width:initial; width:auto; position:relative; z-index:1;}



ul.highlights-list{margin:0 0; padding:0;}
ul.highlights-list li{display:block; margin:0 0 0 20px; padding:6px 0; color:#646464; font-size:12pt; line-height:15pt; border-bottom:#b4b4b4 dotted 1.5px; font-family: 'dosismedium';}
ul.highlights-list li:last-child{border:0;}
ul.highlights-list li:before{content:'\f105 '; font-family:FontAwesome; margin-left:-20px; margin-right:15px;}

@media (min-width:768px) and (max-width:1100px) {

.txt{background:rgba(255,255,255,0.8); padding-bottom:50px;}
}
@media (min-width:768px) {
.module-bg{  height:495px;}
}
@media (max-width:768px) {
.module-bg img{max-width:100%; margin:0 0;}
.module-bg:before{display:none!important;}
.module-bg{border:0;}

.module-bg .txt{padding:10px; margin-top:20px;}

.mob-display{display:block;}
}

#Overview p{font-size:12pt; line-height:20pt;}

#Overview .btn{font-weight:normal; text-transform:uppercase; font-size:10pt; border-radius:0; background:#5fa647;}

#Overview .btn:hover{background:#1d4700}


/*
=====================================================================================================================================================
Why Thane
=====================================================================================================================================================
*/

#WhyThane{}
#WhyThane .heading{text-align:left;}
#WhyThane .heading h2{}

#WhyThane .img-responsive{}

#WhyThane p{font-size:12pt; line-height:20pt;}

.thane-img{padding-left:0!important; padding-right:0!important;}
.thane-img img{width:95%; margin:0 auto;}

ul.thane-img-list{margin:0; padding:0;}
ul.thane-img-list li{margin:0 0 5%; padding:0; float:left; width:50%; display:block; text-align:center;}
ul.thane-img-list li img{width:90%; margin:0 auto;}




/*
=====================================================================================================================================================
Location Map
=====================================================================================================================================================
*/

#Location{}

.map-holder{width:100%; margin:0 auto; position:relative; text-align:right;}

.map-holder img{border:#DDD solid 1px;}
.map-holder iframe{position:absolute; width:100%; height:100%; left:0; top:0; border:0; display:none;}

ul.map-btns{margin:0; padding:0; float:right;}
ul.map-btns li{margin:0; padding:0; display:inline-block;}
ul.map-btns li.toogle-map{position:relative; display:inline-block;  border-radius:0; z-index:9; background:#999; font-size:10pt; text-transform:uppercase;  padding:5px 10px; color:#333; font-weight:normal;}
ul.map-btns li.active{color:#FFF; background:#d02022;}


ul.dist-list{margin:0; padding:0;}
ul.dist-list li{margin:0 2% 0 0; padding:0; display:inline-block; width:22%;  font-size:12pt; min-width:250px;}
ul.dist-list li span{float:right; min-width:80px; color:rgba(0,0,0,0.8); text-align:center;}
ul.dist-list li:before{content:'\f105'; font-family:FontAwesome; margin-right:5px; margin-left:-10px; color:#5fa647;}
ul.dist-list li span:before{content:'-'; margin-right:5px; margin-left:-20px; color:#5fa647;}

/*Highlights*/

ul.loctn-hghlghts {margin:0; padding:0;}
ul.loctn-hghlghts li{margin:inherit; text-align:left; padding:15px; border:#DDD dotted 1px; border-width:0 1px 1px 0;  display:inline-block;  min-height:125px; }
ul.loctn-hghlghts li:nth-child(3), ul.loctn-hghlghts li:last-child{border-bottom:0;}

.loctn-hghlghts b{color:#5fa647; font-size:12pt; font-family: 'dosismedium';}

@media (min-width:768px){
ul.loctn-hghlghts li{display:table;}
ul.loctn-hghlghts li:first-child, ul.loctn-hghlghts li:nth-child(2){float: none; display: table-cell; vertical-align: top;}
}

@media (max-width:768px){
ul.loctn-hghlghts li{display:table;}
}

@media (min-width:480px) and (max-width:640px){
ul.dist-list li{width:45%; margin:0 0 8px;}
}
@media (max-width:480px){
ul.dist-list li{width:100%; margin:0 0 8px;}
}

ul.loctn-hghlghts .icn-box,
ul.loctn-hghlghts .txt{display:table-cell; vertical-align:top;}

ul.loctn-hghlghts .icn-box{width:120px; padding:0 15px;}

ul.loctn-hghlghts .txt{font-size:12pt; line-height:17pt;}

/*
=====================================================================================================================================================
Amenities
=====================================================================================================================================================
*/

#Amenities{}

#Amenities h5{font-weight:700!important;}
ul.extrnl-amnentes{margin:0; padding:0;}


ul.extrnl-amnentes li{margin:0; padding:0; display:inline-block; text-align:center;}
ul.extrnl-amnentes li img{margin:0 auto;}


#Amenities .scroll-div{max-height:450px; overflow:auto;}

#Amenities .scroll-div::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3); background-color: #666;  cursor:pointer;}
#Amenities .scroll-div::-webkit-scrollbar { width:6px; cursor:pointer;}
#Amenities .scroll-div::-webkit-scrollbar-thumb {background-color:#333;}
#Amenities .scroll-div::-webkit-scrollbar-thumb:hover{background-color:#222;}

/*
=====================================================================================================================================================
Plans
=====================================================================================================================================================
*/
#Layout{}
#Plans {}

.plan-pics {display:block; text-align:center}
.plan-pics figure{margin-top:15px; border:#DDD solid 1px;
                       -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.plan-pics figure img {float:none; margin:auto; position: relative; }

.plan-pics:hover figure{border-color:#5fa647;}

.plan-pics h3{font-weight:700; color:#333;}

/* Effect style */


figure              {position:relative; overflow: hidden; width:100%;}
figure figcaption   {padding:20px; color:#fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; float:left; width:100%;}

figure figcaption   {position:absolute; top: 32%; left:0; right:0; width:50%; padding:0px; height: auto;}

figure.effect-bubba figcaption {padding:10px 10px 0px 10px; margin:0px auto; }

figure.effect-bubba             {background:#000;}
figure.effect-bubba img         {opacity:1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
figure.effect-bubba:hover img   {opacity:0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after   {position: absolute; top:15px; right:0px; bottom:15px; left:0px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before  {border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1);}
figure.effect-bubba figcaption::after   {border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0);}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {opacity:1; -webkit-transform:scale(1); transform:scale(1);}

figure.effect-bubba h2              {color:#fff; font-size:2.5em; padding:10px 10px 0px 10px; margin-bottom:0px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); text-align:center}
figure.effect-bubba:hover h2        {color:#fff; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

figure.effect-bubba p       {padding:10px 10px 10px 10px; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); font-size:1.1em; text-align:center}
figure.effect-bubba:hover p {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

figure.effect-bubba .video              {color:#fff; font-size:4em; width:100%; padding:0px; margin-bottom:0px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,55px,0); transform: translate3d(0,55px,0); text-align:center}
figure.effect-bubba:hover .video        {color:#fff; font-size:4em; width:100%; padding:0px; margin-bottom:0px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,55px,0); transform: translate3d(0,55px,0); text-align:center}

figure.effect-bubba .video a        {color:#fff;}
figure.effect-bubba:hover .video a  {color:#ed2b31;}

/*
=====================================================================================================================================================
About
=====================================================================================================================================================
*/
#About{}

#About .heading{margin:0;}

#About b{color:#000; font-size:14pt;}
#About p{color:#0d4700; font-size:12pt; text-align:center;  margin-top:10px;}


#Contact{ padding-bottom:150px;}

#Contact h2{text-align:left; margin:0 0; font-family: 'dosislight';}
#Contact h2:before{display:none;}

#Contact h5{margin:0 0;}
#Contact p{font-size:12pt;}


#Contact .number{font-size:16pt; color:#1d4700; font-family: 'dosismedium'; font-weight:bold;}
#Contact .fa{margin-right:8px;}


.footer .text-left p{font-size:11pt;}
.footer .text-left a{color:#FFF; margin-left:15px; border-left:#5fa647 1px solid; padding-left:15px;}
.footer .text-left a:hover{color:#5fa647;}


/*Zoom image*/
.zoom_img img{


-moz-transition:-moz-transform 0.5s ease-in; 
-webkit-transition:-webkit-transform 0.5s ease-in; 
-o-transition:-o-transform 0.5s ease-in;
}
.zoom_img img:hover{
-moz-transform:scale(1.2); 
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
}
/*  Parallax image style */
.parallax-banner    {position:relative; width:100%; padding:0; text-align:center; overflow:hidden; clear:both; margin:0px; float:left; color:#fff}
.just_pattern       {background-image:url(images/pattern2.png); position:absolute; opacity:.90; left:0px; margin:0px; top:0px; right:0; bottom:0; width:100%; height:100%; z-index:-1;}

.parallax-banner h2 {color:#fff !important}

.header-note {
	text-align: center;
    margin-bottom: 16px;
    font-size: 16px;
    color: #E3000F;
}

    





.footer     {width:100%; background:#1d4700;  color:#FFF; padding:15px 0px; font-size:13px; position:relative; margin-bottom: 70px;}
.footer h2  {font-size:14px !important; color:#FFF !important; margin:0px 0px 5px 0px;}

.footer hr {border-color:rgba(255,255,255,.25)}


/* GO To Top Style  */
.scrollup {margin:-50px auto 0;  z-index:1; font-size:24px;  padding:11px 24px;  display:table; background:url(images/top-bg.png) no-repeat center center; background-size: auto 100%;}
.scrollup { -webkit-animation: moveFromBottom 1000ms ease; -moz-animation: moveFromBottom 1000ms ease;   -ms-animation: moveFromBottom 1000ms ease;}
.scrollup a{ color:#FFF!important; font-size:35pt; line-height:0; } a.scrollup:hover { color:#444;  }

/*Thank you*/
.thankStyle{ margin-top:30px;}
.thankStyle h2{ color:#ef49a5;}


 /*
=====================================================================================================================================================
SOCIAL MEDIA
=====================================================================================================================================================
*/
ul.social_media			{margin:0px; padding:0px 0px 5px 0px; width:100%;}
ul.social_media li		{display:inline-block; list-style-type:none; list-style-image:none; padding:0px; margin:0 0px 10px 2px; border:none;  vertical-align:top;}
ul.social_media li a	{display:block; font-size: 15px;  transition:none .6s ease-in-out; -webkit-transition: none .6s ease-in-out; -moz-transition:none .6s ease-in-out; -o-transition:none .6s ease-in-out; -ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover  {display:block; font-size: 15px;}

ul.social_media .fa         {padding: 0px; border:#275904 2px solid; border-radius:50px; margin:0px; font-weight:300; color:#fff; width:40px;  height:40px; line-height:40px; text-align:center;}
ul.social_media .fa:hover   {color:#fff;}

.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram
{ transition:all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out;}

.fa-facebook:hover          {background: #3b5998;}
.fa-google:hover            {background: #3f85f4;}
.fa-google-plus:hover       {background: #d13f2d;}
.fa-linkedin:hover          {background: #0275b5;}
.fa-youtube:hover           {background: #ce332d;}
.fa-youtube-play:hover      {background: #ce332d;}
.fa-tumblr:hover            {background: #274152;}
.fa-twitter:hover           {background: #4dc8f1;}
.fa-pinterest:hover         {background: #cb2028;}
.fa-instagram:hover         {background: #3e739d;}

 /*
=====================================================================================================================================================
Media Querries
=====================================================================================================================================================
*/

@media (min-width:769px) and (max-width:1024px) {
    .header .logo, .header_right{display: inline-block;}

    .header .logo{width:120px;}

    .header .dosti-logo{float: right; display: inline-block; width: auto; margin-top: -162px; text-align:center;}
    .header .dosti-logo img{margin:0 auto;}
    header.sticky .dosti-logo{margin-top:-138px;}
    .header_right{float: right; width: 100%;}
    .main-nav{ border-top:#DDD solid 1px; margin-top:10px;}
    header ul.navbar-nav{float:none; margin-top:0;}
    header ul.navbar-nav > li a{padding:12px 12px!important; display:block; line-height:normal;}
    .nav > li > a{padding:10px 12px!important;}
    
header.sticky ul.navbar-nav > li a:after,
header ul.navbar-nav > li a.active:after{bottom:-4px!important;}
}


@media (max-width:1000px) {
header ul.navbar-nav > li a:after{bottom:0;}
}

@media (max-width: 768px){
header .container{width:95%;}
.container {padding-left:0px !important; padding-right:0px !important;}


}

@media (max-width:767px){
.header_right .right{float:none!important;}
.header .logo{}

.header_right{vertical-align:top; width:75%; text-align:right;}
.header_right .logo{ float:right; margin-right:20px;}


 .heading h1, .heading h2, .heading h3{font-size:28pt;}

 .sticky .navbar-toggle{margin-top:0;}
 header.sticky ul.navbar-nav > li a:after, header ul.navbar-nav > li a.active:after{bottom:-10px!important;}

 section{padding:12px 0;}
 
.plan-pics h3{margin-bottom:0px; margin-top:40px;}
.plan-pics figure{margin-top:8px;}
}

@media (max-width:604px){
 .heading h1, .heading h2, .heading h3{font-size:24pt;}

ul.loctn-hghlghts .icn-box, ul.loctn-hghlghts .txt, ul.extrnl-amnentes li{display:block; margin:0 0 10px; text-align:center;}
ul.loctn-hghlghts .icn-box, ul.loctn-hghlghts .icn-box img{text-align:center; margin:0 auto 10px;}
.loctn-hghlghts b{text-align:center;}

.scrollup{padding: 3px 15px; margin: -37px auto 20px;}
.scrollup a{font-size:24pt;}

.footer .text-left p{text-align:center;}
}

  
}
@media (max-width:515px) {

}
@media (max-width:470px) {
    
 .heading h1, .heading h2, .heading h3{font-size:14pt; font-weight:bold;}

}
@media (max-width:480px) {
.navbar-offcanvas { width: 50% !important; max-width: 250px; left: -50% !important;}
.navbar-offcanvas.offcanvas-transform.in{ -webkit-transform: translateX(100%)!important; -ms-transform: translateX(100%)!important; transform: translateX(100%)!important;}
}