@import url(https://fonts.googleapis.com/css?family=Open+Sans);


#Body,
html,
body,
.Head,
.SubHead,
.SubSubHead,
.Normal,
.TeamDetail_info li a,
.TeamDetail_info li a:link,
.TeamDetail_info li a:active,
.TeamDetail_info li a:visited {
    color: #53565a;
    font-size: 14px;
    font-family: 'Open Sans';
    line-height: 1.8;
    font-weight: 600;
   /* width:100%;            /*added to make the content fit the screen size*/
	/*overflow-x:hidden;     /*added to make the content fit the screen size*/
	
	
}

.customDiv {
    background-color: #e2e2e2;
    width: 100%;
}

html, button, input, select, textarea {
    font-family: 'Open Sans';
}

#dnn_wrapper {
    width: auto;
	overflow-x:hidden; /**-------- added to stop horizontal scroll --- TM*/
}

.Page_box_bg {
    display: none;
}




A, A:link,
A:active,
A:visited,
A:hover,
.Login a:hover {
    color: #006663;
    font-family: 'Open Sans';
}

.ls-layer,
.ls-layer * {
    font-family: 'Open Sans' !important;
}

/*but*/
a.Button_default {
    background-color: #006666;
}


/*dividers*/
.dividers_4 {
    border-bottom-color: #006666;
}
/*price*/
.price-table1 .price_box,
.price-table1 .best_value .price_title,
.price-table1 .btn,
.price-table2 .price_box,
.price-table2 .best_value .price_title,
.price-table2 .best_value .price_bottom a.btn,
.price-table2 .price_bottom a.btn:hover,
.price-table2 [class*="col-"]:hover .price_title,
.price-table2 [class*="col-"]:hover .price_bottom a.btn,
.price-table3 a.btn:hover,
.price-table3 .best_value .price_title,
.price-table3 .best_value a.btn,
.price-table3 [class*="col-"]:hover .price_title,
.price-table3 [class*="col-"]:hover a.btn,
.price-table4 a.btn:hover,
.price-table4 .best_value .price_title h2,
.price-table4 .best_value a.btn,
.price-table4 [class*="col-"]:hover .price_title h2,
.price-table4 [class*="col-"]:hover a.btn {
    background-color: #006666;
}

.price-table2 .best_value .price_bottom a.btn,
.price-table2 .price_bottom a.btn:hover,
.price-table2 [class*="col-"]:hover .price_bottom a.btn {
    border-color: #006666;
}

.price-table4 .price_box {
    color: #006666;
}

/*progressbars*/
.chart_list .percentage1,
.number_Animation {
    color: #006666;
}

.loaded_list .progress .bar,
.loaded_list2 .progress .bar {
    background-color: #006666;
}


/*.Testimonials*/
.Testimonials_1 small span,
.Testimonials_2 small span,
.Testimonials_4 small span,
.Testimonials_5 small span,
.Testimonials_9 small span,
.Testimonials_10 small {
    color: #006666;
}

.Testimonials_tab .last_page:hover,
.Testimonials_tab .next_page:hover,
.Testimonials_5 blockquote p,
.Testimonials_6 .dot a.actived,
.Testimonials_10 .dot a.actived,
.Testimonials_7 .ico,
.Testimonials_7 .dot a.actived,
.Testimonials_8 .dot a.actived {
    background-color: #006666;
}

.Testimonials_5 small:before {
    border-top: 10px solid #006666;
}

.Testimonials_9 .last_page:hover,
.Testimonials_9 .next_page:hover {
    border: 2px solid #006666;
}

    .Testimonials_9 .next_page:hover:before {
        border-bottom: 2px solid #006666;
        border-right: 2px solid #006666;
    }

    .Testimonials_9 .last_page:hover:before {
        border-bottom: 2px solid #006666;
        border-left: 2px solid #006666;
    }

.Testimonials_8 .dot a.actived {
    border-color: #006666;
}

.backgroundImage1 {
    background-color: #006666;
}

/*horizontalTab*/
.horizontalTab_Top_1 ul.resp-tabs-list li,
.horizontalTab_Top_1 ul.resp-tabs-list li:hover,
.horizontalTab_Top_2 ul.resp-tabs-list li,
.horizontalTab_Top_2 ul.resp-tabs-list li:hover,
.horizontalTab_Top_3 ul.resp-tabs-list li,
.horizontalTab_Top_3 ul.resp-tabs-list li:hover {
    background-color: #006666;
}

.verticalTab_Left_1 ul.resp-tabs-list li,
.verticalTab_Left_2 ul.resp-tabs-list li,
.verticalTab_Left_3 ul.resp-tabs-list li,
.verticalTab_Right_1 ul.resp-tabs-list li,
.verticalTab_Right_2 ul.resp-tabs-list li,
.verticalTab_Right_3 ul.resp-tabs-list li {
    background-color: #006666 !important;
}

.horizontalTab_Top_4 ul.resp-tabs-list li.resp-tab-active span {
    border-top: 3px solid #006666;
}




@media only screen and (max-width: 768px) {
    .horizontalTab_Top .resp-tab-active,
    .horizontalTab_Top .resp-tab-active:hover,
    .verticalTab_Left .resp-tab-active,
    .verticalTab_Left .resp-tab-active:hover,
    .verticalTab_Right .resp-tab-active,
    .verticalTab_Right .resp-tab-active:hover {
        background-color: #006666;
    }
}
/*Accordion*/
.accordion_1 .panel-title a,
.accordion_3 .panel-title a .accordion_icon,
.accordion_3 .panel-title a:hover .accordion_icon,
.accordion_4 .panel-title .accordion_icon,
.accordion_4 .panel-title a.collapsed:hover .accordion_icon {
    background-color: #006666;
}

.accordion_2 .panel-title a,
.accordion_2 .panel-heading a.collapsed:hover,
.accordion_3 .panel-title a,
.accordion_3 .panel-title a:hover,
.accordion_4 .panel-title a,
.accordion_4 .panel-title .accordion_icon,
.accordion_4 .panel-title a.collapsed:hover {
    color: #006666;
}

    .accordion_2 .panel-heading .accordion_icon,
    .accordion_2 .panel-heading a.collapsed:hover .accordion_icon {
        border-right: 1px solid #006666;
        border-bottom: 1px solid #006666;
    }
/*quotes*/
.quotes_2 blockquote {
    border-left: 5px solid #006666;
}

.quotes_3 blockquote {
    background-color: #006666;
}

.quotes_4 blockquote small {
    color: #006666;
}
/*dropcaps*/
.dropcaps_2,
.dropcaps_4 {
    color: #006666;
}

.dropcaps_5,
.dropcaps_6 {
    background: #006666;
}
.sep{
	float:right;
}
/*Portfolio*/

.Skin_01_Default.galler_datail .single_meta a:hover {
    color: #ed474a;
}

.Skin_02_Default #filters li.selected a,
.Skin_02_Default #filters li.selected a:hover,
.Skin_02_Default .filter-switch,
.galler_datail .gallery_tags a:hover {
    background-color: #006666;
}

.Skin_02_Default #filters li a:hover,
.Skin_02_Default .sort_box li a:hover,
.Skin_02_Default .portfolio_categories a:hover,
.Skin_02_Default.galler_datail .single_meta a:hover,
.Skin_02_Default .portfolio_descr .name a:hover {
    color: #006666;
}

.Skin_02_Default .comment_form .submit_button .CommandButton {
    border: 1px solid #006666 !important;
    color: #006666 !important;
}

.Skin_03_Default .filter-switch,
.Skin_03_Default .view-tenth:hover .portfolio_descr {
    background-color: #006666;
}

.Skin_03_Default #filters li.selected a,
.Skin_03_Default #filters li.selected a:hover,
.Skin_03_Default #filters li a:hover,
.Skin_03_Default .sort_box li a:hover {
    color: #006666;
}

.Skin_03_Default .comment_form .submit_button .CommandButton {
    border: 1px solid #006666 !important;
    color: #006666 !important;
}



/*bolg*/
.Skin_01_Default.news_list .post_categories a:hover,
.Skin_01_Default.news_list .post_more a:hover,
.Skin_01_Default.news_detail .post_categories a:hover,
.Skin_01_Default.news_detail .post_more a:hover {
    color: #006666 !important;
}

.Skin_03_Simple .single_meta a:hover,
.Skin_03_Simple.simple_list h2.news_title a:hover {
    color: #006666 !important;
}

.Skin_04_Box .post_date a:hover,
.Skin_04_Box.news_list h2.news_title a:hover {
    color: #006666 !important;
}

.Skin_04_Box .post_categories a:hover {
    background-color: #006666;
}

.Skin_04_Box .comment_form .submit_button .CommandButton {
    border: 1px solid #006666 !important;
    color: #006666 !important;
}


.Skin_05_timeline .news_post_box .post_box h2.news_title a:hover,
.Skin_05_timeline .news_post_box .post_box .post_date a:hover,
.Skin_05_timeline .news_detail_top h2.news_title {
    color: #006666;
}

.Skin_05_timeline .news_post_box .post_box .post_more a:hover {
    background: #006666;
    border: 1px solid #006666;
}



