html,body{
    height:100%;
}
body{
    margin:0;
    font:16px/25px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#595959;
    background:#FCFCFC;
}
img{border-style:none;}
a{
    text-decoration:none;
    color:#6b6b6b;
}
a:hover{text-decoration:underline;}
input, textarea, select{
    font:100% arial,sans-serif;
    vertical-align:middle;
}
input:active, textarea:active {outline:none;} 
:focus {outline:none;}
form, fieldset{
    margin:0;
    padding:0;
    border-style:none;
}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;}
table { border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
/*page*/
#page{
    width:100%;
    min-height:100%;
    overflow:hidden;
}
.mobile-feedback #page{
    padding:15px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.page-holder{padding:0 0 283px;}
div.fix-width{
    width:953px;
    margin:0 auto;
}
div.fix-width:after{
    content:"";
    display:block;
    clear:both;
}
h1{
    padding:0 0 20px;
    margin:0;
    font-size:24px;
    line-height:26px;
}
h2{
    margin: 0;
    letter-spacing: -0.03em;
    font: 300 35px/45px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #23afa3;
    background: url(../images/h2-bg.png) no-repeat 0 0;
    padding: 31px 0 24px;
}
.banner-section h2,
.slider-section h2{
    font: 300 35px/40px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #fff;
    background:none;
    padding: 0 0 0 120px;
    display: table-cell;
    vertical-align: middle;
}
.banner-section h2{
    font: 300 52px/57px 'Open Sans',Arial,Helvetica,sans-serif;
}
.banner-section h2 span{
    display:block;
    font: 300 24px/30px 'Open Sans',Arial,Helvetica,sans-serif;
}
.slider-section h2{
    padding:0 0 7px;
}
h3{
    padding:0 0 12px;
    margin:0;
    font:300 35px/38px 'Open Sans',Arial,Helvetica,sans-serif;
    letter-spacing: -0.03em;
}
.field-item h3{
    background: url(../images/h2-bg.png) no-repeat 0 0;
    padding:31px 0 26px;
}
h4{
    padding:0 0 15px;
    margin:0;
    font:normal 24px/27px 'Open Sans',Arial,Helvetica,sans-serif;
}
h5{
    margin:0;
    font-size:14px;
    line-height:19px;
}
h6{
    font:italic 14px/17px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#fff;
    letter-spacing:-0.03px;
    margin:0;
}
.banner-section h6{
    position:absolute;
    bottom: 7px;
}
p{
    padding:0 0 17px;
    margin:0;
}
/*header*/
#header{
    width:100%;
    min-height:97px;
}
#header:after{
    content:"";
    display:block;
    clear:both;
}
#header .logo,
.mobile-feedback .logo{
    float:left;
    width:319px;
    height:82px;
    text-indent:-9999px;
    overflow:hidden;
    background:url(../images/logo-desktop.png) no-repeat;
    background-size:contain;
    margin: 7px 0 0;
    padding: 0;
}
#header .logo a,
.mobile-feedback .logo a{
    display:block;
    height:100%;
    position:relative;
}
.print-logo{
    display:none;
}
/*MAIN MENU STYLES*/
.main-menu{
    float:right;
}
.main-menu ul{
    padding:0 1px 0 0;
    margin:0 -29px 0 0;
    list-style:none;
    font:16px/19px 'Open Sans',Arial,Helvetica,sans-serif;
}
.main-menu ul:after{
    content:"";
    display:block;
    clear:both;
}
.main-menu > ul > li{
    list-style-image: none;
    list-style-type: none;
    float:left;
    position:relative;
    padding:0;
}
.main-menu ul li:hover .submenu,
.main-menu ul .submenu:hover{
    display:block;
}
.main-menu ul a{
    display:block;
    margin: 39px 29px -5px;
    line-height: 19px;
    color:#595959;
    letter-spacing:-0.03px;
}
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a.active-trail {
    text-decoration:none;
    color:#23afa3;
}

.main-menu ul  li.expanded.active:hover a{
    color:#595959;
    border-bottom:none;
    margin:0;
}
.main-menu ul  li.expanded.active-trail:hover a{
    border-bottom:none;
}
.main-menu ul  li.expanded.active:hover > a,
.main-menu ul .expanded > a:hover{
    color:#23afa3;
    border-bottom:none;
    margin:39px 29px 0;
}
.main-menu ul  li.expanded.active .submenu a{
    margin: 0 0px 14px;
}
.main-menu ul li.expanded.active .submenu a:hover,
.main-menu ul li.expanded .submenu li.active-trail a{
    color:#23afa3;
}
.main-menu > ul > li:hover a{
    position:relative;
    z-index:9000;
}
.main-menu .submenu{
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:200;
    font:14px/17px 'Open Sans',Arial,Helvetica,sans-serif;
    background:#fff;
    width: 100%;
    padding: 97px 0 0;
    border:1px solid #F3F3F3;
    border-bottom:5px solid #23AFA4;
    box-shadow: 6px 3px 14px rgba(0,0,0,0.2);
    -moz-box-shadow: 6px 3px 14px rgba(0,0,0,0.2);
    -webkit-box-shadow: 6px 3px 14px rgba(0,0,0,0.2);
}
.main-menu .submenu:after{
    content:"";
    display:block;
    clear:both;
    width:1px;
    height:2px;
    background:#23AFA4;
    position:absolute;
    bottom:-2px;
    left:-1px;
}
.main-menu .submenu:before{
    content:"";
    display:block;
    clear:both;
    width:1px;
    height:3px;
    background:#23AFA4;
    position:absolute;
    bottom:-3px;
    right:-1px;
}
.main-menu .submenu li{
    list-style-image: none;
    list-style-type: none;
    padding: 0 0px 0 31px;
}
.main-menu .submenu a{
    display: inline-block;
    margin: 0 0px 14px;
    padding: 0;
    line-height: 17px;
}
.main-menu .submenu a:hover,
.main-menu .dropdown .submenu a:hover{
    text-decoration:none;
    color:#23afa3;
    border-bottom:none;
    margin: 0 0px 14px;
}
.mobile-menu{
    display:none;
}
/*main*/
#main{
    width:100%;
    padding:0 0 65px;
    padding:0 0 45px;
    overflow:hidden;
    color:#595959;
    right:0;
    position:relative;
    -webkit-transition: right 0.5s ease-out;
    -moz-transition: right 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    transition: right 0.5s ease-out;
}
.mobile-feedback #main{
    padding:0;
}
/*BANNER SECTION STYLES*/
.banner-section{
    height:310px;
    position:relative;
    border-bottom:5px solid #D5ECE5;
    overflow: hidden;
}
.banner-section.about{
    background:url(../images/banner-about.png) no-repeat 50%;
    background-size: cover;
}
.banner-section.emotional-support{
    background:url(../images/banner-emotional-support.png) no-repeat 50%;
    background-size: cover;
}
.banner-section.conditions{
    background:url(../images/banner-conditions.png) no-repeat 50%;
    background-size: cover;
}
.banner-section{
    background-size: cover;

}
.banner-section.conditions,
.banner-section.conditions-details{
    border:none;
}
.banner-section.conditions h6,
.banner-section.conditions-details h6{
    bottom: 59px;
}
.banner-section .fix-width{
    height:100%;
}
.title-holder {
    height: 100%;
    display: table;
    width: 100%;
    text-align: center;
}
.front .title-holder{
    display:table-cell;
    text-align:left;
    vertical-align:middle;
}

#block-banner-sm-banner-sm .title-holder{
    text-align: left;
    padding-left: 300px;
}
.conditions .title-holder,
.conditions-details .title-holder{
    height:84%;
}
.title-holder h3{
    font:300 30px/33px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#fff;
}
.front .title-holder h3 {
    font: 300 24px/30px 'Open Sans',Arial,Helvetica,sans-serif;
    padding:0 0 18px;
}
.title-holder .next-section-btn{
    border-color:#fff;
    border-width:2px;
    color:#fff;
    background-image: url(../images/white-arrow.png);
}
.title-holder .next-section-btn:hover{
    background-color:rgba(255,255,255,0.3);
    text-decoration:none;
}
.title-wrapper{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    padding:0 0 0 50%;
}
.title-wrapper h2{
    display:block;
    padding:0;
}
.with-logo .slide-description h3{
    padding:150px 0 60px;
    background: url(../images/slider-logo.png) no-repeat;
    background-size: auto 138px;
}
.slide-description .title-holder h3 span{
    border-top: 1px solid #fff;
    display: block;
    margin-top: 15px;    
    padding-top: 15px;
}
.slide-description .title-holder h3 span.hidden-mbl{
    border-top: none;    
    margin-top: 0;    
    padding-top: 0;
}
/*CONDITIONS NAVIGATION SECTION STYLES*/
.conditions-navigation {
    position: relative;
    width: 100%;
    height:32px;
    background:rgba(35,175,164,0.69);
    border-top: 5px solid #D5ECE5;
    padding:7px 0;
    margin:-51px 0 0;
}
.conditions-navigation.conditions-details{
    margin: -51px 0 39px;
}
.conditions-navigation .nav-holder{
    height:100%;
    position:relative;
}
#main .conditions-navigation ul{
    padding:0;
    margin:0;
    list-style:none;
    overflow:hidden;
    font:20px/23px 'Open Sans',Arial,Helvetica,sans-serif;
    text-align:justify;
    height:100%;
}
#main .conditions-navigation ul:after{
    content:"";
    display:inline-block;
    width:100%;
    height:0;
    overflow:hidden;
}
.conditions-navigation ul li{
    display:inline-block;
    position: relative;
    z-index:100;
    height: 32px;
    line-height: 32px;
    padding:0;
}
.conditions-navigation ul a{
    color:#fff;
    padding: 0 11px;
}
.conditions-navigation ul a:hover{
    text-decoration:none;
}
.hover-state{
    position: absolute;
    top: 0px;
    z-index: 0;
    width: 70px;
    height: 32px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #000;
    border-radius : 20px;
    -moz-border-radius : 20px;
    -webkit-border-radius : 20px;
    background:#1A9087;
    opacity:0.34;
}
/*CONDITION SEARCH SECTION STYLES*/
.condition-search{
    background:#EFF7F7;
    padding: 21px 0 27px;
}
.region.region-condition-search {
    margin: -39px 0 0;
}
.condition-search h3{
    font:300 24px/27px 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 0 0 19px;
}
.condition-search-holder{
    background:#fff;
    border:1px solid #DBDBDB;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    padding: 21px 25px 33px 23px;
    position:relative;
}
.condition-search-holder .input-holder{
    position:relative;
}
.condition-search-holder .input-text{
    height:65px;
    width:100%;
    border:1px solid #EBEBEB;
    background:#F5F5F5;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    padding:0 52px 0 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font:24px/27px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#a5a5a5;
}
.condition-search-holder .input-submit{

    background: url(../images/search-btn.png) no-repeat;
    width:100%;
    height:100%;
    border:none;
    cursor:pointer;
}
.form-item-search-block-form{
    margin:0;
}

