/*

-----------------------------------------------------------------------------------

        Theme Name: Medusa

        Theme URI: http://themes.themewaves.com/medusa

        Description: Wave Framework

        Author: ThemeWaves

        Author URI: http://www.themewaves.com

        Version: 1.8

        License: 

        License URI:

        Tags: responsive, pagebuilder, shortcode, layerslider, unlimited color, multipurpose, modern, business, html5, css3, clean, one-page, animation, localization, parallax

*/



/* Theme Waves Theme Styling Start */



/* ------------ BASE ------------- */

html {

    -webkit-font-smoothing: antialiased;

}

::selection {

    background: #FF5744;

    color: #ffffff;

}

::-moz-selection {

    background: #FF5744;

    color: #ffffff;

}

img.scale-with-grid {

    max-width: 100%;

    height: auto;

}

ul {

    margin: 0;

    list-style: none;

}

li{

    line-height: 1.9;

}

p {

    margin-bottom: 20px;

    -ms-word-wrap: break-word;

    word-wrap: break-word;

}

.tw-content p:last-child,

.single-portfolio p:last-child{

    margin: 0;

}

iframe, embed, img {

    max-width: 100%;

    border: none;

}    

a:hover {

    text-decoration: none;

}



/* Typography */



body {

    line-height: 1.9em;

    color: #787d82;

    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 10px 0;

    padding: 0;

    color: #222222;

    font-weight: bold;

    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

    font-weight: inherit;

}

h1 {

    font-size: 36px;

    line-height: 1.6;

}

h2 {

    font-size: 24px;

    line-height: 1.6;

}

h3 {

    font-size: 18px;

    line-height: 1.6;

}

h4 {

    font-size: 16px;

    line-height: 1.6;

}

h5 {

    font-size: 14px;

    line-height: 1.6;

}

h6 {

    font-size: 12px;

    line-height: 1.6;

}

.highlight { 

    color: #FF5744;

}

p img {

    margin: 0;

}

em {

    font-style: italic;

}

strong {

    font-weight: bold;

}

small {

    font-size: 80%;

}

hr {

    clear: both;

    margin: 10px 0 30px;

    height: 0;

    border: solid #ddd;

    border-width: 1px 0 0;

}

pre {

    overflow-x:auto;

    margin: 0 0 20px 0;

    padding: 10px 20px;

    height: auto;

    border: 1px solid #e2e2e2;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #f7f7f7;

    font-family: Consolas, monospace;

}

.hidden {  display: none !important; }

dt{

    line-height: 2;

}

/* 02. Links and Form */



a{

    outline: 0;

    color: #787d82;

    text-decoration: none;

}

a:hover,

a:focus {

    outline: 0;

    color: #666666;

    text-decoration: none;

}

.ls-inner a{

    -webkit-transition: none;

    -moz-transition: none;

    -ms-transition: none;

    -o-transition: none;

    transition: none;

}

ul,

ol { margin-bottom: 20px; }

ul { list-style: none outside; }

ol,

ul { margin-left: 30px; }

ol { list-style: decimal; }

ul { list-style: square outside; }

aside ul,.tw-twitter ul.jtwt{position: relative; margin: 0; list-style: none;}

aside ul ul{margin-top: 15px;}

ul li ul,

ol li ul,

ol li ul,

ol li ol { margin-bottom: 0; }

form,

fieldset { margin-bottom: 20px; }

input[type="text"],

input[type="password"],

input[type="datetime"],

input[type="datetime-local"],

input[type="date"],

input[type="month"],

input[type="time"],

input[type="week"],

input[type="number"],

input[type="email"],

input[type="url"],

input[type="search"],

input[type="tel"],

input[type="color"],

textarea,

select {

    display: block;

    margin: 0;

    margin-bottom: 20px;

    padding: 8px;    

    width: 226px;

    outline: none;

    border: 1px solid #d0d3d6;

    background: #fff;

    color: #8d8d8d;

    font-size: 13px;

    font-family: "Raleway",Arial, Helvetica, sans-serif;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

input[type="text"]:focus,

input[type="password"]:focus,

input[type="email"]:focus,

textarea:focus {

    color: #333;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

textarea { min-height: 60px; }

select {

    padding: 5px;

    width: 220px;

    height: 40px;

}

label,

legend {

    display: block;

    cursor: pointer;

}

label span,

legend span { font-weight: bold; }

button,

input[type="submit"],

input[type="reset"],

input[type="button"] {

    display: inline-block;

    padding: 12px 16px;

    border: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #FF5744;

    color: #FFF;

    font-weight: bold;

    font-size: 13px;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

    line-height: 1;

    cursor: pointer;

}

button:hover,

input[type="submit"]:hover,

input[type="reset"]:hover,

input[type="button"]:hover{

    opacity: 0.8;

}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{

    border-color: #D0D3D6;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;



}

::-webkit-input-placeholder {

    color: #787D82;

}

:-moz-placeholder { /* Firefox 18- */

    color: #787D82; 

}

::-moz-placeholder {  /* Firefox 19+ */

    color: #787D82; 

}

:-ms-input-placeholder {  

    color: #787D82; 

}

/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 10px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 10px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 10px 20px;

}



a img.alignnone {

    margin: 5px 20px 10px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 10px 0;

}



a img.aligncenter {

    display: block;

    margin-right: auto;

    margin-left: auto;

}



.wp-caption {

    padding: 5px 3px 10px;

    max-width: 96%; /* Image does not overflow the content area */

    border: 1px solid #f0f0f0;

    background: #fff;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    margin: 0;

    padding: 0;

    max-width: 98.5%;

    width: auto;

    height: auto;

    border: 0 none;

}



.wp-caption p.wp-caption-text {

    margin: 0;

    padding: 0 4px 5px;

    font-size: 11px;

    line-height: 17px;

}



/* WP Default Gallery */



.gallery {

    display: block;

    clear: both;

    overflow: hidden;

    margin: 0 auto;

}

.gallery .gallery-row {

    display:block;

    clear: both;

    overflow: hidden;

    margin: 0;

}

.gallery .gallery-item {

    overflow: hidden;

    float: left;

    text-align: center;

    list-style: none;

    padding: 0;

    border: 1px solid #efefef;

    margin: 0 10px 10px 0;

}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {

    max-width: 90%;

    height: auto;

    margin: 5% auto;

}

.gallery-caption {

    margin: 0 0 8px;

    font-style: italic;

    font-family: arial;

}



/* ---------- HEADER ------------- */

#header{

    position: relative;

}

#header .tw-logo-bg{

    position: absolute;

    display: inline-block;

    height: 100%;

    width: 20%;

    background: #FF5744;

}

header#header .container{

    position: relative;

}

header#header .container .row .span2{

    background: #FF5744;

}

#header.stuck{

    height: 60px;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: #fff;

    z-index: 10001; 

    box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.33);

    -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.33);

    -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.33);

}

#header.stuck.header-style-2 .row.header{

    display: block;

    line-height: 60px !important;

}

#header.stuck ul.sf-menu > li > a{

    margin: 7px 15px;

}

#header.stuck.header-style-2 ul.sf-menu > li > a{

    margin: 8px 15px;

}

#header.stuck .row.header,#header.stuck.header-style-3 .header,#header.stuck .search-on-menu{

    display: none;

}

body.admin-bar #header.stuck{

    top: 28px;

}

#header.stuck .tw-logo{

    line-height: 35px;

    height: 35px !important;

    padding: 0 30px 0 0 !important;

}

#header.stuck .tw-logo img{

    max-height: 35px;

    width: auto !important;

}

#header.stuck ul.sf-menu > li > a{

    padding: 16px 0;

}



/* logo */

#header .tw-logo {    

    line-height: 100px;

    display: inline-block;

}

#header .site-name {

    font-size: 28px;

}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

    margin: 0;

    padding: 0;

    list-style: none;

}

.sf-menu li {

    position: relative;

}

.sf-menu ul {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 99;

    display: none;

    -webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.33);

    -moz-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.33);

    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.33);



}

.sf-menu > li {

    float: left;

}

.sf-menu li:hover > ul,

.sf-menu li.sfHover > ul {

    z-index: 9999;

    display: block;

}



.sf-menu a {

    position: relative;

}

.sf-menu ul ul {

    top: 0;

    left: 100%;

}



/* ThemeWaves Menu Styling*/



.menu-container {

    border-top: 1px solid #d0d3d6;

    line-height: 0;

    position: relative;

}

.sf-menu [class^="icon-"],.sf-menu [class*=" icon-"]{

    font-size: 14px;

}

ul.sf-menu > [class^="icon-"] a,.sf-menu > [class*=" icon-"] a{

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

}

.sf-menu > [class^="icon-"]:before, .sf-menu > [class*=" icon-"]:before{

    position: relative;

    bottom: -40px;

    display: block;

    color: #000;

    text-align: center;

}

.sf-menu ul{

    left: 20px;

    border-top: 3px solid #FF5744;

}

ul.sf-menu > li > a{

    margin: -1px 20px 0;

    padding: 30px 0px;

    text-transform: uppercase;

    border-top: 1px solid transparent;

}

ul.sf-menu > li:first-child > a{

    margin-left: 0;

}

ul.sf-menu > li:first-child > ul{

    left: 0;

}

.header-style-2 ul.sf-menu > li:first-child > ul{

    left: 20px;

}

ul.sf-menu > li a{    

    display: block;

    color: #222222;

    font-weight: bold;

    font-size: 13px;

    font-family: 'Raleway',Arial,sans-serif;

    line-height: 1;

}

ul.sf-menu li ul li a{

    padding: 15px 20px;

    width: 160px;

    border-top: 1px solid #d0d3d6;

    color: #787d82;

    letter-spacing: normal;

    font-weight: normal;

}

ul.sf-menu li ul li:first-child a{

    border-top: none;

}

ul.sf-menu li ul li a:hover{

    background-color: #FF5744;

    color: #fff;

    border-color: #FF5744;

}

ul.sf-menu li ul li{

    background-color: #fff;

    text-align: left;

    line-height: 1;

}

ul.sf-menu > li:hover > a{

    border-color: #FF5744;

    color: #FF5744;

}

.sf-menu > li.current_page_item  > a,

.sf-menu > li.current_page_ancestor >a,

.sf-menu > li.current-menu-ancestor >a,

.sf-menu > li.current-menu-item > a

{

    color: #FF5744;

    border-color: #FF5744;

}

#sidebar ul.menu li.current_page_item a{

    color: #FF5744;

}





/* header style */

.tw-menu-container.with-search {

    padding-right: 20px;

}



/* header style 2 */

.header-style-2.stuck .tw-menu-container.with-search {

    padding: 0;

}

.header-style-2 .tw-menu-container.with-search {

    padding-right: 75px;

}

.header-style-2 .menu-container {

    border: none;

    float: right;

}

.header-style-2 ul.sf-menu > li > a {

    padding: 0 0 50px;

    margin: 52px 18px 0;

    border: none;

}

.header-style-2 ul.sf-menu > li:last-child > a{

    margin-right: 0;

}

.header-style-2 .search-on-menu.mini form#searchform input.active,

.header-style-3 .search-on-menu.mini form#searchform input.active{

    border: none;

    padding: 5px 25px 5px 25px !important;

    text-transform: uppercase;

    font-size: 17px;

    line-height: 2;

}

.header-style-3 .search-on-menu.mini form#searchform input.active{

    min-width: 235px;

    padding: 5px 25px 5px 25px !important;

    text-align: center;

}



/* header style 3 */

.header-style-3 .tw-menu-container.with-search {

    padding-right: 55px;

}

.header-style-3 {

    text-align: center;

}

