/*

*  Table of Contents:

*

*  1. CSS Inits

*  2. Header

*  3. Menu

*  4. content-wrappe

*  5. Sidebar

*  6. Portfolio

*  7. Contact

*  8. Blog

*  9. 404

*  10. About Me

*  11. Footer

*/





/*

===============================================

--------------- 1. CSS Inits ------------------

===============================================

*/



/*	 nuovi */ 



/* .headfis{position:fixed;z-index:9999;top:0;width:100%;height:60px;background-color:#111;padding-left:45%;padding-top:10px} */

.headfis{position:fixed;z-index:9999;top:0;width:100%;height:60px;background-color:#111;padding-left:45%;padding-top:10px}

.actmn{text-align:right;padding-right:10px;background-color:#111}  

.phant{display:none}

/*   fine  */  



.clear{

    clear: both;

}



.tooltip {

    color: #fff !important;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 10px;

}



.no-marg {

    margin-left:0;

    margin-right:0;

}



.no-padd {

    padding-left:0;

    padding-right:0;

}



body{	

	font-size: 12px;

	font-weight: 400;

	color: #333333;

	font-family: 'Montserrat', 'Open Sans', sans-serif;

	background: #F1F1F1;

	background: #FFF;

	overflow-x: hidden;

}



#ascrail2000 {

    background: #999;

}



ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



.wrapper-content{

    position: relative !important;

}



img {

    max-width: 100%;

    height: auto;

    vertical-align: middle;

}



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

    font-family: "Open Sans", Arial, sans-serif;

    margin: 0;

}



/*image animation zoom*/

.image-link {

    display: block;

    overflow: hidden;

    cursor:pointer;

}



.image-link img {

    -webkit-transition: all 0.6s;

    -moz-transition: all 0.6s;

    -o-transition: all 0.6s;

    transition: all 0.6s;



    -webkit-transform: translate3d(0, 0, 0);

    -webkit-perspective: 0;

    -webkit-backface-visibility: hidden;



    -webkit-transition-duration:1s;

    -moz-transition-duration:1s;

    transition-duration:1s;

    opacity:1;

    filter: alpha(opacity=100); 



}



.image-link:hover img {

    -webkit-transform: scale(1.2, 1.2);

    -ms-transform: scale(1.2, 1.2);

    transform: scale(1.2, 1.2);

    opacity:0.6;

    filter: alpha(opacity=60);

}





p{

    margin: 0;

    padding: 0;

}



div.ppt {

    display: none !important;

}



/*

===============================================

----------------- PRELOADER -------------------

===============================================

*/



.preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 9999999999;

}

.preloader .spinner {

    position: absolute;

    width: 40px;

    height: 40px;

    top: 50%;

    left: 50%;

    margin-left: -40px;

    margin-top: -40px;

    -webkit-animation: rotatee 2.0s infinite linear;

    animation: rotatee 2.0s infinite linear;

}

.preloader .spinner .dot1,

.preloader .spinner .dot2 {

    width: 60%;

    height: 60%;

    display: inline-block;

    position: absolute;

    top: 0;

    border-radius: 100%;

    -webkit-animation: bouncee 2s infinite ease-in-out;

    animation: bouncee 2s infinite ease-in-out;

}

.preloader .spinner .dot2 {

    top: auto;

    bottom: 0px;

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}

@-webkit-keyframes rotatee {

    100% {

    -webkit-transform: rotate(360deg);

}

}

@keyframes rotatee {

    100% {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

}

}

@-webkit-keyframes bouncee {

    0%,

    100% {

    -webkit-transform: scale(0);

}

50% {

    -webkit-transform: scale(1);

}

}

@keyframes bouncee {

    0%,

    100% {

    transform: scale(0);

    -webkit-transform: scale(0);

}

50% {

    transform: scale(1);

    -webkit-transform: scale(1);

}

}





/*

===============================================

--------------- go-top-button -----------------

===============================================

*/



#go-top-button {

    background-color: #333;

    bottom: 0;

    color: #FFF;

    height: 38px;

    position: fixed;

    text-align: center;

    text-transform: uppercase;

    opacity: 0.9;

    transition: all 0.2s ease-in-out 0s;

    z-index: 99999999;

    width: 40px;

    height: 40px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    bottom: 15px;

    right: -80px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#go-top-button.visible {

    right: 95px;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    -ms-transition: all 0.2s ease-in;

    -o-transition: all 0.2s ease-in;

    transition: all 0.2s ease-in;

}



#go-top-button:hover {

    opacity: 1;

}



#go-top-button i {

    line-height: 37px;

    font-size: 15px;

    text-align: center;

    vertical-align: middle;

}



/*

===============================================

----------------- 2. Header -------------------

===============================================

*/



#header{

    background: #191818;

    position: fixed;

    top: 60px;

    left: 0;

    width: 320px;

    height: 100%;

    z-index: 9999;

    background-repeat: repeat;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;



    -webkit-box-shadow: 1px 0 1px rgba(0,0,0,0.15);

    -moz-box-shadow: 1px 0 1px rgba(0,0,0,0.15);

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



    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.3);

    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.3);

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

}



#hedaer_mobile {

    background-color: #191818;

    position: fixed;

    width: 80%;

    height: 100%;

    top: 0;

    padding: 25px 0 0 0 !important;

    -webkit-box-shadow: 1px 0 1px rgba(0,0,0,0.15);

    -moz-box-shadow: 1px 0 1px rgba(0,0,0,0.15);

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

    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.3);

    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.3);

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

    z-index: 99999999;

    overflow-y: auto;

    overflow-x: none;



    right: -80%;

    -moz-transition: -moz-transform 350ms ease;

    -o-transition: -o-transform 350ms ease;

    -webkit-transition: -webkit-transform 350ms ease;

    transition: transform 350ms ease;



}



#hedaer_mobile.active {

    right: 0 !important;

    -moz-transition: -moz-transform 350ms ease;

    -o-transition: -o-transform 350ms ease;

    -webkit-transition: -webkit-transform 350ms ease;

    transition: transform 350ms ease;

}



.wrapper-content.active {

    right: 80% !important;

    -moz-transition: -moz-transform 350ms ease;

    -o-transition: -o-transform 350ms ease;

    -webkit-transition: -webkit-transform 350ms ease;

    transition: transform 350ms ease;

}



#mobile-menu {

    border-top: 1px solid #2D2D2D;

}



#hedaer_mobile ul#menu_mobile li {

    list-style: none;

    position: relative;

}



#hedaer_mobile ul#menu_mobile {

    border-top: 1px dotted #323131;

}



#hedaer_mobile ul#menu_mobile li a {

    color: #c8c8c8;

    display: block;

    font-size: 13px;

    padding: 10px;

    padding-right: 0;

    border-bottom: 1px dotted #323131;

    text-decoration: none;

    outline: none;

}

#hedaer_mobile ul#menu_mobile li a:hover{

    background:#111;

    color:#FFF;

    text-decoration: none;

}



#hedaer_mobile ul#menu_mobile li a:before,

#hedaer_mobile ul#menu_mobile li i.fa {

    margin-right: 5px;

}



#hedaer_mobile ul#menu_mobile li.menu-item-has-children i.icon_menu {

    position: absolute;

    top: 0;

    right: 0;

    padding: 13px;

    margin: 0;

    cursor: pointer;

    display: block;

}



#hedaer_mobile ul#menu_mobile ul, 

#hedaer_mobile ul#menu_mobile .sub-menu {

    display: none;

    background: #333;

}



#hedaer_mobile ul#menu_mobile ul a {

    border-bottom: 1px solid #2f2f2f;	

    font-size: 12px;

    padding-left: 30px;

}

#hedaer_mobile ul#menu_mobile ul ul a {

    border-bottom: 1px solid #2f2f2f;	

    font-size: 11px;	

    padding-left: 50px;

}

#hedaer_mobile ul#menu_mobile li.menu-item-has-children.menu-open > a > i.icon_menu{

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

    -moz-transition:all 0.4s ease;

    -ms-transition:all 0.4s ease;

    -o-transition:all 0.4s ease;

    -webkit-transition:all 0.4s ease;

    transition:all 0.4s ease;

}



/*

===============================================

------------------- 3. Menu -------------------

===============================================

*/



/* button bar in menu */

#header .sidebar-toggle {

    position: absolute;

    top: 2px;

    left: 2px;

    cursor: pointer;

    z-index: 1;

}



#header .sidebar-toggle i {

    font-size: 20px;

    padding: 10px 12px;

    color: #fff;

    display: inline-block;

}

/* button colsed in menu */

#hedaer_mobile .menu_closed {

    position: absolute;

    top: 2px;

    left: 2px;

    cursor: pointer;

    z-index: 1;

    display:none;

}



#hedaer_mobile .menu_closed i {

    font-size: 26px;

    padding: 8px;

    color: #fff;

    display: inline-block;

}



/* button colsed in sidebar */

#sidebar-wrapper .sidebar_closed {

    position: absolute;

    top: 2px;

    right: 2px;

    cursor: pointer;

    z-index: 1;

    display: none;

}



#sidebar-wrapper .sidebar_closed i {

    font-size: 26px;

    padding: 8px;

    color: #fff;

    display: inline-block;

}



/* button colsed in sidebar */

#contentContact .contact_closed {

    position: absolute;

    top: 2px;

    right: 2px;

    cursor: pointer;

    z-index: 1;

    display: none;

}



#contentContact .contact_closed i {

    font-size: 26px;

    padding: 8px;

    color: #fff;

    display: inline-block;

}





#header .sidebar-toggle:hover{

    -webkit-filter: brightness(98%) !important;

}





#header .logo,

#hedaer_mobile .logo  {

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    height: 115px;

    width: 115px;

    border: 3px solid #323139; 

    overflow: hidden;

    margin: 0 auto 15px;

    opacity: 1;

    margin-bottom: 0;

}



#header .logo:hover,

#hedaer_mobile .logo:hover {

    opacity: 0.6;

}



#header .logo a,

#hedaer_mobile .logo a {

    display: block;

    text-align: center;

}



#header .tagline,

#hedaer_mobile .tagline {

    margin-top: 12px;

    margin-bottom: 30px;

    padding: 0;

    color: #9d9d9d;

    text-align: center;

    font-weight: 400;

    line-height: 16px;

    font-size: 12px;

    font-family: "Open Sans", Arial, sans-serif;

}



#header h4.tagline:after,

#hedaer_mobile h4.tagline:after {

    display: block;

    margin: 0 auto;

    width: 25%;

    height: 1px;

    border-top: 1px solid #323131;

    content: "";

    margin-top: 20px;

}

#header.header_2 h4.tagline:after, 

#header.header_2 .copyright:before {

    border-top: 1px solid #9d9d9d;

}

/* Side Navigation */



#header nav {

    margin-top: 40px;

    margin-bottom: 40px;

    padding: 0 30px;

    padding: 0 15px;

}



/**

                * 1.2 Navigation

                * -----------------------------------------------------------------------------

                */



.fb_navigation{

    list-style-type: none;

    margin-left:0;

    margin-right:0;

    text-align: center;

    margin-bottom: 40px;

}



.fb_navigation li{

    width:100%;	

}



.fb_navigation ul{

    margin:0;

}



.fb_navigation a{

    outline:none;

}



.fb_navigation ul.sub-menu li{

    padding: 2px 0;

}



.fb_navigation ul a{

    color: #fff;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: 12px;

    text-transform: uppercase;

    line-height: 27px;

}

.fb_navigation ul a:hover{

    text-decoration:none;

}



.fb_navigation > li > a{

    display:block;

    border-color: #323131;

    color:#c8c8c8;

    padding: 13px 0;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: 14px;

    text-transform: uppercase;

    line-height: 14px;

}



#header.header_2 .fb_navigation > li > a{

    border-color: #5e5e5e;

}



.fb_navigation > li > a:hover{

    color:#fff;

    text-decoration:none;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



.fb_navigation.modern li{

    position:relative;

    overflow: hidden;

    cursor: pointer;

    border-bottom-width: 1px;

    border-bottom-style: dashed;

    padding-top:4px;

    padding-bottom: 4px;

}



.fb_navigation.modern > li:last-child{

    border-bottom:none;

}



.fb_navigation.modern ul li:first-child{

    border-top-width: 1px;

    border-top-style: dashed;

}



.fb_navigation.modern a{

    display: inline-block;

    padding:0 8px;

}



.fb_navigation.modern > li i{

    position:absolute;

    right:0;

    margin-top:3px;

    font-size:100%;	

}



.fb_navigation.modern > li .menu-open i{

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.fb_navigation.modern > li:hover:after{

    left:0;

    opacity:1;

}





.fb_navigation.modern a,.fb_navigation i,.mobi-navigation i{

    -moz-transition:all 0.4s ease;

    -ms-transition:all 0.4s ease;

    -o-transition:all 0.4s ease;

    -webkit-transition:all 0.4s ease;

    transition:all 0.4s ease;

}



.fb_navigation.modern ul{

    display:none;

    position:relative;

    top:5px;

}



.fb_navigation.vintage > li{

    position:relative;

}



.fb_navigation.vintage > li > a{

    border-top-style:dotted;

    border-top-width:1px;

    position: relative;

}



.fb_navigation.vintage > li:last-child > a{

    border-bottom-style:dotted;

    border-bottom-width:1px;

    position: relative;

}



.fb_navigation.vintage > li:first-child > a{

    border:none;

}



.fb_navigation.vintage ul{

    margin-top: 2px;

    padding-top: 8px;

    margin-bottom: 8px;

    border-top-width: 1px;

    border-top-style: dashed;

    border-color: #323131;

    display:none;

}



.fb_navigation.vintage > li a i.icon_arrows{

    position:absolute;

    right:0px;

    margin-top:7%;

    font-size:90%;

    opacity:0.5;

    line-height: 0;	

    top:0;

}



.fb_navigation.vintage > li a i.icon_menus {

    display: inline-block;

    margin-right: 5px;

    margin-top: -0.265em;

    vertical-align: middle;

}



.mobi-menu{

    display:none;	

}



.mobi-nav-container{

    display:none;

}



/* Mobile Navigation */



#header ul.navbar-nav li a {

    padding-left: 20px;

    color: #9e9f9f;

    text-transform: uppercase;

    font-size: 14px;

}



#header ul.navbar-nav li a:hover,

#header ul.navbar-nav li.active a {

    color: #fff;

}



#header ul.navbar-nav li a:hover,

#header ul.navbar-nav li.active a {

    position: relative;

    z-index: 2;

    color: #fff;

}



#header ul.navbar-nav li.has-sub.active:before {

    content: "\e701";

}



#header ul.navbar-nav li.has-sub.active > ul > li:first-child:before {

    position: absolute;

    margin-top: -21px;

    margin-left: -20px;

    width: 0;

    height: 0;

    border-width: 12px 12.5px 0 12.5px;

    border-style: solid;

    border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

    content: "";

}



#header ul.navbar-nav li ul {

    display: none;

    margin-top: 7px;

    margin-right: -40px;

    margin-left: -40px;

    padding-top: 20px;

    padding-bottom: 10px;

    background: #292727;

}



#header ul.navbar-nav li ul li {

    margin-bottom: 14px;

    margin-left: 40px;

    color: #4f4f4e;

    list-style: disc;

}



#header ul.navbar-nav li ul li:last-child {

    margin-bottom: 8px;

}



#header ul.navbar-nav li ul li a,

#header ul.navbar-nav li.active ul li a {

    padding-left: 0;

    color: #9e9f9f;

    font-size: 13px !important;

}



#header ul.navbar-nav li.active ul li a:hover {

    color: #fff;

}



#header .navbar-inverse .navbar-nav>.active>a,

#header .navbar-inverse .navbar-nav>.active>a:hover,

#header .navbar-inverse .navbar-nav>.active>a:focus {

    background: none;

}



/* social */



#header .social-ul  {

    float: none;

    text-align: center;

}



#header .social-ul ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#header .social-ul ul li {

    float: none;

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

    list-style: none;

    line-height: normal;

}



#header .social-ul ul li a {

    height: 28px;

    width: 28px;

    line-height: 28px;

    font-size: 14px;

    text-align: center;

    color: #fff;

    background-color: #323131;

    display: inline-block;

    overflow: hidden;

    color: #fff;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;



}

#header .social-ul ul li a:hover {

    color: #fff;

}



#header .social-ul ul li a i {

    float: none;

    margin-left: 0;

    font-size: 14px;

}



#header .social-ul ul li.social-twitter a:hover { background-color:#00acee; }

#header .social-ul ul li.social-google a:hover { background-color:#dd4b39; }

#header .social-ul ul li.social-facebook a:hover { background-color:#3b5998; }

#header .social-ul ul li.social-pinterest a:hover { background-color:#cb2027; }

#header .social-ul ul li.social-linkedin a:hover { background-color:#007bb6; }

#header .social-ul ul li.social-github a:hover { background-color:#171515; }

#header .social-ul ul li.social-vimeo-square a:hover { background-color:#1ab7ea; }

#header .social-ul ul li.social-dribbble a:hover { background-color:#ea4c89; }

#header .social-ul ul li.social-behance a:hover { background-color:#005cff; }

#header .social-ul ul li.social-soundcloud  a:hover{ background-color:#f70; }

#header .social-ul ul li.social-foursquare a:hover { background-color:#25a0ca; }

#header .social-ul ul li.social-rss a:hover { background-color:#ee802f; }

#header .social-ul ul li.social-youtube a:hover { background-color:#cc181e; }

#header .social-ul ul li.social-flickr a:hover { background-color:#ff0084; }

#header .social-ul ul li.social-vine  a:hover{ background-color:#00a478; }





/* Copyright */



#header .copyright {

    margin-top: 20px;

}



#header .copyright p {

    margin-top: 20px;

    margin-bottom: 0;

    color: #9e9f9f;

    text-align: center;

    font-size: 13px;

    line-height: 21px;

    font-weight: 400;

    font-family: "Open Sans", Arial, sans-serif;

    text-transform: capitalize;

    color: #9d9d9d;

}



#header .copyright p a {

    color: #c8c8c8;

    font-weight: bold;

}

#header .copyright p a:hover {

    text-decoration:underline;

    font-weight: bold;

}



#header .copyright:before {

    display: block;

    margin: 0 auto;

    width: 25%;

    height: 1px;

    border-top: 1px solid #323131;

    content: "";

}



/* header_2 */



#header.header_2 ul.side-nav-menu-1 > li > ul {

    background: none !important; 

}



#header.header_2 ul.side-nav-menu-1 > li.has-sub.active > ul > li:first-child:before {

    content: none !important;

}



#header.header_2 ul.side-nav-menu-1 > li > ul {

    padding-top: 0 !important;

}





#header.header_2	{

    background: linear-gradient( rgba(34, 34, 34, 0.8), rgba(34, 34, 34, 0.8) ), url(../images/bg-menu/bg-1.jpg);

    background-size: cover;

    background-position: 50% 50%;

    background-repeat: no-repeat;

}





/*

===============================================

------------ 4. content-wrapper ---------------

===============================================

*/



#content-wrapper{

    margin-left: 320px;

    height: 100%;

    padding-right: 0;

    padding-top: 0;

}



/*

===============================================

---------------- 5. sidebar -------------------

===============================================

*/



/* sidebar icon */

#btn_sidebar_wrapper {

    opacity: 1;

    display: block;

    background-color: #141414;

    width: 70px;    

    height: 100%;    

    position: fixed; 

    top: 0;				

    z-index: 9999999;    

    right: 8px;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}



#btn_sidebar_wrapper.active {

    right: 328px;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}



#btn_sidebar_wrapper a.logo_small {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 65px;

    line-height: 65px;

    text-align: center;

}



#btn_sidebar_wrapper a.logo_small img {

    max-width: 100%;

}



#btn_sidebar_wrapper #collapsed_icon {

    /*display: inline-block;    */

    cursor: pointer;    

    z-index: 9;       

    height: 50px;    

    webkit-box-sizing: border-box;    

    -moz-box-sizing: border-box;    

    -ms-box-sizing: border-box;    

    box-sizing: border-box;    

    padding-left: 0;    

    padding-top: 0;    

    background-color: transparent;

    opacity: 1;    

    margin-top: -9.5px;    

    top: 50%;    

    position: absolute;    

    line-height: 0px;    

    width: 70px;    

    filter: alpha(opacity=0);

}

.nav_icon_sidebar {

    margin: 0 auto;

    width: 40px;

}



.nav_icon_sidebar:after, 

.nav_icon_sidebar:before, 

.nav_icon_sidebar div {

    background-color: #fff;

    -o-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    content: '';

    display: block;

    height: 5px;

    margin: 7px 0;

    -moz-transition: all .2s ease-in-out;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}





.nav_icon_sidebar.active:before {

    transform: translateY(12px) rotate(135deg);

    -moz-transform: translateY(12px) rotate(135deg);

    -webkit-transform: translateY(12px) rotate(135deg);

}



.nav_icon_sidebar.active:after {

    transform: translateY(-12px) rotate(-135deg);

    -moz-transform: translateY(-12px) rotate(-135deg);

    -webkit-transform: translateY(-12px) rotate(-135deg);

}



.nav_icon_sidebar.active div {

    -moz-transform: scale(0);

    -webkit-transform: scale(0);

    transform: scale(0);

}



