/*frontend css starts*/

/*------------------------[header css Starts]-----------------------------*/

body {
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 300;
	font-size: 16px;
}
.mobile-only {
    display: none !important;
}
/*-----------------*/
/*-- Main Header --*/
/*-----------------*/
.navbar-default {
    background-color: #fff;
    border: 0 none;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.2);
    border-radius: 0;
}
.navbar-default>.container {
    max-width: 1300px;
    width: 80%;
    padding: 0;
}
/*-- Logo --*/
div.navbar-header {
    width: 24%;
    padding-right: 2%;
    height: 113px;
    float: left;
}
.fulllogo {
    float: left;
}
img.logo-header {
    padding: 18px 0;
    float: left;
    width: 100%;
}
/*-- Top Info --*/
.top-right-info {
	float: right;
	margin-top: 10px;
}
.social-icons, .ph-no, .top-bar-nav {
	margin-right: 20px;
	float: left;
	line-height: 1em;
}
.top-bar-nav a:first-child {
	margin-left: 0;
}
.top-bar-nav a {
	float: left;
	padding: 5px 15px;
	line-height: 1em;
	color: #fff;
	background-color: #EF483E;
	text-transform: uppercase;
	border-radius: 3px;
	margin-left: 15px;
}
.social-icons a {
	color: #333;
	float: left;
	margin-right: 10px;
	font-size: 22px;
	line-height: 1em;
	padding-top: 3px;
	
}
.social-icons a:last-child {
	margin-right: 0;
}
.ph-no {
	color: #333;
	font-size: 22px;
	font-weight: bold;
	padding-top: 3px;
}
.login-btn {
	padding-left: 25px;
	background: url("https://www.tarantino.com/site/wp-content/themes/tarantino-child/images/icon_login-lock2-red.png") no-repeat scroll center left;
	background-size: contain;
	color: #333;
	margin-top: 3px;
    float: left;
    line-height: 1.26em;
}
/*-- Hover Dropdown Menu --*/
.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgb(231, 231, 231);
    color: rgb(85, 85, 85);
}
li.dropdown:hover > .dropdown-menu {
    display: block;
}
/*-- Main Navigation --*/
.navbar-collapse {
    padding: 0;
    width: 74%;
    float: right;
}
.navbar-nav {
    font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
    font-size: 17px;
    text-transform: uppercase;
	padding-top: 20px;
	line-height: 1.7em;
}
.navbar-nav>li {
    padding-bottom: 36px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-weight: normal;
}
.navbar-nav>li>a {
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-default .navbar-nav > li.dropdown:hover > a, .navbar-default .navbar-nav > li.dropdown:hover > a:hover, .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
    background-color: rgba(231, 231, 231,0);
    color: #000;
}
.navbar-nav>li>.dropdown-menu {
	width:300px;
    border-top: 2px solid #EF483E;
    padding: 20px 0;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    box-shadow: 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
}
li.dropdown:hover > .dropdown-menu > li {
	display: inline-block;
    padding: 0px 20px;
    font-size: 14px;
	position: relative;
    line-height: 2em;
}
li.dropdown:hover > .dropdown-menu > li a {
	width: 260px;
    padding: 6px 10px;
	font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    line-height: 2em;
}
li.dropdown:hover > .dropdown-menu > li a:hover {
	opacity: .7;
    background-color: rgba(0,0,0,.03);
}