.header-style-3 .tw-menu-container {

    display: inline-block;

    position: relative;

}



/* ------------ mobile menu --------------- */

.show-mobile-menu {

    position: absolute;

    top: -35px;

    cursor: pointer;

}

.show-mobile-menu .mobile-menu-icon{

    float: left;

    margin-left: 10px;

    width: 35px;

    margin-top: 5px;

}

.mobile-menu-icon span {

    display: block;

    margin-bottom: 2px;

    width: 100%;

    height: 4px;

    background: #fff;

}

.hidden-top-bar .show-mobile-menu{

    top: 50%;

    margin-top: -14.5px;

}

.hidden-top-bar .mobile-menu-icon span{

    background: #bedfdd;
	display:block;
	width:76px;
	height:30px;
	text-align:center;
	border-radius:5px;
	border:1px solid #ccc4aa;
	line-height:30px;

}

.hidden-top-bar .mobile-menu-icon span:hover{

	color:#fff !important;

}






/* Top header */

.tw-top-bar {

    background: #222;

}

.tw-top-widget {

    color: #787d82;

    font-size: 12px;

}

.tw-top-widget.left{

    display: inline-block;

    *display: inline;

}

.tw-top-widget.left{

    margin-right: 15px;

}

.tw-top-widget.right {

    float: right;

    margin-left: 15px;

}

.tw-top-widget i {

    padding-right: 8px;

}

.tw-top-widget .textwidget {

    padding-top: 6px;

    padding-bottom: 6px;

}

.tw-top-widget[id^="woocommerce_widget_cart"]>.top-widget-title{

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

}

.tw-top-bar.top-bar-light{

    background: #fff;

    border-bottom: 1px solid #d0d3d6;

}

.tw-top-bar.top-bar-light>.container{

    margin-bottom: -1px;

}



/* Header search form */



.search-on-menu #searchform {

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -17px;

}

.search-on-menu form#searchform input {

    padding: 5px 8px 5px 40px !important;

    height: 34px;

    -webkit-border-radius: 17px;

    -moz-border-radius: 17px;

    border-radius: 17px;

}

.search-on-menu.mini form#searchform input::-webkit-input-placeholder{

    color: #fff;

}

.search-on-menu.mini form#searchform input.active::-webkit-input-placeholder{

    color: #787D82;

}

.search-on-menu.mini form#searchform input {

    width: 0;

    padding: 5px 8px 5px 25px !important;

}

.search-on-menu.mini form#searchform .icon-search {

    left: 0;

}



/* 05. Social Icons */





.tw-social-icon{

    display: inline-block;

    margin: 0;

    list-style: none;

}

.tw-social-icon li{

    display: block;

    float: left;

    margin: 0;

    padding: 0;

}

.loop-image .tw-social-icon a{

    display: inline-block;

    width: 36px;

}

.tw-social-icon a,#bottom .tw-social-icon a{

    display: inline-block;

    margin: 0;

    padding: 0;

    width: 36px;

    height: 36px;

    color: #787d82;

    text-align: center;

    font-size: 12px;

    line-height: 36px;

}

.tw-social-icon a span,#bottom .tw-social-icon a span{

    display: block;

    line-height: 36px;



    -webkit-transition: background-color 450ms ease-out 0s;

    -moz-transition: background-color 450ms ease-out 0s;

    -o-transition: background-color 450ms ease-out 0s;

    transition: background-color 450ms ease-out 0s;

}

.tw-social-icon a:hover {

    color: #fff;

}

.tw-social-icon a:hover span,#bottom .tw-social-icon a:hover span{

    color: #FFFFFF;

    background-color: #FF5744;

}

/* Our Team */

#main .team-member.span3{

    margin-top: 0;

}

.tw-our-team {

    margin-left: -15px;

    margin-right: -15px;

}

.team-member{

    float: left;

    width: 269.9px;

    margin: 0 15px 30px;

}

.span12 .span8 .team-member {

    width: 236.5px;

}

.span12 .span4 .team-member {

    width: 370px;

}

.span9 .span3 .team-member {

    width: 201px;

}

.span9 .span6 .team-member {

    width: 196.9px;

}

.span9 .span9 .team-member {

    width: 308px;

}

.team-member,.tw-our-team .team-member .team-ct{

    position: relative;

}

.member-image.loop-image img,.member-image.loop-image .image-overlay{

    width: 100%;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

}

.team-member .member-title{

    padding: 25px 10px;

    color: #787d82;

    text-align: center;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    background-color: #fff;

    border: solid 1px #d0d3d6;

    border-top: none;

    cursor: default;

}

.team-member .member-email{

    text-align: center;

    padding: 10px 20px;

    -webkit-border-radius: 0 0 3px 3px;

    -moz-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px;

    background-color: #fff;

    border: solid 1px #d0d3d6;

    border-top: none;

    color: #FF5744;

}

.team-member .member-email a{

    color: #FF5744;

    margin-left: 5px;

}

.team-member h2,.dark .team-member h2{

    color: #ff5744;  

    font-size: 13px;

    font-weight: bold;

    font-family: Raleway, Arial, Helvetica, sans-serif;

    line-height: 1;

    margin-bottom: 0;

    text-transform: uppercase;

}

.team-member .member-title span{

    display: inline-block;

    *display: inline;

    margin-top: 10px;

}

.team-member .member-social{

    position: relative;

    top: 50%;

    margin-top: -21px;

    text-align: center;

    height: 42px;

}

.team-content{

    text-align: center;

    padding: 15px;

    background: #fff;

}

.member-social .tw-social-icon a span{

    background-color: #ff5744;

    color: #fff;

}

.member-social .tw-social-icon a{

    margin-right: 1px;

}

.member-social .tw-social-icon a:last-child{

    margin-right: 0;

}

.member-social .tw-social-icon a:hover span{

    background-color: #fff;

    color: #ff5744;

}



/* ThemeWaves Blog Feature Title */



#page-title {

    padding: 30px 0;

    background: #FF5744;

    background-size: cover;

    color: #fff;    

}

#page-title .container{

    padding: 0 10px;

    position: relative;

}

#page-title h1,#page-title h2 {

    float: left;

    margin: 0;

    color: #fff;

    font-weight: normal;

}

#page-title h1 {

    font-size: 24px;

}

/* Breadcrump added cause little css :P */

.tw-breadcrumb{

    padding: 0 6px;

    position: absolute;

    top: 50%;

    right: 0;

    margin-top: -15px;

}

#page-title h2,.tw-breadcrumb{

    clear: left;

    letter-spacing: normal;

    font-weight: normal;

    font-size: 13px;

    font-family:"Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

    line-height: 30px;

}

#page-title span {

    margin: 0 7px;

}

#page-title span:first-child{

    margin-left: 0;

}

.tw-breadcrumb a,.tw-breadcrumb a:hover{

    color: #fff;

}

.tw-breadcrumb a:hover{

    text-decoration: underline;

}

/* Featured image on Page */

#featured-image {

    text-align: center;

}



/* 09. Footer Section */



#footer{

    background: #222222;

	height:50px;

}

#footer > .container{

    padding: 60px 15px 40px 15px;    

}

#bottom .container{

    padding: 25px 0;

    font-size: 12px;

    border-top: 1px solid #363636;

}

#bottom ul, #bottom p {

    margin: 0;

}

#bottom ul {

    float: right;

}

#bottom a {

    color: #787d82;

}

#bottom .footer-menu a:hover,#bottom .footer-menu .current-menu-item a{

    color: #ff5744;

}



/* Widgets Style */

h3.widget-title{

    margin-bottom: 20px;

    font-weight: bold;

    font-size: 13px;

    line-height: 1;

    text-transform: uppercase;

}

#footer h3.widget-title{

    padding-left: 10px;

    border-left: 3px solid #FF5744;

}

#footer .widget_recent_entries ul li{

    padding: 7px 0;

    text-transform: uppercase;

    color: #787D82;

    font-size: 11px;

    border-bottom: 1px solid #323232;

}

aside > ul li a:hover{

    color: #FF5744;

}

#sidebar aside.widget,#footer aside.widget{

    margin-bottom: 50px;

}

#sidebar aside.widget ul li {

    padding: 10px 0 10px 30px;

    border-bottom: 1px dotted #D6D6D6;

}

#sidebar aside.widget ul li:first-child {

    padding-top: 0;

}

#sidebar aside.widget ul li:last-child {

    padding-bottom: 0;

    border: none;

}

/*#sidebar aside.widget ul li:after{

    position: absolute;

    right: 10px;

    color: #fff !important;

    content: '\f0fe';

    font-size: 18px;

    font-family: FontAwesome;

    line-height: 25px;

}*/

#sidebar aside.widget [class^="icon-"] a,#sidebar aside.widget [class*=" icon-"] a{

    padding-left: 10px;

}

form#searchform{

    position: relative;

}

form#searchform .icon-search{

    padding: 11px;

    position: absolute;

    cursor: pointer;

    top: -1px;

    left: 4px;

    color: #D6D6D6;

    font-size: 15px;

}

form#searchform input{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 8px 8px 8px 40px;

    height: 40px;

    width: 100%;    

    margin: 0 !important;

    border: 1px solid #d0d3d6;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    color: #d0d3d6;

}





/* Contact info widget */

.contact-info-widget{

    min-height: 157px;

    background:url(assets/img/contact-background.png) center center no-repeat;

}

.contact-info-widget ul i{

    float: left;

    margin-top: 5px;

    width: 15px;

    height: 13px;

    text-align: center;

    font-size: 14px;

}

.contact-info-widget ul div{

    padding-left: 30px;

}

.contact-info-widget ul li{

    margin-bottom: 10px;

}

#sidebar .contact-info-widget ul li{

    margin-bottom: 0;

}



/* Flickr Widget Style */

.dribbble-widget,.flickr-widget .flickr-channel{

    position: relative;

    display: inline-block;

    *display: inline;

}

.flickr-widget .flickr-channel{

    margin: 0 -5px;

}

.flickr-channel a,.dribbble-widget a{

    position: relative;

    display: block;

    float: left;

    margin:0 10px 10px 0;

}

.flickr-channel a img{

    width: 60px;

    height: 60px;

}

.flickr-channel a img,.dribbble-widget a img,.flickr-channel a:hover:before,.dribbble-widget a:hover:before{

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    opacity: 1;

}

.flickr-channel a:before,.dribbble-widget a:before{

    line-height: 60px;

    height: 60px;

    width: 60px;

    position: absolute;

    content: "\f0fe";

    font-family: FontAwesome;

    text-align: center;

    color: #FFF;

    top: 0;

    background-color: #fff;

    opacity: 0;

    -webkit-transition: all 450ms ease-out 0s;

    -moz-transition: all 450ms ease-out 0s;

    -o-transition: all 450ms ease-out 0s;

    transition: all 450ms ease-out 0s;

}

.dribbble-widget a:before,.dribbble-widget a img{

    width: 125px;

    height: 94px;

    line-height: 94px;

}

/* Recent Posts Widget */



.tw-recent-posts-widget ul{

    margin: 0;

    list-style: none;

}

.tw-recent-posts-widget ul li{

    display: inline-block;    

    padding: 10px 0;

    width: 100%;    

}

#sidebar aside.widget .tw-recent-posts-widget ul li{

    padding: 12px 0 0;

    border-bottom: 0;

}

#sidebar aside.widget .tw-recent-posts-widget ul li:first-child{

    padding-top: 4px;

}

#sidebar .widget .tw-recent-posts-widget ul li:before{

    display: none;

}

#sidebar .tw-recent-posts-widget h4{

    font-weight: normal;

}

.tw-recent-posts-widget ul li:first-child{

    padding-top: 0;

}