.Skin_05_timeline .news_detail_top .tab_right .news_detail_username a:hover,
.Skin_05_timeline.news_detail .post_date a:hover,
.Skin_05_timeline .comment_content .comment_date a,
.Skin_05_timeline .comment_content .comment_date a:link,
.Skin_05_timeline .comment_content .comment_date a:active,
.Skin_05_timeline .comment_content .comment_date a:visited,
.Skin_05_timeline .comment_content .comment_date a:hover,
.Skin_05_timeline .post_author_info .author_desc {
    color: #006666 !important;
}

.Skin_05_timeline .news_date_box span,
.Skin_05_timeline .news_date_box span i,
.Skin_05_timeline .news_more_box span,
.Skin_05_timeline .news_more_box .line span,
.Skin_05_timeline .news_post_box .news_post .dot,
.Skin_05_timeline .news_date_box span,
.Skin_05_timeline .news_date_box span i,
.Skin_05_timeline .news_more_box span,
.Skin_05_timeline .xblog_page .pager {
    background-color: #006666;
}

.Skin_05_timeline .comment_form .Post_button .CommandButton {
    background: #006666 !important;
}

/*DNN LATEST PROJECTS*/
.Theme_21_LinkAndZoom_Normal .next:hover,
.Theme_21_LinkAndZoom_Normal .prev:hover,
.Theme_21_LinkAndZoom_Normal .pager a.selected,
.Theme_21_LinkAndZoom_Default .next:hover,
.Theme_21_LinkAndZoom_Default .prev:hover, .Theme_21_LinkAndZoom_Default .pager a.selected {
    background-color: #006666 !important;
}
/*DNN PORTFOLIOS*/
.Theme_19_Normal .filter_navigation ul li.selected a,
.Theme_19_Normal .filter_navigation ul li a:hover {
    color: #006666 !important;
}

.Theme_19_Default .filter_navigation ul ul li.selected a,
.Theme_19_Default .filter_navigation ul ul li a:hover,
.Theme_19_Default .view-tenth .mask {
    background-color: #006666 !important;
}
/*banner*/
.Theme_13_Elegant .unoslider_left,
.Theme_13_Elegant .unoslider_right,
.Theme_13_Elegant .unoslider_indicator a.unoslider_indicator_active {
    background: #006666 !important;
}


/*carousel*/
.carousel_1 .item:hover .ico .glyphicons,
.carousel_1 .item:hover .ico .socia,
.carousel_1 .item:hover a.Button_normal,
.carousel_3 .pic,
.carousel_2 .owl-buttons .owl-prev:hover,
.carousel_2 .owl-buttons .owl-next:hover,
.carousel_4 .owl-buttons .owl-prev:hover,
.carousel_4 .owl-buttons .owl-next:hover,
.carousel_4 .item:hover .sliding {
    background-color: #006666;
}

.carousel .owl-page.active,
.carousel .owl-buttons .owl-prev:hover,
.carousel .owl-buttons .owl-next:hover {
    border: 2px solid #006666;
}


/* Join NASW Today!*/
	#outterDiv {
		padding: 2% 1% 2% 1%;
		width: 100%;
		background-color: #9abeaa;
		margin: 5% 2% 5% 2%;
		}
	#innerDiv {
		border: 3px solid #006663;
		min-height: 20px;
		height: 50px;
		width: 95%;
		padding: 10% 10% 18% 10%;
		position: relative;
		left: 2%;
		right: 10%;
		background-color: #9abeaa;
		
	}

	.customeTile {
		font-size: large;
		text-shadow: 1px 1px #ffffff;
		color: #006663;
	}
    .carousel .owl-buttons .owl-prev:hover:before {
        border-left: 2px solid #006666;
        border-bottom: 2px solid #006666;
    }

    .carousel .owl-buttons .owl-next:hover:before {
        border-right: 2px solid #006666;
        border-bottom: 2px solid #006666;
    }

.carousel_1 .item:hover .ico {
    background: #006666;
    border: 2px solid #006666;
}

.carousel_1 .item:hover h3 {
    color: #006666;
}


/*----------------------------------------------------------Cutsom class added*/
.ddn_layout{
	width:100%;
	
	
}



/*html*/
a.breadcrumb:hover {
    color: #006666;
}

.serviceAnimation h3,
.TeamDetail_right .Teamtitle span,
.info_list li h3 span,
.about_content h3 span,
.TeamDetail_left .team_social a,
.TeamDetail_info li a:hover,
.our_team1 .team_title span,
.our_team1 .team_social a,
.our_team1 .team_title span,
.our_team1 .team_social a,
.Service_Box:hover dt,
.social_list2 a:hover,
.advantage_box:hover h3,
.evaluate blockquote small span,
.color,
.full_screen_pic .content .title span,
.full_screen_pic #nextPage,
.blockquote1 small span,
.list_style11 li:before {
    color: #006666;
}

    .full_screen_pic #nextPage:after {
        border-right-color: #006666;
        border-bottom-color: #006666;
    }

.service_left {
    border-right: 1px dashed #006666;
}

.service_right {
    border-left: 1px dashed #006666;
}

.info_list .info_box:before,
.info_list:before,
.advantage_box:hover .advantage_ico {
    border: 2px solid #006666;
}

    .info_list li.active,
    .serviceAnimation li .number,
    .serviceAnimation li:before,
    .ContentTop_bg,
    .ContentBottom_bg,
    .info_list .info_box:hover,
    .list_style2 li:before,
    .list_style5 li:hover,
    .list_style6 li .ico,
    .list_style7 li .ico,
    .list_style8 li .ico,
    .faq_list dt .ico_q,
    .Service_Box dd .glyphicons,
    .Service_Box dd .social,
    .tags_list a:hover,
    .image_gallery a,
    .advantage_box:hover a.Button_normal,
    .advantage_box:hover .advantage_ico .glyphicons,
    .advantage_box:hover .advantage_ico .socia,
    .advantage_box:hover .advantage_ico,
    .list_style10 li span,
    .carousel_5 .owl-buttons .owl-prev:hover,
    .carousel_5 .owl-buttons .owl-next:hover,
    .carousel_5 .but,
    .accordion_5 .panel-title a,
    .list_1 li .ico span,
    .banner4content2,
    .magic_box,
    .magic_box .up,
    .magic_box .down,
    .blockquote1 .mark,
    .isotope_grid .isotope_group a:hover,
    .isotope_grid .isotope_group a.active,
    .isotope_grid .isotope_item .photo_box .shade,
    .ServeList_2 .ico,
    .ServeList_2 .but,
    .accordion_6 .panel-title a.collapsed .accordion_icon,
    .accordion_6 .panel-title a .accordion_icon {
        background-color: #006666;
    }

#to_top {
    border: 3px solid #006666;
    color: #006666;
}

    #to_top:before {
        border-bottom: 8px solid #006666;
    }

.Theme_Responsive_Default button.btn,
.Theme_Responsive_Default input[type="submit"].btn,
.Theme_Responsive_Default input[type="reset"].btn {
    background-color: #006666 !important;
}

.ServeList_1 .ico {
    border-color: #006666;
    color: #006666;
}

.accordion_5 .panel-default .panel-collapse .panel-body {
    border-left-color: #006666 !important;
}

.SliderRevolution3D .banner4more a:hover,
.employeesContent .glyph a:hover {
    background-color: #006666 !important;
    border-color: #006666 !important;
}

.Testimonials_10 small {
    color: #ed474a;
}

.Testimonials_10 .dot a.actived {
    background-color: #ed474a;
}

.player_boxes .player_line {
    border-top-color: #006666;
}

/*Container*/
.Container-10 .dnntitle {
    background: #006666;
}

.title2 {
    color: #006666;
}

.title8 {
    border-bottom: 3px solid #006666;
}

.title9 {
    border-left: 2px solid #006666;
}

.Container-22 .dnntitle .dash_line_center,
.Container-23 .dnntitle .dash_line {
    border-bottom: 1px dashed #006666 !important;
}

/* new portfolio */
.Text_layouts .photo_box a:hover span,
.Sidebar_layouts_categories .glyphicons,
.Sidebar_layouts_links .glyphicons {
    color: #006666;
}

.List_layouts_text hr {
    border-color: #006666;
}

a.portfolios_default_btn,
.Single_page a {
    color: #006666;
    border-color: #006666;
}

a.page_control:hover,
a.page_number:hover {
    color: #006666 !important;
    border-color: #006666;
}

a.portfolios_default_btn:hover,
.Single_page a:hover {
    background-color: #006666;
}

/*** home6 ***/
.home6_head .line,
.home6_head .line_center,
.home6_isotope .isotope_grid .isotope_item .photo_box .ico span,
.home6_text3_left_title span.glyphicons,
.home6_text3_right_title span.glyphicons,
.home6_contact_info .glyphicons {
    background-color: #006666;
}

.home6_text2_ul ul li span {
    color: #006666;
}

.home6_contact_social a:hover {
    color: #006666 !important;
}

.footer_top .Theme_Responsive_20060_home6 .form_submit input {
    background: #006666;
}

    .footer_top .Theme_Responsive_20060_home6 .form_submit input:hover {
        background: #555555;
    }

/*** home7 ***/
.arrow_icon {
    background-color: #ed474a;
}