.form-actions {
    position:absolute;
    width:26px;
    height:26px;
    top: 74px;
    right: 39px;
}

.feedback-form .form-actions{
    position:static;
    position: static;
    margin: 0;
    height: 0;
}
.back-conditions,
.back-top{
    display:none;
}
/*AUTOCOMPLETE LIST STYLES*/
.ui-menu{
    box-shadow: 7px 7px 14px rgba(0,0,0,0.1);
    -moz-box-shadow: 7px 7px 14px rgba(0,0,0,0.1);
    -webkit-box-shadow: 7px 7px 14px rgba(0,0,0,0.1);
}
.ui-menu .ui-menu-item{
    font:20px/23px 'Open Sans',Arial,Helvetica,sans-serif;
    border-top:1px solid #ECECEC;
}
.ui-menu .ui-menu-item:first-child{
    border:none;
}
.ui-menu .ui-menu-item:hover{
    color:#23afa3;
}
.ui-state-focus{
    background:none !important;
    border:none !important;
    border-top:1px solid #ECECEC !important;
}
.ui-state-focus:first-child{
    border:none !important;
}
/*CONDITIONS CONTENT STYLES*/
.conditions-preview {
    margin: 25px 0 0;
    border-bottom:1px solid #E3E3E3;
    line-height:28px;
}
.conditions-preview p{
    padding: 0 0 24px;
}
.wrap-column {
    float: left;
    width: 31.7%;
    padding: 0 0 0 2.4%;
}
.wrap-column:first-child{
    padding: 0;
}
/*HOME MAIN SLIDER STYLES*/
.slider-section{
    position:relative;
    overflow:hidden;
    /*background:#D7D5D8 url(../images/slider-bg.gif) no-repeat;*/
    background:#d6d4d7; 
    background-size:cover;
}
.slider-holder{
    /*height:438px;*/ 
    height:405px; 
    position:relative;
}
.slider-holder .fix-width{
    height:100%;
}
.slider-section .slide{
    height:100%;
    overflow:hidden;
}

.slider-section img {
    bottom: 0;
    top: 0; 
}

.slide-description {
    float: right;
    display:table;
    /*width:390px;*/
    width:325px;
    position:relative;
    height:393px;
}

.slide-description h6{
    position:absolute;
    bottom:19px;
    left:0;
}
.as-slide-inner {
    height: 100%;
}
/*NEED-TO-TALK SECTION STYLES*/
.front .region.region-banner {
    overflow: hidden;
    position:relative;
}
.need-talk-section{
    position:fixed;
    bottom:0;
    width:100%;
    z-index:10;
}
/*
.front .need-talk-section {
        position:absolute;
}
*/
.need-talk-band{
    background:rgba(156,141,191,0.85);
    height:45px;
    width:100%;
    position:absolute;
    bottom:0;
    z-index:10;
}
.need-talk-band a{
    font:300 24px/45px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#fff;
    background:#8E80AE;
    display: inline-block;
    padding: 0 56px;
    border-left: 1px solid #AB9EC9;
    border-right: 1px solid #AB9EC9;
    position:relative;
}
.need-talk-band a:after{
    content:"";
    display:block;
    width:42px;
    height:21px;
    background:#8E80AE url(../images/open-close-btn.png) no-repeat 50% 8px;
    border-radius :21px 21px 0 0;
    -moz-border-radius :21px 21px 0 0;
    -webkit-border-radius :21px 21px 0 0;
    position:absolute;
    top:-21px;
    left:123px;
    cursor:pointer;
}
.need-talk-band a:hover{
    text-decoration:none;
}
.need-talk-band span{
    display:none;
}
.need-talk-holder{
    background:rgba(255,255,255,0.85);
    height:194px;
    padding:17px 0;
    position:absolute;
    top:0;
    top:-228px;
    width:100%;
    display:none;
}
.open-holder{
    position:relative;
}
.open-holder:after{
    content:"";
    display:block;
    clear:both;
}
.close-btn{
    display:block;
    width:42px;
    height:21px;
    background:rgba(255,255,255,0.85) url(../images/open-close-btn.png) no-repeat 50% -40px;
    border-radius :21px 21px 0 0;
    -moz-border-radius :21px 21px 0 0;
    -webkit-border-radius :21px 21px 0 0;
    position:absolute;
    top:-38px;
    left:124px;
    cursor:pointer;
}
.talk-section{
    float:left;
    width:33.5%;
    height:190px;
    border-left:1px solid #E0E0E0;
    border-right:1px solid #E0E0E0;
    padding:27px 27px 0 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height:17px;
}
.talk-section.desc{
    padding: 27px 3.3% 0 4.5%;
}
.talk-section.mind{
    border:none;
    margin:0;
}
.talk-section.mind h3,
.talk-section.samaritans h3{
    padding: 0 0 3px;
}
.talk-section h3 a:hover{
    color: #23afa3;
    text-decoration:none;
}
.talk-section.samaritans{
    border-left:1px solid #E0E0E0;
    border-right:1px solid #E0E0E0;
    width:33%;
}
.talk-section span{
    border-top:1px solid #EBE6E6;
    display:block;
    padding: 11px 0 0;
}
.talk-section span:first-child{
    border:none;
    padding: 0 0 10px;
}
.talk-section .next-section-btn{
    margin: 17px 0 0;
}
.talk-section h3{
    padding:0 0 18px;
}
/*HELP and SUPPORT MENU SECTION STYLES*/
.help-support-menu{
    height:131px;
    background:#23AFA4;
    overflow:hidden;
}
.help-title{
    float:left;
    padding:0 0 0 30px;
}
.help-title strong{
    display:inline-block;
    font:300 35px/131px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#fff;
}
.help-title strong:first-child + strong{
    background: url(../images/ampersant.png) no-repeat 0 55%;
    padding: 0 0 0 34px;
    margin: 0 0 0 7px;
}
.help-title a{
    display:none;
}
.help-support-menu ul{
    float:right;
    overflow:hidden;
    padding:0;
    margin:0;
    list-style:none;
    height:131px;
    text-align:center;
    background: url(../images/help-menu-bg.gif) repeat-y 100% 0;
    font-weight:bold;
}
.help-support-menu ul li{
    list-style-image: none;
    list-style-type: none;
    float:left;
    background: url(../images/help-menu-bg.gif) repeat-y 0 0;
    height:100%;
    padding:0;
}
.help-support-menu ul a{
    color:#fff;
    display:block;
    width:130px;
    height:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: url(../images/help-menu-items.png) no-repeat 50% 30px;
    padding: 94px 0 0;
    -webkit-transition: background .1s ease;
    -moz-transition: background .1s ease;
    -o-transition: background .1s ease;
    transition: background .1s ease;

}
.help-support-menu li.support a{
    background: url(../images/help-menu-items.png) no-repeat 50% -123px;
}
.help-support-menu li.support a:hover{
    background: url(../images/help-menu-items-hover.png) no-repeat 50% -123px;
}
.help-support-menu li.questions a{
    background: url(../images/help-menu-items.png) no-repeat 50% -290px;
}
.help-support-menu li.questions a:hover{
    background: url(../images/help-menu-items-hover.png) no-repeat 50% -290px;
}
.help-support-menu li.about a{
    background: url(../images/help-menu-items.png) no-repeat 50% -461px;
}
.help-support-menu li.about a:hover{
    background: url(../images/help-menu-items-hover.png) no-repeat 50% -461px;
}
.help-support-menu li.feedback a{
    background: url(../images/help-menu-items.png) no-repeat 50% -668px;
}
.help-support-menu li.feedback a:hover{
    background: url(../images/help-menu-items-hover.png) no-repeat 50% -668px;
}
.help-support-menu ul a:hover{
    text-decoration:none;
    background: url(../images/help-menu-items-hover.png) no-repeat 50% 30px;
}
/*content*/
#condition-page,
#content{
    width:70%;
    float:right;
    border-left:1px solid #EAE8E8;
    padding:0 0 0 31px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.main-holder{
    overflow:hidden;
    padding:0 0 70px;
}
.fix-width.region-content-holder{
    overflow:hidden;
    padding:0 0 70px;
}
.page-content .block-system{
    margin-top:15px;
    border-bottom:1px solid #F2F2F2;
}
.page-conditionshtml .page-content .block-system{
    border:none;
}
.content-section ul,
#content ul{
    padding:0 0 14px;
    margin:0;
    list-style:none;
}
.content-section ul li,
#content ul li{
    background: url(../images/list-point.png) no-repeat 0 10px;
    padding: 0 0 0 16px;
}
#content ul li{
    padding: 0 0 0 16px;
    margin: 12px 0 0;
}
#content ul li:first-child{
    margin: 0;
}
#content ul ul {
    padding: 12px 0 0;
    margin: 0 0 0 -16px;
}
#content ul ul li{
    background: url(../images/list-point2.png) no-repeat 0 11px;
}
.node-type-news .field-type-image img{
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
/*ABOUT SECTION STYLES*/
.content-section {
    margin: 45px 0 0;
    /*border-bottom:1px solid #E3E3E3;*/
}
.about-section-holder {
    padding: 0 0 15px;
}
/*THANKS SECTION STYLES*/
.thanks-section {
    background: url(../images/thanks-logo.png) no-repeat 85% 5px;
    margin: 48px 0 0;
    padding: 0 499px 0 0;
}
/*SUPPORT SECTION STYLES*/
.support-item {
    padding: 47px 0 57px;
    overflow: hidden;
    font:16px/26px 'Open Sans',Arial,Helvetica,sans-serif;
}
.support-item.even{
    background:#EFF7F7;
}
.support-item.bg{
    background:#EFF7F7 url(../images/pic1.png) no-repeat 179px 50%;
    background-size: contain;
}
#main .support-condition{
    padding-bottom:122px;
}
#main .support-condition .support-description{
    background-repeat:no-repeat;
    background-position:0 50%;
    float:right;
    padding: 0;
}
.support-description,
.news-description{
    float:left;
    width:500px;
}
.even .support-description,
.news-slider .news-description{
    float:right;
}
.support-image,
.news-image{
    float:right;
    position:relative;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    overflow:hidden;
}
.support-image img,
.news-image img{
    display:block;
}
.support-condition .support-image img {
    padding-top: 70px;
}
.support-condition .support-image img{
    display: inline-block;
}
.support-condition .support-image a{
    display: table-cell;
    vertical-align: middle;
}

.support-condition .support-image{
    float: left;
    width: 42%;
    min-height: 240px;
    display: table;
    text-align: center;
}
.even .support-image,
.news-slider .news-image{
    float:left;
}