.tw-recent-posts-widget h4{

    margin-bottom: 4px;

    font-size: 13px;

    line-height: 20px;

}

.tw-recent-posts-widget .meta,footer#footer .tw-recent-posts-widget .meta a{

    text-transform: capitalize;

    font-size: 12px;

    line-height: 20px;

}

.tw-recent-posts-widget .recent-thumb img{

    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.2);

    -moz-box-shadow: inset 0 1px rgba(255,255,255,.2);

    box-shadow: inset 0 1px rgba(255,255,255,.2);

}

.tw-recent-posts-widget .recent-thumb {

    float: left;

    margin: 4px 22px 4px 0;    

}



/* Tag Widget */

#footer .tagcloud a{

    background: #121212;

    color: #8d8d8d;

}

#sidebar .tagcloud a{

    display: inline-block;

    margin-right: 3px;

    margin-bottom: 6px;

    padding: 10px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #787d82;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 10px !important;

    line-height: 1;

}

#sidebar .tagcloud a:hover,#footer .tagcloud a:hover{

    background: #FF5744;

    color: #fff;

}

/* Removing Child Pages from Widgets */

.widget_pages ul.children,

.widget_nav_menu ul.sub-menu,

#footer .tw-title-border{

    display: none;

}

#footer .tw-recent-posts-widget h4 a{

    font-weight: normal;

}

#footer .tw-recent-posts-widget h4 a:hover{

    color: #FF5744;

}

.footer-logo {

    float: left;

    margin-right: 20px;

}





/* ------------ MAIN --------------- */

#main{

    overflow: hidden;

}

#main,#slider{

    position: relative;

    background: #FFF;   

}

.single #main,.woocommerce #main{

    padding: 30px 0;

}

#main [class*="span"] {

    display: inline-block;

    margin-top: 0px;

    margin-bottom: 30px;

    *display: inline;

}

.right-sidebar {

    float: right;

}

.content-left{

    float: right;

}

.background-video,.video-mask,.video-mask-color{

    position: absolute;

    width: 100%;

    height: 100%;

}

.video-mask{

    top: 0;

    left: 0;

    z-index: 3; 

    background: url(assets/img/video-mask.png) center center repeat;

    background-size: 2px 2px;

}

.video-mask-color{

    top: 0;

    left: 0;

    z-index: 3; 

    background: #222;

    zoom: 1;

    filter: alpha(opacity=40);

    opacity: .4;

}



/* ------------ BLOG LOOP --------------- */



article.loop {

    padding-bottom: 60px;

}

h2.loop-title, h1.single-title {

    font-weight: normal;

    font-size: 32px;

    margin-bottom: 2px;

}

h2.loop-title a{

    -ms-word-wrap: break-word;

    word-wrap: break-word;

    color: #222222;

}

h2.loop-title a:hover{

    color: #FF5744;

}

.loop-media {

    margin: 25px 0 10px 0;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    overflow: hidden;

}

.loop-media p {

    margin-bottom: -5px;

}

.loop-media iframe {

    width: 100%;

}

.loop-media iframe.twitter-tweet{

    margin: 0 !important;

    display: inline !important;

    border-color: #d0d3d6 !important;

    max-width: 100% !important;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

    box-sizing: border-box;         /* Opera/IE 8+ */

    -moz-box-shadow: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    -webkit-border-radius: 3px !important;

    -moz-border-radius: 3px !important;

    border-radius: 3px !important;

}

.meta-container {

    position: relative;

    text-transform: uppercase;

    font-size: 11px;

}

.loop-meta a{

    color: #222222;

}

.loop-meta a:hover{

    color: #FF5744;

}

ul.loop-meta li {

    padding: 0;

    color: #aaaaaa;

    line-height: 1;

}

ul.loop-meta li:last-child:after {

    padding: 0;

    content: '';

}

ul.loop-meta li:after {

    padding: 0 8px;

    content: "/";

}

.loop-meta li i {

    margin-right: 5px;

    color: #8d8d8d;

    font-size: 14px;

}

.loop-block a.more-link{

    font-family: "Raleway",Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 13px;

    text-transform: uppercase;

    color: #222222;

}

.loop-block a.more-link:hover{

    color: #FF5744;

}



/* Masonry Blog */

#main .blog-masonry article.loop{

    margin-top: 0;

    padding-bottom: 0;

}

.blog-masonry h2.loop-title{

    font-size: 18px;

    line-height: 1.3;

    margin: 10px 0;

    position: relative;

}

.blog-masonry .meta-container{

    font-size: 10px;

    display: inline-block;

    padding: 0;   

}

.blog-masonry ul.loop-meta{

    margin-bottom: 0;

}

.blog-masonry ul.loop-meta li{

    display: initial;

}

.blog-masonry ul.loop-meta li:after{

    padding: 0 4px;

}

.blog-masonry ul.loop-meta li:last-child:after {

    padding: 0;

}

.blog-masonry .loop-media {

    margin-top: 0;

}

.blog-masonry .format-link .loop-media, .tw-blog .isotope-container .format-quote .loop-media,

.blog-masonry .loop-block {

    -webkit-border-bottom-right-radius: 3px;

    -webkit-border-bottom-left-radius: 3px;

    -moz-border-radius-bottomright: 3px;

    -moz-border-radius-bottomleft: 3px;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

}

.blog-masonry .read-more-container {

    padding: 10px 0;

    border-top: 1px solid #d0d3d6;

    border-bottom: 1px solid #d0d3d6;

}

.loop-block .read-more-container {

    font-size: 10px;

    text-transform: uppercase;

}

.read-more-container a.more-link {

    float: right;

    font-size: 10px;

    font-weight: normal;

    color: #787d82;

}

.read-more-container a.comment-count:before, .read-more-container a.more-link:before {

    content: '\f0da';

    font-size: 12px;

    font-family: FontAwesome;

    padding-right: 6px;

}

.read-more-container a.comment-count:before {

    content: '\f0e6';

}

.blog-masonry .loop-media .link-content {

    padding: 30px;

}

.blog-masonry .loop-media blockquote {

    padding: 22px 30px 25px;

}

.blog-masonry .loop-media .link-text,

.blog-masonry .loop-media blockquote p {

    font-size: 13px;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 1.7;

    padding: 10px 0 0;

}

.blog-masonry .loop-media blockquote p {

    padding: 5px 0 0;

}

.blog-masonry .loop-media .icon-unlink,

.blog-masonry .loop-media blockquote:before {

    font-size: 16px;

}

.blog-masonry .loop-media .link-content span,

.blog-masonry .loop-media blockquote span{

    font-size: 10px;

    font-weight: bold;

}

.blog-masonry .loop-media blockquote span{

    margin-top: 14px;

}

.blog-masonry .tw-pagination {

    border-top: none;

}

/* Single Post */

article.single .loop-media {

    margin: 0 0 15px;

}

article.single .content-block {

    border-top: 1px solid #d0d3d6;

    padding-top: 20px;

    margin-top: 5px; 

}

.loop-meta.tag {

    padding-left: 370px;

    min-height: 20px;

    text-align: right;

    margin-top: 5px;

}



/* Post Social Sharebox */

.tw_post_sharebox{

    position: absolute;

    left: 0;

    top: 0;

}

.loop-block .tw_post_sharebox{

    left:auto;

    right: 0;

}

.tw_post_sharebox > div{

    float: left;

    height: 20px;

    margin-right: 10px;

}

.tw_post_sharebox > div:last-child{

    margin-right: 0;

}

.tw_post_sharebox .facebook_share iframe{

    border:none;

    overflow:hidden;

    width:85px;

    height:20px;

}

.tw_post_sharebox .googleplus_share > div {

    width: 65px !important;

}

.twitter_share > iframe {

    width: 85px !important;

}

article.tw_portfolio .tw_post_sharebox{

    position: static;

    margin-top: 10px;

}





/* Post Author Information */

.tw-author{

    margin: 30px 0 0;

    padding: 30px 0;

    border-top: 1px solid #d0d3d6;

    border-bottom: 1px solid #d0d3d6;

}

.tw-author .author-image{

    float: left;

    margin-right: 30px;

}

.tw-author h3,.tw-author a{

    font-size: 13px;

    line-height: 1;

    text-transform: uppercase;

}

.tw-author p {

    margin: 0;

}





/* ------------ POST FORMAT --------------- */



.format-quote .loop-media,.format-link .loop-media{

    position: relative;

    display: block;

    margin: 0;

}



/* aside */



article.format-aside .loop-block,.sticky .loop-block{

    padding: 15px 20px;

    border: 1px solid #dddddd;

    background: #fff;

}

.sticky .loop-block{

    background: #f9f9f9;

}



/* Blockquote */

blockquote{

    padding: 15px 0 15px 30px;

    border-left: 5px solid #d0d3d6;

    margin: 25px 0 25px 100px;

    font-size: 18px;

    color: #222222;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

}

blockquote p{

    font-size: 18px;

    line-height: 1.6;

}

blockquote span{

    font-size: 13px;

    color: #787d82;

    display: block;

    margin-top: 10px;    

}

.loop-media blockquote {

    margin: 0;

    border: none;

    padding: 30px 50px;

    background: #7d8286;

    text-align: center;

}

.loop-media blockquote:before{

    font-family: FontAwesome;

    content: "\f10d";

    text-align: center;

    line-height: 1;

    color: #FFF;

    font-size: 28px;

}

.loop-media blockquote p {

    padding: 10px 0 5px;

    color: #fff;

    font-weight: lighter;

    font-style: normal;

    font-size: 32px;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

    line-height: 1.3;

}

.loop-media blockquote span {

    color: #fff;

    font-weight: bold;

    text-transform: uppercase;

}



/* Divider */



.tw-divider {

    border-top: 1px solid #d0d3d6;

    border-bottom: 1px solid #FFF;

}

.tw-element.tw-divider-space-container{

    margin-top:    0 !important;

    margin-bottom: 0 !important;

    min-height:    0 !important;

}

/* link */



.loop-media .link-content {

    padding: 30px 50px 24px;

    background: #FF5744;

    text-align: center;

}

.loop-media .link-text {    

    padding: 10px 0 5px;

    color: #fff;

    font-weight: lighter;

    font-style: normal;

    font-size: 32px;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

    line-height: 1.3;

}

.loop-media .icon-unlink {

    color: #fff;

    font-size: 32px;

}

.loop-media .link-content a {

    color: #fff;

}

.loop-media .link-content span {

    text-transform: uppercase;

}

/* image gallery */

.image-links a{

    position: relative;

    color: #FFF;

    display: inline-block;

    padding: 3px 9px;

    text-align: center;

    border: 2px solid #FFF;

    font-size: 14px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-transition: background 450ms ease-out 0s;

    -moz-transition: background 450ms ease-out 0s;

    -o-transition: background 450ms ease-out 0s;

    transition: background 450ms ease-out 0s;

}

.image-links a:hover { 

    color: #FF5744;

    background: #fff;

}

.gallery-container .slide-item {

    position: absolute;

    text-align: center;

}

.gallery-container .slide-item:first-child {

    position: static;

}

.loop-image {

    position: relative;

    zoom: 1;

    z-index: 9;

}

.tw-carousel-post .carousel-content:hover h3 a{

    color: #FF5744;

}

.loop-image img{

    display: inherit;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

}

.loop-image a, .gallery-container {

    position: relative;

}

.tw-blog .image-overlay {

    background-color: transparent;

    opacity:1;

    z-index: 5;

    filter: alpha(opacity=1);

}

.gallery-container .carousel-arrow {

    position: static;

}