#sidebar-wrapper h2.close_sidebar {

    margin: 0px;

    padding: 15px 0;

    color: #fff;

    font-weight: 600;

    font-size: 14px;

    text-align: center;

    background: #323139;

    text-transform: uppercase;

    position: fixed;

    top: 0;

    right: 0;

    width: 320px;

    z-index: 9999;

    display:none;

    width: 314px;

    margin-right: 6px;

}

#sidebar-wrapper h2.close_sidebar a{

    color: #fff;

}

#sidebar-close:hover {

    color: #fff;

}



#sidebar-toggle:hover,

#sidebar-toggle:focus,

#sidebar-toggle:active {

    color: #fff;

    background-color: rgba(0,0,0,0.7);

}



#sidebar-wrapper {

    overflow-y: auto;

    background-color: #111111;

    position: fixed;

    width: 320px;

    height: 100%;

    top: 0;

    right: -312px;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    z-index: 99999999;

}



#sidebar-wrapper.active {

    right: 8px;

    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}



/* widget */



#sidebar-wrapper>.fc-widget {

    margin-bottom: 40px;

}



#sidebar-wrapper .widget {

    margin-bottom: 40px;

    position: relative;

    -webkit-transition: right 0.3s ease-out;

    -moz-transition: right 0.3s ease-out;

    -ms-transition: right 0.3s ease-out;

    -o-transition: right 0.3s ease-out;

    transition: right 0.3s ease-out;

}

#sidebar-wrapper .widget.active {

    right: 0;

    -webkit-transition: right 0.3s ease-out;

    -moz-transition: right 0.3s ease-out;

    -ms-transition: right 0.3s ease-out;

    -o-transition: right 0.3s ease-out;

    transition: right 0.3s ease-out;

}



#sidebar-wrapper .widget-header {

    border: none;

    background: #070707;

}



#sidebar-wrapper .widget-header {

    margin-bottom: 20px;

    text-align: center;

    height: 40px;

    background: #fff;

}



.fc-widget-header {

    border-bottom: 2px solid #222;

    margin: 0 0 25px 0;

    width: 100%;

}



.fc-widget-header:after {

    height: 2px;

    display: block;

    left: 0;

    content: " ";

    position: relative;

    width: 35px;

    top: 2px;

    background: #B0B2B3;

}



.fc-widget-header i {

    float: right;

    color: #fff;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background-color: #222;

    height: 28px;

    width: 28px;

    line-height: 28px;

    font-size: 14px;

    text-align: center;

    margin-right: 0;

    position: relative;

    top: -5px;

    top: 3px

}



#sidebar-wrapper h3 {

    display: inline-block;

    font-family: "Open Sans", Arial, sans-serif;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-size: 14px;

    color: #B0B2B3;

    position: relative;

    letter-spacing: 1px;

    text-transform: uppercase;

    text-align: left;

    font-weight: 600;

    margin: 0;

    left: -4px;

}





#sidebar-wrapper h3 span {

    position: relative;

    display: inline-block;

    padding-bottom: 10px;

}



#sidebar-wrapper h3.widget-title span:after {

    position: relative;

    top: 29px;

    left: 4px;

    float: left;

    bottom: 0px;

    content: "";

    width: 0px;

    height: 0px;

    border-style: solid;

    border-width: 4px 4px 0px 0px;

    border-color: #B0B2B3 transparent transparent transparent;

}



/* scroll sidebar */



.content_2  {

    padding: 45px 20px 0 20px !important;

}



/* widget about me */



#sidebar-wrapper  .fc-widget_about .widget-about-img {

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    height: 132px;

    width: 132px;

    border: 5px solid #323139;

    overflow: hidden;

    margin: 0 auto 15px;

    opacity: 1;

}



#sidebar-wrapper  .fc-widget_about .widget-about-img:hover {

    opacity: 0.6;

}



#sidebar-wrapper  .fc-widget_about .widget-about-img img {

    text-align: center;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about h3 {

    color: #FFF;

    font-family: 'Merriweather',"Open Sans", Arial, sans-serif;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 15px;

    text-transform: capitalize;

    text-align: center;

    display: block;

    margin-top: 0;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about a:hover {

    text-decoration:none;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about p {

    color: #B0B2B3;

    font-size: 14px;

    margin: 0 0 15px 0;

    line-height: 20px;

    text-align: center;

    font-family: "Lato", Arial, Helvetica, sans-serif !important;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul  {

    float: none;

    text-align: center;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li {

    float: none;

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

    list-style: none;

    line-height: normal;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li a {

    height: 28px;

    width: 28px;

    line-height: 28px;

    font-size: 14px;

    text-align: center;

    color: #fff;

    background-color: #222;

    display: inline-block;

    overflow: hidden;



    color: #fff;

    border: 1px solid #222;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;



}

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li a:hover {

    color: #fff;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li a i {

    float: none;

    margin-left: 0;

    font-size: 14px;

}



#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-twitter a:hover { background-color:#00acee; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-google a:hover { background-color:#dd4b39; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-facebook a:hover { background-color:#3b5998; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-pinterest a:hover { background-color:#cb2027; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-linkedin a:hover { background-color:#007bb6; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-github a:hover { background-color:#171515; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-vimeo-square a:hover { background-color:#1ab7ea; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-dribbble a:hover { background-color:#ea4c89; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-behance a:hover { background-color:#005cff; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-soundcloud  a:hover{ background-color:#f70; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-foursquare a:hover { background-color:#25a0ca; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-rss a:hover { background-color:#ee802f; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-youtube a:hover { background-color:#cc181e; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-flickr a:hover { background-color:#ff0084; }

#sidebar-wrapper  .fc-widget_about .fc-widget-about  .social-ul ul li.social-vine  a:hover{ background-color:#00a478; }





/* widget search */



#sidebar-wrapper .fc-widget-search form.searchform {

    position: relative;

}



#sidebar-wrapper .fc-widget-search form.searchform input[type="text"] {

    padding-right: 35px;

    padding: 0.5em;

    border: 1px solid #222;

    width: 84%;

	display: inline-block;

    font-size: 12px;

    border-radius: 0;

    color: #cbcbcb;

    background: #111111;

    font-family: "Open Sans", Arial, sans-serif;

}



#sidebar-wrapper .fc-widget-search form.searchform input[type="submit"] {

	height: 31px;

	position: absolute;

	right: 0;

	padding: 5px 12px !important;

	color: white !important;

	margin-bottom: 0px;

	background: #222 !important;

	display: inline-block;

	border-radius: 0;	

	opacity: 1;	

}

#sidebar-wrapper .fc-widget-search form.searchform input[type="submit"]:hover {

	-webkit-filter: brightness(98%);	

	opacity: 0.7;

}



/* widget category */

#sidebar-wrapper .fc-widget_category ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_category ul  li {

    margin-bottom: 5px;

    color: #9a9a9a;

    text-align: right;

    overflow: hidden;

    line-height: 20px;

    font-size: 13px;

}



#sidebar-wrapper .fc-widget_category ul  li a {

    font-size: 14px;

    color: #B0B2B3;

    text-transform: capitalize;

    margin-left: 5px;

    display: block;

    float: left;

    font-family: "Open Sans", Arial, sans-serif

        font-weight: normal;

    letter-spacing: 1px;

    line-height: 20px;

    font-size: 13px;

}



#sidebar-wrapper .fc-widget_category ul  li a:hover {

    text-decoration:underline;

}



#sidebar-wrapper .fc-widget_category ul  li a:before {

    content: "";

    position: relative;

    width: 6px;

    height: 6px;

    left: 0;

    bottom: 2px;

    background: #B0B2B3;

    display: inline-block;

    margin-right: 10px;

}



#sidebar-wrapper .fc-widget_category .count {

    line-height: 1;

    float: right;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    padding: 3px 5px 3px;

    border-radius: 2px;

}





/* widget category-2 */

#sidebar-wrapper .fc-widget_category-2 ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_category-2 ul  li {

    margin-bottom: 5px;

    color: #9a9a9a;

    text-align: right;

    overflow: hidden;

    line-height: 20px;

    font-size: 13px;

}



#sidebar-wrapper .fc-widget_category-2 ul  li a {

    font-size: 14px;

    color: #5b5b5b;

    text-transform: capitalize;

    margin-left: 5px;

    display: block;

    float: left;

    color: #fff;

    font-family: "Open Sans", Arial, sans-serif

        font-weight: normal;

    letter-spacing: 1px;

    line-height: 20px;

    font-size: 13px;

}



#sidebar-wrapper .fc-widget_category-2 ul  li a:hover {

    text-decoration:underline;

}



#sidebar-wrapper .fc-widget_category-2 ul  li a:before {

    content: "";

    position: relative;

    width: 6px;

    height: 6px;

    left: 0;

    bottom: 2px;

    background: #c6c6c6;

    display: inline-block;

    margin-right: 10px;

}



#sidebar-wrapper .fc-widget_category-2 .count {

    line-height: 1;

    float: right;

    color: #FFFFFF;

    font-size: 12px;

    font-weight: 700;

    padding: 3px 5px 3px;

    border-radius: 2px;

}



/* widget follow us */



#sidebar-wrapper .social-icons {

    float: right;

    font-size: 16px;

    color: #BDBDBD;

    margin-right: 5px;

}



#sidebar-wrapper .fc-widget_follow .social-icons ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

    margin-left: 12px;

}



#sidebar-wrapper .fc-widget_follow .social-icons ul li {

    float: left;

    margin: 4px 3px 0 0;

    width: 32px;

    height: 32px;

    line-height: 32px;

}



#sidebar-wrapper .fc-widget_follow .social-icons ul li a {

    margin-left: 0;

    background: #222;

    display: block;

    text-align: center;

    font-size: 18px;

    color: #f0f0f0;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

}



#sidebar-wrapper .fc-widget_follow .social-icons ul li a:hover  {

    position: relative;

    top:-2px;

}



#sidebar-wrapper .fc-widget_follow .social-icons ul li a i {

    line-height: 32px;

}





#sidebar-wrapper .fc-widget_follow .social-icons li.follow-twitter a:hover{

    background: #00BAF0;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-facebook a:hover{

    background: #3B5997;

}



#sidebar-wrapper .fc-widget_follow .social-icons li.follow-gplus a:hover{

    background: #C43C2C;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-linkedin a:hover{

    background: #006599;

}



#sidebar-wrapper .fc-widget_follow .social-icons li.follow-vimeo a:hover{

    background: #1BB6EC;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-flickr a:hover{

    background: #FD0071;

}



#sidebar-wrapper .fc-widget_follow .social-icons li.follow-youtube a:hover{

    background: #DF2826;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-skype a:hover{

    background: #00B0F6;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-rss a:hover{

    background: #ee802f;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-pinterest a:hover{

    background: #cb2027;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-github a:hover{

    background: #171515;

}



#sidebar-wrapper .fc-widget_follow .social-icons li.follow-dribbble a:hover{

    background: #ea4c89;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-vine a:hover{

    background: #00a478;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-youtube a:hover{

    background: #cc181e;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-foursquare a:hover{

    background: #25a0ca;

}

#sidebar-wrapper .fc-widget_follow .social-icons li.follow-behance a:hover{

    background: #005cff;

}



/* widget flicker */

#sidebar-wrapper .fc-widget_flicker ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}





#sidebar-wrapper .fc-widget_flicker .pic-thumb {

    border: 1px solid rgba(255,255,255,0.05);

    float: left;

    margin: 0 6px 6px 0;

}



#sidebar-wrapper .fc-widget_flicker img {

    width: 60px;

    height: 60px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

}



/* widget recent comments */

#sidebar-wrapper .fc-widget_comments ul,

#sidebar-wrapper .fc-widget_tabs ul.recent_comments {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_comments ul li,

#sidebar-wrapper .fc-widget_tabs ul.recent_comments li {

    border-bottom: 1px solid #495258;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



#sidebar-wrapper .fc-widget_comments ul li div.comment,

#sidebar-wrapper .fc-widget_tabs ul.recent_comments li div.comment {

    position: relative;

}



#sidebar-wrapper .fc-widget_comments ul li div.comment .post-thumb,

#sidebar-wrapper .fc-widget_tabs ul.recent_comments li div.comment .post-thumb {

    position: absolute;

    left: 0;

    top: 0;

}



#sidebar-wrapper .fc-widget_comments ul li div.comment .post-thumb>img,

#sidebar-wrapper .fc-widget_tabs ul.recent_comments li div.comment .post-thumb>img {

    height: 60px;

    width: 80px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 3px;

}



#sidebar-wrapper .fc-widget_comments ul li div.comment  p,

#sidebar-wrapper .fc-widget_tabs ul.recent_comments li div.comment  p {

    color: #fff;

    margin-top: 0;

    margin-left: 95px;

    margin-bottom: 0;

    color: #B0B2B3;

    font-size: 14px;

    line-height: 20px;

    font-family: "Lato", Arial, Helvetica, sans-serif !important;

}



#sidebar-wrapper .fc-widget_comments ul li div.comment  p i,

#sidebar-wrapper .fc-widget_tabs ul.recent_comments li div.comment  p i {

    color: #fff;

}



#sidebar-wrapper .fc-widget_comments ul li:last-child,

#sidebar-wrapper .fc-widget_tabs ul.recent_comments li:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: none;

}



/* widget populaire posts */

#sidebar-wrapper .fc-widget_populaire ul,

#sidebar-wrapper .fc-widget_tabs ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_tabs .poup_posts {

    position: relative;

}



#sidebar-wrapper .fc-widget_populaire ul li,

#sidebar-wrapper .fc-widget_tabs ul li  {

    border-bottom: 1px solid #222;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



#sidebar-wrapper .fc-widget_populaire ul li:last-child,

#sidebar-wrapper .fc-widget_tabs ul li:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: none;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts ,

#sidebar-wrapper .fc-widget_tabs ul li div.widget_tabs{

    position: relative;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts .post-thumb,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts .post-thumb  {

    position: absolute;

    left: 0;

    top: 0;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts .post-thumb>img,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts .post-thumb>img {

    height: 60px;

    width: 80px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 3px;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts  .post-body,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts  .post-body {

    margin-left: 95px;

    min-height: 60px;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts  .post-body  .post-title,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts  .post-body  .post-title{

    margin-bottom: 0;

    font-size: 12px;

    line-height: 20px;

    font-family: 'Merriweather',"Open Sans", Arial, sans-serif;

    color: #A7A7A7;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts  .post-body .post-title a,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts  .post-body .post-title a {

    color: #A9B2A2;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts  .post-body .post-meta,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts  .post-body .post-meta {

    margin: 10px 0;

    text-transform: none;

    line-height: 25px !important;

    color: #B0B2B3;

    font-size: 12px;

    font-style: italic;

    white-space: nowrap;

    margin: 0;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts  .post-body .post-meta .post-date, 

#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts  .post-body .post-meta .post-comments,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts  .post-body .post-meta .post-date, 

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts  .post-body .post-meta .post-comments {

    padding-right: 10px;

    color: #B0B2B3;

    font-size: 11px;

    margin-left: 0;

    text-transform: capitalize;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts  .post-body .post-meta .post-comments a,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts  .post-body .post-meta .post-comments a {

    color: #B0B2B3;

    text-decoration: none;

}



#sidebar-wrapper .fc-widget_populaire ul li div.poup_posts  .post-body .post-meta .post-comments a:hover,

#sidebar-wrapper .fc-widget_tabs ul li div.poup_posts  .post-body .post-meta .post-comments a:hover {

    text-decoration: none;

}





/* widget recent posts */

#sidebar-wrapper .fc-widget_recent ul,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_recent ul li,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li {

    border-bottom: 1px solid #323139;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



#sidebar-wrapper .fc-widget_recent ul li:last-child,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: none;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts {

    position: relative;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts .post-thumb,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts .post-thumb {

    position: absolute;

    left: 0;

    top: 0;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts .post-thumb>img ,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts .post-thumb>img {

    height: 60px;

    width: 80px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 3px;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts  .post-body,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts  .post-body {

    margin-left: 95px;

    min-height: 60px;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts  .post-body  .post-title,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts  .post-body  .post-title{

    margin-bottom: 0;

    font-size: 12px;

    line-height: 20px;

    font-family: 'Merriweather',"Open Sans", Arial, sans-serif;

    color: #A7A7A7;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts  .post-body .post-title a,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts  .post-body .post-title a {

    color: #A9B2A2;

}

#sidebar-wrapper .fc-widget_recent ul li div.recent_posts  .post-body .post-meta,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts  .post-body .post-meta {

    margin: 10px 0;

    text-transform: none;

    line-height: 25px !important;

    color: #B0B2B3;

    font-size: 12px;

    font-style: italic;

    white-space: nowrap;

    margin: 0;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts  .post-body .post-meta .post-date, 

#sidebar-wrapper .fc-widget_recent ul li div.recent_posts  .post-body .post-meta .post-comments,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts  .post-body .post-meta .post-date, 

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts  .post-body .post-meta .post-comments {

    padding-right: 10px;

    color: #B0B2B3;

    font-size: 11px;

    margin-left: 0;

    text-transform: capitalize;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts  .post-body .post-meta .post-comments a,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts  .post-body .post-meta .post-comments a {

    color: #B0B2B3;

    text-decoration: none;

}



#sidebar-wrapper .fc-widget_recent ul li div.recent_posts  .post-body .post-meta .post-comments a:hover,

#sidebar-wrapper .fc-widget_tabs ul.tabs_recent_posts li div.recent_posts  .post-body .post-meta .post-comments a:hover {

    text-decoration: none;

}



/* widget tags */

#sidebar-wrapper .fc-widget_tags ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_tags li {

    font-size: 13px;

    margin: 0 5px 5px 0;

    float: left;

}



#sidebar-wrapper .fc-widget_tags a {

    float: left;

    display: inline-block;

    margin: 0;

    padding: 0 15px 0 5px;

    height: 30px;

    line-height: 27px;

    text-align: center;

    background: #282828;

    border: 1px solid #282828;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    font-size: 13px !important;

    text-transform: capitalize;

}



#sidebar-wrapper .fc-widget_tags a:hover{

    color: #fff;

    text-decoration:none;

}



#sidebar-wrapper .fc-widget_tags li span {

    margin-left: -5px;

    min-width: 20px;

    padding: 0 5px;

    text-align: center;

    height: 30px;

    display: inline-block;

    line-height: 27px;

    border: 1px solid #222;

    position: relative;

    background-color: #111;

    color: #fff;

}

#sidebar-wrapper .fc-widget_tags li span:after {

    right: 100%;

    top: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(255, 255, 255, 0);

    border-right-color: #1c1b24;

    border-width: 5px;

    margin-top: -5px;

}



/* widget meta */

#sidebar-wrapper .fc-widget_meta ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_meta ul li {

    margin-bottom: 5px;

    color: #9a9a9a;

    text-align: right;

    overflow: hidden;

    line-height: 20px;

    font-size: 13px;

}



#sidebar-wrapper .fc-widget_meta ul li a {

    display: block;

    float: left;

    color: #B0B2B3;

    font-family: "Open Sans", Arial, sans-serif

        font-weight: normal;

    letter-spacing: 1px;

}



#sidebar-wrapper .fc-widget_meta ul li a:hover{

    text-decoration: underline;

}



#sidebar-wrapper .fc-widget_meta ul li a:before {

    content: "";

    position: relative;

    width: 6px;

    height: 6px;

    left: 0;

    bottom: 2px;

    background: #B0B2B3;

    display: inline-block;

    margin-right: 10px;

}



/*video gallery*/

#sidebar-wrapper .fc-widget_video ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_video ul li:first-child {

    width: 100%;

	margin-bottom: 3px;

}



#sidebar-wrapper .fc-widget_video ul li:not(:first-child) {

    float: left;

    width: 25%;

    padding-right: 2px;

}

#sidebar-wrapper .fc-widget_video ul li:last-child {

    padding-right: 0;

}



#sidebar-wrapper .fc-widget_video ul li iframe{ 

    width: 100%;

	border:none !important;

}



/*video youtube*/

#sidebar-wrapper .fc-widget_youtube ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget_youtube ul li:first-child {

    width: 100%;

}



#sidebar-wrapper .fc-widget_youtube ul li iframe {

    width: 100%;

	border:none !important;

}



/*widget map*/



#sidebar-wrapper .fc-widget_map iframe{

    height: 220px !important;

}



