@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-rdnm34');
	src:url('../fonts/icomoon.eot?#iefix-rdnm34') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-rdnm34') format('woff'),
		url('../fonts/icomoon.ttf?-rdnm34') format('truetype'),
		url('../fonts/icomoon.svg?-rdnm34#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-lig-webfont.eot');
    src: url('../fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-lig-webfont.woff') format('woff'),
         url('../fonts/lato-lig-webfont.ttf') format('truetype'),
         url('../fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bol-webfont.eot');
    src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-bla-webfont.eot');
    src: url('../fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bla-webfont.woff') format('woff'),
         url('../fonts/lato-bla-webfont.ttf') format('truetype'),
         url('../fonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ubuntumedium';
    src: url('../fonts/ubuntu-m-webfont.eot');
    src: url('../fonts/ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-m-webfont.woff2') format('woff2'),
         url('../fonts/ubuntu-m-webfont.woff') format('woff'),
         url('../fonts/ubuntu-m-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-m-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
 -webkit-text-size-adjust: none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	margin: 0;
	padding: 0px 0px 10px 40px;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

.btn_pay{ position: relative; text-align: left; background: #752066; padding: 8px 0px 8px 33px; color: #fff; text-decoration: none;  font-family: 'latoregular'; width: 177px; display: inline-block;}
.btn_pay:hover{ background: #000; color: #fff; }
.btn_pay:after{background-image: url(../img/arrownewr.png); content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
right: 10px;
top: 12px; 
background-repeat: no-repeat;
background-position: center center;}

.popup_wrap{ max-width: 900px; margin: 0 auto; padding: 15px 0;   position: relative;
    z-index: 2;
    color: #fff;}
.popup_wrap a{ color: #fff;}
.popup_wrap a:hover{ color: #91407e;}
  #fancybox-content .page_home_page_popup {
    background-image: url(https://www.premierdermatologymd.com/static/sitefiles/photogallery/LBP_2455.JPG);
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 15px;
    margin: -20px;
    max-width: 1000px;
}

#fancybox-content .page.page_home_page_popup:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.6);
}
  
.popup_wrap p:last-child{ margin-bottom: 0;}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
embed, iframe, object {
	max-width: 100%;
}

/* Global
----------------------------------------------- */
body{
	color: #5f6063;
	font-family: 'latolight';
	word-wrap: break-word;
	font-size:18px;
	line-height:24px;
	position:relative;
	background:#fff
}

/* No Border/Margin/Padding */
.no-margin-top {
	margin-top:0px !important;
}
.no-margin-bottom {
	margin-bottom:0px !important;
}
.no-margin-left {
	margin-left:0px !important;
}
.no-margin-right {
	margin-right:0px !important;
}
.no-padding-top {
	padding-top:0px !important;
}
.no-padding-bottom {
	padding-bottom:0px !important;
}
.no-padding-left {
	padding-left:0px !important;
}
.no-padding-right {
	padding-right:0px !important;
}
.no-border-top {
	border-top:0 none !important;
}
.no-border-bottom {
	border-bottom:0 none !important;
}
.no-border-left {
	border-left:0 none !important;
}
.no-border-right {
	border-right:0 none !important;
}

/* Horizontal Line */
hr {
	border-color: #eaeaea;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 0 0 0px;
}

/* Text elements */
p {
	margin-bottom: 15px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
}
pre, code, kbd {
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size: 14px;
	line-height: 19px;
	background-color: #F9F9F9;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
}

/* Superscript and Subscript */
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Blockquote */
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px;
	border-left: 4px solid #05a9c5;
	margin-bottom: 20px;
	background-color: #F9F9F9;
}
blockquote p {
	margin: 0;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* Breadcrumb */
.breadcrumb {	
	float: right;
	text-align: right;
	margin-top: 5px;
   margin-bottom: 5px;
	font-size: 12px;
}
.breadcrumb a {	
	color: #999;
}
.breadcrumb,
.breadcrumb a:hover {
	color: #666;
}

/* Forms */
input, textarea {
 	-webkit-border-radius: 0px;
}
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"], 
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;

}
input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea, select {
	padding:8px 10px;
	border: 1px solid #dbdbdb;
	line-height: 20px;
	width: 100%;
	margin: 0 0 10px;
	background-color: #fff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
    font-family: 'latoregular'; 
	height:42px;
	
}
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="search"]:focus, 
input[type="password"]:focus, 
textarea:focus {
	border: 1px solid #e4e4e4;
}
input.s {
	background: url(images/search.png) no-repeat right 6px #fff;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 0;
	padding: 3px 33px 3px 0;
	height: 22px;
	color: #bbb;
	font-style: italic;
	margin: 0;
	border-color: transparent;
	cursor: pointer;
	text-indent: 25px;
}
input.s:focus {
	width: 100px;
	padding-left: 10px;
	border-color: #eaeaea;
	text-indent: 0;
}
input[type="reset"], 
input[type="button"], 
input[type="submit"], .button {
   color: #fff;
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   height: 39px;
   margin-bottom: 30px;
   padding: 0px 25px;
   -moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	margin-top:20px;
	background:#752066;
	border:none;
	 font-family: 'latoregular';
	 line-height:38px
}
input[type="reset"]:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, .button:hover {
	background:#000;
}
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);	
}

/* Links */
a {
	color: #91407e;
	text-decoration: underline;
}
a:focus, a:active, a:hover {
	text-decoration: none;
	
}
a:hover{  color:#575759}
/* Images */
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:top;
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], 
img[class*="wp-image-"], 
img[class*="attachment-"] {

}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto; 
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}

img#wpstats {
 	display: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active, #access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */
.clearfix-third {
	clear: both;
}
.fl{ float:left}
.fr{ float:right}
.rel{ position:relative}
.textcenter{ text-align:center}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* Index Style
----------------------------------------------- */
.container{ width:1170px;margin:0 auto}
.topband{ padding:25px 0px; background:#fff}
.bheader{ border-bottom:5px solid #a76e9c}
.navbar, .base1{ border-bottom:2px solid #e1e1e1; background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
}
.logoarea{font-family: 'ubuntumedium'; color:#752066; font-size:16px}
.logoarea ul{ margin:0px; padding:0px}
.logoarea > ul > li{ list-style:none;display: inline-block; vertical-align: middle;}
.tmobile{ margin-bottom:13px;}
.tmobile span{ background:url(../img/mobile.png) no-repeat 3px 1px ; padding-left:35px ; display:block}
.temail{ margin-bottom:0px; font-size:16px}
.temail a{padding-left:35px; background:url(../img/email.png) no-repeat 0px 6px; text-decoration:none }
.topinfo{   padding:0px 20px 0px 0px}
.pay_you{ border-right:1px solid #e5e5e5; padding:0px 20px 0px 0px; padding-top: 10px; padding-bottom: 10px;}

.social{ margin:8px 0px 8px 20px}
.social ul li {list-style: none;float: left;}
.social ul li a{ width:42px; height:42px; position:relative; display:block;margin:0px 5px 0px 0px; transition:-webkit-transition: all 0.8s ease;  -moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;transition: all 0.8s ease; cursor:pointer; text-decoration:none}

/* =============================================================================
   Navigation
   ========================================================================== */
.menu {margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;}
.menu > li {margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;display: inline-block;position: relative;list-style: none;float: left;vertical-align: middle;text-align: center; border-right:1px solid #e1e1e1 }
.menu > li > a {display: inline-block;color: #444547; font-family: 'ubuntumedium';font-size:12px ; padding:15px 8px; text-transform: capitalize; position:relative; line-height:32px; transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; text-decoration:none }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome,.menu > li > a  { padding:15px 8px; }
}
.menu > li > a:hover, .menu>li:hover>a, .menu>li.active>a {  color:#fff; background:#91407e}
/*.menu>li.active>a { color: #883d7a;}
*/.menu > li:hover > ul, .menu ul li:hover > ul{display: block;}
.menu ul {margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;background: #8c3e7c;z-index: 999;}
.menu ul {width:250px;position: absolute;left:0px;top:62px;display: none;}
.menu ul ul {left: 100%;top: 5px;}
.menu ul li {margin: 0px 0px 0px 0px;padding:  0px 0px 0px 0px;float: none;display: block;line-height: normal;text-align: left;position: relative;-webkit-transition: all .25s ease;}
.menu ul li a{display: block;padding:10px 10px;border-bottom: 1px solid #934E86;color: #fff;  font-size:14px; font-family: 'ubuntumedium'; text-decoration:none}
.menu ul li a:hover, .menu ul li a.active, .menu ul li:hover > a{   color: #fff; background:#a76e9c }
.menu ul, .menu a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}


/* =============================================================================
   Banner
   ========================================================================== */
.banner{ /*background:url(../img/banner_02.jpg) no-repeat 0px center; background-size:cover;*/ width:100%; overflow:hidden; }   
.bannerlhs{ width:600px; margin:0px 50px 0px 0px}
.bannerrhs{ width:380px; margin:0px 0px 0px 50px; position:relative; z-index: 99; top: 50%; transform: translateY(-50%); -webkit- transform: translateY(-50%)}
.bannerlogo{ margin-bottom:15px; width: 150px}
.bannerinfo h4{ font-size:25px; color:#853e7c; text-transform:uppercase; line-height:27px; margin:0px 0px 10px 0px}
.bannerinfo h4 span{ font-family: 'latoblack'; color:#752066; font-size:42px; display:block; line-height:40px }
.bannerinfo h5{ color:#303032; font-size:20px; margin:10px 0px 10px 0px; display:block}
.bannerinfo p{ line-height:26px; font-size:16px; margin:10px 0px 0px 0px; color: #000}
.bannerbtn{ background:#752066; padding:10px 20px; color:#fff; font-family: 'latoregular'; display: inline-block; font-size:16px; position: relative;   -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;-webkit-transform: translateZ(0);transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); transition:0.3s all linear; border-radius:2px}
.bannerbtn:hover{ background:#fff; color:#752066}
.bannerbtn span{background: url(../img/arrow.png) no-repeat right 3px; display:block;padding-right: 30px;}
.bannerbtn:hover span{background: url(../img/chevronhover.png) no-repeat right 3px;}
.bannerbtn:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.bannerbtn:hover, .bannerbtn:focus, .bannerbtn:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.bannerbtn:hover:before, .bannerbtn:focus:before, .bannerbtn:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.banner .container {	position: absolute; left: 0px; right: 0px; margin: auto; top:0px; bottom: 0px; height: 100%}
.bannerinfo{ margin:0px 0px 0px 0px;    background: rgba(255, 255, 255, 0.75); padding: 20px; border-radius: 6px}
/*.content_slider_slides .bx-viewport { height: auto !important}*/
/* =============================================================================
   Main Content
   ========================================================================== */   
.maincontent{ padding:40px 0px}
.maincontentlhs{ width:570px; margin:30px 30px 0px 0px}   
.maincontentrhs{ width:570px; margin:0px 0px 0px 0px; background:#f1f1f1; padding:20px}   
.pageheader{ font-size:36px; color:#000000; line-height:40px; margin-bottom:30px}
.pageheader:after {content: "";width: 60px;height: 2px;background: #752066;display: block;margin-top: 20px;}
.smallheader{ color:#752066; font-size:20px; margin:0px 0px 20px 0px; font-family: 'latobold';}
.maincontentlhs p{ font-size:18px; line-height:36px;}
.maincontentrhs p{ font-size:16px; line-height:30px}
.maincontentrhs a{ font-family: 'latolight'; }
.paddneed{ padding:30px 315px 20px 25px }
.family{ position:absolute; top:-18px; right:0px}
.more{ background:url(../img/chevronr.png) no-repeat 95px 8px; display:block;font-family: 'latobold'; font-size:16px  }

.threecolumn{ padding:30px 0px 25px 0px; background:#f5f5f5;}

.seconfcolumn .newsletter .g-recaptcha, .newsletter .g-recaptcha{     transform: scale(0.9);
    transform-origin: left center;}

.threecolumn ul{ margin:0px; padding:0px}
.threecolumn ul li{ list-style:none}
.firstcolumn{ width:570px; margin:0px 30px 0px 0px}
.seconfcolumn{ width:570px;}
.events, .blgimg{width:270px; margin:0px 30px 0px 0px}
.blgimg{ overflow: hidden; max-height:220px}
.newsletter, .blgtxt{width:270px; margin:0px 0px 0px 0px; position:relative}
.smallheader1{color:#2d2a2c; font-size:18px; margin:0px 0px 20px 0px; font-family: 'latobold';}
.blgtxt h6 a{ color:#2d2a2c; font-size:18px; margin:0px 0px 5px 0px; font-family: 'latobold'; line-height:26px; display:block; text-decoration: none}
.blgtxt h6 a:hover{ color:#752066;}
.blgtxt span{ font-size:14px} 
.blgtxt p{ margin:10px 0px 10px 0px; font-size:16px}
.newsletter .btn{ margin:5px 0px; font-size:16px}
.newsletter p{ line-height:28px; font-size:16px}
.newsletter input[type="text"]{ background:#fff; width:100%; box-shadow:none; border-width:1px }

.members{ padding:40px 0px}
.members ul{ margin:0px; padding:0px}
.members ul li{ list-style:none; float:left; border-right:1px solid #ebebeb; width:195px; padding:10px 20px}
.members h6{ font-size:26px; color:#000000; margin-bottom:30px }

footer{ font-family: 'ubuntumedium'; clear:both; display:block; border-top: 5px solid #a76e9c;}
.base1{padding:40px 0px}
.fnav a{color: #444547; font-size:13px ; padding:5px 3px; text-transform: capitalize; position:relative; line-height:32px; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in; text-decoration:none}
.fnav a:hover, .fnav a.active{ color:#752066}
.fnavspliter{ background:url(../img/navspliter.png) no-repeat 0px 0px; width:8px; height:15px; margin:-2px 1px; display: inline-block}
.finfo p{ font-size:16px ; margin:20px 0px; color:#929293}
.dpink{color:#752066; text-decoration:none}
.fsocial { padding:10px 0px 0px 0px; display:block}
.fsocial ul{ margin:0px; padding:0px;}
.fsocial ul li{ list-style:none; display:inline-block}
.fsocial ul li a{ cursor:pointer; text-decoration:none}
.follow{ float:left; margin:10px 15px 0px 0px; color: #929293;}
.panel {float: left;width:40px;height:40px;position: relative;-webkit-perspective: 600px;-moz-perspective: 600px;perspective: 600px;}
.panel .front {float: none;position: absolute;top: 0;left: 0;z-index: 900;width: inherit;height: inherit;text-align: center;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);transform: rotateX(0deg) rotateY(0deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.panel.flip .front {z-index: 900;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
.panel .back {float: none;position: absolute;top: 0;left: 0;z-index: 800;width: inherit;height: inherit;-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-179deg); transform: rotateY(-179deg);-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.panel.flip .back {z-index: 1000;-webkit-transform: rotateX(0deg) rotateY(0deg);-moz-transform: rotateX(0deg) rotateY(0deg);transform: rotateX(0deg) rotateY(0deg);}
li.firstli .panel .front{ background: url(../img/fb.png) no-repeat 0px 0px;}
li.firstli .panel.flip .front{ background: url(../img/fb.png) no-repeat 0px 0px; }
li.firstli .panel .back{ background: url(../img/fbh.png) no-repeat; }
li.firstli .panel.flip .back {background: url(../img/fbh.png) no-repeat;}
li.secondli .panel .front{ background: url(../img/twiiter.png) no-repeat 0px 0px;}
li.secondli .panel.flip .front{ background: url(../img/twiiter.png) no-repeat 0px 0px; }
li.secondli .panel .back{ background: url(../img/twiiterh.png) no-repeat; }
li.secondli .panel.flip .back {background: url(../img/twiiterh.png) no-repeat;}
li.thirdli .panel .front{ background: url(../img/utube.png) no-repeat 0px 0px;}
li.thirdli .panel.flip .front{ background: url(../img/utube.png) no-repeat 0px 0px; }
li.thirdli .panel .back{ background: url(../img/utubeh.png) no-repeat; }
li.thirdli .panel.flip .back {background: url(../img/utubeh.png) no-repeat;}
li.fourli .panel .front{ background: url(../img/pinterst.png) no-repeat 0px 0px;}
li.fourli .panel.flip .front{ background: url(../img/pinterst.png) no-repeat 0px 0px; }
li.fourli .panel .back{ background: url(../img/pintersth.png) no-repeat; }
li.fourli .panel.flip .back {background: url(../img/pintersth.png) no-repeat;}
li.fiveli .panel .front{ background: url(../img/insta.png) no-repeat 0px 0px;}
li.fiveli .panel.flip .front{ background: url(../img/insta.png) no-repeat 0px 0px; }
li.fiveli .panel .back{ background: url(../img/instah.png) no-repeat; }
li.fiveli .panel.flip .back {background: url(../img/instah.png) no-repeat;}
.base2{ padding:30px 0px; background:#fff; font-size:16px}  
.base2 p{ margin:0px; color:#929293;font-family: 'latoregular';} 
.web a{margin-left: 10px; text-decoration:none} 
.footerresnav select option{ font-family: 'ubuntumedium'; font-size:15px; }
.footerresnav select option{padding:5px 10px}
 .m1mnav{ display:none}
.humbur{ float:right; margin: 8px 0px 0px 10px}
.subhead{font-size:30px;color: #000000;line-height: 35px;margin-bottom:20px; }
.blg_ful { width:100%}
.newsletter .formError{ left:0px !important}
.formError .formErrorContent{ width:200px !important; font-size:14px}
.sitemap_list>ul>li>a{ font-family: 'latoregular'; font-size:18px; text-decoration:none; background:url(../img/next.png) no-repeat left 3px; padding-left:20px}
.sitemap_list>ul>li a{ font-family: 'latoregular'; font-size:15px; text-decoration:none}
.sitemap_list>ul>li ul{padding: 10px 0px 0px 40px;}
.sitemap_list>ul>li{ margin-bottom:15px}
.full_view  > .page_thank_you_for_your_request > p{ padding:15px; background: #498B4A;border: 1px solid #295922; color:#fff; border-radius:5px;margin:0px;font-family: 'latoregular'; }
#menu .frontend_admin { display: none !important ;}
.scrolltop{position: fixed;bottom: 100px;right:15px; overflow:hidden; background:#91407e url(../img/gotop.png) no-repeat center center; width:40px; height:40px; border-radius:3px; text-indent:-99999px; overflow:hidden; transition:0.3s linear all; display: none; z-index: 99}
.scrolltop:hover{background:#000 url(../img/gotop.png) no-repeat center center;}
.social ul li:last-child a{ margin-right: 0px}
.seconfcolumn .newsletter .field, .newsletter .field{ height: auto!important;}



@media only screen and (min-width:1580px) and (max-width: 1920px)  {
.bannerrhs {    width: 350px;}    
.bannerlogo {    margin-bottom: 25px;    width: 270px;}
.bannerinfo h4 {    font-size: 26px; line-height: 29px;    margin: 0px 0px 10px 0px;}
.bannerinfo h4 span {    font-size: 46px;    line-height: 48px;}
.bannerinfo h5 {    font-size: 26px; margin: 10px 0px 10px 0px; line-height: 33px;}
.bannerinfo p {    line-height: 30px;    font-size: 19px;    margin: 10px 0px 0px 0px;}
} 
@media only screen and (min-width:1380px) and (max-width: 1579px)  {
.bannerrhs {    width: 370px;}    
.bannerlogo {    margin-bottom: 15px;    width: 200px;}
.bannerinfo h4 {    font-size: 24px; line-height: 27px;    margin: 0px 0px 10px 0px;}
.bannerinfo h4 span {    font-size: 42px;    line-height: 45px;}
.bannerinfo h5 {    font-size: 24px; margin: 10px 0px 10px 0px; line-height: 30px;}
.bannerinfo p {    line-height: 28px;    font-size: 18px;    margin: 10px 0px 0px 0px;}
} 
@media (max-width: 1190px){
.container{ width:96%}
.bannerrhs {width: 40.170%;margin: 0px  0px 0 4.273%;}
.bannerlhs {width: 51.282%;margin: 0px 4.273% 0px 0px ;}
.maincontentlhs {margin: 30px 2.564% 0 0;width: 48.717%;}
.maincontentrhs{width: 48.717%;}
.firstcolumn{width: 48.717%; margin:0px 2.564% 0 0;}
.seconfcolumn{width: 48.717%;}
.events, .blgimg { margin: 0 5.263% 0 0;width: 47.368%;}
.newsletter, .blgtxt {margin: 0;width: 47.368%;}
.members ul li{ width:16.666%}
.footerresnav{ display:block !important; width:280px; margin:0 auto} 
.fnav, .bottomband{ display:none;}
.mm-menu.mm-current, .m1mnav{ display: block !important;}
.navbar{ display: none}
.blg_ful { width:100%}
}
@media (max-width: 1110px){
/*.bannerinfo{ margin:5% 0px 0px 0px}	*/
.bannerlogo {margin-bottom: 10px;}
.bannerinfo h4 {font-size: 25px;}
.bannerinfo h4 span {font-size: 42px;line-height: 40px;}
.bannerinfo p {line-height: 25px;font-size: 18px;margin: 10px 0px 10px 0px;}
.bannerinfo h5{ font-size: 20px;}
.maincontentrhs{padding: 20px; text-align:center}	
.family{ position:relative; top:inherit; right:inherit}
.paddneed {padding: 20px 0px 0px 0px;}	
.maincontentrhs .paddneed{ text-align:left}
}
@media (max-width:960px){
.bannerlhs{ width:41.282%;}
/*.bannerrhs{ width:50.170%;}*/
.bannerlogo{ width:200px}
.bannerinfo h4 {font-size: 20px; line-height:24px}
.bannerinfo h4 span {font-size:32px;line-height:30px;}
.bannerinfo p {line-height:20px;font-size: 16px;}
.bannerinfo h5{ font-size:18px;}
}
@media (max-width:850px){
.tmobile span, .temail a{margin-bottom: 5px;padding-left: 25px;font-size: 14px; display:block}	
.bannerlogo {width: 165px;}
}
@media (max-width:780px){
    .logoarea > ul > li{ float:none; padding-right: 0; overflow: hidden; display: block; border: 0;}
    .pay_you{ padding-right: 0; border: 0;}
.social ul li{ display: inline-block; float:none; vertical-align: top}
.social{ margin:10px 0px 0px 0px}
    .tmobile span, .temail a {display: inline-block;}
    
    .seconfcolumn .newsletter{ width: 100% !important;}
    .newsletter .g-recaptcha{     transform: scale(0.6);}
.container{ width:94%}	
/*.logo{ width:130px; margin:0 auto 30px auto; display:block; float:none}*/
.maincontentrhs{padding: 20px;}	
.family{ position:relative; top:inherit; right:inherit}
.paddneed {padding: 20px 0px 0px 0px;}
.firstcolumn{ width:100%; margin:0px 0px 40px 0px}
.seconfcolumn{ width:100%;}
.events, .blgimg { margin: 0 5.263% 0 0;width: 37.368%;}
.newsletter{ margin: 0;width: 57.368%;}
.blgtxt { margin: 0;width: 57.368%;}
.members ul li{width:33.332%; margin:0px 0px 20px 0px; text-align:center}
.base2{ display:block; text-align:center}
.base2 p{float: none;}
.base2 p.copyrights { margin:0px 0px 15px 0px}
.bannerlhs{ width:100%; margin:0px; text-align:center}
.bannerlhs img{ width:80%}
/*.bannerrhs{width: 100%;margin: 0px 0px 20px 0px;padding: 20px 20px;background: rgba(255,255,255,0.3);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; clear:both}*/
.bannerinfo{ margin:0px}
.blg_ful{ width:100%}
.logoarea{ float:none;/* width:500px; */margin:0 auto}
}
@media (max-width:660px){

.logoarea{float: none;display: block;text-align: center;}
.tmobile {margin-bottom: 0px;}
.topinfo{border-bottom: 1px solid #e5e5e5; border-right:0px;padding: 0px 0px 5px 0px;}
.temail a{ padding-left:30px}

.logoarea{ width:auto}
.topband { padding: 10px 0px;}    
}
@media (max-width:630px){
.bannerinfo p{ margin:10px 0px 0}	
.bannerinfo{ margin:0px}
}
@media (max-width:480px){
.maincontentlhs { margin: 0px 0% 20px 0;width: 100%;}	
.maincontentrhs{width: 100%;}		
.events, .blgimg { margin: 0 0% 20px 0;width: 100%;}
.newsletter{ margin:20px 0px 0px 0px;width:100%;}
.blgtxt { margin: 0;width:100%;}
.firstcolumn{margin:0px 0px 20px 0px}
.smallheader1{margin: 0px 0px 20px 0px;}
.members ul li{width:50%; padding:5px  }
.web a{ display:inline-block; vertical-align:middle}
.base2{ font-size:14px}
.mm-list > li > a{white-space: normal;}
.blgimg{ max-height:350px}
.tmobile span, .temail a{font-size: 13px;}
}
@media (max-width:380px){
.social ul li a{margin: 0px 2px 0px 0px;}
.follow{margin: 10px 10px 0px 0px;}
}
@media (max-width:320px){ 
.footerresnav{ width: 100%}
}
@media (max-width: 1160px){
.banner .container{ width: 100%; background:#e4e4e4; position: relative; top: inherit; left: inherit; right: inherit; padding: 20px 20px 40px 20px; z-index: 1;border-bottom: 4px solid #91407E; }    
.bannerrhs{ width: 100%; float: none; margin: 0;  top: inherit; transform: none}    
.bannerinfo{ padding: 0; background: none; text-align: center; margin: 0}    
}
@media (max-width: 1000px){ 
.logo{width: 100%;text-align: center;margin: 0px 0px 15px 0px;}
.humbur{ position: absolute; top: 20px;  right: 20px }    
.logoarea{ display: inline-block; float: none; margin: 0 auto; vertical-align: top}    
.topband{ text-align: center}    
.tmobile span{ text-align: left}    
}
@media (max-width:660px){ 
.humbur{ top: 5px; right: 0 } 
}
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.banner{height: 480px !important; }    
.banner .bx-viewport{ height: 480px !important; overflow: hidden}
}
.ie8 .banner .bx-viewport{ height: 480px !important; overflow: hidden}
.ie9 .banner .bx-viewport{ height: 480px !important; overflow: hidden}
.ie8 .banner{height: 480px !important; }    
.ie9 .banner{height: 480px !important; }   */ 

.scrolltop{
	cursor: pointer;
	}
.no-display { display:none; }