.home7_anchor_bg,
.home7_text2_ul .arrow_icon,
.home7_text3_content span.glyphicons,
.price-table5 .price_title,
.price-table5 .price_border:hover .price_box:before,
.price-table5 .price_border:hover .price_holder ul li:nth-child(odd):before,
.price-table5 .best_value .price_box:before,
.price-table5 .best_value .price_holder ul li:nth-child(odd):before {
    background-color: #006666;
}

.home7_employees_content a:hover,
.Testimonials_11 .last_page:hover,
.Testimonials_11 .next_page:hover,
.home7_text4 a:hover {
    background-color: #006666;
    border-color: #006666;
}

.percentage2 {
    background-color: #006666;
    color: #006666;
}

.home7_head .dash_line,
.home7_head .dash_line_center,
.price-table5 .price_border:hover .price_holder,
.price-table5 .price_border:hover .price_box,
.price-table5 .best_value .price_holder,
.price-table5 .best_value .price_box,
.home7_touch_social a:hover {
    border-color: #006666;
}

    .price-table5 .price_box,
    .home7_touch_social a:hover span.social {
        color: #006666;
    }

#dnn_content .Theme_Responsive_20060_home7 .form_submit input {
    background: #006666;
}

    #dnn_content .Theme_Responsive_20060_home7 .form_submit input:hover {
        background: #555555;
    }

/*** LayerGallery banner ***/
.banner2more:hover,
.banner4more:hover,
.banner7_btn:hover {
    background-color: #006666;
    border-color: #006666;
}

.banner6_btn {
    background-color: #006666;
}

.banner7_text1 span {
    color: #006666;
}

h1 {
    font-family: 'Open Sans';
    font-size: 48px;
    line-height: 28px;
    font-weight: 600;
    color: white;
}

h2 {
    font-family: 'Open Sans';
    font-size: 36px;
    line-height: 24px;
    color: #006663;
    font-weight: 600;
}

h3 {
    color: #006663;
    font-family: 'Open Sans';
    font-size: 22px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
}

h4 {
    color: white;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
}

h5 {
    color: white;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 16px;
    font-weight: 600;
}

h6 {
    color: white;
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 14px;
    font-weight: 600;
}

a.homePageNews :hover {
    color: #006663;
    text-decoration: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .h21 {
        font-family: 'Open Sans';
        font-size: 36px;
        line-height: 30px;
        color: #fff;
        font-weight: 900;
    }
}

.h21 {
    font-family: 'Open Sans';
    font-size: 42px;
    line-height: 1.3em;
    color: #fff;
    font-weight: 900 !important;
}
.carousel_2 .owl-item.synced .carousel_content, .carousel_2 .owl-item.synced .carousel_content.text_left  {
	height:auto !important;
}





/********header 6***********/
.dnn_logo {
    padding: 0px;
    float: left;
    height: 90px;
    line-height: 90px;
}

    .dnn_logo img {
        max-height: 100%;
        padding: 5px 0 20px;
    }

    * + html .dnn_logo img {
        max-width: none;
    }

.nav_box {
    text-align: left;
    margin: 0;
    padding-bottom: 20px;
}

.pulldownsearch {
    float: right;
    position: relative;
    text-align: center;
    border: none;
    height: 90px !important;
    z-index: 1000;
}

    .pulldownsearch .searchbut {
        margin: -20px 0 0 -20px;
        line-height: 40px;
        border: none;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.searchBox:before {
    display: none;
}

.searchBox {
    margin-top: -60px;
    position: absolute !important;
    /*background:url(images/header6_search_bg.png) 0 0 repeat;*/
    box-shadow: none;
    border-radius: 0;
    z-index: 20 !important;
}

.dnn_menu {
    float: right;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

* + html .pulldownsearch,
* + html .dnn_menu {
    display: inline;
    vertical-align: middle;
}

.searchbut,
#search2 > span > a,
.mobile_icon {
    color: #ffffff;
}

.multi_menu {
    font-family: Open Sans;
}


#dnngo_megamenu ul {
    font-family: "Open Sans";
}
/*top_menu*/
#dnngo_megamenu .dnngo_menuslide {
    margin: 0;
}

#dnngo_megamenu > div > ul {
    padding: 0 0 0 3px !important;
    display: inline-block;
    vertical-align: middle;
}

* + html #dnngo_megamenu > div > ul {
    display: inline;
}

    #dnngo_megamenu > div > ul > li {
        background: none;
        height: 90px;
        line-height: 90px;
        display: block;
    }

        #dnngo_megamenu > div > ul > li li {
            line-height: 1.8;
        }

        #dnngo_megamenu > div > ul > li > a {
            vertical-align: middle;
            display: inline-block;
            line-height: 1.8;
        }

            #dnngo_megamenu > div > ul > li > a:hover > span,
            #dnngo_megamenu > div > ul > li.dir > a:hover > span,
            #dnngo_megamenu > div > ul > li.menu_hover > a > span,
            #dnngo_megamenu > div > ul > li.current > a > span {
                /*border:1px solid #ffffff;*/
            }

.roll_menu roll_activated #dnngo_megamenu > div > ul > li > a:hover > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.dir > a:hover > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span {
    border: 1px solid #ffffff;
}

#dnngo_megamenu > div > ul > li > a > span {
    letter-spacing: 2px;
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
    /*-ms-text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
    /*-moz-text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
    /*-o-text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
    padding: 0px 8px;
    display: block;
    color: #ffffff;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: color ease-in 200ms; /* Safari and Chrome */
    -o-transition: color ease-in 200ms; /* Opera */
    -ms-transition: color ease-in 200ms; /* IE9? */
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
    border: 1px solid transparent;
    margin: 0 5px;
}

#dnngo_megamenu > div > ul > li.dir > a > span {
    white-space: nowrap;
}

    #dnngo_megamenu > div > ul > li.dir > a > span:hover {
        color: #9abeaa !important;
        text-decoration: underline;
    }

    #dnngo_megamenu > div > ul > li.dir > a > span:after {
    }

#dnngo_megamenu > div > ul > li.menu_hover > a > span,
#dnngo_megamenu > div > ul > li.current > a > span {
}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a {
    color: #ffffff;
}

    #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a > span,
    #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span,
    #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a,
    #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover,
    h2.mega_title {
        color: #006666;
    }

#dnngo_megamenu .dnngo_slide_menu ul {
    background-color: #16514f;
}

#dnngo_megamenu .dnngo_slide_menu,
#dnngo_megamenu .dnngo_boxslide {
    background-color: #16514f;
    box-shadow: 0 0 2px rgba(0,0,0,1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,1);
}

    #dnngo_megamenu .dnngo_slide_menu li a {
        color: #ffffff;
    }

        #dnngo_megamenu .dnngo_slide_menu li a:hover,
        #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a {
            color: #9abeaa;
            text-decoration: underline;
        }

        #dnngo_megamenu .dnngo_slide_menu li a span {
            color: inherit;
            display: block;
            padding: 9px 60px 9px 24px;
            margin: 0px;
            background: none;
            white-space: nowrap;
            font-size: 13px;
        }

    #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before {
    }

    #dnngo_megamenu .dnngo_boxslide .menu_rightbox .Normal,
    #dnngo_megamenu .dnngo_boxslide .menu_leftbox .Normal,
    #dnngo_megamenu .dnngo_boxslide .menu_topbox .Normal,
    #dnngo_megamenu .dnngo_boxslide .menu_bottombox .Normal,
    #dnngo_megamenu .dnngo_boxslide .menu_rightbox,
    #dnngo_megamenu .dnngo_boxslide .menu_leftbox,
    #dnngo_megamenu .dnngo_boxslide .menu_topbox,
    #dnngo_megamenu .dnngo_boxslide .menu_bottombox {
        color: #ffffff;
    }

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    #dnngo_megamenu > div > ul > li.dir > a:before {
        margin-left: -24px;
    }

    #dnngo_megamenu > div > ul > li > a > span {
        padding: 0px 6px;
    }

    #dnngo_megamenu .dnngo_slide_menu li a span {
        font-size: 14px;
    }

    #dnngo_megamenu > div > ul > li > a > span {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1400px) {
    #dnngo_megamenu > div > ul > li.dir > a:before {
        margin-left: -24px;
    }

    #dnngo_megamenu > div > ul > li > a > span {
        padding: 0px 20px;
    }

    #dnngo_megamenu .dnngo_slide_menu li a span {
        font-size: 15px;
    }

    #dnngo_megamenu > div > ul > li > a > span {
        font-size: 20px;
    }
	#logo-copy {margin-bottom:10px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #dnngo_megamenu > div > ul > li > a > span {
        letter-spacing: 0px;
        padding: 0px 3px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #dnngo_megamenu > div > ul > li > a > span {
        letter-spacing: 0px;
        padding: 0px 10px;
    }
	#logo-copy {margin-bottom:10px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #dnngo_megamenu > div > ul > li > a > span {
        letter-spacing: 3px;
        padding: 0px 8px;
    }

    .roll_menu.roll_activated .dnn_logo img {
        max-width: 160px !important;
    }
	#logo-copy {margin-bottom:10px;}
}