.gallery-container .carousel-arrow a.carousel-prev,.gallery-container .carousel-arrow a.carousel-next{

    z-index: 1;

    position: absolute;

    border: none;

    color: #FFF;

    font-size: 16px;

    width: 48px;

    height: 80px;

    line-height: 80px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background-color: rgba(0,0,0,.5);

    top: 50%;

    left: 30px;

    margin-top: -40px;

}

.gallery-container .carousel-arrow a.carousel-next{

    right: 30px;

    left: auto;

}

.image-overlay {

    position: absolute;

    z-index: -1;

    top: 0;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background: rgba(34,34,34,.85);

    text-align: center;

    opacity:0;

}

.carousel-post-image{

    position: relative;

}

.image-overlay.hover-link{

    background-image: url(assets/img/hover-link.png);

    background-position: center center;

    background-repeat: no-repeat;

}

.image-overlay .image-links,.image-overlay h2.portfolio-title{

    position: relative;

}

.image-overlay-content {

    position: absolute;

    height: 100%;

    width: 100%;

    top: 0;

    background: #fff;

    z-index: 99;

    padding-bottom: 20px;

    padding-right: 20px;

    padding-left: 20px;

    opacity: 0;

    display: none;

}

.image-overlay-content .carousel-meta {

    padding-bottom: 15px;

}

.image-overlay-content h3 {

    padding-top: 5px;

}

.image-overlay-content .btn {

    padding: 10px;

    font-size: 10px;

    font-weight: normal;

    border-width: 1px;

}

.post-carousel > .image-links {

    top: 50%;

    margin-top: -18px;

}





/* video format */

.video-height {

    display: table-cell;

    background: #ddd;

    vertical-align: middle;

}



/* jp player */



div.jp-jplayer.jp-jplayer-video { 

    background-color: #292a2b;

}



.jp-jplayer-video video {

    margin-bottom: -6px;

}



div.jp-audio,

div.jp-video {

    color: #fff;

    font-size: 1em;

    font-family: Verdana, Arial, sans-serif;

    line-height: 1.6;

}



div.jp-audio,

div.jp-video { width: 100%; }



div.jp-interface {

    position: relative;

    z-index: 100;

    width: 100%;

    background: url(assets/img/jplayer_bg.png) repeat-x;

    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);

    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);

    box-shadow: 0px 1px 1px rgba(0,0,0,0.4);

}



div.jp-type-single div.jp-interface { height: 30px; }



div.jp-interface ul.jp-controls {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



div.jp-interface ul.jp-controls li { display: inline; }



div.jp-interface ul.jp-controls a {

    position: absolute;

    overflow: hidden;

    text-indent: -9999px;

}



a.jp-play,

a.jp-pause {

    z-index: 1;

    width: 33px;

    height: 30px;

    outline: none;

}



div.jp-type-single a.jp-play,

div.jp-type-single a.jp-pause {

    top: 0;

    left: 0;

}



a.jp-play { background: url("assets/img/jplayer-black-and-yellow.png") 0 0 no-repeat; }



a.jp-play:hover { background: url("assets/img/jplayer-black-and-yellow.png") -33px 0 no-repeat; }



a.jp-pause {

    display: none;

    background: url("assets/img/jplayer-black-and-yellow.png") 0 -30px no-repeat;

}



a.jp-pause:hover { background: url("assets/img/jplayer-black-and-yellow.png") -33px -30px no-repeat; }



div.jp-progress-container {

    position: absolute;

    top: 0;

    left: 34px;

    padding: 12px 10px;

    width: 225px;

    height: 6px;

}



div.jp-progress {

    position: absolute;

    overflow:hidden;

}



div.jp-type-single div.jp-progress {

    padding: 1px;

    width: 223px;

    height: 7px;

    background: url("assets/img/jplayer-black-and-yellow.png") 0 -192px repeat-x ;

}



.single div.jp-type-single div.jp-progress { width: 411px; }



div.jp-seek-bar {

    width: 0px;

    height: 5px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px;

    background: url("assets/img/jplayer-black-and-yellow.png") 0 -163px repeat-x;

    cursor: pointer;

}



div.jp-play-bar {

    width: 0px;

    height: 5px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px;

    background: url("assets/img/jplayer-black-and-yellow.png") 0 -133px repeat-x ;

}



/*The seeking class is added/removed inside jPlayer

div.jp-seeking-bg {

        background: url("pbar-ani.gif");*/



div.jp-volume-bar-container {

    position: absolute;

    top: 0;

    right: 20px;

    padding: 12px 10px;

    width: 40px;

    height: 6px;

}



div.jp-volume-bar {

    position: relative;

    overflow: hidden;

    width: 40px;

    height: 9px;

    background: url("assets/img/jplayer-black-and-yellow.png") 0 -192px repeat-x;

    cursor: pointer;

}



div.jp-type-single div.jp-volume-bar {

    top: 0;

    left: 18px;

}



div.jp-volume-bar-value {

    margin: 1px;

    width: 0px;

    height: 5px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px;

    background: url("assets/img/jplayer-black-and-yellow.png") 0 -133px repeat-x;

}



a.jp-mute,

a.jp-unmute {

    top: 9px;

    right: 60px;

    z-index: 1;

    width: 17px;

    height: 13px;

    outline: none;

}



.seperator-first,

.seperator-second {

    position: absolute;

    left: 32px;

    width: 2px;

    height: 30px;

    background:url(assets/img/seperator.png) no-repeat left;

}



.seperator-second {

    right:90px; 

    left:auto;

}



a.jp-mute { background: url("assets/img/jplayer-black-and-yellow.png") -5px -68px no-repeat; }



a.jp-mute:hover { background: url("assets/img/jplayer-black-and-yellow.png") -43px -68px no-repeat; }



a.jp-unmute {

    display: none;

    background: url("assets/img/jplayer-black-and-yellow.png") -5px -98px no-repeat;

}



a.jp-unmute:hover { background: url("assets/img/jplayer-black-and-yellow.png") -43px -98px no-repeat; }



div.jp-jplayer { background-color: #292a2b; }









/* Pagination */

.tw-portfolio .pagination{

    text-align: left;

}

.pagination{

    margin: 0;

}

.pagination ul{

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.tw-pagination {

    padding-top: 30px;

    border-top: 1px solid #d0d3d6;

}

.tw-pagination.pagination ul>li>a, .tw-pagination.pagination ul>li>span{

    margin-left: 4px;

    padding: 0;

    width: 34px;

    height: 34px;

    border: 1px solid #d0d3d6;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    color: #787d82;

    text-align: center;

    font-weight: bold;

    line-height: 34px;

}

.pagination ul>li>a.current, .pagination ul>li>span.current, .pagination ul>li>a:hover{

    border-color: #FF5744;

    background: #FF5744;

    color: #fff;

}









/* Comment Form Styling */

#comments {

    padding-top: 60px;

}

.comment-form-comment{

    width: 570px;

}

p.form-submit input{

    width: 270px;

    text-transform: uppercase;

}

#commentform input[type="text"], .comment-form-comment textarea{    

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

    -moz-box-sizing: border-box;    /* Firefox, other Gecko */

    box-sizing: border-box;         /* Opera/IE 8+ */

    margin-bottom: 0;

    padding: 20px;

    display: inline-block;

}

#commentform{

    width: 100%;

    display: inline-block;

}

#commentform .form-submit input[type="submit"]{

    width: 170px;

}

.comment-form-author p label {

    display: inline-block;

    margin-left: 20px;

    text-transform: uppercase;

}

.comment-form-author span.required {

    color: #fe4743;

}

.comment-form-comment textarea{

    display: inline-block;

    margin-bottom: 20px;

    padding: 15px 20px;

    width:100%;

    box-shadow:none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

}

#reply-title,.comment-title,.logged-in-as{

    margin-bottom: 30px;

    font-size: 13px;

    line-height: 1;

    text-transform: uppercase;

}

.logged-in-as {

    font-size: 11px;

}

.comment-title{

    font-size: 13px;

    line-height: 1;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.comment-author img {

    display: block;

    float: left;

    margin: 0 30px 30px 0;

}

.comment-meta{

    text-transform: uppercase;

    font-size: 11px;

    line-height: 1;

}

.comment-meta .comment-author-link {

    color: #222222;

}

.comment-body {

    position: relative;    

    margin-bottom: 25px;

    margin-left: 100px;

}

.comment-list

.comment-block .comment-block {

    margin-left: 110px;

}

.comment-author{

    margin-bottom: 10px;

}

.comment-block .comment{

    position: relative;

    float: left;

    margin-bottom: 30px;

    width: 100%;

}



.commentlist .bypostauthor { }

#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {

    width: 100% !important;

}





/* ------------ PAGE BUILDER ELEMENTS --------------- */



/* element title */

.tw-title-container {

    position: relative;

}

h3.tw-title {

    font-weight: normal;

    padding-bottom: 20px;

    margin-bottom: 30px;

    border-bottom: 1px solid #d0d3d6;

    line-height: 1;

}

.tw-title-border {

    position: absolute;

    bottom: 0;

    width: 30px;

    height: 1px;

    background: #FF5744;

}

.container-title {

    margin: 60px 0 -30px 30px;

}

.container-title h3.tw-title {

    text-align: center;

    margin-bottom: 0;

    border-bottom-color: transparent;

}

.container-title .tw-title-border {

    width: 80px;

    height: 2px;

    left: 50%;

    margin-left: -40px;

}

#sidebar .tw-widget-title-container .tw-title-border {

    display: none;

}





/* 07. Callout */

.span9 .tw-callout.with-button .callout-text{

    padding-right: 200px;

}

.style_2.tw-callout{

    border: none;

    background: #ff5744;

}

.style_2.tw-callout h1,.style_2.tw-callout p{

    color: #fff;

}

.style_2.tw-callout a{

    border-color: #fff !important;

}

.style_2 .btn-flat:hover{

    background: #fff !important;

    color: #FF5744 !important;

}

.tw-callout{

    border: 1px solid #d0d3d6;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    padding: 35px;

}

.tw-callout.with-button .callout-text{

    position: relative;

    padding-right: 250px;

}

.tw-callout h1{

    color: #222222;

    font-weight: normal;

    font-size: 24px;

    line-height: 1;

}

.tw-callout a{

    color: #FF5744;

}

.tw-callout p{

    font-size: 13px;

    margin:0;

}

.callout-text>a.btn{

    position: absolute;

    top: 50%;

    right: 0;

    font-size: 13px;

    padding: 16px 22px;

    margin: -24px 0 0;

    text-transform: uppercase;

}



/* 06. Service Box */

.tw-service-box{

    padding-bottom: 30px;

}

.left-service,.tw-service{

    display: inline-block;

    *display: inline;

}

.tw-service-box:last-child{

    padding-bottom: 0;

}

.tw-service-box .tw-service-icon{

    display: block;

    margin-bottom: 30px;

    text-align: center;

}

.tw-service-box.left-service .tw-service-icon{

    float: left;

}

.tw-service-box .tw-service-icon.pull-left,.tw-service-box .tw-service-icon.pull-right{

    margin-bottom: 10px;

}

.tw-service-box .tw-service-content.desc_unstyle{

    text-align:inherit;

}

.tw-service-box .tw-service-content{

    text-align: center;

}

.tw-service-box .tw-service-content a:hover{

    color: #222;

}

.tw-service-box h3{

    margin-bottom: 20px;

    color: #222222;

    font-weight: 400;

    line-height: 1;

}

.tw-service-content a{

    text-transform: uppercase;

    font-size: 11px;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

}

.tw-service-content h3 a{

    color: #aaa;

}

.tw-service-content h3 a:hover{

    color: #222222;

}

.tw-font-awesome{

    display: inline-block;

}

