/*
Theme Name:HomeDossier
Theme URI: http://preprod.papajanpoc.us/
Author: Md Mamunur Rahman
Author URI: http://papajanpoc.us/
Description: WordPress theme for Hairdressers, Hair Salons, stylists and similar 
Version: 1.0
Tags: left-sidebar, right-sidebar, full-width-template, theme-options, translation-ready
*/
@charset "utf-8";
/* CSS Document */

@font-face {
	font-family:'gotham-rounded-light';
	src: url('fonts/Gotham Rounded Light.otf'); /* IE9 Compat Modes */
  src: url('fonts/Gotham Rounded Light.otf?#iefix') format('embedded-opentype'), /*IE6-IE8 */
       url('fonts/Gotham Rounded Light.otf') format('woff2'), /* Super Modern Browsers */
       url('fonts/Gotham Rounded Light.otf') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Gotham Rounded Light.otf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham Rounded Light.otf#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family:'GothamRounded-Medium';
  src: url('fonts/Gotham Rounded Medium.otf'); /* IE9 Compat Modes */
  src: url('fonts/Gotham Rounded Medium.otf?#iefix') format('embedded-opentype'), /*IE6-IE8 */
       url('fonts/Gotham Rounded Medium.otf') format('woff2'), /* Super Modern Browsers */
       url('fonts/Gotham Rounded Medium.otf') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Gotham Rounded Medium.otf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham Rounded Medium.otf#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family:'Titillium-Web';
	src:url(../fonts/Titillium-Web-regular.ttf);
	src:url(../fonts/Titillium-Web-regular.ttf?#iefix) format("embedded-opentype"),url(../fonts/Titillium-Web-regular.ttf) format("woff2"),url(../fonts/Titillium-Web-regular.ttf) format("woff"),url(../fonts/Titillium-Web-regular.ttf) format("truetype"),url(../fonts/Titillium-Web-regular.ttf#svgFontName) format("svg")
}

body {
	background-color: white;
	font-family:'GothamRounded-Medium',Arial,Helvetica,sans-serif;
	color: #4B4844;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding:0;
}
p {
	font-family:'gotham-rounded-light',Arial,Helvetica,sans-serif;
	font-size:18px;
	line-height:24px
}
select#qtranxs_select_qtranslate-2-chooser {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
}
/* Responsive */
@media (max-width: 479px) {
	body {
		font-size: 13px;
	}
}
.container {
    width: 1288px;
}
@media only screen and (min-width: 1000px) and (max-width: 1199px){
   .container {
      width: 980px;
   }
}
.section-bg{
	width: 100%;
	background:url(../../uploads/2017/04/inner-banner.jpg) top center no-repeat; 
	float:left;
	height:auto;
	max-height:307px;
}
/* Header */
#header {
	background:none;
	clear: both;
	min-height:90px;
	padding:0;
	border:none solid #99FF00;
}

#header #top-strip {
	width:100%;
	margin-top:37px;
	border:none solid #990000;
}
#header #top-strip .top-left {
	width:50%;
	float:left;
	border:none solid #99FF00;
}
#header #top-strip .top-right {
	width:30%;
	float:right;
	border:none solid #0000CC;
}
#header #top-strip .top-right .log-area{
    width:auto;
	text-align:right;
	float:right;
	margin-right: 50px;
	margin-top:6px;
	border:none solid #33FFFF;
}
#header #top-strip .top-right .log-area ul.nav-log, #footer ul#menu-log-nav{
    list-style:none;
	padding:0;
	margin:0;
}
#header #top-strip .top-right .log-area ul.nav-log li , #footer ul#menu-log-nav li{
    width: 118px;
    height: 47px;
    color: #1799d5;
    font-weight: 500;
    text-align: center;
    line-height: 47px;
    border-radius: 30px;
    background: #FFF;
}
#footer ul#menu-log-nav li{
    background: none;
    border: #FFF 1px solid;
}
#header #top-strip .top-right .log-area ul.nav-log li a, #footer ul#menu-log-nav li a{
    letter-spacing: -.5px;
    font-size: 15px;
    text-decoration: none;
}
#footer ul#menu-log-nav li a{
    color:#FFF;
}
#header #top-strip .top-right .lang-area{
    width:auto;
	text-align:right;
	float:right;
	border:none solid #33FFFF;
	margin-top:6px;
}
.language {
    width:75px;
    height:47px;
    float:right;
    background:#000 url(../../uploads/2017/04/drop-arrow.png) no-repeat 50px 20px;
    border-radius:30px;
    -moz-border-radius:30px;
    -khtml-border-radius:30px;
    -webkit-border-radius:30px;
    position: relative;
    z-index: 100;
    overflow: hidden;
    line-height: 43px;
    display: block;
    opacity: .75;
    -webkit-appearance: none;
}
select#qtranxs_select_qtranslate-2-chooser{
    width: 130%;
    height: 45px;
    border: none;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    line-height: 47px;
    padding: 14px 18px;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
	position: relative;
    z-index:99999;
}
.language select, select#qtranxs_select_qtranslate-3-chooser {
    width: 130%;
    height: 45px;
    border: none;
	background: transparent;
	line-height:45px;
	color: #FFF;
	padding-left:20px;
	-webkit-appearance: none;
    -moz-appearance: none;
}
select#qtranxs_select_qtranslate-2-chooser option, select#qtranxs_select_qtranslate-3-chooser option {
    background: #000;
	position: relative;
    z-index:9999999;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	select#qtranxs_select_qtranslate-2-chooser {
		padding:0 22px;
		background:none/*url(../images/drop-arrow.png) no-repeat 50px 18px*/
	}
	.select-box {
		text-indent:15px
	}
}
/* Logo */
#header #top-strip .top-left .logo {
    width:50%;
	float:left;
	max-width:233px;
	margin-right:80px;
	max-height:none !important;
	height:auto !important;
	border:none solid #CC3300;
}
#header #top-strip .top-left .logo img{
    width:100%;
	height:auto !important;
}