/* widget latest galleries */



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar {

    overflow:visible !important;

    position: relative;

    background-color: #fff;

    margin-bottom: 0;



    margin: 0;

    background: transparent;

    border: 0;

    position: relative;

    border-radius: 0;

    box-shadow: none;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar ul.slides {

    background-color: transparent;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .slides > li {

    position:relative;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-caption {

    position : absolute ;

    left:0;

    margin: 20px;

    padding:10px 10px;

    z-index:10;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar ul.slides li .flex-caption a {

    display:inline;

    color: #359BED;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider ul.slides li .flex-caption a:hover {

    color : inherit;

    text-decoration: underline;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar ul.slides li a .flex-caption:hover {

    text-decoration: none;

    color : inherit;

    cursor:pointer;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar.position-caption-bottom-left .flex-caption{

    bottom:0;

    text-align:left;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider.position-caption-bottom-right .flex-caption {

    bottom:0;

    text-align:right;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar.position-caption-bottom-centered .flex-caption {

    bottom:0;

    text-align:center;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar.position-caption-top-left .flex-caption {

    top:0;

    text-align:left;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar.position-caption-top-right .flex-caption {

    top:0;

    text-align:right;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider.position-caption-top-centered .flex-caption {

    top:0;

    text-align:center;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar.bg-caption-black-00 .flex-caption {

    background-color : #000;

    background-image : none;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar.bg-caption-white-00 .flex-caption {

    background-color : #fff;

    background-image : none;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar.bg-caption-white-09 .flex-caption, .flexslider-sidebar.bg-caption-black-09 .flex-caption {

    background-color : transparent;

    background-image : none;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar.bg-caption-black-02 .flex-caption {

    background: black;

    opacity: 0.8;

}



#sidebar-wrapper .fc-widget-latest_galeries .full .big-slider {

    margin: 40px auto 0;

    width: 1060px;

}

#sidebar-wrapper .fc-widget-latest_galeries .big-slider .flex-direction-nav a {

    bottom: 10% !important;

    top: auto !important;

    opacity: 1 !important;

    padding: 8px 14px;

    background-color: #191919;

    border-radius: 0 !important;

}

#sidebar-wrapper .fc-widget-latest_galeries .big-slider .flex-direction-nav a:hover {

    background-color: #101010 !important;

}

#sidebar-wrapper .fc-widget-latest_galeries .big-slider .flex-direction-nav a i {

    color: #FFF;

    font-size: 18px;

}

#sidebar-wrapper .fc-widget-latest_galeries .big-slider .flex-direction-nav .flex-next {

    right: -10px !important;

    border-left: 1px solid rgba(236, 236, 236, 0.3);

}

#sidebar-wrapper .fc-widget-latest_galeries .big-slider .flex-direction-nav .flex-prev {

    right: 25px !important;

    left: auto !important;

    border-top-left-radius: 3px !important;

    border-bottom-left-radius: 3px !important;

    border-right: 1px solid rgba(119, 119, 119, 0.3);

}

#sidebar-wrapper .fc-widget-latest_galeries .big-slider .flex-direction-nav .flex-next:before {

    content: "";

    border-style: solid;

    border-width: 0 10px 10px 0px;

    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #575757 rgba(0, 0, 0, 0);

    height: 0px;

    position: absolute;

    right: 0px;

    top: -10px;

    width: 0px;

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar h3 {

    font-size: 13px;

    font-weight: normal;

    text-transform: capitalize;

    position: absolute;

    width: 100%;

    background: #000;

    left: 0;

    bottom: 0;

    color: #B0B2B3;

    opacity: 0.8;

    padding: 0 10px;

    line-height: 40px;

    margin: 0;

    letter-spacing: 0;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: bold;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-next {

    right: 10px;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-prev {

    left: 10px;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-next:before { background-position: -9px 0; left: 15px; }

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-prev:before { background-position: 0 0; }



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-next:after {

    right: 0;

    border-bottom: 5px solid transparent;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-prev:after {

    left: 0;

    border-bottom: 5px solid transparent;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flexslider .flex-control-nav {

    position: absolute;

    width: 100%;

    bottom: -40px;

    text-align: center;

    margin: 0 0 0 -10px;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-control-nav li {

    display: inline-block;

    zoom: 1;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-control-nav.flex-control-paging {

    bottom: 0;

    position: absolute;

    text-align: center;

    z-index: 99;

    width: 100%;

    left: 0;

    right: 0;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-control-paging li a.flex-active {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-control-paging li a {

    display: block;

    cursor: pointer;

    text-indent: -9999px;

    width: 12px;

    height: 12px;

    margin: 0 3px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-prev, 

#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-next {

    font-size: 13px;

    height: 25px;

    width: 25px;

    color: #FFF;

    line-height: 25px;

    text-align: center;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav a {

    margin: -20px 0 0;

    display: block;

    position: absolute;

    top: 50%;

    z-index: 10;

    cursor: pointer;

    text-indent: 0;

    opacity: .7;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

    filter: alpha(opacity=70);

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav a:hover {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

}





#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-next {

    right: 10px;

}



#sidebar-wrapper .fc-widget-latest_galeries .flexslider-sidebar .flex-direction-nav .flex-prev {

    left: 10px;

}





/* widget our writers */

#sidebar-wrapper .fc-widget-our_writers ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters {

    text-align: center;

    /*background-color: #1c1b24;*/

    padding-bottom: 0;

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list li:nth-child(odd) {

    clear: both;

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list li {

    float: left;

    width: 50%;

    padding: 0 10px;   

}

#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list li:nth-last-child(n+3){

    margin-bottom: 20px;

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-image {    

    width: 85%;

    margin: 0 auto 10px;    

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-image img {

    border: 5px solid #323139; /*#ddd;*/

    border-radius: 100%;

    width: 100%;

    max-width: 130px;

}

#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-name{

    font-size: 14px;

    line-height: 1.4;

    font-weight: 100;

    text-transform: capitalize; 

    color: #222;

    margin-bottom: 7px;

}





#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-name a:hover {

    color: #B0B2B3;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-title {

    font-size: 11px;

    line-height: 1.4;

    text-transform: uppercase; 

    color: #B0B2B3;

    margin-bottom: 7px;

}

#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-social {

    font-size: 15px;

    text-transform: uppercase;   

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-social a {

    display: inline-block;

    margin: 0 1px;

    width: 28px;

    height: 28px;

    line-height: 28px;

    border-radius: 50%;

    background: #263241;   

    color: #fff;

    text-align: center;

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .author-image img  {

    -webkit-transition-duration:1s;

    -moz-transition-duration:1s;

    transition-duration:1s;

    opacity:1;

    filter: alpha(opacity=100); 

    cursor: pointer;

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .author-image img:hover  {

    -webkit-transition-duration:1s;

    -moz-transition-duration:1s;

    transition-duration:1s;

    opacity:0.7;

    filter: alpha(opacity=70); 

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-social a.author-facebook:hover {

    background-color: #3B5998;

    -ms-transition: all 0.45s ease;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

}



#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-social a.author-twitter:hover {

    background-color: #4099FF;

    -ms-transition: all 0.45s ease;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

}

#sidebar-wrapper .fc-widget-our_writers .fc-widget-ourwriters .writers-list .author-social a.author-google-plus:hover {

    background-color: #d14836;

    -ms-transition: all 0.45s ease;

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

}





/* widget social counter */

#sidebar-wrapper .fc-widget-social_counter ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter {

    list-style: none outside none;

    margin: 0 -8px;

    padding: 0;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter:before,

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter:after {

    display: table;

    content: " ";

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter:after {

    clear: both;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter > li {

    float: left;

    margin-bottom: 10px;

    padding: 0 9px;

    padding: 0 5px;

    text-align: center;

    width: 25%;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter > li:hover {

    opacity: 0.9;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter > li > a {

    color: inherit;

    display: block;

    font-size: 12px;

    min-height: 55px;

    position: relative;

    padding-top: 60px;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter > li > a:hover {

    text-decoration: none;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter span {

    display: block;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter span.count {

    font-size: 14px;

    font-weight: bold;

    line-height: 16px;

    margin-top:10px;

    color: #B0B2B3;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter span.social-title {

    font-size: 11px;

    color: #fff;

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter i.fa {

    color: #fff;

    display: block;

    font-size: 36px;

    display: inline-block;

    margin-bottom: 5px;

    position: absolute;

    top:0;

    left:0;

    -webkit-transition: all .2s linear;

    -moz-transition: all .5s linear;

    -o-transition: all .2s linear;

    -ms-transition: all .2s linear;

    transition: all .2s linear;	

    width: 62px;/*1.5em;*/

    height: 62px;/*1.5em;*/

    line-height: 62px;/*1.5em;*/

    opacity:1;

    filter: alpha(opacity=100);

}

#sidebar-wrapper .fc-widget-social_counter ul.flexy-social-counter > li:hover i.fa {

    opacity:0.8;

    filter: alpha(opacity=80);

}



#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-twitter { background-color:#00acee; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-google-plus { background-color:#dd4b39; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-facebook { background-color:#3b5998; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-users { background-color:#eb6d20; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-pinterest { background-color:#cb2027; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-linkedin { background-color:#007bb6; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-github { background-color:#171515; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-vimeo-square { background-color:#1ab7ea; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-dribbble { background-color:#ea4c89; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-behance { background-color:#005cff; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-soundcloud { background-color:#f70; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-foursquare { background-color:#25a0ca; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-rss { background-color:#ee802f; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-youtube { background-color:#cc181e; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-flickr { background-color:#ff0084; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-files-o { background-color:#9b59b6; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-comments { background-color:#b0006d; }

#sidebar-wrapper .fc-widget-social_counter .flexy-social i.fa-vine { background-color:#00a478; }



/* widget LATEST TWEETS */

#sidebar-wrapper .fc-widget-latest_tweets ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}



#sidebar-wrapper .fc-widget-latest_tweets ul li.avatar {

    margin-left: 0;

    margin-bottom: 10px;

    border-bottom: 1px solid #323139;

    padding-bottom: 10px;

    color: #B0B2B3;

    font-size: 12px;

    line-height: 18px;

    background-image: url('../images/tweet.png');

    background-repeat: no-repeat;

    background-position: 0px 4px;

    padding-left: 30px;

    padding-bottom: 20px;

    float: left;

    clear: left;

    line-height: 20px;

    list-style-type: none;

    font-family: "Open Sans", Arial, sans-serif;

    font-size: 13px;

    line-height: 20px;

}



#sidebar-wrapper .fc-widget-latest_tweets ul li.avatar:last-child {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: none;

}





#sidebar-wrapper .fc-widget-latest_tweets ul li.avatar.a-corn{

    -webkit-border-radius: 5px;

    -moz-border-radius:5px;

    border-radius: 5px;

}

#sidebar-wrapper .fc-widget-latest_tweets ul li.avatar>a:hover{

    color: #B0B2B3;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

    text-decoration: underline;

}



#sidebar-wrapper .fc-widget-latest_tweets ul li .times a:hover{

    color: #B0B2B3;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

    text-decoration: underline;

}



/* intents */

#sidebar-wrapper .fc-widget-latest_tweets ul li.avatar .intent-meta {margin-top: 5px;}

#sidebar-wrapper .fc-widget-latest_tweets ul li.avatar .intent-meta a{

    margin-right: 5px;

}

/* data attributes for inserting your icons */



/* icon only hide the text */

#sidebar-wrapper .fc-widget-latest_tweets ul li.avatar .pi-visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



#sidebar-wrapper .fc-widget-latest_tweets ul li .times {

    position: relative;

    top: 5px;

}



/* widget sponsor */

#sidebar-wrapper .fc-widget_sponsor img {

    background: #ffffff;

    border: 1px solid #eeeeee;

    margin: 0 12px 12px 0;

    padding: 0px;

}



#sidebar-wrapper .fc-widget_sponsor span.img-right img {

    margin-right: 0;

}



#sidebar-wrapper .fc-widget_sponsor span.img-bottom img {

    margin-bottom: 0;

}



/* widget tabs */

#sidebar-wrapper .fc-widget_tabs ul.nav-tabs{

    list-style: none outside;

    margin: 0;

    padding: 0;

    border-bottom: 0;

    margin: 0 -2px 10px;

}





#sidebar-wrapper .fc-widget_tabs ul.nav-tabs li {

    display: block;

    float: left;

    width: 33.333%;

    width: 25%;

    padding: 0 2px;

    text-align: center;

    margin-bottom: 5px;

    border-bottom: 0;

}



#sidebar-wrapper .fc-widget_tabs ul.nav-tabs li a {

    color: #999;

    display: block;

    width: 100%;

    padding: 5px 20px;

    background: #2b2b2b;

    transition: color 0.25s ease;

    outline: none;

    border-radius: 0;

    line-height: 22px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#sidebar-wrapper .fc-widget_tabs ul.nav-tabs li.active a {

    border-color: transparent;

    color: #fff;

    position: relative;

    line-height: 22px;

}

#sidebar-wrapper .fc-widget_tabs ul.nav-tabs li a:hover {

    background: #333;

    color: #fff;

    text-decoration: none;

    border: 0;

    cursor : pointer;

    line-height: 24px;

}



/* tags tabs */



#sidebar-wrapper .fc-widget_tabs ul.nav-tabs li a:hover {

    background: #333;

    color: #fff;

    text-decoration: none;

    border: 0;

    cursor : pointer;

    line-height: 24px;

}



#sidebar-wrapper .fc-widget_tabs .tagcloud a {

    background-color: #2b2b2b;

    transition: all 0.25s ease-in-out;

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

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

    display: block;

    font-size: 12px !important;

    color: #fff;

    padding: 5px 10px;

    float: left;

    margin: 0 5px 5px 0;

    text-transform: capitalize;

}



#sidebar-wrapper .fc-widget_tabs .tagcloud a:hover {

    color: #fff;

    transition: all 0.25s ease-in-out;

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

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

}



/*

===============================================

---------------- 6. Portfolio -----------------

===============================================

*/



.portfolios .grid-wrap {

    margin: 10px auto 0;

    margin: 0 auto 0;

    width: 100%;

    padding: 0;

    -webkit-perspective: 1500px;

    perspective: 1500px;

}



.portfolios .grid {

    position: relative;

    -webkit-transition: all 0.5s cubic-bezier(0,0,0.25,1);

    transition: all 0.5s cubic-bezier(0,0,0.25,1);

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.portfolios .view-full .grid {

    -webkit-transform: translateZ(-1500px);

    transform: translateZ(-1500px);

}



.portfolios .grid div,

.portfolios .grid .placeholder {

    width: 340px;

    /*height: 300px;*/



    width: 31%;

    width: 33.33%;

}



.portfolios .grid div {

    margin: 10px;

    /*display: inline-block;*/



    float:left;

    margin: 0;



    cursor: pointer;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.portfolios .grid div.active {

    opacity: 0;

}



.portfolios .grid .placeholder {

    pointer-events: none;

    position: absolute;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.portfolios .placeholder > div {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.portfolios .placeholder .front img {

    width: 100%;

    height: 100%;

}



.portfolios .placeholder .back {

    background: white;

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}



.portfolios .view-full .placeholder {

    -webkit-transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);

    transition: all 0.5s 0.1s cubic-bezier(0,0,0.25,1);

}



.portfolios .vertical .view-full .placeholder {

    -webkit-transform: translateZ(1500px) rotateX(-179.9deg);

    transform: translateZ(1500px) rotateX(-179.9deg); /* FF, Chrome, can we agree on one direction, pleeease? */

}



.portfolios .horizontal .view-full .placeholder {

    -webkit-transform: translateZ(1500px) rotateY(-179.9deg);

    transform: translateZ(1500px) rotateY(-179.9deg);

}



.portfolios .grid div img {

    display: block;

    width: 100%;

}





.portfolios .view {

    width: 33.33%;

    float: left;

    overflow: hidden;

    position: relative;

    cursor: default;

}

.portfolios .view .mask,

.portfolios .view .content {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    padding: 40px 0;

}

.portfolios .view img {

    display: block;

    position: relative;

}



.portfolios .view h4 {

    font-weight: bold;

    color: #fff;

    margin: 0px 0 5px;

    text-align: center;

    position: relative;

    display: inline-block;

    padding-bottom: 10px;

    text-transform: uppercase;

    font-size: 16px;

    font-family: "Open Sans", Arial, sans-serif;

    font-weight: 700;



}

.portfolios .view h4:before {

    content: '';

    bottom: 0px;

    width: 100%;

    height: 2px;

    background-color: #fff;

    left: 0px;

    position: absolute;

}

.portfolios .view p {

    font-style: italic;

    font-size: 11px;

    position: relative;

    color: #fff;

    padding: 10px 20px 20px;

    text-align: center;

    line-height: 22px;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    margin-bottom: 0;

}

.portfolios .view a.info {

    display: inline-block;

    text-decoration: none;

    padding: 10px 15px;

    color: #333;

    background: #fff;

    text-transform: uppercase;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

.portfolios .view a.info:hover {

    -webkit-box-shadow: 0 0 5px #000;

    -moz-box-shadow: 0 0 5px #000;

    box-shadow: 0 0 5px #000;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}





.portfolios .view-first img {

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    transition: all 0.2s linear;

    width: 100%;

}

.portfolios .view-first .mask {

    /*-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

     background-color: rgba(39, 40, 45, 0.8);

    -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;	*/



    background-color: rgba(39, 40, 45, 0.8);

    background-color: rgba(4, 137, 185, 0.8);

    width: 100%;

    height: 100%;

    position: absolute;

    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    opacity: 0;

    -moz-transition-property: opacity, -moz-transform;

    -o-transition-property: opacity, -o-transform;

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, transform;

    -moz-transition-duration: 0.35s;

    -o-transition-duration: 0.35s;

    -webkit-transition-duration: 0.35s;

    transition-duration: 0.35s;

    z-index: 4;

    -moz-transform: scale(0.5, 0.5);

    -ms-transform: scale(0.5, 0.5);

    -webkit-transform: scale(0.8, 0.8);

    transform: scale(0.8, 0.8);

    text-align: center;

}

.portfolios .view-first h2 {

    -webkit-transform: translateY(-100px);

    -moz-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    transform: translateY(-100px);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

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

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

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

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

    transition: all 0.2s ease-in-out;

}

.portfolios .view-first p {

    -webkit-transform: translateY(100px);

    -moz-transform: translateY(100px);

    -o-transform: translateY(100px);

    -ms-transform: translateY(100px);

    transform: translateY(100px);

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.portfolios .view-first:hover img {

    -webkit-transform: scale(1.1,1.1);

    -moz-transform: scale(1.1,1.1);

    -o-transform: scale(1.1,1.1);

    -ms-transform: scale(1.1,1.1);

    transform: scale(1.1,1.1);

}

.portfolios .view-first a.info {

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    opacity: 0;

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

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

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

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

    transition: all 0.2s ease-in-out;

}

.portfolios .view-first:hover .mask {

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;



    width: 100%;

    height: 100%;

    visibility: visible;

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    -moz-transition-duration: 0.35s;

    -o-transition-duration: 0.35s;

    -webkit-transition-duration: 0.35s;

    transition-duration: 0.35s;





}

.portfolios .view-first:hover h2,

.portfolios .view-first:hover p,

.portfolios .view-first:hover a.info {

    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -o-transform: translateY(0px);

    -ms-transform: translateY(0px);

    transform: translateY(0px);

}

.portfolios .view-first:hover p {

    -webkit-transition-delay: 0.1s;

    -moz-transition-delay: 0.1s;

    -o-transition-delay: 0.1s;

    -ms-transition-delay: 0.1s;

    transition-delay: 0.1s;

}

.portfolios .view-first:hover a.info {

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    -o-transition-delay: 0.2s;

    -ms-transition-delay: 0.2s;

    transition-delay: 0.2s;

}

.portfolios  a {

    text-decoration: none !important;

}

.portfolios  .view-first a.open-imag:hover, 

.portfolios  .view-first a.external:hover {

    color: #fff;

    box-shadow: none;

}	

#genre-filter {

    background-color: #fff;

    box-shadow: 0 0 3px rgba(0,0,0, 0.7);

    overflow: hidden;

    margin: 0 40px 0 0;

    padding: 0;

    min-height: 25px;

    font-size: 12px;

    font-weight: bold;

    list-style-type: none;

    position: fixed;

    top: 15px;

    left: 15px;

    z-index: 150;

}



#genre-filter span, 

#genre-filter li.label_filter {

    cursor: pointer;

    display: block;

    padding: 0 10px;

    color: #282828;

    line-height: 25px;

    white-space: nowrap;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: bold;

    font-size: 12px;

    line-height: 25px;

}



#genre-filter li {

    border-left: 1px solid #eaeaea;

    float: left;

    display: none;

}	



#genre-filter li:hover span,

#genre-filter li span.active {

    color: #fff;

}



#genre-filter li.label_filter {

    background: transparent -9px -63px no-repeat;

    background-image: url(../images/icons.png);

    background-size: 50px 1150px;

    display: block;

    border: none;

    padding-left: 30px;

}



#portfoliolist .portfolio {

    display:none;

}



#portfoliolist .cat-portfolio {

    text-transform: capitalize;

    font-style: italic;

}



#portfoliolist .portf_detail {

    position: absolute;

    width: 100%;

    bottom: 20%;

    text-align: center;

    z-index: 99;

}



/* single portfolio */



.single-portfolio .fc-page-title-breadcrumbs {

    width: 100%;

    height: 100px;

    padding-left: 30px;

    padding-right: 30px;

}



.single-portfolio .fc-page-title-breadcrumbs .fc-page-title {

    max-width: 1170px;

    height: 100%;

    overflow: hidden;

    margin: 0 auto;

}



.single-portfolio .fc-page-title-breadcrumbs .fc-page-title .fc-page-title-wrapper {

    opacity: 1;

    display: table;

    height: 100%;

    width: 100%;

    position: relative;

    z-index: 1;

}



.single-portfolio .fc-page-title-breadcrumbs .fc-page-title .fc-page-title-wrapper .fc-page-title-captions {

    display: table-cell;

    vertical-align: middle;

    width: 45%;

}



.single-portfolio .fc-page-title-breadcrumbs .fc-page-title .fc-page-title-wrapper .fc-page-title-captions h1 {

    font-size: 24px;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: 400;

    line-height: 26px;

    color: #fff;

    margin: 0;

    padding: 0;

    text-transform: capitalize;

}



.single-portfolio .fc-page-title-breadcrumbs ul.breadcrumbs {

    display: table-cell;

    vertical-align: middle;

    list-style: none;

    margin: 0;

    padding: 0;

    width: 45%;

    text-align: right;

}



.single-portfolio .fc-page-title-breadcrumbs ul.breadcrumbs li {

    margin: 0;

    padding: 0;

    display: inline;

    color: #fff;

    font-size: 13px;

    margin-left: 5px;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: 400;

}

.single-portfolio .fc-page-title-breadcrumbs ul.breadcrumbs li:after {

    content: '/';

}

.single-portfolio .fc-page-title-breadcrumbs ul.breadcrumbs li:last-child:after {

    content: '';

}

.single-portfolio .fc-page-title-breadcrumbs ul.breadcrumbs li a {

    color: #fff;

    padding-right: 5px;

}



.single-portfolio  .post-image-wrap {

    padding: 30px;

}



.single-portfolio  .post-image-wrap img {

    width: 100%;

}



.single-portfolio .content {

    padding: 0 15px;

}



.single-portfolio .content .content-split {

    border-right: 1px solid #E0E0E0;

}



.single-portfolio .content h3.entry-title {

    font-size: 18px;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: 400;

    line-height: 24px;

    color: #000;

    margin: 0;

    padding: 0;

    margin-bottom: 30px;

}



.single-portfolio .content h3.entry-title:after {

    background: #141414;

    content: "";

    display: block;

    height: 3px;

    margin: 15px 0;

    width: 20px;

}



.single-portfolio .content .portfolio-sidebar div {

    margin-bottom: 10px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height:22px

        color: #555555;

}

.single-portfolio .content .portfolio-sidebar div .project-terms,

.single-portfolio .content .portfolio-sidebar div a {

    font-size: 13px;

    color: #747474;

}

.single-portfolio .content #portfolio-nav {

    display: block;

}



.single-portfolio .content #portfolio-nav ul {

    text-decoration: none;

    list-style: none;

    margin: 0;

    padding: 0;

}

.single-portfolio .content #portfolio-nav ul li a{

    float: left;

    font-size: 16px;

    background: #d0d0d0;

    padding: 5px 15px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    color: #FFFFFF;

    margin-right: 5px;

    line-height: 24px;

}

.single-portfolio .content #portfolio-nav ul li i {

    color: #fff;

}



.single-portfolio .content #portfolio-nav #all-items a {

    font-size: 14px !important;

}



.single-portfolio p {

    font-size: 14px;

    line-height: 27px;

    font-family: "Open Sans", Arial, sans-serif;

    letter-spacing: 0;

    color: #555;

    margin: 0 0 20px 0;

    padding: 0;

}



/*

===============================================

---------------- 7. Contact -------------------

===============================================

*/



#map img {

    max-width: none !important;

}



#map {

    display: block;

    width: 100% !important;

    height: 450px !important;

    margin: 0 auto;

    /* -moz-box-shadow: 0 5px 20px #ccc;

     -webkit-box-shadow: 0 5px 20px #ccc;

     box-shadow: 0 5px 20px #ccc;

     border-bottom: 1px solid #CCC;

     border-top: 1px solid #CCC;*/

}