.tw-font-awesome.circle{

    -moz-border-radius: 1500px;

    border-radius: 1500px;

    -wenkit-border-radius: 1500px;

}

.tw-service-box.style-3 .tw-service-icon{

    margin: 0;

}

.tw-service-box.style-3 .tw-service-content h3{

    margin-top: 10px;

}

.tw-service-box.style-3 .tw-service-content p{

    margin-top: 18px;

}

.tw-service-box.style-4{

    border: 1px solid #d0d3d6;

    background: #fff;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -wenkit-border-radius: 3px;

    padding: 0 20px;

}

.tw-service-box.style-4 .tw-service-content h3{

    color: #222;

}

.tw-service-box.style-4 .tw-service-content p{

    color: #787D82;

}

.tw-service-box.style-4 .tw-service-content > a {

    background-color: #787d82;

    color: #fff;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -wenkit-border-radius: 3px;

    display: block;

    font-size: 13px;

    font-weight: bold;

    padding: 9px 0;

    margin-bottom: 20px;

}

.tw-service-box.style-4 .tw-service-content > a:hover {

    background-color: #FF5744;

}

/* 11. Accordion Bootstrap Modify ThemeWaves */

.accordion-heading .accordion-toggle{

    position: relative;

    color: #787d82;

    text-transform: uppercase;

    padding: 13px 18px;

}

.accordion-heading .accordion-toggle span.tw-check{

    background: #ff5744;

    float: right;

    padding: 0.5px 2px;

    text-align: center;

    margin-top: 4px;

    line-height: 8px;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

}

.accordion-heading .accordion-toggle span.tw-check .icon-plus,.accordion-heading .accordion-toggle.active span.tw-check .icon-minus{

    display: inline-block;

    color: #fff;

    font-size: 10px;

}

.accordion-heading .accordion-toggle span.tw-check .icon-minus,.accordion-heading .accordion-toggle.active span.tw-check .icon-plus{

    display: none;

}

.accordion-heading .accordion-toggle.active span.tw-check{

    color: #fff;

}

.accordion-group{

    border: 1px solid #d0d3d6;

    background: #FFF;

    border-bottom: none;

    margin-bottom: 0;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

}

.accordion-group:first-child{

    border-radius: 2px 2px 0px 0px;

    -webkit-border-radius: 2px 2px 0px 0px;

    -moz-border-radius: 2px 2px 0px 0px;

}

.accordion-group:last-child{

    margin-bottom: 0;

    border-bottom: 1px solid #d0d3d6;

    border-radius: 0px 0px 2px 2px;

    -webkit-border-radius: 0px 0px 2px 2px;

    -moz-border-radius: 0px 0px 2px 2px;

}

.accordion-inner{

    padding: 10px 20px;

}

.accordion-inner p:last-child{

    margin-bottom: 0;

}









/* Tab Top and Below Side */