/* Left Nav area */
#header #top-strip .top-left .nav-area{
	width:auto;
	float:left;
    display:block;
	color:#FFFFFF;
	color:#FFF;
	margin-top:23px;
	border:none solid #CC3300;
}
#header #top-strip .top-left .nav-area ul.nav-main, #footer ul#menu-main{
    list-style:none;
	margin:0;
	padding:0;
}
#footer ul#menu-main{
    margin-top:10px;
	margin-left:0;
	width:100%;
	border:none solid #99FF00;
}
#header #top-strip .top-left .nav-area ul.nav-main li, #footer ul#menu-main li{
    list-style:none;
	margin:0;
	padding:0;
	display:inline;
	margin-right:47px;
}
#header #top-strip .top-left .nav-area ul.nav-main li:last-child{
	margin-right:0;
}
#footer ul#menu-main li{
    margin-right:52px;
}
#footer ul#menu-main li:last-child{
    margin-right:40px;
}
#header #top-strip .top-left .nav-area ul.nav-main li a, #footer ul#menu-main li a {
    font-size:15px;
    font-weight:500;
    color:#FFF;
    text-decoration:none;
    letter-spacing:-.5px;
}
#header #top-strip .top-left .nav-area ul.nav-main li.menu-item-821, #footer ul#menu-main li.menu-item-821  {
    display:none;
}
.btn-responsive-nav{
    float:left;
	cursor:pointer;
	color:white;
	border:none solid #CC3300;
	display:none;
}

.nav_tab {
    background:url('../../uploads/2017/04/nav-icon.png') 0 0 no-repeat;
	background-size: contain;
    color:#FFF;
	width:22px;
	height:20px;
    float:left;
	transition: right 0.3s linear;
	
} 
.page-title-area{
     width:100%;
	 margin-top:2%;
	 border:none solid #00FF33;
	 text-align:center;
}
.page-title-area h1.page-title{
     color:#FFF;
	 font-size: 52px;
	 line-height: 62px;
	 font-weight: 700;
	 margin-top:0;
	 margin-bottom:0;
	 padding-bottom:6%;
}
.entry-content p{
     font-size: 20px;
	 margin: 40px 0px;
	 line-height: 22px;
	 text-align: center;
	 color: #666666;
	 font-weight: normal;
}
h2.entry-title a {
    text-decoration: none;
    color: #3f3f3f;
    font-size:30px;
    line-height:32px;
    text-align: left;
    margin-top:5px;
	margin-bottom:0;
}
.post-meta i.fa {
    color:#1799d5;
}
.post-meta span a{
    color:#666;
}
.btn-primary {
    color: #fff;
    background-color:#1799d5;
    border-color:#337ab7;
	font-size:13px;
}
.listing-sidebar{
  margin-top:60px;
}

.margin-top-20{
    margin-top:20px;
}
h2 {
    font-size: 12px;
    font-weight: bold;
}
h3 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
}
.post-meta i{
    margin-right:2px;
}
.post-meta span{
    margin-right:7px;
}
.scroll-to-top{
	visibility:hidden;
	display:none;
}
.margin-top-20{
	margin-top:20px;
}
.margin-top-90{
    margin-top:90px;
}
.margin-bottom-90{
    margin-bottom:90px;
}
.container_inner{
    padding-top:0 !important;
}