@media only screen and (max-width: 991px) {
    #card-1-alt {
        float: left;
        position: relative;
        width: 414px;
        margin-top: 0;
        margin-left: 0;
        z-index: 0 !important;
        border: 1px solid #d9d9d9;
        /*padding-bottom:20px;*/
    }
    .text-style-14 {text-align:center !important;}

    #dnngo_megamenu > div > ul > li.dir > a > span:hover {
        color: #9abeaa !important;
        text-decoration: underline;
    }

    .Login {
        /* height: 34px; */
        /* line-height: 34px; */
    }
    #mobile_menu {
	    height:auto;
    }

        .Login .loginGroup, .Login .registerGroup {
            height: 20px;
            line-height: 20px;
            margin: 1px 0;
            padding: 0 1px 0 1px;
            border-right: none;
            border-left: 1px solid #006666;
        }


        .Login .loginGroup {
            padding-right: 0;
            padding: 0 1px 0 15px !important;
            border-right: none;
        }

    .searchBox:before {
        display: none;
    }

    .searchBox {
        margin-top: -60px;
        position: absolute !important;
        /*background:url(images/header6_search_bg.png) 0 0 repeat;*/
        box-shadow: none;
        border-radius: 0;
        z-index: 20 !important;
        float: left;
    }

    .header_element.Open .icon {
        background-color: #006663;
        color: #fff;
    }

    .multi_menu ul li li.active > a,
    .multi_menu ul li a:hover {
        color: #006663;
    }

    .multi_menu ul li.current > a,
    .multi_menu ul li.current > a:hover {
        background-color: #006663;
    }

    .header_element {
        border-left: 1px solid #006663;
        border-right: 1px solid #006663;
    }

    .header_bg .head_mid {
        position: relative;
    }

    .mobile_icon {
        border: none;
        position: absolute;
        right: 15px;
        top: 50%;
        margin: -25px 0 0 0;
    }
    .dnn_logo {
	    float:none;
    }
}

/*roll_menu */
.roll_menu.roll_activated {
    position: fixed;
    background-color: #6e6e6e;
    width: 100%;
    z-index: 991;
    left: 0px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

    .roll_menu.roll_activated .header_top {
        display: none;
    }

    .roll_menu.roll_activated .head_mid {
        display: none;
    }

    .roll_menu.roll_activated .nav_box {
        margin: 0;
    }

    .roll_menu.roll_activated .dnn_logo {
        display: block;
        float: left;
        line-height: 40px !important;
        height: 60px !important;
        margin: 5px 0px;
    }

        .roll_menu.roll_activated .dnn_logo img {
            max-height: 100%;
        }

    .roll_menu.roll_activated #dnngo_megamenu > div > ul > li {
        line-height: 50px;
        height: 50px;
    }

    .roll_menu.roll_activated #right_folding {
        display: none;
    }

    .roll_menu.roll_activated .dnn_menu {
        float: right;
    }

    .roll_menu.roll_activated .pulldownsearch {
        display: none;
    }

.roll_replace {
    position: absolute;
}

.body_bg {
    position: relative;
}

.header_bg {
    position: absolute;/*position: absolute... is the original code */
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 100;
    border-bottom: solid 4px #004543;
    background-color: #006663;
    opacity: 0.98;
}

    .header_bg .before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
        background-color: #006663;
        filter: alpha(opacity= 50 );
        opacity: 0.98;
    }

.header_top {
    width: 100%;
    height: 50px;
    background-color: #0c5957;
}


.right-skew {
    position: relative;
}

    .right-skew:before {
        z-index: -1;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -45px;
        display: block;
        width: 175%;
        background: #0c5957;
        -webkit-transform: skew(90deg);
        -ms-transform: skew(90deg);
        transform: skew(90deg);
    }

.left-skew {
    position: relative;
    height: 50px;
    width: 50%;
    background: #0c5957;
    margin-left: 30%;
    color: white;
}

@media only screen and (min-width: 1400px) {

    .left-skew {
        position: relative;
        height: 50px;
        width: 38% !important;
        background: #0c5957;
        margin-left: 30%;
        color: white;
    }
}

.left-skew:before {
    position: absolute;
    content: '';
    left: -50px;
    top: 0px;
    border-style: solid;
    border-color: #0c5957 transparent #0c5957 transparent;
    border-width: 50px 0px 0px 50px;
}

.HeadPane {
    float: left;
    height: 50px;
    line-height: 50px;
}

    .HeadPane .Normal {
        padding: 0;
        line-height: 50px;
    }

.Login {
    float: right;
}

    .Login, .Login a, .Login a:link, .Login a:active, .Login a:visited,
    .HeadPane .Normal,
    .HeadPane a, .HeadPane a:link, .HeadPane a:active, .HeadPane a:visited, .HeadPane a:hover,
    .header_element .icon {
        color: #ffffff;
    }

.Open .Login, .Open .Login a, .Open .Login a:link, .Open .Login a:active, .Open .Login a:visited,
.Open .HeadPane .Normal,
.Open .HeadPane a, .Open .HeadPane a:link, .Open .HeadPane a:active, .Open .HeadPane a:visited, .Open .HeadPane a:hover {
    color: #ffffff;
}

.Login .registerGroup li.userMessages a {
    line-height: 20px;
}

    .Login .registerGroup li.userMessages a span {
        background: #006666;
        top: -4px;
    }

.Login a:hover,
.Open .Login a:hover {
    color: #006666;
}

.Login .registerGroup li.userMessages, .Login .registerGroup li.userNotifications {
    border-right: 1px solid #006666;
    height: 20px;
    line-height: 20px;
    overflow: visible;
    margin: -6px 0 -2px;
}

.Login .loginGroup, .Login .registerGroup {
    height: 20px;
    line-height: 20px;
    margin: 15px 0;
    padding: 0 1px 0 15px;
    border-right: none;
    border-left: 1px solid #006666;
}


.Login .loginGroup {
    padding-right: 0;
    padding: 0 1px 0 15px !important;
    border-right: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .Login .loginGroup {
        padding: 0 1px 0 8px !important;
    }
}

.languageBox {
    border-left: none;
    height: 50px;
    line-height: 50px;
    padding: 0 8px 0 15px;
}

    .languageBox img {
        width: 22px;
        height: 16px;
    }

    .languageBox span img {
        border: 2px solid #424242;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    .languageBox span.selected img {
        box-shadow: none;
    }

@media only screen and (max-width: 767px) {
    .header_bg {
        position: relative;
    }

        .header_bg .before {
            opacity: 1;
        }

    .header_top {
        border-bottom: 1px solid #FFF;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    .HeadPane .Normal {
        line-height: 34px;
        padding: 0 15px;
    }

    .Login .loginGroup, .Login .registerGroup {
        height: 34px;
        line-height: 34px;
        margin: 0;
    }

        .Login .registerGroup li.userMessages, .Login .registerGroup li.userNotifications {
            height: 34px;
            line-height: 34px;
            margin: -6px 0 -4px;
        }

            .Login .registerGroup li.userMessages a {
                line-height: 31px;
            }

                .Login .registerGroup li.userMessages a span {
                    top: 2px;
                }

    .languageBox {
        height: 34px;
        line-height: 34px;
    }

    .dnn_logo {
        max-width: 100%;
    }

        .dnn_logo img {
            padding: 5px 15% 5px 0 !important;
            margin-left: 10px;
        }

    .roll_replace,
    .roll_menu.roll_activated {
        position: relative;
    }
}


/*Footer */
.footer_top A,
.footer_top A:link,
.footer_top A:active,
.footer_top A:visited,
.footer_top A:hover,
.home7_foot_accent,
.home7_foot_social a:hover span {
    color: #9abeaa;
}

.home7_foot_social a {
    color: #fff !important;
}

    .home7_foot_social a:hover {
        color: #006666 !important;
    }

.home7_social_arrow {
    border-color: #fff;
}

.home7_foot_social a:hover .home7_social_arrow {
    border-color: #006666;
}

.footer_top .arrow_icon {
    background-color: #006666;
}

.footer_top .title17,
.footer_top .title18 {
    color: #9abeaa;
}

.footer_top .title21 {
    color: #006666;
}

.footer_top .Theme_Responsive_20060_home1 .submit_but,
.footer_top .Theme_Responsive_20060_home4 button.btn,
.footer_top .Theme_Responsive_20060_home4 input.btn[type="submit"],
.footer_top .Theme_Responsive_20060_home4 input.btn[type="reset"] {
    background: #006666;
}

    .footer_top .Theme_Responsive_20060_home1 .submit_but:hover,
    .footer_top .Theme_Responsive_20060_home4 button.btn:hover,
    .footer_top .Theme_Responsive_20060_home4 input.btn[type="submit"]:hover,
    .footer_top .Theme_Responsive_20060_home4 input.btn[type="reset"]:hover {
        background: #212121;
    }

.footer_top .Testimonials_10 p,
.footer_top .posts_list2 li,
.list_style9 li a,
.list_style9 li a:link {
    color: #fff;
}

.footer_top .Testimonials_10 .dot a {
    background: #fff;
}

.tags_list2 a, .tags_list2 a:link, .tags_list2 a:active, .tags_list2 a:visited {
    border-color: #fff;
    color: #fff;
}

.font-icons a, .font-icons a:link, .font-icons a:active, .font-icons a:visited {
    color: #fff;
}

    .font-icons a:hover {
        color: #006666;
    }