.nav-tabs>li>a,.tabs-below>.nav-tabs>li>a{

    padding: 15px 20px;

    border: none;

    -webkit-border-radius:0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.tabs-top .nav li a span,.tabs-top-centered .nav li a span{

    margin-left: 10px;

}

.nav-tabs>li>a span,.nav-tabs>li>a i{

    display: inline-block;

}

.tabs-left>.nav-tabs>li a i,

.tabs-right>.nav-tabs>li a i{

    margin-left: 2px;

}

.tabs-left>.nav-tabs>li a i, .tabs-right>.nav-tabs>li a i{

    padding: 0;

}

.nav-tabs>li>a, .nav-pills>li>a{

    margin-right: -1px;

}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus{

    border: 1px solid #d0d3d6;

    border-bottom-color: transparent;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

}

.nav-tabs>li>a:hover,

.nav-tabs>li>a:focus,

.tabs-left>.nav-tabs>li>a:hover,

.tabs-left>.nav-tabs>li>a:focus,

.tabs-right>.nav-tabs>li>a:hover,

.tabs-right>.nav-tabs>li>a:focus{

    border: none;

    background: transparent;

}

.tabs-left>.nav-tabs .active>a,

.tabs-left>.nav-tabs .active>a:hover,

.tabs-left>.nav-tabs .active>a:focus{

    border-width: 1px;

    border-style: solid;

    border-color: #D0D3D6 #FFF #D0D3D6 #D0D3D6;

}

.tabs-right>.nav-tabs .active>a,

.tabs-right>.nav-tabs .active>a:hover,

.tabs-right>.nav-tabs .active>a:focus{

    border-width: 1px;

    border-style: solid;

    border-color: #D0D3D6 #D0D3D6 #D0D3D6 #FFF;

}

.nav-tabs{

    text-transform: uppercase;

    margin: 0;

    border-bottom: 0;

}

.tab-content{

    border: 1px solid #d0d3d6;

    padding: 20px;

    min-height: 100px;

    -webkit-border-radius: 0 3px 3px 3px;

    -moz-border-radius: 0 3px 3px 3px;

    border-radius: 0 3px 3px 3px;

}

.tab-content .tab-pane p:last-child {

    margin-bottom: 0;

}

.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus{

    border: 1px solid #d0d3d6;

    border-top-color: transparent;

}

.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus{

    border-top-color: transparent;

    border-bottom-color: #d0d3d6;

}

.tabs-below>.nav-tabs{

    border-top: none;

}

/* Tab Left and Right Side */

.tabs-left .tab-content,.tabs-right .tab-content{

    margin: 0;

}

.tabs-left>.nav-tabs{

    margin-right: -1px;

}

.tabs-right>.nav-tabs{

    margin-left: -1px;

}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a{

    padding: 15px 10px;

    min-width: 15px;

}

.tabs-left>.tab-content, .tabs-right>.nav-tabs>li>a{

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.tabs-right>.tab-content, .tabs-left>.nav-tabs>li>a{

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a{

    margin-bottom: 0;

}

.tabs-left>.nav-tabs>li>a span,.tabs-right>.nav-tabs>li>a span{

    padding: 0 10px;

}

/* Tabs Top Centered */

.tabs-top-centered .nav-tabs{

    text-align: center;

}

.tabs-top-centered .nav-tabs>li,.tabs-top-centered .nav-pills>li{

    text-align: center;

    display: inline-block;

    float: none;

}

.tabs-top-centered .tab-content,.tabs-left-centered .tab-content,.tabs-right-centered .tab-content{

    border: none;

}

.tabs-top-centered .tab-content{

    border-top: 1px solid #d0d3d6;

    padding: 20px 0;

}

.tabs-left-centered .tab-content{

    border-left: 1px solid #d0d3d6;

}

.tabs-right-centered .tab-content{

    border-right: 1px solid #d0d3d6;

}





/* ------------ Pricing table --------------- */



.tw-pricing-col {

    float: left;

}

.tw-pricing-four {

    width: 25%;

}



/* Table */

table{

    width:100%;

    border-spacing:0;

    border-collapse:collapse;

    background-color:transparent;

}

table th,table td{

    padding:8px;

    border-top:1px solid #f0f0f0;

    vertical-align:top;

    text-align:left;

    line-height:20px;

}

table th{

    font-weight:bold;

}

table thead th{

    vertical-align:bottom;

}

table tbody + tbody{

    border-top:2px solid #dddddd;

}



/* ------------ Twitter --------------- */

#sidebar aside.widget ul.jtwt { position: relative; list-style: none;}

#footer aside.widget ul.jtwt li,ul.jtwt li, .twitter-follow { margin-bottom: 0px; margin-left: 36px; line-height: 20px;}

#sidebar aside.widget ul.jtwt li{margin-left:0;}

#sidebar aside.widget ul.jtwt li:before,#footer aside.widget ul.jtwt li:before,ul.jtwt li:before{

    position: absolute;

    left: 0;

    display: inline-block;

    margin-top: 2px;

    color: #8d8d8d;

    content: "\f099";

    text-decoration: inherit;

    font-size: 16px;

    font-family: FontAwesome;

    speak: none;

}

aside.widget ul.jtwt li:last-child { margin-bottom: 0px; }

.jtwt_loader { font-weight: bold; }

.jtwt_picture { float: left; margin-right: 10px; }

a.jtwt_date { display: none; font-size: 12px;}





/* 08. Carousel Elements with Portfolio and Partnerss */



.caroufredsel_wrapper{

    margin: 0 !important;

    z-index: 0 !important;

}

.list_carousel {

    position: relative;

    margin: 0 -15px !important;

}

.list_carousel li {

    position: relative;

    display: block;

    float: left;

    margin: 0 15px;

    padding: 0;

    width: 270px;

    height: auto;

}

.related_portfolios .carousel-arrow {

    display: none;

}

.list_carousel > .carousel-arrow {

    position: absolute;

    top: -65px;

    height: 32px;

}

ul.tw-carousel {

    margin-left: 0;

    margin-bottom: 0;

}

.tw-carousel-portfolio li img,.tw-portfolio .loop-image img{

    width: 100%;

}

.tw-carousel-portfolio.list_carousel .car-por-container{

    top: 50%;

    position: relative;

    margin-top: -36px;

}

/* ThemeWaves Carousel */

.carousel-meta {

    padding: 0;

    line-height: 1;

}

.carousel-meta>div,.carousel-meta>div a {

    display: inline-block;

    text-transform: uppercase;

    font-size: 10px;

}

.carousel-meta>div {

    margin-right: 5px;

}

.carousel-meta>div.comment-count {

    margin-left: 5px;

}

.carousel-content {

    position: relative;

}

.carousel-content .carousel-arrow {

    position: static;

}

.carousel-arrow {

    position: absolute;

    z-index: 1;

    right: 15px;

}

.carousel-arrow a.carousel-prev, .carousel-arrow a.carousel-next {

    display: inline-block !important;

    width: 14px;

    height: 14px;

    text-align: center;

    font-size: 14px;

    line-height: 1; 

}

.carousel-arrow a.carousel-prev:hover, .carousel-arrow a.carousel-next:hover{

    color: #FF5744;

}

.carousel-bullet {

    text-align: center;

    margin-top: 30px;

    line-height: 1;

}

.carousel-bullet a {

    cursor: pointer;

    margin: 0 2px; 

    color: #d0d3d6;

}

.carousel-bullet a.selected, .carousel-bullet a:hover {

    color: #FF5744;

}

.carousel-video{

    overflow: hidden;

}

.carousel-video p {

    margin-bottom: 0;

}



/* Partners Carousel */



.tw-carousel-partner.list_carousel{

    margin: 0 !important;

}

.tw-carousel-partner.list_carousel li{

    margin: 0;

    padding: 20px;

    width: 130px;

    text-align: center;

}

.tw-carousel-partner .carousel-arrow{

    right: 0;

}



/* Portfolio Carousel */



.portfolio-content{

    padding: 20px 30px;

    -webkit-border-radius: 0 0 3px 3px;

    -moz-border-radius: 0 0 3px 3px;

    border-radius: 0 0 3px 3px;

    background-color: #fff;

    border: solid 1px #d0d3d6;

    border-top: 0;

}

.portfolio-content .meta-cat{

    text-align: center;

}

.image-overlay{

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.carousel-post-image img{

    display: inherit;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.carousel-text .carousel-arrow{

    position: relative;

    left: 0;

    bottom: 0;

    margin-top: 10px;

}

.carousel-text .portfolio-post-link {

    text-align: left;

    position: relative;

    margin-top: 0;

    right: 0;

}

.carousel-text .portfolio-post-link a {

    width: 36px;

    height: 36px;

    line-height: 36px;

    margin-left: 0;

    margin-right: 3px;

    background: #FF5744;

}



/* Post Carousel */

.image-overlay.post-carousel,.image-overlay.portfolio-carousel{

    background: rgba(255,87,68,.95);

}

.tw-carousel-post .carousel-content h3,h2.portfolio-title{

    text-transform: uppercase;

    font-size: 13px;

    padding: 13px 0 10px 0;

    margin: 0;

}

.portfolio-content > h2.portfolio-title{

    padding: 10px 0;

}

.portfolio-content > .meta-cat{

    margin-top: -5px;

    margin-bottom: 3px;

}

h2.portfolio-title{

    text-align: center;

    line-height: 1;

}

.tw-carousel-post .carousel-content h3 a{

    color: #222222;

}

.tw-carousel-post.list_carousel li{

    width: 270px;

}



/* Twitter Carousel */

.tw-carousel-twitter{

    padding: 0 30px !important;

}

.tw-carousel-twitter ul.jtwt li:before{

    display: none;

}

.tw-carousel-twitter ul.jtwt li, .tw-carousel-twitter .twitter-follow{

    margin-top: 5px;

    margin-left: 15px;

    text-align: center;

    z-index: 2;

}

.tw-carousel-twitter .twitter-follow,.tw-carousel-twitter ul.jtwt li span a{

    font-weight: bold;

}

.tw-carousel-twitter .twitter-follow span{

    font-weight: normal;

}

.tw-carousel-twitter .twitter-follow a{

    color: #fff;

}

.span9 .tw-carousel-twitter .twitter-follow a{

    color: #FF5744;

}

.tw-carousel-twitter ul.jtwt li span{

    display: inline-block;

    margin-bottom: 5px;

    font-size: 16px;

}

.tw-carousel-twitter.list_carousel li{

    width: 100%;

}

.tw-carousel-twitter .carousel-arrow{

    position: absolute;

    top: 50%;

    right: 0;

    z-index: 1;

    margin-top: -5px;

    width: 100%;

}

.tw-carousel-twitter .carousel-arrow .carousel-prev{

    position: absolute;

    left:0;

}

.tw-carousel-twitter .carousel-arrow .carousel-next{

    position: absolute;

    right:0;

}

.tw-carousel-twitter .icon-twitter{

    display: block;

    margin-bottom: 10px;

    text-align: center;

    font-size: 42px;

}



.tw-carousel-twitter.style2 {

    padding: 0 15px !important;

}

.tw-carousel-twitter.style2 .carousel-arrow {

    width: 28px;

    right: 15px;

    margin-top: -7px;

}

.tw-carousel-twitter.style2 .icon-twitter {

    font-size: 14px;

    position: absolute;

    margin: 0;

    line-height: 1.7

}

.tw-carousel-twitter.style2 .twitter-follow {

    font-size: 13px;

    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;

    text-transform: uppercase;

    margin-left: 10px;

}

.tw-carousel-twitter.style2 ul.jtwt li {

    margin: 0 20px;

    text-align: left;

}

.tw-carousel-twitter.style2 ul.jtwt li {

    margin: 0 30px 0 160px;

}

.tw-carousel-twitter.style2 ul.jtwt li span {

    font-size: 13px;

    margin: 0;

}



/* 17. Alert */



.alert{

    position: relative;

    margin-bottom: 6px;

    padding: 10px 20px;

    background-color: #f2fae3;

    border-color: #cccccc;

    text-shadow: none;

    color: #222;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.alert:last-child{

    margin-bottom: 0;

}

.alert .close{

    top: 1px;

    right: 0px;

    text-shadow: none;

}

.alert-warning,.alert-warning .close{

    color: #d85030;

}

.alert-warning{

    background-color: #fff1f0;

    border-color: #f3c0b6;

}

.alert-error,.alert-error .close{

    color: #e28327;    

}

.alert-error{

    background-color: #fffceb;

    border-color: #f6d7af;

}

.alert-success,.alert-success .close{

    color: #659f13;

}

.alert-success{

    background-color: #f2fae3;

    border-color: #c7dfa3;

}

.alert-info,.alert-info .close{

    color: #2d7091;

}

.alert-info{

    background-color: #ebf7fd;

    border-color: #b1cddc;

}



/* 18. Progress Bar */



.progress{

    position: relative;

    height: 100%;

    background: transparent;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.progress span{

    position: absolute;

    right: 0;

    top: 0;

    color: #787d82;

    line-height: 28px;

}

.progress .title{

    color: #222;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 700;

}

.progress .bar-container{

    position: relative;

    margin-top: 10px;

    background: #fff;

    padding: 0 0 6px 0;

    border: 1px solid #d0d3d6;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.progress .bar{

    position: absolute;

    top: -1px;

    left: -1px;

    padding: 4px 20px 4px 20px;

    -webkit-border-radius: 2px 0 0 2px;

    -moz-border-radius: 2px 0 0 2px;

    border-radius: 2px 0 0 2px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    text-align: left;

    text-shadow: none;

    filter:none;

}

.progress .full.bar{

    width: 101% !important;

    left: -2px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.progress .bar.tw-bi{    

    background-image: none;

}

.progress-striped .bar{

    -webkit-background-size: 50px 50px;

    -moz-background-size: 50px 50px;

    -o-background-size: 50px 50px;

    background-size: 50px 50px;

}



/* ------------ Button --------------- */



a.btn,#footer a.btn{

    color: #fff;

}

.btn{

    display:inline-block;

    margin: 0 10px 10px 0;    

    padding: 12.5px 20px; 

    background: #ff5744;

    font-weight: bold;

    font-size: 13px;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;

    line-height: 1;

    *display:inline;

    *zoom:1;

    position: relative;

    text-transform: uppercase;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}

.btn i{

    margin-right: 7px;

}

.btn span {

    position: absolute;

    z-index: -1;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}

.btn.rounded{

    overflow: hidden;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;  

}

.btn:hover{

    color: #fff;



}

.btn-flat:hover {

    background: transparent !important;

}

.btn.white-button.btn-flat {

    color: #222 !important;

}

.btn.white-button.btn-flat:hover {

    color: #fff !important;

}

.btn.white-button.btn-border:hover {

    color: #222 !important;

}

/* Button 6a */

.btn-flat {

    border: 2px solid;

}

.btn-flat.btn-hover2 {

    border: 2px dashed;

}

.btn-flat.btn-hover3 {

    border: 2px dotted;

}

.btn-flat.btn-hover4 {

    border: 4px double;

}

.btn-flat.btn-hover5 {

    border: 2px groove;

}

.btn-flat.btn-hover6 {

    border: 2px ridge;

}



a.btn-border{

    border: 2px solid #aaa;

    background: none;

    color: #aaa;

    z-index: 2;

}

.btn-border:hover {

    color: #fff !important;

}

/* Button 1a */

.btn-border span {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

}

.btn-border:hover span {

    opacity: 1;

}



/* Button 1b */

.btn-border.btn-hover2 span {

    width: 100%;

    height: 0;

    top: 0;

    left: 0;

}

.btn-border.btn-hover2:hover span {

    height: 100%;

}



/* Button 1c */

.btn-border.btn-hover3 span {

    width: 0%;

    height: 100%;

    top: 0;

    left: 0;

}

.btn-border.btn-hover3:hover span {

    width: 100%;

}



/* Button 1d */

.btn-border.btn-hover4 {

    overflow: hidden;

}

.btn-border.btn-hover4 span {

    width: 0;

    height: 103%;

    top: 50%;

    left: 50%;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}

.btn-border.btn-hover4:hover span {

    width: 90%;

    opacity: 1;

}



/* Button 1e */

.btn-border.btn-hover5 {

    overflow: hidden;

}

.btn-border.btn-hover5 span {

    width: 100%;

    height: 0;

    top: 50%;

    left: 50%;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(30deg);

    -moz-transform: translateX(-50%) translateY(-50%) rotate(30deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(30deg);

    transform: translateX(-50%) translateY(-50%) rotate(30deg);

}

.btn-border.btn-hover5:hover span {

    height: 200%;

    opacity: 1;

}



/* Button 1f */

.btn-border.btn-hover6 {

    overflow: hidden;

}

.btn-border.btn-hover6 span {

    width: 101%;

    height: 0;

    top: 50%;

    left: 50%;

    background: #fff;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}

.btn-border.btn-hover6:hover span {

    height: 70%;

    opacity: 1;

}

.btn-small{

    padding:12px;

    font-size: 11px;

}

.btn-large{

    padding: 16px 20px;

    font-size: 14px;

}

/* Label */

.label {

    padding: 0px 4px;

    background-color: #00bef2;

    font-weight: normal;

    text-shadow: none;

    line-height: 1.6;

    font-size: 13px;

    border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

}





/* Dropcaps */

.tw-dropcap {

    float: left;

    margin-top: 5px;

    margin-right: 20px;

    padding: 12px 15.5px;

    background-color: #FF5744;

    color: #FFF;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 24px;

    line-height: 1;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.tw-dropcap.cap_circle{

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.tw-dropcap.cap_border{

    border: 2px solid #FF5744;

    background-color: transparent;

}





/* Price Block */

.tw-pricing {

    width: 100%;    

}

.tw-pricing-two {

    width: 50%;

}

.tw-pricing-three {

    width: 33.333%;

}

.tw-pricing-four {

    width: 25%;

}

.tw-pricing-five {

    width: 20%;

}

.tw-pricing-col {

    float: left;

}

.tw-pricing-col .tw-pricing-box div{

    background: #ebeff2;

}

.tw-pricing p,.tw-pricing .tt-button,.tw-pricing ul {

    margin-bottom: 0px;

}

.tw-pricing-box {

    text-align: center;

    border-right: 1px solid #FFF;

}

.tw-pricing-col:last-child .tw-pricing-box{

    border-right: none;

}

.tw-pricing-bottom ul li {

    padding: 10px 15px;

}

.tw-pricing-bottom ul li:first-child{

    padding: 30px 15px 10px 15px;

}

.tw-pricing-bottom ul li:last-child{

    padding: 10px 15px 30px 15px;

}

.tw-pricing-col .tw-pricing-box .tw-pricing-top{

    padding: 25px 0;

    background: #787d82;

}

.tw-pricing-col .tw-pricing-box .tw-pricing-header{

    padding: 15px;

    background: #787d82;

    border-bottom: 1px solid #FFF;    

}

.tw-pricing-col .tw-pricing-box .tw-pricing-footer{

    margin-top: -20px;

    padding: 0px 40px 0;

}

.tw-pricing-footer a{

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 15px 20px;

    width: 100%;

    color: #fff;

    text-align: center;



    position: relative;

    bottom: -20px;

}

.tw-pricing-header h1 {

    margin-bottom: 0px;

    color: #FFF;

    font-size: 18px;

    line-height: 1.1;

    text-transform: uppercase;

    font-weight: normal;

}

.tw-pricing-top>span:first-child {

    font-weight: bold;

    font-size: 42px;

    line-height: 1;

}

.tw-pricing-top>span:last-child {

    position: relative;

    margin-left: 4px;

}

.tw-pricing-top span{

    display: block;    

    color: #FFF;

}

.tw-pricing-bottom ul {

    margin: 0 20px;

    list-style: none;

}

.tw-pricing-bottom p {

    padding: 10px 20px;

}

.tw-pricing .tw-featured .tw-pricing-header,.tw-pricing .tw-featured .tw-pricing-top{

    background: #FF5744;

}

.tw-pricing .tw-featured .tw-pricing-footer a{

    background: #787D82;

}



/* Testimonials */

.tw-testimonials .carousel-arrow{

    right: 0;

}

.tw-testimonials,.tw-testimonials.list_carousel{

    position: relative;

    margin: 0 !important;

}

.tw-testimonials ul{

    margin: 0;

    list-style: none;

}

.tw-testimonials .testimonial-author{

    border: 3px solid #FFF;

    float: left;

}

.testimonial-item {

    position: relative;

    padding: 30px 20px 20px;

    background: #ff5744;

    margin: 0;

}

.testimonial-item:after{

    content: '';

    position: absolute;

    bottom: -15px;

    left: 0;

    width: 0px;

    height: 0px;

    border-style: solid;

    border-width: 15px 0px 0 20px;

    border-color: #787d82 transparent transparent transparent;

}

.testimonial-item:after{

    color:#787d82;

}

.testimonial-content {

    margin-top: -6px;

    margin-left: 70px;

    line-height: 1.7;

    min-height: 60px;

    color: #fff;

}

.tw-testimonials .caroufredsel_wrapper a,.tw-testimonials .caroufredsel_wrapper a:hover{

    color: #ff5744;

}

.tw-testimonials>.caroufredsel_wrapper>ul>li{

    display: inline-block;

    margin: 0;

}

p.testimonial-name{

    margin: 20px 0 0 40px;

    text-transform: uppercase;

}

/* Testimonial Style Another */

.style_1 .testimonial-item{

    padding: 30px 20px 30px 50px;

    background: #fff;

    border: solid 1px #d0d3d6;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.style_1 .testimonial-content{

    color: #787d82;

    font-style: italic;

    margin: 0;

    min-height: 0;

}

.style_1 .testimonial-item:before{

    content: "\f10e";

    font-family: FontAwesome;

    color: #ff5744;

    position: absolute;

    left: 20px;

    font-size: 14px;

    top: 40px;

}

.style_1 .testimonial-item:after{

    background: url(assets/img/test-arrow.png) no-repeat center center;

    left: 8px;

    bottom: -16px;

    width: 50px;

    height: 25px;

    border: none;

}

.style_1.tw-testimonials .testimonial-author{

    margin-top: 20px;

    padding: 3px;

    background: white;

    border: 1px solid #D0D3D6;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.style_1.tw-testimonials .testimonial-author img{

    width: 60px;

    height: 60px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.style_1 p.testimonial-name{

    margin: 32px 0 0 82px;

    text-transform: uppercase;

    font-weight: bold;

    color: #222;

}

.style_1 a.company{

    margin-left: 15px;

}

/* Portfolio Styling */

.single-portfolio-half .span3.pos-top,.single-portfolio-full .span3.pos-top{

    position: fixed;

    top: 75px;

}

.single-portfolio-half .span3.pos-bottom,.single-portfolio-full .span3.pos-bottom{

    position: absolute;

    bottom: 0px;

    right: 0px;

}

.single-portfolio-half .portfolio-single-content{

    margin-top: 30px;

}

.tw-portfolio .tw-filter ul{

    margin-bottom: 0;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 1;

}

.tw-filter ul li{

    padding: 0;

    line-height: 1;

}

.tw-filter{

    padding-bottom: 40px;

}

.tw-filter ul li:after{

    padding: 0 10px;

    content: '•';

}

.tw-filter ul li:last-child:after{

    display: none;

}

.tw-filter ul li a{

    color: #8d8d8d;

}

.tw-filter ul li a:hover, .tw-filter ul li a.selected{

    color: #ff5744 !important;

    font-weight: bold;

}

.portfolio-post-link {

    position: absolute;

    right: 10px;

    top: 50%;

    margin-top: -18px;

}

.portfolio-post-link a{

    width: 36px;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    text-align: center;

    display: inline-block;

    margin-left: 3px;

    color: #fff;

    background: rgba(0,0,0,.2);    

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}

.portfolio-post-link a:hover{

    color: #fff !important;

    background: rgba(0, 0, 0, 0.5)

}

.portfolio-layout-classic .image-overlay .car-por-container{

    top: 50%;

    position: relative;    

    margin-top: -60px;

}

.portfolio-layout-classic .image-overlay .image-links{

    margin-top: 15px;

}

.portfolio-layout-masonry article.tw_portfolio {

    height: 270px;

    overflow: hidden;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;    

}

.portfolio-layout-masonry h2.portfolio-title {

    text-align: left;

}

.portfolio-layout-masonry .image-overlay .car-por-container{

    top: auto;

    bottom: 30px;

    left: 30px;

    height: auto;

    position: absolute;    

    text-align: left;

}

.portfolio-layout-masonry .meta-cat {

    padding-bottom: 15px;

}

.portfolio-layout-full.loading{

    background-image:    url("assets/img/prettyPhoto/loader.gif");

    background-color: #FFF;

    background-position: center;

    background-repeat:   no-repeat;

}

.portfolio-layout-full.loading article{

    opacity: 0;

}

.portfolio-layout-full .image-overlay-siblings{

    background-color: rgba(34, 34, 34, 0.8);

    position: absolute;

    z-index: -1;

    top: 0;

    overflow: hidden;

    width: 100%;

    height: 100%;

    opacity:0;

    -webkit-transition: all 450ms ease-out 0s;

    -moz-transition: all 450ms ease-out 0s;

    -o-transition: all 450ms ease-out 0s;

    transition: all 450ms ease-out 0s;

}

.portfolio-layout-full .image-overlay h2.portfolio-title{

    text-align: left;

    padding: 20px 60px 10px 20px

}

.portfolio-layout-full .image-overlay .image-links{

    position: absolute;

    right: 20px;

    top: 20px;

}

.theme-boxed #main .tw-portfolio .portfolio-row-full{

    margin-left: -75px;

    width: 1290px;

}

.image-overlay .meta-cat a,.image-overlay .meta-cat{

    color: #fff;

}

.portfolio-layout-full .car-por-container .meta-cat{

    text-align: left;

    padding-left: 20px;

    padding-bottom: 15px;

}

#main .tw-portfolio article.tw_portfolio>.loop-image{

    width : 100%;

    height: 100%;

}

#main .tw-portfolio article.tw_portfolio .image-overlay-item{

    position: absolute;

    bottom: 30px;

    left: 30px;

}

#main .tw-portfolio article.tw_portfolio>.gallery-container{

    max-height: 100%;

}

#main .tw-portfolio article.tw_portfolio {    

    margin-top: 0;

    overflow: hidden;

}

#main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio{

    height: 270px !important;

}

#main .tw-portfolio .portfolio-layout-full{

    margin-left: 30px;

    margin-bottom: 30px;

}

#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio{

    height: 250px;

    margin: 0px 0px 0px 0px;

}



#main .tw-portfolio .port-column-2>.portfolio-layout-full>article.tw_portfolio{

    width: 49.999998%;

}

#main .tw-portfolio .port-column-3>.portfolio-layout-full>article.tw_portfolio{

    width: 33.32%;

}

