ul.menu #toggle ,ul.menu #hide{display: none ;}




 #navigation ul.menu {margin:36px 0 0 0 ;padding:0 !important;position:relative !important;display:inline-block !important ;float:right  !important;z-index:999;} #navigation ul.menu li {font-size:13px ;margin:0 !important;padding:0 !important;float:left !important;outline: none !important;position:relative !important;list-style:none !important; } #navigation ul.menu li a {padding:2px 3px 0px 3px !important;text-decoration:none !important;text-transform: uppercase !important ;display:inline-block !important ;font-weight:normal;-webkit-transition: padding-bottom .3s ease-in-out;} #navigation ul.menu li a:hover {}#navigation ul.menu li.active a   {background:transparent !important;} #navigation ul.menu li.current.activedeeper.parent > a  {background:#000 !important; }   /****** dropdown Navigation ******/ /* #navigation ul.menu li:hover > ul{visibility:visible!important ; opacity:1 !important ;} #navigation ul.menu ul {list-style: none !important ;margin: 0 !important;padding: 0 !important;    visibility:hidden !important;position: absolute !important;z-index: 999  !important;width:220px !important;opacity:0 !important;-webkit-transition:opacity 0.2s linear, visibility 0.2s linear !important; -moz-transition:opacity 0.2s linear, visibility 0.2s linear !important; -o-transition:opacity 0.2s linear, visibility 0.2s linear !important; transition:opacity 0.2s linear, visibility 0.2s linear !important; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.2);background: #252525 url(../images/bg-menu.jpg) 0 0 no-repeat !important;padding-top:10px !important;}#navigation ul.menu ul {top: 78px !important;left: 0 !important;}#navigation ul.menu ul:after{clear:both !important;display:block !important;}#navigation ul.menu ul li ul {top: 0px !important;left: 200px !important;}#navigation ul.menu ul li {clear:both !important;width:100% !important;border:0 none !important;text-align:center !important;height:60px;line-height:60px !important;border-bottom:1px solid #3b3b3b !important;}#navigation ul.menu ul li a {background:none !important;padding:0px 0 0 15px !important;text-decoration:none !important;display:block !important;border:none !important;float:left !important;height:60px;} div#navigation > ul#menu.menu li.deeper.parent a:after{content: "\f0dd" !important; font-family: fontawesome;color:#000;margin-left:8px;font-weight:normal;}div#navigation > ul#menu.menu li.deeper.parent a:before{content: "" !important; font-family: fontawesome;}div#navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:after{content: "\f0da" !important;font-family: fontawesome;color:#fff;}div#navigation > ul#menu.menu li.deeper.parent > ul.navig > li.deeper.parent > a:before{content: "" !important;}div#navigation > ul#menu.menu li.deeper.parent a{} #navigation ul.menu ul li a:hover {background:#2e2e2e !important;padding:0px 0 0 20px !important;text-decoration:none !important;display:block !important;border:0 none !important;width:200px !important;text-align:left !important;color:#fff !important;-webkit-transition: all 0.4s ease-in-out !important;	-moz-transition: all 0.4s ease-in-out !important;-o-transition: all 0.4s ease-in-out !important;transition: all 0.4s ease-in-out !important;height:60px;} div#navigation > ul#menu.menu li.deeper.parent > ul.navig > li a:after{ content:"" !important;  } #navigation ul li.current.active.deeper.parent ul li a,#navigation ul li.active.deeper.parent ul li.current.active a, #navigation ul li.active.deeper.parent ul li a  {width:200px !important;color:#fff !important;padding-left:15px !important;text-align:left !important;}#navigation ul li.current.active.deeper.parent ul li a:hover,#navigation ul li.active.deeper.parent ul li.current.active a:hover,#navigation ul li.active.deeper.parent ul li a:hover {width:200px !important;color:#fff !important;} #navigation ul.menu ul li ul   {background:#252525 !important;} */     @media (max-width: 760px) {  #nav-top .grid_8{  background:#fff !important; /* margin:0px 0 0 0 !important; padding:0 !important;  position: fixed !important;   width:100% !important; text-align:left !important; height:80px;  */ } #nav-top {  background:#fff !important; height:150px; position:fixe; z-index:99 !important; }  #navigation {  float:none ; }   ul.menu li{  display: none; width: 100%; margin:0; padding:0; text-align:center !important;   position: fixed !important;  }  ul.menu #toggle{ display: block; height:0px; }    ul.menu #toggle i,ul.menu #hide i{ font-size: 30px; margin:22px 0px 0 0 !important; padding:0px 0 0 0 !important;  }    div#navigation > ul#menu.menu > li#toggle > a{ height:20px !important;background:#fff !important;  }    ul.menu ul, ul.menu ul li ul{ width: 100%; left: 0; position: static;  visibility:visible; opacity:1;border: none; box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  padding-top:0px !important; z-index:99 !important; }      div#navigation > ul#menu.menu > li#toggle > a{height:20px !important;background:transparent !important;}  ul.menu #toggle:hover i,ul.menu #hide:hover i{transform: none;-ms-transform: none;-webkit-transform: none;-o-transform: none;-moz-transform: none;} ul.menu:target li{display: block;text-align:center !important;}ul.menu:target #toggle{display: none;} ul.menu:target #hide{display: block;}ul.menu {margin-top:0 !important;background:#fff;}  ul.menu a{width: 100%;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;} ul.menu ul, ul.menu ul li ul{width: 100%;left: 0; position: static;visibility:visible;opacity:1;border: none;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;padding-top:0px !important;}   ul.menu > li > ul > li > a{ padding-left: 0px; }ul.menu > li > ul > li > ul > li > a{ padding-left: 0px; }ul.menu > li > ul > li > ul > li > ul > li > a{ padding-left: 0px; } 	ul#menu li a {color:#414141;}ul#menu li a:hover {background:transparent;color:#000 !important;}ul.menu li.active a {background:none;}ul.menu ul, ul.menu ul li ul {}ul#menu li#toggle a  {background:#fff;width:100%;}  ul#menu li#toggle a:hover  {background:#fff;width:100%;} ul#menu {margin:0px ;width:100%;text-align:center ;} ul#menu a:hover  {background:#fff;width:100%;text-align:center !important;}div#navigation > ul#menu  li > a {margin:15px 0;}  /* div#navigation > ul#menu  li > a:hover {margin:15px 0;background:green;} */  ul.menu ul li a:hover {padding-left:0px !important;	} ul.menu #toggle ,ul.menu #hide {font-size: 30px;background:transparent;color:#000;}ul.menu #toggle a:hover ,ul.menu #hide a:hover {background:transparent; }ul.menu #toggle i,ul.menu #hide i{font-size: 30px;color:#000;}ul.menu #toggle i:hover,ul.menu #hide i:hover{color:#414141;} ul.menu > li > ul > li > a{ padding-left: 40px;	background:#ccc; }ul.menu > li > ul > li > ul > li > a{ padding-left: 70px; }ul.menu > li > ul > li > ul > li > ul > li > a{ padding-left: 100px; } 	ul.menu li ul li a {width:100%;} #navigation ul.menu ul, #navigation ul.menu ul li ul {list-style: none  ;margin: 0 ;padding: 0 ;    visibility:hidden ;position: absolute ;z-index: 999  ;width:100% !important;opacity:0 ;background:#fff ;-webkit-transition:opacity 0.2s linear, visibility 0.2s linear !important; -moz-transition:opacity 0.2s linear, visibility 0.2s linear !important; -o-transition:opacity 0.2s linear, visibility 0.2s linear !important; transition:opacity 0.2s linear, visibility 0.2s linear !important; text-align:center !important;}  #navigation ul.menu ul {top:89px !important;left: 0 !important;background:#252525 !important;padding-top:0 !important;width:100%;} #navigation ul.menu ul li a:hover {background:#2e2e2e !important;padding:0px !important;text-decoration:none !important;display:block !important;border:0 none !important;width:100% !important;text-align:center !important;color:#fff !important;-webkit-transition: none !important;	-moz-transition: none !important;-o-transition: none!important;transition: none!important;text-align:center !important;	}  #navigation ul li.current.active.deeper.parent ul li a,#navigation ul li.active.deeper.parent ul li.current.active a, #navigation ul li.active.deeper.parent ul li a  {background:#fff !important;width:100% !important;color:#000 !important;padding-left:15px !important;text-align:center !important;float:none !important;}#navigation ul li.current.active.deeper.parent ul li a:hover,#navigation ul li.active.deeper.parent ul li.current.active a:hover,#navigation ul li.active.deeper.parent ul li a:hover {background:#f13f0f !important;width:100% !important;color:#fff !important;text-align:center !important;} div#navigation > ul#menu.menu.nav-pills > li a {text-align:center !important;margin:0 !important;padding:0 !important;}    } 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* @charset "utf-8"; */

  @import url("../css/font-awesome.css"); 

  