#map.large {

    height: 500px;

}

.overlay {

    display: block;

    text-align: center;

    color: #fff;

    font-size: 60px;

    line-height: 80px;

    opacity: 0.8;

    background: #4477aa;

    border: solid 3px #336699;

    border-radius: 4px;

    box-shadow: 2px 2px 10px #333;

    text-shadow: 1px 1px 1px #666;

    padding: 0 4px;

}

.overlay_arrow {

    left: 50%;

    margin-left: -16px;

    width: 0;

    height: 0;

    position: absolute;

}

.overlay_arrow.above {

    bottom: -15px;

    border-left: 16px solid transparent;

    border-right: 16px solid transparent;

    border-top: 16px solid #336699;

}

.overlay_arrow.below {

    top: -15px;

    border-left: 16px solid transparent;

    border-right: 16px solid transparent;

    border-bottom: 16px solid #336699;

}





#contentContact .innerpadding #contentContact .innerpadding #contact_social_ul ul li a {

    background-color: #2E3434;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

}



#contentContact .innerpadding #contact_social_ul ul li.social-twitter a:hover { background-color:#00acee !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-google a:hover { background-color:#dd4b39 !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-facebook a:hover { background-color:#3b5998 !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-pinterest a:hover { background-color:#cb2027 !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-linkedin a:hover { background-color:#007bb6 !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-github a:hover { background-color:#171515 !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-vimeo-square a:hover { background-color:#1ab7ea !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-dribbble a:hover { background-color:#ea4c89 !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-behance a:hover { background-color:#005cff !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-soundcloud  a:hover{ background-color:#f70 !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-foursquare a:hover { background-color:#25a0ca !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-rss a:hover { background-color:#ee802f !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-youtube a:hover { background-color:#cc181e !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-flickr a:hover { background-color:#ff0084 !important; }

#contentContact .innerpadding #contact_social_ul ul li.social-vine  a:hover{ background-color:#00a478 !important; }



#contentContact .innerpadding h2 {

    font-size: 15px;

    font-weight: normal;

    color: #fff;

    /*font-family: 'Montserrat', 'Open Sans', sans-serif;*/

    margin-bottom: 25px;

    text-transform: uppercase;

}



#contentContact .innerpadding h2:after {

    background: #4D5655;

    content: "";

    display: block;

    height: 3px;

    margin: 15px 0;

    width: 20px;

}



#contentContact .innerpadding .separte-content {

    margin-bottom: 35px;

    border-bottom: 1px solid #4D5655;

    padding-bottom: 20px;

}



#contentContact .innerpadding .contact-info, 

#contentContact .innerpadding .contact-form {

    float: none !important;

    margin-bottom: 0 !important;

}



#contentContact .innerpadding ul.info_contact li {

    color: #9E9FA1;

    font-size: 13px;

    line-height: 26px;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: 400;

}

#contentContact .innerpadding ul.info_contact li span {

    margin-right: 10px;

}

#contentContact .innerpadding ul.info_contact li a {

    color: #9E9FA1;

}

#contentContact .innerpadding ul.info_contact li a:hover {

    text-decoration: none;

}

#mapContainer img {

    max-width: none !important;

}



#mapContainer {

    position: fixed;

    width: 100%;

    height: 100%;

}



#map_canvas {

    width: 100%;

    height: 100%;

    width: 76.6%;

}

#mapContainer #map_canvas #gmaps {

    text-align: center;

    margin-top: 17px;

}



#mapContainer #map_canvas #gmaps img {

    margin-bottom: 12px;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    height: 115px;

    width: 115px;

}







#tabs {

    position: absolute;

    z-index: 99;

    width: 0;

    height: 0;

    border-width: 80px 80px 0 0;

    border-style: solid;

    border-color: #333;

    color: #fff;

    font-size: 24px;

    line-height: 0;

    cursor: pointer;

    border-radius: 50%;

    right: 190px;

    bottom: 150px;

    left: 53%;

    display:block;

}

#tabs i {

    position: absolute;

    top: -52px;

    left: 28px;

}

#tabs_resp {

    position: absolute;

    z-index: 99;

    width: 0;

    height: 0;

    border-width: 80px 80px 0 0;

    border-style: solid;

    border-color: #333;

    color: #fff;

    font-size: 24px;

    line-height: 0;

    cursor: pointer;

    border-radius: 50%;

    right: 190px;

    bottom: 150px;

    left: 53%;

    display:none;

}

#tabs_resp i {

    position: absolute;

    top: -52px;

    left: 28px;

}

img {

    border: 0px;

}

#contentContact{

    position: fixed;

    left: -350px;

    top: 0px;

    width:320px;

    padding: 0px;

    min-height: 100%;

    height: 100%;

    background: #3B4141;

    color: #FFFFFF;

    z-index: 1001;

}



#contentContact.two {

    width: 350px;

}



#contentContact .innerpadding {

    padding: 80px 20px 0px 20px;

    padding: 0 10px 10px 10px;

}



#contentContact .innerpadding label {

    display: inline-block;

    margin-bottom: 5px;

    font-weight: 400;

    color: #444444;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

}



#contentContact .innerpadding .btn-cta-contact-2 {

    background-color: #2E3434;

    color: #fff;

    border: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    margin-top: 15px;

    padding: 10px 0;

    text-align: center;

    text-transform: uppercase;

    font-size: 12px;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: 400;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#contentContact .innerpadding .btn-cta-contact-2 i.fa {

    font-size: 14px;

    margin-left: 5px;

}

#contentContact .innerpadding .btn-cta-contact-2:hover {

    color: #fff;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

#contentContact .innerpadding .form-control {

    background: #2E3434;

    border: 1px solid #2E3434;

    padding: 7px 14px;

    outline: 0;

    font-size: 12px;

    color: #a6a6a6;

    max-width: 100%;

    margin-top: 12px;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 8px;

    height: 35px;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: 400;

}

#contentContact .innerpadding textarea.form-control  {

    height: 130px;

}



#contentContact .innerpadding .form-group {

    margin-bottom: 0;

}





#contentContact .innerpadding .form-group .form-control {

    padding-left: 30px !important;

    margin-bottom: 20px !important;

    font-size: 12px !important;

    text-transform: capitalize !important;

    margin-top: 0 !important; 

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#contentContact .innerpadding .form-group  i.icon-contact {

    position: absolute;

    left: 25px;

    font-size: 15px;

    z-index: 1;

    top: 10px;

    color: #a3a9b0;

}



#contentContact .innerpadding .form-group  #contact-message i.icon-contact {

    top: 10px !important;

}





/*

===============================================

----------------- 8. Blog -------------------

===============================================

*/



/*meta box*/



#toolbar{

    position: fixed;

    z-index: 10;

    right:0;

    top: 0;

    bottom: 0;

    height: 100%;

    width: 50px;

    background: #070F18;      

}

/*page-single*/

.page-single #main-content{

    padding: 0;

    padding-left: 10px;

    padding-right: 20px;

}

#article-header{

    height: 405px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    color: #fff;

    position: relative;

    margin-bottom: 50px;

}



/*single layot*/

.article-content{

    width: 100%;

    max-width: 800px;

    margin: 0 auto;

}

.content-aside{

    float: right;

    width: 150px;

}

.article-main-content{

    /*margin-right: 210px;*/

}

/*content-aside*/

.content-aside .block-head{

    margin-bottom: 30px;

    position: relative;

}

.content-aside .block-head:after {

    position: absolute;

    bottom: -12px;

    width: 30px;

    height: 0;

    border-bottom: 2px solid #9b9b9b;

    left: 0;

    /*margin-left: -15px;*/

    content: "";

}

.content-aside .block-head h3{

    font-family: 'Lato';

    color: #333;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 600;

    text-transform: uppercase;

}

.content-aside .related-item{

    margin-bottom: 15px;

}

.content-aside .related-item a:hover{

    text-decoration: none;

    color: #09aeef !important;

}

.content-aside .related-item a:hover h3,

.content-aside .related-item a:hover .post-meta

{

    color: #09aeef !important;

}

.content-aside .related-item .post-thumb{

    margin-bottom: 10px;

}

.related-item  .post-title{

    font-family: 'Lato';

    color: #333;

    font-size: 15px;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 5px;

}

.related-item  .post-meta{

    font-family: 'Lato';

    color: #555;

    font-size: 12px;

    line-height: normal;



}

/*article maint content*/

.article-main-content .title{

    margin-bottom: 50px;

}

/*post tags*/

.post-tags{

    margin: 45px 0;

    margin-top: 35px;

}

.post-tags a{

    background-color: #aaa;

    border-radius: 0 2px 2px 0;

    color: #fff;

    display: inline-block;

    font-size: 11px;

    line-height: 1.2727272727;

    margin: 0 4px 2px 10px;

    padding: 3px 7px;

    position: relative;

    text-transform: uppercase;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;



}

.post-tags a:hover{

    text-decoration: none;

    background: #444;

    color: #FFF;

}

.post-tags a:hover:after,

.post-tags a:hover:before{



    border-right-color:#444;

}

.post-tags a:before {

    border-top: 10px solid transparent;

    border-right: 8px solid #aaa;

    border-bottom: 10px solid transparent;

    content: "";

    height: 0;

    position: absolute;

    top: 0;

    left: -8px;

    width: 0;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -ms-transition: all .2s linear;

    -o-transition: all .2s linear;

    transition: all .2s linear;

}

.post-tags a:after {

    background-color: #fff;

    border-radius: 50%;

    content: "";

    height: 4px;

    position: absolute;

    top: 8px;

    left: -2px;

    width: 4px;

}



/*pagination*/

.main-pagination {

    overflow: hidden;

    text-align: center;

}



.main-pagination .page-numbers.current, 

.main-pagination a:hover {

    color: #fff;

    text-decoration: none;

}

.main-pagination .page-numbers, 

.main-pagination a {

    display: inline-block;

    color: #fff;

    padding: 5px 15px;

    margin-right: 0;

    background: #808080;

    line-height: 25px;

    font-size: 13px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    font-family: "Open Sans", Arial, sans-serif;

}

.visuallyhidden {

    border: 0;

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.videoWrapper {

    width: 100%;

    position: relative;

    padding-top: 54.1666666666667%;

}

.videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    max-width: 100%;

	border: none;

	border:none;

}

.post-soundcloud iframe,

.post-thumb iframe{

    border: none;

}



.post-soundcloud .player-container {

    position: absolute;

    height: 60px;

    left: 55px;

    right: 55px;

    bottom: 50%;

    margin-bottom: -30px;

    overflow: hidden;

    width: auto;

    height: 166px;

    margin-bottom: -83px;

}



/* Audio post format */

.audio-post .player-container { 

    position: absolute;

    height: 30px;

    left: 55px;

    right: 55px;

    bottom: 50%;

    margin-bottom: -17px;

    overflow: hidden;

    width: auto;

}



.post-header{

    margin-bottom: 40px;

    text-align: center;

}

.post-header .post-categoris{

    margin-bottom: 15px;

    text-align: center;

}