#main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio{

    width: 24.9813%;

}

#main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio{

    width: 19.99%;

}

#main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio{

    width: 16.641846%;

}

.theme-full #main .tw-portfolio .port-column-4>.portfolio-layout-full>article.tw_portfolio{

    width: 24.979%;

}

.theme-full #main .tw-portfolio .port-column-5>.portfolio-layout-full>article.tw_portfolio{

    width: 19.97475%;

}

.theme-full #main .tw-portfolio .port-column-6>.portfolio-layout-full>article.tw_portfolio{

    width: 16.63%;

}

#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio .loop-image>img,#main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio .loop-image>img,

#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio .loop-image>a>img,#main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio .loop-image>a>img{

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 50%;

}

#main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio .loop-image>img{

    height: 100% !important;

}

#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio .loop-image>img,#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio .loop-image>a>img{

    margin-top: -1px;

    margin-left: -1px;

}

#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio.hover-siblings .image-overlay-siblings{

    opacity: 1;

    z-index: 11;

}

#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio>.loop-image{

    height: auto;

    -webkit-transition: all 250ms;

    -moz-transition:    all 250ms;

    -o-transition:      all 250ms;

    transition:         all 250ms;

}

#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio .loop-image>.image-overlay{

    z-index: 1;

    opacity: 1;

    position: relative ;

    background-color: #ff5744;

}

#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio img,#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio .image-overlay,#main .tw-portfolio .portfolio-layout-full>article.tw_portfolio .image-overlay-siblings{

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

#main .tw-portfolio .portfolio-layout-masonry>article.tw_portfolio.style-3{

    height: 570px !important;

}

#main .tw-portfolio .tw-pagination{

    margin-bottom: 40px;

}

#main .related_portfolios {

    margin-top: 0;

}

#main .related_portfolios .tw-portfolio article.tw_portfolio {

    float: left;

    margin-bottom: 0px;

    margin-top: 0px;

}

.tw-portfolio article.tw_portfolio p, .tw-portfolio article.tw_portfolio div.jp-audio, .tw-portfolio article.tw_portfolio div.jp-video {

    margin-bottom: 0;

}

.portfolio-carousel h2.portfolio-title a,.portfolio-carousel h2.portfolio-title a:hover{

    color: #fff;        

}

h2.portfolio-title a{

    color: #222;        

}

h2.portfolio-title a:hover{

    color: #FF5744;        

}

article.single-portfolio iframe{

    width: 100%;

}

article.single-portfolio .meta-cat i{

    padding-right: 5px;

}

article.single-portfolio .meta-cat a, article.single-portfolio .meta-fav span{

    color: #222222;

    font-weight: bold;

}

article.single-portfolio .meta-cat{

    margin-bottom: 20px;

}



.tw-pagination.pagination ul>li>a.selected{

    background: #FF5744;

    color: #fff;

}

h2.portfolio-single{

    line-height: 1;

    font-size: 13px;

    text-transform: uppercase;

    margin-bottom: 24px;

}

.portfolio-desc {

    margin-bottom: 24px;

}

.portfolio-options {

    margin-bottom: 24px;

}

article.single-portfolio-half {

    margin-bottom: 30px;

}

.single-portfolio-half .portfolio-options {

    margin-top: 50px;

}

.portfolio-options i{

    color: #ff5744;

    margin-right: 10px;

}

.portfolio-options p {

    margin-bottom: 5px;

}



/* Isotope CSS3 transitions */



.isotope,

.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}



.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    -ms-transition-property: height, width;

    -o-transition-property: height, width;

    transition-property: height, width;

}



.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property:    -moz-transform, opacity;

    -ms-transition-property:     -ms-transform, opacity;

    -o-transition-property:      -o-transform, opacity;

    transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -ms-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s;

}

/* Theme Boxed Layout Style*/

.theme-boxed{

    margin: 0px auto;

    width: 1200px;

    background: #FFF;

}

.ie8 .theme-boxed{

    width: 1000px;

}

/* Scroll Up Style */

#scrollUp {

    position: fixed;

    right: 30px;

    bottom: 30px;

    display: none;

    width: 50px;

    height: 50px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    background-color: rgba(0,0,0,0.2);

    font-size: 16px;

    line-height: 50px;

    cursor: pointer;

}

#scrollUp:hover{

    background-color: rgba(0,0,0,0.4);

}

.hidden{

    display: none;

}





/* Infinite Scroll */



.tw-infinite-scroll>.loading,

.tw-infinite-scroll[data-has-next="false"]>.next,

.tw-infinite-scroll[data-has-next="true"]>.no-more{

    display: none;

}

.tw-infinite-scroll>a.next>i{

    margin-right: 10px;

}





/* List */



ul.tw-list{

    list-style: none;

}

ul.tw-list>li>i{

    margin-right: 5px;

    margin-left: -15px;

}

ul.tw-list li{

    line-height: 2;

}

/* Contact Form 7 */



.wpcf7-form-control-wrap input{

    display: inline-block;

}

.wpcf7-form-control-wrap textarea{

    width: 83%;

}



/* Google map Remove */