.footer-support { width:100%;  float:left; font-size: 16px;}
.f-full-info a { color: #dd2b2c;font-size: 16px;}
.footer-center a {color: #dd2b2c; font-size: 16px;}
.f-right-info a {color: #dd2b2c;}
.footer-nav { border-bottom: solid 1px #333; border-top: solid 1px #333; padding: 16px;margin-bottom: 20px;     margin-top: 42px;}
.footer-nav a { color: #333333; font-weight: 600;}
.f-right-info img { margin-top: -9px !important;margin-left: 3px;}
.f-one { width:18%; float:left; }
.fone { width:18%; margin-left:2%; float:left; text-align:left;}
.fone h4 {
    font-size: 26px;
    font-weight: bold;
    color: #666;
    letter-spacing: 1px;
}

/*-- Footer Area --*/
#footer-widgets { padding-top: 4%; }
.footer-widget { margin-bottom: 3% !important; }
.footer-widget .f-column-5 { float: left; width: 18.4%; margin-right: 2%; margin-bottom: 15px !important; }
.footer-widget .f-column-5:last-child { margin-right: 0%; }
ul.location-info { list-style: none; padding-left: 0; }
ul.location-info li { padding-left: 25px !important; position: relative; margin-bottom: .5em; line-height: 26px; }
ul.location-info li::before { border: 0 none !important; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: 100%; top: 5px !important; position: absolute; content: " "; left: 0; }
ul.location-info li.f-adr::before { background-image: url("https://www.tarantino.com/site/wp-content/themes/tarantino-child/images/icon_location.png"); width: 20px; height: 25px; }
ul.location-info li.f-phn::before { background-image: url("https://www.tarantino.com/site/wp-content/themes/tarantino-child/images/icon_phone.png"); width: 20px; height: 25px; }
ul.location-info li.f-fax::before { background-image: url("https://www.tarantino.com/site/wp-content/themes/tarantino-child/images/icon_fax.png"); width: 20px; height: 25px; }
.bottom-nav { text-align: center; border-top: 1px solid; border-bottom: 1px solid; }
.f-full-info { width: 100%; text-align: center; margin-bottom: 10px; }
#footer-bottom a { color: #dd2b2c; }
.f-left-info, .f-right-info {position: relative;z-index: 2;}
.f-left-info { float: left; }
.f-right-info { float: right; }
.footer-center {float: left;width: 100%;text-align: center;margin: -25px auto 0;position: relative;z-index: 1;}
/*-----------------------*/

/*--------------------*/
/*-- Responsiveness --*/
/*--------------------*/
/*-- Big Screen --*/
@media only screen and (min-width:1601px) and (max-width:1759px) {
}
@media only screen and (min-width:1441px) and (max-width:1600px) {
}
/*-- Laptop CSS --*/
@media only screen and (min-width:1367px) and (max-width:1440px) {
.navbar-nav {
    padding-top: 16px;
}
.navbar-nav>li {
    padding-bottom: 20px;
}
.nav>li>a {
    padding: 10px 11px;
}
}
@media only screen and (min-width:1281px) and (max-width:1366px) {
div.navbar-header {
    height: 102px;
}
.navbar-nav {
    padding-top: 3px;
}
.navbar-nav>li {
    padding-bottom: 22px;
}
.nav>li>a {
    padding: 10px 8px;
}
}
/*Small Screen*/
@media only screen and (min-width:1121px) and (max-width:1280px) {
div.navbar-header {
    height: 92px;
}
.navbar-nav {
    font-size: 14px;
    padding-top: 3px;
}
.navbar-nav>li {
    padding-bottom: 14px;
}
.nav>li>a {
    padding: 10px 8px;
}
.f-one {
    width: 100%;
    float: left;
}

.fone {
    width: 23%;
    margin-left: 1%;
    float: left;
    text-align: left;
}

}

@media only screen and (min-width:1025px) and (max-width:1120px) {
div.navbar-header {
    height: 82px;
}
.navbar-nav {
    font-size: 12px;
    padding-top: 3px;
}
.navbar-nav>li {
    padding-bottom: 3px;
}
.nav>li>a {
    padding: 10px 8px;
}

.f-one {
    width: 100%;
    float: left;
}

.fone {
    width: 23%;
    margin-left: 1%;
    float: left;
    text-align: left;
}

}
/*IPad CSS*/
@media only screen and (min-width:981px) and (max-width:1024px) {
div.navbar-header {
    width: 22%;
    height: 82px;
}
.navbar-nav {
    font-size: 12px;
    padding-top: 3px;
}
.navbar-nav>li {
    padding-bottom: 3px;
}
.nav>li>a {
    padding: 10px 8px;
}

.f-one {
    width: 100%;
    float: left;
}

.fone {
    width: 49%;
    margin-left: 1%;
    float: left;
    text-align: left;
    margin-top: 28px;
}

.f-right-info {
    float: right;
    width: 100%;
    text-align: center;
    line-height: 82px;
    margin-top: -22px;
}

.f-left-info {
    float: left;
    width: 100%;
}

}
@media only screen and (min-width:768px) and (max-width:980px) {
div.navbar-header {
    width: 100%;
    height: auto;
	padding-right: 0;
}
.fulllogo {
    float: left;
    width: 100%;
	text-align:center;
}
img.logo-header {
    width: auto;
    max-width: 100%;
    float: none;
}
.navbar-collapse {
    width: 100%;
}
.navbar-nav {
    font-size: 12px;
    padding-top: 3px;
	margin: 0 auto;
}
.navbar-nav>li {
    padding-bottom: 3px;
}
.nav>li>a {
    padding: 10px 8px;
}

.f-one {
    width: 100%;
    float: left;
}

.fone {
    width: 26%;
    margin-left: 15%;
    float: left;
    text-align: left;
    margin-top: 28px;
}

.f-right-info {
    float: right;
    width: 100%;
    text-align: center;
    line-height: 82px;
    margin-top: -22px;
}

.f-left-info {
    float: left;
    width: 100%;
}

}
/*Mobile CSS*/

@media only screen and (max-width:767px) {
.desktop-only {
    display: none !important;
}
.mobile-only {
    display: block !important;
}
.navbar-default>.container {
    position: relative;
}
.fulllogo {
    width: 70%;
}
.navbar-toggle {
    margin-top: 35px;
}
.top-right-info {
    float: left;
    width: 100%;
    text-align: center;
	margin: 0 0 20px 0; 
}
.social-icons, .ph-no, .top-bar-nav {
    display: inline-block;
	    height: 32px;
}
.top-bar-nav a:last-child {
    margin-left: 0;
}
div.navbar-header {
    width: 100%;
    padding-right: 0;
    height: auto;
	margin: 0 auto !important;
}
.navbar-collapse {
    padding: 0;
    width: 100%;
}
.navbar-nav {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    width: 100%;
    margin: 0 !important;
    padding: 20px;
	border-top: 2px solid #EF483E;
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-bottom: 0 none !important;
    box-shadow: 0 2px 4px rgba(123,123,123,0.5); -moz-box-shadow: 0 2px 4px rgba(123,123,123,0.5); -webkit-box-shadow: 0 2px 4px rgba(123,123,123,0.5);
	left: 0;
}
.navbar-nav>li {
    padding-bottom: 10px;
}
.navbar-nav>li>.dropdown-menu {
    position: relative !important;
    display: block !important;
    box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;
    border-top: 0 none !important;
    width: 100%;
	padding: 5px 0 20px;
}
li.dropdown:hover > .dropdown-menu > li a {
    width: 100%;
    line-height: 1.4em;
    color: #777;
	padding: 5px 10px;
}
.dropdown-menu>li>a {
    width: 100%;
    float: left;
    white-space: normal;
    padding: 5px 30px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
.navbar-toggle {
    margin-top: 20px;
}

.f-one {
    width: 100%;
    float: left;
}

.f-left-info {
    float: left;
    width: 100%;
}

.fone {
    width: 37%;
    margin-left:11%;
    float: left;
    text-align: left;
    margin-top: 28px;
}

.f-right-info {
    float: right;
    width: 100%;
    text-align: center;
    line-height: 82px;
    margin-top: -22px;
}

.f-left-info {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}

}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation:portrait){
	
.f-one {
    width: 100%;
    float: left;
}

.fone {
    width: 100%;
    margin-left: 2%;
    float: left;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 22px;
}	

.f-right-info {
    float: right;
    width: 100%;
    text-align: center;
}

.f-right-info {
    float: right;
    width: 100%;
    text-align: center;
    line-height: 82px;
    margin-top: -22px;
}
	
}

/*------------------------[header css End]-----------------------------*/




/*------------------------[featured css Starts]-----------------------------*/

.featured-mod {  height: 500px;overflow: hidden;}

.featured-mod img{ width: 100%; height: auto; position: relative; transform: translateY(-50%);top: 50%;}

.overlay { background: rgba(21,29,41,.8); width: 100%; min-height: 150px; float: left; z-index: 99; position: absolute; margin-top: -150px;   padding-top: 10px;  padding-left: 20px; color:#fff;     line-height: 13px; text-align: center; text-transform: uppercase; letter-spacing: 3px;}

.overlay h5 { color: #fff; line-height: 13px; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-size: 15px; margin-bottom: 30px; position: relative;}

.overlay h5:after { content: ""; position: absolute; left: 50%; bottom: -25px; width: 140px; height: 4px; background: #dedede; transform: translateX(-50%);}

.overlay h3 {color: #fff; font-size: 24px; font-weight: 600; text-transform: uppercase;letter-spacing: 2px;}

.navbar{margin-bottom: 0px!important;}

.property-detail .detail-info li { text-align: center; width: auto; padding: 0 21px 14px;}

span.low { padding-left: 10px; padding-right: 10px; font-size: 15px; font-weight: 600;}

.bottom-info {margin-top: 42px;}

@media only screen and (min-width:1441px) and (max-width:1600px){}

@media only screen and (min-width:1367px) and (max-width:1440px){}

@media only screen and (min-width:1325px) and (max-width:1366px){}

@media only screen and (min-width:1281px) and (max-width:1324px){}

@media only screen and (min-width:1121px) and (max-width:1280px){}

@media only screen and (min-width:1025px) and (max-width:1120px){.featured-mod {height: 480px;} }

@media only screen and (min-width:981px) and (max-width:1024px){ .featured-mod { height: 460px; } }

@media only screen and (min-width:768px) and (max-width:980px){

.overlay {margin-top: -150px;}	

.featured-mod { height: 360px;overflow: hidden; }

.overlay h5:after { bottom: -35px; }

/*.overlay {padding-bottom: 20px; margin-top: -219px;}*/

span.low {line-height: 20px;}
}

@media only screen and (max-width:980px){}

@media only screen and (max-width:767px){}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation:portrait){

.featured-mod {height: 165px;}

.overlay {padding-bottom: 20px; position: relative; margin-top: 0px;padding-top: 10px;line-height: 13px;margin-bottom: 20px;}

.overlay h3 {font-size: 17px;}

.overlay h5 {line-height: 20px;}

.overlay h5:after { bottom: -20px;}

.bottom-info { margin-top: 45px;line-height: 20px;}

}

@media only screen and (min-width:320px) and (max-width:767px) and (orientation:landscape){

.featured-mod { height: 204px; overflow: hidden;}

.overlay {padding-bottom: 20px; position: relative; margin-top: 0px;padding-top: 10px;line-height: 13px;margin-bottom: 20px;}

.overlay h3 {font-size: 17px;}

.overlay h5 {line-height: 20px;}

.overlay h5:after { bottom: -20px;}

.bottom-info { margin-top: 45px;line-height: 20px;}

}




/*------------------------[featured css Ends]-----------------------------*/

/*frontend css ends*/