/*************************************  

/* normalize.css v3.0.2 

***************************************/

 html {

font-family: sans-serif;

-webkit-text-size-adjust: 100%;

-ms-text-size-adjust: 100%;

}



body {

margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

display: block;

}



audio,

canvas,

progress,

video {

display: inline-block;

vertical-align: baseline;

}



audio:not([controls]) {

display: none;

height: 0;

}



[hidden],

template {

display: none;

}



a {

background-color: transparent;

}



a:active,

a:hover {

outline: 0;

}



abbr[title] { 

border-bottom: 1px dotted;

}



b,

strong {

font-weight: bold;

}



dfn {

font-style: italic;

}



h1 {

margin: .67em 0;

font-size: 2em;

}



mark {

color: #000;

background: #ff0;

}



small {

font-size: 80%;

}



sub,

sup {

position: relative;

font-size: 75%;

line-height: 0;

vertical-align: baseline;

}



sup {

top: -.5em;

}



sub {

  bottom: -.25em;

}

img {

border: 0;

border:none;

}



svg:not(:root) {

overflow: hidden;

}



figure {

margin: 1em 40px;

}



hr {

height: 0;

-webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

box-sizing: content-box;

}



pre {

overflow: auto;

}



code,

kbd,

pre,

samp {

font-family: monospace, monospace;

font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

margin: 0;

font: inherit;

color: inherit;

}



button {

overflow: visible;

}



button,

select {

text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

-webkit-appearance: button;

cursor: pointer;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

padding: 0;

border: 0;

}



input {

line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

height: auto;

}



input[type="search"] {

-webkit-box-sizing: content-box;

-moz-box-sizing: content-box;

box-sizing: content-box;

-webkit-appearance: textfield;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

-webkit-appearance: none;

}



fieldset {

padding: .35em .625em .75em;

margin: 0 2px; 

}



legend {

padding: 0;

border: 0;

}



textarea {

overflow: auto;

}



optgroup {

font-weight: bold;

}



table {

border-spacing: 0;

border-collapse: collapse;

}



td,

th {

padding: 0;

} 



/*************************************  

/* ELEMENT GENERAL

***************************************/ 

* {

margin: 0;

padding: 0;

}