.post-header .post-categoris a{

    display: inline-block;

    padding: 6px 10px 6px 13px;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-size: 10px;

    background: #222;

    text-decoration: none;

    color: #fff;

    margin-left: 3px;

    font-family: "Open Sans", Arial, sans-serif;

    font-weight: 600;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



.post-header .post-categoris a:first-child{

    margin-left: 0;

}

.post-header .post-categoris a:hover{

    background: #2e373d !important;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



.blog-post article .post-thumb img{

    width: 100%;

}



.blog-post article .post-thumb .iframe{

    width: 100%;

    height: 400px;

}



.blog-post article{

    font-family: "Open Sans", Arial, sans-serif;

    font-size: 16px;

    line-height: 1.6;

    position: relative;

    padding-bottom: 90px;

    margin-bottom: 110px;

    border-bottom: 1px solid #f2f2f0;

}

.blog-post article .post-content{

    margin-top: 30px;

}

.blog-post article .read-more{

    text-align: center;

    margin-top: 35px;

}

.read-more a.more-link{  

    font-family: 'Lato', sans-serif;

    text-transform: uppercase;

    display: inline-block;

    padding: 0 25px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    color: #fff;

    text-decoration: none;

    -o-border-radius: 100px;

    -moz-border-radius: 100px;

    -webkit-border-radius: 100px;

    border-radius: 100px;



}



.flexslider-blog {

    border: none;

    position: relative;

    zoom: 1;

    margin: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}



.flexslider-blog .slides > li {

    position: relative;

}



.flexslider-blog .flex-direction-nav a {

    text-decoration: none;

    display: block;

    width: 30px;

    height: 30px;

    font-size: 20px;

    line-height: 30px;

    margin: -20px 0 0;

    position: absolute;

    bottom: 10px;

    top: inherit;

    z-index: 10;

    overflow: hidden;

    cursor: pointer;

    opacity: 1;

    background-color: #111;

    color: #FFF;

    text-align: center;	

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

.flexslider-blog .flex-direction-nav a:hover {

    opacity: 1;

}

.flexslider-blog .flex-direction-nav .flex-prev {

    left: inherit;

}



.flexslider-blog .flex-direction-nav a.flex-prev {

    right: 45px;

}



.flexslider-blog .flex-direction-nav a.flex-next {

    right: 10px;

}



.flex-control-paging {

    position: absolute;

    bottom: 15px;

    left: 10px;

    text-align: center;

    height: 5px;

    z-index: 9999;

}



.flex-control-nav  {

    width: auto;

}



.flex-control-nav li {

    margin: 0;

    display: inline-block;

    zoom: 1;

}



.flex-control-paging li a {

    -webkit-box-shadow: 0;

    -moz-box-shadow: 0;

    -o-box-shadow: 0;

    box-shadow: 0;

    display: block;

    cursor: pointer;

    text-indent: -9999px;

    margin-right: 3px;

    width: 20px;

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

    height: 5px;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

    opacity: .6;

}

.flex-control-paging li a.flex-active {

    cursor: default;

}

.flex-control-paging li a:hover {

    background: rgba(226, 58, 62, 1);

}	

.flex-control-paging li a.flex-active:hover {

    cursor: default;

}	

article .post-thumb,

article .flexslider-blog{

    position: relative;

    overflow: hidden;

}



/* image-links */



.image-links:before,

.image-links-gallery:before{

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 2;

    visibility: hidden;

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

    content: "";

    opacity: 0;



    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.image-links:after{

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 3;

    display: block;

    visibility: hidden;

    margin: -15px 0 0 -15px;

    width: 30px;

    height: 30px;

    border-radius: 4px;

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

    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 0px 0 2px rgba(255, 255, 255, 0.76);

    color: rgba(255, 255, 255, 0.76);

    text-align: center;

    font-size: 16px;

    font-family: "Simple-Line-Icons";

    line-height: 30px;

    opacity: 0;



    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;



    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);



}



.image-links-gallery:after{

    position: absolute;

    bottom: 45%;

    left: 50%;

    z-index: 3;

    display: block;

    visibility: hidden;

    margin: -15px 0 0 -15px;

    width: 30px;

    height: 30px;

    border-radius: 4px;

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

    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 0px 0 2px rgba(255, 255, 255, 0.76);

    color: rgba(255, 255, 255, 0.76);

    text-align: center;

    font-size: 16px;

    font-family: "Simple-Line-Icons";

    line-height: 30px;

    opacity: 0;



    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;



    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);



}



.image-links:after {

    content: "\e08d"; /* icon plus from Simple-Line-Icons */

}



.image-links:hover:after,

.image-links-gallery:hover:after{

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



.image-links:hover:before,

.image-links:hover:after,

.image-links-gallery:hover:before,

.image-links-gallery:hover:after{

    visibility: visible;

    opacity: 1;

}



.image-links img,

.image-links-gallery img {

    display: block;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;



}



.image-links:hover img,

.image-links-gallery:hover img {

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}





/* image-links-gallery */



.image-links-gallery:after {

    content: "\e090"; /* icon plus from FontAwesome */

}



/* Read More Button Link */



.more-link {

    position: relative;

    display: block;

    margin: 10px auto;

    padding: 10px 0;

    width: 200px;

    background-clip: padding-box;

    color: #9d9f9f;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 18px;

    -webkit-transition: color 0.3s;

    -moz-transition: color 0.3s;

    transition: color 0.3s;

    text-decoration:none;

}



.more-link::before,

.more-link::after {

    position: absolute;

    left: 0;

    width: 100%;

    height: 2px;

    content: '';

    opacity: 0;

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

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

    transition: opacity 0.3s, transform 0.3s;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);

}



.more-link::before {

    top: 0;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);

}



.more-link::after {

    bottom: 0;

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    transform: translateY(10px);

}



.more-link:hover,

.more-link:focus {

    text-decoration:none;

}



.more-link:hover::before,

.more-link:focus::before,

.more-link:hover::after,

.more-link:focus::after {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    transform: translateY(0px);

}



h2.post-title {

    position:relative; 

    font-family:  'Merriweather',"Open Sans", Arial, sans-serif; 

    font-size: 32px; 

    font-weight:700; 

    line-height:1.4; 

    letter-spacing:-1px; 

    color: #333333;

    padding: 16px; 

    z-index:100;

    margin-bottom: 15px;

    text-transform: capitalize;

}

h2.post-title a {

    color: #333333;

    text-decoration:none;

}

h2.post-title a:hover {

    text-decoration:none;

}



article .post-content p {

    font-family: "Open Sans", Arial, sans-serif;

    color: #8a8a8a;

    color: #555;

    margin-top: 10px;

    letter-spacing: 0;

    font-weight: 400;

    margin: 0 0 20px 0;

    margin-bottom: 34px;

    margin-bottom: 0;

    font-size: 16px;

    line-height: 1.9em;

    padding-bottom: 1.0em;

}

/* post-quote 1*/

.post-quote {

    font-family: "Open Sans", Arial, sans-serif;

    margin-bottom: 34px;

}

.post-quote .post-inner {

    color: #FFF;

    padding: 30px;

    padding-bottom: 15px;

    padding-top: 0;

}

.post-quote .post-inner p {

    color: #FFF;

    font-size: 18px;

    line-height: 28px;

    font-style: italic;

    margin-bottom: 0;

    text-align: center;

    padding: 15px 0;

}



.post-quote .post-inner .author {

    font-size: 13px;

    font-style: italic;

    margin-top: 0;

    display: block;

    text-align: center;

}



/* post quote-2 */

.post-quote-2 {

    font-family: "Open Sans", Arial, sans-serif;

    margin-bottom: 34px;

}

.post-quote-2 .post-inner {

    color: #FFF;

    padding: 30px;

    padding-bottom: 15px;

}

.post-quote-2 .post-inner p {

    font-weight: bold;

    text-transform: uppercase;

    font-size: 34px;

    line-height: 44px;

    text-align: center;

    color: #FFF;

    margin: 0;

    font-style: italic;

    padding-bottom: 0 !important;

}



.post-quote-2 .post-inner .author {

    font-style: italic;

    margin-top: 20px;

    display: block;

    text-align: center;

    padding-bottom: 8px;

    font-size: 17px;

}



.featured_icon_post {

    position: absolute;

    right: 20px;

    top: 20px;

    z-index: 1000;

    color: #FFF;

    font-size: 16px;

    border: 2px solid #FFF;

    border-radius: 50%;

    padding: 10px;

    line-height: 1em;

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

}



article .post-meta div {

    display: inline-block;

    margin-right: 10px;

    padding: 6px 10px;

    border: 1px solid #f2f2f0;

    font-size: 12px;

    text-transform: uppercase;

    color: #9ba1a8;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    font-family: "Open Sans", Arial, sans-serif;

    font-weight: 400;

    line-height: 22px;

    margin-bottom: 15px;

}



article .post-meta div:last-child {

    margin-right: 0;

}



article .post-meta div a {

    text-decoration: none !important;

    cursor: pointer;

}



article .post-meta div a:hover {

    color: #2f3c4e;

    text-decoration: none !important;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



article .post-meta div i {

    font-size: 14px;

    margin-right: 10px;

    margin-right: 6px;

    color: #a3a9b0;

    position: relative;

    top: 1px;

}

article .post-meta span {

    margin: 0;

    padding: 0;

}



/* gallery 1 */



.gallery-grid ul {

    list-style: none;

}



.gallery-grid.grid-odd li:nth-child(2n+1), 

.gallery-grid.grid-even li:nth-child(2n+1), 

.gallery-grid.grid-2 li:nth-child(2n+2) {

    padding-right: 0;

}



.gallery-grid.grid-odd li.grid-item-1, 

.gallery-grid.grid-even li.grid-item-1 {

    width: 100%;

    float: none;

    padding: 0;

    margin-bottom: 7px;

}



.gallery-grid.grid-odd li, 

.gallery-grid.grid-even li, 

.gallery-grid.grid-2 li {

    width: 49.5%;

    float: left;

    margin-right: 1%;

    margin-bottom: 7px;

    position: relative;

    overflow: hidden;

}



.gallery-grid.grid-odd li:nth-child(2n+1), 

.gallery-grid.grid-even li:nth-child(2n+1), 

.gallery-grid.grid-2 li:nth-child(2n+2) {

    margin-right: 0;

}



.gallery-grid.grid-even li.last-item-class {

    width: 32.66%;

    float: left;

    margin-right: 1% !important;

}



.gallery-grid.grid-even li.last-item-class.grid-last-item {

    margin-right: 0 !important;

}





/* gallery-2 */

.gallery-grid-columns ul {

    list-style: none;

}





.gallery-grid-columns li{

    width: 25%;

    float: left;

    position: relative;

    overflow: hidden;

}



.link_format_post {

    text-decoration:none!important;

}



.post-format-link {

    background-image: url(../images/cover-1.jpg);

    background-size: cover;

    background-position: center center;



    line-height: 26px;

    font-weight: 400;

    font-style: normal;

    font-size: 16px;

    color: #fff;

    float: none;

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 20px;

    padding: 30px 20px;

    position: relative;

    word-wrap: break-word;

    margin: 0;

    padding: 50px;

    text-align: center;

}



.media-overlay {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    opacity: .4;

    background-image: url(../images/dotted-pattern.png);

}



.post-format-link-content {

    color: #fff;

    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);

    font-size: 18px;

}



.post-content-format {

    position: relative;

    z-index: 99;

}



.post-wrap-twitter {

    margin-bottom: 0;

    padding: 0;

    background-color: #FFF;

    border-bottom: 1px solid #d3d5d7;

    -webkit-box-shadow: 0 0 5px 0 #e2e3e4;

    -moz-box-shadow: 0 0 5px 0 #e2e3e4;

    box-shadow: 0 0 5px 0 #e2e3e4;

    position: relative;

}

.post-wrap-twitter .post-img{

    padding: 20px 30px;

    text-align: center;

    position: relative;

    overflow: hidden;

    background-image: url(../images/cover-3.jpg);

    background-size: cover;

    background-position: center center;

}



.post-wrap-twitter iframe,

.post-wrap-facebook iframe{

    margin: 0 auto !important;

}



.post-g-plus iframe {

    position: relative !important;

}



.blog-post article .post-footer {

    margin-top: 30px;

}



.blog_grid.blog-classic-grid .blog-post article .post-footer {

    padding: 0 40px;

}



.blog-post article .post-footer .meta-item {

    display: inline-block;

    vertical-align: top;

    margin-right: 0;

    color: #444444;

}



.blog-post article .post-footer .read_more_button {

    text-decoration: none;

    float: left;

    color: #FFF;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    line-height: 24px;

    padding: 10px;

    font-size: 13px;

    text-transform: uppercase;

    margin: 0;

    font-weight: normal;

}



.blog-post article .post-footer .read_more_button:hover {

    background-color: #222;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



.blog-post article .post-footer .read_more_button i {

    margin-left: 6px;

    margin-top: 6px;

    float: right;

    color: #FFF;

}



/* share post */

.meta-item-share {

    float: right;

    margin-right: 0;

    display: inline-block;

    vertical-align: top;

    margin-top: 5px;

}



.fc_sharing:hover .share_button, 

.meta-item .fc_sharing.soc_active .share_button {

    border-color: rgba(0,0,0,0.1);

    cursor: pointer;

}



.meta-item-share .fc_sharing {

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

    float: right;

    border-radius: 5px;

    position: relative;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.meta-item-share .share_button {

    padding: 7px 8px 5px;

    border-left: 1px solid transparent;

    float: right;

    font-size: 14px;

}



.meta-item-share .share_button i {

    margin-top: 4px;

    margin-right: 5px;

}



.meta-item-share ul.share_items {

    display: none; 

    float: left;

    margin: 0;

    padding: 0;

}



.meta-item-share ul.share_items li {

    display: none; 

    float: left;

    margin: 0;

    padding: 0;

}



.meta-item-share:hover ul.share_items,

.meta-item-share:hover ul.share_items li{

    display: block;

}



.meta-item-share ul.share_items li a {

    color: #444444;

    background-color: transparent;

    height: 33px;

    width: 30px;

    text-align: center;

    float: left;

    margin: 0;

    border: none;

    padding: 10px 8px;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}



.meta-item-share ul.share_items li a:hover {

    color: #fff;

    text-decoration:none;

}



.meta-item-share ul.share_items li:first-child a {

    border-radius: 5px 0 0 5px;

}



.meta-item-share ul.share_items li a.fa-facebook:hover {

    background-color: #3b5998;

}

.meta-item-share ul.share_items li a.fa-twitter:hover {

    background-color: #55acee;

}

.meta-item-share ul.share_items li a.fa-google-plus:hover {

    background-color: #d94a39;

}

.meta-item-share ul.share_items li a.fa-pinterest:hover {

    background-color: #cb2027;

}

.meta-item-share ul.share_items li a.fa-linkedin:hover {

    background-color: #71b2d0;

}





/******************** section carousel ********************/



/*=== Full Slider ===*/

.slider-section{

    background: url('images/slider-bg.jpg') no-repeat;

    background-size: cover;

    background-attachment: fixed;

}



.slides,

.slider-section ul{

    list-style: none;

    padding: 0;

    margin: 0;

}



.slides li{

    overflow: hidden;

}



.slider-full{

    padding: 50px 0;

    overflow: hidden;

}



.slider-full .inner-wrap{

    overflow: visible;

    position: relative;

}



.slider-main{

    width: 620px;	

    float: left;

    overflow: hidden;

}



.slider-cat .sep{

    display: block;

    width: 30px;

    height: 3px;

    background: #323639;

    background: rgba(255, 255, 255, 0.20);

    margin: 20px 0 12px;

}



.slider-cat h6{

    font-weight: 400;

}



.slider-cat a{

    color: #A4A4A4;	

    color: rgba(255, 255, 255, 0.50);

}



.slider-main h2{

    font-size: 42px;

    font-weight: 900;

}



.slider-main h2 a{

    color: #FFFFFF;	

}



.slider-main .entry-meta{

    margin: 25px 0;

    color: #FFFFFF;	

}



.slider-main .rating .text{

    color: #A8A8A8;

    color: rgba(255, 255, 255, 0.50);

}



.slider-main .entry-meta a{

    color: #FFFFFF;	

}



.slider-main .entry-excerpt{

    font-size: 17px;

    line-height: 2;

    color: #A8A8A8;

    color: rgba(255, 255, 255, 0.60);

}



.slider-main .entry-excerpt p{

    margin-bottom: 0;

}



.slider-nav{

    width: 400px;

    float: right;

    overflow: hidden;

}



.slider-nav li{

    height: 60px;

    margin-bottom: 30px;

    cursor: pointer;

}



.slider-nav ul li {

    float: none !important;

    opacity: 1 !important;

}



.slider-nav li:last-child{

    margin-bottom: 0;

}



.slider-nav .flex-viewport{

    height: 330px !important;

}



.slider-nav .num{

    width: 45px;

    height: 45px;

    background: rgba(255, 255, 255, 0.4);

    text-align: center;

    border-radius: 45px;

    color: #1C2023;

    font-size: 13px;

    padding-top: 13px;

    box-sizing: border-box;

    float: left;

    margin-right: 20px;

}



.slider-nav .entry-right{

    width: 300px;	

    float: left;

}



.slider-nav .entry-right h5{

    color: rgba(255, 255, 255, 0.4);

}



.slider-nav ul li:hover .num,

.slider-nav .flex-active-slide .num{

    background: #FFFFFF;

}



.slider-nav ul li:hover .entry-right h5,

.slider-nav .flex-active-slide .entry-right h5{

    color: #FFFFFF;

}



.slider-nav ul li:hover .date,

.slider-nav .flex-active-slide .date {

    color: rgba(255, 255, 255, 0.6);

}



.slider-nav .date{

    font-size: 12px;

    color: #7C7C7C;

    color: rgba(255, 255, 255, 0.40);

}



.slider-full .flex-direction-nav a{

    position: absolute;

    top: 150px;	

    display: block;

    color: rgba(255, 255, 255, 0.2);

    z-index: 2;

    font-size: 0;

    text-align: center;	

}



.slider-full .flex-direction-nav a:hover{

    color: rgba(255, 255, 255, 0.5);

}



.slider-full .flex-direction-nav a:before{

    font-family: FontAwesome;

    display: block;

    padding: 0;

    font-size: 62px;

    line-height: 40px;

}



.slider-full a.flex-prev:before {

    content: "\f104";	

}



.slider-full a.flex-next:before {

    content: "\f105";	

}



.slider-full a.flex-prev{

    left: -120px;

}



.slider-full a.flex-next{

    right: -120px;

}



/*=== Compact Slider ===*/

.slider-compact {

    text-align: center;

}



.slider-compact .slider-main {

    float: none;

    width: 760px;

    display: inline-block;

}



.slider-compact .slider-cat .sep {

    display: inline-block;

}



.slider-compact  .entry-meta .author,

.slider-compact .entry-meta .rating {

    float: none;

    display: inline-block;

}



.slider-compact .entry-meta{

    display: inline-block;

    margin-bottom: 0;

}



.slider-compact .flex-direction-nav a {

    top: 90px;

}



/*=== Content Slider ===*/

.flex-direction-nav{

    list-style: none;

    margin: 0;

    padding: 0;

}



.content-slider,

.content-slider .slides li{

    position: relative;

}



.content-slider .thumb{

    height: 360px;

    overflow: hidden;

}



.content-slider .wp-post-image{

    margin-top: -60px;

}



.content-slider .post-info{

    position: absolute;

    bottom: 0;

    padding: 15px 30px;

}



.content-slider .slider-cat a{

    color: #FFFFFF;

}



.content-slider .slider-cat .sep {

    background: #FFFFFF;

    margin: 12px 0 10px;

}



.content-slider .flex-direction-nav a{

    position: absolute;

    top: 140px;	

    display: block;

    color: rgba(255, 255, 255, 0.7);

    z-index: 2;

    font-size: 0;

    text-align: center;	

}



.content-slider .flex-direction-nav a:hover{

    color: rgba(255, 255, 255, 0.85);

}



.content-slider .flex-direction-nav a:before{

    font-family: FontAwesome;

    display: block;

    padding: 0;

    font-size: 62px;

    line-height: 40px;

}



.content-slider a.flex-prev:before {

    content: "\f104";	

}



.content-slider a.flex-next:before {

    content: "\f105";	

}



.content-slider a.flex-prev{

    left: 30px;

}



.content-slider a.flex-next{

    right: 30px;

}



.content-slider h2{

    font-weight: 900;

}



.content-slider h2 a{

    color: #FFFFFF;	

}



.content-slider .entry-meta{

    margin-top: 15px;

    color: #FFFFFF;	

}



/*=== Carousel ===*/

.carousel{

    overflow: hidden;

    margin-bottom: 0;

    padding-bottom: 40px;

    margin-right: 79px;

    margin-left:1px;

}



.carousel .item-post{

    width: 254px;

    margin-right: 28px;

    margin-right: 1px;

    overflow: hidden;

    position: relative;

}



.carousel .post-info{

    position: absolute;

    bottom: 0;

    width: 100%;

    padding: 5px 10px;

    content: '';

    pointer-events: none;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9)));

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );

}



.carousel .entry-cat{

    margin-bottom: 20px;

}



.carousel h5 {

    color: #fff;

    margin: 0 auto 7px;

    font-size: 14px;

    line-height: 1.4;

    text-shadow: rgba(0,0,0,.6) 0 0 5px;

    z-index: 1001;

    position: relative;

    bottom: 5px;

    margin-bottom: 0;

    font-family: 'Merriweather', "Open Sans", Arial, sans-serif;

    font-weight: 700;

}



.carousel h6 {

    font-size: 12px;

    line-height: 1.1;

    text-transform: uppercase;

}



.carousel h5 a{

    color: #FFFFFF;

    text-decoration: none;

}



.carousel h6 a{

    text-decoration: none;

    padding: 6px 10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    background: #222;

    text-decoration: none;

    color: #fff;

    font-size: 11px;

    margin-bottom: 5px;

    font-family: "Open Sans", Arial, sans-serif;

    font-weight: 600;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



.carousel-wrap .flex-direction-nav a {

    text-decoration: none;

    display: block;

    width: 30px;

    height: 30px;

    margin: -20px 0 0;

    position: absolute;

    bottom: 10px;

    width: 30px;

    top: inherit;

    z-index: 10;

    overflow: hidden;

    opacity: 0.7;

    cursor: pointer;

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

    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    font: 0/0 a;





}

.carousel-wrap .flex-direction-nav a:hover {

    opacity: 1;

}



.carousel-wrap .flex-direction-nav .flex-prev {

    left: inherit;

}



.carousel-wrap .flex-direction-nav a.flex-prev {

    background: url(../images/prev.png) center center no-repeat;

    right: 41px;

    top: 30px;

}



.carousel-wrap .flex-direction-nav a.flex-next {

    background: url(../images/next.png) center center no-repeat;

    right: 10px;

    top: 30px;

}





.page-container.blog-post {

    width: 100%;/*770px;*/

    margin-top: 0px !important;

}



.fc-featured {

    opacity: 1;

    margin: 0;

    position: relative;

    display: block;

    height: 100%;

    max-width: 100%;

    overflow: hidden;

    max-height: 330px;

    min-height: 330px;

    margin-bottom: 1px;

    margin-right:79px;

    margin-left:1px;

}



.fc-featured-header {

    position: absolute;

    bottom: 0;

    text-align: center;

    width: 100%;

    padding: 0;

    z-index: 2;

    height: 100%;

}



.fc-featured-info {

    position: absolute;

    top: 30%;

    opacity: 1;

    z-index: 2;

    margin-left: -395px;

    left: 50%;

    width: 790px;

}



.fc-featured .fc-featured-section{

    margin-bottom: 15px;

    -webkit-backface-visibility: hidden;

}



.fc-featured .fc-featured-section a{

    text-decoration: none;

    padding: 6px 10px;

    text-transform: uppercase;

    letter-spacing: 2px;

    color: #fff;

    background: #222;

    text-decoration: none;

    font-size: 10px;

    margin-bottom: 5px;

    font-family: "Open Sans", Arial, sans-serif;

    font-weight: 400;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



.fc-featured-title {

    font-size: 40px;

    line-height: 50px;

    font-family:  'Merriweather',"Open Sans", Arial, sans-serif;

    color: #fff;

    margin: 0 auto 7px;

}



.fc-featured-title a{

    color: #fff;

    text-decoration:none;

}



.fc-featured > a img {

    position: absolute;

    top: -9999px;

    bottom: -9999px;

    left: -9999px;

    right: -9999px;

    margin: auto;

    z-index: 1;

    min-width: 100%;

    height: 100%;

    width: auto;

    max-width: initial;

    border: 0;

}



.fc-featured-header-background {

    z-index: 1;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0.2;

    width: 100%;

    height: 100%;

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    transform: rotate(0);

    background: #000;

    -webkit-backface-visibility: hidden;

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

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

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

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

    transition: all 0.2s ease-in-out;

}



.fc-featured-header-background:hover {

    opacity: 0.5;

}



.separate-blog {

    height: 1px;

    width: 50%;

    margin: 0 auto;

    margin-bottom: 0;

    margin-top: 5px;

    background: #E7E7E7; /*#f2f2f0;*/

}



/********************** section Grid ************************/



.blog_with_grid section.section_grid {

    overflow: hidden;

    margin-bottom: 0;

    padding-bottom: 40px;

    margin-right: 79px;

    margin-left:1px;

}



.blog_with_grid .page-container.blog-post {

    /*width: 770px;*/

    margin-top: 0px !important;

}



/* =============================================================================

        grid_wrapper

 ========================================================================== */



.grid_wrapper{

    margin-bottom: 40px;

}



.full_width {

    width: 100%;

    float: left;

}



.content_wrapper {

    width: 100%;

    margin: 0 auto;

    position: relative;

}



.grid_item_big {

    float: left;

    width: 730px;

    height: 430px;

    background: #eee;

}

.grid_item_small {

    float: left;

    width: 300px;

}

.grid_element {

    float: left;

    position: relative;

    overflow: hidden;

}

.grid_title_wrapper {

    width: 100%;

    float: left;

    text-align: center;

    padding: 20px;

    position: relative;

}



.grid_2 .grid_item {

    width: 100%;

    overflow: hidden;

}

.grid_2 .grid_item img {

    height: 100%;

}

.grid_2 .grid_element {

    width: 50%;

    border: 0;

    padding-left: 1px;

    height: 215px;

    height: 100%;

}



.grid_2 .grid_element.first_element, 

.grid_3 .grid_element.first_element {

    padding-left: 0;

}

.grid_2 .grid_title_wrapper {

    height: 100px;

}



.grid_3 .grid_item {

    width: 100%;

    height: 100%;

}

.grid_3 .grid_element {

    width: 33.33%;

    padding-left: 1px;

    padding-top: 1px;

    height: 215px;

    height: 100%;

}

.grid_3 .grid_title_wrapper {

    height: 100px;

}



.grid_2 .grid_element:first-child, 

.grid_3 .grid_element:first-child {

    padding-left: 1px;

}



.grid_element .fc-hover-effect {

    position: absolute;

    bottom: 0;

    width: 100%;

    box-sizing: border-box;

    padding: 5px 10px;

    z-index: 99;

}



.grid_element .grid_element-section {

    margin-bottom: 30px;

    -webkit-backface-visibility: hidden;

    position: relative;

    z-index: 999;

}



.grid_element .grid_element-section a {

    text-decoration: none;

    padding: 6px 10px 6px 13px;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-size: 10px;

    color: #fff;

    background: #222;

    text-decoration: none;

    margin-bottom: 5px;

    font-family: "Open Sans", Arial, sans-serif;

    font-weight: 600;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



.grid_element .grid_element-title {

    font-family:  'Merriweather',"Open Sans", Arial, sans-serif;

    color: #fff;

    margin: 0 auto 7px;

    font-size: 18px;

    line-height: 1.4;

    text-shadow: rgba(0,0,0,.6) 0 0 5px;

    z-index: 1001;

    position: relative;

    bottom: 16px;

    margin-bottom: 0;

    font-weight: 700;

}



.grid_element .grid_element-title a {

    color: #fff;

    text-decoration: none;

}



.grid_element .title_bg {

    height: 100%;

    width: 100%;

    bottom: 0;

    left: 0;

    z-index: 0;

    position: absolute;

    content: '';

    pointer-events: none;

    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9)));

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );

}