.row .content{
    padding:20px 10px 60px 15px;
    height:100%;
}
.float-none{
   float:none;
}
/* Page 404 */
.page-not-found {
	margin: 50px 0;
}

.page-not-found h2 {
	font-size: 140px;
	font-weight: 600;
	letter-spacing: -10px;
	line-height: 140px;
}

.page-not-found h4 {
	color: #777777;
}

.page-not-found p {
	font-size: 1.4em;
	line-height: 36px;
}

/* #Footer */
#footer {
	margin-top:0;
	border-top:none;
	padding-top:26px;
	padding-bottom:0;
	position:relative;
	clear:both;
    background:#293941;
}
#footer .listing-footer1{
    margin-top:3px;
    margin-bottom:2px;
}
#footer .widget--footer{
    width:auto;
	float:left;
}
#footer #nav_menu-2{
    float:right;
	border:none solid #990066;
}
#footer #nav_menu-3{
    float:right;
	border:none solid #990066;
}

.footer-logo{
    text-align:center;
	border:none solid #990066;
}

.copywrite_cls {
    width: 100%;
    float: left;
}
.copywrite_cls p {
    font-size: 11px;
    color: #FFF;
    text-align: left;
}
.copywrite_cls p {
    font-size: 11px;
    width: 100%;
    color: #FFF;
    margin-top:29px;
    float: left;
    text-align: left;
}
p {
    margin-bottom:0.25cm;
    direction:ltr;
    line-height:120%;
    text-align:left;
    widows:2;
    orphans:2;
}
.copywrite_cls p a {
    color: #1799d5;
    text-decoration: none;
}
.copywrite_cls p a {
    outline: none;
}
.footer_social {
    width: 225px;
    float: right;
    margin-top: 20px;
}
.footer_social span {
    float: left;
    font-size: 14px;
    color: #000;
    width: 75px;
    text-align: right;
    font-weight: normal;
}
.footer_social a {
    float: right;
    margin-left: 20px;
}

@media (min-width: 1025px) {
  .page-title-area h1.page-title{
     margin-bottom:40px;
  }
}

/* Responsive */
@media (max-width: 999px) {
	/* Header */
	#header {
		clear: both;
	}

	.container {
		width:100%;
	}
}
@media only screen and (max-width: 767px) {
	/* Header */
	.section-bg{
		width:100%;
		float:left;
		background-size:150% 100% !important;
		height:auto
	}
	#header > .container {
		width: 100%;
	}
	/* Responsive Button Nav */
	#header #top-strip .top-left .logo {
	    display:none;
	}
	#header #top-strip .top-left{
	    text-align:left;
		margin-left:20px;
	}
	#header #top-strip .top-left .nav-area{
		width:100%;
		margin-top:4px;
    }
	#header #top-strip .top-left .nav-area ul.nav-main{
	    margin-top:5px;
	}
	#header #top-strip .top-left .nav-area ul.nav-main li{
		margin:5px 0;
		display:block;
    }
	#header #top-strip .top-right .lang-area{
	    display:none;
    }
	.btn-responsive-nav{
	    cursor:pointer;
	    border:none solid #FFFF00;
	    position:relative;
	    z-index:99;
	    display:block;
    }
	#header #top-strip .top-left .nav-area ul.nav-main li#menu-item-821 {
        display:block;
    }
	#header #top-strip .top-right .log-area {
       margin-right:20px;
    }
	#footer {
	   text-align:center;
	}
	
	#footer .widget--footer{
	   float:none;
	   margin:0 auto;
	}
	.copywrite_cls p {
       float:none;
       text-align:center;
	   margin:0 auto;
	   margin-top:20px;
	   margin-bottom:9px;
    }
	#footer .alignnone{
	   text-align:center;
	}
    .blog-posts {
	margin-right:-8px;
	margin-left:-8px;
 	margin-top:10px;
    }
    h2.entry-title a {
       font-size:28px;
       line-height:30px;
      
    }
	.copywrite_cls {
           float:none;
	   margin:0 auto;
	   text-align:center;
        }
}
/* Responsive */
@media (max-width: 479px) {
	.page-not-found {
		margin: 0;
	}

	.page-not-found h2 {
		font-size: 100px;
		letter-spacing: 0;
		line-height: 100px;
	}
}
ul, li{
  margin: 0;
  padding:0;

}
li{
   margin-bottom:8px;
   font-family: 'gotham-rounded-light',Arial,Helvetica,sans-serif;
   font-weight:300;
   font-size: 20px;
   line-height: 22px;
   color: #666666;
  margin-left: 20px;
}