html {

height:100%;

}



body{

margin:0;

padding:0;

font-size:13px;

font-weight:normal;

}



 h1, h2, h3, h4, h5, h6{

font-weight: 200;

margin:5px 0;

}



h1{ 

font-size: 300%;

}



h2{ 

font-size: 250%;

}



h3{ 

font-size: 200%; 

}



h4{ 

font-size: 120%;  

}



h5{ 

font-size: 110%;

}



h6{ 

font-size: 100%; 

} 



p {

line-height: 1.5em; 

}



small {

font-size: 0.9em;

}



.clr {clear:both;}



/****************************  

/* STYLE DES LISTES GENERAL

****************************/ 

 ol  {

list-style-type:none ;

}



ul {

list-style-type:none ;

padding: 0 ; 

}



ol, ul, dl {

margin: 0.9em 0 ; 

padding: 0 

} 



ol li {

line-height: 1.3em ;

list-style: decimal ;

margin-left:20px ;

}



ul li {

list-style:none;

 margin-left:0px ;

}



ul li ul { 

margin-top: 0;

}  



/*************************************  

/* ELEMENT FORM

***************************************/ 

form {

margin: 0 0 10px; 

}



fieldset {

border:none;

margin: 10px 0;

padding: 0px 0px 15px 30px;

border-radius: 3px;

background:#fff ;

} 



legend {

font-weight: bold;

background: #fff;

padding: 5px 10px

}



label {

color:#000;

font-size:13px;

font-weight:bold;

text-transform:uppercase;

line-height:25px;

margin: 0;

padding:0px; 

width:100%;

}



input,textarea,select,#advanced-search-toggle, input.search-query {

border: 0px solid #CCCCCC;

border-radius: 3px;

display: inline-block;

margin-bottom: 9px;

padding: 4px;

}



button {

 background:#000; 

color:#fff;

font-size:13px;

font-weight:bold;

text-transform:uppercase;

line-height:25px;

margin:10px 0;

padding:5px;

border:none;



}



.filter-search-lbl {display:inline}

.filter-search, .display-limit {float:left; margin-right:10px}

.button,.profile-edit a {

padding: 3px;

line-height: 1.2em;

text-decoration: none;

} 



label input,label textarea,label select {

display: block;

}



input[type="image"],input[type="checkbox"],input[type="radio"] {

border-radius: 0;

cursor: pointer;

height: auto;

line-height: normal;

margin: 3px 0;

padding: 0;

width: auto;

}



input[type="button"],input[type="reset"],input[type="submit"] {

height: auto;

width: auto;

}



select {

height: 28px;

line-height: 28px;

max-width:99%

}



select {

width: 220px;

}



select[multiple],select[size] {

height: auto;

}



textarea {

height: auto;

}



.radio,.checkbox {

padding-left: 18px;

}



input[type="radio"],input[type="checkbox"] {

display: inline;

margin-right : 10px;

border:none

}



input,textarea {

-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

}



input:focus,textarea:focus {

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.6);

outline: 0 none;

}



input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{

box-shadow: none;

outline-offset: -2px;

} 



/*********************

 * BLOCK HEADER

 *********************/

 #nav-top {

width: 100%;

height:98px;

background:transparent;

-webkit-transition: all 0.4s ease;

transition: all 0.4s ease;

z-index:99;

box-shadow:none;

float:left !important;
border-bottom:1px solid #eee;

}  



#navigation {

 float:right ; 

}



#sitename  {

margin:20px 0 0 0 ;

padding:0 ;

height:35px;

text-align:left ;

}



#sitename a.logo {

font-weight:700;

webkit-transition: all 0.4s ease-in-out;	

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

padding:0px ; 

font-size:28px;

margin:0;

text-align:left;

}



#sitename a:hover {

text-decoration:none;

} 



 div#sitename > a.logo > img {

margin-top:5px;

}

.sitename-title  {

text-align:left;

margin:0;

padding:0;

height:20px;



}



.sitename-title h1 {

font-size:13px;

text-align:left;

margin:0 0 0 10px;

padding:0;

}

 

/*************bas*****/

.top-menu.tm-fixed > header { 

float:left;

 position: fixed; 

top: 0;

left: 0;

width: 100%;

height:88px !important;

 margin-top:-30px; 

padding-top:25px;

background:#fff;

z-index: 99; 

transition: all 0.9s ease;

}  



/*******************

 * STYLE MENU TOP

 ******************/

/* Effect 1: Brackets */

 .cl-effect-1 a::before,

.cl-effect-1 a::after {

display: inline-block;

opacity: 0;

-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;

-moz-transition: -moz-transform 0.3s, opacity 0.2s;

transition: transform 0.3s, opacity 0.2s;

}



.cl-effect-1 a::before {

margin-right: 3px; 

content: '[';

-webkit-transform: translateX(20px);

-moz-transform: translateX(20px);

transform: translateX(20px);

}



.cl-effect-1 a::after {

margin-left: 3px; 

content: ']';

-webkit-transform: translateX(-20px);

-moz-transform: translateX(-20px);

transform: translateX(-20px);

}



.cl-effect-1 a:hover::before,

.cl-effect-1 a:hover::after,

.cl-effect-1 a:focus::before,

.cl-effect-1 a:focus::after {

opacity: 1;

-webkit-transform: translateX(0px);

-moz-transform: translateX(0px);

transform: translateX(0px);

}  



/**********************************

 * BLOCK PARALLAX

 **********************************/



.parallax-header{

margin-bottom:50px;

margin-top:50px;

}