.grid_element .grid_item img {

    width: 100%;

    display: block;

    height: 100%;

}



.flexslider.flexslider-grid .slides img {

    width: 100%;

    display: block;

    height: 100%;

}



.flexslider-grid {

    border: none;

    position: relative;

    overflow:hidden;

    zoom: 1;

    margin: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    margin-bottom: 40px;

    margin-right: 79px;

    margin-left:0;

}



.flexslider-grid .flex-direction-nav a {

    overflow: hidden;

    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    margin: 0;

    color: #FFF;

    position: absolute;

    top: 3px;

    right: 0;

    cursor: pointer;

    opacity: 0.7;

    z-index: 2;

    background: #222;

    width: 40px;

    height: 40px;

    line-height: 40px;

    font-size: 20pt;

    display: block;

    text-align: center;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

.flexslider-grid .flex-direction-nav a:hover {

    color: #FFF;

}



.flexslider-grid .flex-direction-nav .flex-next {

    right: 3px!important;

}



.flexslider-grid .flex-direction-nav .flex-prev  {

    right: 44px!important;

    left: auto!important;

}



.flexslider-grid .flex-control-paging {

    position: absolute;

    top: 15px;

    left: 10px;

    text-align: center;

    height: 5px;

    z-index: 9999;

}



.flexslider.flexslider-grid .slides > li {

    position: relative;

}



.page-container.blog-post {

    margin: 70px 0 80px 0;

    width: 100%;

    padding: 0;

    margin: 0;

    position: relative;

    left: 0;

    -webkit-transition: left 0.3s ease-out;

    -moz-transition: left 0.3s ease-out;

    -ms-transition: left 0.3s ease-out;

    -o-transition: left 0.3s ease-out;

    transition: left 0.3s ease-out;

}



/************ blog classic Grid **************/





.blog-classic-grid .blog-post {

    float: none;

    margin: 0 auto 120px;

    margin-left: 70px;

    padding-right: 0;

    padding-left: 0;

    max-width: 940px;

    width: 80%;

    margin-bottom: 50px;

    margin-top: 50px;

}



.blog-classic-grid .blog-post article {

    font-family: "Open Sans", Arial, sans-serif;

    font-size: 16px;

    line-height: 1.6;

    margin-top: 40px;

    margin-bottom: 40px;

    background: #fff;

    -webkit-box-shadow: 0 1px 1px rgba(191,189,185,.75);

    -moz-box-shadow: 0 1px 1px rgba(191,189,185,.75);

    box-shadow: 0 1px 1px rgba(191,189,185,.75);

    position: relative;

    overflow: auto;

    padding: 40px 0;

}



.blog-classic-grid .blog-post article .post-content {

    margin-top: 30px;

    padding: 0 40px;

}

.blog-classic-grid #main-content {

    padding: 40px 0;

}



.content-single.blog-post {

    margin: 100px 0 80px 0;

    margin-right: 70px;

}



.content-single.blog-post article {

    padding-bottom: 0;

    margin-bottom: 0;

    border-bottom: 0;

}

.content-single.blog-post article .post-content {

    margin-top: 30px;

    /*border-bottom: 1px solid #ecedee;*/

    padding-bottom: 0;

}



.content-single.blog-post article h3 {

    font-size: 28px;

    line-height: 1.2;

    margin-bottom: 8px;

    font-family:'Open Sans', Arial, sans-serif;

}



.content-single.blog-post article h3 strong, 

.content-single.blog-post article h4 strong, 

.content-single.blog-post article h5 strong, 

.content-single.blog-post article h6 strong {

    font-weight: 700;

}



.content-single.blog-post article p {

    font-size: 16px;

    line-height: 1.7;

    letter-spacing: 0;

    color: #4a4a4a;

    color: #555;

    margin: 0 0 20px 0;

    padding: 0;

}



.content-single.blog-post article blockquote {

    background-color: #ecedee;

    font-size: 18px;

    font-style: italic;

    line-height: 28px;

    padding: 10px 20px;

    margin: 0 0 20px;

}

.content-single.blog-post article blockquote p {

    line-height: 22px;

    font-size: 13px;

    margin: 0 !important;

}



.content-single.blog-post article blockquote .author {

    font-size: 13px;

    font-style: italic;

    margin-top: 20px;

    display: block;

}



.content-single.blog-post article blockquote.blockquote-1 {

    font-family: "Open Sans", Arial, sans-serif;

    margin-bottom: 0;

    color: #fff !important;

    margin-top: 0;

    margin: 0;

    padding-bottom: 30px;

    padding-top: 0;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    margin-bottom: 15px;

    border-left: 0;

}



.content-single.blog-post article blockquote.blockquote-1 p {

    color: #FFF;

    font-size: 18px;

    line-height: 28px;

    font-style: italic;

    margin-bottom: 0;

    text-align: center;

    letter-spacing: 0;

    font-weight: 400;

    font-family: "Open Sans", Arial, sans-serif;

    padding: 30px;

    padding-bottom: 15px;

    margin: 0;

}



.content-single.blog-post article blockquote.blockquote-1 .author {

    font-size: 13px;

    font-style: italic;

    margin-top: 0;

    display: block;

    text-align: center;

    color: #fff;

}



.content-single.blog-post article hr {

    margin-right: 10px;

    margin-left: 10px;

    display: block;

    width: 100%;

    margin: 0;

    clear: both;

    border: 0 none;

    height: 20px;

}



.dropcap1, .dropcap2, .dropcap3 {

    text-transform: uppercase;

    line-height: 1;

    float: left;

    font-size: 44px;

    margin: 0 8px 0 0;

    font-family: Times, serif, Arial;

}



.content-single.blog-post article p img {

    margin-bottom: 14px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}



.content-single.blog-post article p img.alignleft {

    float: left;

    text-align: left;

    margin-right: 10px;

}



.content-single.blog-post article p img.alignright {

    float: right;

    text-align: right;

    margin-left: 10px;

}



.content-single.blog-post article p small {

    font-size: 12px;

    font-weight: 400;

    color: #969a9e;

}



.highlight {

    background: #FF9;

    color: #FFF;

}



.highlight-yellow {

    background: #FF9;

    color: #222;

}



.highlight-blue {

    background: #3DB2EA;

    color: #fff;

}



.fc-padding {

    display: inline-block;

}



.content-single.blog-post article .article-main-content .post-content.entry ul{

    margin: 0 0 20px 15px;

}



.content-single.blog-post article .article-main-content .post-content.entry ul li {

    list-style: outside disc;

    list-style-image: none;

    margin: 0 0 5px 0;

}



.content-single.blog-post article .article-main-content .post-content.entry ol li {

    margin: 0 0 20px 15px;

}



.content-single.blog-post article .article-main-content .post-content.entry ol li {

    list-style: outside decimal;

    margin: 0 0 5px 0;

}



.divider-dotted {

    border-top: 2px dotted #CCC;

    overflow: hidden;

    margin: 10px 0 10px;

    clear: both;

}



.highlight-orange {

    background: #F97405;

}



.highlight-green {

    background: #8CCB0A;

}





.post-tags span.titles {

    font-size: 18px;

    margin-right: 0;

    line-height: 34px;

    font-weight: bold;

}



/* next and prev post */



.next-prev {

    margin-bottom: 30px;

    margin-right: 0px;

    margin-left: 0px;

}



.prev-post {

    min-height: 29px !important;

    padding-left: 0;

}

.prev-post div, 

.next-post div {

    font-family:'Open Sans', Arial, sans-serif;

    font-size: 13px;

    font-weight: normal;

    color: #222222;

    text-transform: uppercase;

    line-height: 7px;

    margin-bottom: 5px;

}

.prev-post img {

    position: relative;

    right: 0;

    top: -1px;

    height: 9px;

    margin-right: 7px;

}

.next-post img {

    position: relative;

    left: 0;

    top: -1px;

    height: 9px;

    margin-left: 7px;

}



.prev-post a, 

.next-post a {

    font-family:'Open Sans', Arial, sans-serif;

    font-size: 14px;

    color: #9a9a9a;

    display: block;

    line-height: 18px;

}

.prev-post a:hover, 

.next-post a:hover {

    text-decoration:underline;

}

.next-prev .next-post {

    text-align: right;

    padding-right: 0px;

}

.prev-post a {

    padding-right: 0;/*30px;*/

}

.next-post a {

    padding-left: 0;/*30px;*/

}







/* author */



#about-Author {

    margin-bottom: 40px;

}



#about-Author .block-head {

    margin-bottom: 30px;

}



#about-Author .row-separate {

    border-bottom: 1px solid #d9d9d9;

    margin-bottom: 42px;

}

#about-Author .author-page{

    margin-top: 0px;

    /*background-color: #fcfcfc;*/

    position: relative;

    padding: 21px 20px 16px 20px;

    border: 2px solid #ececec;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#about-Author .author-page .img-avatar {

    float: left;

    border: 3px solid #323139;

    border-radius: 100%;



    -webkit-transition-duration:1s;

    -moz-transition-duration:1s;

    transition-duration:1s;

    opacity:1;

}

#about-Author .author-page .img-avatar:hover {

    -webkit-transition-duration:1s;

    -moz-transition-duration:1s;

    transition-duration:1s;

    opacity:0.6;

    filter: alpha(opacity=60); 

}

#about-Author .desc {

    margin-left: 127px;

    top: 10px;

    position: relative;

}

#about-Author .desc p {

    font-family: "Open Sans", Arial, sans-serif;

    margin: 0 0 6px;

    float: left;

    font-size: 13px;

    font-weight: 400;

    color: #606060;

    line-height: 1.7;

}



#about-Author .author-counters {

    font-family:'Open Sans', Arial, sans-serif;

    font-size: 12px;

    line-height: 12px;

    color: white;

    margin-bottom: 17px;

    float:left;

}

#about-Author .author-counters .author-post-count {

    background-color: #606569;

    text-transform: capitalize;

}



#about-Author .author-counters a span {

    padding: 7px;

    margin-right: 0;

}

#about-Author .author-counters a {

    color:#fff;

}

#about-Author .author-counters a:hover {

    text-decoration:none;

}

#about-Author .author-counters .author-name {

    text-transform: capitalize;

	color:#333

}



/*social-icons*/

#about-Author .social-icons{

    float:right;

    font-size: 16px;

    color: #BDBDBD;

    margin-right: 0;

    margin-bottom: 2px;

    position: relative;

    top: -13px;

}

#about-Author .social-icons ul{

    margin-left: 0;

}



#about-Author .social-icons li{

    margin: 4px 0px 0 0;

    width: 22px;

    height: 22px;

    line-height: 22px;

    display: inline-block;

    text-align: center;

}

#about-Author .social-icons a{

    margin-left: 0;

    display: block;

    text-align: center;

    font-size: 14px;

    color: #bbb;

}



#about-Author .social-icons a i{

    line-height: 26px;

}



#about-Author .social-icons a:hover  {

    position: relative;

    top:-2px;

    color: #19232d;

}



#about-Author .social-icons li.follow-twitter a:hover{

    color: #00BAF0;

}

#about-Author .social-icons li.follow-facebook a:hover{

    color: #3B5997;

}



#about-Author .social-icons li.follow-gplus a:hover{

    color: #C43C2C;

}

#about-Author .social-icons li.follow-linkedin a:hover{

    color: #006599;

}



#about-Author .social-icons li.follow-vimeo a:hover{

    color: #1BB6EC;

}

#about-Author .social-icons li.follow-flickr a:hover{

    color: #FD0071;

}



#about-Author .social-icons li.follow-youtube a:hover{

    color: #DF2826;

}

#about-Author .social-icons li.follow-skype a:hover{

    color: #00B0F6;

}

#about-Author .social-icons li.follow-rss a:hover{

    color: #ee802f;

}

#about-Author .social-icons li.follow-pinterest a:hover{

    color: #cb2027;

}

#about-Author .social-icons li.follow-github a:hover{

    color: #171515;

}



#about-Author .social-icons li.follow-dribbble a:hover{

    color: #ea4c89;

}

#about-Author .social-icons li.follow-vine a:hover{

    color: #00a478;

}

#about-Author .social-icons li.follow-youtube a:hover{

    color: #cc181e;

}

#about-Author .social-icons li.follow-foursquare a:hover{

    color: #25a0ca;

}

#about-Author .social-icons li.follow-soundcloud a:hover{

    color: #f70;

}

#about-Author .social-icons li.follow-behance a:hover{

    color: #005cff;

}

#about-Author .social-icons li.follow-email a:hover{

    color: #19232d;

}







/* lisiting comments */



#listing-no-comments {

    margin-bottom: 40px;

}



#listing-no-comments .no-comment {

    background-color: #F7F7F7;

    padding: 4px 2px 4px 10px;

    padding: 20px 10px;

    text-align: center;

    font-weight: normal;

    font-size: 17px;

    color: #262626;

    line-height: 20px;

    font-family:'Open Sans', Arial, sans-serif;

}



#listing-no-comments .no-comment h5 {

    margin-bottom: 5px;

    line-height: 1.555em;

    font-size: 14px;

    color: #333;

}

#listing-no-comments .no-comment h5 i{

    color: #ddd;

    width: 50px;

    font-size: 30px;

}

#listing-no-comments .no-comment h5 span.title-comment {

    position: relative;

    top: -3px;

}

#listing-no-comments .no-comment p {

    color: #555 !important;

    font-weight: normal !important;

    font-size: 14px !important;

    margin-bottom: 0 !important;

}





/* comments */



#listing-comments {

    margin-bottom: 40px;

}





#listing-comments ul.comments {

    padding: 0;

    margin: 0;

    outline: none;

    list-style: none;

    border: 0 none;

    font-family:'Open Sans', Arial, sans-serif;

}

#listing-comments ul.comments li {

    margin-bottom: 20px;

    clear: both;

    position: relative;

    clear: both;

}



#listing-comments ul.comments li  div.comment_content {

    background: white;

    border-bottom: 1px solid #e0e0e0;

    /*border-radius: 1px;

    -moz-border-radius: 1px;

    -webkit-border-radius: 1px; 

    box-shadow: 0 1px 3px 0 #B5B5B5;

    -moz-box-shadow: 0 1px 3px 0 #b5b5b5;

    -webkit-box-shadow: 0 1px 3px 0 #B5B5B5; */

    position: relative;

    padding: 10px;

    margin-left: 20px;

}



#listing-comments ul.comments  div.comment-avatar  {

    overflow: hidden;

    width: 65px;

    height: 65px;

    margin: 0 10px 0px 0px;

    background: white;

    padding: 2px;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;



    box-shadow: 0 0 3px #B5B5B5;

    -moz-box-shadow: 0 0 3px #b5b5b5;

    -webkit-box-shadow: 0 0 3px #B5B5B5;

    -o-box-shadow: 0 0 3px #B5B5B5;

    float: left;

}

#listing-comments ul.comments  div.comment-avatar img {

    width: 100%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}

#listing-comments ul.comments .author-comment {

    overflow: hidden;

    position: relative;

}

#listing-comments ul.comments .comment-content {

    position: relative;

    display: block;

    margin-top: 8px;

    overflow: hidden;

    margin-bottom: 8px;

}

#listing-comments ul.comments .comment-content p {

    font-size: 13px;

    line-height: 22px;

    text-align: left;

    color: #999 !important;

}

#listing-comments ul.comments .reply a {

    position: absolute;

    bottom: 2px;

    right: 0;

    color: #fff;

    padding: 5px 15px;

    font-size: 12px;

    background: #19232d;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#listing-comments ul.comments .reply a:hover {

    text-decoration: none;

}

#listing-comments ul.comments div.comment-name {

    font-size: 14px;

    float: left;

    margin-top: 0;

    text-transform: capitalize;

}

#listing-comments ul.comments div.comment-name {

    color: #19232d;

    font-weight: bold;

}

#listing-comments ul.comments span.separate{

    color: #19232d;

    margin: -1px 4px 0px;

    float: left;

    margin-top: 0;

    font-size: 13px;

}



#listing-comments ul.comments div.comment-date {

    float: left;

    margin-top: 0;

    color: #999;

    font-size: 13px;

    line-height: 22px;

}



#listing-comments ul.comments ul.children {

    margin-top: 15px;

    margin-left: 35px;

}



.prev-next-nav {

    text-align: center;

    width: 100%;

    margin-bottom: 40px;

    padding: 0;

}



.fc-prev-link, .fc-next-link {

    position: relative;

    width: 49%;

    margin: 0;

    display: inline-block;

    vertical-align: top;

    padding: 0;

}



.prev-next-nav a {

    color: #333333;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.img-wrp {

    position: relative;

    float: left;

    overflow: hidden;

    margin-bottom: 10px;

    width: 100%;

}



.img-wrp img {

    max-height: 195px;

    width: 100%;

}



.fc-pn-ico {

    position: absolute;

    display: block;

    text-align: center;

    top: 50%;

    margin-top: -40px;

    width: 100%;

}



.fc-pn-ico .fa {

    background: rgba(74,74,74,0.5);

    border: 5px solid rgba(255,255,255,0.9);

    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.20);

    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.20);

    display: inline-block;

    border-radius: 50%;

    z-index: 1000;

    color: #FFF;

    text-shadow: 0 1px 3px rgba(0,0,0,0.20);

    height: 80px;

    width: 80px;

    padding: 18px 0 0 0;

    font-size: 35px;

    line-height: 37px;

}



.fc-prev-next-link {

    font-size: 18px;

    display: block;

    text-decoration: none;

    text-align: center;

    padding: 0 50px;

    font-family:  'Merriweather',"Open Sans", Arial, sans-serif;

    font-weight: 400;

}



.share-icons-single {

    border-bottom: 1px solid #f2f2f0;

    margin-top: 15px;

    padding-bottom: 15px;

    overflow: hidden;

    line-height: 30px;

    border-top: 1px solid #f2f2f0;

    padding: 10px 0;

    margin-bottom: 40px;

}



.share-icons-single h5 {

    font-weight: normal;

    font-size: 13px;

    color: #2f3c4e;

    float: left;

    display: block;

    margin: 0;

    padding: 0;

    font-size: 18px;

    margin-right: 5px;

    line-height: 28px;

    color: #666;

    margin-right: 20px;

}



.share-icons-single ul {

    float: right;

}



.share-icons-single ul li {

    display: inline-block;

    margin-left: 2px;

}



.share-icons-single ul li a{

    display: block;

    width: 60px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    background: #19232d;

    color: #FFF;

    font-size: 20px;

}



.share-icons-single ul li a:hover{

    background: #000;

    color: #fff;

}



.share-icons-single ul li.follow-twitter a{

    background: #00BAF0;

}

.share-icons-single ul li.follow-facebook a{

    background: #3B5997;

}



.share-icons-single ul li.follow-gplus a{

    background: #C43C2C;

}

.share-icons-single ul li.follow-linkedin a{

    background: #006599;

}



.share-icons-single ul li.follow-vimeo a{

    background: #1BB6EC;

}

.share-icons-single ul li.follow-flickr a{

    background: #FD0071;

}



.share-icons-single ul li.follow-youtube a{

    background: #DF2826;

}

.share-icons-single ul li.follow-skype a{

    background: #00B0F6;

}

.share-icons-single ul li.follow-rss a{

    background: #ee802f;

}

.share-icons-single ul li.follow-pinterest a{

    background: #cb2027;

}

.share-icons-single ul li.follow-github a{

    background: #171515;

}



.share-icons-single ul li.follow-dribbble a{

    background: #ea4c89;

}

.share-icons-single ul li.follow-vine a{

    background: #00a478;

}

.share-icons-single ul li.follow-youtube a{

    background: #cc181e;

}

.share-icons-single ul li.follow-foursquare a{

    background: #25a0ca;

}

.share-icons-single ul li.follow-soundcloud a{

    background: #f70;

}

.share-icons-single ul li.follow-behance a{

    background: #005cff;

}



.content-single.blog-post article .block-head {

    margin-bottom: 30px;

    position: relative;

}	



.content-single.blog-post article .block-head h3 {

    border-left: 0;

    border-right: 0;

    line-height: 32px;

    text-transform: uppercase;

    padding: 0 14px;

    position: relative;

    letter-spacing: 1px;

    color: #fff;

    margin: 0;

    display: inline-block;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

    font-weight: 500;

    font-size: 13px;

}



/*comments form*/



#leave-reply {

    margin-bottom: 40px;

}

#leave-reply p.comment-notes {

    color: #a3a3a3;

    font-size: 13px;

    margin: 0 0 20px 0;

    line-height: 1.8;

    font-weight: 400;

}



#leave-reply p.comment-notes .required {

    color: #a3a3a3;

    cursor: default !important;

    border-bottom: 0 !important;

    margin-left: 3px;

}



#leave-reply .contact-form-us input[type="text"],

#leave-reply .contact-form-us input[type="email"]{

    background: #f9f9f9;

    border: 1px solid #d9d9d9;

    padding: 7px 14px;

    outline: 0;

    font-size: 13px;

    color: #a6a6a6;

    max-width: 100%;

}