.support-image h4,
.news-image h4{
    color:#fff;
    background: url(../images/support-title-bg.gif) no-repeat;
    position:absolute;
    top:10px;
    left:12px;
    padding: 4px 0 0;
}
.link-holder{
    margin: 10px 0 0;
}
.support-description a,
.news-description a,
.info-btn a /* added by alamin */{
    display:inline-block;
    padding: 0 24px 0 12px;
    height:38px;
    font:14px/38px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-align:center;
    background:#9C8DBF url(../images/white-arrow.png) no-repeat 90% 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.support-description a:hover,
.news-description a:hover,
.info-btn a:hover /* added by alamin */{
    background-color:#776997;
    text-decoration:none;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(0,0,0,0.3);
    display:none;
}
.overlay h4{
    font: normal 16px/26px 'Open Sans',Arial,Helvetica,sans-serif;
}
.support-image:hover .overlay,
.news-image:hover .overlay{
    display:block;
}
/*HOME SLIDERS STYLES*/
.news-slider{
    width: 100%;
    position: relative;
}
.news-slider .news-item{
    padding: 57px 0 46px;
    width:100%;
}
.news-slider .item-holder{
    padding: 0 20px;
}
.home-slider-wrapper{
    position:relative;
    min-height:403px;
    font:16px/26px 'Open Sans',Arial,Helvetica,sans-serif;
}
.home-slider-wrapper.reviews{
    min-height:0;
}

.home-slider-wrapper h2{
    padding-top:22px;
}
.reviews-slide{
    overflow:hidden;
    padding:52px 0 0;
}
.review-item{
    float:left;
    width: 50%;
    overflow:hidden;
    font:16px/26px 'Open Sans',Arial,Helvetica,sans-serif;
}
.review-item img{
    float:left;
}
.review-desc{
    float:left;
    width:280px;
    padding:0 0 0 42px;
}
.review-desc blockquote{
    margin:0;
    padding: 0 0 19px;
}
.review-desc cite{
    background: url(../images/h2-bg.png) no-repeat 0 0;
    font:bold 18px/21px 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 17px 0 0;
    display: inline-block;
}
.mobile-reviews{
    display:none;
}
/*INDEX SECTION STYLES*/
.index-section {
    padding: 46px 0 20px;
    overflow:hidden;
    border-top:1px solid #e3e3e3;
    margin:20px 0 0;
}
.index-item {
    padding: 0 0 29px 0;
}
.first.index-item{
    padding: 0 0 29px 0;
}
.index-section h2{
    background:none;
    border-bottom:1px solid #E3E3E3;
    padding:0 0 21px;
}
.index-section ul{
    padding:0;
    margin: 13px 0 0;
    list-style:none;
}
.index-section ul li{
    list-style-image: none;
    list-style-type: none;
    padding:0 0 7px;
}
.index-section ul a:hover{
    text-decoration:none;
    color:#23afa3;
}
.index-section .column {
    width: 31.9%;
    float: left;
    margin: 0 0 0 2.1%;
}
.index-section .column:first-child{
    margin: 0;
}

/*sidebar*/
#sidebar{
    float:left;
    width:30%;
}
#sidebar h3{
    font:300 27px/30px 'Open Sans',Arial,Helvetica,sans-serif;
}
#sidebar ul{
    padding:0 0 25px;
    margin:0;
    list-style:none;
}
#sidebar ul li{
    padding:0 0 7px;
}
#sidebar ul li a:hover,
#sidebar ul li.active a{
    color:#23afa3;
    text-decoration:none;
}
#sidebar ul li.active a{
    font-weight:bold;
}
.next-section-btn{
    display:inline-block;
    border:1px solid #a0a0a0;
    color:#a0a0a0;
    padding: 6px 30px 7px 15px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    background: url(../images/grey-arrow.png) no-repeat 90% 50%;
}

.block-conditions .next-section-btn:hover{
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,0.3) url(../images/white-arrow.png) no-repeat 90% 50%;
}
.need-talk-section .next-section-btn:hover,
#sidebar.block-conditions .next-section-btn:hover{
    color:#fff;
    text-decoration:none;
    background:#a0a0a0 url(../images/white-arrow.png) no-repeat 90% 50%;
}
.need-talk-holder br{
    display:none;
}
/*footer*/
#footer{
    width:100%;
    height:283px;
    margin:-283px 0 0;
    position:relative;
    z-index:2;
    background:#505050;
    right:0;
    -webkit-transition: right 0.5s ease-out;
    -moz-transition: right 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    transition: right 0.5s ease-out;
}

/*FOOTER MENU STYLES*/
.footer-links{
    overflow:hidden;
    padding: 36px 0 37px;
}
.footer-links strong{
    display:block;
    color:#a9a9a9;
    font:16px/19px 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 0 0 17px;
    background: url(../images/footer-title-bg.gif) no-repeat 0 100%;
    margin: 0 0 25px;
}
.footer-links-holder{
    overflow:hidden;
    float:left;
}
.footer-links ul{
    padding:0;
    margin:0 0 0 13px;
    list-style:none;
    float:left;
    min-width: 225px;
}
.footer-links-holder.additional ul:first-child{
    margin:0 0 0 13px;
}
.footer-links-holder ul:first-child{
    margin:0;
}
.footer-links ul li{
    list-style-image: none;
    list-style-type: none;
    padding:0 0 11px;
}
.footer-links ul a{
    color:#a9a9a9;
}
.footer-links ul a:hover{
    color:#23afa3;
    text-decoration:none;
}
/*COPYRIGHTS SECTION STYLES*/
.copyrights-section{
    background:#474646;
    overflow:hidden;
    padding: 16px 0 13px;
}
.footer-logo{
    float:left;
    color:#989898;
    font:12px/52px 'Open Sans',Arial,Helvetica,sans-serif;
    background: url(../images/footer-logo.png) no-repeat;
    padding: 0 0 0 74px;
}
.footer-logo a:hover{
    color:#23afa3;
    text-decoration:none;
}
ul.copyrights-menu{
    padding:0;
    list-style:none;
    color:#989898;
    font:12px/15px 'Open Sans',Arial,Helvetica,sans-serif;
    float:right;
    overflow:hidden;
    margin: 18px 0 0;
}
.copyrights-section .info{
    float:right;
    margin: 18px 0 0;
}
ul.copyrights-menu li{
    list-style-image: none;
    list-style-type: none;
    float:left;
    background: url(../images/copyrights-menu-separator.png) no-repeat 0 1px;
    padding:0 0 0 7px;
    margin: 0 0 0 5px;
}
.copyrights-section .info span{
    color:#989898;
    font:12px/15px 'Open Sans',Arial,Helvetica,sans-serif;
    background: url(../images/copyrights-menu-separator.png) no-repeat 0 1px;
    padding:0 0 0 7px;
    margin: 0 0 0 5px;
    float:left;
}
.copyrights-section .info span:first-child{
    background:none;
}
ul.copyrights-menu a{
    color:#989898;
}
ul.copyrights-menu a:hover{
    color:#23afa3;
    text-decoration:none;
}
/*POPUPS STYLES*/
.popup{
    display:none;
}
.popup h2{
    font:300 28px/33px 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 25px 0 29px;
}
.popup .feedback-link,
.popup .close-popup,
.feedback-form .webform-submit{
    width:107px;
    height:38px;
    display:block;
    background:#9080B5 url(../images/white-arrow.png) no-repeat 90% 50%;
    color:#fff;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    position:absolute;
    bottom:0;
    right:0;
    line-height:38px;
    /*
            padding:0 0 0 21px;
    */
}
.popup .close-popup{
    padding:0 0 0 14px;
}
.feedback-form form > div{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns:2;
    background: url(../images/feedback-popup-bg.gif) repeat-y 44% 0;

}
#block-system-main .webform-submit,
.feedback-form .webform-submit {
    cursor:pointer;
    border:none;
    font:14px/38px 'Open Sans',Arial,Helvetica,sans-serif;
    width: 128px;
    text-align: left;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    -webkit-appearance: none;
}

.popup .feedback-link:hover,
.popup .close-popup:hover{
    text-decoration:none;
    background-color: #9C8DBF;
}
#block-system-main .webform-submit,
.feedback-form .webform-submit :hover{
    background: #9C8DBF;

}
.form-panel{
    float:left;
    border-left:2px solid #F6F6F6;
    padding: 0 0px 0 42px;
    margin:0 0 0 60px;
}
.form-panel:first-child{
    border:none;
    padding:0;
    margin:0;
}
.form-item label{
    display:block;
    padding: 0 0 11px;
    font: 14px/23px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #595959;
}
.feedback-form .form-item{
    width:260px;
}
.feedback-form .form-item:first-child{
    margin:0;
}
.feedback-form .form-row {
    padding: 0 0 7px;
}
.optionsDivVisible ul li:first-child{
    display:none;
}
.form-item select{
    width:196px;
}
.form-item .side-left .form-item,
.form-item .side-right .form-item{
    margin:0;
}
.form-item .side-left .form-item label,
.form-item .side-right .form-item label{
    padding: 0 0 7px;
}
/*MOBILE FEEDBACK PAGE STYLES*/
.mobile-feedback .feedback-form{
    background:#FDFDFD;
    border:1px solid #EFEFEF;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    padding: 10px 16px 21px 16px;
}
.mobile-feedback .input-submit{
    position:static;
    margin: 5px 0 0;
}
.mobile-feedback .logo{
    float:none;
}
.mobile-feedback .radioArea{
    margin-top:1px;
}
.mobile-feedback .form-item {
    margin: 16px 0 0;
}
.mobile-feedback .form-row {
    padding: 0 0 13px;
}
.mobile-feedback .selectArea{
    font-size:12px;
}
.node-type-webform .form-actions{
    position:static;
}
.node-type-webform .page-content .block-system{
    border:none;
}
.node-type-webform #block-system-main .webform-submit{
    color: #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#block-block-10.contextual-links-region{
    position:static;
}
/*Support materials*/
div#block-support-materials-download-block-support-materials-block {
    margin: -1px 0 0;
    background: #FCFCFC;
}
div#block-support-materials-download-block-support-materials-block .content{
    padding: 22px 0 0;
}
.support-materials{
    background: url(../images/h2-bg.png) no-repeat 0 0;
    padding: 5px 0 0;
    margin: 0 0 63px;
}
/* modified by sajjad@codetrio.com 23/feb/2017 */
.materials-item-mod{
    display: inline-block;
    margin:1% 1% 50px;
    min-height: 250px;
    text-align: center;
    width: 28%;
    vertical-align: top;
}
.materials-item-mod h4{
    font-size: 24px;
    font-weight: 300;
    padding-top: 18px;
    position: relative;    
}
.materials-item-mod:nth-child(2) h4{
    padding-left: 18px;
    padding-right: 18px;
}
.materials-item-mod h4:before{
    background-color: #d5ece5;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -34px;
    position: absolute;
    top: 0;
    width: 68px;
}