.parallax-header h2,.parallax-header h1{

color:#fff;

font-size:32px;

text-transform:uppercase;

}



.parallax-header p{

color:#fff;

font-size:16px;

text-transform:capitalize;

}



.parallax-header .color{

color:#fad502;

}



div.parallax-image  {

margin-top:0px;

}



 /* div.parallax-image img  {

 max-width:100%;

height:auto; 

background-size:contain ;

opacity:1;

} */



div.parallax-image img  {

 /* max-width:100%;

height:auto; 

background-size:contain ;

opacity:1; */

}



div.parallax-text  {

text-align:left;

color:#fff;

margin-top:25px;

margin-left:30px;

}



div.parallax-text h3 ,div.parallax-text h2 {
text-align:left;
font-size:22px;
color:#fff;
text-transform:capitalize;

}



div.parallax-text p  {

color:#fff;

font-size:18px;

}



 div.parallax-text > div#button {

 color:#fff;

 margin-top:70px;

 }



div.parallax-text > div#button > a.download, 

div.parallax-text > div#button > a.demo{

 color:#fff;

-webkit-border-radius: 5px;

 -moz-border-radius: 5px;

 border-radius: 5px;

 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));

 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);

 background-image: -moz-linear-gradient(top, #b0260a, #891c08);

 background-image: -ms-linear-gradient(top, #b0260a, #891c08);

 background-image: -o-linear-gradient(top, #b0260a, #891c08);

 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);

padding:13px;  

font-size:15px; 

-webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out;

text-transform:capitalize; 

}



div.parallax-text > div#button > a.download:hover,

 div.parallax-text > div#button > a.demo:hover{

 color:#fff;

-webkit-border-radius: 5px;

 -moz-border-radius: 5px;

 border-radius: 5px;

 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#891c08), to(#b0260a));

 background-image: -webkit-linear-gradient(top, #891c08, #b0260a);

 background-image: -moz-linear-gradient(top, #891c08, #b0260a);

 background-image: -ms-linear-gradient(top, #891c08, #b0260a);

 background-image: -o-linear-gradient(top, #891c08, #b0260a);

 background-image: linear-gradient(to bottom, #891c08, #b0260a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#b0260a); 

padding:13px;  

font-size:15px; 

-webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out; 

}





div.parallax-text > div#button > a.demo{

 margin-left:25px; 

}





/**************************************

 * BLOCK TOP FRAMEWORK STYLE INHERITED

 **************************************/

#block-top {

float:left !important;

width:100%;

padding:10px 0 25px 0;

background:#181818;



}



#block-top ul li a {

font-weight:bold;

line-height: 1.8em ;

font-size:13px;

}



#block-top ul li:before {

content: "\f054";

font-family:fontawesome;

font-weight:bold;

color:#000;

margin-right:7px;

font-size:0.7em

}



#block-top h2,#block-top h3 {

font-size:20px;

text-transform:uppercase;

text-align:left ;

font-weight:bold;

padding-bottom:10px;

color:#fff;

}



#block-top p {

text-align:left;

color:#efefef;

font-size:13px;

}



#block-top .moduletable {

padding:10px 20px;

/* background:#2d2d2d; */



margin-top:30px;

border-radius:5px;

-moz-box-shadow: inset 2px 2px 1px 0px #181818;

-webkit-box-shadow: inset 2px 2px 1px 0px #181818;

-o-box-shadow: inset 2px 2px 1px 0px #181818;

box-shadow: inset 2px 2px 1px 0px #181818;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#181818, Direction=134, Strength=1);

}



#block-top .moduletable-paypal {

padding:20px 20px 8px 20px;

/* background:#2d2d2d; */

margin-top:30px;

border-radius:5px;

-moz-box-shadow: inset 2px 2px 1px 0px #181818;

-webkit-box-shadow: inset 2px 2px 1px 0px #181818;

-o-box-shadow: inset 2px 2px 1px 0px #181818;

box-shadow: inset 2px 2px 1px 0px #181818;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#181818, Direction=134, Strength=1);

}



a.download {

color:#fff;

text-transform:capitalize;

font-size:14px; 

margin-left:0 !important;

}



a.download:hover {

color:#fad502;

}



.paypal-text {

font-weight:bold;

font-size:14px;

}



/*******************************************

 * BLOCK FEATURE FRAMEWORK STYLE INHERITED

 ******************************************/

#block-feature,#block-aftercontent,#block-bottomcontent {

float:left !important;

width:100%;

padding:50px 0 20px 0;

}



#block-aftercontent {

padding:20px 0 20px 0;

}



#block-feature h2,#block-aftercontent h2 {

font-size:30px;

text-transform:uppercase;

text-align:center;

font-weight:bold;

padding-bottom:30px;

color:#2a2a2a;

background: url(../images/background-h3.jpg) 50% 100% no-repeat;

}



/**********************************************

/*PAGE BLOG D'UNE SEULE CATEGORIE,BLOG FEATURE

***********************************************/

 

.cols-1 {

display: block;

float: none !important;

margin: 0 !important;

}



.cols-2 .column-1 {

width: 47%;

float: left;



}



.cols-2 .column-2 {

width: 47%;

float: right;

margin: 0



}



.cols-3 .column-1 {

float: left;

width: 30%;

/* padding: 0 5px;  */

margin-right: 3% 

}



.cols-3 .column-2 {

float: left;

width: 30%;

margin-left: 0;

/* padding: 0 5px; */

margin-right: 3% 

}



.cols-3 .column-3 {

float: right;

width: 30%;

/* padding: 0 5px; */

margin-right: 5px ; 

margin-left: 0;

}