#leave-reply .contact-form-us textarea{

    background: #f9f9f9;

    border: 1px solid #d9d9d9;

    padding: 7px 14px;

    outline: 0;

    font-size: 13px;

    color: #a6a6a6;

    width: 100%;

}

#leave-reply .contact-form-us p{

    margin-bottom: 1.857em;

    overflow:hidden;

}

#leave-reply .contact-form-us input[type="text"]:focus, 

#leave-reply .contact-form-us input[type="email"]:focus,

#leave-reply .contact-form-us textarea:focus{ 

    color: #606569;

}

#leave-reply .contact-form-us input[type="submit"] {

    margin-bottom: 20px;

    display: block;

    text-align: center;

    color: #ffffff;

    text-transform: uppercase;

    border: 0px;

    font-family: "Open Sans", Arial, sans-serif;

    float: right;

    font-size: 14px;

    padding: 7px 21px;

    width: auto;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}



#leave-reply .contact-form-us input[type="submit"]:hover {

    /*-webkit-filter: brightness(98%);*/

    background-color: #19232d;

}



#leave-reply .no-comment {

    background-color: #F7F7F7;

    padding: 4px 2px 4px 10px;

    padding: 20px 10px;

    text-align: center;

    font-weight: normal;

    font-size: 17px;

    color: #262626;

    line-height: 20px;

    font-family: "Open Sans", Arial, sans-serif;

}



#leave-reply .no-comment h5 {

    margin-bottom: 5px;

    line-height: 1.555em;

    font-size: 14px;

    color: #333;

}

#leave-reply .no-comment h5 i{

    color: #ddd;

    width: 50px;

    font-size: 30px;

}

#leave-reply .no-comment h5 span.title-comment {

    position: relative;

    top: -3px;

}

#leave-reply .no-comment p {

    color: #555 !important;

    font-weight: normal !important;

    font-size: 14px !important;

    margin-bottom: 0 !important;

}





/* related post

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



#related-posts{

    margin-bottom: 40px; 

}



#related-posts .carousel_related_post{

    position: relative;

}

#related-posts .block-head .nav-carousel{

    float: right;

}

#related-posts .block-head .nav-carousel .flex-prev{   

    left: inherit;

    right: 39px;

}

#related-posts .block-head .nav-carousel .flex-prev:after{

    content: '';

    position: absolute;

    right: 50%;

    margin-right: -2px;

    bottom: 50%;

    margin-bottom: -4px;

    display: block;

    width: 0;

    height: 0;

    border: solid transparent;

    border-right-color: #fff;

    border-width: 4px 4px 4px 0;

}



#related-posts .block-head .nav-carousel .flex-next:after{

    content: '';

    position: absolute;

    right: 50%;

    margin-right: -2px;

    bottom: 50%;

    margin-bottom: -4px;

    display: block;

    width: 0;

    height: 0;

    border: solid transparent;

    border-left-color: #fff;

    border-width: 4px 0 4px 4px;

}

#related-posts .block-head .flex-direction-nav>li{

    float:left;

}

#related-posts .block-head .flex-direction-nav a{

    background:#454647;

    display: block;

    width: 39px;

    height: 32px;

    overflow: hidden;

    text-indent: -999em;

    transition: all 0.3s ease 0s;

    z-index: 1;

    opacity: 0.9;

    cursor: pointer;    

    margin: 0;

    top: -1px;

    position: absolute;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#related-posts .block-head .flex-direction-nav .flex-next{

    width: 38px;

    right: 0;

}

#related-posts .carousel_related_post li{

    margin-right: 20px;

    position: relative;

}



#related-posts .carousel_related_post li:hover .related-post-head {

    bottom: 0;

}



#related-posts .carousel_related_post .post-thumb{

    margin-bottom: 10px;  

}

#related-posts .carousel_related_post .post-title{    

    font-size: 13px;

    line-height: 1.4em;

    font-weight: 600;



}



#related-posts .carousel_related_post .post-title:hover{    

    color: #55ACEE !important;

    text-decoration:underline;



}



#related-posts .carousel_related_post .post-title:first-letter{

    text-transform: uppercase;

}







#related-posts .related-post-img iframe {

    width: 100%;

    display: block;

}

#related-posts .related-post-head {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: -32px;

    padding: 10px;

    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);

    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);

    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);

}



#related-posts .related-post-head > a {

    line-height: 25px;

    margin-bottom: 10px;

    display: block;

    -moz-text-shadow: 0 1px 0 rgba(0,0,0,.35);

    -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.35);

    text-shadow: 0 1px 0 rgba(0,0,0,.35);

    color: #fff;

    font-family:  'Merriweather',"Open Sans", Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

    text-transform: capitalize;

    text-decoration: none !important;

}

#related-posts .related-post-head span {

    float: left;

    margin-right: 15px;

    font-size: 12px;

    color: #fff;

}

#related-posts .related-post-head span a:hover {

    text-decoration:none;

}



#related-posts .related-post-head span:last-child {

    margin-right: 0;

}

#related-posts .related-post-head span i {

    font-size: 15px;

    margin-right: 6px;

}

#related-posts .related-post-img .featured_icon_post {

    position: absolute;

    right: 10px;

    top: 10px;

    z-index: 1000;

    color: #FFF;

    font-size: 16px;

    border: 2px solid #FFF;

    border-radius: 50%;

    padding: 10px;

    line-height: 1em;

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

}





/* latest articles

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



#latest-articles {

    margin-bottom: 40px;

}

#latest-articles .carousel_latest_articles{

    position: relative;

}

#latest-articles .block-head .nav-carousel{

    float: right;

}

#latest-articles .block-head .nav-carousel .flex-prev{   

    left: inherit;

    right: 39px;

}

#latest-articles .block-head .nav-carousel .flex-prev:after{

    content: '';

    position: absolute;

    right: 50%;

    margin-right: -2px;

    bottom: 50%;

    margin-bottom: -4px;

    display: block;

    width: 0;

    height: 0;

    border: solid transparent;

    border-right-color: #fff;

    border-width: 4px 4px 4px 0;

}



#latest-articles .block-head .nav-carousel .flex-next:after{

    content: '';

    position: absolute;

    right: 50%;

    margin-right: -2px;

    bottom: 50%;

    margin-bottom: -4px;

    display: block;

    width: 0;

    height: 0;

    border: solid transparent;

    border-left-color: #fff;

    border-width: 4px 0 4px 4px;

}

#latest-articles .block-head .flex-direction-nav>li{

    float:left;

}

#latest-articles .block-head .flex-direction-nav a{

    background:#454647;

    display: block;

    width: 39px;

    height: 32px;

    overflow: hidden;

    text-indent: -999em;

    transition: all 0.3s ease 0s;

    z-index: 1;

    opacity: 0.9;

    cursor: pointer;    

    margin: 0;

    top: -1px;

    position: absolute;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}

#latest-articles .block-head .flex-direction-nav .flex-next{

    width: 38px;

    right: 0;

}

#latest-articles .carousel_latest_articles li{

    margin-right: 20px;

    position: relative;

}



#latest-articles .carousel_latest_articles li:hover .related-post-head {

    bottom: 0;

}



#latest-articles .carousel_latest_articles .post-thumb{

    margin-bottom: 10px;  

}

#latest-articles .carousel_latest_articles .post-title{    

    font-size: 13px;

    line-height: 1.4em;

    font-weight: 600;

}



#latest-articles .carousel_latest_articles .post-title:hover{    

    color: #55ACEE !important;

    text-decoration:underline;

}



#latest-articles .carousel_latest_articles .post-title:first-letter{

    text-transform: uppercase;

}



#latest-articles .related-post-img iframe {

    width: 100%;

    display: block;

}

#latest-articles .related-post-head {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: -32px;

    padding: 10px;

    background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);

    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);

    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);

}



#latest-articles .related-post-head > a {

    line-height: 25px;

    margin-bottom: 10px;

    display: block;

    -moz-text-shadow: 0 1px 0 rgba(0,0,0,.35);

    -webkit-text-shadow: 0 1px 0 rgba(0,0,0,.35);

    text-shadow: 0 1px 0 rgba(0,0,0,.35);

    color: #fff;

    font-family:  'Merriweather',"Open Sans", Arial, sans-serif;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.4;

    text-transform: capitalize;

    text-decoration: none !important;

}

#latest-articles .related-post-head span {

    float: left;

    margin-right: 15px;

    font-size: 12px;

    color: #fff;

}

#latest-articles .related-post-head span a:hover {

    text-decoration:none;

}



#latest-articles .related-post-head span:last-child {

    margin-right: 0;

}

#latest-articles .related-post-head span i {

    font-size: 15px;

    margin-right: 6px;

}

#latest-articles .related-post-img .featured_icon_post {

    position: absolute;

    right: 10px;

    top: 10px;

    z-index: 1000;

    color: #FFF;

    font-size: 16px;

    border: 2px solid #FFF;

    border-radius: 50%;

    padding: 10px;

    line-height: 1em;

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

}



/*masonry*/



#masonry-container .item { 

    width: 33.3%; 

    margin-bottom: 0;

    padding: 0;

}

#masonry-container article{

    margin-right: 10px;

    margin-bottom: 10px;

    position: relative;

    background-color: #ffffff;

    padding:0px; 

    -webkit-box-shadow: 0 1px 0 0 rgba(125,125,125,.15);

    -moz-box-shadow: 0 1px 0 0 rgba(125,125,125,.15);

    box-shadow: 0 1px 0 0 rgba(125,125,125,.15);

}

#masonry-container article .post-body{

    padding: 20px;

    padding-bottom: 12px;

    padding-bottom: 70px;

}

#masonry-container article h3.post-title{

    font-family: 'Merriweather',"Open Sans", Arial, sans-serif;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: -1px;

    color: #333333;

    padding: 0;

    margin-bottom: 10px;

    text-transform: capitalize;

}

#masonry-container article h3.post-title a {

    color: #333333;

    text-decoration: none;

}





#masonry-container article .post-body .post-meta ul {

    text-align: left;

    padding-left: 0;

    list-style: none;

    margin-bottom: 15px;

    margin-top: 15px;

}

#masonry-container article .post-body .post-meta ul li {

    font-family: Open Sans, sans-serif;

    font-size: 11px;

    color: #9da3a8;

    display: inline-block;

    padding: 0;

    font-weight: 400;

    line-height: 1.6;

}



#masonry-container article .post-body .post-meta ul li.separate_li,

#masonry-container article .post-body .post-meta ul li:first-child	{

    padding: 0;

}



#masonry-container article .post-body .post-meta ul li i {

    font-size: 12px;

    margin-right: 5px;

    color: #a3a9b0;

    position: relative;

    top: 1px;

}



#masonry-container article .post-content p {

    font-family: "Open Sans", Arial, sans-serif;

    color: #555;

    letter-spacing: 0;

    font-weight: 400;

    margin: 0 0 15px 0;

    margin-bottom: 0;

    font-size: 14px;

    padding-bottom: 10px;

    line-height: 1.9em;

    margin-top: 15px;

}



#masonry-container article a.read_more_but {

    text-decoration: none;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    line-height: 24px;

    font-size: 13px;

    text-transform: capitalize;

    margin: 0;

    font-weight: normal;

    margin-top: 10px;

    text-align: center;

    display: block;

    width: 100%;

    border: 2px solid #e3e3e3;

    color: #9ba1a8;

    padding: 9px 12px;

}



#masonry-container article a.read_more_but:hover {

    color: #fff;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



#masonry-container article .footer_post ul{

    margin-top: 20px;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    border-top: 1px solid #e3e3e3;

    display: block;

    margin: 0;

}



#masonry-container article .footer_post ul li{

    display: inline-block;

    padding: 15px 10px;

    width: 25%;

    text-align: center;

    border-right: 1px solid #e3e3e3;

    margin: 0;

    float: left;

    position: relative;

    z-index: 0;

    font-size: 13px;

    color: #9ba1a8;

    text-transform: capitalize;

}







#masonry-container article .footer_post ul li:after{

    z-index:-1;

    content:"";

    width:100%;

    height:0;

    bottom:0;

    left:0;

    position:absolute;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#12000000',GradientType=0 ); /* IE6-9 */

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    -ms-transition: all 300ms ease-in-out;

    -o-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

#masonry-container article .footer_post ul li:hover:after{

    height:100%;

}



#masonry-container article .footer_post ul li:before {

    position: absolute;

    content: '';

    width: 0;

    height: 2px;

    bottom: -5px;

    left: 0;

    opacity: 0;

}



#masonry-container article .footer_post ul li:before{

    bottom:0;

    left:50%;

}

#masonry-container article .footer_post ul li:hover:before{

    left:0;

}

#masonry-container article .footer_post ul li:last-child{

    border-right:none;

}



#masonry-container article .footer_post ul li i{

    vertical-align:middle;

}









#masonry-container article .footer_post ul li:hover:before{

    width:100%;

    opacity:1;

}

#masonry-container article .footer_post ul li a{

    color:#9ba1a8;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    -ms-transition: all 300ms ease-in-out;

    -o-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



#masonry-container article .footer_post ul li i{

    margin-right: 7px;

    display:inline-block;

    vertical-align:middle;

    color:#9da3a8;

    -webkit-transition: all 300ms!important;

    -o-transition: all 300ms!important;

    transition: all 300ms!important;

    position: relative;

    top: -1px;

}



#masonry-container article .footer_post ul li i:first-child{

    margin-right: 0;

}





#masonry-container article .post-quote {

    font-family: "Open Sans", Arial, sans-serif;

    margin-bottom: 0;

    padding-bottom: 0;

}



#masonry-container article .post-quote .post-inner {

    color: #FFF;

    padding: 0;

    padding-bottom: 10px;

    padding-top: 0;

}



#masonry-container article .post-quote .post-inner p {

    color: #FFF;

    font-size: 20px;

    text-transform: uppercase;

    line-height: 28px;

    font-style: italic;

    margin-bottom: 0;

    text-align: center;

    padding: 0;

}

#masonry-container article .post-quote .post-inner .author {

    font-size: 13px;

    font-style: italic;

    margin-top: 10px;

    display: block;

    text-align: center;

}



.responsive_video {

    height: 0;

    padding-top: 1px;

    position: relative;

    padding-bottom: 56.25%;

}

.responsive_video iframe {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    position: absolute;

}



/*Grid blog*/



.blog-content-grid {

    margin-right: 8px;

}

.blog-content-grid .row {

    margin-left: -8px;

    margin-right: -8px;

}



.blog-content-grid [class*="col-"] {

    padding-left: 6px;

    padding-right: 6px;

}



.blog-content-grid article{

    margin-right: 0;

    margin-bottom: 15px;

    position: relative;

    background-color: #ffffff;

    padding:0px; 

    -webkit-box-shadow: 0 1px 0 0 rgba(125,125,125,.15);

    -moz-box-shadow: 0 1px 0 0 rgba(125,125,125,.15);

    box-shadow: 0 1px 0 0 rgba(125,125,125,.15);

}

.blog-content-grid article img{

    width:100%;

}

.blog-content-grid article .post-body{

    padding: 20px;

    padding-bottom: 12px;

    padding-bottom: 70px;

}