.materials-item-mod h4 a{
    color: #23afa4;
    display: block;
}
.materials-item-mod h4 a:hover{
    text-decoration: none;
}
.materials-item-mod h4 a::first-letter{
    font-weight: 700;
}
.support_materials_banner{
    background-color: #23AFA4;
}
.news-slider-mod .news-item{ 
    width: 45%;
    margin-right: 5%;
    float: left;   
}
.news-slider-mod .news-item:last-child{
    margin-right: 0;
}
/*end modification */
.materials-item{
    border-top:1px solid #DEDEDE;
}
.materials-item:first-child{
    border:none;
}
.materials-item h4{
    padding: 13px 0 13px;
    background: url(../images/support-open.png) no-repeat 99% 50%;
    cursor:pointer;
    position:relative;
}
.materials-item h4.open{
    background: url(../images/support-close.png) no-repeat 98.6% 50%;
}
.materials-item h4.open:after{
    display:block;
}
.materials-item ul{
    margin:0;
    padding:0 0 17px;
    list-style:none;
    display:none;
}
.materials-item ul li{
    background:none;
    padding:6px 0 4px 36px;
}
.materials-item ul li span{
    display: block;
    padding: 0 0 8px;
}
.block-sponsors-and-contributors{
    border-top:1px solid #DEDEDE;
    margin: 33px 0 -50px;
}
.block-sponsors-and-contributors h2{
    font: 16px/19px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#595959;
    background:none;
    padding: 0 0 20px;
    margin: 37px 0 0;
}

.block-sponsors-and-contributors .sponsors-list{
    overflow:hidden;
}

.block-sponsors-and-contributors .sponsors-list .wrap-items{
    float:left;
    margin:0 0 0 105px;
}
.block-sponsors-and-contributors .sponsors-list .wrap-items:first-child{
    margin:0;
}
.block-sponsors-and-contributors .sponsors-list .item{
    min-height: 90px;
    margin: 0 0 30px 0;
}
.page-user .need-talk-section{
    display:none;
}
.page-user .form-actions{
    position:static;
}
/*SEARCH PAGE STYLES*/
.page-search .form-item-keys label {
    letter-spacing: -0.03em;
    font: 300 35px/45px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #23afa3;
}
.page-search .search-form input[type="text"],
.page-user input[type="text"],
.page-user input[type="password"]{
    width:500px;
    border: 1px solid #EBEBEB;
    background: #F5F5F5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 0 52px 0 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font: 20px/27px 'Open Sans',Arial,Helvetica,sans-serif;
    color: #a5a5a5;
    padding:5px 10px;
}
.page-search .search-form input[type="submit"],
.page-user input[type="submit"]{
    min-width: 107px;
    height: 38px;
    display: inline-block;
    background: #9080B5 url(../images/white-arrow.png) no-repeat 90% 50%;
    color: #fff;
    border:none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    line-height: 38px;
    font: 14px/38px 'Open Sans',Arial,Helvetica,sans-serif;
    cursor:pointer;
    padding: 0 30px 0 10px;
}
div#edit-basic {
    padding: 0 0 20px;
}
.page-search .form-item label.option{
    display:inline-block;
}
.search-results #main{
    padding:0;
}
.search-results .title a:hover{
    color: #23afa3;
    text-decoration:none;
}
.page-search .pager a:hover{
    color: #23afa3;
    text-decoration:none;
}
.page-search .pager .pager-current{
    color: #23afa3;
}
.pager-first a,
.pager-previous a,
.pager-next a,
.pager-last a{
    min-width: 55px;
    height: 38px;
    display: inline-block;
    background: #9080B5;
    color: #fff;
    border:none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    line-height: 38px;
    font: 14px/38px 'Open Sans',Arial,Helvetica,sans-serif;
    cursor:pointer;
    padding: 0 10px;
}
.page-search .pager .pager-first a:hover,
.page-search .pager .pager-previous a:hover,
.page-search .pager .pager-next a:hover,
.page-search .pager .pager-last a:hover{
    color: #fff;
    background-color: #776997;
    text-decoration: none;
}
.page-search .item-list ul li{
    margin:0;
}
.node-conditions ol{
    margin-top:0;
}
.page-user .description {
    margin: 5px 0 0;
    font-style: italic;
}
.page-user .page-content .block-system{
    border:none;
}
/*	TABS EDIT COMTENT	 */
.tabs{
    text-align: right; 
}
ul.tabs.primary{
    padding:10px;
    margin:20px 0 20px;
    border: 1px solid #23afa3;
    display:inline-block;
}
ul.tabs.primary a{
    color: #23afa3;
    border: 1px solid #23afa3;
    background:#fff;

}
ul.primary li.active a,
ul.primary li:hover a{
    border: 1px solid #23afa3;
    color:#fff;
    background:#23afa3;
}
/*privacy police page styles*/
.policy-table td,
.policy-table th{
    padding:10px;
}

/*QUESTIONNAIRE STYLES*/
.page-questionnairehtml .page-content .block-system{
    border:none;
}
.fix-width.region-content-holder.questionnaire-result,
.page-questionnairehtml .fix-width.region-content-holder{
    overflow:visible;
}
.page-questionnairehtml .fix-width.region-content-holder:after{
    content:"";
    display:block;
    clear:both;
}
.questionnaire-banner{
    height:279px;
    border-bottom:5px solid #D5ECE5;
    padding: 25px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position:relative;
    background: url(../images/slider-bg.gif) no-repeat;
    background:cover;
}
.questionnaire-banner .fix-width{
    position:relative;
}
.questionnaire-banner .questionnaire-banner-img{
    position:absolute;
    top: -36px;
    left: 40px;
    width:534px;
    height:245px;
}
.questionnaire-banner .title-holder{
    float:right;
    width:55%;
}
.questionnaire-banner h2{
    color:#fff;
    font: 300 33px/36px 'Open Sans',Arial,Helvetica,sans-serif;
    padding:0;
    text-align:left;
    background:none;
}
.questionnaire-banner strong{
    color:#fff;
    font: 300 19px/22px 'Open Sans',Arial,Helvetica,sans-serif;
    display:block;
    text-align:left;
}
.questionnaire-holder{
    padding:22px 6.2%;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    margin:-189px 0 35px;
    background:#fff;
    border:1px solid #E9E9E9;
    position:relative;
}
/*QUESTIONNAIRE MENU STYLES*/
.page-questionnairehtml .optionsDivVisible {
    height: 300px;
}
.page-questionnairehtml .form-item select{
    width:280px;
}
.page-questionnairehtml .form-item .selectArea{
    overflow:hidden;
}
.questionnaire-menu{
    overflow:hidden;
    padding: 0 0 35px;
}
.questionnaire-menu .questionnaire-menu-item{
    float:left;
    height:38px;
    background:#D0DEDF;
    color:#fff;
    font: 400 14px/17px 'Open Sans',Arial,Helvetica,sans-serif;
    position: relative;
    margin: 0 13px;
    cursor:default;
    min-width: 175px;
    text-align: center;
    line-height: 38px;
    padding: 0 5px;
}
.questionnaire-menu-item span:first-child{
    display:inline-block;
    border:2px solid #fff;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:25px;
    height:24px;
    text-align:center;
    font-size:18px;
    line-height:22px;
    margin:0 8px 0 0;
}
.questionnaire-menu-item.active{
    background: #23AFA4;
}
.questionnaire-menu-item::before{
    content: "";
    position: absolute;
    top: 50%; 
    margin-top: -19px;
    border-width: 19px 0 19px 20px;
    border-style: solid;
    border-color: #D0DEDF #D0DEDF #D0DEDF transparent;
    left: -20px;
}

.questionnaire-menu-item.active::before{
    border-color: #23AFA4 #23AFA4 #23AFA4 transparent;
}

.questionnaire-menu-item::after{
    content: "";
    position: absolute;
    top: 50%; 
    margin-top: -19px;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 20px solid #D0DEDF;
    right: -20px;
}