.items-row {

 overflow: hidden; 

margin-bottom: 60px !important;

}



.column-1,

.column-2,

.column-3 {

padding: 10px 5px

}



.column-2 {

width: 55%;

margin-left: 40%;

}



.column-3 {

width: 30%

} 



div.page-header > h1 {

background: none;

font-size:20px;

text-transform:uppercase;

text-align:center ;

font-weight:bold;

letter-spacing:1px;	

padding-bottom:10px;

}



div.gk-article-blog a img {

background-size:cover !important;

float:none !important;



}



div.leading-0.clearfix > div.gk-article-blog > div.pull-item-image > a,

div.gk-article-blog > div.pull-item-image a { 

float:none !important;

}



div.gk-article-blog > div.pull-left.item-image > a.portfolio > span.overlay {

float:none !important;

}



div.leading-0.clearfix > div.gk-article-blog > div.pull-item-image > a,

div.gk-article-blog > div.pull-item-image > a img{

background-size:cover !important;

width:100%;

float:none !important;

}



a.portfolio-blog-featured  {

display: block;

float:none; 

position: relative;

width: 100%;

height:100%;

overflow: hidden;

text-decoration: none;

background-size:cover !important;

-moz-box-shadow: 1px 1px 5px 1px #cfcfcf;

-webkit-box-shadow: 1px 1px 5px 1px #cfcfcf;

-o-box-shadow: 1px 1px 5px 1px #cfcfcf;

box-shadow: 1px 1px 5px 1px #cfcfcf;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);

}

 

a.portfolio-blog-featured:hover  {

}



 



a.portfolio-blog-featured:hover .overlays .content {

display: block;

position:relative;

width: 100%;

height: 70px;

top: 50%;

left: 0;

margin-top: -7%;

text-transform:uppercase; 

color:#fff;

text-align:center;

}



a.portfolio-blog-featured:hover .overlays{

background:rgba(0, 0, 0, 0.8) ;

height:99.999%;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

box-sizing:border-box;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out; 

}



a.portfolio-blog-featured .overlays .content .fa {

visibility:hidden;

text-align:center;

margin-top: 5%; 	

}



a.portfolio-blog-featured:hover .overlays .fa {

font-size: 35px;

color: #fff;

visibility:visible;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out; 

}



a.portfolio-blog-featured .overlays .content .image-caption {

visibility:hidden;

}



a.portfolio-blog-featured:hover .overlays .content .image-caption {

visibility:hidden;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

color:#fff;

margin-top:8px;

font-weight:bold;

}



.overlays {

display: block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

} 



div.gk-article-blog > div.pull-left.item-image > a img:hover,

div.gk-article-blog > div.pull-right.item-image > a img:hover,

div.gk-article-blog > div.pull-none.item-image > a img:hover{

opacity:0.7;

background:#000 !important;

}



div.leading-0 div.gk-article-blog h2.article-header-blog,
div.leading-1 div.gk-article-blog h2.article-header-blog,
div.leading-2 div.gk-article-blog h2.article-header-blog,
div.leading-3 div.gk-article-blog h2.article-header-blog,
div.leading-4 div.gk-article-blog h2.article-header-blog,
div.item.column-1 div.gk-article-blog h2.article-header-blog,
div.item.column-2 div.gk-article-blog h2.article-header-blog,
div.item.column-3 div.gk-article-blog h2.article-header-blog,
div.item.column-4 div.gk-article-blog h2.article-header-blog,
div.item.column-5 div.gk-article-blog h2.article-header-blog{

display:block !important;

padding:0px 0px 0px 0px; 

font-size:19px;

text-transform:uppercase;

line-height:20px;

color:#000;

font-weight:bold;

height:25px;

text-align:center;

}


.item-page h2 {
display:block !important;
padding:0px 0px 0px 0px; 
font-size:25px;
text-transform:uppercase;
line-height:20px;
color:#000;
font-weight:bold;
height:25px;
text-align:center;

}

.item-page {
text-align:center !important;
float:none !important;
}

div > div.item-page > div.pull-left.item-image,
 div > div.item-page > div.pull-none.item-image,
 div > div.item-page > div.pull-right.item-image{
background-size:cover;
text-align:center !important;
float:none !important;
}


div > div.item-page > div.pull-left.item-image > img,
div > div.item-page > div.pull-none.item-image > img,
 div > div.item-page > div.pull-right.item-image > img{
margin:30px 0;
padding:auto;
 width:100%;
height:100%; 
text-align:center !important;
float:none !important;
}

div.item-page > div > div.notice {
margin-bottom:30px;
}




 div.gk-article-blog > p {
 text-align:center;
 font-weight:bold;
 margin-bottom:25px;
 }



div.leading-0 div.gk-article-blog span.article-info,

div.leading-1 div.gk-article-blog span.article-info,

div.leading-2 div.gk-article-blog span.article-info,

div.leading-3 div.gk-article-blog span.article-info,

div.leading-4 div.gk-article-blog span.article-info,

div.item.column-1 div.gk-article-blog span.article-info,

div.item.column-2 div.gk-article-blog span.article-info,

div.item.column-3 div.gk-article-blog span.article-info,

div.item.column-4 div.gk-article-blog span.article-info,

div.item.column-5 div.gk-article-blog span.article-info{

float:left;

text-align: left; 

font-size:12px;

/* margin:-11px 10px 20px 72px; */

padding:0;

font-weight:normal;



display:inline;

} 



.article-info dd {

float:left;

display:inline;

padding-left:4px;

padding-right:8px;

text-align:left;

} 



