/* amar.org.ir theme by www.dnnsoftware.ir */

@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}


@font-face {font-family: IRANSans;
            font-style: normal;
            font-weight: normal;
            src: url('fonts/IRANSansWeb_Light.eot');
            src: url('fonts/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),
                url('fonts/IRANSansWeb_Light.woff2') format('woff2'),
                 url('fonts/IRANSansWeb_Light.woff') format('woff'),
                url('fonts/IRANSansWeb_Light.ttf') format('truetype');

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

}


@font-face {
    font-family: "Yekan";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Yekan.eot?#iefix") format("embedded-opentype"), url("fonts/Yekan.woff2") format("x-woff2"), url("fonts/Yekan.woff") format("woff"), url("fonts/Yekan.ttf") format("truetype");
}

/*--------- Global CSS Reset & Standards ----------*/
#Body                                                       {background:url(images/body_bg.jpg) repeat-x 0 0 #fff;margin:0;padding:0;color:#282d30;}
html, body                                                  {margin:0;padding:0;font:normal 13px/2em IRANSans;color:#282d30;direction:rtl;}
html, body, div, span, applet, object, iframe, h1, h2,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, caption, article, aside, canvas,
details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video                                          {border:0;}
article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section                          {display:block;}
a img                                                       {border:0;}
img, object, embed                                          {max-width:100%;}
[class*="map"] img, [id*="map"] img, [class*="Map"] img,
[id*="Map"] img, table img                                  {max-width:none !important;}
::-moz-selection                                            {color:#fff;}
::selection                                                 {color:#fff;}
img                                                         {border:0;}
table img                                                   {max-width:none;}
p                                                           {margin:0 0 8px 0;}

a:link                                                      {text-decoration:none;}
a:visited                                                   {text-decoration:none;}
a:hover                                                     {color:#555;text-decoration:none;-moz-transition:color 0.2s linear;-webkit-transition:color 0.2s linear;transition:color 0.2s linear;}
a:active                                                    {text-decoration:none;}

h1, h2, h3, h4, h5, h6                                      {line-height:2em;letter-spacing:0;font-weight:normal;}
h1                                                          {font-size:28px;}
h2                                                          {font-size:24px;}
h3                                                          {font-size:20px;}
h4                                                          {font-size:18px;}
h5                                                          {font-size:16px;}
h6                                                          {font-size:14px;}

.Head                                                       {font-weight:500;font-size:16px;}
.SubHead                                                    {font-weight:500;font-size:15px;}
.SubSubHead                                                 {font-size:14px;}
.Normal                                                     {font-size:14px;line-height:2em;color:#282d30;}
.yekan, .yekan *                                            {font-family:Yekan, IRANSans, Tahoma;}

/*-------- Bootstrap Reset ---------*/
[id*="ControlPanel"], [id*="ControlPanel"] *,
[id*="ControlPanel"] *:after, .dnn_mact, .dnn_mact *,
.dnn_mact *:before, .dnn_mact *:after,
.dnnActionMenu, .dnnActionMenu *, .dnnActionMenu *:before,
.dnnActionMenu *:after, .TB_Wrapper, .TB_Wrapper *          {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
[class*="RadAjaxPanel"] *, [class*="Digital"] *             {font-size:12px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
ul.list-unstyled, ol.list-unstyled, ul.list-unstyled > li,
ol.list-unstyled > li                                       {list-style:none;margin:0;}
ul.row                                                      {margin-right:-15px;margin-left:-15px;}
ol, ul                                                      {list-style:none;}
ul li                                                       {list-style-type:none;}
ul li li                                                    {list-style-type:none;}
ol li                                                       {list-style-type:decimal;}
.nav li                                                     {list-style:none !important;}
a                                                           {outline:none !important;border:0;}
.btn-primary, .btn-warning,
.btn-danger, .btn-success, .btn-info                        {color:#ffffff !important;}
ul#myTab                                                    {padding:0;margin:0;}
.panel-primary > .panel-heading h3                          {color:#ffffff;}
.panel-success > .panel-heading h3                          {color:#468847;}
.panel-warning > .panel-heading h3                          {color:#c09853;}
.panel-danger > .panel-heading h3                           {color:#b94a48;}
.panel-info > .panel-heading h3                             {color:#3a87ad;}
.popover                                                    {z-index:999;}

/*------- ControlPanel style --------*/
.dnnPrimaryAction, .dnnFormItem input[type="submit"],
a.dnnPrimaryAction, a.dnnPrimaryAction:link                 {color:#FFFFFF;text-decoration:none;}
.dnnActionMenu span                                         {color:#000000 !important;}
.ModuleTitle_SubMenu                                        {z-index:9999 !important;}
.DnnModule                                                  {z-index:inherit;}
.dnnSortable                                                {min-height:0 !important;}
.dnnFormPopup .ui-dialog-titlebar                           {min-height:40px;}
.bs-docs-section .bs-example.bs-example-popover             {z-index:1;}
.DNNAligncenter table                                       {margin:0 auto;}
.paneOutline                                                {border:1px dashed #ccc;}

/*-------- clear float ---------*/
.clearafter:after                                           {clear:both;content:".";height:0px;font-size:0px;visibility:hidden;display:block;}
.clearafter                                                 {display:inline-block;}
.clearafter                                                 {display:block;}
.clear                                                      {clear:both;}
.clear_float                                                {clear:both;line-height:0;font-size:0;}
.floatl                                                     {float:left;}
.floatr                                                     {float:right;}
.pc_display                                                 {display:block;}
.mobile_display                                             {display:none;}

/*-------- spacer styles ---------*/
.pe-spacer                                                  {clear:both;display:block;margin:0;min-height:0 !important;padding:0;width:100%;}
.pe-spacer.size10                                           {height:10px;}
.pe-spacer.size20                                           {height:20px;}
.pe-spacer.size30                                           {height:30px;}
.pe-spacer.size40                                           {height:40px;}
.pe-spacer.size50                                           {height:50px;}
.pe-spacer.size60                                           {height:60px;}
.pe-spacer.size70                                           {height:70px;}
.pe-spacer.size80                                           {height:80px;}
.pe-spacer.size90                                           {height:90px;}
.pe-spacer.size100                                          {height:100px;}

/*-------- skin ---------*/
a:link, a:visited, a:active                                 {color:#245f97;}
h1, h2, h3, h4, h5, h6                                      {color:#245f97;}
::-moz-selection                                            {background-color:#245f97;}
::selection                                                 {background-color:#245f97;}
.jspDrag                                                    {background: #245f97;}

/*--------- Pane Style ----------*/
.DNNEmptyPane                                               {display:none !important;}
.dnnpane [class*="col-md"],
.dnnpane [class^="col-md"]                                  {padding:10px 15px;}
.skin_top                                                   {background:#fff;}
.bottom_panes                                               {background:#fff;}
.socialpane                                                 {padding:0;margin:0;float:right;overflow: hidden;/* width: 115px; */}
.socialpane_style                                           {margin: 0 9px 0 0;padding: 3px 0 0;float:left;}
.home .three_grid4a                                         {padding:0 15px !important;}
.footer_grid4a                                              {margin:0;}
.footer_grid4b                                              {margin:0;}
.footer_grid4c                                              {margin:0;}
.footer_grid4d                                              {margin:0 0 0;padding:0px !important;}
.footer_grid12                                              {margin:10px 0 0;}
.footer_grid9a                                              {padding-bottom:0 !important;}

/*-------- Design style --------*/
#skin_wrapper                                               {width:100%;position:relative;margin:0 auto;padding:0;}
#HeaderOne                                                  {background:url(images/headerOnebg.png)top center no-repeat;min-height:180px;}
.skin_width                                                 {width:100%;max-width:970px;min-width:767px;margin:0 auto;position:relative;}
.mobile_nav                                                 {display:none;}
.skin_main                                                  {background:none;}
.skin_main_bg::after                                        {background:rgba(0, 0, 0, 0) url("images/border-right.png") no-repeat scroll right top;content:"";height:70px;right:-1px;position:absolute;top:0;width:2px;}
.skin_main_bg::before                                       {background:rgba(0, 0, 0, 0) url("images/border-left.png") no-repeat scroll right top;content:"";height:70px;left:-1px;position:absolute;top:0;width:2px;}
.skin_main_bg1::after                                       {background:rgba(0, 0, 0, 0) url("images/border-right-bot.png") no-repeat scroll right bottom;content:"";height:86px;right:-1px;position:absolute;bottom:0;width:2px;}
.skin_main_bg1::before                                      {background:rgba(0, 0, 0, 0) url("images/border-left-bot.png") no-repeat scroll right bottom;content:"";height:86px;left:-1px;position:absolute;bottom:0;width:2px;}
.skin_main_bg                                               {min-height:550px;background:#fff;border-left: 1px solid #cbdce0;border-right: 1px solid #cbdce0;}
.skin_main_bg1                                               {min-height:550px;}
.skin_content                                               {padding:8px 15px 0px;}
.content-bg                                                 {}
.content_whitebg                                            {background:#fff;}
.skin_main_padding                                          {padding:0 20px;}

.date_position .fa.fa-home                                  {color:#05a417;}
.date_position .fa.fa-sitemap                               {color:#e5b628;}
.date_position .fa-question-circle                          {color:#ef5252;}
.date_position .fa                                          {font-size: 15px;position: relative;top: 2px;padding:0 1px;}
.skin_header                                                {/*border-bottom:solid 1px #aac6dc;*//*border-bottom:solid 1px #eaf1f7;*/}
.header_style                                               {position:relative;min-height:140px;/*background:#fff;*/}
.logo_style                                                 {float:right;margin-top:15px;margin-right:30px;}
.site_logo                                                  {}
.menu_style                                                 {display:none;}
.bannerTopPane                                              {display:none;background:#fff;}
.date_position                                              {float:left;width:240px;min-height:55px;margin:55px 0 0 -48px;}
.currentdate_style                                          {float:left;color:#245f97;margin:3px 0 0 0;}
.lang                                                       {float:left;color:#245f97;margin:3px 0 0 0;}
.search_position                                            {position:relative;}
.dateandlang                                                {height:25px;   margin-left: -5px; margin-right: 5px; font-weight: bold}
.flag                                                       {background:rgba(0, 0, 0, 0) url("images/flag.png") no-repeat scroll 0 0;height:132px;margin-left:-18px;width:118px;float:left;}

#Footer1                                                    {background-color:transparent;}
.footer_contact > p                                         {font-family:DroidKufi-bold;font-size:12px;}
.skin_footer_bg                                             {background:#f3fafc url("images/footer-bg2.png") no-repeat 50% 0;position:relative;}
.footer_top                                                 {background:none;position:relative;}
.footer_wrap                                                {background:none;margin-right:5px;color:#517aa6;padding:0 20px;border-top:1px solid #b7d3d9;margin-left:-10px;}
.copyright_style                                            {float:right;/*line-height:39px;*/padding:6px 0px 0 10px;}
.user_style                                                 {float:left;/*line-height:39px;*/padding:6px 10px 0 0px; }
.copyright_style > span > span                              {color:#282d30;}
/*.footer_right                                               {float:left;line-height:39px;padding-left:0px;}*/
.footer_top::before                                         {border-right: 1px solid #c3dadf;content: "";height: 84%;left: 24.667%;position: absolute;top: 28px;}
.footerpane_style, .footerpane_style *                      {color:#245f97;}
.footerpane_style a, .footerpane_style a:link               {color:#294575;text-decoration:none;}
.footerpane_style a:visited                                 {color:#517aa6;text-decoration:none;}
.footerpane_style a:hover                                   {text-decoration:none;}
.footerpane_style a:active                                  {color:#517aa6;text-decoration:none;}
.footerPaneMenu                                             {width:300px;margin:0 auto;height:34px; }
.footer_main_padding                                        { margin:7px 0px 2px; padding: 0px 28px 0 22px;}
.footer_menu                                                {color: #fff;padding: 13px 0 0;text-align: center;}
.footer_menu a                                              {color: #fff !important;font-size: 12px;font-weight: bold;margin: 0 5px;}
.footer_grid3d.col-md-4 ,.footer_grid3b.col-md-4 ,.footer_grid3c.col-md-4,.footer_grid3a.col-md-4{margin: 0;padding: 0;}
.footerpane_style ul li { background: rgba(0, 0, 0, 0) url("images/bullet-arrow-orang.png") no-repeat scroll right center;padding: 0 6px 0 0;}
.footerpane_style li a,.footerpane_style li span {color: #00596f !important;transition:all ease 0.5s;font-size:12px;}
.footerpane_style li a:hover {margin-right:3px;transition:all ease 0.5s;}
.footer_grid3a ul, .footer_grid3b ul {border-left: 1px solid #bed9df;}
.footer_grid3a ul, .footer_grid3b ul, .footer_grid3c ul ,.footer_grid3d ul { height: 80px; padding: 15px 0 0; }
/*--------- Footer style ----------*/
.Footer, A.Footer:link, A.Footer:visited, A.Footer:active {padding:0 2px 0 0;color:#00596f;font-size:12px;text-decoration:none;}
A.Footer:hover {text-decoration:none;color:#245f97;}

/*--------- Search Style ----------*/
#Search                                                     {position:absolute;left:3px;top:0px;margin-left: -5px;}
#Search input[type="text"]                                  {background:#ffffff;border:2px solid #6aacba;font-size:12px;color:#696969;width:240px;height:27px;padding:2px 6px 2px 5px;}
#Search a.searchcss                                         {display:block;position:absolute;left:5px;top:5px;height:19px;width:19px;padding:0;overflow:hidden;text-indent:-99999px;background:url(images/icon_search.png) no-repeat 0 0;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText       {margin-left:20px;margin-top:4px;z-index:1002;top:2px;}
ul.searchSkinObjectPreview,
.rtl ul.searchSkinObjectPreview                             {z-index:400;}

/*--------- Sidebar Style ----------*/
.row.sidemenu                                               {margin-left:0;margin-right:0;}
.side_area                                                  {background:#fbfdfd;}

/*--------- Scroll Top Style ----------*/
#top-link                                                   {background:url(images/scroll_top.png) no-repeat scroll center top #999;background:url(images/scroll_top.png) no-repeat scroll center top rgba(0, 0, 0,0.3);border:0 none;border-radius:2px;-webkit-border-radius:2px;-moz-border-border-radius:2px;bottom:20px;left:40px;display:block;height:38px;padding:0;width:50px;position:fixed;text-decoration:none;z-index:903;}
#top-link:hover                                             {background:url(images/scroll_top.png) no-repeat scroll center bottom #666;background:url(images/scroll_top.png) no-repeat scroll center bottom rgba(0, 0, 0,0.5);-webkit-transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;transition:all 0.2s ease-in 0s;}
.author                                                     {background: rgba(0, 0, 0, 0) url("images/author.png") no-repeat scroll 50% 50%;bottom: 5px;display: block;height: 30px;position:absolute;right: 12px;width: 30px;}
/*--------- Font Awesome ----------*/
.fa_icon_wrapper                                            {padding:0 15px;margin:20px 0 40px;}
.fontawesome-icon-list [class*="col-md-"]                   {padding:15px 20px;border:1px solid #f2f2f2;margin:-1px -1px 0 0;color:#666;}
.fontawesome-icon-list [class*="col-md-"]:hover             {color:#049AD9;}
.fontawesome-icon-list span.fa                              {font-size:22px;margin-left:5px;width:30px;position:relative;top:2px;}

/*--------- Breadcrumb style ----------*/
.breadcrumb_style::before                                   {background: url(images/breadcrumb-arrow.png) no-repeat 100% 50%;position:absolute;top:0; content: "";    height: 26px;    left: -8px;  top: 0;    width: 9px;}
.breadcrumb_style                                           { position:relative; border-bottom: 1px solid #dee9f1;    border-top: 1px solid #dee9f1;    height: 28px;    margin: 0 15px 0 12px;    padding: 0;}
.breadcrumb_style span.yourlocation                         {font-size:12px;}
a.breadcrumb, a.breadcrumb:visited, a.breadcrumb:active     {color:#696969;font-size:12px;text-decoration:none;padding:0 22px 0 5px;display:inline-block;background: url(images/breadcrumb-arrow.png) no-repeat 100% 50%;}
span.breadcrumb                                             {color:#696969;font-size:12px;padding:0 22px 0 5px;display:inline-block;background: url(images/breadcrumb-arrow.png) no-repeat 100% 50%;}
.breadcrumb_style img                                       {position: relative;    right: -11px;    top: 0;}
.breadcrumb_style > span > span > span:nth-child(1) > a.breadcrumb {    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding:0 0px 0 5px;}
/*--------- StandardMenu style ----------*/
.menu_position                                              { margin: 0 auto;width: 665px;padding:0 50px;}
#HeaderOne #standardMenu .subMenu li.selected > a span,
#HeaderOne #standardMenu .subMenu li.breadcrumb > a span,
#HeaderOne #standardMenu .subMenu li.item a:hover span      {background:#245f97;}

.menu_style_mega                                            {border-bottom:solid 1px #eaf1f7;background:#f7fafb url(images/breadcrumb-bg.png) repeat-x 0 0;}
/*-----*/
/*---------menu------*/
.v-menu .nav-main { clear: both; display: block; float: none; width: 100%; background-color: #171717; margin-right: auto; margin-left: auto; border-radius: 5px; border: 5px solid #171717; }
.v-menu .nav-main ul li { padding: 5px; margin: 0; clear: both; float: none; display: block; border-bottom: 1px solid #2a2a2a; background-color: #171717; }
.v-menu nav ul.nav-main li a, nav ul.nav-main li.active a { background: none !important; background-color: transparent !important; }
.v-menu nav ul.nav-main li a { color: #fff; clear: both; float: none; display: block; padding: 5px; border: 0; border-top: 0; margin: 0; font-size: .9em; font-style: normal; font-weight: 400; line-height: 20px; }
.v-menu .nav-main ul.nav-main { float: none; position: static; margin: 0; margin-left: -10px; }
.v-menu .nav-main ul { padding: 0; }
.v-menu .nav > li { position: relative; }
.v-menu .nav-pills > li > a { border-radius: 4px; }
.v-menu .nav > li > a { position: relative; }
.v-menu nav ul.nav-main li a i.fa-caret-down { top: 6px; font-size: 25px; position: absolute; left: 5px; }
.v-menu .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0,0); }
.v-menu nav ul.nav-main ul.dropdown-menu { border: 0; border-radius: 6px; margin: 0; padding: 5px; top: auto; margin-bottom: -5px; padding-left: 0 !important; }
.v-menu .nav-main ul.dropdown-menu { position: static; clear: both; float: none; }
.v-menu .dropdown-menu { right: 0; z-index: 1000; font-size: 14px; text-align: right; list-style: none; }
.v-menu li { line-height: 24px; }
.v-menu nav ul.nav-main ul.dropdown-menu { background: none !important; background-color: transparent !important; }
.v-menu nav ul.nav-main ul.dropdown-menu li > a { padding: 5px; border: 0; border-top: 0; margin: 0; border-bottom: none; font-size: .9em; color: #ececed; font-weight: 400; text-transform: none; position: relative; }
.v-menu a { outline: none !important; }
.v-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { border-radius: 6px; margin-top: -5px; }
.v-menu .nav-main ul.dropdown-menu { position: static; clear: both; float: none; }
.v-menu .nav-main ul li:last-child { border-bottom: none; }
.v-menu nav ul.nav-main ul.dropdown-menu li > a { -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; }
.v-menu nav ul.nav-main ul.dropdown-menu li:hover > a { filter: none; background-color: #171717; padding-left: 16px; padding-right: 16px; }
.v-menu .active > a { color: #48cfad !important; }
.v-menu .nav-main li.resp-active > ul.dropdown-menu { display: block !important; }
.v-menu .nav-main ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; }
.v-menu .nav-main li.resp-active > ul.dropdown-menu { display: block !important; }
.v-menu li.dropdown-submenu { padding-left: 0 !important; }
/*----*/

header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {background:#ffffff url("images/menu-bg.png") repeat-x 0 100%;}



/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2) {
    .menuclick {background-image:url(images/retina/btn_menu@2x.png);-webkit-background-size:30px 21px;-moz-background-size:30px 21px;background-size:30px 21px;}
    #standardMenu .rootMenu a span .navarrow, #standardMenu .rootMenu a span .navarrow2 {background-image:url(images/retina/mobile_navarrow@2x.png);-webkit-background-size:17px 80px;-moz-background-size:17px 80px;background-size:17px 80px;}
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width:1024px) {

}


@media handheld, only screen and (max-width:992px) {
   #HeaderOne                                               {min-height:150px;}
    .menu_position {width: 100%;padding:0; }
     .skin_header:before                                     {display:none;}
    .logo_style                                             {margin-right:0px}
    /*.site_logo                                              {line-height:80px;margin-right:0;margin-left:40px;}*/
    .menu_style                                             {display:none;float:none;width:100%;padding:0;}
    .mobile_nav                                             {display:block;position:absolute;width:40px;height:40px;bottom:30px;left:15px;}
    .menuclick                                              {background:url(images/btn_menu.png) no-repeat center center;width:40px;height:40px;padding:0;margin-right:1.5%;display:block;text-decoration:none;border:none;padding-top:20px 0;}
    .footer_wrap                                            {height:auto;}
    .menu_style_mega                                        {display:none;float:none;width:100%;padding:0;}
    #skin_wrapper                                           {width:auto !important;margin:0 auto;max-width:768px;}
    #top-link                                               {bottom:20px;left:20px;}
    .RM_position, .LM_position                              {float:none;width:auto;padding:0 20px;}
    .RM_skin_content, .LM_skin_content                      {float:none;width:auto;padding:0 20px;}
    .flag                                                   {display:none;}
    .date_position                                          {margin-left:20px;margin-top:0px !important;}
    .skin_footer_bg                                         {}
    .menu_style_mega                                        {border-bottom:0px solid #aac6dc !important;height:auto !important;}
    .footer_top::before                                     {border-right:0 solid #90b4d1 !important;left:0 !important;}

/*dnnsoftware*/
    .skin_main_bg::after                                        {background:none;}
    .skin_main_bg::before                                       {background:none;}
    .skin_main_bg1::after                                       {background:none;}
    .skin_main_bg1::before                                      {background:none;}
    .skin_main_bg                                               {border-left: 0px solid #cbdce0;border-right: 0px solid #cbdce0;}
/*-----footer-----*/
    .footer_main_padding .col-md-3 { float:right;width: 25%;}
    .footerpane_style .col-md-9 { float:right;width: 100%;}
    .footerpane_style .footer_grid4d.col-md-3 { display:none;}
    .footer_wrap { margin-left: 0;    margin-right: 0;}
    .footer_main_padding {    padding: 20px 0 0;}

}

@media(min-width:992px) {
    
    header nav ul.nav-main > li.active > a,
    header nav ul.nav-main > li:hover > a,
    header nav ul.nav-main > li > a:focus { color: #ffffff; background-color: transparent !important; border-bottom: 2px solid #21b7d0; }
    header nav.mega-menu .nav, header nav.mega-menu .dropup, header nav.mega-menu .dropdown, header nav.mega-menu .collapse { position: static; }
    header nav.mega-menu ul.nav-main .mega-menu-content { text-shadow: none; }
    header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu .mega-menu-sub-title { color: #333; display: block; font-size: 1em; font-weight: 600; padding-bottom: 5px; text-transform: uppercase; margin-top: 20px; }
    header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu .mega-menu-sub-title:first-child { margin-top: 0; }
    header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {border: 1px solid #c0ceda;  border-top: 2px solid #2cb9d1; }
    header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu { list-style: none; padding: 0; margin: 0; }
    header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a { color: #777; text-shadow: none; margin: 0 0 0 -8px; padding: 3px 8px; text-transform: none; font-size: .9em; display: block; font-weight: normal; border-radius: 4px; border: 0; }
    header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover { background: #f4f4f4 !important; text-decoration: none; }
    header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {  background:url(image/bg-submenu.png)repeat-x bottom 0 #fff !important;border-radius: 0;margin: 0 auto;width: 80%; }
    header nav.mega-menu .navbar-inner, header nav.mega-menu .container { position: relative; }
    header nav.mega-menu .dropdown-menu { right: auto; }
    header nav.mega-menu .dropdown-menu > li { display: block; }
    header nav.mega-menu .mega-menu-content { }
    header nav.mega-menu .mega-menu-content:before { display: table; content: ""; line-height: 0; }
    header nav.mega-menu .mega-menu-content:after { display: table; content: ""; line-height: 0; clear: both; }
    header nav.mega-menu.navbar .nav > li > .dropdown-menu:after, header nav.mega-menu.navbar .nav > li > .dropdown-menu:before { display: none; }
    header nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { width: auto; left: 0px; right: 0px; }
    header nav.mega-menu nav.pull-right .dropdown-menu { left: 0; }
    header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu { border-radius: 0; }

    header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {background:#ffffff url("images/menu-bg.png") repeat-x 0 100%;  }
    header nav ul.nav-main { margin:0; }
    header nav ul.nav-main > li  { padding: 0 22px;}
    header nav ul.nav-main > li:last-child  { background:none;}
    header nav ul.nav-main li a {color:#fff; font-size: 13px; font-style: normal; line-height: 14px; margin-left: 3px; margin-right: 13px; text-transform: uppercase; font-weight: bold;  }
    header nav ul.nav-main li a:focus { background: transparent; }
    header nav ul.nav-main li a i.fa-caret-down, header nav ul.nav-main li a em.fa-caret-down { position: relative; top: -1px; margin-right: 2px; }
    header nav ul.nav-main li ul a { text-transform: none; font-weight: normal; font-size: .9em; }
    header nav ul.nav-main li.dropdown.open a.dropdown-toggle { border-radius: 5px 5px 0 0; }
    header nav ul.nav-main li.dropdown:hover > a { padding-bottom: 11px; margin-bottom: -1px; }
    header nav ul.nav-main li.dropdown:hover > ul { display: block; }
    header nav ul.nav-main li.dropdown:hover a.dropdown-toggle { border-radius: 0px 0px 0 0; }
    header nav ul.nav-main ul.dropdown-menu { border: 0; border-top: 5px solid #ccc; border-radius: 6px 0 6px 6px; box-shadow: 0 20px 45px rgba(0,0,0,.08); margin: 1px 3px 0 0; padding: 5px; top: auto; text-align: right; min-width: 200px; }
    header nav ul.nav-main ul.dropdown-menu li:hover > a, header nav ul.nav-main ul.dropdown-menu li > a:focus { filter: none;  }
    header nav ul.nav-main ul.dropdown-menu li:last-child > a { border-bottom: 0; }
    header nav ul.nav-main ul.dropdown-menu > li > a { color: #777; font-weight: 400; padding-bottom: 4px; padding-top: 4px; text-transform: none; position: relative; padding: 8px 5px 8px 20px; font-size: .9em; border-bottom: 1px solid #f4f4f4; }
    header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { border-top: 0; border-radius: 6px; margin-right: 0; margin-top: -5px; }
    header nav ul.nav-main .dropdown-submenu { position: relative; }
    header nav ul.nav-main .dropdown-submenu > .dropdown-menu { top: 0; right: 100%; margin-top: -6px; margin-right: -1px; border-radius: 0 6px 6px 6px; }
    header nav ul.nav-main .dropdown-submenu .fa-caret-down { display: none; }
    header nav ul.nav-main .dropdown-submenu > a:after { display: block; content: " "; float: left; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 5px 5px 0; border-left-color: #fff; margin-top: 5px; margin-left: -10px; position: absolute; top: 8px; left: 15px; }
    header nav ul.nav-main .dropdown-submenu.pull-left { float: none; }
    header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu { right: -100%; margin-right: 10px; border-radius: 6px 0 6px 6px; }
    header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu { display: block; }
    header nav ul.nav-main .dropdown-submenu:hover > a:after { border-right-color: #fff; }
    header .nav-main-collapse { overflow-y: visible; }
    header .nav-main-collapse.in { overflow-y: visible; }

}


@media(max-width:991px) {
    header nav ul.nav-main li.mega-menu-item.opened ul.dropdown-menu > li > a { color: #fff; }
    header .nav-collapse .container .nav-main { float: right; width: 100%; }
    header .nav-main-collapse { top: 0px; position: relative; background: #017288; max-height: none; width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: hidden; }
    header .nav-main-collapse.collapse { display: none !important; }
    header .nav-main-collapse.in { width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: hidden; display: block !important; }
    header .nav-main { padding: 10px 0; clear: both; display: block; float: none; width: 100%; }
    header .nav-main ul { padding: 0; margin: 0; }
    header .nav-main ul li { padding: 0; margin: 0; clear: both; float: none; display: block; border-bottom: 1px solid #044a58; position: relative; }
    header .nav-main ul li a { color: #fff; font-size: 13px; }
    header .nav-main ul li .mega-menu-sub-title { color: #959595; font-size: 13px; }
    header .nav-main ul li:last-child { border-bottom: none; }
    header .nav-main ul ul { margin-right: 0px !important; }
    header .nav-main ul.nav-main { float: none; position: static; margin: 8px 0; margin-left: -10px; }
    header .nav-main ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; border: 0; }
    header .nav-main li.opened > ul.dropdown-menu { display: block !important; }
    header .nav-main li a.dropdown-toggle.disabled .fa { display: none; }
    header nav ul.nav-main > li + li { margin-right: 0; }
    header nav ul.nav-main li a { clear: both; float: none; display: inline-block; padding: 9px 8px !important; border: 0; border-top: 0; margin: 0; }
    header nav ul.nav-main li.dropdown:hover > a { margin: 0; padding: 9px 8px !important; }
    header nav ul.nav-main ul.dropdown-menu { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 15px; }
    header nav ul.nav-main ul.dropdown-menu li > a { padding: 9px 8px; border: 0; border-top: 0; margin: 0; border-bottom: none; }
    header nav ul.nav-main ul.sub-menu { padding: 0; margin: 0 5px 15px 0 !important; }
    header nav ul.nav-main .dropdown-submenu i.fa-caret-down, header nav ul.nav-main .dropdown-submenu em.fa-caret-down { border: 0 none; color: #fff; content: ""; font-family: FontAwesome; font-size: 13px; right: auto; margin-top: 0; position: absolute; left: -3px; top: 0; z-index: 2; width: 35px; text-align: center; line-height: 35px; }
    header nav ul.nav-main .dropdown-submenu:hover > a:after { border-right-color: transparent; }
    body header nav ul.nav-main ul.dropdown-menu { background: none !important; background-color: transparent !important; }
    body header nav ul.nav-main li.dropdown.open .dropdown-toggle, body header nav ul.nav-main li a, body header nav ul.nav-main li > a:hover, body header nav ul.nav-main li.active a, body header nav ul.nav-main li.dropdown:hover a { background: none !important; background-color: transparent !important; }
    body header nav ul.nav-main ul.dropdown-menu li:hover > a, body header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover { background: none !important; background-color: transparent !important; }
    .btn-responsive-nav { background: #0a778c; display: block; color: #fff; z-index: 1; }
    .btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus { color: #ccc; outline: none; }
      header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {background:#ffffff url("images/menu-bg.png") repeat-x 0 100% !important;  }

    header .header-top ul.nav-top { float: right; margin: 7px -15px 0 0; min-height: 5px; }
    header ul.nav-main .dropdown-toggle .fa {font-size:25px;float:left;}
}

@media handheld, only screen and (max-width:970px) {
    #standardMenu .rootMenu li a span                       {padding:0 10px;}
    #skin_wrapper                                           {width:auto !important;margin:0 auto;}
}

@media handheld, only screen and (max-width:768px) {
   

    .btn-responsive-nav                                     {left:0px !important;background:#00677f;color:#fff; }
    .mobile_nav                                             {left:3px;top:74px;}
    .footer_wrap                                            {height:auto;padding:0 20px;}
    .skin_footer                                            {height:auto;}
    .copyright_style                                        {float:none;padding:0;text-align:center;}
    .footer_right                                           {float:none;line-height:35px;padding:0;text-align:center;}
    body                                                    {-webkit-text-size-adjust:none;}
    #skin_wrapper                                           {width:auto !important;min-width:300px;}
    .skin_width, body                                       {width:100%;min-width:0;}
    .floatl, .floatr                                        {float:none;}
    .pc_display                                             {display:none;}
    .mobile_display                                         {display:block;}
    #top-link                                               {bottom:5px;left:5px;}
    .footer_grid7a                                          {margin:10px 0 0;}
    .footer_grid3b                                          {margin:10px 0 0;}
    .footer_grid3c                                          {margin:10px 0 0;}
    .footer_grid3d                                          {margin:10px 0 0;}
    .footer_grid12                                          {margin:10px 0 0;}
    .dnnFormPopup                                           {width:90% !important;}
    .LoginPanel, .dnnLogin                                  {width:auto;max-width:480px;}
    .dnnLogin .dnnForm                                      {min-width:0;width:auto;}
    .dnnLogin .dnnFormLabel                                 {width:auto;}
    .LoginPanel .dnnPrimaryAction                           {margin-right:82px;}
    .LoginPanel .dnnLoginRememberMe                         {padding-right:82px;}
    #dnn_ctr_Login_UP .dnnForm                              {min-width:280px;width:auto;}
    div.dnnRegistrationForm .dnnForm                        {width:auto;}
    div.dnnRegistrationForm .dnnFormItem label,
    div.dnnRegistrationForm .dnnFormItem .dnnFormLabel,
    div.dnnRegistrationForm .dnnFormItem .dnnTooltip        {width:110px;}
    #dnn_ctr_Register_UP .dnnForm                           {min-width:280px;max-width:480px;width:auto;}
    .footer_grid4b.col-md-4                                 {width:100%;}
    .footer_grid4c.col-md-4                                 {width:100%;}
    .footerpane_style .linkitem                             {display: inline;padding:0 0px 0 21px; }    
    .footer_grid4d                                          {margin:0;}
    .footer_grid12                                          {margin:0;}
    .footer_grid7a                                          {margin:0;}
}
@media handheld, only screen and (max-width:640px) {
    #HeaderOne { background: url(images/headerOnebg-m.png)top center no-repeat; }
}
@media handheld, only screen and (max-width:480px) {

  .logo_style { margin: 0 auto; padding: 4px 0 0; text-align: center;float:none}
    .mobile_nav {top:131px; }
    .date_position { margin-left: 27%; }
    .site_logo {    margin-bottom: 10px;}
    #HeaderOne {background:url(images/headerOnebg-m.png)top center no-repeat;min-height:224px;}
  .footer_grid3a ul, .footer_grid3b ul, .footer_grid3c ul {    border-left: 0px solid #bed9df;}
    .footer_wrap { border-top:0px none;}
   .skin_footer_bg {background:url("images/footer-bg-top.png")  50% top no-repeat,url("images/footer-bg-bot.png")  50% bottom no-repeat,url("images/footer-bg-r.png")  50% bottom repeat;position:relative;}
    
   
    /*-----footer-----*/
    .footer_main_padding .col-md-3 { float:right;width: 50%;}



}
@media handheld, only screen and (max-width:360px) {
    .date_position { margin-left: 19%; }
}
@media handheld, only screen and (max-width:320px) {
    .date_position { margin-left: 17%; }
}


.raychat_main_button{width:44px!important; height:44px!important; bottom:110px!important;}