.blog-content-grid article h3.post-title{

    font-family: 'Merriweather',"Open Sans", Arial, sans-serif;

    font-size: 20px;

    font-weight: 700;

    line-height: 1.4;

    letter-spacing: -1px;

    color: #333333;

    padding: 0;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.blog-content-grid article h3.post-title a {

    color: #333333;

    text-decoration: none;

}





.blog-content-grid article .post-body .post-meta ul {

    text-align: left;

    padding-left: 0;

    list-style: none;

    margin-bottom: 15px;

    margin-top: 15px;

}

.blog-content-grid article .post-body .post-meta ul li {

    font-family: Open Sans, sans-serif;

    font-size: 11px;

    color: #9da3a8;

    display: inline-block;

    padding: 0;

    font-weight: 400;

    line-height: 1.6;

}



.blog-content-grid article .post-body .post-meta ul li.separate_li,

.blog-content-grid article .post-body .post-meta ul li:first-child	{

    padding: 0;

}



.blog-content-grid article .post-body .post-meta ul li i {

    font-size: 12px;

    margin-right: 5px;

    color: #a3a9b0;

    position: relative;

    top: 1px;

}



.blog-content-grid article .post-content p {

    font-family: "Open Sans", Arial, sans-serif;

    color: #555;

    letter-spacing: 0;

    font-weight: 400;

    margin: 0 0 15px 0;

    margin-bottom: 0;

    font-size: 14px;

    padding-bottom: 10px;

    line-height: 1.9em;

    margin-top: 15px;

}



.blog-content-grid article a.read_more_but {

    text-decoration: none;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    line-height: 24px;

    font-size: 13px;

    text-transform: capitalize;

    margin: 0;

    font-weight: normal;

    margin-top: 10px;

    text-align: center;

    display: block;

    width: 100%;

    border: 2px solid #e3e3e3;

    color: #9ba1a8;

    padding: 9px 12px;

}



.blog-content-grid article a.read_more_but:hover {

    color: #fff;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

}



.blog-content-grid article .footer_post ul{

    margin-top: 20px;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    border-top: 1px solid #e3e3e3;

    display: block;

    margin: 0;

}



.blog-content-grid article .footer_post ul li{

    display: inline-block;

    padding: 15px 10px;

    width: 25%;

    text-align: center;

    border-right: 1px solid #e3e3e3;

    margin: 0;

    float: left;

    position: relative;

    z-index: 0;

    font-size: 13px;

    color: #9ba1a8;

    text-transform: capitalize;

}







.blog-content-grid article .footer_post ul li:after{

    z-index:-1;

    content:"";

    width:100%;

    height:0;

    bottom:0;

    left:0;

    position:absolute;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#12000000',GradientType=0 ); /* IE6-9 */

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    -ms-transition: all 300ms ease-in-out;

    -o-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}

.blog-content-grid article .footer_post ul li:hover:after{

    height:100%;

}



.blog-content-grid article .footer_post ul li:before {

    position: absolute;

    content: '';

    width: 0;

    height: 2px;

    bottom: -5px;

    left: 0;

    opacity: 0;

}



.blog-content-grid article .footer_post ul li:before{

    bottom:0;

    left:50%;

}

.blog-content-grid article .footer_post ul li:hover:before{

    left:0;

}

.blog-content-grid article .footer_post ul li:last-child{

    border-right:none;

}



.blog-content-grid article .footer_post ul li i{

    vertical-align:middle;

}









.blog-content-grid article .footer_post ul li:hover:before{

    width:100%;

    opacity:1;

}

.blog-content-grid article .footer_post ul li a{

    color:#9ba1a8;

    -webkit-transition: all 300ms ease-in-out;

    -moz-transition: all 300ms ease-in-out;

    -ms-transition: all 300ms ease-in-out;

    -o-transition: all 300ms ease-in-out;

    transition: all 300ms ease-in-out;

}



.blog-content-grid article .footer_post ul li i{

    margin-right: 7px;

    display:inline-block;

    vertical-align:middle;

    color:#9da3a8;

    -webkit-transition: all 300ms!important;

    -o-transition: all 300ms!important;

    transition: all 300ms!important;

    position: relative;

    top: -1px;

}



.blog-content-grid article .footer_post ul li i:first-child{

    margin-right: 0;

}





.blog-content-grid article .post-quote {

    font-family: "Open Sans", Arial, sans-serif;

    margin-bottom: 0;

    padding-bottom: 0;

}



.blog-content-grid article .post-quote .post-inner {

    color: #FFF;

    padding: 0;

    padding-bottom: 10px;

    padding-top: 0;

}



.blog-content-grid article .post-quote .post-inner p {

    color: #FFF;

    font-size: 20px;

    text-transform: uppercase;

    line-height: 28px;

    font-style: italic;

    margin-bottom: 0;

    text-align: center;

    padding: 0;

}

.blog-content-grid article .post-quote .post-inner .author {

    font-size: 13px;

    font-style: italic;

    margin-top: 10px;

    display: block;

    text-align: center;

}



/*

===============================================

------------------- 9. 404 --------------------

===============================================

*/



.page_404 .block-head {

    margin-bottom: 30px;

    position: relative;

}	



.page_404 h1 {

    text-align: center;

    font-family: "Russo One", "Open Sans", Arial, sans-serif;

    font-size: 128px;

    font-weight: 600;

    line-height: 1.1;

    text-transform: uppercase;

    margin:0;

}



.page_404 h4 {

    text-align: center;

    color: #323a45;

    font-family: "Russo One", "Open Sans", Arial, sans-serif;

    font-size: 23px;

    font-weight: 500;

    line-height: 1.1;

    text-transform: uppercase;

}



.page_404 p {

    text-align: center;

    color: #323a45;

    margin: 1em 0 2em;

    font-family: "Lato", "Open Sans", Arial, sans-serif;

    font-size: 16px;

    line-height: 26px;

}



.page_404 p a {

    margin-left: 5px;

}

.page_404 p a:hover {

    color: #323a45;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    -webkit-transition: all 0.2s linear;

    transition: all 0.2s linear;

    text-decoration:underline;

}



.page_404 .search-box {

    margin: 0 auto;

    display: inline-block;

    overflow: visible;

    text-align: center;

    width: 100%;

    margin-bottom: 70px;

}



.page_404 .search-form .search-field {

    width: 40%;

    height: 38px;

    background: #f8f8f8;

    padding: 0 10px;

    background: #fafafa;

    border-width: 1px;

    border-style: solid;

    border-color: #e7e7e7;

    outline: none;

    color: #dbdbdb;

    font-size: 14px;

    font-family: "Open Sans", Arial, sans-serif;

}



.page_404 .search-form .esearch-submit {

    width: 77px;

    height: 38px;

    text-align: center;

    color: #0083b9;

    font-size: 14px;

    padding: 0;

    color: white;

    line-height: 36px;

}

.page_404 .search-form .esearch-submit:hover {

    -webkit-filter: brightness(98%) !important;

}



/*

===============================================

--------------- 10. About Me ------------------

===============================================

*/



.about_me {

    padding-top: 85px;

}

.section-title  h3 {

    text-transform: uppercase;

    color: #252525;

    letter-spacing: 2.5px;

    font-size: 14px;

    font-family: 'Montserrat', 'Open Sans', sans-serif;

}



.section-title hr {

    width: 30px;

    height: 3px;

    background: #000000;

    margin: 15px auto;

    border: none;

}

.section-title.text-left hr {

    margin: 15px 0;

}



.about_me figure {

    margin-bottom: 15px;

}



.about_me h2 {

    font-size: 40px;

    line-height: normal;

    margin: 45px 0 45px 0;

    text-transform: uppercase;

    font-family: Montserrat, "Open Sans", Arial, sans-serif;

    font-weight: normal;

    font-style: normal;

}



.about_me .feature-desc p {

    margin-bottom: 25px;

    font-family: "Lato", "Open Sans", Arial, sans-serif;

    font-size: 16px;

    line-height: 26px;

}



.about_me .img-feature img {

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    border: 5px solid #323139;

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    transition: all 0.2s ease;

    -webkit-transition-duration:1s;

    -moz-transition-duration:1s;

    transition-duration:1s;

    opacity:1;

    filter: alpha(opacity=100); 

    cursor: pointer;

}

.about_me .img-feature img:hover {

    -webkit-transition: all 0.2s ease-in;

    -moz-transition: all 0.2s ease-in;

    transition: all 0.2s ease;

    -webkit-transition-duration:1s;

    -moz-transition-duration:1s;

    transition-duration:1s;

    opacity:0.7;

    filter: alpha(opacity=70); 

}

/* social */



.about_me .social-ul  {

    float: none;

    text-align: center;

    border-top: 1px solid #eee;

    padding-top: 20px;

}

.about_me .social-ul ul {

    list-style: none outside;

    margin: 0;

    padding: 0;

}

.about_me .social-ul ul li {

    float: none;

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

    list-style: none;

    line-height: normal;

}

.about_me .social-ul ul li a {

    font-size: 14px;

    display: inline-block;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    height: 30px;

    width: 30px;

    text-align: center;

    line-height: 30px;

    text-align: center;

    border: 1px solid #aaa;

    background: #fff;

    color: #000;

}

.about_me .social-ul ul li a:hover {

    color: #fff;

}



.about_me .social-ul ul li a i {

    float: none;

    margin-left: 0;

    font-size: 14px;

}



.about_me .social-ul ul li.social-twitter a:hover { background-color:#00acee;border: 1px solid #00acee; }

.about_me .social-ul ul li.social-google a:hover { background-color:#dd4b39;border: 1px solid #dd4b39; }

.about_me .social-ul ul li.social-facebook a:hover { background-color:#3b5998;border: 1px solid #3b5998; }

.about_me .social-ul ul li.social-pinterest a:hover { background-color:#cb2027;border: 1px solid #cb2027; }

.about_me .social-ul ul li.social-linkedin a:hover { background-color:#007bb6;border: 1px solid #007bb6; }

.about_me .social-ul ul li.social-github a:hover { background-color:#171515;border: 1px solid #171515; }

.about_me .social-ul ul li.social-vimeo-square a:hover { background-color:#1ab7ea;border: 1px solid #1ab7ea; }

.about_me .social-ul ul li.social-dribbble a:hover { background-color:#ea4c89;border: 1px solid #ea4c89; }

.about_me .social-ul ul li.social-behance a:hover { background-color:#005cff;border: 1px solid #005cff; }

.about_me .social-ul ul li.social-soundcloud  a:hover{ background-color:#f70;border: 1px solid #f70; }

.about_me .social-ul ul li.social-foursquare a:hover { background-color:#25a0ca;border: 1px solid #25a0ca; }

.about_me .social-ul ul li.social-rss a:hover { background-color:#ee802f;border: 1px solid #ee802f; }

.about_me .social-ul ul li.social-youtube a:hover { background-color:#cc181e;border: 1px solid #cc181e; }

.about_me .social-ul ul li.social-flickr a:hover { background-color:#ff0084;border: 1px solid #ff0084; }

.about_me .social-ul ul li.social-vine  a:hover{ background-color:#00a478;border: 1px solid #00a478; }





.about_me .signature {

    padding: 30px 0 0 0;

}



.about_me .signature .inner {

    display: inline-block;

    text-align: center;

}

.about_me .signature .inner img {

    width: 140px;

}



.signature .name {

    display: block;

    margin-top: 15px;

    font-family: Montserrat, "Open Sans", Arial, sans-serif;

    font-style: italic;

    font-size: 11px;

    color: #555;

    text-transform: uppercase;

}



/*

===============================================

----------------- 11. Footer -------------------

===============================================

*/



#footer{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    margin-bottom: 20px;

}

#footer .copyright{

    text-align: right;

    padding: 0 30px;

    color: #6b7072;

    font-size: 12px;

    font-family: "Open Sans", Arial, sans-serif;



    line-height: 20px;



}

#footer .copyright a{

    color: #6b7072;

    text-decoration: underline;

}



/* ======= contact_social_ul ======= */



#contact_social_ul ul ul li {

    float: none;

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

    list-style: none;

    line-height: normal;

}



#contact_social_ul ul ul li a {

    height: 28px;

    width: 28px;

    line-height: 28px;

    font-size: 14px;

    text-align: center;

    color: #fff;

    background-color: #222;

    display: inline-block;

    overflow: hidden;



    color: #fff;

    border: 1px solid #222;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;



}





#contact_social_ul  {

    float: none;

}



#contact_social_ul ul li {

    float: none;

    display: inline-block;

    margin-top: 0;

    margin-bottom: 0;

    padding-bottom: 0;

    border-bottom: none;

    list-style: none;

    line-height: normal;

}



#contact_social_ul ul li a {

    height: 28px;

    width: 28px;

    line-height: 28px;

    font-size: 14px;

    text-align: center;

    color: #fff;

    background-color: #222;

    display: inline-block;

    overflow: hidden;



    color: #fff;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;



}

#contact_social_ul ul li a:hover {

    color: #fff;

}



#contact_social_ul ul li a i {

    float: none;

    margin-left: 0;

    font-size: 14px;

}



#contact_social_ul ul li.social-twitter a:hover { background-color:#00acee !important; }

#contact_social_ul ul li.social-google a:hover { background-color:#dd4b39 !important; }

#contact_social_ul ul li.social-facebook a:hover { background-color:#3b5998 !important; }

#contact_social_ul ul li.social-pinterest a:hover { background-color:#cb2027 !important; }

#contact_social_ul ul li.social-linkedin a:hover { background-color:#007bb6 !important; }

#contact_social_ul ul li.social-github a:hover { background-color:#171515 !important; }

#contact_social_ul ul li.social-vimeo-square a:hover { background-color:#1ab7ea !important; }

#contact_social_ul ul li.social-dribbble a:hover { background-color:#ea4c89 !important; }

#contact_social_ul ul li.social-behance a:hover { background-color:#005cff !important; }

#contact_social_ul ul li.social-soundcloud  a:hover{ background-color:#f70 !important; }

#contact_social_ul ul li.social-foursquare a:hover { background-color:#25a0ca !important; }

#contact_social_ul ul li.social-rss a:hover { background-color:#ee802f !important; }

#contact_social_ul ul li.social-youtube a:hover { background-color:#cc181e !important; }

#contact_social_ul ul li.social-flickr a:hover { background-color:#ff0084 !important; }

#contact_social_ul ul li.social-vine  a:hover{ background-color:#00a478 !important; }



#main-content{

    padding: 40px  0;

    padding-left: 90px;

    padding-right: 160px;

}



/* mobile menu */



.wrapper-content .header-main {

    background-repeat: repeat;

    height: 60px !important;

    text-align: center;

    margin-bottom: 20px;

    position: relative;

    margin: 0;

    box-shadow: 0 2px 2px -2px rgba(0,0,0,0.1);

    z-index: 1041;

    margin-bottom: 0;

    position: fixed;

    width: 100%;

    display:none;

    border-bottom: 1px solid #e6e6e6;

    background: rgba(34,34,34,1) !important;

}



.wrapper-content .content_wrappers {

    width: 100%;

    padding: 0 3%;

}



.wrapper-content .content_wrappers .logo_wrapper {

    position: relative;

    display: inline-block;

    top: 6px !important;

    margin: 0 auto;

    width: 220px;

    left: 0;

}



.wrapper-content .content_wrappers .site_title {

    font-family: "Open Sans", Arial, sans-serif;

    font-weight: 400;

    display: inline-block;

    line-height: 1em !important;

    font-size: 24px !important;

    margin: 7px 0 0 0;

    text-align: center;

}



.wrapper-content .content_wrappers .site_title a{

    line-height: 1em !important;

    font-size: 24px !important;

    margin: 8px 0 0 0;

    text-align: center;

}



.wrapper-content .content_wrappers .site_title a img {

    max-height: 37px;

    max-width: 100%;

    height: auto;

    display: inline-block;

    vertical-align: middle;

}



.wrapper-content .content_wrappers #btn_open_menu {

    font-size: 31px;

    float: left;

    position: absolute;

    top: 10px;

    left: 20px;

    color: #fff;

    text-decoration: none;

    z-index: 9;

}





.wrapper-content .content_wrappers #btn_open_sidebar {

    font-size: 31px;

    float: left;

    position: absolute;

    top: 10px;

    right: 20px;

    color: #fff;

    text-decoration: none;

}





.logo {

    text-align: center;

    opacity: 1;

}



.logo .logo-slogan {

    display: block;

    font-size: 0.875rem;

    letter-spacing: 0;

    font-weight: 400;

    margin-top: 20px;

}



.logo .logo-slogan {

    color: #999999;

}



#sidebar-wrapper.sidebar_active {

    right: 0 !important;

    -webkit-transition: left 0.4s ease-out;

    -moz-transition: left 0.4s ease-out;

    -ms-transition: left 0.4s ease-out;

    -o-transition: left 0.4s ease-out;

    transition: left 0.4s ease-out;

}



.wrapper-content.sidebar_active {

    left: -320px !important;

    -webkit-transition: left 0.4s ease-out;

    -moz-transition: left 0.4s ease-out;

    -ms-transition: left 0.4s ease-out;

    -o-transition: left 0.4s ease-out;

    transition: left 0.4s ease-out;

}





/* media */	



@media only screen and (max-width: 1200px){

    .blog-classic-grid #main-content {

        padding: 40px 0;

    }



    .blog-classic-grid .blog-post {

        width: 75%;

    }



}



@media screen and (max-width: 1025px){



    .headfis{padding-left:25%}

	.phant{display:block}

	

	#header {

        left: -320px;

    }

    #header .sidebar-toggle {

        display: none !important; left:-320px

    }



    #content-wrapper {

        margin-left: 0;

        height: 100%;

        padding-right: 0;

        display: block;

        padding-top: 60px;

    }



    #main-content {

        margin: 0 40px !important;

        padding: 30px  !important;

    }



    .blog-classic-grid .blog-post {

        width: 100%;

        margin-left: 0;

    }



    #sidebar-wrapper {

        right: -320px;

    }

    .wrapper-content .header-main {

        display: block;

    }



    #btn_sidebar_wrapper{

        display: none;

    }

    #map_canvas {

        height: 100% !important;

        width: 100% !important;

    }

    #contentContact {

        top: 60px;

    }



    #tabs{

        display: none !important;

    }



    #tabs_resp{

        display: block !important;

    }



    #contentContact .contact_closed{

        display: block !important;

    }



    #contentContact {

        top: 60px;

    }



    .flexslider-grid {

        margin-right: 0 !important;

        margin-left: 0 !important;

    }

    .grid_2 .grid_element {

        width: 50% !important;

        border: 0 !important;

        padding-left: 1px !important;

        height: auto !important;

    }



    #ascrail2000 {

        width:0 !important;

    }



    .content-single.blog-post {

        margin-right: 0 !important;

    }



    #go-top-button.visible {

        right: 20px;

        -webkit-transition: all 0.2s ease-in;

        -moz-transition: all 0.2s ease-in;

        -ms-transition: all 0.2s ease-in;

        -o-transition: all 0.2s ease-in;

        transition: all 0.2s ease-in;

    }



    .content-single.blog-post {

        margin: 0 !important;

    }



    .about_me {

        padding-top: 0 !important;

    }



    .blog_with_grid section.section_grid,

    .fc-featured,

    .carousel	{

        margin-right: 1px;

        margin-left:1px;

    }

    .blog-content-grid {

        margin-right: 0 !important;

    }



}



@media only screen and (max-width: 992px){

    .single-portfolio .content .content-split {

        border-bottom: 1px solid #E0E0E0;

        border-right: none;

        margin-bottom: 30px;

    }



    .single-portfolio .content {

        margin-bottom: 20px;

    }

}



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

    #portfoliolist .portf_detail {

        position: absolute;

        width: 100%;

        bottom: 10%;

    }

    .about_me .img-feature {

        margin-bottom: 30px;

    }

}



@media screen and (max-width: 736px){



    .single-portfolio .fc-page-title-breadcrumbs .fc-page-title .fc-page-title-wrapper {

        text-align: center;

    }



    .single-portfolio .fc-page-title-breadcrumbs .fc-page-title .fc-page-title-wrapper .fc-page-title-captions {

        display: block;

        vertical-align: middle;

        width: 100%;

        margin: 20px 0 10px 0;

    }



    .single-portfolio .fc-page-title-breadcrumbs ul.breadcrumbs {

        display: block;

        list-style: none;

        margin: 0;

        padding: 0;

        width: 100%;

        text-align: left;

        text-align: center;

    }



    .portfolios .grid div.view{

        width: 50% !important;

    }



    .grid_element .fc-hover-effect {

        padding: 0px 10px !important;

    }



    .grid_element .grid_element-section {

        margin-bottom: 25px !important;

    }



    .grid_2 .grid_element .grid_element-title {

        font-size: 15px !important;

    }



    .grid_3 .grid_element .grid_element-title {

        font-size: 13px !important;

    }

    .about_me .section-title.text-left {

        text-align: center;

    }



    .about_me .section-title hr {

        margin: 15px auto !important;

    }

    .about_me h2 {

        font-size: 30px;

        text-align: center;

    }

    #related-posts .related-post-head,

    #latest-articles .related-post-head	{

        bottom: -50px;

    }

}





@media screen and (max-width: 690px){

    .fb_iframe_widget {

        overflow: hidden !important;

        max-width: 100% !important;

    }

    #masonry-container .item { 

        width: 100%; 

    }



    #masonry-container article {

        margin-right: 0;

    }

}



@media screen and (max-width: 570px){

    #about-Author .desc {

        margin-left: 0;

        top: 20px;

        position: relative;

    }



    #about-Author .author-page {

        text-align: center;

        padding: 25px 20px 35px 20px !important;

    }



    #about-Author .social-icons ul {

        margin-left: 0;

        margin-bottom: 10px;

    }



    .share-icons-single h5 {

        margin-bottom: 10px !important;

    }



    .share-icons-single ul {

        float: left !important;

    }



    #about-Author .author-page .img-avatar.test {

        float: none;

    }



    #about-Author .social-icons {

        float: none;

        position: relative;

        top: 0;

    }



    #about-Author .author-counters {

        float: none;

        text-align: center;

    }



    .grid_2 .grid_element:first-child {

        width: 100% !important;

        padding-left: 0 !important;

    }



    .grid_element .grid_element-section,

    .featured_icon_post	{

        display: none !important;

    }



    .grid_element .grid_element-title {

        font-size: 14px !important;

    }



    .grid_2 .grid_element {

        width: 100% !important;

        border: 0 !important;

        padding-left: 0 !important;

        padding-top: 1px !important;

        height: 100% !important;

    }



    .grid_element .fc-hover-effect {

        padding: 0px 10px !important;

    }

    .grid_3 .grid_element {

        width: 50% !important;

        padding-left: 1px !important;

        padding-top: 1px !important;

        height: 100% !important;

    }



    .grid_3 .grid_element.last_element {

        display: none !important;

    }



    .grid_3 .grid_element .grid_element-title {

        font-size: 11px !important;

    }



}



@media screen and (max-width: 490px){



    #main-content {

        margin:0 !important;

    }

    .portfolios .grid div.view {

        width: 100% !important;

    }



    #portfoliolist .portf_detail {

        bottom: 20% !important;

    }



    #genre-filter li.label_filter {

        text-align: left;

    }



    #genre-filter li {

        border-top: 1px solid #eaeaea;

        border-left: 0;

        float: none;

        text-align: center;

    }



    .blog-classic-grid #main-content {

        padding: 20px !important;

        margin: 0;

    }



    .blog-classic-grid .blog-post {

        width: 100% !important;

        margin: 0;

        padding: 0 !important;

    }



    .blog-post article .post-footer .meta-item-share {

        display: none !important;

    }



    .blog-post article .post-footer .read_more_button,

    .blog-post article .post-footer .meta-item	{

        width: 100%;

        text-align: center;

    }



    .blog-post article .post-footer .read_more_button i {

        position: relative;

        top: 1px;

        float: none;

    }



    .fc-prev-link, .fc-next-link {

        width: 100% !important;

    }

    .fc-prev-link {

        margin-bottom: 20px !important;

    }



    #listing-comments ul.comments div.comment-avatar {

        float: none !important;

        margin: 0 auto !important;

    }



    #listing-comments ul.comments .author-comment {

        text-align: center !important;

    }



    #listing-comments ul.comments div.comment-name,

    #listing-comments ul.comments div.comment-date	{

        float: none !important;

    }

    #listing-comments ul.comments span.separate {

        display: none !important;

    }



}



@media screen and (max-width: 375px){



    #sidebar-wrapper .sidebar_closed{

        display: block !important;

    }

    #contentContact.two {

        width: 100% !important;

    }



    .page_404 h4 {

        text-align: center;

        color: #323a45;

        font-family: "Russo One", "Open Sans", Arial, sans-serif;

        font-size: 19px;

        font-weight: 500;

        line-height: 1.1;

        text-transform: uppercase;

    }



    .page_404 .search-form .esearch-submit {

        width: 88%;

        height: 37px;

        background: white;

        text-align: center;

        color: #0083b9;

        font-size: 14px;

        padding: 0;

        color: white;

        line-height: 36px;

        margin-top: 3px;

    }



    .page_404 .search-form .search-field {

        width: 80%;

        height: 34px;

        background: #f8f8f8;

        padding: 0 10px;

        background: #fafafa;

        border-width: 1px;

        border-style: solid;

        border-color: #e7e7e7;

        outline: none;

        color: #dbdbdb;

        font-size: 14px;

        font-family: "Open Sans", Arial, sans-serif;

    }



    .post-header .post-categoris a {

        display: block !important;

        width: 50% !important;

        margin: 0 auto !important;

        margin-bottom: 2px !important;

    }

    h2.post-title {

        font-size: 20px !important;

    }



    .fc-prev-link, .fc-next-link {

        width: 100% !important;

    }

    .fc-prev-link {

        margin-bottom: 20px !important;

    }



    #related-posts .related-post-head,

    #latest-articles .related-post-head	{

        bottom: -50px;

    }

    #listing-comments ul.comments div.comment-avatar {

        float: none !important;

        margin: 0 auto !important;

    }



    #listing-comments ul.comments .author-comment {

        text-align: center !important;

    }



    #listing-comments ul.comments div.comment-name,

    #listing-comments ul.comments div.comment-date	{

        float: none !important;

    }

    #listing-comments ul.comments span.separate {

        display: none !important;

    }



    .single-portfolio .fc-page-title-breadcrumbs {

        height: 100%;

        padding-bottom: 15px;

    }

    .gallery-grid-columns li.gallery-item {

        width: 100% !important;

        margin-bottom: 1px !important;

    }

}



@media screen and (max-width: 240px){

    .portfolios .view p{

        display: none !important;

    }



    .page_404 h1 {

        font-size: 90px;

    }



}



#header .sidebar-toggle {

    display: none;

}





section.authors_page #about-Author .author-page {

    margin-top: 0px;

    position: relative;

    padding: 25px 20px 25px 20px;

    border: 2px solid #ececec;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    margin-bottom: 30px;

}



.block-head {

    margin-bottom: 30px;

    position: relative;

}



.block-head h3 {

    border-left: 0;

    border-right: 0;

    line-height: 32px;

    color: #19232d;

    font-size: 13px;

    font-family: "Open Sans", Arial, sans-serif;

    font-weight: 600;

    text-transform: uppercase;

    padding: 0 14px;

    position: relative;

    letter-spacing: 1px;

    color: #fff;

    margin: 0;

    display: inline-block;

}

.iframe_face {

	border: none; 

	visibility: visible; 

	width: 282px; 

	height: 260px;

}