.article-info dt {

float:left;

display:inline;

padding-left:8px;

text-align:left;

} 



.article-info a {

color:#000;

}



.article-info a:hover {

color:#757572;

}



dt.article-info-term {

display:none;

}



div.item-page   {

position: relative;

margin-bottom:30px !important;

 margin-top:20px !important;

}



div.item-page ul li   {

list-style:disc;

}



div.item-page.gk-item-page > div.gk-article > h1.article-header > a,

 div.item-page.gk-item-page > div.gk-article > h1.article-header {

background: none;

font-size:20px;

text-transform:uppercase;

font-weight:bold;

letter-spacing:1px;	

padding-bottom:0px !important;

padding-top:20px;

}



div.gk-article > span.article-info {

color:#000;

margin-left:0;

padding-left:0;

background:red !important;

padding-top:-15px;

}



div.gk-article-blog > div#button {

margin-top:30px !important;

text-align:center;

}



div.gk-article-blog {

margin-bottom:30px ;

}

/* .demo ,
.download  {

margin:20px 5px;
width:100px;
text-align:center;
}


.demo a,
.download a {
color:#fff;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));
 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);
 background-image: -moz-linear-gradient(top, #b0260a, #891c08);
 background-image: -ms-linear-gradient(top, #b0260a, #891c08);
 background-image: -o-linear-gradient(top, #b0260a, #891c08);
 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);
padding:8px;  
font-size:13px; 



text-transform:capitalize;
margin:20px 5px;

}


.demo a:hover,
.download a:hover {
color:#fff;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));
 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);
 background-image: -moz-linear-gradient(top, #b0260a, #891c08);
 background-image: -ms-linear-gradient(top, #b0260a, #891c08);
 background-image: -o-linear-gradient(top, #b0260a, #891c08);
 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);
padding:8px;  
font-size:13px; 



text-transform:capitalize;
margin:20px 5px;

} */







div.gk-article-blog > div#button > a.demo,
div.gk-article-blog > div#button > a.download {
color:#fff;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));
 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);
 background-image: -moz-linear-gradient(top, #b0260a, #891c08);
 background-image: -ms-linear-gradient(top, #b0260a, #891c08);
 background-image: -o-linear-gradient(top, #b0260a, #891c08);
 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);
padding:8px;  
font-size:13px; 


/* -webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out; */

text-transform:capitalize;
margin:20px 5px;

}





div.gk-article-blog > div#button > a.demo:hover,

div.gk-article-blog > div#button > a.download:hover {

color:#fff;

-webkit-border-radius: 5px;

 -moz-border-radius: 5px;

 border-radius: 5px;

 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#891c08), to(#b0260a));

 background-image: -webkit-linear-gradient(top, #891c08, #b0260a);

 background-image: -moz-linear-gradient(top, #891c08, #b0260a);

 background-image: -ms-linear-gradient(top, #891c08, #b0260a);

 background-image: -o-linear-gradient(top, #891c08, #b0260a);

 background-image: linear-gradient(to bottom, #891c08, #b0260a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#b0260a); 

padding:8px;  

font-size:13px; 

-webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out;

}





#block-bottomcontent,#block-footertop {

float:left !important;

width:100%;

padding:0px 0 20px 0;

}



#block-footertop {

margin-bottom:30px;

}



#block-bottomcontent h2,#block-footertop h2 {

display:block !important;

padding:0px 0px 0px 0px; 

font-size:16px;

text-transform:uppercase;

line-height:20px;

color:#000;

font-weight:bold;

height:25px;

text-align:center;



}



#block-bottomcontent p, #block-footertop p{

text-align:center;

font-weight:bold;

margin-bottom:25px;

}



 #block-bottomcontent img, #block-footertop img {

display: block;

float:none; 

position: relative;

 width: 100%;

height:100%;

overflow: hidden;

text-decoration: none;

 background-size:cover !important; 

-moz-box-shadow: 1px 1px 5px 1px #cfcfcf;

-webkit-box-shadow: 1px 1px 5px 1px #cfcfcf;

-o-box-shadow: 1px 1px 5px 1px #cfcfcf;

box-shadow: 1px 1px 5px 1px #cfcfcf;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);

}



 div#bottomcontent .moduletable,#block-footertop .moduletable {

margin: 40px 15px;

background-size:cover !important;

 }

 

 a.block-bottom-blog-featured  {

display: block;

float:none; 

position: relative;

overflow: hidden;

text-decoration: none;

background-size:cover !important;

-moz-box-shadow: 1px 1px 5px 1px #cfcfcf;

-webkit-box-shadow: 1px 1px 5px 1px #cfcfcf;

-o-box-shadow: 1px 1px 5px 1px #cfcfcf;

box-shadow: 1px 1px 5px 1px #cfcfcf;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);



}

 

a.block-bottom-blog-featured:hover .overlays .content {

display: block;

position:relative;

width: 100%;

height: 70px;

top: 50%;

left: 0;

margin-top: -7%;

text-transform:uppercase; 

color:#fff;

text-align:center;



}



a.block-bottom-blog-featured:hover .overlays{

background:rgba(0, 0, 0, 0.8) ;

height:99.999%;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

box-sizing:border-box;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out; 

}



a.block-bottom-blog-featured .overlays .content .fa {

visibility:hidden;

text-align:center;

margin-top: 5%; 	

}



a.block-bottom-blog-featured:hover .overlays .fa {

font-size: 35px;

color: #fff;

visibility:visible;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out; 

}



a.block-bottom-blog-featured .overlays .content .image-caption {

/* visibility:hidden; */

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;



}