.social_list2 a, .social_list2 a:link, .social_list2 a:active, .social_list2 a:visited {
    color: #fff;
}

.Theme_Normal_Bottom .btn,
.Theme_Responsive_Default button.btn:hover,
.Theme_Responsive_Default input[type="submit"].btn,
.Theme_Responsive_Default input[type="reset"].btn,
.footer_box .photo_box .ico span {
    background-color: #006666 !important;
}

.footer_top {
    background-color: #53565a;
}

.footer_bottom {
    background-color: #494949;
}

.footer_top .title3 {
    color: #ffffff;
}

.footer_top,
.footer_top .Normal,
.link_list li,
.link_list li a,
.link_list li a:link,
.link_list li a:active,
.link_list li a:visited {
    color: #fff;
}

.tags_list2 a:hover {
    background-color: #006666;
    border-color: #006666;
}

.footer_bottom,
.footer_bottom .Normal,
.copyright_style,
.copyright_style a,
.copyright_style a:link,
.copyright_style a:active,
.copyright_style a:visited,
.FooterPane .Normal,
.FooterPane a,
.FooterPane a:link,
.FooterPane a:active,
.FooterPane a:visited {
    color: #ffffff;
}

    .copyright_style a:hover,
    .FooterPane a:hover {
        color: #9abeaa;
    }

.link_list li a:hover,
.footer_box .Testimonials_10 small,
.footer_box .social_list2 a:hover,
.list_style9 li a:hover {
    color: #006666;
}

.footer_box .Testimonials_10 .dot a.actived,
.footer_box .tags_list a:hover,
.footer_box .image_gallery a {
    background-color: #006666;
}

.Foot_line {
    border-bottom: 1px solid #313131;
}


/*Banner*/
.BannerBox {
    background-color: #ffffff;
    background-position: center top;
    background-attachment: scroll;
    background-repeat: repeat;
    background-size: auto;
}



/* ********** Content ************** */
#dnn_content {
    background-repeat: no-repeat;
    /*background-color:#e2e2e2;*/
}






/*images*/
.photo_box .ico span,
.photo_box.ico_push_in .ico,
.photo_box.content_top_increment .content h3,
.content_sytle_2 .shade,
.photo_box.content_push_in .content,
.photo_box:hover.entirety_bevel .shade {
    background-color: #006666;
}

.photo_box.icon_tag_push .ico:before {
    border-right-color: #006666;
    border-top-color: #006666;
}

.text_sytle_4 h3 span {
    border-bottom-color: #006666;
}

/*flip box*/
.flip_box_1 .front .glyphicons,
.flip_box_1 .back a.but,
.flip_box_3 .back {
    background-color: #006666;
}

/*Boxes*/
.boxes_style_1 .boxes,
.boxes_style_6,
.boxes_style_6 .boxes {
    border-color: #006666;
}

    .boxes_style_1 .Boxes_title,
    .boxes_style_6 .Boxes_title {
        color: #006666;
    }

.boxes_style_3 .boxes {
    border-top-color: #006666;
}

.boxes_style_3 .Boxes_title:before,
.boxes_style_4 .Boxes_title:before,
.boxes_style_4 .boxes {
    border-bottom-color: #006666;
}

.boxes_style_5 .boxes,
.boxes_style_8 .boxes {
    border-left-color: #006666;
}






/* -------------------------- Custom screen sizes shell for all devices ------------------------------------ 
                              including retina and non retina display, mobile 
							  device for apple and android, in addition
							  for wearables (watches)---- 
							  Author: Tinsae 
							  Date:01/13/2017
*/
@media only screen and (min-width:768px) and (max-width:991px) {
    .roll-sm.roll_menu.roll_activated {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        opacity: 1 !important;
    }

    .roll_menu.roll_activated .roll-sm {
        display: none !important;
    }

    .childdiv {
        width: 306px;
        height: 103px;
        margin-top: 10px;
        margin-left: 8px;
        z-index: 85;
    }

    .parentdiv:hover .childdiv {
        background-color: #4d9287;
        border: none;
        width: 280px !important;
        height: 90px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .roll-md.roll_menu.roll_activated {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        opacity: 1 !important;
    }

    .roll_menu.roll_activated .roll-md {
        display: none !important;
    }
}

@media only screen and (min-width:1200px) {
    .roll-lg.roll_menu.roll_activated {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        opacity: 1 !important;
    }

    .roll_menu.roll_activated .roll-lg {
        display: none !important;
    }
}

/****************** Moved the content up on a md device*/
@media only screen and (min-width:992px) and (max-width:1024px)
{
	#dnn_content{
		position:relative;
		top:-7em;
	}
}

/* ----------- Non Retina Screens  Laptops -------- */


.parentdiv {
    float: left;
    position: relative;
    width: 426px;
    height: 123px;
    margin-top: 0;
    margin-left: 0;
    z-index: 84;
    background-color: #9abeaa;
}

.buttondiv {
    float: left;
    position: relative;
    width: 206px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 50px;
    margin-left: 25%;
    z-index: 85;
    background-color: #9abeaa;
    opacity: 1;
}

    .buttondiv a {
    }

    .buttondiv:hover {
        background-color: #4d9287;
        border: none;
    }

.button {
    margin-top: 20px;
    margin-left: 40px;
    font-family: 'Open Sans';
    font-size: 13px;
    line-height: 10px;
    color: #006663;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    -ms-text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    -moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    -o-text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}

.buttondiv:hover .button > a {
    color: white;
    text-shadow: none;
}

.button > a:hover {
    color: white;
    text-shadow: none;
    text-decoration: none;
}

.button > a:visited {
    border-bottom-color: white;
}

.childdiv {
    float: left;
    position: relative;
    width: 406px;
    height: 103px;
    margin-top: 10px;
    margin-left: 8px;
    z-index: 85;
    background-color: #9abeaa;
    border: 3px solid #006663;
    opacity: 1;
}

.parentdiv:hover {
    background-color: #4d9287;
    border: 7px solid #006663 !important;
}

    .parentdiv:hover .childdiv {
        background-color: #4d9287;
        border: none;
        width: 400px;
        height: 90px;
    }

    .parentdiv:hover .CTAButton {
        color: white;
        text-shadow: none;
    }

.childdiv:hover .CTAButton {
    color: white;
    text-shadow: none;
}


.CTAButton {
    margin-top: 40px;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 30px;
    line-height: 24px;
    color: #006663;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    -ms-text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    -moz-text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    -o-text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}

#social-icons {
    float: left;
    position: relative;
    margin-top: 136px;
    margin-left: -513px;
    z-index: 157;
    min-height: 30px;
}

#twitter {
    float: left;
    position: relative;
    width: 25px;
    height: 21px;
    margin-top: 5px;
    margin-left: 0;
    z-index: 156;
}

#linkedin-1 {
    float: left;
    position: relative;
    width: 35px;
    margin-top: 0px;
    margin-left: 38px;
    z-index: 152;
    min-height: 23px;
}

#linkedin {
    float: left;
    position: relative;
    width: 25px;
    height: 23px;
    margin-top: 0;
    margin-left: 0;
    z-index: 151;
    background-color: #fff;
    -moz-border-radius: 2.625px / 2.645px;
    -webkit-border-radius: 2.625px / 2.645px;
    border-radius: 2.625px / 2.645px;
}

#facebook {
    float: left;
    position: relative;
    width: 14px;
    height: 28px;
    margin-top: 1px;
    margin-left: 38px;
    z-index: 148;
}

#youtube {
    float: left;
    position: relative;
    width: 27px;
    height: 30px;
    margin-top: 0;
    margin-left: 38px;
    z-index: 144;
}

#divstyle1 {
    float: right;
    position: relative;
    margin-top: 0;
    z-index: 159;
}

.card-col-Ad {
    text-align: center;
    position: relative;
    background-color: #f9f9f9;
    margin-top: 100px;
    padding-bottom: 50px;
    padding-left: 5px;
}

.card-col-left {
    float: left;
    position: relative;
    width: 95%;
    /*height: 152px;*/
    background-color: #f9f9f9;
    margin-top: 10px;
    border-left: 5px solid #d9d9d9;
    padding: 10px;
}

.card-col-right {
    float: left;
    position: relative;
    width: 100%;
    /*height: 152px;*/
    background-color: #f9f9f9;
    margin-top: 10px;
    border-left: 5px solid #d9d9d9;
    padding: 10px;
}

.card-col-left:hover {
    background-color: #eeeeee;
}

.card-col-right:hover {
    background-color: #eeeeee;
}

.text-style-2 {
    margin: 0;
    padding: 20px;
    text-indent: 0;
    text-align: left;
    font: 16px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

.text-style-4 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: bold 18px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #006663;
    letter-spacing: normal;
}

.text-style-5 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: italic 15px/32px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-5-1 {
    font: 14px 'Open Sans';
}

.text-style-15 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 600 14px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #006663;
    letter-spacing: normal;
}

.text-style-1 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 19px/32px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}



.text-style-3 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 19px/25px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}





.text-style-6 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 600 20px/24px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #f2f2f2;
    letter-spacing: normal;
}

.text-style-7 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 14px/24px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