.questionnaire-menu-item.active::after{
    border-left-color: #23AFA4;
}
.questionnaire-menu-item.first{
    margin-left:0;
    border-radius:20px 0 0 20px;
    -moz-border-radius:20px 0 0 20px;
    -webkit-border-radius:20px 0 0 20px;
}
.questionnaire-menu-item.last{
    margin-right:0;
    border-radius:0 20px 20px 0;
    -moz-border-radius:0 20px 20px 0;
    -webkit-border-radius:0 20px 20px 0;
}
.questionnaire-menu-item.first:before,
.questionnaire-menu-item.last:after{
    display:none;
}
.questionnaire-menu .questionnaire-menu-item .item-title em{
    font-style:normal;
}
.questionnaire-menu .questionnaire-menu-item .item-title em br{
    display:none;
}
/*QUESTIONNAIRE FORM STYLES*/
.questionnaire-holder .form-item{
    margin:0;
}
.questionnaire-holder h3{
    font: 400 30px/33px 'Open Sans',Arial,Helvetica,sans-serif;
    text-transform:capitalize;
    padding: 0 0 34px;
    margin: 0 0 14px;
}
.questionnaire-holder h3{
    border-bottom: 1px solid #E3E3E3;
}
.questionnaire-holder .webform-component{
    border-bottom: 1px solid #E3E3E3;
    margin:0 0 27px;
    min-height:300px;
}
.questionnaire-holder .webform-component .mobile-title{
    display:none;
}
.questionnaire-holder .webform-component label{
    font: 400 16px/23px 'Open Sans',Arial,Helvetica,sans-serif;
    margin: 0 0 23px;
    padding: 0;
}
.questionnaire-holder .webform-component > label{
    font: 400 20px/30px 'Open Sans',Arial,Helvetica,sans-serif;
    border-bottom: 1px solid #E3E3E3;
    padding:0 0 11px;
    margin:0 0 17px;
}
.questionnaire-holder .form-actions{
    position:static;
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: -38px 0 0;
}
.questionnaire-result .questionnaire-holder .form-actions{
    margin: 0;
}
.questionnaire-holder .form-actions .button-primary,
.questionnaire-holder .form-actions .webform-previous{
    text-align:center;
    font: 400 14px/36px 'Open Sans',Arial,Helvetica,sans-serif;
    height: 38px;
    display: block;
    background: #9080B5 url(../images/white-arrow.png) no-repeat 90% 50%;
    color: #fff;
    border:none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    min-width:128px;
    cursor:pointer;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.questionnaire-holder .form-actions .button-primary:hover{
    background-color:#776997;
}
.questionnaire-holder .form-actions .webform-next,
.questionnaire-holder .form-actions .button-primary{
    float: right;
}
#block-system-main .webform-submit{
    text-align:center;
}
.questionnaire-holder .form-actions .webform-previous{
    float: left;
    background: #9080B5 url(../images/white-arrow-back.png) no-repeat 10% 50%;
}
#block-questionnaire-questionnaire-bottom-text {
    font: 400 13px/18px 'Open Sans',Arial,Helvetica,sans-serif;
    background: url(../images/h2-bg.png) no-repeat 0 0;
    padding: 33px 0 0;
}
.questionnaire-holder .form-actions.result-actions .button-primary{
    background: #9080B5;
    margin:0 0 0 12px;
    padding:0 10px;
}
.questionnaire-holder .form-actions.result-actions .button-primary:hover {
    background-color: #776997;
    text-decoration:none;
}
#send-questionnaire-email{
    display:none;
}
.questionnaire-holder .form-actions.result-actions .return-home{
    display:none;
}
/*QUESTIONNAIRE PROGRESSBAR STYLES*/
.webform-progressbar{
    width:63%;
}
.webform-progressbar-outer{
    height:38px;
    border:none;
    background:#F3F3F3;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin:0;
}
.webform-progressbar-inner{
    height:100%;
    background:#D5ECE5;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font: 400 16px/38px 'Open Sans',Arial,Helvetica,sans-serif;
    color:#23afa3;
    padding:0 7px;
}
.webform-progressbar-page{
    display:none;
}
/*QUESTIONNAIRE EMAIL POPUP STYLES*/
#send-questionnaire-email h2,
#questionnaire-validate h2{
    padding:0 0 14px;
    background:none;
    border-bottom:1px solid #E3E3E3;
    color:#595959;
    margin: 0 0 23px;
}
#send-questionnaire-email .form-item label{
    font: 300 15px/18px 'Open Sans',Arial,Helvetica,sans-serif;
}
#send-questionnaire-email input[type="text"]{
    width:249px;
    height:38px;
    border:1px solid #E5E5E5;
    padding:0 10px;
}
#send-questionnaire-email textarea{
    width:100%;
    max-width:100%;
    min-width:100%;
    height:71px;
    max-height:71px;
    min-width:71px;
    border:1px solid #E5E5E5;
    resize:none;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.resizable-textarea .grippie{
    display:none;
}
#send-questionnaire-email input[type="submit"]{
    width: 128px;
    height: 38px;
    background: #9080B5 url(../images/white-arrow.png) no-repeat 90% 50%;
    color: #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    line-height: 38px;
    border:none;
    float:right;
    cursor:pointer;
    font: 400 14px/36px 'Open Sans',Arial,Helvetica,sans-serif;
}
#send-questionnaire-email input[type="submit"]:hover{
    background-color: #776997;
}
#send-questionnaire-email .form-type-textfield{
    float:right;
    margin:0;
    position:relative;
}
#send-questionnaire-email .form-type-textfield span.error {
    position: absolute;
    bottom: -27px;
    right: 0;
    font-size: 13px;
}
#send-questionnaire-email .form-type-textfield.form-item-questionnaire-result-name{
    float:left;
}
#send-questionnaire-email .form-type-textarea{
    clear:both;
    margin: 0;
    padding: 25px 0 17px;
}
#send-questionnaire-email .info{
    font: 300 12px/38px 'Open Sans',Arial,Helvetica,sans-serif;
}
#questionnaire-validate h2{
    font: 300 29px/32px 'Open Sans',Arial,Helvetica,sans-serif;
}
#questionnaire-validate span{
    width: 128px;
    height: 38px;
    background: #9080B5 url(../images/white-arrow.png) no-repeat 90% 50%;
    color: #fff;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    line-height: 38px;
    border: none;
    float: right;
    text-align:center;
    cursor: pointer;
    font: 400 14px/36px 'Open Sans',Arial,Helvetica,sans-serif;
}
#questionnaire-validate span:hover{
    background-color: #776997;
}

#questionnaire-validate {
    display: none;
}
.questionnaire-holder .form-required{
    display: none;
}
.support-list{
    overflow: hidden;
}
.support-list strong{
    display: block;
    float: left;
    clear: both;
}
.urgent{
    margin: 0 0 20px;
    overflow: hidden;
}
.additional-helpful{
    overflow: hidden;
}
.condition-link{
    padding: 0 0 10px;
}
.support-list a {
    float: left;
    clear: both;
}

.page-questionnairehtml .selectArea{
    background:none;
    box-shadow:inset 0 0 14px rgba(0,0,0,0.1);
}
.page-questionnairehtml .optionsDivVisible{
    box-shadow:inset 0 0 14px rgba(0,0,0,0.1);
}
.page-questionnairehtml .optionsDivVisible ul{
    padding:6px;
}
.page-questionnairehtml .optionsDivVisible li{
    border-top:1px solid #F4F4F4;
}
.page-questionnairehtml .optionsDivVisible li:first-child + li{
    border-top:none;
}
.page-questionnairehtml .optionsDivVisible a{
    display:inline-block;
    padding:0;
}
.page-questionnairehtml .optionsDivVisible a:hover{
    background:none;
    color:#23afa3;
}
.node-emotional-support img,
.node-news .field-name-field-slide-img{
    float: right;
    position: relative;
    top: -60px;
    margin: 0 0 -60px 70px;
}

/*---------- Added by Al-Amin ------ */
.title-holder-mod{
    color: #fff;
    text-align: center;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 600px;
}
.title-holder-mod h2{
    display: block;
    line-height: normal;
    padding: 0;
}
.clr{
    clear: both;
}
.crisis-content-block{
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 50px;    
}
.crisis-content-block > *, .crisis-content-block > *:after, .crisis-content-block > *:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.crisis-content-block:after{
    clear: both;
}
.column-3, .column-12{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.column-3{    
    width: 33.33%;    
}
.column-12{    
    width: 100%;
}
.crisis-item{
    color: #525252;
    margin-bottom: 30px;
    text-align: center;
}
.crisis-item > div{
    border: 1px solid #e1e1e1;
    padding: 40px 30px 30px;
}
.crisis-item .title-sec{
    margin-bottom: 25px;
    min-height: 120px;
    position: relative;
}
.crisis-item .title-sec:after{
    background-color: #d5ece5;
    bottom: 0;
    content: '';
    left: 50%;
    height: 2px;
    margin-left: -34px;
    position: absolute;
    width: 68px;
}
.crisis-item .title-sec h3{
    color: #23afa4;
    font-size: 33px;    
    padding-bottom: 15px;
}
.crisis-item .title-sec p{    
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 0;
}
.crisis-item .info-number{
    font-size: 24px;
    font-weight: 300;
    min-height: 70px;
    line-height: normal;
    padding: 0 0 25px;
}
.info-btn a{
    background-position: 92% 50%;
    padding-right: 30px;
}
.title-holder-support{
    color: #fff;
    text-align: center;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 600px;
}
.banner-section .title-holder-support h6{
    font-style: normal;
    position: static;
}
.title-holder-support h3{
    font-size: 24px;
    margin-top: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    position: relative;
}
.title-holder-support h3:before{
    background-color: #d5ece5;
    content: "";
    position: absolute;
    left: 50%;
    height: 2px;
    margin-left: -34px;
    position: absolute;
    top: 0;
    width: 68px;
}
.page-node-97 #node-97{
    display: none;
}
.node-support-materials .field-item h3{
    background: transparent;
    color: #59bfb7;
    font-size: 24px;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 20px;
}
.node-support-materials .field-item p{
    padding-top: 15px;
    padding-bottom: 0;
}
.node-support-materials hr{
    background: #ebebeb;
    border: none;
    margin: 30px 0;
}
.node-support-materials .support-materials{
    background: none;
    border-top: 1px solid #ebebeb;
    margin-top: 40px;
}
.support-materials h2{
    background: transparent;
    color: #59bfb7;
    font-size: 24px;
    padding-bottom: 10px;
}
.support-materials ul{

}
.support-materials ul li{
    background: none;
    padding-left: 0;
    margin-bottom: 10px;
}
.support-materials ul li a, .support-materials ul li span{
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    padding: 5px 0 5px 35px;
}
.support-materials ul li .ct-weblink{
    background-image: url(../images/icon-web.png);
}
.support-materials ul li .ct-doclink{
    background-image: url(../images/icon-pdf.png);
}
.support-materials ul li .ct-audiolink{
    background-image: url(../images/icon-mp3.png);
}
.home-slider-wrapper-mod{
    padding: 65px 0;
}
.news-slider-mod .news-description h2{
    background: none;
    padding: 15px 0 10px;
}
.news-slider-mod .news-image{
    float: none;
}
.news-slider-mod .news-image img{
    height: auto;
    width: 100%;
}
.news-slider-mod .news-description{
    min-height: 340px;
    padding-bottom: 30px;
    position: relative;
    width: auto;
}
.news-slider-mod .link-holder{
    position: absolute;
    bottom: 0;
}
.testimonial_slider_mod{
    background-color: #eff7f7;
    padding-bottom: 60px;
}
.testimonial_slider_mod .fix-width{
    width: 600px;
}
.testimonial_slider_mod .review-item{
    text-align: center;
    width: auto;
}
.testimonial_slider_mod .review-item img{
    float: none;
}
.testimonial_slider_mod .review-desc{
    float: none;
    margin-top: 15px;
    padding: 0;
    width: auto;
}
.testimonial_slider_mod .review-desc blockquote{
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
    padding-bottom: 25px;
}
.testimonial_slider_mod .reviews .as-prev-arrow {
    background-image: url(../images/prev-arrow.png);
    left: -150px;
}
.testimonial_slider_mod .reviews .as-next-arrow {
    background-image: url(../images/next-arrow.png);
    right: -150px;
}
.testimonial_slider_mod .reviews .as-prev-arrow, .testimonial_slider_mod .reviews .as-next-arrow{
    height: 14px;
    top: 50%;
    width: 9px;        
}
.testimonial_slider_mod .review-desc cite{
    background-image: url(../images/bar.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 15px 30px;
    font-size: 16px;
}
.testimonial_slider_mod .reviews .as-nav{
    bottom: -20px;
    margin-left: -40px;
}
.testimonial_slider_mod .as-nav a{
    background-position: 0 0;
}
.testimonial_slider_mod a.as-active, .testimonial_slider_mod .as-nav a:hover {
    background-position: 100% 0;
}
.page-node-104 .page-holder > #main{
    padding-bottom: 0;
}
.title-img-mod{
    border: 2px solid #fff;
    border-radius: 50%;
    height: 72px;    
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    width: 72px;
}
.title-img-mod img{
    height: 35px;
    margin-top: 20px;
    opacity: 0.6;
    width: auto;    
}
.page-node-97 .block-banner-sm .banner-section{
    background-image: url(../images/banner-support-materials.png);
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.page-node-97 .title-holder{
    color: #fff;
    display: table-cell;
    width: 400px;
    vertical-align: middle;
}
.page-node-97 .banner-section h2{
    display: block;
    padding-bottom: 10px;
    padding-left: 0;
}
.page-node-97 .banner-section .fix-width{
    display: table;
}
.sm_img_block{
    background-color: #23afa4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 60px;
    border-radius: 50%;
    height: 140px;
    margin: 0 auto 20px;
    width: 140px;
    display: inline-block;
}
.sm_img_block a{
	display: block;
	text-indent: -9999px;
	line-height: 9;
}
.materials-item-mod:nth-child(5) .sm_img_block{
    background-size: auto 70px;
}
.support-materials{
    background: transparent;
}
.block-support-materials-download-block .support-materials{
    text-align: center;    
}
.node-support-materials .field-name-field-material-icon-image{
    display: none;
}
.content-section .field-items ul{
    margin-top: 20px;
}
/* ------ End add -------- */

/*MEDIA QUERIES*/
@media only screen and (max-width : 1080px){
    .as-prev-arrow,
    .as-next-arrow{
        display:none;
    }
}
@media only screen and (max-width : 1000px){
    div.fix-width{
        width:100%;
    }
    #header .logo{
        margin-left:10px;
    }
    .main-menu{
        padding:0 20px 0 0;
    }
    .main-menu ul{
        font-size:13px;
    }
    .main-menu .submenu li {
        font-size: 12px;
        padding: 0 0 0 29px;
    }
    .banner-section h6{
        left:20px;
    }
    .content-section,
    .thanks-section,
    .conditions-preview{
        margin-left:20px;
        margin-right:20px;
    }
    .page-content .block-system {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 25px;
    }
    .index-section{
        margin-left:20px;
        margin-right:20px;
    }
    .main-holder,
    .support-item,
    .news-item,
    .conditions-navigation{
        padding-left:20px;
        padding-right:20px;
    }
    .conditions-navigation{
        height: 53px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .thanks-section{
        padding-right:50%;
    }
    .footer-links{
        padding: 36px 20px 37px;
    }
    .copyrights-section{
        padding: 16px 20px 13px;
    }
    .footer-links-holder.additional ul:first-child {
        margin: 0;
    }
    .need-talk-holder{
        top:-300px;
        height: 266px;
    }
    #header .logo, .mobile-feedback .logo {
        width: 210px;
        height: 54px;
        margin: 20px 0 0 10px;
    }
}
@media only screen and (min-width : 641px) and (max-width : 940px){
	.news-slider-mod .news-item{
		margin-bottom: 30px;
	}
	
	.news-slider-mod .news-description p:last-of-type{
		padding-bottom: 30px;
	}
}