a.block-bottom-featured:hover .overlays .content .image-caption {

visibility:hidden;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

color:#fff;

margin-top:8px;

font-weight:bold;

}



.overlays {

display: block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

} 



 div#bottomcontent div#button,

  div#footertop div#button{

margin-top:20px !important;

text-align:center;



}



 div#bottomcontent div#button > a.demo,

 div#bottomcontent div#button > a.download ,

 div#footertop div#button > a.demo,

 div#footertop div#button > a.download {

color:#fff;

-webkit-border-radius: 5px;

 -moz-border-radius: 5px;

 border-radius: 5px;

 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));

 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);

 background-image: -moz-linear-gradient(top, #b0260a, #891c08);

 background-image: -ms-linear-gradient(top, #b0260a, #891c08);

 background-image: -o-linear-gradient(top, #b0260a, #891c08);

 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);

padding:8px;  

font-size:13px; 

/* -webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out; */

text-transform:capitalize;

margin:20px 5px;

}





 div#bottomcontent div#button > a.demo:hover,

 div#bottomcontent div#button > a.download:hover,

 div#footertop div#button > a.demo:hover,

 div#footertop div#button > a.download:hover {

color:#fff;

-webkit-border-radius: 5px;

 -moz-border-radius: 5px;

 border-radius: 5px;

 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#891c08), to(#b0260a));

 background-image: -webkit-linear-gradient(top, #891c08, #b0260a);

 background-image: -moz-linear-gradient(top, #891c08, #b0260a);

 background-image: -ms-linear-gradient(top, #891c08, #b0260a);

 background-image: -o-linear-gradient(top, #891c08, #b0260a);

 background-image: linear-gradient(to bottom, #891c08, #b0260a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#b0260a); 

padding:8px;  

font-size:13px; 

-webkit-transition: all 0.6s ease-in-out;

-moz-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out;

}





 

 

 

 

 a.parallax-blog-featured   {

 display: block;

float:none; 

position: relative;

overflow: hidden;

text-decoration: none;  

 background-size:cover ;  



}



a.parallax-blog-featured img   {

 display: block;

float:none; 

position: relative;

 width: 100%;

height:100%; 

overflow: hidden;

text-decoration: none;  

}

 

a.portfolio-blog-featured:hover  {

}



a.parallax-blog-featured:hover .overlays .content {

 display: block;

position:relative;

width: 100%;

height: 70px;

top: 50%;

left: 0;

margin-top: -7%;

text-transform:uppercase; 

color:#fff;

text-align:center;  

}



a.parallax-blog-featured:hover .overlays{

 background:rgba(0, 0, 0, 0.8) ;

height:100%;

-moz-box-sizing:border-box;

-webkit-box-sizing:border-box;

box-sizing:border-box;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;  

}



 a.parallax-blog-featured .overlays .content .fa {

visibility:hidden;

text-align:center;

margin-top: 5%; 	

}



a.parallax-blog-featured:hover .overlays .fa {

font-size: 35px;

color: #fff;

visibility:visible;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out; 

}



a.parallax-blog-featured .overlays .content .image-caption {

visibility:hidden;

}



a.parallax-blog-featured:hover .overlays .content .image-caption {

visibility:hidden;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

-ms-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

color:#fff;

margin-top:8px;

font-weight:bold; 

}



.overlays {

 display: block;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%; 

} 



/**********************************************

/*parallax skill

***********************************************/



div.contentpara  h2 {

color:#fff;

font-size:32px;

text-transform:uppercase;

margin-top:0;

}



div.contentpara  p {

color:#fff;

font-size:18px;

}



#parallax-module {

float:left;

width:100%;

}



p.para-head   {

color:#fff;

font-size:18px;

margin-bottom:50px;

}



.padding-top-big {

padding-top: 100px !important;

}



.padding-bottom-middle {

padding-bottom: 120px;

}





/**********************************************

/*footer

***********************************************/

#footerbottom {

float:left;

width:100%;

background:#181818;

}



#footerbottom .moduletable{

color:#fff;

padding:30px 20px;

}



#footerbottom .moduletable h2{

color:#fff;

font-size:20px;

text-transform:uppercase;

margin-bottom:20px;

}



#footerbottom .moduletable a{

color:#fff;

}



#footerbottom .moduletable a:hover{

color:#fad000;

}

#footerbottom .moduletable li {
padding:4px 0;
text-transform:capitalize;
list-style:square;

}



/****************

/*BLOCK SOCIAL/copyright footer

*****************/

#block-social {

float:left;

width:100%;

background:#151515;

}



.soc_icons_box {

text-align:left;

margin-top:5px;



}



.soc_icons_box ul {

display:-moz-inline-stack;

display:inline-block;

padding:0;

}



.soc_icons_box li {

float:left;

list-style:none;

padding:0;

}



.soc_icons li a {

font-size: 18px;

margin: 0 7px;

border-radius:50%;

padding:6px;

color:#fff;

}



.soc_icons a {

-webkit-transition: all 0.5s;

-moz-transition: all 0.5s;

-o-transition: all 0.5s;

transition: all 0.5s;

}



.copyright{

padding:20px;

color:#fff;

}

.copyright a {

color:#fff;



}



#head-joomlatemplates {

float:left;

width:100%;

height:90px;

background:#181818;

margin-bottom:50px;

padding:50px 0 40px 0;

}



#head-joomlatemplates h1 {

text-align:center;

font-size:25px;

/* line-height:120px; */

color:#fff;



}



#head-joomlatemplates p {

text-align:center;

font-size:14px;

color:#fff;


}


/*Page contact */