.text-style-8 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 16px/28px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #f1f1f1;
    letter-spacing: normal;
}

.text-style-9 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    font: 600 20px/9px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-10 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 600 16px/36px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

.text-style-11 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    font: 600 14px/16px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-12 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    font: bold 32px/38px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #006663;
    letter-spacing: normal;
}

.text-style-13 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 18px/30px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

.text-style-14 {
    margin-top: 0px;
    padding-top: 00px;
    text-indent: 0;
    text-align: left;
    font: 14px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}





.text-style-17 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 600 18px/36px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #9abeaa;
    letter-spacing: normal;
}

.text-style-18 {
    margin: 0;
    padding: 0;
    padding-top: 5px;
    text-indent: 0;
    text-align: left;
    font: 22px/24px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

.text-style-19 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 15px/25px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-20 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 600 19px/25px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-21 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    font: 19px/23px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-22 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    font: 20px/24px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #006663;
    letter-spacing: normal;
}

.text-style-23 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 16px/20px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #006663;
    letter-spacing: normal;
}

.text-style-24 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 16px/27px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #006663;
    letter-spacing: normal;
}

.text-style-25 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 15px/19px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-26 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 19px/23px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-27 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 16px/24px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

.text-style-28 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 18px/36px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

.text-style-29 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 600 19px/32px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-30 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
    font: 16px/27px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #006663;
    letter-spacing: normal;
}

.text-style-31 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 16px/24px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #9abeaa;
    letter-spacing: normal;
}

.text-style-32 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 600 19px/38px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}


.span {
    color: #9abeaa;
}

.span-1 {
    font-style: italic;
    color: #9abeaa;
}

.span-2 {
    font-style: normal;
    font-size: 19px;
}

.span-3 {
    color: #006663;
}

.span-4 {
    font-weight: normal;
    font-size: 18px;
}

.text-style-16 {
    float: left;
    margin: 0;
    padding: 0;
    padding-bottom: 5px !important;
    text-indent: 0;
    text-align: left;
    font: bold 22px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
}

.text-style-16-1 {
    /* float:left; */
    margin: -13.5px 0px 0px 0px;
    padding: 0;
    padding-bottom: 5px !important;
    text-indent: 0;
    text-align: left;
    font: bold 22px 'Open Sans';
    text-transform: none;
    text-decoration: none;
    color: #53565a;
    letter-spacing: normal;
    /* background-color:red; */
}

#logo-copy {
    float: left;
    position: relative;
    width: 214px;
    height: 66px;
    margin-top: 0px;
    margin-left: 0;
    z-index: 160;
}

#national-association-of-social-workers-750-first-street-ne-sui {
    float: left;
    position: relative;
    margin-top: 98px;
    margin-left: -214px;
    z-index: 158;
}

#practice {
    float: left;
    position: relative;
    width: 384px;
    margin-top: 0;
    margin-left: 0;
    z-index: 25;
    min-height: 1052px;
    background-image: url(practice.png);
    background-repeat: no-repeat;
}

#chronic-pain-management-address-the-psychosocial-needs-of-pe, #featured-courses, #health-literacy-for-social-workers-help-clients-understand-thei, #jobs-counselor-mental-health-therapist-clinical-social-worke, #news-nasw-urges-reforms-for-temporary-assistance-for-needy-fam, #practice-report-social-worker-perceptions-of-workforce-challe {
    display: block;
    max-width: 384px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 0;
    float: none;
}

#card-1-alt {
    float: left;
    position: relative;
    width: 414px;
    margin-top: 0;
    margin-left: 0;
    z-index: 10; /* original code was z-index: 104 */
    border: 1px solid #d9d9d9;
    /*padding-bottom:20px;*/
}

.card-1-alt-in {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    z-index: 104;
}

#card-1-alt h3 {
    margin-top: 20px;
}

#card-1-alt p {
    margin-bottom: 20px;
}

#mon-fri-900-am-900-pm-et-member-services-800-742-4089, #national-association-of-social-workers-750-first-street-ne-sui {
    display: block;
    max-width: 526px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 0;
    float: none;
}

/*#card-1-alt:hover,*/
#card-2-alt :hover,
#card-3-alt :hover {
    background-color: #006663 !important;
    color: white !important;
}

#card-1-alt :hover .card-1-alt-in {
    background-color: #006663 !important;
    color: white !important;
}

#card-1-alt :hover a,
#card-1-alt :hover h3,
#card-1-alt :hover p,
#card-2-alt :hover a,
#card-2-alt :hover h3,
#card-2-alt :hover p,
#card-3-alt :hover a,
#card-3-alt :hover h3,
#card-3-alt :hover p {
    color: white !important;
}

#card-1-alt, #card-2-alt, #card-3-alt, #courses, #featured-items, #footer, #footer-columns, #footer-info, #header, #jobs, #main-body-home, #navbar, #navbar-a, #news, #practice, #utility-nav {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    min-height: 0;
}

#rest-1 {
    float: left;
    position: relative;
    width: 426px;
    margin-top: 0;
    margin-left: 0;
    z-index: 89;
    /* min-height: 196px;*/
}

#group-3 {
    float: left;
    position: relative;
    width: 426px;
    margin-top: 0;
    margin-left: 0;
    z-index: 86;
    min-height: 123px;
}

#join-button {
    float: left;
    position: relative;
    width: 426px;
    margin-top: 50px;
    margin-bottom: 50px;
    /* margin-left: 17%;  original code */
    margin-left: 109%;
    z-index: 98;
    /* min-height: 196px;*/
    clear: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service_left {
        border-bottom: 1px dashed #006666 !important;
    }

    .service_right {
        border-top: 1px dashed #006666 !important;
    }
}


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

    #rest-1 {
        width: 120px;
    }

    #group-3 {
        width: 120px;
    }

    #seach-rest {
        float: left;
        position: relative;
        width: 23px;
        height: 19px;
        margin-top: 43px;
        margin-left: 95px;
        z-index: 176;
    }

    .featured-courses-style {
        padding-bottom: 40px !important;
    }

    .parentdiv {
        width: 120px;
    }

    .childdiv {
        width: 106px;
    }

    .CTAButton {
        font-family: 'Open Sans';
        font-size: 30px;
        line-height: 24px;
        color: #006663;
        font-weight: bold;
    }
}

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


	.card-col-left, .card-col-right{
	float: left;
	position: relative;
	width: 95%;
	/*height: 152px;*/
	background-color: transparent;
	margin-top:10px;
	border-left: none;
	padding: 10px;
	}
	div.featured-courses-style img.img-responsive {
	display:none;
	}
	a.Button_default {
		width:50%;
	}
   
   .parentdiv {
        width: 320px;
    }

    .childdiv {
        width: 306px;
    }

    .CTAButton {
        font-family: 'Open Sans';
        font-size: 30px;
        line-height: 24px;
        color: #006663;
        font-weight: bold;
    }
}