@media only screen and (max-width : 940px){
    .support-description{
        width: 45%;
        padding:0 5% 0 0;
    }
    .even .support-description,
    .news-description{
        padding:0 0 0 5%;
    }
    .news-description{
        width: 45%;
        padding:0 0 0 5%;
    }
    .support-image,
    .news-image{
        width: 50%;
    }
    .support-image img,
    .news-image img{
        width: 100%;
    }
    #main .as-nav{
        bottom:12px;
    }
}
@media only screen and (max-width : 800px){
    h2{
        font-size:30px;
    }
    .banner-section{
        height:200px;
    }
    .title-wrapper h3,
    .title-wrapper a{
        display:none;
    }
    .help-support-menu{
        height:auto;
        background: none;
    }
    .help-title{
        background: #23AFA4;
        float: none;
        width: 100%;
        padding: 0 0 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 37px;
    }
    .help-title strong{
        font: 300 21px/37px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .help-title strong:first-child + strong{
        background-size: 15%;
        padding: 0 0 0 21px;
        margin: 0 0 0 3px;
    }
    .help-title a{
        display:block;
        float:right;
        width:57px;
        height:37px;
        background:#f00;
        background: url(../images/open-close-btn.png) no-repeat 50% -95px;
        border-left:1px solid #21A99E;
    }
    .help-title.open a{
        background: url(../images/open-close-btn.png) no-repeat 50% 15px;
    }
    .help-support-menu ul{
        display:none;
        height:auto;
        float: none;
        text-align:left;
        background:none;
        padding:0 20px 27px;
        font: 300 17px/21px 'Open Sans',Arial,Helvetica,sans-serif;
        margin: 14px 0 0;
    }
    .help-support-menu ul li{
        float:none;
        background:none;
        border-bottom:1px solid #e3e3e3;
        height: auto;
    }
    #main .help-support-menu ul a{
        background: url(../images/green-arrow.png) no-repeat 100% 50%;
        padding:0;
        color:#666;
        width:auto;
        height: auto;
        padding: 4px 0 4px;
    }
    #main .help-support-menu ul a:hover{
        color:#23afa3;
    }
    .need-talk-section,
    .need-talk-holder
    {
        position:static;
    }
    .need-talk-band{
        position:relative;
    }
    .need-talk-band{
        height:36px;
        padding:0 0 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .need-talk-holder{
        height:auto;
        padding:18px 20px 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background:#fff;
        top:auto;
        bottom:36px;
        box-shadow:0 0 12px rgba(0,0,0,0.2);
        -webkit-box-shadow:0 0 12px rgba(0,0,0,0.2);
        -moz-box-shadow:0 0 12px rgba(0,0,0,0.2);
    }
    .talk-section h3 {
        padding: 0 0 5px;
    }
    .need-talk-holder .close-btn{
        background-color: rgba(255,255,255,1);
        left: 45%;
    }
    .need-talk-band a:after{
        display:none;
    }
    .need-talk-band a{
        cursor:default;
        padding: 0;
        font: 300 21px/36px 'Open Sans',Arial,Helvetica,sans-serif;
        border:none;
    }
    .need-talk-band{
        background:#8E80AE;
    }
    .need-talk-band span{
        display:block;
        float:right;
        width:57px;
        height:36px;
        background:#f00;
        background: url(../images/open-close-btn.png) no-repeat 50% 15px;
        border-left:1px solid #8678A7;
        cursor:pointer;
    }
    .need-talk-band.open span{
        background: url(../images/open-close-btn.png) no-repeat 50% -95px;
    }
    .talk-section{
        margin:0;
        padding:0;
        border:none;
        min-height:0;
        width:100%;
        padding-top:30px;
    }
    .need-talk-holder br{
        display:none;
    }
    .talk-section.desc {
        display:none;
    }
    .talk-section .next-section-btn{
        display:none;
    }
    .talk-section.mind{
        text-align:center;
        padding-bottom: 0;
        padding-top: 0;
    }
    .talk-section.samaritans{
        border:none;
        border-top:1px solid #EEE;
        text-align:center;
        width:100%;
        padding-bottom: 27px;
    }
    .talk-section span{
        border:none;
        padding: 23px 0 0;
    }
    .talk-section h3{
        font: 300 34px/34px 'Open Sans',Arial,Helvetica,sans-serif;
        padding: 0;
    }
    .talk-section span{
        padding:0;
        font: 18px/24px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .talk-section span:first-child {
        padding: 0 0 12px;
    }
}
@media only screen and (max-width : 780px){
    .main-menu ul a{
        margin: 39px 5px -5px;
        padding:0 10px;
    }
    .main-menu .submenu li {
        padding: 0 0px 0 10px;
    }
    .copyrights-section{
        text-align:center;
    }
    .copyrights-menu{
        float:none;
    }
    .copyrights-section .info{
        display:none;
    }
    ul.copyrights-menu li:first-child {
        background: none;
        padding: 0;
        margin: 0;
    }
    .questionnaire-menu .questionnaire-menu-item{
        min-width: 102px;
    }
    .webform-progressbar{
        width:55%;
    }
    .main-menu ul li.expanded.active:hover > a, .main-menu ul .expanded > a:hover{
        margin-left: 20px;
        margin-right: 20px;
    }
    .main-menu ul{
        margin: 0;
    }
    .news-slider-mod .news-description{
	    padding-bottom: 0;
    }
}
@media only screen and (max-width : 700px){
    .main-menu ul li.expanded.active:hover > a, .main-menu ul .expanded > a:hover, .main-menu ul a{
        margin-left: 0;
        margin-right: 0;
    }
    .main-menu ul a{
        padding-left: 8px;
        padding-right: 8px;
    }
}
@media only screen and (max-width : 640px){
    body{
        font:14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
        background:#fff;
        overflow-x: hidden;
    }
    .page-holder{padding:0 0 216px;}
    h2{
        padding: 17px 0 11px;
        font:23px/26px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    h3{
        font:300 20px/23px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    h4{
        font:bold 14px/17px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    #header{
        border-bottom:1px solid #E0E0E0;
        background:none;
        /*height: 57px;*/
        height: 115px;
        min-height:57px;
        background:#fff;
        position:fixed;
        z-index: 100;
    }
    .show-mobile-menu #header{
        z-index:1000;
    }
    #header .logo{
        /*margin: 9px 0 0 9px;*/
        margin: 20px 0 0 20px;
        /*width:158px;*/
        width:300px;
        /*height:41px;*/
        height:71px;
    }
    .show-mobile-menu #header .logo{
        display:none;
    }
    .main-menu{
        display:none;
    }
    .mobile-menu {
        display:block;
        position:absolute;
        right:-215px;
        height:0;
        -webkit-transition: right 0.5s ease-out;
        -moz-transition: right 0.5s ease-out;
        -o-transition: right 0.5s ease-out;
        transition: right 0.5s ease-out;
    }
    ul .mobile-menu{
        position:static;
        display:none;
    }
    ul .mobile-menu .open-menu{
        display:none;
    }
    .show-mobile-menu .mobile-menu{
        right:0;
    }
    .mobile-menu:after{
        content:"";
        display:block;
        clear:both;
    }
    .mobile-menu .open-menu{
        background:#fff url(../images/mobile-icon.png) no-repeat 50%;
        height:57px;
        width:50px;
        float:left;
        margin: 25px 25px 0 0;
        /*border-left:1px solid #EAEAEA;*/
    }
    .show-mobile-menu .mobile-menu .open-menu{
        background:#fff url(../images/close-mobile.gif) no-repeat 50%;
    }
    .show-mobile-menu .mobile-menu .open-menu{
        float:left;
    }
    .mobile-menu-holder{
        float:left;
        width:214px;
        background:#fff;
        padding:0 0 9999px;
        margin:57px 0 -9999px;
        overflow:hidden;
        border-left: 1px solid #EAEAEA;
    }
    ul .mobile-menu-holder{
        padding: 0;
        margin:0 0 -1px;
        float: left;
        overflow: hidden;
        border:none;
        border-top: 1px solid #EAEAEA;
    }
    .region.region-condition-search {
        margin: 0px 0 0;
    }
    .mobile-menu-holder ul{
        padding:0;
        margin:0;
        list-style:none;
        text-align:left;
        font:15px/18px 'Open Sans',Arial,Helvetica,sans-serif;
        border-top:1px solid #EAEAEA;
    }
    ul .mobile-menu-holder ul{
        border:none;
    }
    .mobile-menu-holder ul li{
        border-bottom:1px solid #EAEAEA;
        padding:0;
        list-style:none;
    }
    .mobile-menu-holder ul li:hover,
    .mobile-menu-holder ul li.active{
        background-color:#F0F0F0;
    }
    .mobile-menu-holder ul li.expanded{
        background: url(../images/mobile-submenu-open.png) no-repeat 90% 16px;
    }
    .mobile-menu-holder ul li.expanded.open{
        background: url(../images/mobile-submenu-close.png) no-repeat 90% 16px;
    }
    .mobile-menu-holder ul li.expanded:hover{
        background-color:#F0F0F0;
    }
    .mobile-menu-holder ul li a{
        width:100%;
        height:100%;
        display:inline-block;
        padding: 8px 10px 9px 21px;
        color:#595959;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;

    }
    ul .mobile-menu-holder ul li a{
        background: url(../images/mobile-submenu-bg.gif) no-repeat 39px 50%;
        padding-left: 48px;
    }
    .mobile-menu-holder ul li a:hover,
    .mobile-menu-holder ul li.active a{
        color:#595959;
        text-decoration:none;
    }

    #main{
        /*padding:57px 0 2px;*/
        padding:116px 0 2px;
    }
    .show-mobile-menu #main{
        padding-top:57px;
        right:215px;
    }
    .show-mobile-menu #footer{
        right:215px;
    }
    .content-section {
        margin: 16px 20px 0;
    }
    .content-section.page-content{
        margin: 16px 0 0;
    }
    .node-type-emotional-support .content-section {
        margin: 0;
    }
    .banner-section{
        height:96px;
        border:none;
    }
    .banner-section h2{
        font:21px/23px 'Open Sans',Arial,Helvetica,sans-serif;
        /*
                        padding: 0 0 0 170px;
        */
    }
    .banner-section h6{
        display:none;
    }
    .thanks-section{
        padding:200px 0 0;
        margin:0 20px;
        background: url(../images/thanks-logo2.png) no-repeat 50% 30px;
    }
    #footer{
        height:216px;
        margin: -216px 0 0;
        padding-top: 210px;
    }
    .footer-links{
        padding: 5px 20px 4px;
    }
    .footer-links-holder.additional{
        display:none;
    }
    .footer-links-holder{
        float:none;
    }
    .footer-links ul{
        margin:0;
        width:100%;
    }
    .footer-links ul li{
        background: url(../images/footer-mobile-separator.gif) repeat-x;
        padding: 5px 0 5px;
    }
    .footer-links strong{
        padding: 3px 0 4px;
        font:14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
        margin:0;
        background: none;
    }
    .footer-logo{
        float:right;
        text-indent:-9999px;
        padding: 0;
        width: 48px;
        background: url(../images/footer-logo2.png) no-repeat;
    }
    .copyrights-section{
        background: #505050;
        padding: 10px 20px 10px;
    }    
    .copyrights-menu ul.info{
        margin: 2px 0 0;
    }
    .copyrights-menu ul.info li{
        display:none;
    }
    .copyrights-menu ul.info li:first-child{
        display:block;
    }
    ul.copyrights-menu{
        float:none;
        display: inline-block;
        margin: 0 0 0;
        /*        width: 230px;*/
        vertical-align: middle;
    }
    .copyrights-menu ul li:first-child{
        padding:0;
        margin:0;
        background:none;
    }
    .copyrights-section .info{
        background: url(../images/copyrights-menu-separator.png) no-repeat 0 1px;
        display:inline-block;
        float:none;
        margin:0 0 0 6px;
        padding-left: 8px;
        vertical-align: middle;
    }
    .copyrights-section .info span:first-child{
        margin:0;
        padding:0;
    }    
    .footer-logo{
        margin: -10px 0 0;
    }
    .support-section{
        font:14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .support-section p{
        padding:0 0 8px;
        font:14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .support-item,
    .news-item{
        padding: 26px 20px 17px;
    }
    .support-item.bg{
        background: #EFF7F7;
    }
    .support-image,
    .news-image{
        float:none;
        width:100%;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        overflow: hidden;        
    }
    .even .support-image{
        float:none;
    }
    .support-image img,
    .news-image img{
        width:100%;
        display: block;
        height: auto;
    }
    .support-image h4,
    .news-image h4{
        font-size:15px;
    }
    .support-description,
    .news-description{
        float:none;
        width:100%;
        margin: 20px 0 0;
        padding:0;
    }
    .support-description a,
    .news-description a{
        margin:0;
        font: 12px/32px 'Open Sans',Arial,Helvetica,sans-serif;
        height:32px;
    }
    .support-description .link-holder,
    .news-description .link-holder{
        text-align:center;
    }
    #main .support-condition .support-description{
        padding:107px 0 0;
        margin:0;
        background-image: url(../images/a-z-mobile.png);
        background-position:50% 0;
    }
    .main-holder{
        padding-top:16px;
    }
    #content{
        width:100%;
        padding:0;
        border:none;
        padding:20px;
    }
    #sidebar{
        display:none;
    }
    .conditions-navigation{
        display:none;
    }
    .condition-search h3{
        font:300 15px/18px 'Open Sans',Arial,Helvetica,sans-serif;
        padding: 0 0 7px;
    }
    .conditions-preview{
        line-height:17px;
    }
    .condition-search{
        padding: 9px 20px 13px;
    }
    .condition-search-holder{
        padding: 6px 11px 15px 11px;
    }
    .form-actions{
        top: 27px;
        right: 20px;
        width: 13px;
        height: 14px;
    }
    .condition-search-holder .input-text{
        height:34px;
        padding: 0 5px;
        font: 15px/18px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .condition-search-holder .input-submit{
        background-size:contain;
        -webkit-background-size:contain;
        width:13px;
        height:14px;
        top: 11px;
        right: 10px;
    }
    .ui-menu .ui-menu-item {
        font: 15px/18px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .index-section .column{
        width:100%;
    }
    .wrap-column{
        width:100%;
        padding:0;
    }
    .index-item {
        padding: 0 0 4px 0;
        border-bottom: 1px solid #e3e3e3;
        margin: 0 0 3px;
        background: url(../images/conditions-arrow.png) no-repeat 98% 10px;
    }
    .index-item.open{
        background: url(../images/conditions-arrow-open.png) no-repeat 98% 10px;
    }
    .wrap-column:last-child .index-item:last-child{
        border:none;
    }
    .index-section h2{
        border:none;
        padding:0;
        cursor:pointer;
    }
    .index-section ul{
        margin: 14px 0 12px;
        display:none;
    }
    .support-item{
        font:14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    #main .support-condition {
        padding-bottom: 62px;
    }
    .news-slider .news-item{
        padding-top:20px;
    }
    .news-description p{
        padding:0 0 8px;
        font:14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .home .link-holder {
        margin: 0;
    }
    .home-slider-wrapper {
        min-height: 383px;
    }
    .slider-section .home-slider-wrapper{
        min-height: 0;
    }
    .reviews{
        display:none;
    }
    .mobile-reviews{
        display:block;
        margin: 0 20px;
        text-align:center;
    }
    .mobile-reviews .review-item{
        font: 14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .mobile-reviews .review-item img{
        float:none;
        /*        width: 67px;
                height: 67px;*/
    }
    .mobile-reviews .review-desc{
        float:none;
        padding:0;
        width:100%;
        margin: 11px 0 0;
    }
    .mobile-reviews .review-desc p{
        padding:0;
        display:inline;
    }
    #main .as-nav{
        left:0;
        margin:0;
        text-align:center;
        width:100%;
    }
    .slider-section .as-nav{
        display:none;
    }
    .slide-description{
        width:42%;
        height:100%;
    }
    #main .mobile-reviews .as-nav{
        /*bottom:19px;*/
        bottom:-25px;
    }
    #main .as-nav a{
        /*        width:7px;
                height:7px;*/
        margin:0 3px;
    }
    .review-desc cite{
        font:bold 15px/18px 'Open Sans',Arial,Helvetica,sans-serif;
        padding: 14px 0 0;
    }
    .reviews-slide{
        padding: 29px 0 0;
    }
    .review-desc blockquote {
        padding: 0 0 15px;
    }
    .home-slider-wrapper.mobile-reviews{
        min-height: 280px;
    }
    .slider-holder{
        /*height:154px;*/
        height:340px;
    }
    .slider-section img{
        height:100%;
        left: 7px;
        width:auto;
    }
    .hidden-mbl{
        display: none !important;
    }
    .slide-description .title-holder h3 span {
        border-top: none;     
        margin-top: 0;
        padding-top: 0;
    }
    .slide-description{
        width: 25%;
        padding-right: 15px;
    }
    .slider-section h2{
        font:300 20px/23px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .with-logo .slide-description h3{
        background: none;
        padding-top: 0;
    }
    .slider-section h6{
        display:none;
    }
    .slider-section .title-holder .next-section-btn{
        display:none;
    }
    .popup h2 {
        font: 300 18px/20px 'Open Sans',Arial,Helvetica,sans-serif;
        background-position:50% 0;
        padding: 14px 0 7px;
    }
    .popup{
        text-align:center;
    }
    body .fancybox-close{
        width:11px;
        height:11px;
        top:9px;
        right:13px;
    }
    .popup .feedback-link,
    .popup .close-popup{
        width:130px;
        text-align:left;
        height: 32px;
        line-height: 32px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 0 0 0 6px;
        -webkit-transition: background-color 0.3s ease;
        -moz-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }
    .popup .feedback-link{
        position:relative;
        top:30px;
        margin:0 auto;
    }
    .node-conditions{
        border-bottom:1px solid #e3e3e3;
        margin: 0 0 13px;
    }
    span.back-conditions {
        background: #23AFA4 ;
        display: block;
        margin: -20px -20px 16px;
        padding: 0 20px;
        height:37px;
        line-height:37px;

    }
    span.back-conditions a{
        background:url(../images/back-arrow.png) no-repeat 0 50%;
        color:#fff;
        padding: 0 0 0 16px;
    }
    a.back-conditions{
        font:600 14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
        display:block;
        float: left;
        background:url(../images/back-black-arrow.png) no-repeat 0 50%;
        padding: 0 0 0 8px;
    }
    a.back-top{
        font:600 14px/19px 'Open Sans',Arial,Helvetica,sans-serif;
        display:block;
        float: right;
        background:url(../images/top-arrow.png) no-repeat 100% 50%;
        padding: 0 11px 0 0;
    }
    .fancybox-skin{
        padding: 51px 33px 35px 33px !important;
    }
    .fancybox-inner{
        height:150px !important;
    }
    #block-system-main .webform-submit,
    .feedback-form .webform-submit {
        text-align: center;
        -webkit-appearance: none;
    }
    .talk-section{
        height:auto;
    }
    .close-btn{
        display:none;
    }
    div#block-support-materials-download-block-support-materials-block {
        background: #fff;
        padding: 0 15px;
    }
    .materials-item h4.open:after{
        font:14px/17px 'Open Sans',Arial,Helvetica,sans-serif;
        top:12px;
    }
    .materials-item ul{
        padding:0;
    }
    .materials-item ul li{
        padding-left:0;
    }
    .materials-item audio{
        width:100%;
    }
    .block-sponsors-and-contributors{
        padding:0 15px;
        margin-bottom: 0;
    }
    .block-sponsors-and-contributors .sponsors-list{
        margin:0;
    }
    .block-sponsors-and-contributors .sponsors-list .item{
        margin:0 0 30px 0;
        width:100%;
        text-align:center;
    }
    .block-sponsors-and-contributors .sponsors-list .item img{
        max-width:100%;
    }
    .page-search .form-item-keys label{
        padding: 17px 0 11px;
        font: 23px/26px 'Open Sans',Arial,Helvetica,sans-serif;
    }
    .page-search .search-form input[type="text"]{
        width:100%;
        margin: 0 0 20px;
    }
    .page-user input[type="text"],
    .page-user input[type="password"]{
        width:100%;
    }
    .search-results{
        padding:0;
    }
    .item-list .pager li.pager-first,
    .item-list .pager li.pager-previous,
    .item-list .pager li.pager-next,
    .item-list .pager li.pager-last{
        display:none;
    }
    .questionnaire-banner,
    .webform-progressbar,
    #block-questionnaire-questionnaire-bottom-text{
        display:none;
    }
    .questionnaire-holder{
        margin-top:-7px;
        padding:0;
        border:none;
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
    }
    .questionnaire-holder .form-actions{
        margin:0;
    }
    .questionnaire-holder .webform-component .mobile-title{
        display:block;
        background:none;
        font: 300 18px/23px 'Open Sans',Arial,Helvetica,sans-serif;
        padding: 0 0 17px;
    }
    .questionnaire-holder h3{
        font: 300 20px/23px 'Open Sans',Arial,Helvetica,sans-serif;
        min-height:63px;
    }
    .questionnaire-menu{
        padding: 0 0 11px;
    }
    .questionnaire-menu .questionnaire-menu-item{
        min-width:0;
        font-size:12px;
        line-height:15px;
        padding: 0 0px 0 5px;
        min-width: 8%;
    }
    .questionnaire-menu .questionnaire-menu-item.active{
        width:39%;
    }
    .questionnaire-menu .questionnaire-menu-item.last{
        padding:0 5px;
    }
    .questionnaire-menu .questionnaire-menu-item span:first-child{
        margin:8px 0 0;
    }
    .questionnaire-menu .questionnaire-menu-item.active span:first-child{
        margin: 8px 8px 0 0;
        float: left;
    }
    .questionnaire-menu .questionnaire-menu-item.active .item-title{
        display: table;
        height: 100%;
    }
    .questionnaire-menu .questionnaire-menu-item.active .item-title em{
        display:table-cell;
        vertical-align:middle;
    }
    .questionnaire-menu .questionnaire-menu-item .item-title em br{
        display:inline;
    }
    .questionnaire-menu .questionnaire-menu-item .item-title{
        display:none;
    }
    .questionnaire-menu .questionnaire-menu-item span:first-child{
        width:18px;
        height:17px;
        line-height: 16px;
        font-size: 14px;
    }
    .questionnaire-holder .webform-component label{
        font: 400 15px/18px 'Open Sans',Arial,Helvetica,sans-serif;
        margin: 0 0 26px;
    }
    .questionnaire-holder .webform-component > label{
        margin-top:3px;
        font: 300 16px/21px 'Open Sans',Arial,Helvetica,sans-serif;
        margin: 0 0 13px;
        min-height: 86px;
    }
    .webform-component .radioArea,
    .webform-component .radioAreaChecked{
        width:18px;
        height:18px;
    }

    .questionnaire-holder .form-item select{
        width:100%;
    }
    .page-questionnairehtml .optionsDivVisible{
        height:300px;
    }
    .fix-width.region-content-holder.questionnaire-result {
        padding: 0 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .questionnaire-holder .form-actions .button-primary{
        display:none;
    }
    .page-questionnairehtml .questionnaire-holder .form-actions .button-primary{
        display:block;
    }
    .questionnaire-holder .form-actions{
        text-align:center;
        border-top:1px solid #E3E3E3;
        padding:15px 0 0;
    }
    .page-questionnairehtml .questionnaire-holder .form-actions{
        text-align:left;
        border-top:none;
        padding:0;
    }
    .questionnaire-holder .form-actions .button-primary.return-home{
        display:inline-block;
        float:none;
    }
    .questionnaire-result .questionnaire-holder{
        margin-top:20px;
    }
    .slider-section img {
        left: -25px;
        max-width: 100%;
        height: auto;
        bottom: 0;
        top: initial;
    }
    .help-title strong{
        font-size: 43px;
        padding-top: 15px;
    }
    .help-title{
        height: 75px;
        /*padding: 15px 25px;*/
    }
    .help-title strong:first-child + strong {
        background-size: 15%;
        padding: 0 0 0 36px;
        margin: 0 0 0 10px;
    }
    .help-title a{
        background: url(../images/open-close-btn.png) no-repeat 50% -78px;
        border-left: 1px solid #1fa398;
        width: 70px;
        height: 75px;
    }
    .help-title.open a{
        background: url(../images/open-close-btn.png) no-repeat 50% 35px;
    }
    .home-slider-wrapper-mod {
        padding: 20px 0;
    }
    .news-slider-mod .news-item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
        float: none;
        width: 100%;
    }
    .news-slider-mod .news-description{
        margin-top: 5px;
    }
    .news-slider-mod .news-description h2{
        font-size: 48px;
        font-weight: 300;
        line-height: normal;
        padding-top: 0;
        text-align: center;
    }
    .news-description p{
        font-size: 22px;
        font-weight: 300;
        line-height: normal;
    }
    .news-slider-mod .news-description{
        min-height: 0;
    }
    .news-slider-mod .link-holder{
        position: static;
    }
    .news-slider-mod .link-holder a{        
        font-size: 26px;
        padding: 8px 44px 8px 15px;
        border-radius: 25px;
    }
    .testimonial_slider_mod .review-desc cite{
        font-size: 16px;
        padding-top: 50px;
    }
    .footer-logo {
        background: url(../images/footer-logo-mbl.png) no-repeat;
        float: none;
        height: 134px;
        top: 60px;
        margin: 0 0 0 -176px;
        position: absolute;
        left: 50%;
        width: 351px;
    }
    .footer-links{
        padding-bottom: 10px;
        text-align: center;
    }
    .footer-links .fix-width > strong{
        display: none;
    }
    .footer-links ul li{
        background: none;
        padding: 10px 0;
    }
    .footer-links ul a{
        font-size: 22px;
    }
    .page-node-97 .block-banner-sm .banner-section{
        background-position: left 42% center !important;
        height: 342px;
    }
    #block-banner-sm-banner-sm .title-holder {        
        padding-left: 42%;
        padding-right: 40px;
        width: auto;
    }
    .banner-section h2{
        font-size: 36px;
        font-weight: 300;
        line-height: 46px;
    }
    .support_banner_text p{
        font-size: 20px;
        font-weight: 300;
        line-height: 22px;
    }
    .materials-item-mod{
        width: 46%;
    }
    .block-support-materials-download-block .support-materials {
        margin-bottom: 0;
        text-align: left;
    }
    .materials-item-mod h4 a{
        line-height: normal;
    }
    .page-node-321 .banner-section{
        height: 340px;
    }
    .title-holder-mod{
        padding: 0 40px;
        width: auto;
    }
    .banner-section .title-holder-mod p{
        font-weight: 300;
        font-size: 22px;
        line-height: 26px;
    }
    .banner-section .title-holder-mod h2{
        font-size: 40px;
        margin-bottom: 15px;
    }
    .column-3{
        width: 100%;
    }
    .crisis-content-block{
        padding-left: 35px;
        padding-right: 35px;
    }
    .block-banner-sm .banner-section{
        height: 340px;
    }
    .title-holder-support{
        width: auto;
    }
    .banner-section.support_materials_banner h6{
        display: block;
        font-size: 18px;
        line-height: normal;        
    }
    .node-support-materials .field-item p, .node-support-materials .field-item ul, .node-support-materials .field-item ol {        
        font-size: 20px;
        line-height: normal;
    }
    .node-support-materials .field-item h3 {        
        font-size: 42px;        
        line-height: normal;
    }
    .title-holder-support h3 {
        font-size: 30px;        
        line-height: normal;
    }
    .page-content .block-system{
        padding-left: 30px;
        padding-right: 30px;
    }
    .support-materials h2{
        margin-bottom: 15px;
    }
    .support-materials ul li a, .support-materials ul li span{
        font-size: 16px;
    }
    .crisis-item .title-sec{
        min-height: 50px;
        padding-bottom: 25px;
    }
    .crisis-item .title-sec h3 {        
        line-height: 36px;
    }    
    .crisis-item .title-sec p {
        line-height: normal;
    }
}
@media only screen and (max-width : 540px){
    .banner-section h2{
        font-size: 30px;
        line-height: normal;
    }
    .support_banner_text p{
        font-size: 16px;
        line-height: normal;
    }
}
@media only screen and (max-width : 480px){
    .news-slider-mod .news-description h2{
        font-size: 36px;        
    }
    .news-description p{
        font-size: 20px;
    }
}

@media only screen and (max-width : 460px){
    .banner-section h2{
        font-size: 22px;
        line-height: normal;
    }
    .support_banner_text p{
        font-size: 14px;
        line-height: normal;
    }
}

@media only screen and (max-width : 420px){
    .block-support-materials-download-block .support-materials {
        text-align: center;
    }
    .materials-item-mod{
        width: auto;
    }
}
@media only screen and (max-width : 390px){
    #header{
        height: 90px;
    }
    #header .logo{
        width: 270px;
        height: 50px;
    }
    .mobile-menu .open-menu{
        margin: 15px 20px 0 0;
    }
    #main{
        padding-top: 91px;
    }
    .slider-holder{
        height: 280px;
    }
    .footer-logo {
        width: 300px;
        margin-left: -150px;
        background-size: contain;
    }
    .help-title strong {
        font-size: 30px;
    }
}