div.contact {
margin:90px 0;
}

div.contact label {
margin-top:20px;
}

 div.contact > div.page-header > h2 {
 text-transform:uppercase;
 text-align:center;
padding-bottom:30px;
 }
 
div.contact > h3 {
display:none;
}

div.contact input {
border:1px solid #ccc;
margin-bottom:20px; 
padding:10px ;
width:50%;
}
 div.contact textarea  {
 border:1px solid #ccc;
margin-top:20px;
margin-bottom:10px;
width:50%;
 }
/*************************************  
/*TOOLTIP
***************************************/
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}



/*Pagination General */
.pagenav {
text-align: center; 
padding: 0 10px 0 10px;
line-height: 2.1em; 
text-decoration: none;
border: 1px solid #ddd !important;
display: inline-block;
margin-left:5px;
}

.pagenav ul {
display: inline-block;
*display: inline;
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
text-align: center;  
}

.pagenav li {
display: inline;
padding: 0 10px;
}

.pagenav a,span.pagenav {
padding: 0 10px;
}

.pagination {
float:none;
text-align:center;
width:100%;
margin-top:30px;
margin-bottom:40px;	 
}

.pagination ul {
padding: 0;
text-align:center;
width:100%;
margin-bottom:40px;
}

.pagination li {
display: inline;
float:left; 
padding: 0px 10px;
}

.pagination li a {
padding: 0px 10px;
text-decoration: none;
border: 1px solid #ddd !important;
display: inline-block
}

.pagination .active a {
cursor: default;
} 

.pagination span,.pagination span  a:hover {
cursor: default;
padding: 0 14px;
margin-left:5px;
}

.pagination p.pull-right {
float: none;
text-align: center;
margin-bottom:15px;
}

ul.pager.pagenav  {
border:none !important;
}

 ul.pager.pagenav > li.next > a ,ul.pager.pagenav > li.previous > a {
border:none;
background:#000;
color:#fff;
margin:10px 12px 10px 0 ;
padding:5px;
}
 
ul.pager.pagenav > li.next > a:hover ,ul.pager.pagenav > li.previous > a:hover {
border:none;
background:#757572;
color:#fff;
}




 div.demo {
  float:left;
color:#fff;
/* -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));
 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);
 background-image: -moz-linear-gradient(top, #b0260a, #891c08);
 background-image: -ms-linear-gradient(top, #b0260a, #891c08);
 background-image: -o-linear-gradient(top, #b0260a, #891c08);
 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);
padding:8px;  
font-size:13px; 
text-transform:capitalize; */
margin:20px 0px;
width:70px;
width:50%;
text-align:center;
}

div.demo a {
  float:right;
color:#fff;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));
 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);
 background-image: -moz-linear-gradient(top, #b0260a, #891c08);
 background-image: -ms-linear-gradient(top, #b0260a, #891c08);
 background-image: -o-linear-gradient(top, #b0260a, #891c08);
 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);
padding:8px;  
font-size:13px; 
text-transform:capitalize;
width:70px;
margin-right:10px;
}

.demo a:hover {
color:#fff;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#891c08), to(#b0260a));
 background-image: -webkit-linear-gradient(top, #891c08, #b0260a);
 background-image: -moz-linear-gradient(top, #891c08, #b0260a);
 background-image: -ms-linear-gradient(top, #891c08, #b0260a);
 background-image: -o-linear-gradient(top, #891c08, #b0260a);
 background-image: linear-gradient(to bottom, #891c08, #b0260a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#b0260a); 
padding:8px;  
font-size:13px; 
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
width:70px;
}

.download-button {
float:left;
margin:17px 10px;
}

div.download{
  float:left;
color:#fff;
margin:20px 0px;
width:70px;
width:50%;
text-align:center;
}

div.download a {
  float:left;
color:#fff;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#b0260a), to(#891c08));
 background-image: -webkit-linear-gradient(top, #b0260a, #891c08);
 background-image: -moz-linear-gradient(top, #b0260a, #891c08);
 background-image: -ms-linear-gradient(top, #b0260a, #891c08);
 background-image: -o-linear-gradient(top, #b0260a, #891c08);
 background-image: linear-gradient(to bottom, #b0260a, #891c08);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#891c08);
padding:8px;  
font-size:13px; 
text-transform:capitalize;
width:70px;
margin-left:10px;
}

.download a:hover {
color:#fff;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 background-color: #b0260a; background-image: -webkit-gradient(linear, left top, left bottom, from(#891c08), to(#b0260a));
 background-image: -webkit-linear-gradient(top, #891c08, #b0260a);
 background-image: -moz-linear-gradient(top, #891c08, #b0260a);
 background-image: -ms-linear-gradient(top, #891c08, #b0260a);
 background-image: -o-linear-gradient(top, #891c08, #b0260a);
 background-image: linear-gradient(to bottom, #891c08, #b0260a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b0260a, endColorstr=#b0260a); 
padding:8px;  
font-size:13px; 
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
width:70px;
}

.notice {
width:100%;
float:left;
}

div.download > form > input {
float:left;
margin-top:0px;
margin-left:10px;
}

#head-joomlatemplates,#head-joomlaextensions {
float:left;
width:100%;
height:90px;
background:#181818;
margin-bottom:50px;
padding:50px 0 40px 0;
}

#head-joomlatemplates h1,#head-joomlaextensions h1 {
text-align:center;
font-size:25px;
/* line-height:120px; */
color:#fff;

}

#head-joomlatemplates p,#head-joomlaextensions p {
text-align:center;
font-size:14px;
color:#fff;


}