@media only screen and (max-width: 768px) {
    
	.card-col-left, .card-col-right{
	float: left;
	position: relative;
	width: 95%;
	/*height: 152px;*/
	background-color: transparent;
	margin-top:10px;
	border-left: none;
	padding: 10px;
	}
	div.featured-courses-style img.img-responsive {
	display:none;
	}
	a.Button_default {
		width:70%;
	}
	
	
	
	#join-button {
        width: 320px;
    }

    #rest-1 {
        width: 320px;
    }

    #group-3 {
        width: 320px;
    }

    .parentdiv {
        width: 320px;
    }

    .childdiv {
        width: 306px;
    }

    .CTAButton {
        font-family: 'Open Sans';
        font-size: 30px;
        line-height: 24px;
        color: #006663;
        font-weight: bold;
    }

    .parentdiv:hover .childdiv {
        background-color: #4d9287;
        border: none;
        width: 300px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .text-style-16 {
        font: bold 18px 'Open Sans';
    }

    .card-col-left {
        font: 12px 'Open Sans' !important;
    }

    .card-col-right {
        font: 12px 'Open Sans' !important;
    }
    #dnn_dnnCOPYRIGHT_lblCopyright, #dnn_dnnPRIVACY_hypPrivacy{
	    font-size:12px;
    }
    #national-association-of-social-workers-750-first-street-ne-sui{
	    margin-top:80px !important;
    }
    #socialMediaIconRow img {
	    margin-right: -12px;
    }

    #twitter {
        margin-top: 5px;
	/* margin-left:10px; */
    }

    #linkedin-1 {
        margin-left: 40px;
    }



    #facebook {
        margin-left: 40px;
    }

    #youtube {
        margin-left: 35px;
    }

    .parentdiv {
        width: 307px;
    }

    .childdiv {
        width: 293px;
    }

    .parentdiv:hover .childdiv {
        background-color: #4d9287;
        border: none;
        width: 280px;
    }

    .CTAButton {
        font-family: 'Open Sans';
        font-size: 24px;
        line-height: 18px;
        color: #006663;
        font-weight: bold;
    }

    .text-style-14 {
        font: 12px 'Open Sans';
    }

    .text-style-15 {
        margin: 0;
        padding: 0;
        text-indent: 0;
        text-align: left;
        font: 600 14px 'Open Sans';
        text-transform: none;
        text-decoration: none;
        color: #006663;
        letter-spacing: normal;
    }

    .text-style-2 {
        margin: 0;
        padding: 10px;
        text-indent: 0;
        text-align: left;
        font: 14px 'Open Sans';
    }

    .text-style-4 {
        font: bold 16px 'Open Sans';
    }

    .text-style-5 {
        font: italic 12px 'Open Sans';
    }

    .h21 {
        font-size: 32px;
    }
}
/******************************************************************************************************************************************************************************************
'	Date: 05/22/2017
'	Programmer Name: TinsaeM
'	Description: various @media inquries to cover different device sizes. Here all Mobile(Phones) are targeted.

******************************************************************************************************************************************************************************************/
/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 176px) and (max-width: 319px) {
    .sep1 {
		display:none;
	}
	
	.sep {
		width:80px; !important;
		display:block !important;
		margin:auto;
		float:none;
		margin-top:20px;
		font-size: 14px;
        text-align: center;
		
	}
	p.text-style-18 {
		display: none;
	}
	#Body,
	html,
	body,
	.Head,
	.SubHead,
	.SubSubHead,
	.Normal,
	.TeamDetail_info li a,
	.TeamDetail_info li a:link,
	.TeamDetail_info li a:active,
	.TeamDetail_info li a:visited {
		color: #53565a;
		font-size: 14px;
		font-family: 'Open Sans';
		line-height: 1.8;
		font-weight: 600;
	   /* width:100%;            /*added to make the content fit the screen size*/
		overflow-x:hidden;     /*added to make the content fit the screen size*/
		
		
	}
	#socialMediaIconRow {
		display: flex;
		justify-content: center;
	}
	.copyright_style {
		width: 230px;
		display: block;
		margin: auto;
	}
	.tt {
        background-color: #9abeaa;
        width: 80%;
        height: 60px;
        text-decoration: none;
        margin-left:10%;
    }

    .mm {
        background-color: #9abeaa;
        width: 95%;
        height: 50px;
        padding: 6% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: small;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
        position: relative;
        top: 2%;
        left: 0%;
        width: 100%;
    }

    .tt:hover {
        border: 4px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* smartphone with a smaller width */
@media only screen and (min-width: 320px) and (max-width: 359px) {
	.sep1 {
		display:none;
	}
	.text-style-15{
		padding:20px 0px 20px 0px;
	}
	.sep {
		width:120px; !important;
		display:block !important;
		margin:auto;
		float:none;
		margin-top:20px;
		font-size: 14px;
        text-align: center;
		
	}
	p.text-style-18 {
		display: none;
	}
	#socialMediaIconRow {
		display: flex;
		justify-content: center;
	}
	.copyright_style {
		/* width: 230px; */
		display: block;
		margin: auto;
	}
    .tt {
        background-color: #9abeaa;
        
        width: 80%;
        height: 90px;
        text-decoration: none;
        margin-left:10%;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 78px;
        padding: 8% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: larger;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
    .searchBox input.NormalTextBox {
	    margin-left:-110% !important;
    }
}
/* */
@media only screen and (min-width: 360px) and (max-width: 429px) {
	.sep1 {
		display:none;
	}
	.text-style-15{
		padding:20px 0px 20px 0px;
	}
	.sep {
		width:120px; !important;
		display:block !important;
		margin:auto;
		float:none;
		margin-top:20px;
		font-size: 14px;
        text-align: center;
		
	}
	p.text-style-18 {
		display: none;
	}
	#socialMediaIconRow {
		display: flex;
		justify-content: center;
	}
	.copyright_style {
		/*width: 230px;*/
		display: block;
		margin: auto;
	}
	#Body,
	html,
	body,
	.Head,
	.SubHead,
	.SubSubHead,
	.Normal,
	.TeamDetail_info li a,
	.TeamDetail_info li a:link,
	.TeamDetail_info li a:active,
	.TeamDetail_info li a:visited {
		color: #53565a;
		font-size: 14px;
		font-family: 'Open Sans';
		line-height: 1.8;
		font-weight: 600;
	   /* width:100%;            /*added to make the content fit the screen size*/
		overflow-x:hidden;     /*added to make the content fit the screen size*/
		
		
	}
    .tt {
        background-color: #9abeaa;
       
        width: 90%;
        height: 90px;
        text-decoration: none;
        margin-left: 5%;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 78px;
        padding: 4% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 6%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
    .Login .registerGroup li {
	    font-size:13px;
    }
}
/* all landscape */

@media only screen and (max-width: 480px){
	.Login {
		padding-left:0px;
	}
	.Login .registerGroup li.userDisplayName a {
	padding-left:3px;
	padding-right:3px;
}	
	.Login .registerGroup{
		padding: 0px;
		padding-left:8px;
	}
	.Login .registerGroup li {
	    font-size:13px;
	    
    }

}

@media only screen and (min-width:768px)and (max-width:1024px){
	.header_bg{
		position:relative !important;
	}
	.left-skew{
		width:50%;
	}
}

@media only screen and (min-width: 430px) and (max-width: 768px) {
	
	.sep1 {
		display:none;
	}
	.text-style-15{
		padding:20px 0px 20px 0px;
	}
	.sep {
		width:120px; !important;
		display:block !important;
		margin:auto;
		float:none;
		margin-top:20px;
		font-size: 14px;
        text-align: center;
		
	}
	p.text-style-18 {
		display: none;
	}
	#socialMediaIconRow {
		display: flex;
		justify-content: center;
	}
	.copyright_style {
		/*width: 230px;*/
		display: block;
		margin: auto;
	}
	
    .tt {
        background-color: #9abeaa;
        
        width: 90%;
        height: 92px;
        text-decoration: none;
        margin-left: 5%;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 80px;
        padding: 3% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.sep1 {
		display:none;
	}
	.text-style-15{
		padding:20px 0px 20px 0px;
	}
	.sep {
		width:120px; !important;
		display:block !important;
		margin:auto;
		float:none;
		margin-top:20px;
		font-size: 14px;
        text-align: center;
		
	}
	p.text-style-18 {
		display: none;
	}
	#socialMediaIconRow {
		display: flex;
		justify-content: center;
	}
	.copyright_style {
		width: 230px;
		display: block;
		margin: auto;
	}
	
    .tt {
        background-color: #9abeaa;
        width: 90%;
        height: 92px;
        text-decoration: none;
        margin-left: 5%;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 80px;
        padding: 3% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
    #logo-copy {
	    float:none !important;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1024px) {
	
	.sep1 {
		display:none;
	}
	.text-style-15{
		padding:20px 0px 20px 0px;
	}
	
	p.text-style-18 {
		display: none;
	}
	#socialMediaIconRow {
		display: flex;
		justify-content: center;
	}
	
	
    .tt {
        background-color: #9abeaa;
        width: 90%;
        height: 92px;
        text-decoration: none;
        margin-left: 5%;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 80px;
        padding: 3% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}

/* desktops*/
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .tt {
        background-color: #9abeaa;
        width: 100%;
        height: 90px;
        text-decoration: none;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 78px;
        padding: 5% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* Bigger screen sizes*/
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .tt {
        background-color: #9abeaa;
        width: 100%;
        height: 128px;
        text-decoration: none;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 110px;
        padding: 8% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 4px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* bigger screen sizes*/
@media only screen and (min-width: 1440px) and (max-width: 2440px) {
    .tt {
        background-color: #9abeaa;
        width: 100%;
        height: 128px;
        text-decoration: none;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 110px;
        padding: 7% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/*Mac screen size xx-large*/
@media only screen and (min-width: 2440px) and (max-width: 4440px) {
    .tt {
        background-color: #9abeaa;
        width: 100%;
        height: 128px;
        text-decoration: none;
    }

    .mm {
        background-color: #9abeaa;
        width: 96%;
        height: 110px;
        padding: 7% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        border: 2px solid #006663;
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .tt:hover .mm {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .tt:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}

/*@media only screen and (max-width: 800px) {
	#logo-copy {
		display: block;
		Margin: auto;
		float: none;
	}
}*/
@media only screen and (max-width: 768px){
		p.text-style-14 {
			font-size: 14px;
			/* font-family: "OpenSans"; */
			color: rgb(255, 255, 255);
			line-height: 1.5;
			text-align: center;
		}
		    #logo-copy {
	    float:none !important;
    }
}





/*********************************************************************************************************************************************
' This code block is for the second button on the home page at a small and medium device rendering.
*/ 

/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 176px) and (max-width: 319px) {
    .uu {
        background-color: #9abeaa;
        width: 80%;
        height: 50px;
        text-decoration: none;
        margin-left: 10%;
    }

    .nn {
        background-color: #9abeaa;
        width: 95%;
        height: 40px;
        padding: 6% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: small;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
        position: relative;
        top: 2%;
        left: 0%;
        width: 100%;
    }

    .uu:hover {
        border: 4px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* smartphone with a smaller width */
@media only screen and (min-width: 320px) and (max-width: 359px) {
    .uu {
        background-color: #9abeaa;
        width: 80%;
        height: 80px;
        text-decoration: none;
        margin-left: 10%;
    }

    .nn {
        background-color: #9abeaa;
        width: 96%;
        height: 68px;
        padding: 8% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
       
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: larger;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .uu:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* */
@media only screen and (min-width: 360px) and (max-width: 429px) {
    .uu {
        background-color: #9abeaa;
        width: 90%;
        height: 70px;
        text-decoration: none;
        margin-left: 5%;
    }

    .nn {
        background-color: #9abeaa;
        width: 96%;
        height: 60px;
        padding: 4% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 5%;
        
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: large;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .uu:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* all landscape */
@media only screen and (min-width: 430px) and (max-width: 799px) {
    .uu {
        background-color: #9abeaa;
        width: 60%;
        height: 80px;
        text-decoration: none;
        margin-left: 20%;
    }
	.text-style-16-1{
		padding-top:6%;
	}
    .nn {
        background-color: #9abeaa;
        width: 96%;
        height: 65px;
        padding: 5% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 5%;
        
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: large;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .uu:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* Tablets both Orientation*/
@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .uu {
        background-color: #9abeaa;
        margin-left: 20%;
        width: 60%;
        height: 87px;
        text-decoration: none;
    }
    .text-style-16-1{
		padding-top:8%;
	}
    .nn {
        background-color: #9abeaa;
        width: 98%;
        height: 75px;
        padding: 4% 0% 2% 0%;
        position: relative;
        left: 1%;
        top: 7%;
        
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: large;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .uu:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* desktops*/
@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    .uu {
        background-color: #9abeaa;
        width: 100%;
        height: 90px;
        text-decoration: none;
    }

    .nn {
        background-color: #9abeaa;
        width: 96%;
        height: 78px;
        padding: 5% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: large;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .uu:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* Bigger screen sizes*/
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .uu {
        background-color: #9abeaa;
        width: 100%;
        height: 118px;
        text-decoration: none;
    }

    .nn {
        background-color: #9abeaa;
        width: 96%;
        height: 100px;
        padding: 8% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: x-large;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .uu:hover {
        border: 4px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/* bigger screen sizes*/
@media only screen and (min-width: 1440px) and (max-width: 2440px) {
    .uu {
        background-color: #9abeaa;
        width: 100%;
        height: 128px;
        text-decoration: none;
    }

    .nn {
        background-color: #9abeaa;
        width: 96%;
        height: 110px;
        padding: 7% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: large;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .uu:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}
/*Mac screen size xlarge*/
@media only screen and (min-width: 2440px) and (max-width: 4440px) {
    .uu {
        background-color: #9abeaa;
        width: 100%;
        height: 128px;
        text-decoration: none;
    }

    .nn {
        background-color: #9abeaa;
        width: 96%;
        height: 110px;
        padding: 7% 10% 2% 10%;
        position: relative;
        left: 2%;
        top: 7%;
        
        color: #006663;
        text-shadow: 1px 1px #ffffff;
        font-size: large;
    }

    .uu:hover .nn {
        background-color: #4d9287;
        text-decoration: none;
        border: none;
        color: #ffffff;
        text-shadow: 0px 0px #ffffff;
    }

    .uu:hover {
        border: 3px solid #006663;
        color: #ffffff;
        background-color: #4d9287;
    }
}


/*----End -------------------------*/
@media only screen and (min-width : 240px) and (max-width : 425px) {
    #outterDiv {
		padding: 2% 1% 2% 1%;
		width: 90%;
		background-color: #9abeaa;
		position:relative;
		left:3%;
	}
	#innerDiv {
		border: 3px solid #006663;
		min-height: 20px;
		height: 50px;
		width: 95%;
		padding: 10% 10% 18% 10%;
		position: relative;
		left: 2%;
		right: 10%;
		background-color: #9abeaa;
		
	}
	.button{
		margin-left:20px;
	}
	.img-responsive{
		width:100%;
	}
	.buttondiv{
		margin-left:25%;
		width:160px;
	}
	.customeTile {
		font-size: large;
		text-shadow: 1px 1px #ffffff;
		color: #006663;
	}
    #dnn_wrapper {
        background-color:;
    }

    .dnn_logo {
        /* width: 70%; */
    }

    .carousel_2 img {
        visibility: hidden;
    }

    .div.item {
        visibility: hidden;
    }

    .h21,
    .carousel_2,
    .owl-item,
    .carousel_content:before {
        visibility: hidden;
    }

    #dnn_Full_Screen_PaneA,
    #dnn_ctr11964_ContentPane {
        visibility: hidden;
    }
	
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
   
    #dnn_dnnCOPYRIGHT_lblCopyright, #dnn_dnnPRIVACY_hypPrivacy{
	    font-size:12px;
    }
   .customDiv {
        min-height: 540px;
    }

    .card-col-left {
        font: 12px 'Open Sans';
    }

    .card-col-right {
        font: 12px 'Open Sans';
    }

    .card-col {
        padding-bottom: 40px !important;
    }

    #twitter {
        margin-top: 5px;
    }

    #linkedin-1 {
        margin-left: 30px;
    }

	.left-skew{
		width:40% !important;
	}

    #facebook {
        margin-left: 30px;
    }

    #youtube {
        margin-left: 25px;
    }

    .text-style-14 {
        /* font: 12px 'Open Sans'; */
    }

    .text-style-15 {
        margin: 0;
        padding: 0;
        text-indent: 0;
        text-align: left;
        font: 600 14px 'Open Sans';
        text-transform: none;
        text-decoration: none;
        color: #006663;
        letter-spacing: normal;
    }

    .text-style-16 {
        float: left;
        margin: 0;
        padding: 0;
        text-indent: 0;
        text-align: left;
        font: bold 20px 'Open Sans';
        text-transform: none;
        text-decoration: none;
        color: #53565a;
        letter-spacing: normal;
    }

    .text-style-2 {
        margin: 0;
        padding: 10px;
        text-indent: 0;
        text-align: left;
        font: 14px 'Open Sans';
    }

    .text-style-4 {
        font: bold 15px 'Open Sans';
    }

    .text-style-5 {
        font: italic 12px 'Open Sans';
    }

    .text-style-5-1 {
        padding-top: 10px;
        font: 13px 'Open Sans';
    }

    .h21 {
        font-size: 32px;
    }

    #join-button {
        width: 300px;
    }

    #rest-1 {
        width: 300px;
    }

    #group-3 {
        width: 300px;
    }

    .parentdiv {
        width: 345px;
    }

    .childdiv {
        width: 327px;
    }

    .parentdiv:hover .childdiv {
        background-color: #4d9287;
        border: none;
        width: 300px;
    }

    .CTAButton {
        font-family: 'Open Sans';
        font-size: 24px;
        line-height: 18px;
        color: #006663;
        font-weight: bold;
    }
}

@media only screen and (max-width: 1199px) {
    .h21 {
        font-size: 22px;
    }

    .text-style-2 {
        font: 14px 'Open Sans';
    }
}

@media only screen and (min-width: 1400px) {
    .footer_top {
        min-height: 220px;
    }

    .customDiv {
        min-height: 550px;
    }

    #join-button {
        width: 320px;
    }

    #rest-1 {
        width: 320px;
    }

    #group-3 {
        width: 320px;
    }

    #parentdiv,
    .parentdiv {
        width: 423px;
    }

    #childdiv,
    .childdiv {
        width: 406px;
    }

    .CTAButton {
        font-family: 'Open Sans';
        font-size: 24px;
        line-height: 18px;
        color: #006663;
        font-weight: bold;
    }
}

@media only screen and (min-width: 992px){
	
	#national-association-of-social-workers-750-first-street-ne-sui{
		/* margin-top:30%; */
		/* margin-left:-15px; */
	}
	
}

/* Teme - Print insert your style declarations here */


/*******Print.css Temechu ******/

@media Print {

   @page {size: Portrait !important;}

   /*@page {size: Portrait;}
   
   .dnn_logo {
				width:100%;
				position:fixed; top:0; left:0;
			}
  */
   
    #ControlBar {
        display: none;
		clear:both;
    }
    .header_box {
        display: none;
    }

    .footer_box {
        display: none;
    }
	.customDiv{
		width: 100% !important; 
	}

    #dnn_wrapper header.header_bg.roll_menu div.element_box.Login.left-skew.hidden-xs.info {
        display: none;
    }

    .item {
        display: none;
    }

    div.dnn_layout:nth-child(6) {
		
        width: 100%;
		 
    }

    #dnn_ctr5962_HtmlModule_lblContent {
        width: 100%;
        height: 100%
    }

    #mvLeaderboard_ > img:nth-child(1) {
        display: none;
    }
	
	.content_mid 
	{
		width:100%;
	}

    .customDiv > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
        display: width:100%;
    }

    .customDiv > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
        display: width:100%;
    }
	.customDiv
	{
		width:100%;
	}
	
    .div.dnn_layout:nth-child(16) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
        width: 100%;
    }

    div.hidden-xs:nth-child(4) > div:nth-child(1) > div:nth-child(1) {
        display: none;
    }
	.col-xs-12, .col-sm-12 {
		width: 33.333% !important;
	}
	.dnn_logo{
		display:none !important;
	}
	.header_bg{display:none !important;}
	
	#mobile_menu{
		display:none !important;
	}
	.col-sm-8
	{
		display: inline-block !important;		
	}
	.col-sm-4
	{
		display: inline-block !important;
		
	}
	#dnn_ctr19684_ContentPane{display:none;}

}