@import url(//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic);
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,300italic,400italic,700italic);*/
/*override bootstrap*/
.clearfix {clear: both;}
.navbar-brand {float: none; padding: 0;}
.nav > li > a:hover, .nav > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: transparent;}
.form-inline .form-group {margin-bottom: 4px; display: inline-block;}
.form-control {/*box-shadow: 0 0 0 1px rgba(100,100,100,0.2);*/ box-shadow: none; height: 45px; margin-bottom:0px; padding: 4px 12px; vertical-align: middle; -webkit-border-radius: 2px; border-radius: 2px;  border:1px solid transparent; background-color: #ededed; background-color: rgba(100,100,100,0.08);}
.form-control:focus { border-color: transparent; outline: 0; -webkit-box-shadow: box-shadow: 0 0 0 1px rgba(100,100,100,0.5); box-shadow: 0 0 0 1px rgba(100,100,100,0.5); }
input[type=text]::-ms-clear { display: none; }
.panel-title {font-size: 14px; text-transform: none; font-weight: 400; padding: 5px 0 5px 30px;}
.panel-title > a {color:#9283be; }
.panel-title > a.collapsed {color:inherit;}
.panel {box-shadow: none;}
.panel-group .panel {border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; background-color: transparent;}
.panel-default > .panel-heading {background-color: transparent; color: inherit; position: relative; border: none; border-radius: 0; padding-top: 6px; padding-bottom: 6px;}
.panel-heading {padding: 16px 0px 14px 16px;}
.panel-heading[class*="rt-icon-"]:before {position: absolute; font-size: 20px; color:#9283be; left: 16px;}
.accordion-toggle:after {
    font-family: "fontello";
display: block; 
content: '\e82a';
position: absolute;
left: 0px;
top:10px;
font-size: 14px;
width: 17px;
height: 17px;
color:#9283be;
-webkit-transition: background-color 0.2s linear 0s;
-moz-transition: background-color 0.2s linear 0s;
-o-transition: background-color 0.2s linear 0s;
-ms-transition: background-color 0.2s linear 0s;
transition: background-color 0.2s linear 0s;    
}
.accordion-toggle.collapsed:after{content: '\e82c'; color:inherit;}
.panel-default {border-color: transparent; }
.panel-group .panel + .panel {margin-top: 0;}
.panel-group .panel-heading + .panel-collapse .panel-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    border-right: none;
    border-left: none;
    border-bottom: none;
    border-top: none;
}

.breadcrumb {background: transparent; padding: 0; margin-bottom: 0;}
.pagination {margin:88px 0 -20px;} 
.pagination > li >  a {
    padding: 8px 15px;
    border:1px solid #fff;

    margin-bottom: 10px;
    margin-right: 9px;
    display: inline-block;
    color: #9283be;
    background-color: #fff;
    border-radius: 2px !important;
} 
.pagination > li.active > a, .pagination > li > a:hover, .pagination > li.active > a:hover {background-color: #303436; color:#fff; border-color:#303436;} 
.pagination > li.active > a {color:#fff;}
.carousel-indicators {display: none;}
.carousel-control {width:30px; text-shadow:none; opacity: 1;}
.carousel-control:hover {width:30px; text-shadow:none; opacity: 0.5;}
.carousel-control.right, .carousel-control.left {background-image: none;}
.carousel-control > span { width: 39px !important; height: 39px !important;}
.carousel-control .icon-next {margin-left: -32px;}
.carousel-control .icon-prev {margin-left: -7px;}
.carousel-control .icon-prev:before, .carousel-control .icon-next:before {content:"\e833"; font-family: 'fontello'; text-shadow:none; position: absolute; top:10px; left:11px; color:#fff;}
.carousel-control > span.icon-next:before {content:"\e834"; left:13px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {margin: auto;}
.progress {height: 30px; box-shadow: none; background-color: #e1e1e1; border-radius: 2px; margin-bottom: 8px; border:none; position:relative;}
.progress span {display: block; padding: 4px 10px; position: absolute; clip:auto; z-index: 2; font-size: 12px; text-transform: uppercase; text-align: left; color:#fff; width: 100%:;}
.progress-bar { -webkit-box-shadow: none; box-shadow: none; padding: 5px 0;  visibility: hidden;}
.stretchRight {visibility: visible;}
.sr-only {position: static; width:auto; height: auto;}
.progress-bar-info {background-color: #F76799;}
.progress-bar-success {background-color: #9283be;}
.progress-bar-warning {background-color: #9283be;}
.progress-bar-danger {background-color: #9283be;}

.tab-content {padding: 0; -webkit-border-radius: 2px; border-radius: 2px;}
.tab-content img {max-width: 150px; margin: 0 10px;}
.nav-tabs {border-bottom-color: transparent;  font-size: 16px; margin-top: 00px; margin-bottom: -1px;}
.nav-tabs > li > a {padding: 13px 20px; color:#fff; margin-right: 0; margin-top: 0px; border-radius: 3px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color:#9283be;
    border-color:transparent;
    background-color: #fff;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: #fff;
    background-color: #9283be;
    border-color:transparent;
}
.alert {border: none;border-radius: 0; padding: 30px 30px 30px 30px;}
.alert.topalert {margin-bottom: 0; padding: 12px 40px 14px 16px; background-color: #9283be; color:#fff; font-size: 18px;}
.alert-dismissable .close {top:0; opacity: 0.8;}
.btn {
    display: inline-block;
    padding: 6px 34px 6px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background-image: none;
    text-shadow: none;
    border-radius: 0;
    line-height: 24px;
    border:none;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.btn:hover {
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.btn-default {border:1px solid #ccc;}
.img-circle {/*border:30px solid rgba(100,100,100,0.1);*/ border-radius: 0;}

blockquote h3 {margin-top: 0; font-style: normal;}

/*vertical*/
#mainslider + #box_wrap {margin-top: -1px;}
#box_wrap > section {padding-top: 60px; padding-bottom: 60px;}
section#about {}
section#features {padding: 0;}
section#features > .container {padding: 60px 0 57px;}
section#skills {padding: 88px 0 80px;}
section#testimonials  {padding-top: 26px; padding-bottom: 10px;}
section#process {padding: 89px 0 0;}
section#services {padding: 89px 0 9px;}
section#prices {padding: 89px 0 89px;}
section#partners {padding: 0px 0 39px;}
section#team {padding: 91px 0 102px;}
section#tweets {padding: 10px 0 12px;}
section#progress  {padding-top: 100px; padding-bottom: 68px;}
section#portfolio {padding: 86px 0 0; border-bottom: 0;}
section#belowcontent {padding: 49px 0 50px;}
section#info  {padding-top: 82px; padding-bottom: 88px;}
section#middle  {/*padding-top: 20px;*/ /*padding-bottom: 60px;*/}
section#middle .row + .row {margin-top: 40px;}
footer#footer {padding-top: 30px; padding-bottom: 40px; }
section#map_wrap {padding: 0;}
section#mainslider {}
#map {height: 400px;}
section#contact {padding: 45px 0 20px;}
section#copyright {padding: 18px 0 18px;}
section#abovecontent {padding: 30px 0;}
.row + .row {margin-top: 20px;}
.title_section .row {display: table;}
.title_section [class*="col-"] {display: table-cell; vertical-align: middle; float: none;}
#land .container, #land .row  {height: 100%;}

/*login*/
@media (max-width: 640px) {
    section#middle .container {padding-left: 0; padding-right: 0;}
    section#middle .container .row {margin-right: 0; margin-left: 0;}
    section#middle .container div.splashcontainer div.w-form input[type="submit"] {width: 180px !important;}
    section#middle .container div.splashcontainer div.w-form input[type="text"],
    section#middle .container div.splashcontainer div.w-form input[type="password"] {font-size: 18px; margin-bottom: 25px !important;}
    footer#footer {padding-left: 15px; padding-right: 15px; /*margin-top: 20px;*/}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    footer#footer {padding-left: 20px; padding-right: 20px; }
}
section#middle h3 {font-size: 26px; font-weight: 300;}
section#middle input[type="submit"],
section#middle input[type="reset"] { 
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent; 
    padding: 10px 20px 10px 20px;
    color: #fff;
    background-color: #a3238e;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border:2px solid #a3238e;
    border-radius: 30px;
    line-height: 1;
    letter-spacing: 0px;
    width: 258px;
    margin-bottom: 35px;
    margin-right: 15px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/*iphone 5 Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    section#middle input[type="submit"],
    section#middle input[type="reset"] { 
        width: 90% !important;margin-right: 0;
    }
}
/* iphone 6 Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    section#middle input[type="submit"],
    section#middle input[type="reset"] { 
        width: 80% !important;margin-right: 0;
    }
}

section#middle input[type="reset"]:active, 
section#middle input[type="reset"]:hover, 
section#middle input[type="reset"]:focus,
section#middle input[type="submit"]:active, 
section#middle input[type="submit"]:hover, 
section#middle input[type="submit"]:focus{
    background-color: #871a75;
    color: #fff;
    border:2px solid #871a75;
    padding: 10px 20px 10px 20px;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
section#middle .splashcontainer h2 {text-align: center;font-weight: 300; font-size: 26px; line-height: 30px; color: #4e2683;margin-top: 36px;}
section#middle .splashcontainer ._2col_container .span6 a {
    border-radius: 20px;
    background-color: #a3238e;
    background-image: none;
    color: #fff;
    text-align: center;
    padding: 5px 30px;
    border:2px solid #a3238e;
    opacity: 1;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    margin-top: 53px !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
@media (max-width: 640px) {
    section#middle .splashcontainer ._2col_container .span6 a {
        margin-top: 25px !important;
    }
}
section#middle .splashcontainer ._2col_container .span6 a:active, 
section#middle .splashcontainer ._2col_container .span6 a:hover, 
section#middle .splashcontainer ._2col_container .span6 a:focus{
    background-color: #871a75;
    color: #fff;
    border:2px solid #871a75;
    padding: 5px 30px;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
section#middle .splashcontainer div.formblock div.span6 {padding-top: 34px; height: 188px;}
section#middle .splashcontainer div.formblock div.span6 img{margin-bottom: 20px;}
@media (min-width: 1024px) {
    section#middle .splashcontainer div._2col_container div.span6:first-of-type {width: 36%;margin-left: 12.8%;margin-right: 1.2%;margin-bottom: 275px;}
    section#middle .splashcontainer div._2col_container div.span6:last-of-type {width: 36%;margin-right: 12.8%;margin-left: 1.2%;margin-bottom: 275px;}
}
section#middle .splashcontainer div.span6:nth-of-type(1) img {width: 136px; height: 138px;}
section#middle .splashcontainer div.span6:nth-of-type(2) img {width: 125px; height: 134px;}
@media (max-width: 640px) {
    section#middle .splashcontainer div.span6:nth-of-type(1) img {width: 57px; height: 61px;}
    section#middle .splashcontainer div.span6:nth-of-type(2) img {width: 56px; height: 70px;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle .splashcontainer div.span6:nth-of-type(1) {width: 47.8%;margin-right: 15px;}
    section#middle .splashcontainer div.span6:nth-of-type(1) img {width: 106px; height: 108px;}
    section#middle .splashcontainer div.span6:nth-of-type(2) {width: 47.8%;}
    section#middle .splashcontainer div.span6:nth-of-type(2) img {width: 97px; height: 103px;}
   
}


section#middle .splashcontainer div.formblock div.span6:nth-of-type(1) img {width: 60px; height: 60px;}
section#middle .splashcontainer div.formblock div.span6:nth-of-type(2) img {width: 64px; height: 64px;}

section#middle .splashcontainer div.formblock div.row-fluid div.span12{font-weight: 300 !important;}

section#middle .splashcontainer div#ContentPlaceHolder_UpdatePanel2 input[type="text"],
section#middle .splashcontainer div#ContentPlaceHolder_UpdatePanel2 input[type="password"] {height: 40px;background-color: #fff !important;font-style: italic;padding-left: 15px; margin-bottom: 20px;-webkit-appearance: none;}
section#middle .splashcontainer div#ContentPlaceHolder_UpdatePanel2 input[type="text"] {margin-bottom: 9px;}
@media (max-width: 640px) {
    section#middle .splashcontainer div#ContentPlaceHolder_UpdatePanel2 input[type="text"],
    section#middle .splashcontainer div#ContentPlaceHolder_UpdatePanel2 input[type="password"] {margin-bottom: 10px;}
}

section#middle .splashcontainer div#ContentPlaceHolder_UpdatePanel2 input[type="submit"] {margin-bottom: 0}
section#middle .splashcontainer div._2col_container div.span6 {background-color: #f4f2f8;padding-top: 112px;padding-bottom: 50px;}
@media (max-width: 640px) {
    section#middle .splashcontainer div._2col_container div.span6 {background-color: #f4f2f8;padding-top: 26px; padding-bottom: 20px;}
    section#middle .splashcontainer div._2col_container br { display: none;}
}
section#middle div.gallery-single div#divMain div.scrollPatientreg br {display: none;}
section#middle div.gallery-single div#divMain div.scrollPatientreg h1 {margin-top: 50px;}
section#middle .scrollPatientreg div#ContentPlaceHolder_UpdatePanel2 div.span6 { background-color: #f4f2f8;padding-bottom: 50px;margin-bottom: 22px;}
section#middle .scrollPatientreg div.w-form.formblock { /*margin-bottom: 80px;*/}
section#middle .scrollPatientreg div.w-form.formblock div.pageContent div.span12 h3{ font-weight: 300; font-size: 26px;margin-bottom: 45px; }
section#middle .scrollPatientreg div.w-form.formblock div.pageContent div.span12 label{ font-weight: 300;padding-left: 35px;}
section#middle .scrollPatientreg div.w-form.formblock > div:first-of-type > div:first-of-type{ margin-bottom: 0px !important;}
@media (max-width: 640px) {
    section#middle .scrollPatientreg div.w-form.formblock { margin-bottom: 15px;}
    section#middle .scrollPatientreg div#ContentPlaceHolder_UpdatePanel2 div.span6 {margin-bottom: 20px;} 
    section#middle .scrollPatientreg div#ContentPlaceHolder_UpdatePanel2 div.span6 div.invitationDiv {margin-top: 0px;}  
    section#middle .scrollPatientreg div#ContentPlaceHolder_UpdatePanel2 div.span12 {padding-left: 25px;text-align: left; font-size: 14px; font-weight: 300;margin-bottom: 20px;line-height: 25px;} 
    section#middle .scrollPatientreg div#ContentPlaceHolder_UpdatePanel2 > div.row-fluid div.span12 {margin-bottom: 0px;}    
    section#middle .scrollPatientreg div#ContentPlaceHolder_UpdatePanel2 div.span12 input[type="checkbox"]{margin-left: -25px;margin-right: 10px;}
    section#middle .scrollPatientreg div#ContentPlaceHolder_UpdatePanel2 div.divMedical {padding: 0;}
}
@media screen and (max-width: 767px) {
    .title_section .row, .title_section [class*="col-"] {display: block;}
    #land, #land .container, #land .row  {height: auto !important;}
    #mainslider .container, #mainslider .row {display: block;}
    [class*="col-"] + [class*="col-"] {margin-top: 50px;}
    .container {max-width: 450px;}
    #header {text-align: center;}
    #header select {margin: 0 auto; }
    #header [class*="col-"] + [class*="col-"] {margin-top: 10px; margin-bottom: 10px;}
    #partners [class*="col-"] + [class*="col-"] {margin-top: 30px;}
    #portfolioContainer [class*="col-"] + [class*="col-"] {margin-top:20px; margin-bottom: 20px;}
    section#mainslider {/*margin-top: 0;*/ margin-top: 58px;}
    /*#mainslider .container { padding-top: 150px; padding-bottom: 80px;} 
    #mainslider [class*="col-"] + [class*="col-"] {margin-top:10px; margin-bottom: 10px;}
    #mainslider img {max-width: 100%; max-height: 350px; padding:20px 0 0;}
    #mainslider .responisve-container img {max-height: 100%; padding: 0;}
    #mainslider img.negative-margin-60 {margin-top: -20px !important;}*/
    #mainslider img {padding: 0;}
    #header-sticky-wrapper + #middle  {padding-top: 110px;}
}

/* My Medication Database */
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.clsPatGrid table th{ width: 10% !important; padding-left: 5px;
padding-right: 5px;text-align: center;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.clsPatGrid table th:first-of-type{ text-align: left;width: 45% !important;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.clsPatGrid table th:nth-of-type(2){ text-align: left;width: 44% !important;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.clsPatGrid table th:last-of-type{ text-align: left;width: 11% !important;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.clsPatGrid table {margin-bottom: 30px;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent input[type="text"]{background-image: none;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6 { height: 100% !important;padding-top: 0;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6:first-of-type { /*margin-right: 19px;*/}

section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent { margin-top: 20px;}

section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6 select.w-input,
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6 input.w-input{ padding-top: 0; margin-bottom: 20px;}

section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent label.instruction {font-weight: 400;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6:nth-of-type(2) {padding-left: 20px;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6:nth-of-type(2) label.instruction {width: 130px;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6 span.styled-checkbox label.instruction {padding-left: 35px;padding-top: 11px;}

@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6 { padding-left: 0;}
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6:nth-of-type(2) {padding-left: 0;}

}
@media (min-width: 1024px) {
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.clsPatGrid table {width: 97.5% !important;margin-bottom: 0;}
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6 span.styled-checkbox label.instruction {margin-bottom: 10px;}

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent label.instruction {width: 277px !important;}
   
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6:nth-of-type(2) {padding-left: 0px;}
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.clsPatGrid table {width: 97.5% !important;}
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6 select.w-input {width: 97.5% !important;}
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6 span.styled-checkbox label.instruction {padding-top: 6px;margin-bottom: 10px;}
    #chboxShared{clear:both;}
    #Div_DashBord_recipes 
        {
            margin-left: -30px;
        }
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6 span.styled-checkbox label.instruction {padding-top: 6px;}
}
@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock div.pageContent div.span12 .span6 span.styled-checkbox label.instruction {padding-top: 6px;}
}
/* My Saved Supplements */
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock table#grdNutrition th font {color: #464646 !important;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock table#grdNutrition tbody select.dropdown {
    background: url(images/select_down_chevron.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 90% !important; background-position-x:99%; background-position-y:45%;
}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock table#grdNutrition tbody tr.footerCss select.dropdown {width: 100% !important;}
section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock table#grdNutrition tbody td.qtyTd input[type="text"]{background-image: none;}
section#middle div.gallery-single div#divMain input[type="submit"] {/*float: left !important;*/}
@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain div.scrollPatientreg div.formblock table#grdNutrition tbody td.qtyTd input[type="text"]{
        margin-top: 10px !important; margin-bottom: 10px !important;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div.gallery-single div#divMain input[value="Add Products"],
    section#middle div.gallery-single div#divMain input[value="Save Changes"],
    section#middle div.gallery-single div#divMain input[value="Reset to Clear"] { margin-right: 0;}
    section#middle div.gallery-single div#divMain input[value="New Diet Calculation"] {margin-right: 0;}  
}

/* Assign Recipe to Patient */
section#middle div.gallery-single div#divMain div.BorderedDiv {border-color: #d4cedf; }
section#middle div.gallery-single div#divMain div.BorderedDiv div.row-fluid{border-color: #d4cedf; }
section#middle div.gallery-single div#divMain div.BorderedDiv div.row-fluid div{border-color: #d4cedf; min-height: 72px;}
section#middle div.gallery-single div#divMain label.lead {font-weight: 300;margin-bottom: 0;}
section#middle div.gallery-single div#divMain select.w-select{
    width: 100% !important;
    background: url(images/select_down_chevron.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px; background-position-x:99%; background-position-y:45%;}
section#middle div.gallery-single div#divMain textarea.w-input {width: 100% !important;}
section#middle div.gallery-single div.divroundcorner div.clsMsg {width: 100% !important;
    height: 40px;
    border-radius: 0;
    border-color: #ccc;
    padding-top: 5px;
}
section#middle div.gallery-single div#divMain #divchkSaveRcp span.styled-checkbox label{padding-left: 35px;}
section#middle div.gallery-single div#divMain #divchkSaveRcp span.styled-checkbox label:after{margin-bottom: 15px;}
section#middle div.gallery-single div#divMain div#divchkSaveRcp {width: 100% !important;text-align: left;}
section#middle div.gallery-single div#divMain div#divchkSaveRcp input {margin-left: -20px;}
section#middle div.gallery-single div#divMain div#divchkSaveRcp b {font-weight: 300;font-size: 15px;}
section#middle div.gallery-single div#divMain div.divroundcorner table.mGrid{margin-bottom: 30px;}
section#middle div.gallery-single div#divMain div.divroundcorner table.mGrid td:nth-child(-n+3) {text-align:left;padding-left: 15px; }
section#middle div.gallery-single div#divMain div.divroundcorner table.mGrid td:nth-child(-n+3) span {padding-left: 0;}
section#middle div.gallery-single div#divMain div.divroundcorner table.mGrid th,
section#middle div.gallery-single div#divMain div.divroundcorner table.mGrid td {border: 1px solid #d4cedf !important;
    height: 50px;
    font-size: 14px;
    color: #464646;}
@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain div.divroundcorner table.mGrid th:nth-child(-n+7) {padding-left: 5px !important;}
    section#middle div.gallery-single div#divMain div.divroundcorner table.mGrid td {padding-left: 5px !important; }
}

/* Weekly Meal Calendar */
section#middle div.gallery-single div#divMain div#divCalendar div.lead {font-weight: 300;}
section#middle div.gallery-single div#divMain div#divCalendar span.instruction {font-size: 26px !important; color: #4e2683;font-weight: 300;}
section#middle div.gallery-single div#divMain div#divCalendar table.myCalendar {margin-top: 20px;}
section#middle div.gallery-single div#divMain div#divCalendar table.myCalendar td.myCalendarDay{border-color: #f3f2f8;padding-top: 5px; padding-bottom: 5px;}
section#middle div.gallery-single div#divMain div#divCalendar table.myCalendar td.myCalendarDay:nth-of-type(6), 
section#middle div.gallery-single div#divMain div#divCalendar table.myCalendar td.myCalendarDay:nth-of-type(7) {background-color: #f9f9fb !important;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner {color: #464646;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner label:first-of-type{width: 30%; float: left; text-align: left;margin-left: 20px;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner input[type="text"]{width: 60% !important;margin-bottom: 20px;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner label:first-of-type span{color: #464646 !important;}
.select2-container--open .select2-dropdown--below {margin-top: -20px !important;}
section#middle div.gallery-single div#divMain div#divWeek .mGrid,
section#middle div.gallery-single div#divMain div#divWeek .mGrid tbody,
section#middle div.gallery-single div#divMain div#divWeek .mGrid tr,
section#middle div.gallery-single div#divMain div#divWeek .mGrid th,
section#middle div.gallery-single div#divMain div#divWeek .mGrid td {border: 1px solid #e1dde9 !important;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner label{width: 30%; float: left; text-align: left;margin-left: 20px;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner select{float: left;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner span.select2-container{width: 60% !important;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner span.select2-container span.select2-selection{
    background: url(images/select_down_chevron.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    width: 100% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-color: #d4cedf !important; background-position-x:99%; background-position-y:45%;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #fff;}

section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner span.select2-selection{margin-bottom: 20px;}
section#middle div.gallery-single div#divMain div#divWeek div.divroundcorner span.select2-selection span.select2-selection__rendered{float: left;}
section#middle div.gallery-single div#divMain div#divWeek div.GridDock {/*overflow: inherit !important;*/}
@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain div#divWeek div.GridDock {overflow: auto !important;}
    section#middle div.gallery-single div#divMain div#divCalendar table.myCalendar tbody {border-left: 1px solid #f3f2f8;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div.gallery-single div#divMain div#divWeek div.GridDock {overflow: auto !important;}
    section#middle div.gallery-single div#divMain div.Center div.divroundcorner {width: 600px !important;}
}


/* recipe rate page */
section#middle div.page-content div#divSideMenu h3 {font-size: 26px; font-weight: 300;margin-bottom: 0;}
section#middle div.page-content div#divSideMenu p.skills:last-of-type {border-bottom: none !important;}
section#middle div.page-content div#divSideMenu p.skills a {font-size: 14px;color: #4e2683;}
section#middle div.page-content div#divSideMenu {background-color: #e9e6f2;margin-top: 0px;padding-left: 15px;width: 240px;margin-right: 50px;}
section#middle div.page-content div#divSideBox {border: none;} 
section#middle div.page-content div#divSideBox span.star-rating-control{margin-top: 10px;float: left;
    margin-left: 20%;margin-right: 20%;width: 60%;text-align: center;} 
section#middle div.page-content div#divSideBox div#recipeSideBox{border: none;box-shadow: none;} 
section#middle div.page-content div#divSideBox div#recipeSideBox div img.img-polaroid{border: none;box-shadow: none;background-color: transparent;} 
section#middle div.page-content div#divSideBox div#recipeSideBox {text-align: center;padding-top: 20px;margin-top: 50px;}
section#middle div.page-content div#divSideBox div#recipeSideBox p:not(.doughnutSummaryTitle, .doughnutSummaryNumber) {text-align: left;font-size: 18px; font-weight: 300;margin-bottom: 0;}
section#middle div.page-content div#divSideBox div#recipeSideBox > p:nth-of-type(1) {font-size: 20px; font-weight: 300;}

@media (min-width: 1024px) {
    section#middle div.page-content div#divSideBox div#recipeSideBox div#doughnutChart {margin-top: 0;}
    section#middle div.page-content div#divSideBox div#recipeSideBox div#doughnutChart svg {width: 175px !important;height: 175px !important;}
    section#middle div.page-content div#divSideBox div#recipeSideBox div#doughnutChart .doughnutSummaryTitle {font-size: 14px;top: 20% !important;}
    section#middle div.page-content div#divSideBox div#recipeSideBox div#doughnutChart .doughnutSummaryNumber {font-size: 30px;top: 35% !important;}
}

section#middle div.page-content div#divMain div.recipe-block h3 {margin-bottom: 20px;color: #9283bd; text-transform: uppercase;font-size: 14px;font-weight: 600;}
section#middle div.page-content div#divMain div.recipe-block {border-bottom: 1px solid #f4f2f8; padding-bottom: 20px;}
section#middle div.page-content div#divMain div.recipe-block.directions {padding-bottom: 0;}
section#middle div.page-content div#divMain div.recipe-block a.ingtou {color: #464646;font-size: 14px;}

section#middle div.page-content div#divSideBox div#recipeSideBox div {text-align: center;}
section#middle div.page-content div#divSideBox div#recipeSideBox div span b {text-transform: uppercase;color: #4e2683; font-size: 13px;}
section#middle div.page-content div#divMain div[align="right"]{
    text-align: left;
    background-color: #cce7ed;
    text-align: center;
    width: 225px;
    height: 63px;
    padding-top: 22px;
    margin-top: 22px;} 
section#middle div.page-content div#divMain div[align="right"] a{ color: #0088a5;text-transform: uppercase;font-weight: 600 !important;}
section#middle div.page-content div#divMain h1 span#ContentPlaceHolder_lbTitle {font-size: 26px !important; font-weight: 300 !important;}
section#middle div.page-content div#divMain p span#ContentPlaceHolder_lbAuthor {font-size: 18px; font-weight: 600;}
section#middle div.page-content div#divMain p strong {color: #9283bd; font-size: 14px;text-transform: uppercase;}
section#middle div.page-content div#divMain div.recipe-block input.txtChanged {width: 53px !important; height: 37px;margin-right: 10px;margin-top: 8px !important;}
section#middle div.page-content div#divMain div#RecipeDesc {/*padding-bottom: 15px;*/}
section#middle div.page-content div#divMain div#RecipeDesc p {margin-bottom: 15px !important;}
section#middle div.page-content div#divMain div#RecipeDesc ol {padding-left: 10px;}

section#middle div#divMain h1 {font-size: 26px;font-weight: 300; margin-bottom: 40px;}
section#middle div#div1 h1 {font-size: 26px;font-weight: 300; margin-bottom: 40px;}


@media (min-width: 1024px) {
  section#middle div.page-content div#divSideBox div#recipeSideBox > div:nth-of-type(2) {margin-left: auto !important;
    margin-right: auto !important;
    width: 200px;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div.page-content div#divSideBox div#recipeSideBox div#doughnutChart {margin-top: 0;}
    section#middle div.page-content div#divSideBox div#recipeSideBox > p:nth-of-type(1) {margin-bottom: 0;}
    section#middle div.page-content div#divSideBox div#recipeSideBox div#doughnutChart.chart {width: 100% !important;}
    section#middle div.page-content div#divSideBox span.star-rating-control{margin-left: 2%;width: 80%;} 
}

@media (max-width: 640px) {
    section#middle div.page-content div#divSideBox div#recipeSideBox div#doughnutChart {margin-top: 0;}
    section#middle div.page-content div#divSideBox div#recipeSideBox > p:nth-of-type(1) {margin-bottom: 0;}
    section#middle div#divMain h1 {font-size: 30px; margin-bottom: 20px; margin-top: 8px;}
    section#middle div#div1 h1 {font-size: 30px; margin-bottom: 20px; margin-top: 8px;}
    section#middle div.gallery-single div#divMain > h1 {text-align: left;}
    section#middle div.page-content div#divSideMenu {width: 100%;}
    section#middle div.page-content div#divSideBox div#recipeSideBox div.fullwidth{width: 100% !important; height: 100% !important;} 
    section#middle div.page-content div#divSideBox div#recipeSideBox div img.img-polaroid{width: 100% !important; height: 100% !important;} 
    section#middle div.page-content div#divSideBox div#recipeSideBox > div:nth-of-type(2) {margin-left: auto !important;
    margin-right: auto !important;width: 200px;}
    section#middle div.page-content div#divMain div#RecipeDesc p {margin-bottom: 0px !important;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div#divMain h1 {/*margin-bottom: 0px;*/}
    section#middle div#divMain div.clsPatGrid  {margin-top: 20px;}
    section#middle div.page-content div#divSideMenu {width: 20%; margin-right: 10px;}
    section#middle div.page-content div#divSideBox {padding-left: 0 !important; width: 22%;}
    section#middle div.page-content div#divSideBox div#recipeSideBox {min-width: 100%;margin-top: 0;}
    section#middle div.page-content div#divSideBox div#recipeSideBox div:nth-of-type(2) {margin-left: 5px !important;}
    section#middle div.page-content div#divSideBox div#recipeSideBox div img.img-polaroid{width: 100% !important; height: 100% !important;}
}
section#middle div#divMain p:nth-of-type(1),section#middle div#div1 p:nth-of-type(1) {font-size: 15px; margin-bottom: 30px; color: #464646;}
section#middle div#divMain p:nth-of-type(2),section#middle div#div1 p:nth-of-type(2) {font-size: 15px; margin-bottom: 55px; color: #464646;}
section#middle div#divMain > div > div.instruction {font-size: 15px; padding-bottom: 5px; line-height: 25px;}
section#middle div#divMain > div.instruction.left > div> div.instruction {font-size: 15px; padding-bottom: 5px;line-height: 25px;}
section#middle div#divMain > div.instruction.left > div> div.instruction h5 {font-size: 15px;}
@media (max-width: 640px) {
    section#middle div#divMain p:nth-of-type(1),section#middle div#div1 p:nth-of-type(1) {font-size: 15px; margin-bottom: 25px; line-height: 25px;}
    section#middle div#divMain p:nth-of-type(2),section#middle div#div1 p:nth-of-type(2) {line-height: 25px;margin-bottom: 25px;}
}

section#middle div#divMain hr:first-of-type,section#middle div#div1 hr:first-of-type {display: none;}
section#middle div#divMain .sharedrep {margin: 5px 0;}
@media (max-width: 640px) {
    section#middle div#divMain .sharedrep {width: 48%;}
    section#middle div#divMain .sharedrep:first-of-type {margin-right: 10px;}
}
section#middle div#divMain .sharedrep h4 { text-transform: uppercase;font-size: 14px; line-height: 24px; margin-top: 0px; margin-bottom: 5px; margin-left: 12px;}
section#middle div#divMain .sharedrep p { margin-left: 12px; font-size: 14px;color: #464646; line-height: 24px; margin-bottom: 0;}
@media (max-width: 640px) {
    section#middle div#divMain .sharedrep h4 {margin-left: 0;}
    section#middle div#divMain .sharedrep p {margin-left: 0;}
}
section#middle div#divMain .sharedrep h4 a {color: #4e2683;}
section#middle div.sidebar div.sidebox p {font-size: 15px; color: #464646;}
section#middle div.sidebar div.sidebox p:nth-of-type(1) {margin-bottom: 0;}
section#middle div.sidebar div.sidebox p:nth-of-type(2) {border-top: 1px solid #eee;padding-top: 30px;}
@media (max-width: 640px) {
    section#middle div.sidebar div.sidebox p {line-height: 25px;}
}
section#middle div.sidebar div.sidebox p:last-of-type {margin-bottom: 35px;}
section#middle div.sidebar div.sidebox h4.sidebox-title {font-size: 26px;font-weight: 300;margin-top: 35px;margin-bottom: 30px;}
section#middle div.sidebar div.sidebox ul {padding-left: 0;list-style-type: none;font-size: 15px;line-height: 20px;}
@media (max-width: 640px) {
    section#middle div.sidebar div.sidebox ul {line-height: 25px;}
}

/*Patient list*/
section#middle div.block { background-color: #f4f2f8;margin-top: -20px;padding-top: 15px;}
section#middle div.block h2 {font-size: 26px; font-weight: 300;}
section#middle div.gallery-single div.block h2 {margin-top: 20px;}
@media (max-width: 640px) {
    section#middle div.block {margin-top: 20px;}
    section#middle div.block h2 {margin-bottom: 20px; margin-top: 0;}
}
section#middle div.block p.description {font-size: 14px; line-height: 24px;}
section#middle div.block p.skills {font-size: 14px;}
section#middle div.block > p.skills:last-of-type {border-bottom: 0;}
section#middle div.block p.skills a{color: #4e2683;}
section#middle div.block p.skills a span{color: #4e2683 !important;}
section#middle div#divMain div.w-container div.formblock center div.row-fluid > div {width: 100% !important;}
section#middle div#divMain div.w-container div.formblock center input[type="submit"] {width: 255px;margin-top: 25px;margin-bottom: 85px;}
section#middle div#divMain div.w-container.splashcontainer div.formblock center input[value="Update"] {margin-bottom: 0px;}
@media (max-width: 640px) {
   section#middle div#divMain div.w-container div.formblock center input[type="submit"] {width: 100% !important;margin-bottom: 50px;}
   section#middle div#divMain div.w-container div.formblock div:first-of-type {padding-bottom: 0 !important;width: 100% !important;}
   section#middle div#divMain div.w-container div.formblock h1:nth-of-type(2) {padding-bottom: 30px !important;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div.gallery-single div.block h2 {margin-top: 25px;}
    section#middle div#divMain div.w-container div.formblock center input[type="submit"] {width: 294px;margin-bottom: 40px;}
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    section#middle div#divMain div.w-container div.formblock center input[type="submit"] {width: 210px !important;}
}
section#middle div#divMain div.w-container div.formblock > div > div {float: none !important;}
section#middle div#divMain div.w-container div.formblock > div > div input[type="submit"] {/*display: none;*/}
section#middle div#divMain div.w-container div.formblock > div.dvInstruction > div input[type="submit"] {margin-top: 20px;}
section#middle div#divMain div.w-container div.formblock > div > div input[type="text"] {width: 97.5%;font-style: italic;height: 40px;padding-left: 20px;
    background-image: url('images/search_icon.png');background-repeat: no-repeat;background-position: right 20px center;margin-bottom: 0; background-position-x:99%; background-position-y:45%; }
section#middle div#divMain div.w-container div.formblock > div > div input[type="text"]::-webkit-input-placeholder {color: #464646;}
section#middle div#divMain div.w-container div.formblock > div > div input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #464646;  }
section#middle div#divMain div.w-container div.formblock > div > div input[type="text"]::-moz-placeholder {  /* Firefox 19+ */color: #464646;  }
section#middle div#divMain div.w-container div.formblock > div > div input[type="text"]:-ms-input-placeholder {  color: #464646;  }
/*table*/
section#middle div#divMain div.w-container div.formblock table {font-family: 'Lato', sans-serif !important;}
section#middle div#divMain div.w-container div.formblock table.mGrid {width: 97.5% !important; margin-left: 0;}
section#middle div#divMain div.w-container div.formblock table tbody tr{font-family: 'Lato', sans-serif !important;}

section#middle div#divMain div.w-container div.formblock table.mGrid tbody tr.footerCss select{background: none !important;}
section#middle div#divMain div.w-container div.formblock table.mGrid tbody tr.footerCss select::-ms-expand {display: none;background: none;}

section#middle div#divMain div.w-container div.formblock table.mGrid td {border: 1px solid #d4cedf !important; height: 50px;font-size: 14px; color: #464646;}
section#middle div#divMain div.w-container div.formblock table.mGrid td a.instruction {font-size: 14px; color: #4e2683; font-weight: 300;margin: 0;}
section#middle div#divMain div.w-container div.formblock table.mGrid td span.instruction {font-size: 14px; color: #464646; font-weight: 300;margin: 0 !important;}
section#middle div#divMain div.w-container div.formblock table.mGrid th {border: 1px solid #d4cedf !important; height: 50px;font-size: 14px; color: #464646;text-align: left;padding-left: 13px;}
section#middle div#divMain div.w-container div.formblock table.mGrid th:last-of-type {width: 80px !important;padding-left: 0; text-align: center;} 
section#middle div#divMain div.w-container div.formblock table.FormatRadioButtonList {/*margin-left: 37%;*/}
section#middle div#divMain div.w-container div.formblock div.span6 span.styled-checkbox {margin-left: 39%;}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div#divMain div.w-container div.formblock table.FormatRadioButtonList {margin-left: 0;}
    section#middle div#divMain div.w-container div.formblock table.FormatRadioButtonList {padding-left: 0;}
    section#middle div#divMain div.w-container div.formblock div.span6 span.styled-checkbox {margin-left: 0% !important;}
    section#middle div#divMain div.w-container div.formblock > div > div input[type="text"] {width: 97.5% !important;}
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    section#middle div#divMain div.w-container div.formblock div.span6 span.styled-checkbox {margin-left: 30%;}
    section#middle div#divMain div.w-container div.formblock table.mGrid {width: 100% !important;}
    section#middle div#divMain div.w-container div.formblock > div > div input[type="text"] {width: 100%;}
}
@media (max-width: 640px) {
    section#middle div#divMain div.w-container div.formblock div.span6 span.styled-checkbox {margin-left: 0%;}
    section#middle div#divMain div.w-container div.formblock table.mGrid {width: 100% !important;}
}

/* patient list / HCP registration form */
section#middle div.w-form div.pageContent div.span3 {min-height: 0 !important;}
section#middle div.w-form div.pageContent div.span3 label.instruction span.instructionlink{ color: #464646;}
section#middle div.w-form div.pageContent div.span12 input[type="checkbox"]{ margin-right: 20px;}
section#middle div.scrollHCPreg div.pageContent div.span3 {min-height: 0 !important;}
section#middle div.scrollHCPreg div.pageContent { font-size: 15px;}
section#middle div.scrollHCPreg div.pageContent div.span12 { font-weight: 300;}
section#middle div.scrollHCPreg div.pageContent div.span12 input[type="checkbox"]{ margin-right: 20px;margin-bottom: 15px;}
section#middle div.scrollHCPreg div.pageContent div.span3 select.dropdown { width: 100%;margin-bottom: 22px !important;height: 40px;}

section#middle div.scrollHCPreg div.pageContent div.row-fluid:nth-last-of-type(-n+2) {margin-bottom: 10px;}
section#middle div.scrollHCPreg div.pageContent div.span12 label {font-weight: 300;padding-left: 35px;}
section#middle div.scrollHCPreg div.pageContent div.span12 div.span6:last-of-type label.instruction {width: 130px;}

@media (min-width: 641px) {
    section#middle div.w-form div.pageContent div.span3 { width: 50%;min-height: 0 !important;}
    section#middle div.scrollHCPreg div.pageContent div.span3 { width: 50%;min-height: 0 !important;}
    section#middle div.w-form div.pageContent div.span3 label.instruction { margin-top: 15px;}
    section#middle div.w-form div.pageContent div.span3 select.input { width: 100%;}
    section#middle div.scrollHCPreg div.pageContent div.span3 input { width: 100%;margin-bottom: 22px !important;}
    section#middle div.w-form div.pageContent div.span3 select.w-select { width: 100%;}
    section#middle div.w-form div.pageContent div.span3 input { width: 100%; margin-bottom: 22px !important;}
    section#middle div.w-form div.pageContent div.row-fluid:nth-of-type(10) div.span6{ width: 45%;margin-right: 20px;}
}
@media (max-width: 640px) {
    section#middle div.w-form div.pageContent div.span3 select.input {margin-top: 10px;}
    section#middle div.w-form div.pageContent div.span3 input.w-input{ margin-top: 10px;}
    section#middle div.w-form div.pageContent div.span3 select.w-select { margin-top: 10px;}
    section#middle div.w-form div.pageContent div.span3 div.instruction { margin-top: 0px;}
    section#middle div.scrollHCPreg div.pageContent div.span12 label {line-height: 17px;}
    section#middle div.scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(8) div.span12 {text-align: left; font-size: 14px; font-weight: 300;margin-bottom: 20px;line-height: 10px;} 
    section#middle div.scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(8) div.span12 input[type="checkbox"] {margin-left: -25px;margin-right: 10px;}
    section#middle div.scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(9) div.span12 {text-align: left; font-size: 14px; font-weight: 300;margin-bottom: 20px;line-height: 10px;} 
    section#middle div.scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(9) div.span12 input[type="checkbox"] {margin-left: -25px;margin-right: 10px;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
     section#middle div.w-form div.pageContent div.row-fluid:nth-of-type(10) div.span6{width: 47%;}
     section#middle div.w-form div.pageContent div.row-fluid:nth-of-type(10) div.span6:first-of-type {margin-left: 0;margin-right: 15px;}
     section#middle div.w-form div.pageContent div.row-fluid:nth-of-type(10) div.span6:last-of-type {margin-left: 0; margin-right: 0}
     section#middle div.w-form div.pageContent div.row-fluid:nth-of-type(10) div.span6 > div div div {width: 85% !important;}
}
/* My Recipes */
section#middle div.gallery-single div#divMain > div.row-fluid div.span6 {background-color: #f4f2f8;width: 310px; height: 295px;padding-top: 82px;}
section#middle div.gallery-single div#divMain > div.row-fluid div.span6:first-of-type {margin-right: 20px;}
section#middle div.gallery-single div#divMain > div.row-fluid div.span6:first-of-type img {width: 93px; height: 95px;}
section#middle div.gallery-single div#divMain > div.row-fluid div.span6:last-of-type img {width: 96px; height: 93px;}
section#middle div.gallery-single div#divMain > div.row-fluid div.Center {margin-top: -30px;}
section#middle div.gallery-single div#divMain > div.row-fluid div.Center a.btn {background-color: #a3238e;background-image: none;color: #fff;box-shadow: none;
    border-radius: 30px;height: 36px;padding: 7px 30px;text-shadow: none;margin-top: 60px;border: none;}

section#middle div.gallery-single div#divMain > div.row-fluid div.Center a.btn:active, 
section#middle div.gallery-single div#divMain > div.row-fluid div.Center a.btn:hover, 
section#middle div.gallery-single div#divMain > div.row-fluid div.Center a.btn:focus{
    background-color: #871a75;
    color: #fff;
    padding: 7px 30px;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}   
@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain > div.row-fluid div.Center {margin-left: 30px;margin-bottom: 30px;width: 100%;padding-top: 39px;margin-top: -10px;}
    section#middle div.gallery-single div#divMain > div.row-fluid div.span6:first-of-type img {width: 63px; height: 63px;}
    section#middle div.gallery-single div#divMain > div.row-fluid div.span6:last-of-type img {width: 67px; height: 66px;}
    section#middle div.gallery-single div#divMain > div.row-fluid div.Center a.btn {margin-top: 32px;font-size: 13px;width: 90%;line-height: 13px;}
    section#middle div.gallery-single div#divMain > div.row-fluid div.span6 {height: 192px;padding-left: 0;}
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    section#middle div.gallery-single div#divMain > div.row-fluid div.Center a.btn {width: 210px;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
        section#middle div.gallery-single div#divMain > div.row-fluid div.span6 {margin-left: 20px; margin-bottom: 20px;height: 245px;}
    section#middle div.gallery-single div#divMain > div.row-fluid div.span6.Center {/*margin-left: 0px;*/} 
        section#middle div.gallery-single div#divMain > div.row-fluid div.Center {margin-top: 10px;padding-left: 0;}
        section#middle div.gallery-single div#divMain > div.row-fluid div.span6 {padding-top: 46px;}
        section#middle div.gallery-single div#divMain > div.row-fluid div.Center a.btn {margin-top: 44px; width: 90%;}
}

/* Message Board */
section#middle div.gallery-single div#divMain > div#inline {background-color: #f4f2f8; margin-left: 0;margin-bottom: 360px;}
section#middle div.gallery-single div#divMain > div#inline div.lstUsers {border: 1px solid #d7d1e1;margin-top: 6px;}
@media (min-width: 1024px) {
    section#middle div.gallery-single div#divMain > div#inline div.lstUsers {margin-left: 6px;}
}
section#middle div.gallery-single div#divMain > div#inline div.lstUsers div.dvUser span{font-size: 14px;color: #4e2683;}
section#middle div.gallery-single div#divMain > div#inline div.lstUsers div.lstCls {padding-left: 0;width: 100%;}
section#middle div.gallery-single div#divMain > div#inline div.lstUsers div.lstCls div:first-of-type {background-color: #9283bd !important;font-size: 11px;
    font-weight: 300;
    padding: 4px 0 4px 10px;}
section#middle div.gallery-single div#divMain > div#inline div.lstUsers div.lstCls div.n1 {background: #9283bd !important;min-height: 29px;padding-top: 5px;padding-bottom: 5px;font-size: 11px;padding-left: 10px;}
section#middle div.gallery-single div#divMain > div#inline div.lstMsgs {border: 1px solid #d7d1e1;margin-top: 6px; margin-right: 6px;}
section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser {border-bottom: 1px solid #d7d1e1;}
section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser > span{font-size: 14px;font-weight: 600;}
section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser div.dot{background: #089cd6;}
section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser > div span{color: #464646;font-size: 11px;font-weight: 300; }
section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg {margin-top: 7px;}
section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="text"] {width: 77%;border: 1px solid #d4cedf;margin-left: 7px;font-style: italic;font-size: 12px;height: 28px;}
section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="text"]::-webkit-input-placeholder {color: #464646;}
section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #464646;  }
section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="text"]::-moz-placeholder {  /* Firefox 19+ */color: #464646;  }
section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="text"]:-ms-input-placeholder {  color: #464646;  }
section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="submit"] {width: 86px;height: 26px;font-size: 12px;padding-top: 6px;float: right;margin-right: 7px;}
@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain > div#inline {min-height: 515px;margin-bottom: 40px;}
    section#middle div.gallery-single div#divMain > div#inline div.lstUsers {width: 36% !important;}
    section#middle div.gallery-single div#divMain > div#inline div.lstMsgs {width: 58% !important;height: 459px;}
    section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser {text-align: center; }
    section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser > span{display: block;margin-left: 0 !important;}
    section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser > div{float: none !important;}
    section#middle div.gallery-single div#divMain > div#inline div.lstUsers div.lstCls div.n1 {font-size: 12px;}
    section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg {float: left;width: 100%;}
    section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="text"] {width: 62% !important;}
    section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="submit"] {width: 86px !important;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
   section#middle div.gallery-single div#divMain > div#inline {margin-bottom: 192px;margin-top: 20px;width: 97% !important;}
   section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser {text-align: left;padding-left: 30px;}
    section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser > span{margin-left: 0 !important;}
    section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="submit"] {width: 72px !important;}
    section#middle div.gallery-single div#divMain > div#inline div.lstUsers div.lstCls div.n1 {font-size: 12px;width: 100%;}
    section#middle div.gallery-single div#divMain > div#inline div.lstUsers {width: 25%;}
    section#middle div.gallery-single div#divMain > div#inline div.lstMsgs {float: left;width: 71%;}
    section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg {margin-left: 5px;float: left;}
    section#middle div.gallery-single div#divMain > div#inline > div div.sendMsg input[type="text"] {width: 73% !important;margin-left: 0;}
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
     section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser > div{float: right !important;}
     section#middle div.gallery-single div#divMain > div#inline div.lstMsgs div.dvUser > span{display: inline-block;}
}

/* Supplement profile */
section#middle div.gallery-single div#divMain input[type="button"] { 
    background-image: none;
    text-shadow: none;
    color: #fff;
    box-shadow: none;
    border: 0;
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    background-color: #a3238e;
    border-radius: 30px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    margin-left: 31.8% !important;
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    section#middle div.gallery-single div#divMain input[type="button"] {
        margin-left: 28% !important;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div.gallery-single div#divMain input[type="button"] { 
        margin-left: 23% !important;
    }    
}
/* iPhone 5 Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
     section#middle div.gallery-single div#divMain input[type="button"] { 
       margin-left: 5% !important;width: 90%;
    }  
}
/* iphone 6 Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
     section#middle div.gallery-single div#divMain input[type="button"] { 
        margin-left: 10% !important;width: 80%;
    }  
}
/* iPhone 6 Plus Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2) {
    section#middle div.gallery-single div#divMain input[type="button"] {margin-left: 10%;width: 80%;}
  }


section#middle div.gallery-single div#divMain input[type="button"]:active, 
section#middle div.gallery-single div#divMain input[type="button"]:hover, 
section#middle div.gallery-single div#divMain input[type="button"]:focus{
    background-color: #871a75;
    color: #fff;
    border: 0;
    padding: 10px 20px 10px 20px;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
section#middle div.gallery-single div#divMain input[type="button"]:after {
    content: '';
    background: url(images/chevron_white_right.png) no-repeat;
    position: absolute;
    top: 15px;
    height: 10px;
    width: 8px;
    margin-left: 30px;
}
section#middle div.gallery-single div#divMain div.row-fluid select {
    background: url(images/select_down_chevron.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    width: 97.5% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px !important;
    padding-left: 15px;
    margin-bottom: 39px; background-position-x:99%; background-position-y:45%;
}
@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain div.row-fluid select {margin-bottom: 25px;width: 100% !important;}

}

/* Recipes Create / Manage -HCP login*/
.myrecipe-container {padding-top: 0 !important;}
.myrecipe-container h3 {font-size: 26px; font-weight: 300; color: #4e2683;margin-top: 10px; margin-bottom: 30px;text-align: left;}
@media (max-width: 640px) {
      .myrecipe-container h3 {font-size: 30px;}  
      .myrecipe-container label.instruction {font-size: 14px;}
}
.myrecipe-container label.instruction {color: #9283bd; text-transform: uppercase;margin-bottom: 15px;}
.myrecipe-container div#scrollDiv > span.instruction { display: inline-block;font-weight: bold; color: #9283bd; text-transform: uppercase;margin-bottom: 15px;}
.myrecipe-container div#scrollDiv > input[value="Search"] {margin-right: 0;}
.myrecipe-container label.instruction span {color: #9283bd !important;}
.myrecipe-container input[type="text"] {width: 100%; height: 40px;}
.myrecipe-container input[type="text"]:first-of-type {background-image: url('images/search_icon.png');background-repeat: no-repeat;background-position: right 20px center;margin-bottom: 45px; background-position-x:99%; background-position-y:45%;}
.myrecipe-container input[type="submit"] {background-image: none;box-shadow: none;text-shadow: none;width: 255px !important;margin-bottom: 25px;}
.myrecipe-container input[type="file"] { border: none !important; margin-top: 12px;margin-bottom: 20px;padding: 10px;width: 340px;border: 1px solid #ccc !important;
}
.myrecipe-container span#ContentPlaceHolder_lblValidImg {color: #464646; font-size: 14px !important; font-weight: 300;}
.myrecipe-container #ContentPlaceHolder_trImg { margin-bottom: 40px;}
.myrecipe-container #ContentPlaceHolder_trImg img {margin-top: 15px !important;width: 335px !important; height: 178px !important; border: 0px solid #eeebf2 !important;}

/* Recipes Create / Manage -Patient login*/
.Center h3, .Center div#scrollDiv h3 {font-size: 26px; font-weight: 300; color: #4e2683;margin-top: 10px; margin-bottom: 30px;text-align: left;}
.Center label.instruction {color: #9283bd; text-transform: uppercase;}
#FullWidth .Center span.styled-checkbox { text-align: left !important;float: left;display: block;width: 100%;}
#FullWidth .Center span.styled-checkbox label.instruction {color: #464646; text-transform: capitalize;text-align: left;padding-left: 35px;}
#FullWidth .Center p { padding-left: 35px;}
#FullWidth .Center div.instruction span {color: #464646 !important;}

.Center label.instruction span {color: #9283bd !important;}
.cstBody .Center input[type="text"].w-input {width: 100%; height: 40px;margin-bottom: 40px;}
.w-input_marging {width: 100%; height: 40px;margin-bottom: 0px !important;}
.cstBody .Center label.instruction {margin-bottom: 15px;}
.cstBody .Center select#ddlTags {width: 100%;height: 40px;}
.cstBody .Center select {
 background: url(images/select_down_chevron.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    width: 100% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px !important;
    padding-left: 15px;
    margin-bottom: 39px; background-position-x:99%; background-position-y:45%;
}
.cstBody .Center textarea#txtTags {width: 100%;height: 83px;margin-bottom: 30px;}
.cstBody .Center > span:last-of-type.instruction,
.cstBody .Center div#scrollDiv label:last-of-type.instruction {text-align: left !important;padding-left: 20px;display: block !important;text-transform: capitalize;color: #464646;}
.cstBody .Center div#scrollDiv span.chkbox-label span.styled-checkbox label.instruction {padding-left: 35px;}
.cstBody .Center > p,
.cstBody .Center .myrecipe-container p:nth-last-of-type(2) {text-align: left;padding-left: 20px;}
.cstBody .Center > p:last-of-type {padding-left: 0px;}
.Center input[type="text"]:not(#txdietdate, #txweight) {width: 90%;height: 40px;}
.Center input[type="file"] { border: none !important; margin-bottom: 20px;padding: 10px;width: 340px;border: 1px solid #ccc !important;background-color: #fff;}
.Center #ContentPlaceHolder_trImg img {margin-top: 15px !important;width: 335px !important; height: 178px !important; border: 0px solid #eeebf2 !important;margin-bottom: 20px;}
@media (max-width: 640px) {
    .Center input[type="file"] {width: 100%}
    .Center div#scrollDiv input[value="Save"] {margin-right: 20px;}
}
/* Samsung galaxy tab 4 */
/*@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    .Center div#scrollDiv input[type="submit"],

    .Center input[value="Cancel"] {
    } 
}*/
.Center div#scrollDiv input[type="text"]:first-of-type {width: 100%; height: 40px;background-image: url('images/search_icon.png');background-repeat: no-repeat;background-position: right 20px center;margin-bottom: 45px; background-position-x:99%; background-position-y:45%; }
#txtFoodItem {
    width: 90%;
    height: 40px;
    background-image: url('images/search_icon.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    margin: 5px; background-position-x:99%; background-position-y:45%;
}
.Center div#scrollDiv input[type="submit"], 
.Center input[value="Save"], .Center input[value="Cancel"]{background-image: none;box-shadow: none;text-shadow: none;width: 255px !important;margin-bottom: 25px;}
.Center div#scrollDiv input[type="submit"],
.Center input[type="submit"],
.Center input[value="Save"], .Center input[value="Cancel"]{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent; 
    padding: 10px 20px 10px 20px;
    color: #fff;
    background-color: #a3238e;
    border:2px solid #a3238e;
    border-radius: 30px;
    line-height: 1;
    letter-spacing: 0px;
    width: 180px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.redcolor{
    color:#FF0000 !important;
}
.Tearm_ul {
    display: block;
    list-style-type:disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    color:#4e2683;
}
.Privacy_ul {
    display: block;
    list-style-type:disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    
}
.Privacy_ul_number {
    display: block;
    list-style-type:decimal;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    
}
.privacy_div_left{width:50%;float:left;border:solid 1px; padding-left:10px; margin-top:7px;}
.privacy_div_right{border:solid 1px; padding-left:10px;width:49%;float:right; margin-top:7px;}
.Cookes_Td{border:solid 1px; padding-left:10px;}
.Center div#scrollDiv input[type="submit"]:active, 
.Center div#scrollDiv input[type="submit"]:hover, 
.Center div#scrollDiv input[type="submit"]:focus,
.Center input[value="Save"]:active, 
.Center input[value="Save"]:hover, 
.Center input[value="Save"]:focus{
    background-color: #871a75;
    color: #fff;
    border:2px solid #871a75;
    padding: 10px 20px 10px 20px;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
.Center div#scrollDiv table.mGrid tr,
.Center div#scrollDiv table.mGrid td {border-color: #d4cedf !important;}
.Center div#scrollDiv table.mGrid tr.pagerCss table tr td,
.Center div#scrollDiv table.mGrid tr.pagerCss table tr td span {padding-left: 0px;}
.Center div#scrollDiv table.mGrid tr.pagerCss table tr td a {padding-left: 0px;display: inline-block;}
.Center div#scrollDiv center table.mGrid tr.pagerCss table tr td {text-align: center;}
.Center p:last-of-type {float: left;}


/* Recipe Table */
.myrecipe-container table.mGrid,
.Center table.mGrid {border: 1px solid #d4cedf !important; font-size: 14px !important;}
.Center table#grdIngredients {margin-top: 20px;}
.Center table.mGrid tr, .Center table.mGrid td {border-color: #d4cedf !important;}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
   .myrecipe-container #recpTable { overflow-y: hidden;}
}
@media (min-width: 1024px) {
    #FullWidth .Center div.overflow-control {overflow-x: visible !important; overflow-y: visible !important;}
}
.Center table.mGrid tr.pagerCss table tbody td{width: 50px;}
.myrecipe-container table.mGrid tr th,
.Center table.mGrid tr th {height: 49px !important;text-align: left;padding-left: 15px; box-sizing:content-box;}
@media (max-width: 640px) {
    .myrecipe-container table.mGrid tr th {font-size: 14px; font-weight: bold;}
    .myrecipe-container table.mGrid tr th:first-of-type {width: 200px;}
}
.myrecipe-container table.mGrid tr th:nth-child(n+2),
.Center div#scrollDiv table.mGrid tr th:nth-child(n+2) {width: 60px !important;text-align: center;padding-left: 0;border: 1px solid #d4cedf;}
/*.Center div#scrollDiv table.mGrid tr th:nth-child(n+2) {width: 60px !important;text-align: center;padding-left: 0;border: 1px solid #d4cedf;}*/
.myrecipe-container table.mGrid tr, .myrecipe-container table.mGrid td,
.Center table.mGrid tr, .Center table.mGrid td {border: 1px solid #d4cedf !important;}
.myrecipe-container table.mGrid td,
.Center div#scrollDiv table.mGrid td {height: 59px; box-sizing:content-box;}
.myrecipe-container table.mGrid td span,
.Center div#scrollDiv table.mGrid td span {padding-left: 15px;}

/* Description WYSIWYG */
.myrecipe-container .jqte, .Center .jqte { border-radius: 0;box-shadow: none;border: 1px solid #d4cedf; margin-top: 0;}
.myrecipe-container .jqte .jqte_toolbar, .Center .jqte .jqte_toolbar {border-bottom: none;}
.myrecipe-container .jqte .jqte_editor, .Center .jqte .jqte_editor {min-height: 120px;}
.myrecipe-container select.w-select, .Center select.w-select {width: 100% !important;-webkit-appearance: none;height: 40px !important;padding-left: 15px;margin-bottom: 39px;}
.Center span#ContentPlaceHolder_age {text-align: left !important;}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
        .Center span#ContentPlaceHolder_age {width: 100% !important;}
       
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
   .myrecipe-container select.w-select {width: 336px !important;}
   .Center select.w-select {width: 100% !important;}
}
.myrecipe-container select.w-select{
  overflow: hidden;
  background: url(images/select_down_chevron.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-appearance: none;
    -moz-appearance: none;  background-position-x:99%; background-position-y:45%;
}

/* Ingredients table */
.myrecipe-container div#recpTable table.mGrid th.grdHeader:first-of-type,
.Center table.mGrid th.grdHeader:first-of-type{width: 353px; border: 1px solid #d4cedf !important;}
.myrecipe-container div#recpTable table.mGrid th.grdHeader,
.Center table.mGrid th.grdHeader {text-align: left;padding-left: 10px;}
.myrecipe-container div#recpTable table.mGrid th.grdHeader:nth-child(n+2),
.Center table.mGrid th.grdHeader:nth-child(n+2) {width: 105px !important;border:1px solid #d4cedf !important;}
.myrecipe-container div#recpTable table.mGrid th.grdHeader:last-of-type {width: 65px !important;}
.myrecipe-container div#recpTable table.mGrid th.grdHeader span.ingAdd {padding-left: 0;}
.myrecipe-container div#recpTable table.mGrid td {text-align: left; font-weight: 300;}
.myrecipe-container div#recpTable table.mGrid td:last-of-type {width: 100px;}
.myrecipe-container div#recpTable table.mGrid td span {text-align: left !important;}
.myrecipe-container div#recpTable table.mGrid td div.chosen-container {width: 300px !important; margin-left: 12px;margin-right: 18px;}
.Center table.mGrid td div.chosen-container {width: 300px !important; margin-left: 12px;margin-right: 18px;}

.Center table.mGrid th.grdHeader span.ingAdd {padding-left: 0;}

.myrecipe-container div#recpTable table.mGrid td div.chosen-container a.chosen-single,
.Center table.mGrid td div.chosen-container a.chosen-single {border-radius: 3px; border: 1px solid #d4cedf;height: 38px;}
.myrecipe-container div#recpTable table.mGrid td div.chosen-container a.chosen-single span,
.Center table.mGrid td div.chosen-container a.chosen-single span {padding-left: 0;color: #464646 !important; }
.myrecipe-container div#recpTable table.mGrid td div.chosen-drop,
.Center table.mGrid td div.chosen-drop {width: 297px !important;}
.myrecipe-container div#recpTable table.mGrid td.qtyTd input[type="text"],
.Center table.mGrid td.qtyTd input[type="text"]{background-image: none !important; width: 76px !important; height: 40px !important; padding-left: 10px; margin-bottom: 0 !important; margin-top: 0 !important;}
.myrecipe-container div#recpTable table.mGrid td.qtyTd input.Buttop_UP { left: 80px; top: 25px; }
.Center table.mGrid td.qtyTd input.Buttop_UP{ left: 65px; top: 14px; }
.myrecipe-container div#recpTable table.mGrid td.qtyTd input.Buttop_DOWN { left: 66px; top:35px; }
.Center table.mGrid td.qtyTd input.Buttop_DOWN{ left: 66px; top:25px; }
.myrecipe-container div#recpTable table.mGrid td.qtyTd input.Buttop_UP:hover,
.Center table.mGrid td.qtyTd input.Buttop_UP:hover,
.myrecipe-container div#recpTable table.mGrid td.qtyTd input.Buttop_DOWN:hover,
.Center table.mGrid td.qtyTd input.Buttop_DOWN:hover{ background-position: 0 0 }



@media (max-width: 640px) {
    .myrecipe-container select.w-select#ddlFoodItem{ width: 265px !important; margin-left: 15px;margin-bottom: 10px; margin-right: 10px;}

     /*48*/

    .myrecipe-container div#recpTable table.mGrid td div.chosen-container {width: 250px !important; margin-left: 12px;margin-right: 18px;}
.Center table.mGrid td div.chosen-container {width: 250px !important; margin-left: 12px;margin-right: 18px;}
.myrecipe-container div#recpTable table.mGrid td div.chosen-drop,
.Center table.mGrid td div.chosen-drop {width: 250px !important;}
.myrecipe-container div#recpTable table.mGrid td.qtyTd input[type="text"],
.Center table.mGrid td.qtyTd input[type="text"]{background-image: none;width:70px !important;  height: 40px !important; padding-left: 10px; margin-right :0 !important; margin-bottom: 0; margin-top: 0 !important;}
.myrecipe-container div#recpTable table.mGrid td.qtyTd input.Buttop_UP { left: 38px ; top: 22px ; }
.Center table.mGrid td.qtyTd input.Buttop_UP{ left: 38px ; top: 30px ; }
.myrecipe-container div#recpTable table.mGrid td.qtyTd input.Buttop_DOWN { left: 38px ; top:30px ; }
.Center table.mGrid td.qtyTd input.Buttop_DOWN{ left: 38px ; top:45px ; }


}
@media (max-width: 640px) {
    .Center table.mGrid td.qtyTd input.Buttop_UP{ left: 65px; top: 10px; }
    .Center table.mGrid td.qtyTd input.Buttop_DOWN{ left: 66px; top:31px; }
    .Center table.mGrid tr span.inTableDropdown select.dropdown{width: 230px !important;margin-bottom: 10px; margin-right: 10px;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    .Center table.mGrid td.qtyTd input.Buttop_UP{ left: 65px; top: 10px; }
    .Center table.mGrid td.qtyTd input.Buttop_DOWN{ left: 66px; top:31px; }
    .Center table.mGrid tr span.inTableDropdown select.dropdown{width: 230px !important;margin-bottom: 10px; margin-right: 10px;}
    .myrecipe-container div#recpTable table.mGrid td.qtyTd input.Buttop_UP { left: 65px; top: 25px; }
    .myrecipe-container div#recpTable table.mGrid td.qtyTd input.Buttop_DOWN { left: 66px; top:42px; }

}

.myrecipe-container div.instruction {display: none;}
.myrecipe-container select.w-input {height: 40px;-webkit-appearance: none;margin-bottom: 15px;}
.myrecipe-container select.w-input{
  overflow: hidden;
  background: url(images/select_down_chevron.png);
  background-repeat: no-repeat;
  background-position: right 10px center; background-position-x:99%; background-position-y:45%;
}
.myrecipe-container div#scrollDiv textarea.w-input {margin-bottom: 40px; height: 82px;}
.myrecipe-container p {text-align: left;}
.myrecipe-container p:last-of-type {margin-bottom: 40px;}
.myrecipe-container input#ContentPlaceHolder_chkShare,
.Center input#ContentPlaceHolder_chkShare {float: left;}
.Center span.instruction {color: #9283bd;text-transform: uppercase;display: block; font-weight: bold;}
.myrecipe-container p a {color: #464646;font-size: 14px;}

div.my-ingredients section#middle div#divMain div.w-container div.formblock label.instruction {padding-left: 0;}

section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent table.radio label{padding-left: 35px;}

div#FullWidth input[value="Update"] {
    background-color: #a3238e;
    background-image: none;
    color: #fff;
    box-shadow: none;
    border-radius: 30px;
    height: 36px;
    padding-top: 7px;
    text-shadow: none;
    text-align: center;
    padding: 7px 20px 7px 20px;
    width: 250px !important;
}
@media (max-width: 640px) {
    div#FullWidth input[value="Update"] {width: 80% !important; }
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
        div#FullWidth input[value="Update"] {width: 258px !important; }
  }

div#FullWidth input[value="Update"]:active, 
div#FullWidth input[value="Update"]:hover, 
div#FullWidth input[value="Update"]:focus{
    background-color: #871a75;
    color: #fff;
    border:2px solid #871a75;
    padding: 7px 20px 7px 20px;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}


/*My Information -  HCP login */
section#middle div.scrollHCPreg {margin-bottom: 200px;}
section#middle div.scrollHCPreg label.instruction {padding-left: 0;color: #4e2683}
section#middle div.gallery-single div#divMain div.row-fluid div.span6 select {width: 210px !important;margin-bottom: 20px;float: right;}
section#middle div.gallery-single div#divMain div.dvInstruction div.row-fluid div.span6 select {float: none;}

section#middle .scrollHCPreg div.pageContent div.span12 div.span6 {display: inline-block !important;}
section#middle .scrollHCPreg div.pageContent div.row-fluid div.span6 {background-color: #fff !important;padding-left: 0;}
section#middle .scrollHCPreg div.pageContent div.row-fluid div.span12 div.span6:last-of-type {padding-left: 20px;}
section#middle .scrollHCPreg div.pageContent div.row-fluid:nth-of-type(5) div.span12 div.span6:last-of-type div.span5 {/*width: 30%;*/}
section#middle .scrollHCPreg div.pageContent div.row-fluid:nth-of-type(5) div.span12 div.span6:last-of-type div.span5 label font {color: #464646}
section#middle .scrollHCPreg div.pageContent div.row-fluid:nth-of-type(5) div.span12 div.span6:last-of-type select {float: right;margin-bottom: 22px;}
section#middle .scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(6) > div.span12 > div.span6:nth-of-type(2) > div.span5 {width: 30%; padding-left: 20px;}
section#middle .scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(6) > div.span12 > div.span6:nth-of-type(2) > div.span5 label font {color: #464646;}
section#middle .scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(6) > div.span12 > div.span6:nth-of-type(2) input {float: right;}
@media (max-width: 640px) {
     .Center table.mGrid tr th {height: 50px !important;text-align: left;padding-left: 0px !important;}
     .Center table.mGrid th.grdHeader {text-align: left;padding-left: 0px !important;}
    section#middle div.scrollHCPreg {margin-bottom: 0px;}
    section#middle .scrollHCPreg div.pageContent div.span12 div.span6:last-of-type {padding-left:0;}
    section#middle .scrollHCPreg div.pageContent div.span6 {padding-left:0;}
    section#middle .scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(6) > div.span12 > div.span6:nth-of-type(2) > div.span5 {padding-left: 0;}
    section#middle .scrollHCPreg div.pageContent div.span12 div.span6 label.instruction {padding-left: 0;}
    section#middle div.gallery-single div#divMain div.row-fluid div.span6 select {width: 100% !important;}
    section#middle .scrollHCPreg div.pageContent div.row-fluid div.span12 div.span6:last-of-type {padding-left: 0px;}
}
section#middle .scrollHCPreg div.pageContent div.span12 div.span6 > div.span5 {width: 130px !important;}
section#middle .scrollHCPreg div.pageContent div.span12 div.span6:last-of-type > div.span5 {width: 130px;}
section#middle .scrollHCPreg div.pageContent div.span12 div.span6 input[type="text"]{border-color: #d4cedf !important; font-weight: 300;color: #464646;}
section#middle .scrollHCPreg div.pageContent div.span12 div.span6:first-of-type label.instruction {width: 155px;padding-left: 0;padding-top: 10px;}
section#middle .scrollHCPreg div.pageContent div.span12 div.span6:last-of-type label.instruction {width: 130px;padding-left: 0;padding-top: 10px;}
section#middle .scrollHCPreg div.pageContent div.span12 div.span6 label#lbcode {padding-top: 10px;}
section#middle .scrollHCPreg div.pageContent div.span12 div.span6 select {height: 40px;}
section#middle .scrollHCPreg div.pageContent div.span12 div.span6 span.span6 {padding-left: 0;}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle .scrollHCPreg div.pageContent div.span12 div.span6 label.instruction {margin-bottom: 0;padding-left: 0;}
    section#middle .scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(6) > div.span12 > div.span6:nth-of-type(2) > div.span5 {width: 50%;padding-left: 0;}
    section#middle .scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(6) > div.span12 > div.span6:nth-of-type(2) {padding-left: 0px;}
    section#middle .scrollHCPreg div.pageContent > div.row-fluid:nth-of-type(6) > div.span12 > div.span6:nth-of-type(2) input {float: left;}
    section#middle .scrollHCPreg div.pageContent div.row-fluid div.span12 div.span6:last-of-type {padding-left: 0px;}
    section#middle div.gallery-single div#divMain div.row-fluid div.span6 select {float: left;}
  }
section#middle div#divMain div.w-container div.formblock label.instruction {text-align: left; margin-top: 3px;}

/*My Information -  Patient login */
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.row-fluid div.span6 select,
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.row-fluid div.span6 input[type="password"] {width: 210px !important;}

section#middle div#divMain div.scrollPatientreg h3 {margin-top: 30px; margin-bottom: 30px;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent label{padding-left: 0;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent span.styled-checkbox label{padding-left: 35px;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent label#lblShare{padding-left: 30px;padding-top: 7px;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent input[type="text"]{width: 210px;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent input.ratioinput{box-shadow: none;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent input#txtRatio1 {margin-left: 12px; float: none;padding: 0;width: 60px !important;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent input#txtRatio2 {float: none;padding: 0;width: 60px !important;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.row-fluid:last-of-type div.span6 {float: left;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.row-fluid:last-of-type div.span6 div.divHCP,
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.row-fluid:last-of-type div.span6 div.invitationDiv {margin: 0; width: 330px;height: 190px;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.divHCP,
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.invitationDiv {
    text-align: center;
    background-color: #f4f2f8;
    padding-top: 30px;
    padding-bottom: 20px;
    float: left;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent .span6 div[align="center"] {width: 100% !important;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent .span6 h3 {width: 500px;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.divHCP {width: 95% !important;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6 div.invitationDiv {width: 95% !important;float: right;}
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.divHCP img,
section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.invitationDiv img {display: block;margin-left: auto;margin-right: auto;}
section#middle div#divMain div.scrollPatientreg div#Div1 table.mGrid {width: 100% !important;}
section#middle div#divMain div.scrollPatientreg div#Div1 table.mGrid td{border-color: #e0d8e7 !important; height: 40px;}
section#middle div#divMain div.scrollPatientreg div#HCPInfo table.mGrid {width: 100% !important;}
section#middle div#divMain div.scrollPatientreg div#HCPInfo table.mGrid td,
section#middle div#divMain div.scrollPatientreg div#HCPInfo table.mGrid th{border-color: #e0d8e7 !important; height: 40px;}


@media (max-width: 640px) {
    section#middle div#divMain {padding-left: 0;padding-right: 0;}
    section#middle div#divMain div.w-container div.formblock label.instruction {width: 60% !important; line-height: 25px;}
    section#middle div#divMain div.w-container div.formblock label#lblLiquid {width: 30% !important;}
    section#middle div#divMain div.w-container div.formblock table.FormatRadioButtonList {padding-top: 6px;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.row-fluid:last-of-type div.span6 { width: 100% !important;margin-bottom: 20px;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent input[type="text"]{width: 100%;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent label#lblShare{padding-top: 0px;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.row-fluid div.span6 select,
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.row-fluid div.span6 input[type="password"] {width: 100% !important;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent .span6 h3 {width: 100%;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6 div.invitationDiv {width: 100% !important;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.divHCP {width: 100% !important;}
    section#middle div#divMain div.w-container div.formblock label.instruction {width: 100% !important;}

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div#divMain div.w-container div.formblock label.instruction {line-height: 25px;}
    section#middle div#divMain div.w-container div.formblock div > div {margin-bottom: 0 !important;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent div.span6:first-of-type {padding-left: 0 !important;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent label#lblShare{padding-top: 1px;}
    section#middle div#divMain div.scrollPatientreg div.formblock div.pageContent input#txtRatio1 {margin-left: 0px !important; float: none;}
}
section#ContentPlaceHolder_middle h2 {font-size: 26px; font-weight: 300; margin-top: 25px; margin-bottom: 18px; line-height: .6;}
section#ContentPlaceHolder_middle p span a {color: #4e2683;}
section#ContentPlaceHolder_middle p.description {margin-bottom: 17px;}
section#ContentPlaceHolder_middle p {font-size: 14px; line-height: 23px; margin-bottom: 6px;}
section#middle .gallery-single {padding-top: 20px; height: 100%; padding-bottom: 15px;margin-bottom: 55px;}
section#middle .gallery-single div.col-sm-8 {padding-left: 0;}
section#ContentPlaceHolder_middle .gallery-single {padding-top: 20px; height: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 15px;margin-bottom: 55px;}
section#ContentPlaceHolder_middle .gallery-single div.col-sm-8{padding-left: 0;padding-top: 20px;}
@media (min-width: 1024px) {
     section#middle > div:not(.container) > div.gallery-single {padding-left: 15px; padding-right: 15px;}
}
@media (max-width: 640px) {
    section#middle .gallery-single {margin-bottom: 0px;padding-top: 0;padding-left: 15px; padding-right: 15px;}
    section#middle > div.container > div.gallery-single {padding-left: 0; padding-right: 0;}
    section#ContentPlaceHolder_middle .gallery-single {margin-top: 0;padding-top: 0;background-color: #fff;margin-bottom: 0;}
    section#ContentPlaceHolder_middle .gallery-single .col-sm-8 {margin-top: 0;padding-left: 0; padding-right: 0;padding-top: 0 !important;}
    section#ContentPlaceHolder_middle .gallery-single .col-sm-4 {margin-top: 20px;background-color: #f4f2f8;padding-top: 20px;padding-bottom: 5px;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
     section#ContentPlaceHolder_middle .gallery-single {background-color: #fff;margin-top: 0px;padding-top: 0;padding-left: 0px; padding-right: 0px;}
     section#ContentPlaceHolder_middle .gallery-single #carousel-generic{padding-top: 30px;}
     section#middle .gallery-single #carousel-generic {padding-top: 25px;}
     section#ContentPlaceHolder_middle .gallery-single .block {background-color: #f3f2f8; padding-top: 46px;}
}
@media (max-width: 640px) {
    #carousel-generic {/*padding-left: 15px;padding-right: 15px;*/}
}
section#ContentPlaceHolder_middle #carousel-generic ol.carousel-indicators,
section#middle #carousel-generic ol.carousel-indicators {
    /*display: block; 
    background: rgba(54, 25, 25, .5); 
    width: 100px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 45%;
    padding-top: 16px;*/
display: none;}
@media (max-width: 640px) {
    section#ContentPlaceHolder_middle #carousel-generic ol.carousel-indicators,
    section#middle #carousel-generic ol.carousel-indicators {
        left: 41%; width: 63px;height: 32px;padding-top: 10px; border-top-left-radius: 15px;border-top-right-radius: 15px;
    }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#ContentPlaceHolder_middle #carousel-generic ol.carousel-indicators,
    section#middle #carousel-generic ol.carousel-indicators {
        left: 42%;width: 72px;height: 38px; padding-top: 12px;border-top-left-radius: 15px;border-top-right-radius: 15px;
    }
}
section#ContentPlaceHolder_middle #carousel-generic ol.carousel-indicators li,
section#middle #carousel-generic ol.carousel-indicators li { width: 14px; height: 14px;border: 2px solid #fff; margin: 4px;}
@media (max-width: 640px) {
    section#ContentPlaceHolder_middle #carousel-generic ol.carousel-indicators li,
    section#middle #carousel-generic ol.carousel-indicators li { 
        width: 10px;height: 10px; margin: 2px;
    }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#ContentPlaceHolder_middle #carousel-generic ol.carousel-indicators li,
    section#middle #carousel-generic ol.carousel-indicators li {
            width: 11px;height: 11px;margin: 2px;
    } 
}
section#middle #carousel-generic a.carousel-control,
section#ContentPlaceHolder_middle #carousel-generic a.carousel-control {
    width: 50px;
    height: 50px;
    top: 40%;
    z-index: 10;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    color: transparent !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    margin: 15px;
}
section#ContentPlaceHolder_middle #carousel-generic a.carousel-control span.icon-prev:before,
section#middle #carousel-generic a.carousel-control span.icon-prev:before {top: 6px; left: 0px;}
section#ContentPlaceHolder_middle #carousel-generic a.carousel-control span.icon-next,
section#middle #carousel-generic a.carousel-control span.icon-next {right: 5px;}
section#ContentPlaceHolder_middle #carousel-generic a.carousel-control span.icon-next:before,
section#middle #carousel-generic a.carousel-control span.icon-next:before {top: 6px;}

@media (max-width: 1024px) {
    section#ContentPlaceHolder_middle #carousel-generic a.carousel-control span:before,
    section#middle #carousel-generic a.carousel-control span:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    top: 0 !important;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#ContentPlaceHolder_middle #carousel-generic a.carousel-control,
    section#middle #carousel-generic a.carousel-control {width: 30px; height: 30px; top: 48%;}
    section#ContentPlaceHolder_middle #carousel-generic a.carousel-control span.icon-prev,
    section#middle #carousel-generic a.carousel-control span.icon-prev {margin-left: 0;left: 0;}
    section#middle #carousel-generic {padding-top: 46px;}
}

@media (max-width: 640px) {
    section#ContentPlaceHolder_middle #carousel-generic a.carousel-control,
    section#middle #carousel-generic a.carousel-control {width: 30px; height: 30px; top: 34%;margin-left: 5px; margin-right: 5px;}
    section#ContentPlaceHolder_middle #carousel-generic a.carousel-control span.icon-prev,
    section#middle #carousel-generic a.carousel-control span.icon-prev {margin-left: 0;left: 0;top: 10px;}
    section#ContentPlaceHolder_middle #carousel-generic a.carousel-control span.icon-next,
    section#middle #carousel-generic a.carousel-control span.icon-next {margin-left: 0;left: 0;top: 10px;}
    section#ContentPlaceHolder_middle #carousel-generic a.carousel-control span.icon-next:before,
    section#middle #carousel-generic a.carousel-control span.icon-next:before {left: 0;}
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    section#ContentPlaceHolder_middle #carousel-generic a.carousel-control,
    section#middle #carousel-generic a.carousel-control {top: 40%;}
}
@media (min-width: 1024px) {
    section#middle #carousel-generic {padding-top: 18px;}
}
section#middle #carousel-generic a.carousel-control {/*display: none;*/}
section#contact h2.block-header {font-size: 26px; font-weight: 300;margin-bottom: 40px;}
@media (max-width: 640px) {
    section#contact h2.block-header {font-size: 30px;}
    section#middle #carousel-generic {margin-top: 0;}
}
section#contact div.contact-form {padding-right: 15px;}
section#contact div.contact-form .contact-form-submit {text-align: left; margin-top: 30px !important;}
section#contact div.contact-form .contact-form-submit input {font-style: normal;width: 180px;padding-left: 0 !important;padding-right: 0;}
@media (max-width: 640px) {
    section#contact div.contact-form .contact-form-submit input { width: 100%;}  
}
section#contact div.contact-form input {font-style: italic;border: 1px solid #d4cedf;padding-left: 20px !important;margin-bottom: 20px;}
@media (max-width: 640px) {
    section#contact div.contact-form {padding-right: 0;}
    section#contact div.contact-form input { font-size: 18px;}
}
section#contact div.contact-form textarea {font-style: italic; height: 112px; padding-top: 10px;background-color: #fff; padding-left: 20px !important;border: 1px solid #d4cedf;border-radius: 3px;}
@media (max-width: 640px) {
    section#contact div.contact-form textarea { font-size: 18px;}
}
section#contact div.col-sm-4 { background-color: #f4f2f8; margin-top: -45px;padding-top: 45px;padding-left: 30px;}
@media (max-width: 640px) {
    section#contact div.col-sm-4 { margin-left: 15px;margin-right: 15px; padding-top: 8px; padding-left: 15px;padding-bottom: 20px;}
    section#contact div.col-sm-4  p:first-of-type br {display:none;}
}
section#contact div.col-sm-4  h3{ font-size: 26px; font-weight: 300; color: #4e2683;}
section#contact div.col-sm-4  p{ font-size: 15px; font-weight: 300; color: #464646; line-height: 24px;}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    section#contact div.contact-form .contact-form-submit input { width: 210px;}  
}
/*My Diet Plan */
section#middle div.gallery-single div#divMain div.Center div.row-fluid div.span6 {width: 50%;}
section#middle div.gallery-single div#divMain div.Center div.row-fluid,
section#middle div.gallery-single div#divMain div.Center div.row-fluid div.span6,
section#middle div.gallery-single div#divMain div.Center div.row-fluid div.span6 div,
section#middle div.gallery-single div#divMain div.Center div.row-fluid div.span12,
section#middle div.gallery-single div#divMain div.Center div.row-fluid div.span12 div { border-color: #d4cedf !important;}
section#middle div.gallery-single div#divMain div.Center:last-of-type{margin-bottom: 40px;}
section#middle div.gallery-single div#divMain div.Center span.lead{font-weight: 300; font-size: 24px;}

section#middle div.gallery-single div#divMain div.BorderedDiv div.span6 label {margin-bottom: 15px;}
section#middle div.gallery-single div#divMain div.BorderedDiv div.span6 input[type="text"] { height: 40px; width: 90%;}
section#middle div.gallery-single div#divMain div.BorderedDiv div.span6 select.w-select { height: 40px !important; width: 90% !important;float: none;}

section#middle div.gallery-single div#divMain div.Center:not(.BorderedDiv) div.span6 label {margin-bottom: 15px;}
section#middle div.gallery-single div#divMain div.Center:not(.BorderedDiv) div.span6 input {margin-bottom: 0px;}
section#middle div.gallery-single div#divMain div.Center:not(.BorderedDiv) div.span6:first-of-type{background-color: #f4f2f8 !important;width: 50%;}
section#middle div.gallery-single div#divMain div.Center:not(.BorderedDiv) div.span6:last-of-type{background-color: #e4e0ec !important;width: 50%;}
section#middle div.gallery-single div#divMain div.Center:not(.BorderedDiv) div.span12 label {margin-bottom: 15px;}
section#middle div.gallery-single div#divMain div.Center:not(.BorderedDiv) div.span12 input {margin-bottom: 0px;}
section#middle div.gallery-single div#divMain div.Center:not(.BorderedDiv) div.span12:first-of-type{background-color: #f4f2f8 !important;width: 100%;}
section#middle div.gallery-single div#divMain div.Center:not(.BorderedDiv) div.span12:last-of-type{background-color: #e4e0ec !important;width: 100%;}
section#middle div.gallery-single div#divMain div.BorderedDiv div.row-fluid div.span6 {height: 80px;}
section#middle div.gallery-single div#divMain div.Center div.divroundcorner table tr,
section#middle div.gallery-single div#divMain div.Center div.divroundcorner table td {border-color: #d4cedf !important;}
section#middle div.gallery-single div#divMain div.Center div.divroundcorner table td a {font-size: 14px !important;}
@media (max-width: 640px) {
    section#middle div.gallery-single div#divMain div.BorderedDiv {width: 100% !important;}
    section#middle div.gallery-single div#divMain div.BorderedDiv div.row-fluid div.span6 {padding-right: 5px;height: 100px !important;}
    section#middle div.gallery-single div#divMain div.Center {width: 100% !important;}
    section#middle div.gallery-single div#divMain div.BorderedDiv div.span6 select.w-select {float: left;}

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#middle div.gallery-single div#divMain div.BorderedDiv {width: 100% !important;}
    section#middle div.gallery-single div#divMain div.BorderedDiv div.span6 input[type="text"] {width: 100%;}
    section#middle div.gallery-single div#divMain div.BorderedDiv div.row-fluid div.span6 select {width: 100% !important;}
    section#middle div.gallery-single div#divMain div.BorderedDiv div.row-fluid div.span6 {padding-right: 5px;}
    section#middle div.gallery-single div#divMain div.Center {width: 100% !important;}
}
/* Diet Management */
@media (max-width: 640px) {
    section#middle .gallery-single > div.col-sm-8 {margin-top: 0px;padding-right: 0;}
}

section#contact div.col-sm-4  p a {color: #4e2583; font-weight: 400;}
section#contact div.col-sm-4  p a.rt-icon-rss,
section#contact div.col-sm-4  p a.rt-icon-facebook,
section#contact div.col-sm-4  p a.rt-icon-youtube,
section#contact div.col-sm-4  p a.rt-icon-pinterest,
section#contact div.col-sm-4  p a.rt-icon-twitter{ background-color: #d6d0e6;color: #4e2583;width: 40px;height: 40px;padding: 10px;border-radius: 20px;}
section#contact div.col-sm-4  p a.rt-icon-rss:hover,
section#contact div.col-sm-4  p a.rt-icon-facebook:hover,
section#contact div.col-sm-4  p a.rt-icon-youtube:hover,
section#contact div.col-sm-4  p a.rt-icon-pinterest:hover,
section#contact div.col-sm-4  p a.rt-icon-twitter:hover{background-color: #c3badb;}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    section#contact div.col-sm-4  p a.rt-icon-rss,
    section#contact div.col-sm-4  p a.rt-icon-facebook,
    section#contact div.col-sm-4  p a.rt-icon-youtube,
    section#contact div.col-sm-4  p a.rt-icon-pinterest,
    section#contact div.col-sm-4  p a.rt-icon-twitter {margin-left: -5px;}
}
/*parallax bg*/
.parallax {
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    background-position: 50% 0;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;

/*    -webkit-transition: background-position .3s ease !important;
    -moz-transition: background-position .3s ease !important;
    -o-transition: background-position .3s ease !important;
    -ms-transition: background-position .3s ease !important;
    transition: background-position .3s ease !important;*/
    
    overflow: hidden;    
}
#testimonials {background-image: url(../img/parallax/slogan.jpg);}
#progress {background-image: url(../img/parallax/progress.jpg);}


/*main*/
html, body {/*position: relative; width: 100%; height: 100%;*/}
::selection {
    background: #9283be;
    color: #fff;
    }

::-moz-selection {
    background: #9283be;
    color: #fff;
}
body {
font-family: 'Lato', sans-serif;
font-size:13px;
line-height:1.5em; 
font-weight: 400;
color: #666666;
background-color: #fff;
/*overflow-y: scroll;
overflow-x: hidden!important;*/
}

h1,
h2,
h3,
h4,
h5,
h6{
line-height: 1;
font-weight: 700;
color: #272727;
}
p{
margin-bottom: 20px;
}

.item-page p {margin-bottom: 25px;}

blockquote, .blockquote {
position: relative;    
border: none;
border-left: 5px solid #9283be;
margin: 20px 0;
padding: 0 0 0 66px;
font-size: 42px;
line-height: 1.2;
font-weight: 700;
}

blockquote:before {
    font-family: 'fontello';
    content: '\e851';
    position: absolute;
    left:6px;
    font-size: 50px;
    opacity: 0.6;
}
sup, .sup {
 position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
top: -0.5em;
}
sub, .sub {
 position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
bottom: -0.25em;
}

img {max-width: 100%;}
a {
    color: #9283be;
    text-decoration: none;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

a:hover {
    color: #272727;    
    text-decoration: none;
    -webkit-transition: all 0.15s linear 0s;
    -moz-transition: all 0.15s linear 0s;
    -o-transition: all 0.15s linear 0s;
    -ms-transition: all 0.15s linear 0s;
    transition: all 0.15s linear 0s;
}

a:focus {
    color: #272727;
    outline: medium none;
    text-decoration: none;
}
iframe{border:none; max-width: 100%;}

.theme_btn {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent; 
    padding: 12px 50px 12px 20px;
    color: #fff;
    background-color: #a3238e;
    border:2px solid #a3238e;
    border-radius: 30px;
    line-height: 1;
    letter-spacing: 0px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.theme_btn:active, .theme_btn:hover, .theme_btn:focus{
    background-color: #871a75;
    color: #fff;
    border:2px solid #871a75;
    padding: 12px 50px 12px 20px;
    opacity: 1;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; 
}
.theme_btn:after {
    content: '';
    background: url(images/chevron_white_right.png) no-repeat;
    position: absolute;
    top: 15px;
    height: 10px;
    width: 8px;
    margin-left: 30px;
}

.theme_btn.inverse {
    background-color: transparent;
    border: 2px solid #532b84;
    color: #532b84;
}
.theme_btn.inverse:hover {
    border-color: #9283be;
    color:#9283be;
}

.theme_btn + .theme_btn {margin-left: 4px;}

.bg-color1 {background-color: #9283be;}
.bg-color2 {background-color: #e6557c;}
.bg-color3 {background-color: #00c1e4;}

.theme_btn.color1:hover {background-color: #9283be !important; border-color: #9283be !important;}
.theme_btn.color2 {border-color: #e6557c !important; color:#e6557c !important;}
.theme_btn.color2:hover {background-color: #e6557c !important; color:#272727 !important;}
.theme_btn.color3 {border-color: #00c1e4 !important; color:#00c1e4 !important;}
.theme_btn.color3:hover {background-color: #00c1e4 !important; color:#272727 !important;}

.theme_btn.color1.inverse {background-color: #9283be !important; border-color: #9283be !important; color:#272727 !important;}
.theme_btn.color1.inverse:hover {background-color: transparent !important; border-color: #9283be !important; color:#9283be !important;}
.theme_btn.color2.inverse {background-color: #9283be !important; color:#272727 !important;}
.theme_btn.color2.inverse:hover {background-color: transparent !important; color:#9283be !important;}
.theme_btn.color3.inverse {background-color: #00c1e4 !important; color:#272727 !important;}
.theme_btn.color3.inverse:hover {background-color: transparent !important; border-color: #00c1e4 !important; color:#00c1e4 !important;}

/*utilites*/
.not_found {color:#272727; font-weight: 700; font-size: 150px; line-height: 1;  margin:20px 0 0px; }
.not_found + h1 {color:#fff !important; text-transform: uppercase; margin-bottom: 30px;}
.not_found + h1 + h5 {font-weight: 400; font-size: 20px;}
.highlight, #response {color: #9283be;}
 #response {margin:10px 0;}
.grey {color: #272727;}
.big {font-size: 1.8em; font-weight: 700; line-height: 1.3em;}
.vertical-margin-20 {margin:20px 0 !important;}
.vertical-margin-40 {margin:40px 0 !important;}
.vertical-margin-60 {margin:60px 0 !important;}
.negative-margin-60 {margin-top: -60px !important;}
.block-header {margin-bottom: 14px; margin-top: 0px;font-size: 18px; font-weight: 700; }
@media (max-width: 767px) {
    .block-header {font-size: 40px;}
    .not_found {font-size: 100px;}
}
.block-header + h3 {font-size: 22px; margin-top: -10px; position: relative; margin-bottom: 40px;}
.block-header + p {position: relative; margin-bottom: 40px; font-size: 14px;}
.text-center .block-header + p:after, .block-header + h3:after {display: block; position: absolute; content: ''; width: 180px; height: 2px; background-color: #9283be; bottom: -32px; left: 50%; margin-left: -80px;}
.block-header + h3:after {left: 0; margin-left: 0; bottom: -20px;}
.text-center .block-header + h3:after {left: 50%; margin-left: -55px; bottom: -30px;}
.color_section .block-header + p:after, .darkgrey_section .block-header + p:after {background-color: #fff !important;}
.block > h3 {margin-top: 0; margin-bottom: 18px; }
.page-title{margin:0 0 32px 0;}
.entry-title {margin: 0 0 8px;}
.blog .entry-thumbnail {margin: 32px 0 34px;}
.dropcap {
    display: block;
    float: left;
    font-size: 48px;
    line-height: 1;
    padding: 0 10px 0 0;
    text-align: center;
}
h4 [class*="rt-icon-"] { border-radius: 100%; color:#fff; background-color: #9283be; padding: 8px;}
ul.list1 {list-style:none; padding-left: 20px;}
ul.list1 li{position: relative; padding: 8px 0 8px;}
ul.list1 li + li {border-top: 1px solid rgba(100,100,100,0.2);}
ul.list1 li:before{font-family: 'fontello'; content: '\e82c'; display: block; position: absolute; color:#fcfcfc; left:-17px;}
ul.list2 {list-style:none; padding-left: 20px;}
ul.list2 li{position: relative; padding: 8px 0 8px;}
ul.list2 li + li {border-top: 1px solid rgba(100,100,100,0.2);}
ul.list2 li:before{ content: '\2022'; font-size: 30px; display: block; position: absolute; color:#fcfcfc; left:-20px;}
ol.list3 {
    counter-reset: li;
    list-style: none outside none;
    margin-bottom: 4em;
    padding: 0;
}
ol.list3 li{position: relative; padding: 8px 0 8px 34px;}
ol.list3 li:after{
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    position: absolute;
    left:0px;
    top:50%;
    margin-top: -13px;
    font-weight: 700;
    border-radius: 100%;
    color:#fff;
    width: 26px;
    height: 26px;
    background-color: #9283be;
    text-align: center;
    line-height: 26px;
}
ol.list3 li + li {border-top: 1px solid rgba(100,100,100,0.2);}

/*sections*/
#topline {border:none;}
.with-top-border .container, .with-bottom-border .container {position: relative;}
.with-top-border .container:before, .with-bottom-border .container:after {position: absolute; display: block; content: ''; height: 1px; left: 15px; right: 15px; top: 0; background-color: #e3e3e3; opacity: 0.4;}
.with-bottom-border .container:after{top: auto; bottom:0;}
#topline p {margin: 0; padding: 10px 0 3px; }

#header {
/*    position: fixed;*/
    /*styles for sticky menu*/
    -webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    padding: 0; 
    width: 100%; 
    z-index: 12000;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.is-sticky #header {top: 0;}
#header-sticky-wrapper { background-color: transparent; z-index: 1;}
#header .row {position: relative;}
#header .navbar-brand {
    display: block;
    position: absolute;
    padding: 0 0 0 0px;
    z-index: 10;
    top: 18px;
    font-size: 34px;
    text-transform: lowercase;
    letter-spacing: -2px;
    font-weight: 700;
}
@media (max-width: 640px) {
    #header .navbar-brand { padding-left: 15px;}
}

@media (max-width: 1024px) {
    #header .mainmenu_wrap {
        padding-left: 0;
        padding-right: 0;
    }
} 

.is-sticky #header .navbar-brand{top:8px;}
#header .navbar-brand img {}
#land .single_teaser {width: 268px; margin: 20px auto;}
@media screen and (max-width: 991px) {
    #header .navbar-brand {}
}
@media screen and (max-width: 767px) {
    #land {margin-top: 0;}
     #header .navbar-brand {display: block; top:10px;}
}
.mainmenu_wrap:before, .mainmenu_wrap:after {display: table; content:""; clear:both;}

/*#map img {max-width: inherit;}*/
#map img {max-width: inherit#9283be}

aside .block + .block {margin-top: 34px;}
.subscribe .form-control {/*max-width: 150px;*/}
.subscribe .form-control:focus {/*-webkit-box-shadow: none;box-shadow: none;*/}
.subscribe .theme_btn {padding-left: 10px; padding-right: 10px;}
.contact-phone {font-size: 40px; margin-bottom: 40px;}
.contact-email span {font-size: 76px; border: 4px solid #fff; font-weight: 700; color:#272727; padding: 11px 70px;}
.contact-address {color:#272727; font-size: 30px; margin-top: 50px; line-height: 1; }
.contact-email span a {color:#272727;}
.contact-email span a:hover {color:#fff; cursor: pointer;}
#map_wrap {position: relative;}
#map_wrap .widget_contact {position: absolute; z-index: 2; background-color: #ffffff; top:40px; padding: 20px 20px;
}
@media (max-width: 991px) {
    .contact-email span {font-size: 40px;padding: 11px 40px;}
    #map_wrap .widget_contact {position: static; margin: 40px 0;}
}
@media (max-width: 767px) {
    .contact-phone {font-size: 30px;}
    .contact-email span {font-size: 20px;padding: 11px 10px;}
    .contact-address {font-size: 20px;}
    .subscribe .form-control {width:100%;}
    #footer .block > h3, #footer .widget_text, #footer .subscribe {text-align: center;}
}
#footer {border-top: 4px solid #532b84;}
#footer .block > h3 {font-size: 14px; text-transform: uppercase;}
#footer .social-icons{margin: 53px 0 50px;}
#footer ul.footer-social{padding-left: 0;list-style-type: none;display: inline-block;float: right;}
#footer ul.footer-social li{float: left;padding-left: 0px;}
#footer div.footer-note p:first-of-type {margin-bottom: 0px;}
#footer p:first-of-type {display: inline-block;margin-bottom: 0px !important; }
#footer #footerP {display: inline-block;margin-bottom: 0px !important; font-weight:bold;font-size:16px;}
#footer p span.footer-extras a:before {content: " | "; padding-left: 5px; padding-right: 5px;}
#footer p span.right {float:right;}
#footer p {text-align: left; }
#footer h5 {font-size: 13px;text-align: left;}
#footer p span.copyright {font-size: 13px;}
#footer p.footer-p {margin-bottom: 0px;}
@media (max-width: 640px) {
    #footer ul.footer-social{ float: left;display: block;width: 100%;margin-bottom: 0px;}
    #footer ul.footer-social li:first-of-type {padding-left: 0;}
    #footer p:first-of-type {display: inline-block;margin-bottom: 0px;}
    #footer p span.footer-extras a:first-of-type:before {content: none;}
}

#copyright {}
#copyright p { margin-bottom: 0; }
#copyright .navbar-brand {position: relative; top:-14px;}
#copyright .widget_nav_menu ul {float: right;}
#copyright .widget_nav_menu li {display: inline-block; margin-left: 10px; padding: 0;}
#copyright .widget_nav_menu li a {padding-bottom: 0 !important;}
#copyright .widget_nav_menu li a:before{display: none;}
#copyright .widget_nav_menu li a:hover{left:auto;}
/*p#social {margin:0 0 30px 0;}*/


/*common sections*/
.title_section h2 {font-size: 65px; line-height: 1em;}
.title_section h3 { line-height: 1.4em;}
.grey_section {background-color: #F0F0F0;}
.darkgrey_section {background-color: #532b84; color:#fff; }
.darkgrey_section.parallax {border:none;}
.dark_section {background-color: #4e2683; color:#fff;}
.color_section {background-color: #f0f0f1; color:#4e2683;}


.darkgrey_section h1,
.darkgrey_section h2,
.darkgrey_section h3,
.darkgrey_section h4,
.darkgrey_section h5,
.darkgrey_section h6,
.dark_section h1,
.dark_section h2,
.dark_section h3,
.dark_section h4,
.dark_section h5,
.dark_section h6,
.color_section h1,
.color_section h2,
/*.color_section h3,*/
.color_section h4,
.color_section h5,
.color_section h6 {color:#fff;}

.color_section h3 {color: #4e2683; text-transform: capitalize; margin-top: 30px;margin-bottom: 20px;font-weight: 300;font-size: 26px;}

.darkgrey_section a,
.dark_section a, 
.color_section a,
.darkgrey_section .form-control,
.dark_section .form-control, 
.color_section .form-control {color:#fff;}

.color_section a {text-transform: uppercase; color: #5a348b;}

.darkgrey_section a,
.dark_section a {opacity: 0.6;}
#header a {opacity: 1;}

.darkgrey_section a:hover,
.dark_section a:hover {color:#9283be; opacity: 1;}
.color_section .col-sm-12 {padding-left: 0; padding-right: 0; }
@media (max-width: 640px) {
    .color_section .col-sm-12 {padding-left: 15px; padding-right: 15px;}
}
.color_section a:hover {color:#272727; opacity: 1;}
.color_section .entry-content {text-align: left;}
.color_section .entry-content h2.entry-title {font-size: 14px;}
.color_section .entry-content p.date {margin-bottom: 5px}
.color_section .entry-content p.date .entry-date:before { 
    content: '';
    background: url(images/font_awe_date_icon.jpg) no-repeat;
    position: absolute;
    height: 13px;
    width: 11px;
    left: 20px;
    margin-top: 2px;
}
.color_section .entry-content p.date .entry-author:before { 
    content: '';
    background: url(images/font_awe_user_icon.jpg) no-repeat;
    position: absolute;
    height: 13px;
    width: 11px;
    left: 20px;
    margin-top: 2px;
}
.color_section .entry-content p.date span {color: #464646; padding-left: 16px;}
.color_section .entry-content p:not(.date) {padding-left: 16px;}
.color_section .entry-content p:not(.date):before {
     content: '';
    background: url(images/font_awe_info_icon.jpg) no-repeat;
    position: absolute;
    height: 13px;
    width: 13px;
    left: 19px;
    margin-top: 2px;
}

.dark_section .block > h3 { color: #fff; font-size: 26px;}
.dark_section .form-control {border-color:transparent; color:#fff;}
.dark_section .widget_nav_menu a {}
.dark_section .widget_nav_menu a:hover {}
.dark_section a[class^="socialico-"]:before, .darkgrey_section a[class^="socialico-"]:before  { background-color: #fff; border-radius: 100%; }
.dark_section a[class^="socialico-"]:hover:before, .darkgrey_section a[class^="socialico-"]:hover:before {background-color: #9283be; color:#fff;}
.dark_section [class^="rt-icon-"] {color:#ffffff !important;}

.dark_section .theme_btn:hover, .darkgrey_section .theme_btn:hover {color:#532b84; background-color: #fff; border-color: #fff;}
.dark_section .theme_btn.inverse,.darkgrey_section .theme_btn.inverse {color:#fff; background-color: transparent; border-color: #fff;}
.dark_section .theme_btn.inverse:hover, .darkgrey_section .theme_btn.inverse:hover {color:#9283be; background-color: transparent; border-color: #9283be;}

.color_section .theme_btn {color:#272727; background-color: #ffffff;}
.color_section .theme_btn:hover {border-color: #ffffff; color:#fff; background-color: #272727;}
.color_section .theme_btn.inverse {border-color: #272727; color:#272727; background-color: transparent;}
.color_section .theme_btn.inverse:hover {border-color: #ffffff; color:#ffffff; background-color: transparent;}

.bg-color0 {background-color: inherit;}
.bg-color1 {background-color: #9283be;}
.bg-color2 {background-color: #e6557c;}
.bg-color3 {background-color: #00c1e4;}

.border-color1 {border-color: #9283be !important;}
.border-color2 {border-color: #e6557c !important;}
.border-color3 {border-color: #00c1e4 !important;}

/*Featured recipes only on Featured Recipe screen. Not home*/
@media (min-width: 1024px) {
    #FullWidth {padding-left: 0; padding-right: 0;}
}

#FullWidth #middle h1 { font-size: 26px;font-weight: 300;}
#FullWidth .color_section { margin-top: 40px; background-color: transparent;}
#FullWidth .color_section .recipe_container{ background-color: transparent;}
#FullWidth .color_section .recipe_container .entry-content {min-height: auto !important;}
#FullWidth .color_section .recipe_container #gridArea ul li {background-color: transparent !important; border: none;position: relative;}
#FullWidth .color_section .recipe_container #gridArea ul li a img {height: 100%;}
#FullWidth .color_section .recipe_container #gridArea div#centerli {float: left;margin-right: 32px;margin-left: 0px;}
#FullWidth .color_section .recipe_container #gridArea div#centerli li {height: auto !important;margin-bottom: 30px;}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    #FullWidth .color_section .recipe_container #gridArea ul li { width: 340px !important;}
    #FullWidth .color_section {margin-top: 10px;}
    #FullWidth .color_section .recipe_container #gridArea div#centerli {margin-right: 20px;margin-bottom: 20px;}
    #FullWidth .color_section .recipe_container #gridArea div#centerli:nth-of-type(even) {margin-right: 0;}
    #FullWidth .color_section .recipe_container #gridArea div#centerli:first-of-type {margin-left: 5px;}
    #FullWidth .color_section .recipe_container #gridArea ul li a img {width: 300px;}
}
@media (max-width: 640px) {
    #FullWidth .color_section .recipe_container #gridArea div#centerli {float: left; margin-right: 25px;margin-left: 0;width: 90%}
    #FullWidth .color_section .recipe_container #gridArea ul li {width: 100% !important;}
    #FullWidth .color_section .recipe_container #gridArea ul li a img {height: 100% !important;width: 100%;}
}

/* Menu */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (max-width: 640px) {
     .sf-menu {
        float: none !important;
    }
}  

.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 15001;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}
/*sub dropdown menu*/
.sf-menu li.sfHover > ul > li > ul {background-color: #613c92;margin-top: 0;}
.sf-menu li.sfHover > ul > li > ul li a {color: #fff;}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0 !important;
    left: 100%;
}

/* Menu Skin */
.sf-menu {float: right;}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
   .sf-menu {float: left; width: 100%;}
}
.sf-menu ul {
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu ul ul {
    margin-top: -17px;
}

.sf-menu a {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu a:hover {
    color:#9283be;
}
.sf-menu > li {
    /*text-align: center;
    padding:28px 0 18px 36px;
    */
    margin-right: 15px;
}

@media (min-width: 1025px) {
    .sf-menu > li:nth-of-type(5) {
        margin-right: 60px;
    }
}
.sf-menu > li:last-of-type {
    margin-right: 0px;
}
.sf-menu > li:last-of-type a{
    padding-left: 6px;
    padding-right: 6px;margin-top: 20px; margin-bottom: 15px;
}
@media (max-width: 640px) {
    .sf-menu > li:last-of-type a{padding-left: 10px; margin-bottom: 15px;}
}

.sf-menu > li#login:before {
    content:'';
    background-image:url(images/logout_icon.png);
    background-position:center top;
    background-repeat:no-repeat;
    position: absolute;
    width: 33px;
    height: 33px;
    left: -36px;
    top: 25px;
}
.sf-menu > li > a { 
    padding:10px 20px 8px;
    margin:20px 0;
    border-radius: 3px;
    font-weight: 300;
    font-size: 16px;
    text-transform: capitalize;
}
.sf-menu > li > a font{ color: #fff !important;}
.is-sticky .sf-menu > li > a {
    padding:10px 20px 8px;
}

.sf-menu > li:first-child > a {border-left: none;}

.sf-menu > li > a:hover{
    background-color: #5c398f;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 5px;
    margin-top: 25px;
}

.sf-menu > li.active > a{
    background-color: #7055a1;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 5px;
    margin-top: 25px;
    margin-bottom: 23px;
}
@media (max-width: 640px) {
    .sf-menu > li.active > a{ margin-bottom: 10px;}
    .sf-menu > li:last-of-type.active > a{ margin-bottom: 15px;}
    .sf-menu > li:last-of-type.active > a:after{ top: 0%;}
}
@media (max-width: 1024px) {
    .sf-menu > li.active > a{
        margin-top: 15px;
    }
}
.sf-menu > li li.active > a {
    color: #fff;
    cursor: text;
}


.sf-menu li {
    /*white-space: nowrap;*/ /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
}
.sf-menu ul {
    display: none;
    background-color: #4e2683;
    padding: 17px 0 17px;
     -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
     border-bottom:none;
     border-left: none;
     border-right: none;
     border-radius: 0;
     padding-top: 0px;
     padding-bottom: 0px;
}
@media (min-width: 1024px) {.sf-menu ul {border-top:1px solid #280d5b;} }

.sf-menu ul li {
    padding: 0;
}
@media (max-width: 640px) {
    .sf-menu ul li {margin-left: -17px;padding-left: 17px !important;}
}
@media (max-width: 1024px) {
    .sf-menu > li#home {border-top: 1px solid #280d5b;margin-right: 0;}
    .sf-menu > li {margin-right: 0;border-bottom: 1px solid #280d5b;}
    .sf-menu > li#home, .sf-menu > li#contactus  {}
    .sf-menu ul > li {border-bottom: 1px solid #280d5b;}
    .sf-menu ul > li:last-of-type {border-bottom: 0;}
    .sf-menu li ul:first-of-type {border-top: 1px solid #280d5b;}
    .sf-menu ul > li ul {margin-left: -17px; padding-left: 17px !important;}
    .sf-menu ul > li ul > li {border-bottom: 1px solid #280d5b;}
    .sf-menu ul > li ul > li:last-of-type {border-bottom: 0}
}
.sf-menu ul a {
    padding: 10px 20px;
    color:#fff;
    line-height: 1;
}
 @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    .sf-menu ul a {
        color: #9283be;
    }
    .sf-menu ul li ul li a {
        color: #9283be;
    }
}
.sf-menu ul a {
    border-top: 1px solid #280d5b;
}
.sf-menu ul a:hover {
    color:#afa1d7;
}
.sf-menu ul li:first-child > a {
    border-top: none;
}

.sf-menu ul li:last-child a {
/*    padding-bottom: 0;*/
}
.sf-menu ul ul{
    background-color: #fff;
}
.sf-menu ul ul a {
    color:#272727;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}

/*** arrows (for all except IE7) **/
/*.sf-arrows .sf-with-ul*/
.sf-arrows ul .sf-with-ul {
    padding-right: 1.5em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
@media (min-width: 1024px) {
        .sf-arrows .sf-with-ul:after {
        content: '';
        background: url(images/dropdown_chevron.png) no-repeat;
        position: absolute;
        top: 48%;
        right: 5px;
        height: 6px;
        width: 8px;
        /* order of following 3 rules important for fallbacks to work */
        /*border: 3px solid transparent;*/
        border-top-color: #777777; /* edit this to suit design (no rgba in IE8) */
    }
    .sf-arrows li ul .sf-with-ul:after {
        -ms-transform: rotate(-90deg); /* IE 9 */
        -ms-transform-origin: 20% 40%; /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
        -webkit-transform-origin: 20% 40%; /* Chrome, Safari, Opera */
        transform: rotate(-90deg);
        right: 10px; top: 54%;
    }
}


.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #fff; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
    display: block;
    margin-top: -3px;
    margin-right: -0px;
    border-color: transparent;
    border-left-color: #fff; /* edit this to suit design (no rgba in IE8) */
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #fff;
    opacity: 0.6;
}
.sf-menu [class*="rt-icon-"] {
    font-size: 19px; display: inline-block; margin-right:8px; position: relative;top:-1px; display: none;
}

/*Menu Mobile Layout*/
@media (min-width: 1025px){
    #mainmenu {display: block !important;}
    #mainmenu {width:auto !important; opacity: 1 !important; height: auto !important;}
}
@media (max-width: 991px){
    #mainmenu {text-align: center;}
    .sf-menu > li > a {
        text-align: center;
    }
    .sf-menu ul {text-align: left;}
}
@media (max-width: 1024px) {
    #header {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100000;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
    text-align: left;
    border-bottom: none;
    }

    #header-sticky-wrapper {height: auto !important;}
    
    #mainmenu { 
        display: none; 
        margin:0 0 17px 0; 
        padding-top: 60px; 
        position: relative; 
        overflow: auto;
        line-height: 0px;
    }
    @media (max-width: 640px) {
        #mainmenu { 
            margin-right: 0;
            width: 100%;
            padding-top: 10px;
        }
    }
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px)  {
        #mainmenu { 
            padding-top: 10px;
            margin-bottom: 0;
        }
        #mainmenu a { 
            font-size: 18px;
        }
        .main-menu-icon {
            margin-right: 0 !important;
        }
    }
    .main-menu-icon {
        padding: 20px 0;
        display: block;
        cursor: pointer;
        width: 30px;
        float: right;
        margin-right: 12px;
    }
    .main-menu-icon span {
        margin:0 0 3px 0;
        display: block;
        height: 3px;
        width: 30px;
        background-color: #9283be;
    }
    .sf-menu > li {
        display: block;
        padding: 0;
        float:none;
    }
  @media (max-width: 640px) {
    .sf-menu {
        margin-bottom: 0px !important;
    }
    .sf-menu > li {
        margin-right: 0;
    }
    .sf-menu > li a {
        margin-left: 20px;
        margin-right: 20px;
        text-transform: uppercase;
    }
    .sf-menu > li ul li a {
        margin-left: 20px;
        margin-right: 20px;
        text-transform: capitalize;
        color: #9283bd;
        margin-left: 0;
        font-weight: bold;
    }
    .sf-menu > li ul.dropdown-menu li a{
        margin-top: 7px;
        margin-bottom: 7px;
    }
    
  }
  @media (max-width: 1024px) {
    .sf-menu > li ul.dropdown-menu li a:after{
           content: '';
            background: url(images/chevron_white_right.png) no-repeat;
            position: absolute;
            top: 30%;
            right: 10px;
            height: 10px;
            width: 8px;
        }
    .sf-menu > li {margin-bottom: 0px;margin-top: -2px;}
    .sf-menu > li#login {border-bottom: 0;}
    .sf-menu > li#login a:after{margin-right: 0px;}
  }
  @media (max-width: 640px) {
    .sf-menu > li#login a:after{margin-right: 0px;}
  }
    .sf-menu > li > a font {
            color: #fff !important;
    }
    .sf-menu > li + li{
        border-left: none;
    }
    .sf-menu > li > a, .is-sticky .sf-menu > li > a {
        padding: 4px 0;
        margin:10px ;
        text-align: left;
        border-left: none;
    }
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px)  {
        .sf-menu > li > a, .is-sticky .sf-menu > li > a {
            margin-left: 0; margin-right: 0;
        }
        .sf-menu > li ul.dropdown-menu li a:after{right: 17px;}
    }
    .sf-menu ul {
        text-align: left;
        position: static;
        display: block !important;
        opacity: 1 !important;
        padding: 0 0 0 20px;
        margin: 0 30px 0 0;
        float: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent !important;border-top: 0;
    }
     @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px)  {
        .sf-menu ul {
            padding-left: 10px;
            margin-right: 0;
        }
        .sf-menu ul li ul{
            padding-left: 0px;
        }
        .sf-menu ul.dropdown-menu li { margin-left: -10px;padding-left: 10px;}
        .sf-menu ul a {padding: 7px 0 !important;}
    }
    @media (max-width: 1024px) {
         .sf-menu ul.dropdown-menu { margin-right: 0; border-top: 0;}
         .sf-menu ul.dropdown-menu li ul { padding-left: 0;}
    }
    .sf-menu ul li {
        padding: 0;
    }
    .sf-menu ul li + li {/*border: none;*/}
    .sf-menu ul ul {
        margin: 0;
    }
    .sf-menu > li > a:hover, .sf-menu > li.active > a {
        background: none;
        border-color: transparent;
        color:#9283be;
    }
    .sf-menu > li li.active > a, .sf-menu > li li > a:hover {
        background: none;
        border-color: transparent;
        color:#9283be !important;
    }
    .sf-menu ul a {
        font-weight: 300;
        margin-top: 3px;
        margin-bottom: 3px;
        padding: 5px 0;
        border: none;
    }
    .sf-menu ul ul a {color:inherit;}
    .sf-menu ul a:before {
        content: '- ';
    }
    #copyright {text-align: center;}
    #copyright .widget_nav_menu ul {float:none;}
}

.menu-item-number,
.menu-item-desc {display: none; color:#9283be;
    font-size: 12px; letter-spacing: 0px;}
.is-sticky .menu-item-number,
.is-sticky .menu-item-desc {display: none !important;}


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; height: 100% !important; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; margin:0 auto;}
.flexslider .slides .slider_images img {width: auto; display: inline-block; background-color: #9283be; margin: 0 5px;
-webkit-transition: all 0.2s ease-in-out ;
transition: all 0.2s ease-in-out ;
}
.flexslider .slides .slider_images img:hover {background-color: #9283be;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

@media screen and (min-width: 1024px) {
.slider-scrolldown {text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin-top: -35px;
    position: relative;
    z-index: 1000;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    display: block;}
.slider-scrolldown:before {  content: '';
        background: url(images/scrolldown_chevron.png) no-repeat;
        position: absolute;
        left: 45%;
        height: 14px;
        width: 25px;
        top: -21px;}
}
@media screen and (max-width: 1024px) {
    .slider-scrolldown {display: none;}
}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; position: relative; overflow: hidden; zoom: 1; height: 100%;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; height: 100% !important;}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; height: 100% !important; }



@media screen and (max-width: 1024px) {
    .flexslider .slides { zoom: 1; height: auto !important; }
    /* position of slide indicators ipad*/
    .flexslider .flex-control-nav {
        display: block;bottom: 0px;
        text-align: center;
        position: absolute;
        display: block;
        background: rgba(54, 25, 25, .5);
        width: 100px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        bottom: 115px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        left: 44%;
        padding-top: 16px;
        z-index: 15;
        display: none;
    }
    .flexslider .flex-control-nav li{width: 13px;height: 13px;margin: 2px;}
    .flexslider .flex-control-nav li a{width: 13px;height: 13px;margin: 2px; border: 2px solid #fff;background: rgba(54, 25, 25, .5);}
}
@media screen and (max-width: 640px) {
    .flexslider .flex-control-nav {
       left: 42%;
        width: 65px;
        height: 32px;
        padding-top: 6px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        bottom: 247px;

        display: none;
    }
  
    .flexslider .flex-control-nav li{width: 10px;height: 10px;margin: 2px;}
    .flexslider .flex-control-nav li a{width: 10px;height: 10px;margin: 0px; border: 2px solid #fff;background: rgba(54, 25, 25, .5);}
}
/* iphone 5 Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .flexslider .flex-control-nav { top:75px;left: 40%;}
}
/* iphone 6 Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .flexslider .flex-control-nav { top:95px;}

}
.carousel li { /*margin-right: 5px;*/ }

/* Direction Nav */
/*.flex-direction-nav {*height: 0;}*/

.flex-direction-nav a {
    display: block;
    width: 50px;
    height: 50px;
    margin: -25px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    background-color: #532b84;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 0;
    color: transparent !important;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.flex-direction-nav .flex-prev { left: 25px; opacity: 1;}
.flex-direction-nav .flex-next { right: 25px; opacity: 1;}
.flexslider:hover .flex-prev {opacity: 0.7;}
.flexslider:hover .flex-next {opacity: 0.7;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 0.7;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before {
    background-color: transparent;
    position: absolute;
    font-family: 'fontello';
    content: '\e833';
    color:#fff;
    line-height: 50px;
    font-size: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}

.flex-direction-nav a:hover:before {}
.flex-direction-nav a.flex-next:before  { content: '\e834';}
.flex-direction-nav a.flex-next:hover:before  {}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {/*width: 100%; position: absolute; bottom: 26px; text-align: center; z-index: 2;*/ display: none;}
#process .flex-control-nav {display: none;}
/*.flex-control-nav li {margin: 0 ; display: inline-block; zoom: 1; *display: inline;}*/
.flex-control-paging li a {
    overflow: hidden;
    text-indent: -30px;
    cursor: pointer;
    display:inline-block;
    width:20px; 
    height:20px;
    margin:0 3px 0 5px;
    background-color: #532b84;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 100%;
}

.flex-control-paging li a:hover {  background-color: #fff }
.flex-control-paging li a.flex-active {  background-color: #fff }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*home slider mob*/
@media (max-width: 1024px) {
    .flex-direction-nav a {top: 19%;}
    .flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next {width: 30px;height: 30px;}
    .flex-direction-nav a.flex-prev:before, .flex-direction-nav a.flex-next:before {width: 30px; height: 30px;line-height: 30px;font-size: 15px;}
    .flex-direction-nav a.flex-next:before {position: relative;}
    #FullWidth {margin-top: 58px; margin-bottom: 15px;}
    #mainslider div.flexslider { height: 374px !important;}
    #mainslider div.flexslider a.flex-prev, #mainslider div.flexslider ul.slides div.col-sm-12 {padding: 0;}
    #mainslider div.flexslider a.flex-prev, #mainslider div.flexslider ul.slides div.slide_description div.imagetitle {margin-bottom: 0; color: #4e2683;font-size: 26px !important; font-weight: 300;padding-bottom: 16px;}
    .fullwidthimage .slide_description  {background-color: #f0f0f1 !important; text-align:  left;}
    .fullwidthimage .slide_description div.imagedesc {color: #464646; font-size: 15px !important;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    .flex-direction-nav a {top: 31% !important;}
    .fullwidthimage .slide_description div.imagedesc {width: 500px; float: left;margin-top: 5px;line-height: 25px;}
    .fullwidthimage .slide_description a.theme_btn {float: right;}
    #mainslider div.flexslider a.flex-prev, #mainslider div.flexslider ul.slides div.slide_description div.imagetitle {padding-bottom: 0;}
}

/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    #mainslider div.flexslider { height: 440px !important;}
    .flex-direction-nav a {top: 25%;}
}
/*contact image*/
 #FullWidth div.item img.fullwidthimage{display: none;}

/*slider common*/
#mainslider {position: relative; }

.slide_description {position: absolute; left: 0; right: 0;}
.slide_description a.theme_btn{ display: inline-block;position: relative;}
.imagetitle {    
    color: #ffffff;
    display: block;
    font-size: 45px;
    line-height: 0.9em;
    margin-bottom: 30px;
    text-transform: capitalize;

}
.imagetitle strong {
    color:#272727;
}
.imagedesc {font-size: 18px; line-height: 30px; font-weight: 300; margin-bottom: 30px; color:#272727;}
.imagedesc b {font-weight: 400;}
.fullwidthimage + .container {
        position:relative;
        bottom: 100%;
}
.fullwidthimage [class^="col-"] {
    position: static;
}
.fullwidthimage .slide_description  {
    left: 0;
    padding: 50px 10px 40px 20px;
    max-width: 350px;
    background-color: #9283be;
    background-color: rgba(51, 51, 51, 0.5);
    border-radius: 3px;
    top: 95px !important;
    border: 10px solid rgba(255, 255, 255, .1);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

/* Galaxy tab 4 7 inch */ 
@media 
  (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    .fullwidthimage .slide_description {}

}


.fullwidthimage .imagetitle {
    font-weight: 300;
    color:#fff;
    opacity: 1;
}

.fullwidthimage .imagedesc {
    color:#fff;
    opacity: 1;
    margin-bottom: 20px;
}

.flexslider .slides img.leftcontent_image {width: auto;}
.leftcontent .slide_description {position: relative; left:auto; right: auto; padding: 50px 0;}


.fullwidthcontent {padding: 60px 0 60px;}
.regular_image {position: relative;}
.regular_image img, img.leftcontent_image {    
    display: block;
}
.regular_image .slide_description {
    background-color: #9283be;
    background-color: rgba(51, 51, 51, 0.6);
    padding: 30px 40px 20px;
    top: auto !important;
    left: 65px;
    bottom:50px;
    max-width: 370px;
    }
.regular_image .imagetitle {
    color:#fff;
    font-weight: 400;
    display: block;
    font-size: 28px;
    margin-bottom: 14px;
}
.regular_image .imagedesc { color:#fff; }
@media screen and (min-width: 768px) {
    /*.flex-control-nav {display: none;}*/
}

@media screen and (max-width: 1024px) {
    #mainslider {text-align: center;}
    #mainslider ul.slides div.container {margin-left: 0; margin-right: 0;width: 100%;padding-left: 0; padding-right: 0;background-color: #f0f0f1 !important; bottom:initial;}
    .flex-direction-nav {}
    #big-logo{max-width: 80px; top:30px; margin-left: -40px;}
    .slides .slide_description {
        /*x-width: 200px;
        padding: 10px !important;
        left:20px !important;
        bottom:20px !important;
        right:auto !important;
        -webkit-box-shadow: none;
        box-shadow: none;*/
        position: inherit !important;
        top: -120px !important;
        max-width: 100%;
        padding: 25px 15px 30px !important;
        left: 5px !important;
        bottom: 4px !important;
        right: auto !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .leftcontent .slide_description {position: relative; top:auto !important;}
    .imagetitle {font-size: 14px !important;}
    .imagedesc {font-size: 12px !important;}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    .slides .slide_description { padding-top: 18px !important;float: left;width: 100%;}
}

/*totop*/
#toTop {
background: #9283be;
bottom: 30px;
display: none;
height: 50px;
width: 50px;
overflow: hidden;
position: fixed;
right: 20px;
text-decoration: none;
z-index: 9999;
font-size: 0px;
color:transparent;
border-radius: 6px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
}
#toTop:after {
    display: block;
    content: '\e835';
    color:#ffffff;
    font-size: 24px;
    font-family: 'fontello';
    position: absolute;
    left:14px;
    top:15px;
    
}


#toTopHover, #toTop:hover {
background: #532b84;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
transition: all 0.1s linear;
}
#toTop:active, #toTop:focus {
outline: medium none;
}


/*horizontal slider*/
.horizontal_slider_list_wrapper {
    position: relative;
    margin-top: 5px;
}
.horizontal_slider_list_wrapper > div {
    overflow: hidden;
}
ul.horizontal_slider_list {
    padding: 0;
    margin: 0;
}
ul.horizontal_slider_list li {
    display: block;
    float: left;
    height: 100%;
    position: relative;
    margin-right: 42px !important;
}
ul.horizontal_slider_list li:last-of-type {margin-right: 0 !important;}
@media (max-width: 640px) {
     ul.horizontal_slider_list li {
        margin-left: 15px;
     }   
}
.es-nav {
    position: absolute; right: 0; top: -55px;
}
.es-nav span {
cursor: pointer;     
display: inline-block;
width: 30px;
height: 30px;
font-size: 0;
color: transparent;
position: relative;
}

.es-nav span:before {
    border-radius: 3px;
    /*font-size: 20px;*/
    /*font-family: 'fontello';
    content: '\e840';*/
    content: '';
    background: url(images/chevron_white_right.png) no-repeat;
    top: 10px;
    left: 10px;
    height: 10px;
    width: 8px;

    color: #fff;
    display: block;
    position: absolute;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.es-nav span.es-nav-prev{
    background-color: #4e2683;
    border-radius: 20px;
    opacity: 1 !important;
}
.es-nav span.es-nav-next{
    background-color: #4e2683;
    border-radius: 20px;
    opacity: 1 !important;
    margin-left: 6px;
}
.es-nav span.es-nav-next:before{left: 12px;}
.es-nav span.es-nav-prev:before{
    -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
.es-nav span.es-nav-next:before{
content: '\e841';
}
.es-nav span.es-nav-next:hover:before, .es-nav span.es-nav-prev:hover:before {background-color: transparent; color:#fff; opacity: 0.7;}
.related_posts_list {padding-left: 0; list-style: none;}

.horizontal_slider_item, .related_posts_item, .thumbnail {
    border-radius: 0;
}

#portfolio .item_title {
    position: relative;
    background-color: rgba(100, 100, 100, 0.1);
    padding: 0 24px 10px 24px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.portfolio_item_image {
    background-color: #fff;
    padding: 24px 24px 0 24px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
/* ipad */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    .portfolio_item_image { padding: 24px 45px 0 45px;}
}

.related_posts_item > h4 {padding:18px 0; margin:0; font-size: 18px; }
.related_posts_item > h4 > a {color:#9283be;}

.horizontal_slider_item > h4, 
#portfolio .item_title h4 {margin:0px; padding: 18px 0; font-weight: 400;} 

.horizontal_slider_item > h4 > span.heart, 
.related_posts_item > h4 > span.heart, 
#portfolio .item_title h4 > span.heart {float: right; padding:1px 0 1px 21px; font-size: 14px; position: relative;}

.horizontal_slider_item > h4 > a {color:#fff;}

#portfolio .item_title h4 > a:hover,
.related_posts_item > h4 > a:hover,
.horizontal_slider_item > h4 > a:hover {color:#242424;}
#portfolioContainer .item_title > p { font-size: 15px;line-height: 22px;}
.portfolio_item_image {position: absolute;}
.horizontal_slider_introimg {position: relative; overflow: hidden;}
/*.portfolio_item_image:hover, .horizontal_slider_introimg:hover {background-color: rgba(0, 0, 0, 0.6);}*/
.portfolio_item_image > div:first-child {position: absolute;display: block; height: 100%;top:0; bottom:0; left: 0; right: 0; background-color: #111; background-color: rgba(0, 0, 0,0.8);
}
#portfolioContainer div.item_title {position: absolute;width: 80%;top: 160px;}

@media (max-width: 640px) {
    #portfolioContainer li { width: 100%; height: 380px !important;}
    #portfolioContainer div.item_title {width: 92%;top: 42%;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    /*#portfolioContainer li:nth-of-type(3) {top: 372px !important;}*/
}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    #portfolioContainer div.item_title {width: 95%;}
}
.horizontal_slider_item .portfolio_item_image {
    left:0; right: 0; text-align: center; line-height: 1.9em;
}
.horizontal_slider_item_description {
padding: 20px 0px 20px;
text-align: center;
}
.horizontal_slider_item_description h3{ font-size: 19px; margin:0 0 10px 0; text-transform: uppercase;}
.horizontal_slider_item_description h3 a{color:#fff; opacity: 0.8;}
.horizontal_slider_item_description h3 a:hover{color:#fff; opacity: 0.8}

.p-view, .p-link {
    display: block;
    height: 50px;
    width: 50px;
    margin-left: -50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    background-color: #9283be;
    border-radius: 2px;
}
 
.p-link {
    margin-left: 10px;
}
.p-view:before, .p-link:before, #portfolio .heart:before{
    font-family: 'rt-icons';
    font-size: 22px; 
    font-weight: normal;
    color:#fff;
    content: "\e71e";
    line-height: 50px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out; 
    -o-transition: 0.3s all ease-in-out; 
    -ms-transition: 0.3s all ease-in-out; 
    transition: 0.3s all ease-in-out;    
}

#portfolio .heart:before{
    content: "\e610";
    line-height: 1;
    color: inherit;
}
.p-link:before{
    content: "\e71d";   
}
.p-view:hover, .p-link:hover{
    color:#fff;
    background-color: #272727;
}
.p-view:hover:before, .p-link:hover:before{
    color:#fff;
}

.horizontal_slider_item img,.portfolio_item_image img {
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    display: block;
    /*width: 100%;*/
}
@media (max-width: 640px) {
    .portfolio_item_image {
        position: relative;padding-top: 6%;
    }
  .horizontal_slider_item img,.portfolio_item_image img {
        margin-left: auto;
        margin-right: auto;
  }  
}
.horizontal_slider_item:hover img, .isotope-item:hover img {
    opacity: 0.7;
   /* -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    transform: scale(1.04);*/
}
.horizontal_slider_item:hover .p-view, .portfolio_item_image:hover .p-view {opacity: 1;}

/*gallery*/
ul#portfolioContainer {padding: 0; margin: 0; list-style: none; text-align: center; height: 420px !important;margin-top: 40px;}
#portfolioContainer h4 {min-height: 110px;text-transform: uppercase;margin-left: 80px; margin-right: 80px;line-height: 25px;}
#portfolioContainer h4 a {color: #fff;}
@media (max-width: 640px) {
    #portfolioContainer h4 {margin-left: 23%;margin-right: 23%;}
    ul#portfolioContainer {height: 1180px !important;margin-top: 0;}
    ul#portfolioContainer li.isotope-item{margin-top: 0 !important;}
    ul#portfolioContainer li.isotope-item:first-of-type{margin-top: 30px !important;}
    section#middle div.box_wrap > div > div {margin-top: -20px;}
}
/* iphone 5 Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
     #portfolioContainer h4 {min-height: 110px;max-height: 110px;margin-left: 23%;margin-right: 23%;line-height: 25px;margin-top: 0%;}
   
}
/* iphone 5 Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    ul#portfolioContainer li.isotope-item:first-of-type{margin-top: 30px !important;}
}
/* iphone 6 Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
      #portfolioContainer h4 {min-height: 110px;max-height: 110px;margin-left: 23%;margin-right: 23%;line-height: 25px;margin-top: 8%;}
}
/* iphone 6Plus Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
    ul#portfolioContainer {height: 1180px !important;}
 ul#portfolioContainer li.isotope-item{margin-bottom: 30px !important; height: 400px !important;width: 100%;}
    ul#portfolioContainer li.isotope-item a img {width: 75% !important;}
    ul#portfolioContainer div.portfolio_item_image { width: 100%;padding-left: 29%;padding-right: 20%;padding-top: 0%;}
}

/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    #portfolioContainer h4 {margin-left: 19%;margin-right: 34%; margin-top: 13% !important;margin-bottom: 10% !important;font-size: 25px;margin-top: 20%;line-height: 30px;}
     ul#portfolioContainer {height: 1550px !important;}
     ul#portfolioContainer li.isotope-item{margin-bottom: 0 !important; height: 500px !important;}
     ul#portfolioContainer li.isotope-item a img {width: 75%;}
  }
 /* Iphone 5 Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)

  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    ul#portfolioContainer li.isotope-item{height: 320px !important;}
     #portfolioContainer h4 {margin-bottom: 10% !important;margin-top: 8% !important; margin-left: 30%;margin-right: 30%;}

  }
  /* iphone 6 Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 


  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    #portfolioContainer h4 {margin-bottom: 2% !important;margin-top: 2% !important;}
     ul#portfolioContainer {height: 1180px !important;}
  }
/* iphone 6 Plus Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 

  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    #portfolioContainer h4 {margin-top: 2% !important;margin-bottom: 5% !important;margin-left: 32%;margin-right: 32%;}
    ul#portfolioContainer li.isotope-item{height: 400px !important;}
    ul#portfolioContainer {height: 1180px !important;}
}
/* ipad */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
    #portfolioContainer h4 {font-size: 18px !important;line-height: 25px;margin-top: -9% !important;}
    ul#portfolioContainer {height: 1000px !important;}
     ul#portfolioContainer li.isotope-item{margin-bottom: 0 !important; height: 500px !important; margin-top: 0 !important;}
     ul#portfolioContainer li.isotope-item a img {width: 75%;}
}
#portfolio h4 {margin-top: 0;}
#portfolio .isotope-item {max-width: 100%; overflow: hidden; float: left; margin-bottom: 30px;  list-style: none;}

#portfolio.fullwidth_portfolio .isotope-item {max-width: 100%; overflow: hidden; float: left; width: 25%; margin-left: -1px; margin-bottom: 0; list-style: none;}
@media screen and (max-width: 991px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:33.3333%;}
}
@media screen and (max-width: 800px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:50%;}
}
@media screen and (max-width: 600px) {
    #portfolio.fullwidth_portfolio .isotope-item {width:100%;}
}
/*#PnlSelectedPatient { display: block;float: right;background-color: #f4f2f8;position: absolute;left: 490px;padding-right: 15px;}*/

/* patient selected positioned at bottom */
#PnlSelectedPatient {display: block;color: #fff;float: right;
}
#PnlSelectedPatient a{ color: #fff !important;}
#PnlSelectedPatient #divAfterHCPLogin {
    border: 1px solid #fff;
    float: left; 
    display: block;
    margin-top: 50px;
    padding: 15px 20px 10px 16px;
    margin: 0 !important;
    width: 300px;
    background-color: #4e2683;}


.floatPatient {
position: fixed;
z-index: 9999;
display: block;
bottom: 0;
padding: 0;
}
div#UpdatePanel12  {position:relative;float:right;}

#frmLogReg .container{min-height: 0px !important; }

#PnlSelectedPatient #divAfterHCPLogin{ margin-top: 15px !important}
@media (max-width: 640px) {
    #PnlSelectedPatient { left: 0;height: auto; width: 100%;position: relative;}
    #PnlSelectedPatient #divAfterHCPLogin{ margin-top: 20px !important;}
}

#filtrable {padding: 0;}
#filtrable li {
display: inline-block;
margin-right: 15px;
}
#filtrable a {
font-weight: 400;
padding: 9px 16px 8px;
margin: 10px 0 26px;
display: inline-block;
color:#9283be;
background-color: #fff;
border-radius: 3px;
}
#filtrable a:hover, 
#filtrable a.selected {
background-color:#303436;
color:#fff;
}
#filtrable a:hover {
    opacity: 0.95;
}
.loadmore {
    margin: 56px 0 40px !important;
}
.hidden_item {display: none;}
#gallery_container {position: fixed; width:100%; height: 100%; background: #fff; z-index: 20000; top:0; bottom: 0; left: 0; right: 0; top:-100%; overflow: auto; display: none;}

/*gallery single item*/
#portfolio_nav {margin-top: 40px;}
#portfolio_nav + #middle {margin-top: 0px; padding-top: 0;}
#portfolio_nav a {color:#532b84; font-size: 36px; margin:0 30px;}
#portfolio_nav a#portfolio_prev_project:before {
    font-family: "fontello";
    content: '\e823';
}
#portfolio_nav a#portfolio_close_project:before {
    font-family: 'rt-icons';
    content: "\e602";
}
#portfolio_nav a#portfolio_next_project:before {
    font-family: "fontello";
    content: '\e824';
}
#portfolio_nav a:hover {color:#9283be;}
.description {margin-bottom: 26px}
.skills, .client { border-bottom: 1px solid #d0ced8; padding-bottom: 6px; margin-bottom: 10px;}
.location {margin-bottom: 37px;}
.skills > span, .client > span, .location > span {
   font-weight: 700;
}
.skills > a, .client > a, .location > a {
    color:#272727;
}
.skills > a:hover, .client > a:hover, .location > a:hover {
   color: #9283be; 
}


/* Isotope Filtering */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item[style] {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
          /*position: relative !important;*/
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*blog*/

.blog {margin-top: 7px;}
.blog .entry-thumbnail:first-child{margin: 0px 0px 20px;}
.blog-single .entry-thumbnail{margin: 0px 0px 32px; position: relative;}
.blog article + article {margin-top: 40px; padding-top: 50px; border-top: 1px solid rgba(255,255,255,0.3);}
/*from blog widget*/
.widget_from_blog {}
.widget_from_blog .entry-thumbnail img{width: 100%;}
.widget_from_blog article.post, .blog article.post {}
article.post.primary_post {padding-bottom: 10px;}
article.post.primary_post .entry-content, article.post.primary_post .entry-share {}

article.post.secondary_post header {
    margin-left: -15px;
    margin-right: -15px;
}
article.post.secondary_post {
    margin-left: 15px;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

article.post.secondary_post:hover {}
article.post.secondary_post h2.entry-title {margin-top: 0;}
p.date {margin-bottom: 10px; font-size: 13px;}
p.date +p {margin-bottom: 10px;}
.entry-share {margin:20px 0 10px;}
.read-more p {text-transform: uppercase;}
.blog article.post > header > h2, .blog article.post > header > .entry-meta, .blog article.post > .entry-content {/*margin-left: 40px; margin-right: 40px;*/}
h1.entry-title {font-size: 40px;}
h2.entry-title {margin: 20px 0 10px; font-size: 18px; font-weight: 700;}
h2.entry-title span.heart {font-size: 20px; float: right; padding: 8px 0 0 0;}
h2.entry-title span.heart:before {font-family: 'rt-icons'; content: "\e605"; font-size: 16px; color:#fff; padding-right: 3px;}
.entry-meta {margin: 10px 0;}
.blog-single .entry-meta {margin: 10px 0 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: 16px;}
.entry-meta .comments-link {float: right;}
.blog .entry-tags {margin-top: 29px; position: relative;}

.format-small-image .entry-tags  {border-color: #9283be;}
.format-gallery .entry-tags  {border-color: #a7d163;}
.entry-tags a {text-transform: uppercase; }
.blog .entry-tags a { }
.entry-tags a:hover {}
.blog .read-more {margin-top: 21px;}
.blog .format-small-image .entry-thumbnail  {margin-bottom: 0; position: relative;}
@media screen and (max-width: 767px) {
    .blog .format-small-image .entry-thumbnail  {text-align: center;}
    .blog .format-small-image .entry-header, .blog .format-small-image .entry-content {margin-left: 40px; margin-right: 40px;}

}
.video-view {
display: block;
height: 55px;
width: 55px;
margin-left: -27px;
margin-top: -27px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 2px;
background-color: #9283be;
text-align: center;
}
.video-view:before {
font-family: 'fontello';
content: '\e80a';
color:#fff;
line-height: 55px;
font-size: 30px;
margin-left: 4px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.video-view:hover {
background-color: #fff;
}
.video-view:hover:before {
    color:#272727;
}
img.alignleft {
float: left;
margin: 5px 20px 15px 0;
}
footer.bottom-entry-meta {margin: 28px 0;}
.tags {border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; padding: 36px 0;}
.tags h3 {display: inline-block; margin:4px 0 0; }
.tags-links {position: relative;}
.tags-links:before {content: "\e687"; font-family: "rt-icons"; margin-right: 14px;}
.st_facebook_hcount,.st_twitter_hcount,.st_googleplus_hcount {

    position: relative;
    top:-3px;
    text-align: right;
}
.st_facebook_hcount span,.st_twitter_hcount span,.st_googleplus_hcount span{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

.tags a,.tagcloud a {
padding: 7px 14px;
font-size: 13px;
background-color: #fff;
color:#9283be;
margin-bottom: 6px;
margin-right: 2px;
display: inline-block;
border-radius: 2px;
}

.tags a:hover, .tagcloud a:hover {background-color: #532b84; border-color: #532b84; color:#fff;}

.author-meta {margin: 40px 0 46px; padding: 40px 52px 40px 52px; background-color: rgba(100,100,100,0.05); }
.author-meta img {/*display: block; max-width: 200px; margin: 10px 20px 10px 0;*/}
.author-meta h3 {margin: 26px 0 22px; position: relative;}
.author-social {display: block; position: absolute; top:0px; right: 0;}
.author-meta p:after{display: table; content: " "; clear:both;}
@media screen and (max-width: 767px) {
    .author-meta {text-align: center;}
    .author-meta img {display: block; max-width: 100%; margin: 0 auto;}
    .author-social {display: block; position: static; padding: 20px 0 0 0;}
}

.related-posts > h3 {margin-bottom: 24px; font-size: 30px;}
.related-posts article.post {background-color: #fff; text-align: center; padding: 20px; border-top-right-radius: 4px; border-top-left-radius: 4px; box-shadow: 1px 1px 1px #ddd9e5;border: 1px solid #e1dde9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*.related-posts article.post:hover {background-color: #532b84;}*/
/*.related-posts article.post.format-gallery {border-color: #00c1e4;}
.related-posts article.post.format-video {border-color: #9283be;}
.related-posts article.post > .entry-content,.related-posts article.post > p, .related-posts article.post > h3 {}*/
.related-posts article.post > h3 {margin: 24px 0 0;}
.comments-area {margin: 43px 0 40px; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 20px;}
.comments-title {font-size: 30px; margin-bottom: 20px;}
.comments-area ol {list-style: none; padding-left: 0; margin-bottom: 0;}
.comments-area li {padding: 26px 0 5px;}
.comments-area ol.children li{padding: 10px 0 0 70px;}
.comments-area ol.children ol ol li{padding-left: 0;}
.comment-meta {position: relative;}
.comment-metadata {border-top: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin: 8px 0 16px 100px; padding:15px 0;}
.comment-author a{ position: relative; font-size: 1.4em;}
.comment-author img {max-width: 70px; margin-right: 28px; float: left;}
.reply {position: absolute; right: 0; top:49px; }
.comment-content {padding: 0 0 9px 100px;}
.comment-respond {margin-top: 0px;}
.comment-reply-title {margin: 0 0 22px; font-size: 30px;}
.comment-respond label, .contact-form label {display: none;}
form.contact-form {margin-top: 0px; margin-bottom: 20px; margin:0 auto;}
form.contact-form input, form.contact-form textarea {}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
margin-bottom: 10px;
}
p.comment-form-author, p.comment-form-email {/*padding-right: 10px;*/}
p.comment-form-comment:before, p.contact-form-message:before {
    display: table; content: " ";
}
.comment-respond p.form-submit {text-align: center; margin-top: 40px;}
.comment-form input, .comment-form textarea {text-align: center;}
@media (max-width: 570px) {
    .comments-area ol.children li{padding: 30px 0 0 30px;}

    p.comment-form-author, p.comment-form-email, p.comment-form-url, p.contact-form-name, p.contact-form-email, p.contact-form-subject {
        float: none; padding: 0 8px 0 0; width: 100%;
    }
    p.contact-form-message {padding-right: 8px;}
}

/*widgets*/
.single_teaser {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center; 
    margin:30px 0 43px; 
    padding: 0px 0 20px; 
}
.single_teaser:hover {}
.single_teaser img {
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.single_teaser:hover img {
    box-shadow: 0 0 0 20px #f5f5f5;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.single_teaser.icons [class^="rt-icon-"] {
    font-size: 40px;
}
.single_teaser.icons.style1 [class^="rt-icon-"] {
    font-size: 60px;
    line-height: 130px;
    color: #fff;
    background-color: #9283be;
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-bottom: 7px;
    border-radius: 100%;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.single_teaser.icons.style1:hover [class^="rt-icon-"] {
    color:#fff;
    background-color:#9283be;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);    
}

.single_teaser h3 {font-size: 18px; margin: 22px 0 18px; text-transform: none; font-weight: 400;}
.single_teaser h3 a{}
.single_teaser h3 a:hover{}
.single_teaser.border-color2 h3 a:hover{color:#e6557c;}
.single_teaser.border-color3 h3 a:hover{color:#00c1e4;}
.single_teaser p.introtext { margin: 10px 0 30px; }
.single_teaser.icons.style2 {
    background-color: transparent;
    border:2px solid #fff;
    border-radius: 8px;
    margin: 0 0 20px;
    padding:30px 0 23px; 

}
.single_teaser.icons.style2 .icons_introimg {margin: 0 10px 16px; }
.single_teaser.icons.style2 [class^="rt-icon-"]:before {
    font-size: 100px; background: transparent; color:#fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;    
}
.single_teaser.icons.style2:hover [class^="rt-icon-"]:before {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);  
}
.single_teaser.icons.style2 h2 {
    font-size: 50px; 
    margin: 12px 0 0px; 
}
.single_teaser.icons.style2 h3 {
    
    display: inline-block;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    
}


.single_teaser.icons.style3 [class^="rt-icon-"] {
border-radius: 100%;
width: 140px;
height: 140px;
margin: 0 auto 10px;
display: inline-block;
color: #272727;
box-shadow: 0 0 0 5px #272727;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
line-height: 140px;
font-size: 80px;
}
.single_teaser.icons.style3:hover [class^="rt-icon-"]:after {
}

.single_teaser.icons.style3:hover [class^="rt-icon-"] {
    background-color: #272727;
    color: #fff;
    box-shadow: 0 0 0 16px #272727;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}


.single_teaser.icons.style4 [class^="rt-icon-"] {
font-size: 50px;
margin-top: 50px;
position: absolute;
top:100px;
margin-left: -25px;
}
.single_teaser.icons.style4 h2 {
    display: inline-block;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    color:#fff;
    -webkit-border-radius: 100%;
    -moz-border-radius:  100%;
    border-radius:  100%;
    line-height: 150px;
    font-size: 35px;
    width: 160px;
    height: 158px;
    font-weight: 300;
}
.single_teaser.icons.style4 h3 {
    color:#fff;
    margin-top: 40px;
}
.single_teaser.icons.style5 {
    overflow: hidden;
    padding: 20px 20px 0;
    border-radius: 8px;
    background-color: rgba(0,0,0,0.1);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.single_teaser.icons.style5:hover {
        background-color: rgba(0,0,0,0.3);
}
.single_teaser.icons.style5 [class^="rt-icon-"]{
    color: #fff;
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    height: 100px;
    text-align: center;
    display: block;
}


.single_teaser_left {}
.single_teaser_right {margin: 10px 10px 23px 60px; padding: 0px 20px 0; }
.single_teaser_right h3 {margin: 0 0 10px; font-size: 22px; font-weight: 400;}
.single_teaser_right h3 a{color:#9283be;}
.single_teaser_right h3 a:hover{color:#9283be;}
.left_icons{
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;    
}


.left_icons [class^="rt-icon-"] {
    display: block;
    font-size: 50px;
    margin:-40px 0px 0;
    position: absolute;
    top:50%;
    left: 0;
    width:70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color:#fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear; 
}
.left_icons:hover  {}
.left_icons:hover [class^="rt-icon-"] {
/*    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);*/
}
.style2 .single_teaser_right {margin: 10px 10px 10px 110px; padding: 0px; }
.left_icons.style2 [class^="rt-icon-"] {
    text-align: center;
    background-color: #F5F5F5;
    color:#9283be;
    font-size: 50px;
    width: 90px;
    line-height: 84px;
    height: 90px;
    padding: 0;
    border-radius: 100%;
    top:0;
    margin-top: 0;
    border:4px solid transparent;
}
.left_icons.style2:hover [class^="rt-icon-"] {
    background-color: #9283be;
    color: #fff;
    border-color: #fff;

    -webkit-box-shadow: 0 0 0 4px #9283be;
    box-shadow: 0 0 0 4px #9283be;
}


.widget_categories ul, .widget_archive ul, .widget_recent_entries ul {list-style:none; padding-left: 0;}
.widget_categories li, .widget_archive li, .widget_recent_entries li {padding: 3px 0;}
.widget_categories li + li {border-top: 1px solid rgba(255,255,255,0.3); padding-top: 6px; margin-top: 6px;}
.widget_categories a, .widget_archive a, .widget_recent_entries a {position: relative; padding: 0 !important;}
.widget_categories a:hover,  .widget_archive a:hover, .widget_recent_entries a:hover, .widget_nav_menu a:hover {}
.widget_nav_menu a { padding: 0px 0 10px 20px !important; position: relative;}
.widget_nav_menu a:before {display: block; position: absolute; content: '.'; font-size: 46px; left:0; top:-13px;}
.widget_nav_menu [class*="rt-icon-"] {
font-size: 19px;
display: inline-block;
margin-right: 20px;
position: absolute;
top: 2px;
left:-4px;
}
.widget_tag_cloud > h3 {margin-bottom: 26px;}
.widget_news > h3{margin-bottom: 7px;}
.widget_news ul{list-style: none; padding-left: 0;}
.widget_news li{padding: 18px 0 6px;}
.widget_news a {}
.widget_news a:hover {}
.news_introimg {float:left; max-width: 60px;}
.news_right {margin-left: 80px;}
.news_right h5 {margin-top: 0; font-size: 16px; text-transform: none; font-weight: 300; line-height: 1.1em;}
.search-field {max-width: 180px; background-color: transparent;}
.widget_social_links > h3 {margin-bottom: 13px;}
.widget_social_links ul {padding-left: 0; list-style: none;}
.widget_social_links a[class^="socialico-"] { padding: 0px 0px 0px 40px; font-size: inherit !important; color:#9283be;}
.widget_social_links a[class^="socialico-"]:before {top:-3px;}
.widget_social_links a[class^="socialico-"]:hover { color:#9283be;}
.widget_social_links li {padding:6px 10px 6px 0; vertical-align: bottom;}
.widget_schedule dt {font-weight: normal;}
.widget_schedule .dl-horizontal dt {width: 80px; text-align: left;}
.widget_schedule .dl-horizontal dd {margin-left: 100px; text-align: right;}
.widget_testimonials {padding:20px 0;}
.widget_testimonials .carousel-introtext{
    padding: 30px 0 10px 0;
    font-size: 20px; 
    font-weight: 300;
    line-height: 1em;
    text-align: center;
}
.widget_testimonials .carousel-introtext span{ position: relative; display: inline-block;}
.widget_testimonials .carousel-introtext span:before, .widget_testimonials .carousel-readmore:after {
    font-family: 'fontello';
    margin: 20px auto;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    font-size: 30px;
    line-height: 60px;
    content: '\e846';
    color:#fff;
    background-color: rgba(0, 0, 0, 0.1);
}
.widget_testimonials .carousel-readmore:after {content: '\e847';}

@media (max-width: 767px) {
    .widget_testimonials .carousel-introtext{
        font-size: 35px;
    }
    .widget_testimonials .carousel-introtext span{margin: 0 60px;}
}
.widget_testimonials .carousel-readmore{
    padding: 0;
    text-align: center;
    color:#9283be;
    font-size: 24px;
    line-height: 1;
    position: relative;

}
.widget_testimonials .carousel-readmore span{display: block; text-align: center; max-width: 60px; margin: 0 auto 14px;}
.widget_testimonials .carousel-readmore span img{border-radius: 100%; padding: 3px; border: 1px solid #fff;}
.widget_testimonials .carousel-control.right:hover, .widget_testimonials .carousel-control.left:hover {
 color:#fff;
}
.widget_testimonials .carousel-control.right, .widget_testimonials .carousel-control.left {
    display: block; width:50px; height: 50px; top:50%; right: 0px; margin-top: -15px; z-index: 10;
}
.widget_testimonials .carousel-control.left {
    left:0; right: auto;
}
.widget_testimonials .carousel-control.right:before {
    font-family: 'fontello';
    content: '\e834';
    font-size: 20px;
}
.widget_testimonials .carousel-control.left:before {
font-family: 'fontello';
content: '\e833';
font-size: 20px;
}

.thumbnail > img {border-radius: 0px; margin-bottom: 20px;}
.thumbnail {
    position: relative;
    margin-bottom: 0;
    padding: 0 0 20px 0;
    border-radius: 2px;
    border:none;
    background-color: rgba(100,100,100, 0.05);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.thumbnail:hover {}
.thumbnail .caption {
    text-align: center;
    padding: 0 20px;
    color:inherit;
}

.thumbnail.border-color2 .caption {background-color: #e6557c;}

.thumbnail.border-color3 .caption {background-color: #00c1e4;}

.thumbnail .caption h4 {font-size: 16px; font-weight: 300;  margin:0;}
.thumbnail .caption h4+p { font-size: 13px; }
.thumbnail .caption h4+p+p { clear: both; }
.thumbnail p.team-social {padding: 10px 20px 0px; margin:0; text-align: center; }

/*contact form widget*/
.contact-form p {}
.contact-form p:first-child {padding-left: 0;}
p.contact-form-name,p.contact-form-email,p.contact-form-subject {
    margin-bottom: 10px;
}
@media (max-width: 640px) {
    p.contact-form-name,p.contact-form-email,p.contact-form-subject {padding-right: 0;}
}
.contact-form-50 p.contact-form-name, .contact-form-50 p.contact-form-email, .contact-form-50 p.contact-form-email {
 width:50%;   
}
p.contact-form-message, p.form-submit {
   padding:0;
}

@media (max-width: 570px) {
    p.contact-form-name, p.contact-form-email, p.contact-form-subject {
        float: none; width: 100% !important;
    }
}

/*twitter widget*/
.twitter img{ display: none;}
.widget_tweet ul.tweet_list {padding: 0; list-style: none;}
.widget_tweet ul.tweet_list li+li {
border-top: 1px solid #ddd;
padding-top: 6px;
margin-top: 6px;
}
.twitter .tweet_time{}

#tweets {}
#tweets .twitter {}
#tweets .twitter p {margin-bottom: 0;}
#tweets .tweet_list li{}
#tweets .tweet_list a{}
#tweets .tweet_list a:hover{}
#tweets .flex-control-nav, #tweets .flex-direction-nav {display: none !important;}
#tweets .tweet_avatar {display: none;}

/*circle progress bars widgets*/
.chart {
  position: relative;
  display: inline-block;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin:20px 0;
  height: 130px;
}
.chart + p {
    margin: 25px 0 10px;
}
.chart canvas {
}
.percent {
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  font-size: 50px;
  margin-top: 0.7em;
  margin-left: -0.75em;
  z-index: 2;
}
.percent:after {
    content: "%";
    font-size: 0.5em;
}

/*pricing tables*/
.pricing-table {
    border: 1px solid #ccc;
    overflow: hidden;
    list-style: none;
    padding: 0;
    text-align: center;
    border-radius: 2px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;

}
.pricing-table.style2 { background-color: rgba(100,100,100,0.2);  border-bottom: 10px solid #9283be; position: relative;}
.pricing-table:hover {
   box-shadow: 0px 0px 4px 2px #ccc;
}

.pricing-table ul {list-style: none; padding: 0;}
.pricing-table ul li{padding: 10px 0; border-top: 1px solid #F1F1F1; border-bottom: 1px solid #F1F1F1; margin:0 40px;}
.pricing-table ul li:before {font-family: 'rt-icons'; content: "\e600"; color:#9283be; padding-right: 8px;}
.pricing-table ul li.feature_disabled:before {content: "\e602"; color:#525252;}
.pricing-table li + li {border-top:0;}
.pricing-table li p {padding:6px; margin:0;}
.pricing-table li.plan-price {padding: 30px 0 10px; background-color: #F1F1F1;}
.pricing-table.style2 li.plan-price p{color:#fff; padding: 8px 0; text-transform: uppercase;}
.pricing-table li.plan-name {font-size: 1.8em; padding: 22px 0 22px; color:#9283be;  }
.pricing-table.style2 li.plan-name {font-size: 24px; font-weight: 700; padding: 14px 0 14px; color:#272727; background: #9283be; 
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.pricing-table.style2.border-color2 li.plan-name {background: #9283be; }
.pricing-table.style2.border-color3 li.plan-name {background: #00c1e4; }
.plan-price span + span {
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -1px;
    color:#9283be;
}
.border-color2 .plan-price span + span {color:#9283be;}
.border-color3 .plan-price span + span {color:#00c1e4;}

.plan-price span:first-child {
    font-size: 20px;
    position: relative;
    top: -14px;
    color:#9283be;
}
.call-to-action {margin: 40px 0;}
.call-to-action a {}
.style2 .call-to-action a {color:#fff; border-color: #fff; display: inline-block; margin: 40px 0;}
.call-to-action a:hover {}

/*flickr widget*/
ul#flickr {margin: 0 auto; padding: 0; /*max-width: 300px; text-align: center;*/}
ul#flickr li {
    background-color: #C4C4C4;
    display: inline-block;
    line-height: 0 !important;
    list-style: none outside none;
    margin: 0 12px 12px 0;
}

/*animated elements*/
.to_fade, .to_slide_right, .to_slide_left {/*opacity: 0;*/}

/*Call Out*/
.bs-callout {
    border-left: 3px solid #EEEEEE;
    margin: 20px 0;
    padding: 30px;
    font-size: 1.3em;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout-danger {
    background-color: #FDF7F7;
    border-color: #EED3D7;
}
.bs-callout-danger h4 {
    color: #B94A48;
}
.bs-callout-warning {
    background-color: #FAF8F0;
    border-color: #FAEBCC;
}
.bs-callout-warning h4 {
    color: #8A6D3B;
}
.bs-callout-info {
    background-color: rgba(100, 100, 100, 0.1);
    border-color: rgba(100, 100, 100, 0.2);
    border-width: 10px;
}
.bs-callout-info h4 {
    color: #fff;
}

/*page preloader*/
.preloader  {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: url(../example/logo.png) no-repeat 50% 50% #fff;*/
    background: #fff;
    z-index: 13000;
    height: 100%;
 }

.preloaderimg  {
     width: 80px;
     height: 80px;
     position: absolute;
     left: 50%;
     top: 50%;
     background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
     margin:-40px 0 0 -40px;
}


/* 
 *  Core Owl Carousel CSS File
 *  v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
    
.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(../img/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x : 50%;
    -webkit-perspective-origin-y : 50%;
    -moz-perspective : 1200px;
    -moz-perspective-origin-x : 50%;
    -moz-perspective-origin-y : 50%;
    perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/*
*   Owl Carousel Owl Theme 
*   v1.24
*/

.owl-theme .owl-controls{
    margin-top: 10px;
    text-align: center;
}

.owl-buttons {position: absolute; top:50%; width: 100%; margin-top: -8px;}
.owl-prev, .owl-next {
    position: absolute;
    left:-10px;
}
.owl-next {right: -10px; left:auto;}
.owl-prev:before, .owl-next:before {
    font-family: 'fontello';
    content: '\e834';
    font-size: 28px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;

}
.owl-prev:before {content: '\e833';}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
    display: inline-block;
    zoom: 1;
    /**display: inline;/*IE7 life-saver*/ 
    font-size: 16px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    opacity: 0.95;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
    color: #272727;
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    /*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #532b84;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(../img/AjaxLoader.gif) no-repeat center center
}

/*fractionslider*/
.slider-wrapper{
    position:relative;
    width:100%;
    margin:0 auto;

}
.responisve-container {
    overflow:hidden;
}
.slider{
    position:relative;
    width:100%; 
 /*height:400px;  when responsive, comment this out */
    margin:0 auto;
}
/*
@media only screen and (min-width: 1000px){
    .slider{
        width:1000px;
    }
}

@media only screen and (min-width: 1440px){
    .slider{
        width:1440px;
    }
}*/

.fraction-slider{
    position:relative;
    width:100%; height:100%;
    overflow:visible;
}

.fraction-slider .slide{
    display:none; width:100%; height:100%;
    position:absolute;
    z-index:5000;
}

.fraction-slider .active-slide{
    z-index:9999;
}

.fraction-slider .fs_obj{
    display:block; display:none;
    position:absolute;
    top:0px; left:100%;
    z-index:7000;
}

@media screen and (max-width: 767px) {
    .fraction-slider .fs_obj{
        padding: 20px;
    }
}

.fraction-slider .fs_fixed_obj{
    z-index:6000;
    left:0;
}

.fraction-slider .fs_obj *{
    display:inline-block;
    position:relative;
    top:0px; left:0px;
}

.fs_loader{
    width:100%; height:400px;
    background:url(../img/fractionslider/fs.spinner.gif) center center no-repeat transparent;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
    display:none;
    position:absolute;
    width:45px; height:45px;
    z-index:9999;
}

.fraction-slider .prev{
    left:10px; top:48%;
    background:url(../img/fractionslider/fs.prevnext.png) 0px 0px no-repeat transparent;
    
}
.fraction-slider .prev:hover{
    background:url(../img/fractionslider/fs.prevnext.png) 0px -45px no-repeat transparent;
}

.fraction-slider .next{
    right:10px; top:48%;
    background:url(../img/fractionslider/fs.prevnext.png) -45px 0px no-repeat transparent;
}
.fraction-slider .next:hover{
    background:url(../img/fractionslider/fs.prevnext.png) -45px -45px no-repeat transparent;
}

.fraction-slider:hover .prev,
.fraction-slider:hover .next{
    display:block;
}

/** PAGER **/

.fs-pager-wrapper{
    position:absolute;
    bottom:50px;
    width: 100%;
    text-align: center;
    z-index:9999;   
}

.fs-pager-wrapper a,
.fs-custom-pager-wrapper a{
    display:inline-block;
    width:18px; 
    height:18px;
    margin:0 3px 0 5px;
    background-color: #fff;
    border-radius: 100%;
}

.fs-pager-wrapper a:hover,
.fs-custom-pager-wrapper a:hover{
opacity: 0.5;
}

.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active{
    background-color:#9283be;
}



/*mainslider*/
.slider-wrapper p {}
.fs_dark {font-size: 60px; color:#fff; font-weight: 300; text-transform: uppercase; background-color: #9283be; padding: 6px 20px 4px; }
.fs_light {color:#fff; background-color: rgba(100, 100, 100, 0.5);}
.fs_light {padding: 10px 20px; font-size: 40px;}
.fs_description {max-width: 450px; color:#272727; font-size: 20px; line-height: 1.3em;}



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

[class^="rt-icon-"], [class*=" rt-icon-"] {
    font-family: 'rt-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.rt-icon-ok:before {content: "\e600";}
.rt-icon-youtube:before {content: "\e601";}
.rt-icon-times:before {content: "\e602";}
.rt-icon-image:before {content: "\e603";}
.rt-icon-phone:before {content: "\e604";}
.rt-icon-heart:before {content: "\e605";}
.rt-icon-microphone:before {content: "\e606";}
.rt-icon-rss-outline:before {content: "\e607";}
.rt-icon-message:before {content: "\e608";}
.rt-icon-location-outline:before {content: "\e609";}
.rt-icon-link-outline:before {content: "\e60a";}
.rt-icon-image-outline:before {content: "\e60b";}
.rt-icon-export-outline:before {content: "\e60c";}
.rt-icon-cross:before {content: "\e60d";}
.rt-icon-star-outline:before {content: "\e60e";}
.rt-icon-mail:before {content: "\e60f";}
.rt-icon-heart-outline:before {content: "\e610";}
.rt-icon-flash-outline:before {content: "\e611";}
.rt-icon-arrow-move-outline:before {content: "\e612";}
.rt-icon-watch:before {content: "\e613";}
.rt-icon-time:before {content: "\e614";}
.rt-icon-location-arrow-outline:before {content: "\e615";}
.rt-icon-attachment-outline:before {content: "\e616";}
.rt-icon-user-outline:before {content: "\e617";}
.rt-icon-lock-closed-outline:before {content: "\e618";}
.rt-icon-lock-open-outline:before {content: "\e619";}
.rt-icon-group-outline:before {content: "\e61a";}
.rt-icon-chart-pie-outline:before {content: "\e61b";}
.rt-icon-video-outline:before {content: "\e61c";}
.rt-icon-map:before {content: "\e61d";}
.rt-icon-key-outline:before {content: "\e61e";}
.rt-icon-infinity-outline:before {content: "\e61f";}
.rt-icon-globe-outline:before {content: "\e620";}
.rt-icon-eye-outline:before {content: "\e621";}
.rt-icon-cog-outline:before {content: "\e622";}
.rt-icon-camera-outline:before {content: "\e623";}
.rt-icon-scissors-outline:before {content: "\e624";}
.rt-icon-refresh-outline:before {content: "\e625";}
.rt-icon-zoom-outline:before {content: "\e626";}
.rt-icon-pin-outline:before {content: "\e627";}
.rt-icon-message-typing:before {content: "\e628";}
.rt-icon-folder:before {content: "\e629";}
.rt-icon-pencil:before {content: "\e62a";}
.rt-icon-brush:before {content: "\e62b";}
.rt-icon-thumbs-up:before {content: "\e62c";}
.rt-icon-pen:before {content: "\e62d";}
.rt-icon-calender-outline:before {content: "\e62e";}
.rt-icon-business-card:before {content: "\e62f";}
.rt-icon-calculator:before {content: "\e630";}
.rt-icon-clipboard:before {content: "\e631";}
.rt-icon-gift:before {content: "\e632";}
.rt-icon-bell:before {content: "\e633";}
.rt-icon-anchor-outline:before {content: "\e634";}
.rt-icon-power-outline:before {content: "\e635";}
.rt-icon-shopping-bag:before {content: "\e636";}
.rt-icon-device-tablet:before {content: "\e637";}
.rt-icon-device-phone:before {content: "\e638";}
.rt-icon-device-laptop:before {content: "\e639";}
.rt-icon-device-desktop:before {content: "\e63a";}
.rt-icon-spanner-outline:before {content: "\e63b";}
.rt-icon-puzzle-outline:before {content: "\e63c";}
.rt-icon-printer:before {content: "\e63d";}
.rt-icon-lightbulb:before {content: "\e63e";}
.rt-icon-flag-outline:before {content: "\e63f";}
.rt-icon-contacts:before {content: "\e640";}
.rt-icon-weather-stormy:before {content: "\e641";}
.rt-icon-weather-shower:before {content: "\e642";}
.rt-icon-weather-partly-sunny:before {content: "\e643";}
.rt-icon-weather-downpour:before {content: "\e644";}
.rt-icon-weather-cloudy:before {content: "\e645";}
.rt-icon-plane-outline:before {content: "\e646";}
.rt-icon-phone-outline:before {content: "\e647";}
.rt-icon-microphone-outline:before {content: "\e648";}
.rt-icon-weather-sunny:before {content: "\e649";}
.rt-icon-weather-snow:before {content: "\e64a";}
.rt-icon-weather-night:before {content: "\e64b";}
.rt-icon-wine:before {content: "\e64c";}
.rt-icon-tags:before {content: "\e64d";}
.rt-icon-headphones:before {content: "\e64e";}
.rt-icon-plug:before {content: "\e64f";}
.rt-icon-credit-card:before {content: "\e650";}
.rt-icon-coffee:before {content: "\e651";}
.rt-icon-book:before {content: "\e652";}
.rt-icon-beer:before {content: "\e653";}
.rt-icon-tree:before {content: "\e654";}
.rt-icon-thermometer:before {content: "\e655";}
.rt-icon-messages:before {content: "\e656";}
.rt-icon-shopping-cart:before {content: "\e657";}
.rt-icon-leaf:before {content: "\e658";}
.rt-icon-volume:before {content: "\e659";}
.rt-icon-microphone2:before {content: "\e65a";}
.rt-icon-paperclip:before {content: "\e65b";}
.rt-icon-trashcan:before {content: "\e65c";}
.rt-icon-search:before {content: "\e65d";}
.rt-icon-chat:before {content: "\e65e";}
.rt-icon-calendar:before {content: "\e65f";}
.rt-icon-bookmark:before {content: "\e660";}
.rt-icon-email:before {content: "\e661";}
.rt-icon-heart2:before {content: "\e662";}
.rt-icon-cloud:before {content: "\e663";}
.rt-icon-book2:before {content: "\e664";}
.rt-icon-star:before {content: "\e665";}
.rt-icon-clock:before {content: "\e666";}
.rt-icon-users:before {content: "\e667";}
.rt-icon-user:before {content: "\e668";}
.rt-icon-bullhorn:before {content: "\e669";}
.rt-icon-diamond:before {content: "\e66a";}
.rt-icon-drink:before {content: "\e66b";}
.rt-icon-shorts:before {content: "\e66c";}
.rt-icon-syringe:before {content: "\e66d";}
.rt-icon-barbell:before {content: "\e66e";}
.rt-icon-chart:before {content: "\e66f";}
.rt-icon-pencil2:before {content: "\e670";}
.rt-icon-newspaper:before {content: "\e671";}
.rt-icon-earth:before {content: "\e672";}
.rt-icon-clock2:before {content: "\e673";}
.rt-icon-comment:before {content: "\e674";}
.rt-icon-chat2:before {content: "\e675";}
.rt-icon-speaker:before {content: "\e676";}
.rt-icon-heart3:before {content: "\e677";}
.rt-icon-list:before {content: "\e678";}
.rt-icon-edit:before {content: "\e679";}
.rt-icon-trash:before {content: "\e67a";}
.rt-icon-briefcase:before {content: "\e67b";}
.rt-icon-calendar2:before {content: "\e67c";}
.rt-icon-inbox:before {content: "\e67d";}
.rt-icon-google-plus:before {content: "\e67e";}
.rt-icon-instagram:before {content: "\e67f";}
.rt-icon-user2:before {content: "\e680";}
.rt-icon-users2:before {content: "\e681";}
.rt-icon-archive:before {content: "\e682";}
.rt-icon-desktop:before {content: "\e683";}
.rt-icon-sent:before {content: "\e684";}
.rt-icon-share:before {content: "\e685";}
.rt-icon-film:before {content: "\e686";}
.rt-icon-tag:before {content: "\e687";}
.rt-icon-email2:before {content: "\e688";}
.rt-icon-picture:before {content: "\e689";}
.rt-icon-frame:before {content: "\e68a";}
.rt-icon-locked:before {content: "\e68b";}
.rt-icon-pin:before {content: "\e68c";}
.rt-icon-search2:before {content: "\e68d";}
.rt-icon-home:before {content: "\e68e";}
.rt-icon-cart:before {content: "\e68f";}
.rt-icon-camera:before {content: "\e690";}
.rt-icon-compass:before {content: "\e691";}
.rt-icon-cloud2:before {content: "\e692";}
.rt-icon-grid:before {content: "\e693";}
.rt-icon-popup:before {content: "\e694";}
.rt-icon-home2:before {content: "\e695";}
.rt-icon-light-bulb:before {content: "\e696";}
.rt-icon-store:before {content: "\e697";}
.rt-icon-anchor:before {content: "\e698";}
.rt-icon-book3:before {content: "\e699";}
.rt-icon-sound-alt:before {content: "\e69a";}
.rt-icon-inbox2:before {content: "\e69b";}
.rt-icon-inbox-alt:before {content: "\e69c";}
.rt-icon-envelope:before {content: "\e69d";}
.rt-icon-compose:before {content: "\e69e";}
.rt-icon-chat-alt-stroke:before {content: "\e69f";}
.rt-icon-rss:before {content: "\e6a0";}
.rt-icon-cog:before {content: "\e6a1";}
.rt-icon-pin2:before {content: "\e6a2";}
.rt-icon-link:before {content: "\e6a3";}
.rt-icon-key-stroke:before {content: "\e6a4";}
.rt-icon-lightbulb2:before {content: "\e6a5";}
.rt-icon-compass2:before {content: "\e6a6";}
.rt-icon-book-alt2:before {content: "\e6a7";}
.rt-icon-book4:before {content: "\e6a8";}
.rt-icon-book-alt:before {content: "\e6a9";}
.rt-icon-pen-alt-stroke:before {content: "\e6aa";}
.rt-icon-layers:before {content: "\e6ab";}
.rt-icon-paperclip2:before {content: "\e6ac";}
.rt-icon-fork:before {content: "\e6ad";}
.rt-icon-uniF756:before {content: "\e6ae";}
.rt-icon-uniF765:before {content: "\e6af";}
.rt-icon-uniF794:before {content: "\e6b0";}
.rt-icon-uniF56B:before {content: "\e6b1";}
.rt-icon-fish:before {content: "\e6b2";}
.rt-icon-cupcake:before {content: "\e6b3";}
.rt-icon-pizza:before {content: "\e6b4";}
.rt-icon-cherry:before {content: "\e6b5";}
.rt-icon-mushroom:before {content: "\e6b6";}
.rt-icon-bone:before {content: "\e6b7";}
.rt-icon-steak:before {content: "\e6b8";}
.rt-icon-bottle:before {content: "\e6b9";}
.rt-icon-restaurantmenu:before {content: "\e6ba";}
.rt-icon-coffeebean:before {content: "\e6bb";}
.rt-icon-chocolate:before {content: "\e6bc";}
.rt-icon-raspberry:before {content: "\e6bd";}
.rt-icon-raspberrypi:before {content: "\e6be";}
.rt-icon-birthday:before {content: "\e6bf";}
.rt-icon-sun:before {content: "\e6c0";}
.rt-icon-moon:before {content: "\e6c1";}
.rt-icon-cloudy:before {content: "\e6c2";}
.rt-icon-cloud3:before {content: "\e6c3";}
.rt-icon-cloud4:before {content: "\e6c4";}
.rt-icon-lightning:before {content: "\e6c5";}
.rt-icon-rainy:before {content: "\e6c6";}
.rt-icon-snowy:before {content: "\e6c7";}
.rt-icon-mobile:before {content: "\e6c8";}
.rt-icon-ipod:before {content: "\e6c9";}
.rt-icon-monitor:before {content: "\e6ca";}
.rt-icon-laptop:before {content: "\e6cb";}
.rt-icon-window:before {content: "\e6cc";}
.rt-icon-mouse:before {content: "\e6cd";}
.rt-icon-quote:before {content: "\e6ce";}
.rt-icon-quote2:before {content: "\e6cf";}
.rt-icon-microphone3:before {content: "\e6d0";}
.rt-icon-cog2:before {content: "\e6d1";}
.rt-icon-gamepad:before {content: "\e6d2";}
.rt-icon-graduate:before {content: "\e6d3";}
.rt-icon-lab:before {content: "\e6d4";}
.rt-icon-tie:before {content: "\e6d5";}
.rt-icon-heart4:before {content: "\e6d6";}
.rt-icon-cloud5:before {content: "\e6d7";}
.rt-icon-star2:before {content: "\e6d8";}
.rt-icon-tv:before {content: "\e6d9";}
.rt-icon-sound:before {content: "\e6da";}
.rt-icon-video:before {content: "\e6db";}
.rt-icon-trash2:before {content: "\e6dc";}
.rt-icon-user3:before {content: "\e6dd";}
.rt-icon-key:before {content: "\e6de";}
.rt-icon-search3:before {content: "\e6df";}
.rt-icon-eye:before {content: "\e6e0";}
.rt-icon-bubble:before {content: "\e6e1";}
.rt-icon-stack:before {content: "\e6e2";}
.rt-icon-cup:before {content: "\e6e3";}
.rt-icon-phone2:before {content: "\e6e4";}
.rt-icon-news:before {content: "\e6e5";}
.rt-icon-mail2:before {content: "\e6e6";}
.rt-icon-like:before {content: "\e6e7";}
.rt-icon-photo:before {content: "\e6e8";}
.rt-icon-note:before {content: "\e6e9";}
.rt-icon-food:before {content: "\e6ea";}
.rt-icon-t-shirt:before {content: "\e6eb";}
.rt-icon-fire:before {content: "\e6ec";}
.rt-icon-clip:before {content: "\e6ed";}
.rt-icon-shop:before {content: "\e6ee";}
.rt-icon-calendar3:before {content: "\e6ef";}
.rt-icon-wallet:before {content: "\e6f0";}
.rt-icon-vynil:before {content: "\e6f1";}
.rt-icon-truck:before {content: "\e6f2";}
.rt-icon-world:before {content: "\e6f3";}
.rt-icon-settings:before {content: "\e6f4";}
.rt-icon-camera2:before {content: "\e6f5";}
.rt-icon-tag2:before {content: "\e6f6";}
.rt-icon-lock:before {content: "\e6f7";}
.rt-icon-bulb:before {content: "\e6f8";}
.rt-icon-pen2:before {content: "\e6f9";}
.rt-icon-diamond2:before {content: "\e6fa";}
.rt-icon-display:before {content: "\e6fb";}
.rt-icon-location:before {content: "\e6fc";}
.rt-icon-clock3:before {content: "\e6fd";}
.rt-icon-paperplane:before {content: "\e6fe";}
.rt-icon-params:before {content: "\e6ff";}
.rt-icon-banknote:before {content: "\e700";}
.rt-icon-data:before {content: "\e701";}
.rt-icon-music:before {content: "\e702";}
.rt-icon-megaphone:before {content: "\e703";}
.rt-icon-study:before {content: "\e704";}
.rt-icon-lab2:before {content: "\e705";}
.rt-icon-chat3:before {content: "\e706";}
.rt-icon-archive2:before {content: "\e707";}
.rt-icon-user4:before {content: "\e708";}
.rt-icon-users3:before {content: "\e709";}
.rt-icon-archive3:before {content: "\e70a";}
.rt-icon-earth2:before {content: "\e70b";}
.rt-icon-location2:before {content: "\e70c";}
.rt-icon-mobile2:before {content: "\e70d";}
.rt-icon-screen:before {content: "\e70e";}
.rt-icon-mail3:before {content: "\e70f";}
.rt-icon-support:before {content: "\e710";}
.rt-icon-videos:before {content: "\e711";}
.rt-icon-star3:before {content: "\e712";}
.rt-icon-heart5:before {content: "\e713";}
.rt-icon-bookmark2:before {content: "\e714";}
.rt-icon-file:before {content: "\e715";}
.rt-icon-locked2:before {content: "\e716";}
.rt-icon-unlocked:before {content: "\e717";}
.rt-icon-archive4:before {content: "\e718";}
.rt-icon-images:before {content: "\e719";}
.rt-icon-images2:before {content: "\e71a";}
.rt-icon-pencil3:before {content: "\e71b";}
.rt-icon-pictures:before {content: "\e71c";}
.rt-icon-link2:before {content: "\e71d";}
.rt-icon-search4:before {content: "\e71e";}
.rt-icon-cog3:before {content: "\e71f";}
.rt-icon-trashcan2:before {content: "\e720";}
.rt-icon-pencil4:before {content: "\e721";}
.rt-icon-article:before {content: "\e722";}
.rt-icon-clock4:before {content: "\e723";}
.rt-icon-heart6:before {content: "\e724";}
.rt-icon-palette:before {content: "\e725";}
.rt-icon-leaf2:before {content: "\e726";}
.rt-icon-megaphone2:before {content: "\e727";}
.rt-icon-bell2:before {content: "\e728";}
.rt-icon-lifebuoy:before {content: "\e729";}
.rt-icon-magnet:before {content: "\e72a";}
.rt-icon-light-bulb2:before {content: "\e72b";}
.rt-icon-flickr:before {content: "\e72c";}
.rt-icon-flickr2:before {content: "\e72d";}
.rt-icon-vimeo:before {content: "\e72e";}
.rt-icon-vimeo2:before {content: "\e72f";}
.rt-icon-twitter:before {content: "\e730";}
.rt-icon-twitter2:before {content: "\e731";}
.rt-icon-facebook:before {content: "\e732";}
.rt-icon-facebook2:before {content: "\e733";}
.rt-icon-facebook3:before {content: "\e734";}
.rt-icon-googleplus:before {content: "\e735";}
.rt-icon-googleplus2:before {content: "\e736";}
.rt-icon-pinterest:before {content: "\e737";}
.rt-icon-pinterest2:before {content: "\e738";}
.rt-icon-tumblr:before {content: "\e739";}
.rt-icon-tumblr2:before {content: "\e73a";}
.rt-icon-linkedin:before {content: "\e73b";}
.rt-icon-linkedin2:before {content: "\e73c";}
.rt-icon-dribbble:before {content: "\e73d";}
.rt-icon-dribbble2:before {content: "\e73e";}
.rt-icon-stumbleupon:before {content: "\e73f";}
.rt-icon-stumbleupon2:before {content: "\e740";}
.rt-icon-lastfm:before {content: "\e741";}
.rt-icon-lastfm2:before {content: "\e742";}
.rt-icon-skype:before {content: "\e743";}
.rt-icon-skype2:before {content: "\e744";}
.rt-icon-behance:before {content: "\e745";}
.rt-icon-vk:before {content: "\e746";}
.rt-icon-smashing:before {content: "\e747";}
.rt-icon-dropbox:before {content: "\e748";}
.rt-icon-evernote:before {content: "\e749";}
.rt-icon-picasa:before {content: "\e74a";}
.rt-icon-instagram2:before {content: "\e74b";}


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

a[class^="socialico-"] {
font-size: 0px !important;
display: inline-block;
position: relative;
padding-right: 38px;
line-height: 30px;
vertical-align: middle;
}

a[class^="socialico-"]:before {
display: inline-block;
text-indent: 0;
overflow: hidden;
font-family: 'socialicoregular';
font-size: 24px;
text-align: center;
line-height: 1;
position: absolute;
top: -5px;
left: 0;
color:#666666;
/*background-color: #9283be;*/
border:1px solid transparent;
border-radius: 1px;
width: 30px;
height: 30px;
margin: 0 3px;
line-height: 30px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
a[class^="socialico-"]:hover {}
a[class^="socialico-"]:hover:before {
/*border-color: #532b84;*/
color:#9283be;
background-color: #fff;
-webkit-transition: all 0.1s linear 0s;
-moz-transition: all 0.1s linear 0s;
-o-transition: all 0.1s linear 0s;
-ms-transition: all 0.1s linear 0s;
transition: all 0.1s linear 0s;
}
a[class*="rounded"]:hover:before, a[class*="rounded"]:before {
    background-color: transparent;
    color:#9283be;
}


a.socialico-soundcloud-rounded:before {content: "!";}
a.socialico-pinterest-rounded:before {content: "&";}
a.socialico-windows-rounded:before {content: "0";}
a.socialico-addthis-rounded:before {content: "1";}
a.socialico-sharethis-rounded:before {content: "2";}
a.socialico-picasa-rounded:before {content: "4";}
a.socialico-lastfm-rounded:before {content: "5";}
a.socialico-technorati-rounded:before {content: "?";}
a.socialico-mac-rounded:before {content: "@";}
a.socialico-dribble-rounded:before {content: "d";}
a.socialico-behance-rounded:before {content: "b";}
a.socialico-facebook-rounded:before {content: "f";}
a.socialico-google-rounded:before {content: "g";}
a.socialico-skype-rounded:before {content: "h";}
a.socialico-linkedin-rounded:before {content: "i";}
a.socialico-deviantart-rounded:before {content: "j";}
a.socialico-bing-rounded:before {content: "k";}
a.socialico-twitter-rounded:before {content: "l";}
a.socialico-myspace-rounded:before {content: "m";}
a.socialico-flickr-rounded:before {content: "n";}
a.socialico-tumblr-rounded:before {content: "o";}
a.socialico-paypal-rounded:before {content: "p";}
a.socialico-rss-rounded:before {content: "r";}
a.socialico-stumbleupon-rounded:before {content: "s";}
a.socialico-blogger-rounded:before {content: "u";}
a.socialico-vimeo-rounded:before {content: "v";}
a.socialico-wordpress-rounded:before {content: "w";}
a.socialico-youtube-rounded:before {content: "x";}
a.socialico-yahoo-rounded:before {content: "y";}
a.socialico-aim-rounded:before {content: "z";}
a.socialico-dribble:before {content: "D";}
a.socialico-behance:before {content: "E";}
a.socialico-facebook:before {content: "F";}
a.socialico-google:before {content: "G";}
a.socialico-skype:before {content: "H";}
a.socialico-linkedin:before {content: "I";}
a.socialico-deviantart:before {content: "J";}
a.socialico-bing:before {content: "K";}
a.socialico-twitter:before {content: "L";}
a.socialico-myspace:before {content: "M";}
a.socialico-flickr:before {content: "N";}
a.socialico-tumblr:before {content: "T";}
a.socialico-paypal:before {content: "P";}
a.socialico-rss:before {content: "R";}
a.socialico-stumbleupon:before {content: "S";}
a.socialico-blogger:before {content: "B";}
a.socialico-vimeo:before {content: "V";}
a.socialico-wordpress:before {content: "W";}
a.socialico-youtube:before {content: "X";}
a.socialico-yahoo:before {content: "Y";}
a.socialico-aim:before {content: "Z";}

/*colors for used social icons*/
/*a.socialico-facebook:before {background-color:#507cbe;}
a.socialico-twitter:before {background-color:#00abef;}
a.socialico-flickr:before {background-color:#ff0084;}
a.socialico-google:before {background-color:#cb4437;}
a.socialico-linkedin:before {background-color:#00649b;}
a.socialico-dribble:before {background-color:#f76799;}
a.socialico-pint:before {background-color:#00bdec;}
a.socialico-skype:before {background-color:#17b3ee;}*/


/*fontello arrow icons*/
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?81703720');
  src: url('../fonts/fontello.eot?81703720#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff?81703720') format('woff'),
       url('../fonts/fontello.ttf?81703720') format('truetype'),
       url('../fonts/fontello.svg?81703720#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg?81703720#fontello') format('svg');
  }
}
*/
 
 [class^="arrow-icon-"]:before, [class*=" arrow-icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  text-shadow:none !important;
}
.arrow-icon-picture:before { content: '\e848'; }
.arrow-icon-up-micro:before { content: '\e853'; }
.arrow-icon-quote-right-1:before { content: '\e847'; }
.arrow-icon-location:before { content: '\e849'; }
.arrow-icon-down-dir:before { content: '\e84a'; }
.arrow-icon-up-dir:before { content: '\e84b'; }
.arrow-icon-left-dir:before { content: '\e83b'; }
.arrow-icon-right-dir:before { content: '\e83a'; }
.arrow-icon-down-open-3:before { content: '\e83c'; }
.arrow-icon-left-open-4:before { content: '\e83d'; }
.arrow-icon-right-open-4:before { content: '\e83e'; }
.arrow-icon-up-open-3:before { content: '\e83f'; }
.arrow-icon-angle-left:before { content: '\e840'; }
.arrow-icon-angle-right:before { content: '\e841'; }
.arrow-icon-angle-up:before { content: '\e842'; }
.arrow-icon-angle-down:before { content: '\e843'; }
.arrow-icon-angle-double-left:before { content: '\e844'; }
.arrow-icon-angle-double-right:before { content: '\e845'; }
.arrow-icon-angle-double-up:before { content: '\e84d'; }
.arrow-icon-angle-double-down:before { content: '\e84c'; }
.arrow-icon-plus-1:before { content: '\e838'; }
.arrow-icon-minus-1:before { content: '\e839'; }
.arrow-icon-down-open-2:before { content: '\e82a'; }
.arrow-icon-left-open-3:before { content: '\e82b'; }
.arrow-icon-right-open-3:before { content: '\e82c'; }
.arrow-icon-up-open-2:before { content: '\e82d'; }
.arrow-icon-down-open-mini:before { content: '\e82e'; }
.arrow-icon-left-open-mini:before { content: '\e82f'; }
.arrow-icon-right-open-mini:before { content: '\e830'; }
.arrow-icon-up-open-mini:before { content: '\e831'; }
.arrow-icon-down-open-big:before { content: '\e832'; }
.arrow-icon-left-open-big:before { content: '\e833'; }
.arrow-icon-right-open-big:before { content: '\e834'; }
.arrow-icon-up-open-big:before { content: '\e835'; }
.arrow-icon-left-thin:before { content: '\e837'; }
.arrow-icon-right-thin:before { content: '\e836'; }
.arrow-icon-left-open-outline:before { content: '\e81c'; }
.arrow-icon-left-open-2:before { content: '\e81a'; }
.arrow-icon-right-open-outline:before { content: '\e81d'; }
.arrow-icon-right-open-2:before { content: '\e81b'; }
.arrow-icon-down:before { content: '\e81e'; }
.arrow-icon-left:before { content: '\e81f'; }
.arrow-icon-quote-left-1:before { content: '\e846'; }
.arrow-icon-up:before { content: '\e821'; }
.arrow-icon-down-outline:before { content: '\e822'; }
.arrow-icon-left-outline:before { content: '\e823'; }
.arrow-icon-right-outline:before { content: '\e824'; }
.arrow-icon-up-outline:before { content: '\e825'; }
.arrow-icon-down-small:before { content: '\e826'; }
.arrow-icon-left-small:before { content: '\e827'; }
.arrow-icon-right-small:before { content: '\e828'; }
.arrow-icon-up-small:before { content: '\e829'; }
.arrow-icon-plus:before { content: '\e806'; }
.arrow-icon-minus:before { content: '\e807'; }
.arrow-icon-quote-left:before { content: '\e808'; }
.arrow-icon-quote-right:before { content: '\e809'; }
.arrow-icon-quote-left-alt:before { content: '\e818'; }
.arrow-icon-quote-right-alt:before { content: '\e819'; }
.arrow-icon-down-open-1:before { content: '\e800'; }
.arrow-icon-left-open:before { content: '\e801'; }
.arrow-icon-right-open:before { content: '\e80a'; }
.arrow-icon-up-open-1:before { content: '\e80b'; }
.arrow-icon-down-1:before { content: '\e80e'; }
.arrow-icon-left-1:before { content: '\e80c'; }
.arrow-icon-right-1:before { content: '\e80d'; }
.arrow-icon-up-1:before { content: '\e80f'; }
.arrow-icon-down-bold:before { content: '\e810'; }
.arrow-icon-left-bold:before { content: '\e811'; }
.arrow-icon-right-bold:before { content: '\e812'; }
.arrow-icon-up-bold:before { content: '\e813'; }
.arrow-icon-down-fat:before { content: '\e814'; }
.arrow-icon-left-fat:before { content: '\e815'; }
.arrow-icon-right-fat:before { content: '\e816'; }
.arrow-icon-up-fat:before { content: '\e817'; }
.arrow-icon-plus-2:before { content: '\e84e'; }
.arrow-icon-minus-2:before { content: '\e84f'; }
.arrow-icon-quote:before { content: '\e850'; }
.arrow-icon-quote-circled:before { content: '\e851'; }
.arrow-icon-down-open:before { content: '\e802'; }
.arrow-icon-left-open-1:before { content: '\e803'; }
.arrow-icon-right-open-1:before { content: '\e804'; }
.arrow-icon-up-open:before { content: '\e805'; }
.arrow-icon-down-micro:before { content: '\e852'; }
.arrow-icon-right:before { content: '\e820'; }


/*prettyPhoto*/
div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px; margin-top: -2px;}
div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px; overflow: hidden;}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;/*margin:10px 0 2px;*/ padding:7px 10px; background-color: #fff;}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:30px;top:7px;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

div#FullWidth div#UpdatePanel2 {position: relative;}
@media (min-width: 1025px) {
    #divInvitation .modal-dialog .modal-body input[type="submit"] {
        margin-left: 27% !important;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        background-color: transparent;
        padding: 10px 20px 10px 20px;
        color: #fff;
        background-color: #a3238e;
        background-image: none;
        box-shadow: none;
        text-shadow: none;
        border: 2px solid #a3238e;
        border-radius: 30px;
        line-height: 1;
        letter-spacing: 0px;
        width: 258px;
        margin-bottom: 35px;
        margin-right: 15px;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }
}
/* dashboard */
#about div.container {padding-bottom: 30px !important;}
section#ContentPlaceHolder_middle div.block { background-color: #f4f2f8;margin-top: -20px;padding-top: 15px;}
@media (min-width: 641px) {
    #about div.container {/*padding-left: 0;*/}
    #about div.container .col-sm-4 {padding-left: 0;}
}
#about .col-sm-8 { background-color: #f4f2f8; padding: 5px 25px 15px 25px;}
@media (min-width: 1025px) {
    #about .col-sm-8 {min-height: 330px; max-height: 330px;}
}
@media (max-width: 640px) {
    #about .col-sm-8 { margin-left: 15px; margin-right: 15px;margin-top: 27px;}
}
#about .col-sm-8 h3{ font-size: 18px;margin-bottom: 15px;}
#about .col-sm-8 .contact-form-name input{ font-style: italic;padding: 0px 0px 0px 15px; height: 40px;}
#about .col-sm-8 .contact-form-submit {text-align: left; margin-top: 10px;}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    #about .col-sm-8 .contact-form-submit { margin-bottom: 0;}
}
#about .col-sm-8 p.contact-form-submit{position: relative;}
#about .col-sm-8 p.contact-form-submit:after{    
    content: '';
    background: url(images/chevron_white_right.png) no-repeat;
    position: absolute;
    top: 17px;
    height: 10px;
    width: 8px;
    margin-left: -25px;}

#about .col-sm-8 .badge {margin-bottom: 13px;}
#about .col-sm-8 hr {margin: 0;}
.badge {padding: 6px 15px;background-color: #d6d0e6; border-radius: 15px;}
/* Samsung galaxy tab 4 */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) {
    section#about div.col-sm-4 a img {width: 100%;}
}

/* resources */
#divResources {margin-bottom: 50px;}
#divResources div.row-fluid div.span8 p a.btn, #divResources div.row-fluid div.span9 p a.btn {border: 0; background-image: none;background-color: #a3238e;
    text-shadow: none;box-shadow: none;color: #fff;border-radius: 30px;margin-top: 25px;white-space: normal;}
#divResources div.row-fluid div.span8 h4,#divResources div.row-fluid div.span9 h4 {color: #4e2683; margin: 20px 0;}
#divResources div.row-fluid div.span8 p, #divResources div.row-fluid div.span9 p {line-height: 25px; font-size: 14px !important;margin-bottom: 0 !important;}
#divResources div.row-fluid div.span8 p:nth-of-type(2), #divResources div.row-fluid div.span9 p:nth-of-type(2) {margin-bottom: 0px !important;}
#divResources div.row-fluid hr {margin: 40px 0;}
#divResources div.row-fluid div.span8 ul, #divResources div.row-fluid div.span9 ul {list-style: none;padding:0;margin:0;line-height: 30px;}
#divResources div.row-fluid div.span8 ul li,#divResources div.row-fluid div.span9 ul li{padding-left: 1em; text-indent: -1em;}
#divResources div.row-fluid div.span9 ul li a {text-decoration: underline;}
#divResources div.row-fluid div.span8 ul li:before, #divResources div.row-fluid div.span9 ul li:before{content: "• ";color: #4e2583;padding-right: 5px;}
@media (max-width: 640px) {
    #divResources {margin-bottom: 27px;}
    #divResources div.row-fluid > div.span4,#divResources div.row-fluid > div.span3 {width: 100% !important;}
    #divResources div.row-fluid > div.span4 img,#divResources div.row-fluid > div.span3 img,#divResources div.row-fluid > div > div.span3 img  {width: 260px !important;}
    #divResources div.row-fluid hr {margin: 24px 0 20px 0;}
    #divInvitation .modal-dialog .modal-body input[type="submit"] {

font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent;
    padding: 10px 20px 10px 20px;
    color: #fff;
    background-color: #a3238e;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border: 2px solid #a3238e;
    border-radius: 30px;
    line-height: 1;
    letter-spacing: 0px;
    width: 258px;
    margin-bottom: 35px;
    margin-right: 15px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    #divResources {margin-bottom: 17px;}
    #divResources div.row-fluid div.span12 > h1 {margin-bottom: 30px !important;}
    #divResources div.row-fluid hr {margin: 24px 0 20px 0;}
    #divResources div.row-fluid div.span8 p a.btn,#divResources div.row-fluid div.span9 p a.btn {margin-top: 15px;}
}

/* Demographics */
section#middle div.gallery-single div.dvInstruction div.pageContent label.instruction {font-weight: 400;font-size: 15px; padding-left: 0 !important;}
section#middle div.gallery-single div.dvInstruction div.pageContent .span12 .span6:nth-of-type(2) label.instruction {padding-left: 20px !important;}
@media (max-width: 640px) {
    section#middle div.gallery-single div.dvInstruction div.pageContent .span12 .span6:nth-of-type(2) label.instruction {padding-left: 0 !important;}
}
section#middle div.gallery-single div.dvInstruction div.pageContent label.instruction span {color: #464646 !important}
section#middle div.gallery-single div#divMain span#ContentPlaceHolder_age {font-size: 15px;width: 250px;}
section#middle div.gallery-single div.dvInstruction div.pageContent input[type="text"] {height: 40px; margin-bottom: 22px;}
section#middle div.gallery-single div.dvInstruction div.pageContent .span12 .span6:nth-of-type(2) input[type="text"] {float: right;}
section#middle div.gallery-single div.dvInstruction div.pageContent .span12 .span6:nth-of-type(2) select#ddlGender {float: right;}
section#middle div.gallery-single div.dvInstruction div.pageContent .span12 .span6:nth-of-type(2) input[type="text"].ratioinput {float: none;}
section#middle div.gallery-single div.dvInstruction div.pageContent .span12 .span6:nth-of-type(2) input#txtRatio1.ratioinput {margin-left: 12px !important;}
section#middle div.gallery-single div.dvInstruction div.pageContent input.ratioinput:first-of-type {margin-left: 0 !important;}
section#middle div.gallery-single div.dvInstruction div.pageContent div.instruction label {padding-left: 0 !important;font-weight: 400;font-size: 15px;}
section#middle div.gallery-single div.dvInstruction div.pageContent div.instruction label span{color: #464646 !important;}
section#middle div.gallery-single div.dvInstruction div.pageContent input.ratioinput {box-shadow: none;}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    section#middle div.gallery-single div.dvInstruction div.pageContent div.span12 div.span6:first-of-type {margin-right:10px;}
    section#middle div.gallery-single div.dvInstruction div.pageContent .span12 .span6:nth-of-type(2) input#txtRatio1.ratioinput {margin-left: 0px !important;}
    section#middle div.gallery-single div.dvInstruction div.pageContent .span12 .span6:nth-of-type(2) label.instruction {padding-left: 0px !important;}
    section#middle div.gallery-single div.dvInstruction div.pageContent div.row-fluid div.span12 div.span6 select#ddlGender {width: 100% !important;}
    #divInvitation .modal-dialog .modal-body input[type="submit"] {margin-left: 27% !important;

font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent;
    padding: 10px 20px 10px 20px;
    color: #fff;
    background-color: #a3238e;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border: 2px solid #a3238e;
    border-radius: 30px;
    line-height: 1;
    letter-spacing: 0px;
    width: 258px;
    margin-bottom: 35px;
    margin-right: 15px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    }
}

/* Print recipe */
section#middle div.divPanel.page-content div#divMain > p {margin: 20px 0 0 0 !important;}


/* modal buttons */
.modal-dialog button,
.modal-dialog input[type="submit"].btn  {background-image: none; text-shadow: none; box-shadow: none; background-color: #a3238e; color: #fff;}
.modal-dialog .modal-footer input[type="submit"].btn, 
.modal-dialog .modal-footer button.btn {margin-right: 27% !important;}


.modal-dialog .modal-footer button.btn {
 font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent; 
    padding: 10px 20px 10px 20px;
    color: #fff;
    background-color: #a3238e;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    border:2px solid #a3238e;
    border-radius: 30px;
    line-height: 1;
    letter-spacing: 0px;
    width: 258px;
    margin-bottom: 35px;
    margin-right: 15px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.modal-dialog .modal-header button {color: #a3238e; background-color: #fff;}
.modal-dialog .modal-header button.close {opacity: 1 !important;}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
    #FullWidth div.Center #divSelectedPatient span#ContentPlaceHolder_age {text-align: left !important; width: 60% !important;}
}

/* customised radio buttons */
.FormatRadioButtonList {
  position: relative; }
  .FormatRadioButtonList label {
    position: relative;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    height: 22px;
    padding-left: 32px;
    padding-bottom: 5px;
    padding-right: 22px; }
    .FormatRadioButtonList label:after {
        content: '';
        position: absolute;
        width: 22px;
        height: 22px;
        background-image: url("images/blue-radio-btn-checkbox.png");
        background-repeat: no-repeat;
        top: 2px !important;
        right: auto;
        bottom: 0px;
        left: 0px;
        margin: auto; }
  .FormatRadioButtonList input[type=radio] {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .FormatRadioButtonList input[type=radio] + label:after {
      background-position: -200px center; }
    .FormatRadioButtonList input[type=radio] + label:hover:after {
      background-position: -224px center; }
    .FormatRadioButtonList input[type=radio]:focus + label:after, .styled-radio input[type=radio]:focus + label:after, .styled-radio input[type=radio]:active + label:after, .styled-radio input[type=radio]:active + label:after {
      background-position: -200px center; }
    .FormatRadioButtonList input[type=radio]:checked + label:after {
      background-position: -248px center; }
    .FormatRadioButtonList input[type=radio]:checked + label:hover:after, .styled-radio input[type=radio]:checked + label:focus:after {
      background-position: -324px center; }
    .FormatRadioButtonList input[type=radio]:checked:focus + label:after {
      background-position: -324px center; }
    .FormatRadioButtonList input[type=radio]:disabled + label:after {
      background-position: -272px center; }
    .FormatRadioButtonList input[type=radio]:disabled:checked + label:after {
      background-position: -296px center; }


/* customised checkbox */
.styled-checkbox {
  position: relative; }
  .styled-checkbox label {
    position: relative;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    height: 22px;
    padding-left: 25px; }
    .styled-checkbox label:after {
      content: '';
      position: absolute;
      width: 22px;
      height: 22px;
      background-image: url("images/blue-radio-btn-checkbox.png");
      background-repeat: no-repeat;
      top: auto;
      right: auto;
      bottom: 0px;
      left: 0px;
      margin: auto; }
  .styled-checkbox input[type=checkbox] {
    position: absolute;
    top: auto;
    left: 0px;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .styled-checkbox input[type=checkbox] + label:after {
      background-position: -55px 0; }
    .styled-checkbox input[type=checkbox] + label:hover:after {
      background-position: -79px 0; }
    .styled-checkbox input[type=checkbox]:focus + label:after, .styled-checkbox input[type=checkbox]:focus + label:after, .styled-checkbox input[type=checkbox]:active + label:after, .styled-checkbox input[type=checkbox]:active + label:after {
      background-position: -79px 0; }
    .styled-checkbox input[type=checkbox]:checked + label:after {
      background-position: -103px 0; }
    .styled-checkbox input[type=checkbox]:checked + label:hover:after, .styled-checkbox input[type=checkbox]:checked + label:focus:after {
      background-position: -176px 0; }
    .styled-checkbox input[type=checkbox]:checked:focus + label:after {
      background-position: -176px 0; }
    .styled-checkbox input[type=checkbox]:disabled + label:after {
      background-position: -127px 0; }
    .styled-checkbox input[type=checkbox]:disabled:checked + label:after {
      background-position: -150px 0; }


/*CSS animation hamburger to X */
@media (max-width: 1024px) {
    .main-menu-icon span{
        width: 22px;
        transition: all 0.2s;
    }
    .main-menu-icon span:nth-of-type(1){
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform-origin: 10% 10%;
        -webkit-transform-origin: 10% 10%;
        transform-origin: 10% 10%;
        background-color: #fff;
    }
    .main-menu-icon span:nth-of-type(2) {
        opacity: 0;
    }
    .main-menu-icon span:nth-of-type(3) {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -ms-transform-origin: 10% 90%;
        -webkit-transform-origin: 10% 90%;
        transform-origin: 10% 90%;
        background-color: #fff;
    }
    .main-menu-icon:not(.menu-opened) span:nth-of-type(1) {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        background-color: #9283be;
    }
    .main-menu-icon:not(.menu-opened) span:nth-of-type(2) {
        opacity: 1;
    }
    .main-menu-icon:not(.menu-opened) span:nth-of-type(3)  {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        background-color: #9283be;
    }
}
#header ul#mainmenu li a
{
    color: #fff !important;
}
@media (max-width: 640px) {
    .myrecipe-container select.w-select#ddlFoodItem{ width: 265px !important; margin-left: 15px;margin-bottom: 10px; margin-right: 10px;}
}

/*@media only screen and (max-device-width: 1024px) and (min-device-width: 992px){
    #mainslider div.flexslider { height: 480px !important;}   
}
@media only screen and (max-device-width: 991px) and (min-device-width: 768px){
    #mainslider div.flexslider { height: 440px !important;}   
}
@media only screen and (max-device-width: 767px) and (min-device-width: 600px){
    #mainslider div.flexslider { height: 460px !important;}   
}
@media only screen and (max-device-width: 599px) and (min-device-width: 400px){
    #mainslider div.flexslider { height: 400px !important;}   
}*/
@media (max-width: 1024px) and (min-width: 992px){
    #mainslider div.flexslider { height: 480px !important;}   
}
@media (max-width: 991px) and (min-width: 768px){
    #mainslider div.flexslider { height: 440px !important;}   
}
@media (max-width: 767px) and (min-width: 600px){
    #mainslider div.flexslider { height: 460px !important;}   
}
@media (max-width: 599px) and (min-width: 400px){
    #mainslider div.flexslider { height: 400px !important;}   
}