body{ background: #f2f1f1 url(../images/body.png); color:#373737; line-height:20px; font-size:13px}

.wrapper { overflow:hidden}

/*---------------------------------------------------------------CLASS PUBLIC---------------------------------------------------------------*/
a { text-decoration:none; outline:none; }
a:hover {text-decoration:none}
input, button, textarea { font-size:12px; font-family: Arial, Helvetica, sans-serif;}

.modal form, .modal-header h3.title, .contact form, .maincontent .create  { margin:0}

.themecolor { overflow:hidden;}
.themecolor > a { float:left; margin:5px; width:120px; background-color:#fff; padding:3px}

/*-----------------------------------------------------------------HEADER-------------------------------------------------------------------*/
#block-header { position:relative; z-index:99; /*background:#001774; */color:#a8a8a8; background: url(../images/header-bg.jpg) repeat-x center top;}
#block-header .container { margin-bottom: 0;}
#block-header .container .row { padding:0; position:relative; padding:25px 0}
#block-header a:hover, #block-bottom a:hover, #block-footer a:hover { color:#fff !important}


  /*Logo*/
  div.logo { float:left; padding-left: 20px;}
  div.position.logo a.noimage { width:375px; height:92px; display:block; background-repeat:no-repeat; background-position:top center}
  
  /*Search*/
  .position-search { text-align:right; position:absolute; top:25px; right:0}
  .position-search  p { margin:0}  

  .position-search .title { display:none; text-indent:-9999em; font-size:0; margin:0;}
  .position-search form { margin:5px 0 0; overflow:hidden; position:relative}
  .position-search .inputbox { background:#fff; border: 1px solid #444444; height:27px; line-height:27px;  width:240px; color:#666; padding:0 5px;}
  .position-search .inputbox:focus, .position-search .inputbox.focus { border-color: #6DCFF6; box-shadow: 0 0 5px rgba(109, 207, 246, 0.5); color:#999}
  .position-search .button { background-position:top right; background-repeat:no-repeat; background-color:transparent; position:absolute; border:none; height:29px; font-size:0; text-indent:-999em; width:44px; top:0; right:0}
  
/*------------------------------------------------------------------MENU--------------------------------------------------------------------*/
.position-menu { height:71px;}
#block-mainnav  { position:relative; z-index:100; background: url(../images/menu.png) no-repeat bottom center ; min-height:50px; padding-bottom:22px;}
#block-mainnav .container { margin-bottom:0; background:#fff; position:relative; height:50px;}

#fxmenu1 { height:71px; margin:0}
#fxmenu1  .fx-subitem, #fxmenu1  .ui-effects-wrapper > .fx-subitem {    background-color: #FDFDFD;}
#fxmenu1 > li {    background: url(../images/line.png) no-repeat scroll 0 50% transparent;    padding-left: 3px;}
#fxmenu1 > li > a, 
#fxmenu1 > li > span.separator { 
  color: #595959;    
  height: 50px;    
  line-height: 50px;    
  margin-bottom: 0;    
  overflow: hidden;   
  padding: 0 10px ;  
  font-size:13px;}
  
#fxmenu1 > li.fx-item1 { background:none !important; padding-left:0}

#fxmenu1 > li.active > a, 
#fxmenu1 > li.active > span.separator, 
#fxmenu1 > li:hover  > a, 
#fxmenu1 > li:hover  > span.separator   { background: url(../images/arrow2.png) no-repeat top center ;}

#fxmenu1 .fx-subitem li > a, 
#fxmenu1 .fx-subitem li > span.separator  { color:#4c4c4c}

#fxmenu1 .fx-subitem li.active > a, 
#fxmenu1 .fx-subitem li.active > span.separator, 
#fxmenu1 .fx-subitem li:hover > a, 
#fxmenu1 .fx-subitem li:hover > span.separator  {}

.dropmenu .cols1 .insubitem {    padding: 0 10px;}
.dropmenu .cols1 .fxcolumn li { background:none;   border-top: 1px solid #ddd; margin:0; padding:0}
.dropmenu .cols1 .fxcolumn li:first-child { border:none;}
.dropmenu .insubitem li > a, .dropmenu .insubitem .separator { padding:10px 0; background:none}

#fxmenu1  .position { padding-top:10px;}
#fxmenu1  .position #login-form { margin:0}
#fxmenu1  .position #login-form p { margin:0 0 5px; padding:0}



.flex-btnFirst , .flex-btnLast  { display:none !important;}

#fxmenu1  > li > a.fx-btnExpand { display: none !important; }
#fxmenu1 span.icon { width:25px; height:100%;}




  /*Social*/
  .position-menu .share-social { position:absolute; top:0; right:0;  height:29px; padding:11px 0 10px 75px;  background: url(../images/social.png) no-repeat;}
  .position-menu .share-social a { float:left; width:33px; cursor:pointer; height:33px; font-size:0; text-indent:-999em; margin-left:5px;  
  background-image:url(../images/share.png) ; background-repeat:no-repeat ;}
  
  .position-menu .share-social a.share1 { background-position:0 0}
  .position-menu .share-social a.share2 { background-position:-41px 0}
  .position-menu .share-social a.share3 { background-position:-82px 0}
  .position-menu .share-social a.share4 { background-position:-123px 0}
  .position-menu .share-social a.share5 { background-position:-164px 0}
  .position-menu .share-social a.share6 { background-position:-205px 0}
  
  .position-menu .share-social a.share1:hover { background-position:0 -33px}
  .position-menu .share-social a.share2:hover { background-position:-41px -33px}
  .position-menu .share-social a.share3:hover { background-position:-82px -33px}
  .position-menu .share-social a.share4:hover { background-position:-123px -33px}
  .position-menu .share-social a.share5:hover { background-position:-164px -33px}
  .position-menu .share-social a.share6:hover { background-position:-205px -33px}  


/*-----------------------------------------------------------------MODULE-------------------------------------------------------------------*/
.jv-module {margin-bottom: 20px}
.jv-modules { margin:0}
.jv-module h3.title, .page_heading { font-size:20px; color:#d70000; text-transform:uppercase; margin-bottom: 20px;     font-family: 'ancillaryregular'; }
#main-body h3.title { line-height:42px;  background: url(../images/h3-bg.jpg) no-repeat left top; padding:0 10px; }
#main-body h3.title span { line-height:42px; background-position:left center;  background-repeat:no-repeat; padding:0 35px; display:block }

  /*block-top*/
  #block-top { margin-bottom:20px;}
  #block-top .jv-module { padding:10px; background:#fff; }
  
  .nivo-caption {background: url(../images/arrow1.png) no-repeat bottom left; padding-bottom:20px;  width:350px; left:-32px; top:35px; bottom: auto; text-transform:uppercase }
  .nivo-caption > div {background: url(../images/trans.png) ; padding:10px 10px 10px 40px }
  .nivo-caption h3{ font-family: 'nunitobold'; font-size:18px; color: #FFFFFF; margin:0}
  .theme-default .nivo-caption a { border:none}
  .theme-default .nivo-caption a:hover {color: #FF0072;}
  
  .nivo-directionNav { display:block !important; position:absolute; bottom:-20px; width:110px; left:50%; margin-left:-55px;}
  .theme-default .nivo-directionNav a { background: url(../images/arrows.png) no-repeat top left; text-indent: 0; height: 22px; width: auto; color:#404040; text-transform:uppercase; line-height:23px;}
  .theme-default a.nivo-prevNav { left:0; padding-left:15px}
  .theme-default a.nivo-nextNav {    background-position: 100% -23px;    right:0; padding-right:15px;}  
  
  
  #block-top .mod-latestnews { padding:10px 0 0 0}
  .mod-latestnews  h3.title { height:54px; font-size:0; text-indent:-999em; background-repeat:no-repeat}
  .mod-latestnews .rows  { border-top:1px solid #e9e9e9; padding:17px 20px;}
  .mod-latestnews .rows:hover { background:#ff0072; color:#fff}
  .mod-latestnews .rows:hover a { color:#fff }
  .viewall { padding:5px 20px; display:none}
  .position-top-2 .viewall { display:block}
  
  /*Welcome*/
  .wrap_welcome { position:relative; padding:20px 20px 10px;  }
  .wrap_welcome .round { position: absolute;  background: url(../images/round.png) no-repeat; width:20px; height:20px; font-size:0; text-indent:-999em;}
  .wrap_welcome .round.tl { top:0; left:0; background-position: top left}
  .wrap_welcome .round.tr { top:0; right:0; background-position: top right}
  .wrap_welcome .round.bl { bottom:0; left:0; background-position: bottom left}
  .wrap_welcome .round.br { bottom:0; right:0; background-position: bottom right}
  .wrap_welcome h3 {    font-family: 'nunitoregular'; font-size:20px;  text-transform:uppercase}

  /*Jv New*/
  .jvnews-content .col3 {    float: left;    width: 33.33%; *width: 33.31%;}  
  .jvnews-intro .column.col3 {background: url(../images/line4.png) repeat-y top left  }
  .jvnews-intro .column.col3:first-child { background:none}   
  .jvnews-content .col2 .jv-new, .jvnews-content .col3 .jv-new, .jvnews-content .col4 .jv-new, .jvnews-content .col5 .jv-new {    padding: 0 10px;}
  .jv-new p.readmore {    display: block;  padding:15px 0; }  
  .jvnews-content h3{    font-family: 'nunitoregular'; font-size:15px; text-transform:uppercase}
  .jvnews-content .jv-new { margin:0}
  .jv-new .intro-thumnail{ border:1px solid #d9d9d9; padding:2px; margin-bottom:20px; position:relative }
  .jv-new .intro-thumnail a { display:block}
  .jv-new .intro-thumnail img { margin:0}
  .intro-thumnail.left { margin-right:20px;}
  .intro-thumnail.right { margin-left:20px;}
  
  .mod-our-recent p.readmore { text-align:right}
  



  /*Category*/
  ul.categories-module  li { list-style-type:circle;}
  ul.categories-module  li a { color:#575757; padding:0 5px; display:block; line-height:22px;}
  ul.categories-module  li a:hover { color:#fff; background:#ff0072}

  /*you want to design*/
  .mod-you_design  { border:1px dotted #ff0072; padding:10px;  background: url(../images/icon_q.png) no-repeat top right; }
  .btn_click {  font-family: 'ancillaryregular'; width:103px; line-height:29px; color:#fff; display:inline-block; text-transform:uppercase; padding:0 13px; }
  
  /*Shadow*/  
  .shadow_bottom {    height: 20px;    position: relative;}
  .shadow_bottom div {    height: 20px; font-size:0; text-indent:-999em;}  
  .shadow_bottom .sl {    background: url("../images/shadow1.png") repeat scroll left top transparent;    left: 0;    position: absolute;    top: 0;   width: 100px;}
  .shadow_bottom .sm {    background: url("../images/line_sd.png") repeat-x scroll 0 0 transparent;    margin: 0 100px;}
  .shadow_bottom .sr {    background: url("../images/shadow1.png") repeat scroll right top transparent;    position: absolute;    right: 0;    top: 0;    width: 100px;}
  .jv-new  .shadow_bottom {  position: absolute; bottom:-20px; left:0; right:0;}
  
  /*Gallery*/
  
  
  /*breadcrumbs*/
  div.breadcrumbs  { font-size:22px;   font-family: 'ancillaryregular'; }
  div.breadcrumbs * { float:left; background-position:left center; background-repeat:no-repeat;   padding-left:15px;  }  
  div.breadcrumbs .showHere { display:block; font-size:12px; float:none; background:none; clear:both}
  
  /*twitter*/
  #jv_twitter_account_profile {    border: none;    margin-bottom: 0;  }  
  ul.profile, #jv_twitter_ul {  margin:0; padding:0; border:none !important} 
  ul.profile li, #jv_twitter_ul li{ list-style-type:none}  
    #jv_twitter_ul li.tweet {    padding: 0 0;}
  
  .jv-twitter a { color:#FF0072}
  .jv-twitter a:hover { color:#000}  
   #jv_twitter_ul  p { margin:0; }
   .jv-twitter .avarta{ width:30px}
   ul li.tweet { margin-bottom:10px}
   ul li.tweet div.tweet-inner  { border-top: 1px dotted  #CCCCCC;}
   ul li.tweet:first-child div.tweet-inner { padding-top:0}
   #jv_twitter_ul .create { text-align:left; font-size:92%; color:#999;}
  
  /*jvslider*/
  .jvslider { position:relative }
  .jvslider .jvsl-panel { margin:0 50px;}
  .jvslider a.jvsl-btnprev { width:18px; height:30px; position:absolute; background-repeat:no-repeat;  top:50%; margin-top:-15px; left:10px; font-size:0; text-indent:-999em; }
  .jvslider a.jvsl-btnnext { width:18px; height:30px; position:absolute;background-repeat:no-repeat; background-position:top right; top:50%; margin-top:-15px; right:10px; font-size:0; text-indent:-999em; }
  
/*-----------------------------------------------------------------SLIDE--------------------------------------------------------------------*/


/*---------------------------------------------------------------CONTAINER------------------------------------------------------------------*/
#block-main .container { background:#fff; padding:10px;}
h2.title_article  { font-size:18px;  text-transform:uppercase;      font-family: 'nunitoregular'; margin:0}
.wrap_img{ background:#e3e2e2; padding:5px; margin-bottom:15px;}


  /*Blog category*/
  .blog-category .items-row { background:#fff; margin-bottom:20px; border-bottom: 1px dashed #ccc; }
  .blog-category .items-row  .in_cols  { padding:15px 15px 10px 10px; position:relative; min-height:200px;}
  .blog-category .cols-1 .wrap_img { position:absolute; top:15px ; left:15px; width:355px;  background: url(../images/shadow.png) no-repeat bottom left; padding:0 0 25px 0; }
  .blog-category .cols-1 .wrap_img img { width:345px; background:#fff; padding:4px; border:1px solid #e3e2e2}
  
  ul.pagenav { margin:20px 0; overflow:hidden}
  ul.pagenav li { list-style-type:none;}
  ul.pagenav li.pagenav-prev { float:left}
  ul.pagenav li.pagenav-next { float: right}

  p.readmore { overflow:hidden}
  p.readmore a { display: inline-block;  background-position:left center; background-repeat:no-repeat;  padding-left:20px; color:#383838 }
  p.readmore a:hover { color:#ff0072}
  
  ul.check  { margin:0}
  ul.check li { list-style-type:none; background-repeat:no-repeat; background-position:0 2px; padding-left:20px; line-height:20px; margin-bottom:5px;  }

  .formcontact .innerform .form p { padding:0}
  .formcontact .innerform .form .inputbox { margin:0; padding:0; text-indent:5px;}
  
  #page-article .gallery-item li { margin-bottom:2px;}
  .pagination .counter { margin:8px 0 0}
  .jvmapcontain  img  { max-width:2000px;}
  
  .formcontact .wrap_btncontact { padding:0 0 10px}
/*---------------------------------------------------------------MODULE BOX-----------------------------------------------------------------*/

#block-bottom { background:#001774; color:#fff; padding-top:20px;}
#block-bottom  h3.title { font-size:110%; color:#fff; text-transform:capitalize; margin:0}
#jv_avi {position: absolute; top: 0px; right: 4222px;}
#block-bottom ul.menu { margin:0}
#block-bottom ul.menu li { list-style-type:none}
#block-bottom ul.menu li a {  color:#fff;}
#block-bottom ul.menu li a:hover, #block-bottom ul.menu li.active a {  color:#fff;}
#block-bottom ul.menu li img  { display:none}

.mod-nosub ul.menu ul { display:none}

/*-----------------------------------------------------------------FOOTER-------------------------------------------------------------------*/
#block-footer { background:#001774; color:#fff; padding:10px 0} 
#block-footer .copyright { text-align:center}

#toTop {    background: url(../images/to-top.png);  bottom:5px; cursor: pointer; position: fixed !important; right: 10px; z-index: 9; width:30px; height:30px; font-size:0; text-indent:-999em;}
#toTop:hover { background-position:bottom left}


/*-----------------------------------------------------------------RESPONSIVE-------------------------------------------------------------------*/





@media (max-width: 558px) {
/*  */
}



@media (min-width: 1200px) {  /* PC and Laptop */

}
@media (max-width: 1199px)
{
    .position-search { top:15px;}
  #block-mainnav { background-position:left top}
  .position-menu .share-social { background:none; padding:0; top:-42px;  }
  #fxmenu1 > li.hasChild  > a, #fxmenu1 > li.hasChild  > span.separator    { padding-right:25px !important}
#fxmenu1  > li > a.fx-btnExpand { top:0 !important; display:block !important; background-color: transparent !important; background-position: center center !important;  margin:0 !important;    padding: 0 !important;       width:23px !important;  background-image: url(../images/expand.png) !important;}
}

@media (min-width: 730px) and (max-width: 1199px) {  /* Tablet */

  
}

@media (min-width: 980px) and (max-width: 1199px) {  /* Tablet larger */
  
}

@media (min-width: 730px) and (max-width: 979px) {  /* Tablet small */
.blog-category .items-row .in_cols { padding:15px;}
.blog-category .cols-1 .wrap_img { position:relative; top:auto; left:auto; } 
}


@media  (max-width: 729px) { /* Mobile */
body {    padding-left: 10px;    padding-right: 10px;}

#mobile #block-header .container  { padding-bottom:50px;}
div.logo { float:none;} 
div.position.logo a.noimage{background-size:250px 61px; height:61px; -webkit-background-size:250px 61px;}
.position-search {    position: relative;    right: auto;  top: auto;  margin:0 10px;}
.position-menu .share-social { right:10px;}

.blog-category .items-row .in_cols { padding:15px;}
.blog-category .cols-1 .wrap_img { position:relative; top:auto; left:auto; } 

}

@media (min-width: 401px) and (max-width: 729px) { /* Mobile  larger */ }

@media (max-width: 400px) { /* Mobile small */

  #block-header { overflow:hidden}
  div.position.logo a.noimage { width:auto; margin:10px 0}
  .blog-category .cols-1 .wrap_img { display:block; width:auto;}
  .blog-category .cols-1 .wrap_img img { padding:0; border:none}
  
  .column  { float:none !important; width:auto !important;}
  .jvnews-intro .column { background:none !important; padding:0 0 10px !important; margin-bottom:10px; border-bottom:1px solid #ddd;}
  .jvnews-intro .column .jv-new { margin:0 !important; padding:0 !important}  
}