#google-map{

    margin-bottom: -5px;

}

.theme-boxed .tw-full-element {

    margin-left: -45px;

    width: 1260px;

}

@media (max-width: 1199px) {

    .theme-boxed .tw-full-element {

        margin-left: -30px;

        width: 1000px;

    }

}



/* Graph Chart, Pie Chart on Page Builder */

.list-desc,.with-list-desc{

    display: inline-block;

    vertical-align: middle;

}

.list-desc{

    width: 20%;

    opacity: 0;

}

.with-list-desc{

    width: 70%;

}

.list-desc>ul{

    list-style: none;

}

.list-desc>ul>li>i{

    margin-right: 10px;

}

/* Circle Chart on Page Builder */

.tw-circle-chart {

    position: relative;

    text-align: center;

    margin: 0 auto;

}

.style-4 .tw-circle-chart{

    background: #fff;

}

.tw-circle-chart.style_2 {

    display: inline-block;

    *display: inline;

    margin: 0 10px 10px 0;

}

.tw-circle-chart canvas {

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

}

/* MileStone */

.tw-milestones-count>.tw-milestones-show{

    position: relative;

    float: left;

    overflow: hidden;

    width: 20px;

    height: 40px;

    top: 5px;

    text-align: right;

}

.tw-milestones-count>.tw-milestones-show>ul{

    position: absolute;

    margin: 0px;

    list-style: none;

}

.tw-milestones-count{

    color: #222222;

    font-weight: bold;

    font-size: 31px;

}

.tw-milestones .tw-milestones-icon.float-left,.tw-milestones .tw-milestones-content.float-left{

    float: left;

}

.tw-milestones .tw-milestones-icon.centered,.tw-milestones .tw-milestones-content.centered{

    text-align: center;

    margin: 0;

    margin-bottom: 10px;

}

.tw-milestones .tw-milestones-content.centered .tw-milestones-count{

    display: inline-block;

    *display: inline;

    text-align: center;

}

.tw-milestones .tw-milestones-icon{

    margin-right: 25px;

}

.tw-milestones-content p{

    text-transform: uppercase;

    margin: 0;

    line-height: 1;

}

.tw-milestones-show ul li{

    line-height: 1.5;

}



/* Coming Soon */

.tw-cs-container{

    background: #fff;

    padding: 60px 0;

    text-align: center;

    margin: 0;

}

.page-template-page-comingsoon-php #main{

    padding: 150px 0;

    background: transparent;

}

.page-template-page-comingsoon-php h1,

.tw-coming-soon h1{

    margin: 15px 0;

    font-size: 36px;

    text-transform: uppercase;

    font-weight: normal;

}

.tw-coming-soon .days,

.tw-coming-soon .hours,

.tw-coming-soon .minutes,

.tw-coming-soon .seconds {

    position: relative;

    color: #fff;

    font-weight: bold;

    background: #FF5744;

    width: 92px;

    margin-right: 10px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}



.tw-coming-soon .count {

    font-size: 36px;

    line-height: 1;

    padding: 20px 20px 10px 20px;

}

.tw-coming-soon .text{

    line-height: 1;

    padding: 10px 20px 20px 20px;

}

.tw-coming-soon span.coming-soon{

    width: 62px;

    height: 0px;

    display: block;

    margin-left: 16px;

    border-top: 1px solid rgba(0,0,0,.15);

    border-bottom: 1px solid rgba(255,255,255,.15);

}

.tw-coming-soon, .subscribe-container input {

    display: inline-block;

}

.subscribe-container input.btn{

    background: #787d82;

}

.subscribe-container input{

    padding: 15px 20px;

    margin: 0;

    margin-right: 10px;

}

.tw-coming-soon>div{

    float:left;

}

.tw-coming-soon>.sep{

    font-size: 48px;

    padding: 10px 17px;

}

.tw-coming-soon-content {

    width: 700px;

    margin: 20px auto;

}









/* Error 404 */



#error404-container{

    position: relative;    

    margin: 150px 0;

}

h3.error404{

    text-align: center;

    text-transform: uppercase;

    font-size: 72px;

}

h2.errorh2{

    text-align: center;

    font-size: 24px;

    font-weight: normal;

    color: #787d82;

}

h3.error404 span{

    color: #FF5744;

}

.tw-404-search-container form{

    display: inline-block;

    margin: 0;

}

.tw-404-search-container form#searchform input{

    margin: 0;

    width: 100%;

    border: 1px solid #d0d3d6;

    background: transparent;

}

.tw-404-search-container form#searchform i{

    color: #787d82;

}

.error4button,.tw-404-search-container form{

    position: relative;

    margin: 10px;

    text-transform: uppercase;

}

.tw-404-search-container{

    text-align: center;

}



/* Light color Scheme */



/* Dark color Scheme */



.dark h1,

.dark h2,

.dark h3,

.dark h4,

.dark h5,

.dark h6,

.dark a,

.dark p,

.dark .tw-service-content a,

.dark .tw-service-box .tw-service-content p a:hover,

.dark .icon-twitter,

.dark .tw-carousel-twitter ul.jtwt li,

.dark .tw-carousel-twitter ul.jtwt li a,

.dark .twitter-follow,

.dark h2.loop-title a,

.dark h3.tw-title,

.dark ul.loop-meta li span.date,

.dark ul.loop-meta li a,

.dark .tw-service-content a,

.dark .tw-callout h1,

.dark ul.tw-list,

.dark .tw-milestones-count>.tw-milestones-show>ul,

.dark .tw-filter ul li a:hover,

.dark .tw-filter ul li a.selected,

.dark .tw-carousel-post .carousel-content h3 a,

.dark ul.jtwt li span,

.dark #sidebar aside.widget ul.jtwt li:before,

.dark #footer aside.widget ul.jtwt li:before,

.dark ul.jtwt li:before,

.dark h1.tw-coming-soon-title,

.dark .carousel-meta,

.dark .tw-portfolio .meta-cat a,

.dark .progress span,

.dark .progress .title,

.dark .tw-portfolio .meta-cat,

.dark .style_1 p.testimonial-name,

.dark .tw-testimonials .caroufredsel_wrapper a,

.dark .tw-testimonials .caroufredsel_wrapper a:hover{

    color: #fff;

}

.dark .accordion-group p,.dark .meta-cat a,.dark .image-overlay-content .carousel-meta>div a,.dark .image-overlay-content .carousel-meta{

    color: #787D82;

}

.dark ul.jtwt li span a,.dark .tab-content .tab-pane p,.dark .tw-social-icon a{

    color: #aaa;

}

.dark .testimonial-content p,.dark  .testimonial-content p a,.dark .tw-carousel-post .image-overlay-content h3 a{

    color: #222222;

}

.dark h2.loop-title:hover a{

    color: #FF5744;

}

.dark .tw-title-border{

    background: #fff;

}

.dark .pagination ul>li>a.current,

.dark .pagination ul>li>span.current,

.dark .pagination ul>li>a:hover,

.dark .tw-pagination.pagination ul>li>a,

.dark .tw-pagination.pagination ul>li>span{

    background: transparent;

}

.dark .tw-carousel-partner.list_carousel li,

.dark .tw-carousel-partner .caroufredsel_wrapper,

.dark aside > ul,

.dark #sidebar aside.widget ul li{

    border-color: transparent;

}

.dark .tw-carousel-twitter .carousel-arrow a.carousel-prev,

.dark .tw-carousel-twitter .carousel-arrow a.carousel-next{

    color: #fff;

}

/* Site Loader */

body section#loading{

    display: none;

}

body.loading section#main{

    opacity: 0;

    height: 0px;

    overflow: hidden;

}

body.loading section#loading{

    display: block;

    width: 100%;

    min-height: 300px;

    background-image:    url("assets/img/prettyPhoto/loader.gif");

    background-color: #FFF;

    background-position: center;

    background-repeat:   no-repeat;

}

/* Before After */

.twentytwenty-container img{

    width: 100%;

    height: auto;

}



/* Nice Scrolling Fix */

#ascrail2000{

    z-index: 10000 !important;

    background-color: #f0f0f0;

    width: 9px!important;

}



.tw_styled_seperator {

    line-height: 0;

    text-align: center;

}

.sep_border > div {

    height: 1px;

    width: 100%;

}

.sep_roundedsplit > div {

    display: inline-block;

    height: 30px;

    width: 50%;

}

.sep_roundedsplit > div:first-child {

    -webkit-border-top-right-radius: 80px;

    -moz-border-radius-topright: 80px;

    border-top-right-radius: 80px;

}

.sep_roundedsplit > div:last-child {

    -webkit-border-top-left-radius: 80px;

    -moz-border-radius-topleft: 80px;

    border-top-left-radius: 80px;

}

.sep_boxes > div {

    height: 10px;

    width: 100%;

    -webkit-background-size: 50px 100%;

    background-size: 50px 100%;

}

.sep_halfcircle {

    display: inline-block;

}

.sep_halfcircle > div {

    height: 50px;

    width: 100px;

    margin-bottom: -20px;

    -webkit-border-top-left-radius: 100px;

    -webkit-border-top-right-radius: 100px;

    -moz-border-radius-topleft: 100px;

    -moz-border-radius-topright: 100px;

    border-top-left-radius: 100px;

    border-top-right-radius: 100px;

}



.sep_multitriangles {

    display: inline-block;

    position: relative;

    top: 15px;

    margin-left: 30px;

}

.sep_multitriangles > div {

    width: 30px;

    height: 30px;

    -webkit-transform: translateX(-50%) rotate(45deg);

    transform: translateX(-50%) rotate(45deg);

}

.sep_triangle {

    display: inline-block;

    position: relative;

    top: 25px;

    margin-top: -30px;

    margin-left: 80px;

}

.sep_triangle > div {

    width: 50px;

    height: 50px;

    -webkit-transform: translateX(-50%) rotate(45deg);

    transform: translateX(-50%) rotate(45deg);

}

.sep_diagonal, .sep_diagonal2 {

    position: relative;

    height: 80px;

    width: 100%;

    overflow: hidden;

}

.sep_diagonal > div, .sep_diagonal2 > div {

    position: absolute;

    top: 90px;

    left: -25%;

    width: 150%;

    height: 100px;

    -webkit-transform: rotate(-2deg);

    transform: rotate(-2deg);

    -webkit-transform-origin: 2% 0;

    transform-origin: 2% 0;

}

.sep_diagonal2 > div {

    top: 0;

    -webkit-transform: rotate(2deg);

    transform: rotate(2deg);

    -webkit-transform-origin: 15% 0;

    transform-origin: 15% 0;

}



.sep_zigzag > div {

    height: 30px;

    margin-top: -15px;

    background-position: 50%;

    background-size: 30px 100%;

}



.sep_roundedges {

    position: relative;

}

.sep_roundedges > div {

    height: 200px;

    width: 200px;

    position: absolute;

    top: -150px;

    left: 0;



    height: 200px;

    width: 200px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}

.sep_roundedges > div:last-child {

    left: auto;

    right: -100px;

}

.sep_roundedges > div:first-child {

    left: -100px;

}



.sep_inczigzag > div {

    width: 100%;

    height: 30px;

    background-size: 60px 100%;

}



.sep_stamp {

    margin-bottom: -100px;

}





/* Only Mozilla Top Widget */

@-moz-document url-prefix() {

    .tw-top-widget[id*="woocommerce_widget_cart"] {

        line-height: 37px;

    }

    input[type="text"],

    input[type="password"],

    input[type="email"],

    textarea,

    select  {

        height:42px;

        padding: 0 20px !important;

    }

}

/*

.ls-layer{

    z-index: 99;

}

.ls-bg{

    position: fixed;

}*/





