/*
Tags: blue, gray, green, orange, pink, purple, red, white, yellow, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, responsive-layout, custom-colors, custom-menu, full-width-template, theme-options, translation-ready

[Table of contents]

1. CSS RESET
2. Global Styles
    2.1. Columns & sections
    2.2. Globals
    2.3. CSS Effects
        2.3.1. Material ripple
    2.4. Fancybox
    2.5. Inner Columns
    2.6. Clearfix
3. Header
    3.1. Transparent Header
    3.2. Main Menu
    3.3. Mega Menu
    3.4. Title/Breadcrumbs Bar
4. Slider Place
5. Videos
6. Blog
    6.1. Main Post Layout
    6.2. Blog Timeline
    6.3. Blog Posts
    6.4. Related Articles
    6.5. Post Comments
    6.6. Post Pagination
7. Contact Form 7
8. Widgets
    8.1. Search
    8.2. Categories
    8.3. Widget Nav Menu
    8.4. RSS
    8.5. Recent comments
    8.6. Tag Cloud
    8.7. Flickr stream
    8.8. Recent Posts Extended Widget
    8.9. Contact Info Widget
    8.10. Twitter Widget
    8.11. Social Media Buttons Widget
    8.12. Archives Widget
    8.13. Calendar Widget
    8.14. Categories Widget
    8.15. RSS and Twitter Widget
    8.16. Pages widget
    8.17. Meta widget
    8.18. Featured Posts widget
    8.19. Recent Posts widget
    8.20 Recent posts (wp native) widget
9. Pages
    9.1. Portfolio
        9.1.1. Portfolio - 3 Columns
        9.1.2. Portfolio - 4 Columns
        9.1.3. Featured Gallery
        9.1.4. Nivo Slider
    9.2. 404 Page
10. Other
    10.1. Spiral Testimonials
        10.1.1. Spiral Testimonials - Picture Middle
        10.1.2. Spiral Testimonials - Picture Bottom
        10.1.3. Spiral Testimonials - Picture Top
        10.1.4. Spiral Testimonials - Big
    10.2. Spiral Tweet Scroller
        10.2.1. Spiral Tweet Scroller - Wide Style
        10.2.2. Spiral Tweet Scroller - Narrow Style
    10.3. Spiral Simple Subscribe
    10.4. Creator Elements
        10.4.1. Element: Animation Box
        10.4.2. Element: Abbreviation
        10.4.3. jQuery UI helpers
        10.4.4. Element: Tabs
        10.4.5. Element: Accordion
        10.4.6. Element: Toggle
        10.4.7. Element: Tables
        10.4.8. Element: Alert boxes
        10.4.9. Element: Blockquote
        10.4.10. Element: UL
        10.4.11. Element: Follow us links
        10.4.12. Element: Stats Excerpt
        10.4.13. Element: Knob
        10.4.14. Element: Team
        10.4.15. Element: Posts
        10.4.16. Element: Priceboxes
        10.4.17. Element: Progress bar
        10.4.18. Element: Search Field
        10.4.19. Element: Service boxes
        10.4.20. Element: Metro Boxes
        10.4.21. Element: Divider
        10.4.22. Element: Pullquote
        10.4.23. Element: Tooltip
        10.4.24. Element: Source Code
        10.4.25. Element: RSS Feed
        10.4.26. Element: Children
        10.4.27. Element: Sitemap
        10.4.28. Element: Google Map
        10.4.29. Element: Dropcap
        10.4.30. Element: Videos
        10.4.31. Element: Clear
        10.4.32. Element: Callout Boxes
        10.4.33. Element: Image Callout Boxes
        10.4.34. Element: Buttons
        10.4.35. Element: Countdown
        10.4.36. Email Link
        10.4.37. Image Carousel
        10.4.38. Post Excerpt Carousel
        10.4.39. Team Member Carousel
        10.4.40. Tipsy
        10.4.41. Element: Modal
11. Footer
    11.1. Footer Widgets
        11.1.1. RSS and Twitter Follow
        11.1.2. RSS
        11.1.3. Calendar
        11.1.4. Categories List
        11.1.5. Archives List
        11.1.6. Pages
        11.1.7. Twitter
        11.1.8. Meta
        11.1.9. Side Menu
        11.1.10. Search
        11.1.11. Woocommerce Cart
        11.1.12. Post Excerpt extended
        11.1.13. Tag Cloud
        11.1.15. Contact
        11.1.16. Recent Comments
12. Responsive


/*-----------------------------------------------------------------*/
/* 1. CSS RESET
/*-----------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    min-height: 100%;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height:auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

input[type="text"],input[type="email"], textarea, select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: inherit;
}

input[type="password"]{
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    padding: 12px 0 10px 20px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    display:block;
    border-bottom: 1px solid #d3d7da;
    width: 100%;
}

select{
    background: transparent url("../images/select.png") no-repeat 95% 50%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

/*-----------------------------------------------------------------*/
/* 2. Global Styles
/*-----------------------------------------------------------------*/
/*-------- 2.1. Columns & sections --------*/
.spiral_container{
    width: 100%;
}

.spiral-centered{
    text-align: center;
}

.spiral-inversed_text{
    color: #fff;
}

.spiral-inversed_text.spiral_section_tc header p{
    color: #fff;
}

.spiral-inversed_text.spiral_section_tc header h3{
    color: #fff;
}

.section_border{
    border-top:0px;
    padding-bottom:0px;
}

.section_bg{
    background-color:#0E6CC3 !important;
}

.section_bg_image{
    background-image:url(../images/typingbg.jpg);
}

.spiral_container:before,
.spiral_container:after{
    display: table;
    line-height: 0;
    content: "";
}

.spiral_container:after{
    clear: both;
}

.spiral_section_tc.section_with_header .spiral_container{
    margin-bottom: 0;
    margin-top: 0;
}

.section_body_fullwidth .spiral_section_content .spiral_container{
    width: 100%;
}

.spiral_section_tc{
    position: relative;
    overflow:hidden;
    padding: 70px 0;
    background: #fff;
}

.spiral_section_tc > *{
    z-index: 1;
    position: relative;
}

.spiral_video_background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    visibility: hidden;
}

.spiral_video_background .mejs-container{
    background:none !important;
}

.spiral_video_background .mejs-overlay-loading{
    display: none !important;
}

.spiral-parallax{
    background-position: 50% top;
    background-attachment:fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

.parallax_image{
    background-image:url(../images/unsplash_contact_header.jpg);
}

.spiral_container [class*="column_tc_span"]{
    display: block;
    float: left;
    min-height: 20px;
    margin-left: 2.564102564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-word-break: break-all;
    word-break: break-all;
}

.section_no_column_margin .spiral_container [class*="column_tc_span"],
.spiral_container [class*="column_tc_span"]:first-child{
    margin-left: 0;
}

.spiral_column_tc_span12  {width: 100%;}
.spiral_column_tc_span11  {width: 91.45299145299145%;}
.spiral_column_tc_span10  {width: 82.90598290598291%;}
.spiral_column_tc_span9   {width: 74.35897435897436%;}
.spiral_column_tc_span8   {width: 65.81196581196581%;}
.spiral_column_tc_span7   {width: 57.26495726495726%;}
.spiral_column_tc_span6   {width: 48.71794871794872%;}
.spiral_column_tc_span5   {width: 40.17094017094017%;}
.spiral_column_tc_span4   {width: 31.62393162393162%;}
.spiral_column_tc_span3   {width: 23.07692307692308%;}
.spiral_column_tc_span2   {width: 14.52991452991453%;}
.spiral_column_tc_span1   {width: 5.982905982905983%;}
.section_no_column_margin .spiral_column_tc_span12  {width: 100%;}
.section_no_column_margin .spiral_column_tc_span11  {width: 91.6666666666665%;}
.section_no_column_margin .spiral_column_tc_span10  {width: 83.3333333333334%;}
.section_no_column_margin .spiral_column_tc_span9   {width: 74.9999999999999%;}
.section_no_column_margin .spiral_column_tc_span8   {width: 66.6666666666665%;}
.section_no_column_margin .spiral_column_tc_span7   {width: 58.3333333333332%;}
.section_no_column_margin .spiral_column_tc_span6   {width: 49.9999999999999%;}
.section_no_column_margin .spiral_column_tc_span5   {width: 41.6666666666665%;}
.section_no_column_margin .spiral_column_tc_span4   {width: 33.3333333333332%;}
.section_no_column_margin .spiral_column_tc_span3   {width: 24.9999999999999%;}
.section_no_column_margin .spiral_column_tc_span2   {width: 16.6666666666665%;}
.section_no_column_margin .spiral_column_tc_span1   {width:  8.3333333333332%;}
.section_equalize_5 .spiral_column_tc_span3,
.section_equalize_5 .spiral_column_tc_span2{
    width:  17.95084476%;
}

.section_equalize_5 .spiral_container [class*="column_tc_span"]{
    margin-left: 2.564102564102564%;
}

.section_no_column_margin.section_equalize_5 .spiral_container [class*="column_tc_span"],
.section_equalize_5 .spiral_container [class*="column_tc_span"]:first-child{
    margin-left: 0;
}

.section_no_column_margin.section_equalize_5 .spiral_column_tc_span3,
.section_no_column_margin.section_equalize_5 .spiral_column_tc_span2{
    width:  20%;
}

.spiral_section_tc header,
.spiral_section_tc footer{
    text-align: center;
    margin-bottom: 60px;
}

.spiral_section_tc.no_header_margin header{
    margin-bottom: 0;
}

.spiral_section_tc header h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    display: inline-block;
    color: #272d32;
    font-size: 40px;
    line-height: 56px;
    position: relative;
    padding-bottom: 38px;
}

.spiral_section_tc header h3:after{
    content:"";
    width: 70px;
    height: 1px;
    background: #d3d7da;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -35px;
}

.column_title_left{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    display: inline-block;
    color: #272d32;
    line-height: 40px;
    position: relative;
}

.spiral_section_tc.column_title_left header h3{
    display: block;
    text-align: left;
}

.spiral_section_tc.column_title_left header h3:after{
    left: 0;
    margin-left: 0;
}

.spiral_section_tc.column_title_left header{
    margin-bottom: 40px;
}

.spiral_section_tc.smaller header h3{
    font-size: 24px;
    line-height: 29px;
    border: 0;
    font-weight: 400;
}

.spiral_section_tc.smaller header h3:before{
    display: none;
}

.spiral_section_tc.smaller header h3:after{
    display: none;
}

.spiral_section_tc.smaller_headline header h3{
    font-size: 30px;
    line-height: 20px;
    color: #fff;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    padding: 0 15px 0 15px;
}

.spiral_section_tc.smaller_headline header h3:before{
    content:"";
    border-bottom: 1px solid #fff;
    width: 20px;
    height: 0;
    position: absolute;
    bottom: 50%;
    left:-20px;
}

.spiral_section_tc.smaller_headline header h3:after{
    content:"";
    border-bottom: 1px solid #fff;
    width: 20px;
    height: 0;
    position: absolute;
    bottom: 50%;
    right:-20px;
}

.spiral_section_tc.section_title_left header h3{
    display: block;
    text-align: left;
    padding-bottom: 10px;
}

.column_title_left{
    display: block;
    text-align: left;
}

.spiral_section_tc header p{
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 0 100px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22.4px;
    color: #666;
}

/*-------- 2.2. Globals --------*/
body{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #777777;
    text-align:left;
}

.preloader{
    visibility: hidden;
}

.boxed_body_wrapper{
    width:1290px;
    margin:0 auto;
    background: #fff;
}

.boxed_body_wrapper #ABdev_main_header{
    position: fixed;
}

.boxed_body_wrapper #ABdev_main_header.transparent{
    position: fixed;
}

#jpreOverlay {
    background-color: #000000;
}

#jpreLoader{
    width:50%;
    height:25px;
}

#jpreBar{
    height: 9px!important;
    background: #0E6CC3;
    -webkit-box-shadow: 0 0 20px 5px #0E6CC3;
    -moz-box-shadow: 0 0 20px 5px #0E6CC3;
    -ms-box-shadow: 0 0 20px 5px #0E6CC3;
    -o-box-shadow: 0 0 20px 5px #0E6CC3;
    box-shadow: 0 0 20px 5px #0E6CC3;
    border-top: 0 !important;
    display: inline-block;
    position: relative;
}

#jprePercentage {
    color:#fff;
    font-family:'Open Sans', sans-serif;
    text-align:center;
    font-size: 50px;
    margin-top: 30px;
    font-weight: 100;
}

a{
    color: #0E6CC3;
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

a:hover{
    color: #272D32;
}

:focus{
    outline-color: #0E6CC3;
}

p{
    margin-bottom: 24px;
    line-height: 22px;
    text-rendering: optimizeLegibility;
}

hr{
    background-color: #e1e9e9;
    display: block;
    height: 1px;
    border-color: #e1e9e9;
    border: 0;
    padding: 0;
    margin-bottom: 11px;
}

section{
    padding: 70px 0;
}

ul,
ol,
dl{
    margin-left: 20px;
    margin-bottom: 40px;
}

ul ul,
ol ol,
dl dl{
    margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #272d32;
    margin-bottom: 10px;
    margin-top: 10px;
    letter-spacing: 0;
    text-rendering: optimizeLegibility;
}

h1{
    font-size: 40px;
    line-height: 46px;
}

h2{
    font-size: 30px;
    line-height: 40px;
}

h3{
    font-size: 24px;
    line-height: 32px;
}

h4{
    font-size: 20px;
    line-height: 28px;
}

h5{
    font-size: 18px;
    line-height: 22px;
}

h6{
    font-size: 15px;
    line-height: 19px;
}

pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.spacer_7{
    height: 7px;
    display: block;
}

.spacer_10{
    height: 10px;
    display: block;
}

.spacer_11{
    height: 11px;
    display: block;
}

.spacer_20{
    height: 20px;
    display: block;
}

.spacer_25{
    height: 25px;
    display: block;
}

.spacer_29{
    height: 29px;
    display: block;
}

.spacer_30{
    height: 30px;
    display: block;
}

.spacer_32{
    height: 32px;
    display: block;
}

.spacer_35{
    height: 35px;
    display: block;
}

.spacer_38{
    height: 38px;
    display: block;
}

.spacer_40{
    height: 40px;
    display: block;
}

.spacer_50{
    height: 50px;
    display: block;
}

.spacer_84{
    height: 84px;
    display: block;
}

.spacer_100{
    height: 100px;
    display: block;
}

.spacer_175{
    height: 175px;
    display: block;
}

.spacer_225{
    height: 225px;
    display: block;
}

.headline_style{
    background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/elements.jpg');
    min-height:660px;
    background-size:cover;
}

.headline_style_about_us{
    background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/abouus.jpg'); 
    min-height:660px;
    background-size:cover;
}

.about_us_section_bg{
    margin-bottom:0px;
    background-color:#0E6CC3;
}

.headline_style_image{
    background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/2bg.jpg');
    min-height:660px;
    background-size:cover;
}

.black_icon_down{
    color:#272d32;
    line-height:16px;
    font-size:16px;
}

.section_body_fullwidth .spiral_section_content .spiral_container{
    width: 100%;
    margin-bottom: 0;
}

input,textarea{
    border: 1px solid #d3d7da;
    font-family: 'Open Sans', sans-serif;
    color: #777;
    font-size: 14px;
    line-height: 22px;
    background: #fafcfc;
}

select{
    font-family: 'Open Sans', sans-serif;
    color: #777;
    font-size: 14px;
    line-height: 22px;
    border: 0;
    font-style: italic;
    border-bottom: 1px solid #d3d7da;
    position: relative;
}

input,
select{
    padding: 6px 0 7px 20px;
    margin-bottom: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: none;
}

textarea{
    padding: 8px 0 8px 20px;
    margin-bottom: 36px;
}

button,
input[type="submit"] {
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #0E6CC3;
    background: #0E6CC3;
    color: #fff;
    margin-bottom: 20px;
    line-height: 20px;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
}

button:hover,
input[type="submit"]:hover{
    background: #34664d;
    outline: none;
}

strong,
.strong{
    font-weight: bold;
}

input:focus{
    outline-width: 1px!important;
    outline-offset: 0!important;
    outline-color: #0E6CC3!important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent!important;
}

blockquote{
    padding: 0;
    margin: 0 0 15px 0;
    border-radius: 0;
    font-family: 'Raleway', sans-serif;
    color: #0E6CC3;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}

blockquote p{
    line-height: 40px;
}

blockquote cite{
    font-size: 18px;
    color: #272d32;
    margin-bottom: 20px;
}

.blog_subscribe{
    padding: 43px 0 46px;
}

.blog_subscribe .spiralss_success_message{
    color: #fff;
}

.underlined{
    display: inline-block;
    position: relative;
}

.underlined:before{
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #777;
}

.italic{
    font-style: italic;
}

.highlighted,
.search-highlight{
    background: #f1eb3c;
    display: inline-block;
    padding: 0 3px;
}

.alignleft{
    text-align: left;
    margin-right: 30px;
    float: left;
}

.alignright{
    text-align: right;
    margin-left: 30px;
    float: right;
}

.color_highlight{
    color: #0E6CC3;
}

.bold{
    font-weight: 700;
}

.bigtext{
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 28px;
}

.list_right{
    float: right;
    margin-right: 100px;
}

.list_left{
    float: left;
}

.padding_20{
    padding: 20px;
}

.content_with_right_sidebar{
    margin-left: 0!important;
}

.content_with_left_sidebar{
    float:right !important;
}

.span12.content_with_right_sidebar{
    padding-right: 0;
}

.left_aligned{
    text-align: left;
}

.right_aligned{
    text-align: right;
}

.center_aligned,
.aligncenter{
    text-align: center;
}

.no_padding_bottom{
    padding-bottom: 0;
}

.no_padding_top{
    padding-top: 0;
}

.no_padding{
    padding: 0;
}

.no_margin_top{
    margin-top: 0;
}

.spiral-inversed_text,
.white_text{
    color: #fff!important;
}

.spiral-inversed_text_header.spiral_section_tc header p{
    color: #fff;
}

.spiral-inversed_text p{
    color: #fff;
}

.spiral-inversed_text h1,
.spiral-inversed_text h2,
.spiral-inversed_text h3,
.spiral-inversed_text h4,
.spiral-inversed_text h5,
.spiral-inversed_text h6{
    color: #fff;
}

.spiral_section_tc.spiral-inversed_text_header header h3{
    color: #fff!important;
}

.gray_text{
    color: #8c9494;
}

.dark_gray{
    color: #555;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

table {
    line-height: 2;
    margin: 0 0 40px;
    width: 100%;
}

th{
    font-weight: 700;
}

em{
    font-style: italic;
}

cite{
    display: inline-block;
}

.pattern_overlayed,
.pattern_overlayed_dotted,
.pattern_overlayed_lined{
    position: relative;
    color: #fff !important;
}

.pattern_overlayed:before,
.pattern_overlayed_dotted:before,
.pattern_overlayed_lined:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pattern_overlayed:before{
    background: rgba(0,0,0,0.65);
}

.pattern_overlayed_dotted:before{
    background: rgba(0,0,0,0.0);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTMzRERGREYwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTMzRERGREUwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMxRTgyODcwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDMxRTgyODgwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jXJ0mAAAAF0lEQVR42mJmYGD4D8TnmEEEEDMABBgAGmcCoh16VmUAAAAASUVORK5CYII=');
}

.pattern_overlayed_lined:before{
    background: rgba(0,0,0,0.0);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI0MDNENzY2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI0MDNENzc2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjQwM0Q3NDZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjQwM0Q3NTZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrPT1y0AAAASSURBVHjaYmZgYPgPxHoAAQYABU0BMT/72gwAAAAASUVORK5CYII=');
}

.darken{
    position: relative;
    color: #fff !important;
}

.darken:before{
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(22,22,22);
    background: rgba(22,22,22,0.6);
}

.darken .spiral_container{
    z-index: 1;
    position: relative;
}

.wp-caption{
    max-width: 100% !important;
}

.wp-caption-text{
    margin-top: 5px;
}

.gallery-caption{}

.bypostauthor{}

::selection {
    color: #fff;
    background: #0E6CC3;
}

::-moz-selection {
    color: #fff;
    background: #0E6CC3;
}

.border_top{
    border-top: 1px solid #d3d7da;
}

.border_bottom{
    border-bottom: 1px solid #d3d7da;
}

.border_both{
    border-top: 1px solid #d3d7da;
    border-bottom: 1px solid #d3d7da;
}

.border_0{
    border:0px;
}

.big_text{
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 40px;
    font-weight: 300;
    line-height: 56px;
}

.hide{
    display: none;
}

.hidden{
    display: none;
}

.gallery {
    margin-bottom: 20px!important;
}

/* Responsive */
.hidden-desktab {display: none !important;}
.hidden-desktop {display: none !important;}
.hidden-tablet {display: inherit !important;}
.hidden-phablet {display: inherit !important;}
.hidden-phone {display: inherit !important;}


@media only screen and (min-width: 768px) and (max-width: 959px) {

    .hidden-desktop {display: inherit !important;}
    .hidden-desktab {display: none !important;}
    .hidden-tablet {display: none !important;}
    .hidden-phablet {display: inherit !important;}
    .hidden-phone {display: inherit !important;}

    .spiral-callout_box{
        margin: 0;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .hidden-desktop {display: inherit !important;}
    .hidden-desktab {display: inherit !important;}
    .hidden-tablet {display: inherit !important;}
    .hidden-phablet {display: none !important;}
    .hidden-phone {display: inherit !important;}

    .spiral-callout_box{
        margin: 0;
    }
}

@media only screen and (max-width: 479px) {
    .hidden-desktop {display: inherit !important;}
    .hidden-desktab {display: inherit !important;}
    .hidden-tablet {display: inherit !important;}
    .hidden-phablet {display: inherit !important;}
    .hidden-phone {display: none !important;}

    .spiral-callout_box{
        margin: 0;
    }

}

/*-------- 2.3. CSS Effects --------*/
/*-------- 2.3.1. Material ripple --------*/
.ripplelink{
    text-align:center;
    color:#fff;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index:0;
}

.ink {
    display: block;
    position: absolute;
    background:rgb(255, 255, 255);
    background:rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}

.animate {
    -webkit-animation:ripple 0.65s linear;
    -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
    -o-animation:ripple 0.65s linear;
    animation:ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2.5);}

}

@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2.5);}

}

@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2.5);}

}

@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}

}

/*-------- 2.4. Fancybox --------*/
#fancybox-outer{
    background-color: transparent !important;
}

#fancybox-overlay{
    background-color:  rgb(34, 34, 34)!important;
    background-color:  rgba(34, 34, 34, 0.85)!important;
}

#fancybox-title{
    padding-left: 0!important;
}

#fancybox-title-over{
    background-image: none;
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    padding: 0;
    margin: 0;
}

#fancybox-content{
    border-radius: 0;
    background: none;
    border: 0;
    margin: 0;
    width: 100% !important;
}

#fancybox-bg-n, #fancybox-bg-ne, #fancybox-bg-e, #fancybox-bg-se,
#fancybox-bg-s, #fancybox-bg-sw, #fancybox-bg-w, #fancybox-bg-nw{
    background-image: none;
}

#fancybox-close{
    background: #222;
    width: 50px;
    height: 50px;
    top: 0;
    right: -60px;
    text-align: center;
}

#fancybox-close:after{
    font-family: 'core_icomoon';
    content: "\e646";
    line-height: 50px;
    color: #fefefe;
    font-size: 16px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#fancybox-close:hover:after{
    color: #0E6CC3;
}

#fancybox-left, #fancybox-right{
    display: inline-block;
    visibility: visible;
    background: #222;
    width: 50px;
    height: 50px;
    text-align: center;
}

#fancybox-left{
    left: auto;
    top: 51px;
    right: -60px;
}

#fancybox-right{
    left: auto;
    right: -60px;
    top: 102px;
}

#fancybox-left-ico{
    background-image: none;
    width: auto;
    height: auto;
    margin-top: 0;
    position: static;
}

#fancybox-left-ico:after{
    font-family: 'core_icomoon';
    content: "\e64a";
    line-height: 50px;
    color: #fefefe;
    font-size: 16px;
    visibility: visible;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#fancybox-right-ico{
    background-image: none;
    width: auto;
    height: auto;
    margin-top: 0;
    position: static;
}

#fancybox-right-ico:after{
    font-family: 'core_icomoon';
    content: "\e649";
    line-height: 50px;
    color: #fefefe;
    visibility: visible;
    font-size: 16px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#fancybox-left-ico:hover:after, #fancybox-right-ico:hover:after{
    color: #0E6CC3;
}

/*-------- 2.5. Inner Columns --------*/
.container,
.spiral_container{
    width: 1170px;
    margin: 0 auto;
}

.content .spiral_container,
.content_with_right_sidebar .spiral_container,
.content_with_left_sidebar .spiral_container{
    width: 100%;
}

.row{
    width: 100%;
}

.row:before,
.row:after{
    display: table;
    line-height: 0;
    content: "";
}

.row:after{
    clear: both;
}

.row > [class*="span"]{
    display: block;
    float: left;
    width: 100%;
    min-height: 20px;
    margin-left: 2.564102564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row > [class*="span"]:first-child{
    margin-left: 0;
}

.row .span12{width: 100%;}
.row .span11{width: 91.45299145299145%;}
.row .span10{width: 82.90598290598291%;}
.row .span9 {width: 74.35897435897436%;}
.row .span8 {width: 65.81196581196581%;}
.row .span7 {width: 57.26495726495726%;}
.row .span6 {width: 48.71794871794872%;}
.row .span5 {width: 40.17094017094017%;}
.row .span4 {width: 31.62393162393162%;}
.row .span3 {width: 23.07692307692308%;}
.row .span2 {width: 14.52991452991453%;}
.row .span1 {width: 5.982905982905983%;}
.half,
.third,
.fourth,
.fifth{
    float: left;
}

.alpha{
    margin-left: 0 !important;
}

.half{width: 50%;}
.third{width: 33.33333%;}
.fourth{width: 25%;}
.fifth{width: 20%;}
.left{
    float: left !important;
}

.right{
    float: right !important;
}

.thin{
    font-weight: 100;
}

.light{
    font-weight: 300;
}

.regular{
    font-weight: 400;
}

.bold{
    font-weight: 700;
}

.black{
    font-weight: 900;
}

.gm-style .gm-style-iw {
    font-weight: 300;
    font-size: 14px;
    overflow: hidden;
}

/*-------- 2.6. Clearfix --------*/
.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

/*-----------------------------------------------------------------*/
/* 3. Header
/*-----------------------------------------------------------------*/
#ABdev_main_header{
    visibility: hidden;
    padding: 0;
    z-index: 9999;
    width: 100%;
    position: fixed;
    background: #222;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#ABdev_main_header.coming_soon{
    text-align: center;
    padding: 70px 0;
    visibility: visible;
    position: static!important;
    display: block ;
}

#ABdev_main_header.coming_soon {
    background-color: #222222 !important;
}

#ABdev_main_header.coming_soon #logo{
    display: inline-block;
    float: none;
    position: static;
}

#ABdev_main_header.coming_soon #logo img{
    margin: 0;
}

#main_logo_textual{
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

#main_logo_tagline{
    color: #fff;
    font-size: 15px;
    margin: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.smaller a #main_logo_textual{
    font-size: 20px;
    line-height: 26px;
    margin: 16px 0 0 0;
}

.smaller a #main_logo_tagline{
    display: none;
}

#ABdev_main_slider{
    padding: 0;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    background: #f2f3f4;
    overflow: hidden;
    width: 100%;
    z-index: -1;
}

body.admin-bar #ABdev_main_slider{
    position: fixed;
    top: 32px;
    left: 0;
}

#ABdev_main_header .container{
    position: relative;
    min-height: 56px;
}

#ABdev_main_header #logo{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
}

#ABdev_main_header #logo img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

#ABdev_main_header.smaller{
    min-height: 56px;
    top: 0;
}

body.admin-bar #ABdev_main_header.smaller{
    top: 32px;
}

#ABdev_main_header.smaller #logo img{
    /*margin-top: 17px;*/
}

#logo #main_logo{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#ABdev_main_header nav{
    float: right;
    display: none;
}

#ABdev_main_header.smaller nav > ul{
    width: 100%;
}

/*-------- 3.1. Transparent Header  --------*/
#ABdev_main_header.transparent{
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

body.admin-bar #ABdev_main_header.transparent{
    top: 32px;
}

#ABdev_main_header.transparent .menu_slide_toggle{
    display: none;
}

#ABdev_main_header.transparent nav{
    display: block;
    opacity: 1;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

/*-------- 3.2. Main Menu --------*/
#ABdev_main_header .menu_wrapper{
    position: relative;
}

.menu_slide_toggle{
    cursor: pointer;
    position: relative;
    width: 60px;
    height: 50px;
    float: right;
    top: 6px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.menu_slide_toggle .icon-menu{
    position: absolute;
    height: 3px;
    width: 20px;
    top: 50%;
    left: 50%;
    margin-top: -2px;
    margin-left: -10px;
    background-color: #fff;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.menu_slide_toggle.menu_opened .icon-menu{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    background: transparent;
}

.menu_slide_toggle .icon-menu:before{
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: #fff;
    content: "";
    top: -7px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.menu_slide_toggle.menu_opened .icon-menu:before{
    -webkit-transform: rotateZ(45deg) scaleX(1) translate(3px, 7px);
    -moz-transform: rotateZ(45deg) scaleX(1) translate(3px, 7px);
    -ms-transform: rotateZ(45deg) scaleX(1) translate(3px, 7px);
    -o-transform: rotateZ(45deg) scaleX(1) translate(3px, 7px);
    transform: rotateZ(45deg) scaleX(1) translate(3px, 7px);
}

.menu_slide_toggle .icon-menu:after{
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: #fff;
    content: "";
    top: 7px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.menu_slide_toggle.menu_opened .icon-menu:after{
    -webkit-transform: rotateZ(-45deg) scaleX(1) translate(12px, 2px);
    -moz-transform: rotateZ(-45deg) scaleX(1) translate(12px, 2px);
    -ms-transform: rotateZ(-45deg) scaleX(1) translate(12px, 2px);
    -o-transform: rotateZ(-45deg) scaleX(1) translate(12px, 2px);
    transform: rotateZ(-45deg) scaleX(1) translate(12px, 2px);
}

nav > ul{
    list-style: none;
    margin: 0;
    float: right;
    position: relative;
    width: auto;
}

nav > ul > li{
    float: left;
    text-align: center;
    margin: 0 11px;
    min-width: 55px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

nav > ul > li:hover{
    color: #0E6CC3;
}

nav > ul ul:before,
nav > ul .sf-mega:before,
nav > ul .cart_dropdown_widget:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 35px;
    top: -30px;
    left: 0;
    z-index: 100;
}

nav > ul > li.current-menu-item,
nav > ul > li.current-menu-parent,
nav > ul > li.current-menu-ancestor{
    background: #0E6CC3;
    color: #fff;
}

nav > ul > li a{
    color: #fff;
}

nav > ul > li a:hover{
    color: #fff;
}

nav > ul > li a{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    position: relative;
    padding: 34px 19px 15px 19px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#ABdev_main_header.smaller nav > ul > li > a{
    padding: 26px 19px 8px 19px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#ABdev_main_header.smaller .menu_wrapper #shop_link_dropdown_cart .cart-contents {
    display: inline-block;
    padding-top: 23px;
    padding-left: 12px;
    padding-bottom: 13px;
}

nav > ul > li > a > span{
    position: relative;
    top: -7px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

nav > ul > li:hover > a > span {
    top: -11px;
}

nav > ul > li span{
    display: block;
}

nav > ul ul{
    display: none;
    list-style: none;
    position: absolute;
    background: #fff;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    margin: 0;
    min-width: 220px;
    z-index: 2001;
    overflow: visible;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 6px;
    padding-bottom: 20px;
}

nav > ul > li > ul:before {
    content: "";
    display: block;
    position: absolute;
    width: 228px;
    min-width: 228px;
    height: 20px;
    top: -20px;
    left: -1px;
    z-index: 2004;
}

nav > ul > li.menu-item-has-children > a:before{
    content:"";
    width: 5px;
    height: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0);
    border-right: 1px solid rgba(0, 0, 0, 0);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -2px;
    background: transparent;
    z-index: 99999;
}

nav > ul > li.menu-item-has-children:hover > a:before{
    content:"";
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    background: #fff;
}

nav > ul li:hover > ul,
nav > ul li.sfHover > ul{
    display: block;
    z-index: 2003;
}

nav > ul ul li{
    position: relative;
    border: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

nav > ul ul li:hover {
    background: #fff;
}

nav > ul ul li:hover > a{
    color: #0E6CC3;
}

nav > ul ul li > a{
    font-family: 'Open Sans', sans-serif;
    color: #555;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0 0 0 25px;
}

nav > ul ul li a{
    width: 100%;
    text-align: left;
    padding: 23px 25px 1px 25px;
    font-family: 'Open Sans', sans-serif;
    color: #555;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

nav > ul ul ul{
    position: absolute;
    left: 104%;
    top: -1px;
    margin-left: 0;
    margin-top: 0;
    z-index: 2002;
    border-top-left-radius: 0;
}

nav > ul ul ul:before{
    content:"";
    width: 5px;
    height: 5px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: absolute;
    top: 25px;
    left: -4px;
    background: #fff;
    z-index: 99999;
}

nav > ul .sf-mega ul ul:before{
    display: none;
}

nav > ul ul ul:after{
    content: "";
    height: 100%;
    width: 10px;
    position: absolute;
    left: -10px;
    top: 0;
}

nav > ul ul ul li > a{
    color: #848998;
}

nav > ul ul ul li > a:hover{
    color: #0E6CC3;
}

.sf-arrows .sf-with-ul:after{
    content:"\e64a"; /*angle left*/
    font-family:'core_icomoon';
    color: #aaa;
    margin-left: 5px;
    float:right;
    position: relative;
    top: 2px;
}

.sf-arrows ul .sf-with-ul:after{
    content:"\e649"; /*angle right*/
    top: 0;
}

.sf-arrows ul li:hover .sf-with-ul:after{
    color: #fff;
}

.sf-arrows > li:hover > .sf-with-ul:after{
    color: #d84949;
}

.sf-arrows .current_menu_ancestor .sf-with-ul:after{
    color: #333;
}

nav > ul > .current-menu-item > a,
nav > ul > .current-post-ancestor > a,
nav > ul > .current-menu-ancestor > a{
    color: #fff;
}

nav > ul ul > .current-menu-item > a {
    color: #0E6CC3 !important;
}

/*-------- 3.3. Mega Menu  --------*/
.sf-mega {
    width: 1170px;
    position: absolute;
    right: 0;
    display: none;
    z-index: 9999;
    top: 81px;
    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
}

#ABdev_main_header.smaller .sf-mega{
    top: 66px;
    right: -60px;
}

.sf-mega-inner{
    background: #fff;
}

nav > ul .sf-mega ul{
    min-width: 0;
    border: none !important;
}

nav > ul li:hover > .sf-mega,
nav > ul li.sfHover > .sf-mega {
    display: block;
}

.sf-mega li,
.sf-mega ul{
    position: static !important;
    display: block !important;
    padding: 0;
    margin: 0;
    border: none;
    height: auto !important;
    background: none;
    box-shadow: none;
    width: 100%;
}

nav > ul .sf-mega-inner{
    display: table !important;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

nav > ul .sf-mega-inner > a{
    text-transform: none;
    padding: 15px 10px 0 25px!important;
    margin-bottom: 1px;
    line-height: 22px;
}

nav > ul .sf-mega-inner > ul {
    display: table-row !important;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

nav > ul .sf-mega-inner > ul > li{
    display: table-cell !important;
    vertical-align: top;
    background: #fff;
    border-top: 0;
    border-right: 1px solid #e5e5e5;
    padding-bottom: 15px;
}

nav > ul .sf-mega-inner > ul > li:last-child{
    border-right: none!important
}

nav > ul li .sf-mega-inner > ul > li > a{
    font-weight: 700!important;
}

nav > ul .sf-mega-inner > ul > li:first-child > a{
    margin-top: 0;
}

nav > ul .sf-mega-inner > ul > li:last-child > a{
    padding-bottom: 0;
}

nav > ul .sf-mega-inner > ul> li:last-child{
    border-right: 0!important;
}

.sf-mega-inner ul ul{
    border: none;
    display: block;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.sf-mega-inner ul ul li{
    border-left: none;
    border-right: none;
    border-bottom: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.sf-mega-inner ul ul li > a,
.menu_header a span{
    color: #555;
}

.sf-mega-inner ul li > ul:before,
.sf-mega-inner ul li > ul:after{
    display: none;
}

nav > ul > .mega1 .sf-mega-inner > ul > li{width: 100%;}
nav > ul > .mega2 .sf-mega-inner > ul > li{width: 50%;}
nav > ul > .mega3 .sf-mega-inner > ul > li{width: 33.33333333333333%;}
nav > ul > .mega4 .sf-mega-inner > ul > li{width: 25%;}
nav > ul > .mega5 .sf-mega-inner > ul > li{width: 20%;}
nav > ul > .mega6 .sf-mega-inner > ul > li{width: 16.66666666666667%;}
nav > ul > .mega7 .sf-mega-inner > ul > li{width: 14.28571428571429%;}
nav > ul .sf-mega-inner .description_menu_item{
    padding: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #848998!important;
    text-align: left;
}

nav > ul .sf-mega-inner .menu_sidebar{
    padding: 0 20px 15px;
}

.menu_sidebar h3.sidebar-widget-heading,
.menu_sidebar .sidebar-widget-heading h3{
    width: 100%;
    text-align: left;
    padding: 13px 0 0 0;
    font-family: 'Open Sans', sans-serif;
    color: #555;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.menu_sidebar .sidebar-widget-heading{
    margin-bottom: 25px;
}

nav > ul .sf-mega-inner .description_menu_item a{
    display: inline;
    padding: 0!important;
    line-height: inherit;
    font-size: inherit;
    color: #0E6CC3;
}

nav > ul .sf-mega-inner .description_menu_item a:hover{
    background: none;
    color: #272D32;
}

/*-------- 3.4. Title/Breadcrumbs Bar --------*/
#headline_breadcrumbs_bar{
    background: #222;
    padding: 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
}

#headline_breadcrumbs_bar.with_image{
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.headline_image {
    padding-top: 200px;
}

body.admin-bar #headline_breadcrumbs_bar.with_image{
    position: fixed;
    top: 32px;
    left: 0;
}

.transparent #title_breadcrumbs_bar{
    display: none;
}

.error404 #headline_breadcrumbs_bar .social_share_shop{
    margin-bottom: 12px;
}

#title_breadcrumbs_bar{
    float: right;
    padding: 12px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    opacity: 1;
    -webkit-transition: opacity 250ms ease-in-out 250ms;
    -moz-transition: opacity 250ms ease-in-out 250ms;
    -ms-transition: opacity 250ms ease-in-out 250ms;
    -o-transition: opacity 250ms ease-in-out 250ms;
    transition: opacity 250ms ease-in-out 250ms;
}

#ABdev_main_header.menu_visible #title_breadcrumbs_bar{
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

#headline_breadcrumbs_bar .headline_title{
    margin-bottom: 30px;
}

#headline_breadcrumbs_bar.hadline_no_image{
    border-bottom: 4px solid #0E6CC3;
    padding-top: 163px;
}

#headline_breadcrumbs_bar.hadline_no_image .headline_title{
    width: 70%;
    margin-bottom: 10px;
}

#headline_breadcrumbs_bar.hadline_no_image.shop .headline_title{
    width: 65.81196581196581%;
    margin-bottom: 10px;
}

#headline_breadcrumbs_bar.hadline_no_image .social_share{
    text-align: right;
    display: block;
    float: right;
    width: 30%;
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 8px;
    margin-bottom: 12px;
}

#headline_breadcrumbs_bar.hadline_no_image .social_share_shop{
    text-align: right;
    display: block;
    float: left;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 8px;
}

#headline_breadcrumbs_bar.hadline_no_image .social_share a i,
#headline_breadcrumbs_bar.hadline_no_image .social_share_shop a i{
    color: #fff;
    font-size: 15px;
    margin: 0 11px;
    position: relative;
    top: 3px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#headline_breadcrumbs_bar.hadline_no_image .social_share a:hover i,
#headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:hover i{
    color: #0E6CC3;
}

#headline_breadcrumbs_bar.hadline_no_image .social_share a:first-of-type i,
#headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:first-of-type i{
    margin-left: 44px;
}

#headline_breadcrumbs_bar.hadline_no_image .social_share a:last-of-type i,
#headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:last-of-type i{
    margin-right: 0;
}

#headline_breadcrumbs_bar h2{
    font-size: 50px;
    color: #fff;
    line-height: 50px;
    margin-bottom: 0;
    font-family: 'Open Sans' ,sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 0 0 1px #000;
    margin-top: 180px;
}

#headline_breadcrumbs_bar.hadline_no_image .headline_title h2{
    font-family: 'Raleway', sans-serif;
    color:  #ffffff;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    margin: 0;
    text-transform: none;
    text-shadow: none;
}

#headline_breadcrumbs_bar .single_post_meta_description,
#headline_breadcrumbs_bar .category_meta_description,
#headline_breadcrumbs_bar .page_meta_description{
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    text-shadow: 0 0 1px #000000;
    vertical-align: middle;
    width: 85%;
}

#headline_breadcrumbs_bar .category_meta_description p{
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    text-shadow: 0 0 1px #000000;
    vertical-align: middle;
}

#headline_breadcrumbs_bar .single_post_meta_description .post_author_inner a,
#headline_breadcrumbs_bar .single_post_meta_description .post_category a,
#headline_breadcrumbs_bar .single_post_meta_description .post_author a.comments_link{
    color: #fff;
}

#headline_breadcrumbs_bar .single_post_meta_description .post_author_inner a:hover,
#headline_breadcrumbs_bar .single_post_meta_description .post_category a:hover,
#headline_breadcrumbs_bar .single_post_meta_description .post_author a.comments_link:hover{
    color: #0E6CC3;
}

#title_breadcrumbs_bar .breadcrumbs{
    line-height: 36px;
}

#title_breadcrumbs_bar .breadcrumbs,
#title_breadcrumbs_bar .breadcrumbs a,
#title_breadcrumbs_bar .breadcrumbs i{
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 3px;
    width: 100%;
}

#title_breadcrumbs_bar .breadcrumbs .current{
    color: #fff;
    margin-left: 3px;
}

#title_breadcrumbs_bar .breadcrumbs i{
    font-size: 13px;
    top: 0;
    color: #fff;
}

#headline_breadcrumbs_bar .headline_button{
    background: transparent;
    border: 2px solid #fff;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding: 8px 26px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    white-space: nowrap;
    width: 160px;
    height: 42px;
    top: -8px;
    float: right;
}

#headline_breadcrumbs_bar #button_social .social_button_contents{
    display: block;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

#headline_breadcrumbs_bar #button_social:hover .social_button_contents{
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    -o-transform: translateY(-24px);
    transform: translateY(-24px);
}

#headline_breadcrumbs_bar #button_social .social_button_title{
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    display: block;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#headline_breadcrumbs_bar #button_social:hover .social_button_title{
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}

#headline_breadcrumbs_bar #button_social .social_button_contents a i{
    color: #fff;
    font-size: 15px;
    margin: 0 11px;
    position: relative;
    top: 3px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#headline_breadcrumbs_bar #button_social .social_button_contents a:first-child i{
    margin-left: 0;
}

#headline_breadcrumbs_bar #button_social .social_button_contents a:last-child i{
    margin-right: 0;
    position: relative;
    top: 4px;
}

#headline_breadcrumbs_bar #button_social .social_button_contents a:hover i{
    color: #0E6CC3;
}

/*-----------------------------------------------------------------*/
/* 4. Slider Place
/*-----------------------------------------------------------------*/
#frontpage_slider{
    padding: 0;
    margin: 0;
}

.tp-leftarrow.tparrows,
.tp-rightarrow.tparrows {
    background: none !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 48px;
    height: 48px;
    position: relative;
}

.tp-leftarrow.tparrows{
    border-left: 2px solid rgba(255,255,255,0.3);
    border-bottom: 2px solid rgba(255,255,255,0.3);
    margin-left: 40px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    top: 50%!important;
}

.tp-rightarrow.tparrows{
    border-top: 2px solid rgba(255,255,255,0.3);
    border-right: 2px solid rgba(255,255,255,0.3);
    margin-right: 40px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    top: 50%!important;
    margin-top: -28px;
}

.tp-leftarrow.tparrows:hover,
.tp-rightarrow.tparrows:hover {
    background: none !important;
    border-color:rgba(255,255,255,1);
}

.custom.tparrows.tp-leftarrow:before,
.custom.tparrows.tp-rightarrow:before{
    display: none !important;
}

.tp-bullets{
    height: 13px;
    width: 8px;
}

.tp-bullets .tp-bullet {
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 7px;
    margin-bottom: 5px;
}

.tp-bullets .tp-bullet.selected{
    background:#a4a4a5;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 7px;
    border: 1px solid #a4a4a5;
}

.tp-bullets .tp-bullet{
    background:transparent;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 7px;
    border: 1px solid #a4a4a5;
}

.tp-bullets .tp-bullet:hover,
.tp-bullets .tp-bullet.selected{
    background-color:#a4a4a5;
}

.tp-bullets.horizontal.custom.hidebullets,
.tp-bullets.horizontal.custom{
    min-width: 300px;
    width: auto;
    z-index: 9999;
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -ms-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
}

.tp-bullets.horizontal.custom .tp-bullet{
    height: 10px;
    width: 70px;
    display: inline-block;
    margin-right: 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    background: none;
    border: none;
}

.tp-bullets.horizontal.custom .tp-bullet:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.3);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.tp-bullets.horizontal.custom .tp-bullet.selected:before,
.tp-bullets.horizontal.custom .tp-bullet:hover:before{
    content: "";
    background:  #fff;
}

.tp-bullets.horizontal.custom .tp-bullet:last-of-type{
    margin-right: 0;
}

.rev_slider_button_red{
    font-size: 14px;
    line-height: 41px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
    padding: 12px 28px 10px;
    width: 150px;
    height: 41px;
    text-align: center;
    vertical-align: middle;
    background-color: rgb(255, 80, 63);
    background-color: rgba(255, 80, 63, 1);
    border-radius: 45px 45px 45px 45px;
    border-width: 0;
    border-color: #ffffff;
    border-style: none;
}

.rev_slider_button_white{
    font-size: 14px;
    line-height: 41px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    text-decoration: none;
    padding: 9px 30px 8px;
    width: 150px;
    height: 41px;
    text-align: center;
    vertical-align: middle;
    background: transparent;
    border-radius: 45px 45px 45px 45px;
    border: 2px solid #FFF;
}

.tp-caption.Raleway,
.Raleway{
    color:#ffffff;
    font-size:70px;
    line-height:90px;
    font-weight:200;
    font-family:Raleway;
    text-decoration:none;
    padding:0px 20px 0px 20px;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255,255,255);
    border-style:none;
    text-shadow:rgb(0,0,0) 0px 0px 1px;
    transform:scale(4.35,4.35)
}

.tp-caption.Raleway_small,
.Raleway_small{
    font-size:24px;
    line-height:32px;
    font-weight:600;
    font-family:Raleway;
    color:#ffffff;
    text-decoration:none;
    padding:0px 20px 0px 20px;
    background-color:transparent;
    border-width:0px;
    border-color:rgb(255,255,255);
    border-style:none;
    text-shadow:rgb(0,0,0) 0px 0px 1px
}

.tp-caption.none,
.none{
    border-width:0px;
    border-color:rgb(34,34,34);
    border-style:none
}

.custom.tparrows{
    cursor:pointer;
    background:#000;
    background:rgba(0,0,0,0.5);
    width:40px;
    height:40px;
    position:absolute;
    display:block;
    z-index:100
}

.custom.tparrows:hover{
    background:#000
}

.custom.tparrows:before{
    font-family:"revicons";
    font-size:15px;
    color:#fff;
    display:block;
    line-height:40px;
    text-align:center
}

.custom.tparrows.tp-leftarrow:before{
    content:"\e824"
}

.custom.tparrows.tp-rightarrow:before{
    content:"\e825"
}

.custom.tp-bullets:before{
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    background:transparent;
    padding:10px;
    margin-left:-10px;
    margin-top:-10px;
    box-sizing:content-box
}

.custom .tp-bullet{
    width:12px;
    height:12px;
    position:absolute;
    background:#aaa;
    background:rgba(125,125,125,0.5);
    cursor:pointer;
    box-sizing:content-box
}

.custom .tp-bullet:hover,
.custom .tp-bullet.selected{
    background:rgb(125,125,125)
}

.tp-caption a{
    text-shadow:none;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    -ms-transition:all 0.2s ease-out
}

.tp-caption a:hover{
    color:#ccc
}


/*-----------------------------------------------------------------*/
/* 5. Videos
/*-----------------------------------------------------------------*/
.videoWrapper-youtube{
    position:relative;
    padding-bottom:56.25%;
    padding-top:0;
    height:0;
    overflow:hidden;
    margin-bottom: 30px;
}

.videoWrapper-youtube iframe,
.videoWrapper-youtube object,
.videoWrapper-youtube embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.videoWrapper-vimeo{
    position:relative;
    padding-bottom:53%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.videoWrapper-vimeo iframe,
.videoWrapper-vimeo object,
.videoWrapper-vimeo embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.wp-video{
    margin: 0 auto;
}

.wp-video_width{
    width: 640px;
}

/*-----------------------------------------------------------------*/
/* 6. Blog
/*-----------------------------------------------------------------*/
.sidebar_left{
    margin-left: 0 !important;
}

.blog_section,
.single_post_section{
    background: #fff;
    position: relative;
}

.headline_style_single_blog_fullwidth{
    background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/post2.jpg');
    min-height:660px;
    background-size:cover;
}

.headline_style_single_blog_right_sidebar{
    background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/post1.jpg');
    min-height:660px;
    background-size:cover;
}

.headline_style_single_blog_left_sidebar{
    background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/post3.jpg');
    min-height:660px;
    background-size:cover;";
}

/*-------- 6.1. Main Post Layout --------*/
.post{
    border-bottom: 0;
}

.post_date{
    text-align: center;
    margin-bottom: 6px;
}

.post_info{
    border-radius: 0;
    border-bottom: 0;
    position: absolute;
    top: 43px;
    left: 0;
}

.post_info:after{
    display: none;
}

.post_info .post_main_date{
    font-family: 'Open Sans',sans-serif;
    font-weight: 300;
    font-size: 50px;
    line-height: 61px;
    color: #8c9494;
    display: block;
    padding-top: 0;
    padding-bottom: 1px;
    text-align: center;
}

.post_info .post_main_month{
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 32px;
    color: #d3d7da;
    display: block;
    text-align: center;
    padding-left: 3px;
}

.post_content_inner{
    margin-left: 50px;
    padding-left: 25px;
    border-left: 1px solid #d3d7da;
    padding-bottom: 30px;
    margin-top: 21px;
}

.post-password-form input[type="submit"]{
    padding: 9px 22px 9px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    white-space: nowrap;
    text-decoration: none;
    background: transparent;
    border: 2px solid #0E6CC3;
    margin: 20px 10px 20px 0;
    line-height: 22px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color:  #0E6CC3;
    font-weight: 400;
    font-style: normal;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

.post-password-form input[type="submit"]:hover{
    background: #0E6CC3;
    border: 2px solid #0E6CC3;
    color: #fff !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translate(0px, -1px);
    -moz-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    -o-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}

.single_post{
    position: relative;
}

.single_post .post_info{
    top: 0;
}

.single_post .post_author{
    font-family: 'Open Sans', sans-serif;
    color:  #d3d7da;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.single_post .post_author a.comments_link{
    color:  #d3d7da;
}

.single_post .post_author a.comments_link:hover{
    color:  #0E6CC3;
}

.single_post .post_author .post_category a{
    color:  #d3d7da;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.single_post .post_author .post_category a:hover{
    color:  #0E6CC3;
}

.single_post .post_content{
    padding-left: 100px;
}

.single_post .post_content .postmeta-above h5 a{
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 40px;
    font-weight: 300;
    line-height: 56px;
    word-wrap: break-word;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.single_post .post_content .postmeta-above h5 a:hover{
    color: #0E6CC3;
}

.single_post .post_content .post_main{
    margin-left: 0;
    overflow: visible;
}

.post_main{
    border-radius: 0;
    margin-left: 0;
    position: relative;
}

.post_main .videoWrapper-vimeo,
.post_main .videoWrapper-youtube,
.post_main iframe{
    margin-bottom: 0;
}

.post_main .wp-post-image{
    margin-bottom: 0;
}

.post_main .post_main_inner_wrapper{
    padding: 30px;
    position: relative;
}

.post_main .post_main_inner_wrapper .post_content_inner > h2{
    display: block;
    line-height: 30px;
    margin-bottom: 7px;
    padding-left: 0;
    margin-top: -7px;
}

.post_main .post_main_inner_wrapper .post_content_inner > h2 a{
    font-family: 'Raleway', sans-serif;
    color: #272d32;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
}

.post_main .post_main_inner_wrapper .post_content_inner > h2:hover a{
    color: #0E6CC3;
}

.post_main .post_main_inner_wrapper .post_author{
    font-family: 'Open Sans', sans-serif;
    padding-left: 0;
    color: #d3d7da;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    display: inline-block;
}

.post_main .post_main_inner_wrapper .post_author a{
    font-family: 'Open Sans', sans-serif;
    padding-left: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.post_main .post_main_inner_wrapper .post_author .post_author_inner{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #999;
    font-size: 12px;
    line-height: 14px;
}

.post_main .post_main_inner_wrapper .post_author .post_author_inner i{
    font-size: 16px;
    line-height: 19px;
    color: #0E6CC3;
    margin-right: 5px;
}

.post_main .post_main_inner_wrapper .post_author .post_tags{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #999;
    font-size: 12px;
    line-height: 14px;
}

.post_main .post_main_inner_wrapper .post_author .post_tags i{
    font-size: 16px;
    line-height: 19px;
    color: #0E6CC3;
    margin-right: 5px;
}

.post_main .post_main_inner_wrapper .post_padding{
    padding-top: 16px;
}

.post_main .post_main_inner_wrapper .post_padding p{
    margin-bottom: 10px;
}

.post_main .post_main_inner_wrapper .post_padding .more-link_inside{
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    color: #0E6CC3;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.post_main .post_main_inner_wrapper .post_padding .more-link_inside:hover i{
    color: #272D32;
}

.post_main{
    margin-left: 96px;
}

.post_main:after{
    display: none;
}

.post_main{
    border-radius: 2px;
    overflow: hidden;
}

.post_main .videoWrapper-vimeo,
.post_main .videoWrapper-youtube,
.post_main iframe{
    margin-bottom: 0;
}

.post_main .wp-post-image{
    margin-bottom: 0;
}

.post_main .post_main_inner_wrapper{
    padding: 30px;
}

.post_main .post_main_inner_wrapper .post_author span a.comments_link{
    color: #d3d7da;
}

.post_main .post_main_inner_wrapper .post_author span a.comments_link:hover{
    color: #272D32;
}

.post_main .post_main_inner_wrapper .post_author .category a{
    color: #d3d7da;
}

.post_main .post_main_inner_wrapper .post_author .category a:hover{
    color: #272D32;
}

.post_main .post_main_inner_wrapper .post_category a{
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    line-height:22px;
    color:#848994;
    text-align:left;
}

.post_main .post_main_inner_wrapper .post_category a:hover{
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    line-height:22px;
    color:#0E6CC3;
    text-align:left;
}

.post_date{
    width: 73px;
    height: 73px;
    text-align: center;
}

#blog_pagination .pagination{
    text-align: right;
}


/*-------- 6.2. Blog Timeline --------*/
#timeline_posts{
    overflow: hidden;
}

.timeline_post{
    width: 88%;
    right: 0;
    margin-bottom: 80px;
    position: absolute;
    top: -2000px;
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    -ms-transition: top 1s;
    -o-transition: top 1s;
    transition: top 1s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.timeline_post .span12,
.timeline_post .span6{
    position: relative;
}

.timeline_post .span6:first-of-type:before{
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #d3d7da;
    border-left: 1px solid #d3d7da;
    border-right: 0;
    border-top: 0;
    -webkit-transform: skewX(45deg) rotate(90deg);
    -moz-transform: skewX(45deg) rotate(90deg);
    -ms-transform: skewX(45deg) rotate(90deg);
    -o-transform: skewX(45deg) rotate(90deg);
    transform: skewX(45deg) rotate(90deg);
    background: #fff;
    position: absolute;
    bottom: auto;
    top: 35px;
    left: -42px;
    z-index: 1;
}

.timeline_post .span12:before{
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #d3d7da;
    border-left: 1px solid #d3d7da;
    border-right: 0;
    border-top: 0;
    -webkit-transform: skewX(45deg) rotate(90deg);
    -moz-transform: skewX(45deg) rotate(90deg);
    -ms-transform: skewX(45deg) rotate(90deg);
    -o-transform: skewX(45deg) rotate(90deg);
    transform: skewX(45deg) rotate(90deg);
    background: #fff;
    position: absolute;
    bottom: auto;
    top: 35px;
    left: -42px;
    z-index: 1;
}

.timeline_post:after{
    content: "";
    display: block;
    width: 1px;
    height: 175%;
    background: #d3d7da;
    position: absolute;
    top: 0;
    left: -36px;
}

.timeline_post .post_info{
    position: absolute;
    left: -120px;
    top: -8px;
}

.timeline_post .post_main_inner_wrapper{
    padding: 0;
}

.timeline_post.has-post-thumbnail .post_main_inner_wrapper{
    padding: 0 0 0 3px;
}

.timeline_post .videoWrapper-youtube{
    margin-bottom: 0;
}

.timeline_post h2{
    margin-bottom: 0;
    line-height: 10px;
    margin-top: -9px;
}

.timeline_post h2 a{
    font-family: 'Raleway', sans-serif;
    color:  #272d32;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
}

.timeline_post h2:hover a{
    color: #0E6CC3;
}

.timeline_appended{
    -webkit-transition: top 0s, opacity 1s;
    -moz-transition: top 0s, opacity 1s;
    -ms-transition: top 0s, opacity 1s;
    -o-transition: top 0s, opacity 1s;
    transition: top 0s, opacity 1s;
}

.timeline_postmeta{
    padding: 10px 0 10px 0;
    font-family: 'Open Sans', sans-serif;
    color: #d3d7da;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.timeline_postmeta .post_author > a{
    color: #0E6CC3;
}

.timeline_postmeta .post_author > a:hover{
    color: #272D32;
}

.timeline_postmeta .post_author span a.comments_link{
    color: #d3d7da;
}

.timeline_postmeta .post_author .category a{
    color: #d3d7da;
}

.timeline_postmeta .post_author span a.comments_link:hover{
    color: #272D32;
}

.timeline_postmeta .post_author .category a:hover{
    color: #272D32;
}

.timeline_postmeta p{
    display: inline-block;
    margin-bottom: 0;
    margin-right: 25px;
}

.timeline_postmeta .ci_icon-circle{
    font-size: 5px;
    margin: 0 5px 0 5px;
    position: relative;
    top: -2px;
}

.timeline_content{
    padding: 10px 0 7px 0;
}

.timeline_post .post-readmore{
    padding: 10px 0 0 0;
}

.timeline_post .post-readmore p{
    margin-bottom: 0;
}

#timeline_loading{
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.timeline_loading_loader{
    background: url("../images/ajax-loader.gif") center 40px no-repeat;
}

#timeline_posts .post-readmore{
    padding-top: 0;
}

#timeline_posts .post-readmore a.more-link{
    width:143px;
    height:38px;
    background: #fff;
    border: 1px solid #d3d7da;
    border-radius: 2px;
    color: #0E6CC3;
    text-transform: uppercase;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    font-weight:700;
    text-align: center;
    padding-top: 7px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#timeline_posts .post-readmore a.more-link:hover{
    background: #0E6CC3;
    border: 1px solid transparent;
    color: #fff;
}

#timeline_posts .post-readmore .post_meta_comments{
    float: right;
    position: relative;
    top: 8px;
}

#timeline_posts .post-readmore .post_meta_comments i{
    margin-right: 5px;
}

/*-------- 6.3. Blog Posts --------*/
.post_content{
    position: relative;
}

.post_content .postmeta-above h5{
    margin-top: -5px;
}

.post_wrapper{
    margin-bottom: 40px;
}

.post_content p:last-child{
    margin-bottom: 0;
}

.post_content .post_main{
    position: relative;
}

.post_content .post_main .post_author i{
    font-size: 16px;
    line-height: 19px;
    color: #0E6CC3;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.post_content .post_main .post_author i.ci_icon-circle{
    font-size: 5px;
    margin: 0 5px;
    top: -2px;
    color: #848994;
}

.single_post_nav{
    padding: 10px 0;
}

.blog_category_index .post_main,
.blog_category_index .post_main{
    margin-left: 0;
}

.blog_category_index .post_content .post_main h5{
    padding-left: 0;
}

.post_content .post_main > img,
.post_content .post_main > .videoWrapper-vimeo,
.post_content .post_main > .videoWrapper-youtube{
    margin-bottom: 10px;
}

.post_content .post_main > iframe{
    margin-bottom: 25px;
}

.post_main .postmeta-above h5{
    padding-left: 90px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.post_content .post_main h5 a{
    color: #222;
}

.post_content .post_main h5 a:hover{
    color: #0E6CC3;
}

.post_content .post_main .post_author .post_author_inner{
    margin-right: 20px;
    color: #999;
}

.post_content .post_main .post_author .post_author_inner,
.post_content .post_main .post_author .post_author_inner a{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
}

.post_main .postmeta-above{
    color: #848994;
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 15px 0;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
}

.post_main .postmeta-above .post_info{
    top: 0;
    left: 0;
}

.post_main .postmeta-above .post_info .post_main_date{
    padding-top: 9px;
}

.post_main .postmeta-above .post_type{
    top: 13px;
    left: 45px;
}

.post_main .post_author .author_link a{
    color: #0E6CC3;
}

.post_main .post_author .author_link a:hover{
    color: #272D32;
}

.post_main .postmeta-above p{
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 0;
}

.post_main .postmeta-above .post_meta_comments{
    float: right;
    margin: 0;
}

.post_main .postmeta-under{
    padding: 15px 0;
    margin: 50px 0 40px 0;
    text-align: left;
    display: block;
    position: relative;
}

.post_main .postmeta-under .postmeta-share:after{
    content: "";
    width: 270px;
    height: 1px;
    background: #d3d7da;
    position: absolute;
    bottom: -26px;
    left: 0;
}

.post_main .postmeta-under p{
    margin-bottom: 0;
}

.post_excerpt{
    line-height: 38px;
    margin-top: -4px;
}

.sticky{
    background: #0E6CC3;
    padding: 20px;
    margin-bottom: 80px;
}

.sticky .post_info .post_main_month,
.sticky .post_info .post_main_date,
.sticky .post_main .post_main_inner_wrapper h2 a, .sticky .post_main .post_main_inner_wrapper .post_author a, .sticky .post_main .post_main_inner_wrapper .post_padding, .sticky a{
    color: #fff;
}

.sticky a:hover, .sticky .post_main .post_main_inner_wrapper h2 a:hover{
    color: #272D32;
}

/*-------- 6.4. Related Articles --------*/
#comments-title{
    font-family: 'Open Sans', sans-serif;
    color:  #222;
    font-size: 40px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 49px;
    position: relative;
}

#comments-title:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color:  #d3d7da;
    width: 70px;
    height: 1px;
}

#reply-title{
    font-size: 15px;
    color: #666;
    font-weight: 700;
}

.post-navigation {
    padding: 30px 0;
    display: block;
}

.previous_post{
    float: left;
    width: 50%;
    text-align: left;
}

.next_post{
    float: right;
    width: 50%;
    text-align: right;
}

.previous_post_icon{
    display: inline-block;
    margin-right: 20px;
    background: transparent;
    text-align: center;
}

.next_post_icon{
    display: inline-block;
    margin-left: 20px;
    background: transparent;
    text-align: center;
}

.previous_post a,
.next_post a{
    color: #848994;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}

.previous_post:hover a,
.next_post:hover a{
    color: #0E6CC3;
}

.previous_post_icon i,
.next_post_icon i{
    font-size: 18px;
    line-height: 29px;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    top: 2px;
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
}

.previous_post:hover i,
.next_post:hover i{
    color: #0E6CC3;
}

/*-------- 6.5. Post Comments --------*/
#comments_section{
    padding-bottom: 0;
    border-top: 1px solid #d3d7da;
    padding-top: 75px;
    margin-top: 75px;
}

#comments_section ul,
#comments_section ol{
    list-style: none;
    margin-left: 0;
}

#comments_section .comment.depth-5 .comment-text:after{
    display: none;
}

.comment p{
    margin-bottom: 0;
}

#comments_section .logged-in-as,
#comments_section .comment-notes{
    margin-bottom: 22px;
}

.comment {
    position: relative;
    padding-left: 109px;
    margin-bottom: 30px;
    min-height: 70px;
    margin-top: 40px;
}

.children .comment:last-child{
    margin-bottom: 0;
}

.children .comment {
    padding-top: 20px;
    margin-top: 20px;
}

.comment .avatar{
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
}

.children .comment .avatar{
    top: 20px;
}

.comment .comment-text{
    padding-bottom: 40px;
    margin-top: 2px;
}

.comment .children{
    padding-top: 0;
}

.comment .comment-author{
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.comment time{
    margin-top: 5px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    color:  #999999;
    font-size: 12px;
    font-style: italic;
    line-height: 14px;
}

.comment .reply,
.comment .edit-link,
.comment .reply a,
.comment .edit-link a{
    font-family:'Open Sans', sans-serif;
    color:  #0E6CC3;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    float: right;
}

.comment .reply{
    margin-top: 10px;
}

.comment .edit-link{
    float: right;
}

.comment .reply a:hover,
.comment .edit-link a:hover{
    color: #666;
}

.comment .edit-link:before{
    margin-right: 7px;
}

#respond{
    padding-top: 15px;
}

#respond .comment-reply-title{
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #3b4550;
}

#respond .comment_fields{
    width: 100%;
    float: left;
    padding-right: 10px;
}

#respond .comment-form-comment{
    width: 100%;
    float: right;
    padding-left: 10px;
}

#respond .form-submit{
    display: block;
}

#respond .comment_fields p{
    width: 100%;
    display: block;
    float: left;
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #d3d7da;
}

#respond .comment_fields p:after{
    content: "";
    width: 1px;
    height: 5px;
    background: #d3d7da;
    position: absolute;
    bottom: 0;
    left: 0;
}

#respond .comment_fields p:last-child{
    margin-right: 0;
    border-bottom: 0;
}

#respond .comment_fields p:last-child:after{
    display: none;
}

#respond .comment_fields .comment-form-author{
    width: 48.71794871794872%;
}

#respond .comment_fields .comment-form-email{
    width: 48.71794871794872%;
    margin-left: 2.564102564102564%;
}

#respond #comment{
    margin-bottom: 14px;
    margin-top: 16px;
}

#respond .comment-form-comment{
    font-family: 'Open Sans', sans-serif;
    color: #848994;
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #d3d7da;
}

#respond .comment-form-comment:after{
    content: "";
    width: 1px;
    height: 5px;
    background: #d3d7da;
    position: absolute;
    bottom: 0;
    left: 0;
}

#respond #comment-submit{
    padding: 9px 22px 9px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -appearance: none;
    cursor: pointer;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    white-space: nowrap;
    text-decoration: none;
    background: transparent;
    border: 2px solid #0E6CC3;
    margin: 20px 0 20px 0;
    line-height: 22px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #0E6CC3;
    font-weight: 400;
    font-style: normal;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    float: right;
}

#respond #comment-submit:hover{
    background: #0E6CC3;
    border: 2px solid #0E6CC3;
    color: #fff !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translate(0px, -1px);
    -moz-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    -o-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}

#respond .comment-form input[type="text"]{
    background: transparent;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #858585;
    padding: 12px 15px 11px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

#respond .comment-form textarea[id="comment"]{
    background: transparent;
    border: 0;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 14px;
    color: #858585;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding: 30px 15px 0 5px;
    height: 173px;
}

#respond .comment-form textarea[id="comment"]:focus{
    outline: none;
}

#respond .comment-form ::-webkit-input-placeholder{
    color: #858585;
}

#respond .comment-form :-moz-placeholder{
    color: #858585;
}

#respond .comment-form ::-moz-placeholder{
    color: #858585;
}

#respond .comment-form :-ms-input-placeholder{
    color: #858585;
}

.logged-in #respond .comment-form-comment{
    width: 100%;
    display: inline-block;
    padding-left: 0;
}

.loggedin #respond .comment-form textarea[id="comment"]{
    background: #fff;
    border: 1px solid #d3d7da;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #858585;
    margin-top: 0!important;
    padding: 12px 15px 11px;
    height: 182px;
}

body.author .post_main .post_main_inner_wrapper .post_author{
    font-family: 'Open Sans', sans-serif;
    padding-left: 0;
    color: #d3d7da;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

body.author .post_main .post_main_inner_wrapper h5{
    padding-left: 0;
}

.post.pingback{
    margin-top: 30px;
}

.post.pingback .edit-link{
    margin-left: 20px;
}

.post.pingback .edit-link a{
    text-decoration: underline;
}

/*-------- 6.6. Post Pagination --------*/
#blog_pagination{
    padding-top: 40px;
    text-align: right;
}

#blog_pagination .pagination{
    position: relative;
    float: none;
}

#blog_pagination .page-numbers{
    color: #aaa;
    line-height: 28px;
    margin-right: 17px;
    background: transparent;
    text-align: center;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 300;
}

#blog_pagination .page-numbers:last-child {
    margin-right: 0;
}

#blog_pagination i{
    font-size: 16px;
    line-height: 28px;
    margin: 0 5px;
    position: relative;
    top: 0;
}

#blog_pagination .page-numbers:hover{
    color: #0E6CC3;
}

#blog_pagination .page-numbers.current{
    color: #0E6CC3;
    text-align: center;
}

#blog_pagination .prev{
    margin-right: 10px;
    text-align: center;
}

#blog_pagination .next{
    text-align: center;
    margin-right: 0;
}

.search_pagination .pagination{
    text-align: center!important;
}

#inner_post_pagination{
    padding-top: 40px;
    text-align: right;
}

#inner_post_pagination > span,
#inner_post_pagination > a{
    color: #aaa;
    line-height: 28px;
    margin-right: 17px;
    background: transparent;
    text-align: center;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 300;
}

#inner_post_pagination > span{
    color: #0E6CC3;
}

#inner_post_pagination > a span{
    border: none;
}

#inner_post_pagination > a:hover{
    color: #0E6CC3;
}

/*-----------------------------------------------------------------*/
/* 7. Contact Form 7
/*-----------------------------------------------------------------*/
.spiralcf input{
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    padding: 12px 0 14px 20px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}

.spiralcf ::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}

.spiralcf :-moz-placeholder { /* Firefox 18- */
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}

.spiralcf ::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}

.spiralcf :-ms-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}

.spiralcf textarea{
    height: 105px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    padding-top: 10px;
    padding-bottom: 0;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}

.spiralcf textarea:focus{
    outline-color: transparent;
}

.spiralcf input[type="submit"]{
    padding: 9px 22px 9px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    white-space: nowrap;
    text-decoration: none;
    background: transparent;
    border: 2px solid #0E6CC3;
    margin: 20px 10px 20px 0;
    line-height: 22px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color:  #0E6CC3;
    font-weight: 400;
    font-style: normal;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    float: right;
}

.spiralcf input[type="submit"]:hover{
    background: #0E6CC3;
    border: 2px solid #0E6CC3;
    color: #fff !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translate(0px, -1px);
    -moz-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    -o-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}

.spiralcf-response-output{
    margin-top: 20px;
}

.spiralcf-not-valid-tip{
    width: auto !important;
    border: none !important;
    color: #f05347 !important;
    padding: 4px 8px !important;
    background: #fef0ef !important;
    margin-bottom: 20px;
}

.spiralcf-validation-errors{
    margin-bottom: 40px !important;
    padding: 19px !important;
    background: #fef0ef !important;
    color: #f05347 !important;
    border: none !important;
    margin: 20px 0 40px 0 !important;
}

#ABdev_contact_form_submit{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    background: #0E6CC3 !important;
    height: 55px;
    margin-top: 0;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

div.spiralcf .ajax-loader {
    top: -20px;
    position: relative;
    left: 50%;
    margin-left: -8px;
    width: auto;
}

.margin_heading{
    margin-bottom: 16px;
}

.spiralcf p{
    margin-bottom: 0;
}

span.spiralcf-form-control-wrap{
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #d3d7da;
}

span.spiralcf-form-control-wrap:before{
    content: "";
    width: 1px;
    height: 5px;
    background: #d3d7da;
    position: absolute;
    bottom: 0;
    left: 0;
}

.spiralcf-response-output{
    padding: 7px 15px 7px 45px !important;
    margin: 0 !important;
    text-align: left;
    display: none;
    position: relative;
    background: #fef0ef;
    color: #f05347;
    border: 1px solid #f1c0bc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.spiralcf-response-output:before{
    content: "\e64c"; /* icon-times */
    font-size: 12px;
    font-family: 'core_icomoon';
    position: absolute;
    top: 7px;
    left: 19px;
}

.spiralcf-response-output.success{
    background: #e9f3d2;
    color: #91b64f;
}

.spiralcf-response-output.success:before{
    content: "\e64c";  /* icon-check */ 
    font-size: 12px;
    font-family: 'core_icomoon';
    position: absolute;
    top: 7px;
    left: 19px;
}

.spiralcf-form-not-valid-tip{
    width: auto !important;
    border: none !important;
    color: #f05347 !important;
    padding: 4px 8px !important;
    background: #fef0ef !important;
    margin-bottom: 20px;
}

.spiralcf-form-validation-errors{
    margin-bottom: 40px !important;
    padding: 19px !important;
    background: #fef0ef !important;
    color: #f05347 !important;
    border: none !important;
    margin: 50px 0 40px 0 !important;
}


div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip { 
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}
/*-----------------------------------------------------------------*/
/* 8. Widgets
/*-----------------------------------------------------------------*/
aside.sidebar_right{
    padding-left: 20px;
}

aside.sidebar_left{
    padding-right: 20px;
}

.widget input{
    margin-bottom: 0;
}

aside .widget{
    margin-bottom: 83px;
}

.sidebar-widget-heading{
    margin-bottom: 40px;
}

h3.sidebar-widget-heading,
.sidebar-widget-heading h3{
    font-family: 'Raleway', sans-serif;
    color:  #272d32;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    margin-bottom: 0;
    display: block;
    text-align: left;
    padding-bottom: 0;
}

.sidebar-widget-heading h3:after,
#comments-title:after,
#reply-title:after{
    display: none;
}

aside .widget a{
    color: #777;
}

aside .widget a:hover{
    color: #0E6CC3;
}

.widget ul{
    list-style: none;
    margin-left: 0;
}

.widget ul li{
    position: relative;
}

.widget ul.children {
    padding-left: 20px;
}

h3.footer-widget-heading{
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 17px;
}

.textwidget{
    font-size: 13px;
    line-height: 22px;
    color: #9fa4af;
    padding-right: 22px;
    text-align: left;
}

/*-------- 8.1. Search --------*/
.widget_search form{
    position: relative;
    border-bottom: 1px solid #d3d7da;
    line-height: 0;
    height: 45px;
}

.widget_search form:before{
    content: "";
    width: 1px;
    height: 5px;
    background: #d3d7da;
    position: absolute;
    bottom: 0;
    left: 0;
}

.widget_search a{
    cursor: pointer;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    padding: 0 !important;
    line-height: 0;
    width: auto;
    position:initial;
}

.widget_search i{
    color: #0E6CC3;
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 16px;
    font-weight: 700;
}

.widget_search a:hover i{
    color: #272D32;
}

.widget_search input{
    padding:11px 20px;
    background: transparent;
    border-radius: 0;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}

.widget_search input:focus{
    outline: 0;
}

::-webkit-input-placeholder {
    color: #777;
}

:-moz-placeholder {
    color: #777;
}

::-moz-placeholder {
    color: #777;
}

:-ms-input-placeholder {
    color: #777;
}

.search_results_content_item{
    padding-left: 41px;
    position: relative;
}

.search_resuls_number{
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-weight: 300;
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 19px;
}

.search_results_content_item h4{
    margin-bottom: 12px;
}

#search_results_sum_title{
    margin-bottom: 50px;
}

/*-------- 8.2. Categories --------*/
.widget_pages li,
.widget_recent_entries li,
.widget_archive li,
.widget_nav_menu li,
.widget_meta li,
.widget_rss li,
.widget_categories li{
    border-bottom: 0 solid #e6ebed;
    position: relative;
    padding: 0 0 0 0;
}

/*-------- 8.3. Widget Nav Menu --------*/
.widget_nav_menu li{
    padding: 8px 0 9px;
    border-bottom: 1px solid #d3d7da;
}

.widget_nav_menu a{
    display: block;
    padding: 0 !important;
}

.widget_nav_menu a i{
    position: relative;
    top: 8px;
    float: right;
    font-size: 9px;
}

.widget_nav_menu ul.sub-menu{
    display: none;
    border-top: 1px solid #d3d7da;
    margin-top: 9px;
}

.sf-mega .widget_nav_menu ul.sub-menu{
    display: none;
}

.widget_nav_menu ul.sub-menu li{
    padding-left: 20px;
}

.widget_nav_menu ul.sub-menu li:last-of-type{
    border-bottom: 0;
    padding-bottom: 0;
}

.widget_nav_menu li.menu-item-has-children{
    display: block;
}

/*-------- 8.4. RSS --------*/
.widget_rss li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d7da;
    text-align: left;
}

.widget_rss .rsswidget{
    font-family: 'Open Sans', sans-serif;
    color: #505558;
    font-size: 18px;
    padding: 0;
    line-height: 25px;
}

.widget_rss .rss-date{
    display: block;
    color: #222;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 5px;
}

.widget_rss .rssSummary{
    font-size: 14px;
}

.widget_rss cite {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
    margin-top: 10px;
}

/*-------- 8.5. Recent comments --------*/
.widget_recent_comments .recentcomments{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #777;
    position: relative;
    overflow: hidden;
    padding-top: 7px;
    text-align: left;
}

.widget_recent_comments .recentcomments .comment-author-link{
    display: inline-block;
}

.widget_recent_comments .recentcomments > a{
    color: #222;
    font-weight: 700;
    display: block !important;
    padding-bottom: 11px!important;
    border-bottom: 1px solid #d3d7da;
}

.menu_sidebar .widget_recent_comments .recentcomments a{
    padding-top: 4px!important;
}

.widget_recent_comments .recentcomments a:hover{
    color: #0E6CC3;
}

.widget_categories li{
    border-bottom: 1px solid #d3d7da;
    position: relative;
    padding: 0;
    line-height: 36px;
}

.widget_categories ul.children{
    position: relative;
    margin-top: 8px;
}

.widget_categories li:last-child{
    border-bottom: none;
}

/*-------- 8.6. Tag Cloud --------*/
.tagcloud{
    padding-top: 5px;
    margin-bottom: 20px;
}

.tagcloud a{
    margin: 0 4px 4px 0;
    padding: 9px 9px 9px 9px!important;
    padding-bottom: 9px;
    float: left;
    color: #555555!important;
    border-radius: 0;
    font-size: 14px!important;
    line-height: 14px;
    background: #d3d7da;
    text-transform: lowercase;
    font-weight: 400;
    width: auto;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.tagcloud a:hover{
    background: #0E6CC3;
    color: #fff!important;
}

.tagcloud:after{
    display: block;
    clear: both;
    content: "";
    height: 0;
}

#ABdev_main_footer .tagcloud a:hover{
    color: #fff;
}

/*-------- 8.7. Flickr stream --------*/
.flickr_stream a{
    float: left;
    margin: 0;
    position: relative;
    overflow: hidden;
    width: 50%;
}

.flickr_stream img{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 175px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.flickr_stream .flickr_text{
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    background: #282828;
    padding: 9px 0;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.flickr_stream a:hover img,
.flickr_stream a:hover .flickr_text{
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
}

/*-------- 8.8. Recent Posts Extended Widget --------*/
.rpwe-block li{
    position: relative!important;
    min-height: 50px;
    margin-bottom: 30px;
    padding: 0 0 13px 0;
    border-bottom: 1px solid #d3d7da!important;
}

.rpwe-block li:last-child{
    border-bottom: 0;
}

.rpwe-img{
    float: left;
    padding: 0;
}

.rpwe-thumb {
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.rpwe-title{
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.rpwe-title a{
    color: #272d32;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.rpwe-title a:hover{
    color: #0E6CC3;
}

.rpwe-time{
    font-size: 12px;
    line-height: 14px;
    color: #999;
    font-weight: 400;
}

.rpwe-block h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: left;
    margin: 0;
}

.rpwe-block h3 a{
    font-size: 14px;
    color:  #272d32;
    padding: 0;
    margin-left: 15px;
}

.rpwe-clearfix{
    padding-left: 81px;
    padding-top: 10px;
    margin-bottom: 16px;
}

.rpwe-clearfix a{
    text-transform: capitalize;
    font-size: 13px;
    color: #848994;
}

.rpwe-time.published{
    font-family: 'Open Sans', sans-serif;
    color:  #d3d7da;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    padding-left: 0;
    display: inline-block;
    margin: 9px 0 10px 17px;
}

.rpwe-summary{
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 17px;
    display: inline-block;
    width: 75%;
    margin-left: 15px;
}

.rpwe-summary .more-link{
    color: #0E6CC3;
    text-transform: lowercase;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 17px;
}

/*-------- 8.9. Contact Info Widget --------*/
.contact_info_widget{
    margin-bottom: 13px;
}

.contact_info_widget .phone_icon,
.contact_info_widget .address_icon{
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 7px;
}

.contact_info_widget .phone_icon i,
.contact_info_widget .address_icon i{
    color:  #0E6CC3;
    font-size: 24px;
    font-weight: 400;
    text-align: left;
}

.contact_info_widget .content{
    border-left: 1px solid #d3d7da;
    display: inline-block;
    padding-left: 25px;
    padding-bottom: 20px;
}

.contact_info_widget .address_part .content {
    padding-bottom: 30px;
}

.contact_info_widget .content p{
    margin-bottom: 0;
}

.contact_info_widget .content a{
    color: #0E6CC3;
}

/*-------- 8.10. Twitter Widget --------*/
.sidebar .spiral-tweet-scroller.style1 {
    position: relative;
    padding-bottom: 0;
    border-left: 1px solid #d3d7da;
    margin-left: 45px;
    overflow: visible;
}

.sidebar .spiral-tweet-scroller.style1 .caroufredsel_wrapper{
    padding-bottom: 0;
}

.sidebar .spiral-tweet-scroller.style1-inner{
    width: 236px;
    padding-left: 15px;
}

.sidebar .spiral-tweet-item{
    text-align: left;
    padding: 0 0 50px 30px!important;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-text{
    font-family: 'Lato', sans-serif;
    color:  #777777;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: left;
    margin-top: 0;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-text a{
    font-family: 'Lato', sans-serif;
    color: #0E6CC3;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: left;
}

.sidebar .spiral-tweet-scroller.style1:before{
    display: none;
}

.sidebar .spiral-tweet-scroller.style1:after{
    content: "\e74b"; /*twitter*/
    font-family: 'core_icomoon';
    background: none;
    width: auto;
    height: auto;
    font-style: normal;
    font-size: 21px;
    color: #0E6CC3;
    position: absolute;
    top: 0;
    left: -35px;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-username{
    color: #0E6CC3;
    margin-top: 20px;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-date{
    font-size: 13px;
    font-style: italic;
    color: #0E6CC3;
    text-align: left;
    margin-top: 20px;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-navigation{
    display: block;
    padding: 0;
    text-align: right;
}

.sidebar .spiral-tweet-navigation a{
    font-size: 20px;
    margin-right: 10px;
    padding: 0;
    font-weight: bold;
    color: #0E6CC3;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-prev,
.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-next{
    color: transparent;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-prev:hover,
.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-next:hover{
    color: transparent;
}

.sidebar .spiral-tweet-navigation a:last-child{
    margin-right: 0;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-prev:after{
    content: "\e64a";
    font-family: 'core_icomoon';
    color: #0E6CC3;
    font-size: 21px;
    position: relative;
}

.sidebar .spiral-tweet-scroller.style1 .spiral-tweet-next:after{
    content: "\e649";
    font-family: 'core_icomoon';
    color: #0E6CC3;
    font-size: 21px;
    position: relative;
}

/*-------- 8.11. Social Media Buttons Widget --------*/
.sidebar .spiral_follow_us a{
    border: 1px solid #d3d7da;
    background: #fff;
    font-size: 16px;
    line-height: 30px;
    color: #aaa;
    margin: 0 9px 9px 0;
    text-align: center;
    padding-bottom: 0;
}

/*-------- 8.12. Archives Widget --------*/
.widget.widget_archive ul li{
    padding: 0;
    line-height: 36px;
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #d3d7da;
    text-align: right;
    font-style: italic;
    overflow:hidden;
    color: #777;
}

.widget.widget_archive ul li:last-child {
    border-bottom: 0;
}

.widget.widget_archive ul li a{
    float: left;
    text-align: left;
    width: 90%;
    padding: 2px 0 2px 20px;
    font-style: normal;
    line-height: 32px;
    transform: translateX(-20px);
}

.menu_sidebar .widget_archive ul li a{
    padding: 3px 20px;
}

.widget.widget_archive ul li a:before{
    content: "";
    position: absolute;
    top: 0;
    padding: 0;
    left: -15px;
    width: 20px;
    height: 100%;
    background: #0E6CC3;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.widget.widget_archive ul li:hover a{
    transform: translateX(15px);
}

.widget.widget_archive ul li a:hover{
    color: #0E6CC3;
}

select[name="archive-dropdown"]{
    margin-top: 0;
}

.widget.widget_archive .screen-reader-text,
.widget.widget_categories .screen-reader-text{
    display: none;
}

/*-------- 8.13. Calendar Widget --------*/
#wp-calendar caption{
    font-family: 'Open Sans', sans-serif;
    color:  #8c9494;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 16px;
}

#wp-calendar thead tr th[scope="col"]{
    color: #272d32;
    font-weight: 700;
    text-align: center;
}

#wp-calendar tbody tr td{
    color: #777;
    font-weight: 700;
    padding: 6px 0 6px 0!important;
    text-align: center;
}

#wp-calendar tbody tr td > a{
    color: #0E6CC3;
    padding: 0;
    text-align: center;
    font-weight: bold;
}

#wp-calendar tr td > a{
    padding: 0;
    color: #777;
    font-weight: bold;
    text-transform: uppercase;
}

#wp-calendar tr td > a:hover{
    color: #0E6CC3;
}

#wp-calendar tfoot tr td{
    font-weight: 700;
    color: #777;
    text-transform: uppercase;
    padding-top: 6px;
}

#wp-calendar tfoot tr td#next{
    text-align: right;
}

/*-------- 8.14. Categories Widget --------*/
.widget.widget_categories ul li{
    padding: 0 1px 0 0;
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #d3d7da;
    text-align: right;
    font-style: italic;
    overflow:hidden;
    color: #555;
}

.widget.widget_categories ul li:last-child {
    border-bottom: 0;
}

.widget.widget_categories ul li a{
    float: left;
    text-align: left;
    width: 88%;
    padding: 4px 0 4px 20px;
    font-style: normal;
    transform: translateX(-20px);
}

.menu_sidebar .widget_categories ul li a{
    padding: 12px 20px;
}

.widget.widget_categories ul li a:before{
    content: "";
    position: absolute;
    top: 0;
    left: -15px;
    width: 20px;
    height: 100%;
    background: #0E6CC3;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.widget.widget_categories ul li:hover > a{
    transform: translateX(15px);
}

.widget.widget_categories ul li a:hover{
    color: #0E6CC3;
}

select[name="cat"]{
    margin-top: 0;
}

/*-------- 8.15. RSS and Twitter Widget --------*/
.widget.rss_twitter_follow .rss_container,
.widget.rss_twitter_follow .twitter_container{
    display: inline-block;
    width: 50%;
}

.widget.rss_twitter_follow .rss_container i,
.widget.rss_twitter_follow .twitter_container i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    color:  #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -10px;
}

.widget.rss_twitter_follow .rss_container i{
    background: #f8a94a;
}

.widget.rss_twitter_follow .twitter_container i{
    background: #55c6ec;
}

.widget.rss_twitter_follow .rss_twitter_widget .text_container{
    display: inline-block;
}

.widget.rss_twitter_follow .rss_twitter_widget .text_container p.title{
    display: block;
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    margin-left: 20px;
    margin-bottom: 0;
}

.widget.rss_twitter_follow .rss_twitter_widget .text_container a{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color:  #8c9494;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-left: 20px;
}

.widget.rss_twitter_follow .rss_twitter_widget .text_container a:hover{
    color: #0E6CC3;
}

/*-------- 8.16. Pages widget --------*/
.widget_pages li{
    padding: 5px 0 4px;
}

.widget_pages li > a{
    padding: 0 !important;
}

.widget_pages li.page_item_has_children{
    padding-bottom: 0;
}

/*-------- 8.17. Meta widget --------*/
.widget_meta li{
    padding: 5px 0 4px;
}

.widget_meta li a {
    padding: 0!important;
}

/*-------- 8.18. Featured Posts widget --------*/
.featured_post{
    margin-bottom: 20px;
}

.featured_post img{
    width: 100%;
}

.featured_post .featured_post_title{
    font-family: 'Raleway', sans-serif;
    color: #272d32;
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    margin-bottom: 0;
    display: block;
    text-align: left;
    padding: 10px 0 5px;
}

.featured_post .featured_post_title:hover{
    color: #0E6CC3;
}

.featured_post .featured_post_excerpt{
    padding-bottom: 0;
    word-wrap: break-word;
    text-align: left;
    color: #777 !important;
}

/*-------- 8.19. Recent Posts widget --------*/
.recent_post.widget{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d7da;
}

.recent_post.widget:last-of-type{
    border-bottom: 0;
}

.recent_post .image_container{
    width: 20%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.recent_post .widget_content{
    width: 78%;
    padding-left: 15px;
    display: inline-block;
    text-align: left;
}

.recent_post_title{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #272d32!important;
    margin-bottom: 0;
    margin-top: -4px;
    letter-spacing: 0;
    display: block;
    padding: 0;
}

.recent_post_title:hover{
    color: #0E6CC3!important;
}

.recent_post_date{
    font-family: 'Open Sans', sans-serif;
    color: #d3d7da;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    padding-left: 0;
    display: block;
    margin: 0 0 5px;
}

.recent_post_excerpt{
    font-family: 'Open Sans', sans-serif;
    color: #777777;
    display: inline!important;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 22px;
    padding: 0;
    text-align: left;
    -webkit-word-break: break-all;
    -moz-word-break: break-all;
    -ms-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
}

.recent_post .readmore{
    display: inline!important;
}

.recent_post_readmore{
    color: #0E6CC3!important;
    text-transform: lowercase;
    display: inline;
    text-align: left;
    padding: 0;
}

.recent_post_readmore:hover{
    color: #222!important;
}

/*-------- 8.20 Recent posts (wp native) widget --------*/
.widget_recent_entries li{
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d7da!important;
    margin-bottom: 10px;
}

.widget_recent_entries li:last-of-type{
    border-bottom: 0!important;
}

.widget_recent_entries li a{
    padding: 0!important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #272d32;
    margin-bottom: 0;
    margin-top: -4px;
    letter-spacing: 0;
    display: block;
}

.widget_recent_entries li .post-date{
    color: #d3d7da;
    padding-top: 3px;
    text-transform: uppercase;
}

/*-----------------------------------------------------------------*/
/* 9. Pages
/*-----------------------------------------------------------------*/
#default_page_row{
    padding: 70px 0;
}

#default_page_row .spiral_section_tc:first-child{
    padding-top: 0;
}

#default_page_row .spiral_section_tc:last-child{
    padding-bottom: 0;
}

/*-------- 9.1. Portfolio --------*/
.portfolio_item{
    color: #929292;
    background: #222;
}

.portfolio_item,
.portfolio_item .overlayed{
    position: relative;
    text-align: center;
    overflow: hidden;
}

.portfolio_item h4{
    margin: 0 0 27px 0;
    position: relative;
    z-index: 1;
}

.portfolio_item span{
    z-index: 1;
    position: relative;
}

.portfolio_item h4 a{
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.portfolio_item h4 a:hover{
    color: #0E6CC3;
}

.portfolio_item .overlayed .overlay {
    width: 100%;
    height: 0;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    background: #222;
    color: #fff;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    z-index: 1;
}

.portfolio_item img{
    width: 100%;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
}

.portfolio_item.portfolio_item_4_boxed .overlayed .overlay .overlay_title,
.portfolio_item.portfolio_item_4 .overlayed .overlay .overlay_title{
    font-size: 17px;
    line-height: 11px;
    margin-bottom: 5px;
}

.section_body_fullwidth .portfolio_item.portfolio_item_3 .overlayed .overlay .overlay_title{
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 33px;
}

.section_body_fullwidth .portfolio_item.portfolio_item_3 .overlayed .overlay .portfolio_item_tags{
    font-size: 14px;
}

.portfolio_item .overlayed .overlay .overlay_title,
.section_body_fullwidth .portfolio_item .overlayed .overlay .overlay_title{
    font-family: 'Raleway';
    color:  #ffffff;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin-bottom: 3px;
    margin-left: 15px;
    margin-top: 15px;
    padding-right: 50px;
}

.portfolio_item.portfolio_item_3_boxed .overlayed .overlay .overlay_title{
    font-size: 25px;
    line-height: 25px;
}

.portfolio_item .overlayed .overlay .portfolio_item_tags{
    font-family: 'Open Sans', sans-serif;
    color:  #dedede;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    margin-left: 15px;
}

.portfolio_item.portfolio_item_4_boxed .overlayed .overlay .portfolio_item_tags,
.portfolio_item.portfolio_item_4 .overlayed .overlay .portfolio_item_tags{
    font-size: 12px;
    line-height: 22px;
}

.portfolio_icon{
    width: 41px;
    height: 41px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_latest_portfolio .portfolio_icon{
    width: 21px;
    height: 21px;
}

.portfolio_icon i{
    line-height: 41px;
    color: #0E6CC3;
    font-size: 20px;
    display: inline;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.portfolio_icon:last-child i{
    line-height: 33px;
}

.portfolio_icon:hover i{
    color: #fff;
}

.section_body_fullwidth .portfolio_item.portfolio_item_3 .overlayed .overlay .portfolio_icons_container{
    top: 15px;
}

.section_body_fullwidth .portfolio_item.portfolio_item_3 .overlayed .overlay .portfolio_icons_container .portfolio_icon i{
    font-size: 24px;
}

.portfolio_icons_container{
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 7px;
}

.section_body_fullwidth .portfolio_item.portfolio_item_4 .overlayed .overlay .portfolio_icons_container{
    top: 15px;
}

.section_body_fullwidth .portfolio_item.portfolio_item_4 .overlayed .overlay .overlay_title{
    font-size: 32px;
    margin-bottom: 10px;
}

.portfolio_item.portfolio_item_4_boxed .overlayed .overlay .portfolio_icons_container,
.portfolio_item.portfolio_item_4 .overlayed .overlay .portfolio_icons_container{
    top: 5px;
    right: 10px;
}

.portfolio_item.portfolio_item_3_boxed .overlayed .overlay .portfolio_icons_container{
    top: 15px;
    right: 20px;
}

.portfolio_item:hover .overlayed .overlay {
    height: 37%;
}

.portfolio_item:hover img{
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}

.portfolio_item_3:hover .overlayed .overlay,
.portfolio_item_4:hover .overlayed .overlay,
.portfolio_item_5:hover .overlayed .overlay{
    border-radius: 0;
}

.portfolio_item_meta h5{
    margin-bottom: 15px;
    font-size: 14px;
    padding-bottom: 0;
    line-height: 13px;
}

.portfolio_item_meta h5 a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}

.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;
}

.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;
}

.portfolio_filter{
    list-style: none;
    margin: 0;
    text-align: left;
    padding-bottom: 16px;
    padding-top: 16px;
}

.section_body_fullwidth .portfolio_filter {
    margin-left: 18.2%;
}

.container_fullwidth .portfolio_filter{
    margin-left: 18%;
}

.portfolio_filter li{
    list-style: none;
    display: inline-block;
    position: relative;
}

.portfolio_filter li:last-of-type:after{
    display: none;
}

.portfolio_filter li a{
    font-family: 'Raleway', sans-serif;
    color:  #d3d7da;
    font-size: 30px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    padding: 9px 20px 12px 20px;
    display: inline-block;
}

.spiral-inversed_text .portfolio_filter li a{
    color: #fff;
}

.portfolio_filter li a.selected,
.portfolio_filter li:hover,
.portfolio_filter li:hover a{
    color: #0E6CC3;
}

.portfolio_filter i{
    margin-right: 10px;
    margin-left: 15px;
    font-size: 9px;
    top: 0;
}

.portfolio_item_5{
    width: 19.98%;
    display: block;
    float: left;
}

.portfolio_item_4{
    width: 25%;
    display: block;
    float: left;
}

.portfolio_item_3{
    width: 33.333333%;
    display: block;
    float: left;
}

.single_portfolio_pagination{
    min-height: 42px;
    margin: 10px 0 24px 0;
    text-align: center;
}

.single_portfolio_pagination.single_portfolio_pagination_bottom{
    margin: 20px 0 70px 0;
}

.single_portfolio_pagination a,
.single_portfolio_pagination.single_portfolio_pagination_bottom a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
    padding: 11px 15px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.single_portfolio_pagination a i,
.single_portfolio_pagination.single_portfolio_pagination_bottom a i{
    font-size: 17px;
    color: #222;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.single_portfolio_pagination .prev i,
.single_portfolio_pagination.single_portfolio_pagination_bottom .prev i{
    margin-right: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.single_portfolio_pagination .next i,
.single_portfolio_pagination.single_portfolio_pagination_bottom .next i{
    margin-left: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.single_portfolio_pagination .prev:hover i,
.single_portfolio_pagination.single_portfolio_pagination_bottom .prev:hover i{
    color: #0E6CC3;
}

.single_portfolio_pagination .list:hover i,
.single_portfolio_pagination.single_portfolio_pagination_bottom .list:hover i{
    color: #0E6CC3;
}

.single_portfolio_pagination .next:hover i,
.single_portfolio_pagination.single_portfolio_pagination_bottom .next:hover i{
    color: #0E6CC3;
}

.single_portfolio_pagination i,
.single_portfolio_pagination.single_portfolio_pagination_bottom i{
    color: #0E6CC3;
}

.single_portfolio_pagination.top_pagination{
    margin: 0;
    position: relative;
}

.single_portfolio_pagination.top_pagination .prev a{
    position: absolute;
    left: -7%;
    padding: 0;
}

.single_portfolio_pagination.top_pagination .prev a i{
    font-size: 65px;
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 1px #000;
}

.single_portfolio_pagination.top_pagination .next a{
    position: absolute;
    right: -7%;
    padding: 0;
}

.single_portfolio_pagination.top_pagination .next a i{
    font-size: 65px;
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 1px #000;
}

.container_fullwidth{
    width: 100%;
    margin: 0 auto;
}

.spiral_latest_portfolio .portfolio_icon_container{
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: -42px;
    display: inline-block;
}

.caroufredsel_wrapper{
    margin: 0 !important;
}

.spiral_latest_portfolio{
    padding: 0;
    list-style: none;
    display: block;
}

.spiral_latest_portfolio li{
    float: left;
    display: block;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    background: #fff;
}

.spiral_latest_portfolio li.portfolio_item_4{
    width: 280px;
}

.spiral_latest_portfolio li.portfolio_item_3{
    width: 377px;
}

.content_with_right_sidebar .spiral_latest_portfolio li.portfolio_item_3,
.content_with_left_sidebar .spiral_latest_portfolio li.portfolio_item_3{
    width: 278px;
}

.section_body_fullwidth .spiral_latest_portfolio .portfolio_item .overlayed .overlay .overlay_title{
    font-size: 17px;
    line-height: 11px;
    margin-bottom: 5px;
}

.section_body_fullwidth .spiral_latest_portfolio .portfolio_item .overlayed .overlay .portfolio_icons_container{
    top: 7px;
}

.spiral_latest_portfolio .overlay_title{
    margin-top: 20px;
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    color: #3b4550;
}

.spiral_latest_portfolio .portfolio_item_tags{
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #9fa4af;
}

.portfolio_navigation{
    margin-top: 20px;
    text-align: center;
    position: relative;
}

.portfolio_navigation a{
    color: #fff;
    text-shadow: 0 0 1px #000000;
    width: 70px;
    height: 65px;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

.portfolio_navigation a:hover{
    color: #fff;
}

.portfolio_navigation a i{
    line-height: 65px;
    font-size: 65px;
}

.portfolio_prev{
    position: absolute;
    top: -185px;
    left: -70px;
    z-index: 10;
}

.portfolio_next{
    position: absolute;
    top: -185px;
    right: -57px;
    z-index: 10;
}

.section_body_fullwidth .portfolio_prev{
    left: 0;
}

.section_body_fullwidth .portfolio_next{
    right: 0;
}



/*-------- 9.1.1. Portfolio - 3 Columns --------*/
.row.portfolio_3column .span4{
    width: 31.62393162393162%;
    margin-left: 2.564102564102564%;
}

.row.portfolio_3column .span4:first-child{
    margin-left: 0;
}

.row.portfolio_3column .span4:nth-of-type(3n+1) {
    margin-left: 0;
}

.portfolio_3column .portfolio_inner_content{
    margin-bottom: 30px;
    overflow: hidden;
}

.portfolio_3column .portfolio_inner_content .portfolio_item_meta{
    padding: 14px 0 23px;
    text-align: center;
}

.portfolio_3columns_description .portfolio_item_meta_detail_description{
    margin-bottom: 42px;
}

.portfolio_3columns_description img{
    border-radius: 2px;
}

.portfolio_3columns_description .portfolio_item_meta_detail_description h6{
    margin-top: 13px;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 21px;
}

.portfolio_3columns_description .portfolio_item_meta_detail_description h6 a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.portfolio_3columns_description .portfolio_3column .portfolio_inner_content{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.portfolio_3column .portfolio_3column_detail{
    margin-bottom: 10px;
}

.portfolio_3column .portfolio_3column_info{
    margin-bottom: 0;
}

.portfolio_3column .portfolio_item .overlayed .overlay .overlay_title,
.portfolio_3column_description .portfolio_item .overlayed .overlay .overlay_title{
    bottom: 30px;
}

/*-------- 9.1.2. Portfolio - 4 Columns --------*/
.portfolio_4column .ABdev_latest_portfolio.portfolio_items{
    width: 1168px;
}

.portfolio_4column .span3{
    width: 23.07692307692308%;
    margin-left: 2.564102564102564%;
}

.portfolio_4column .span3:first-child{
    margin-left: 0;
}

.portfolio_4column .span3:nth-of-type(5n) {
    margin-left: 0;
}

.portfolio_4column .portfolio_inner_content{
    margin-bottom: 30px;
}

.portfolio_4column .portfolio_inner_content .portfolio_item_meta{
    padding: 14px 0 23px;
    text-align: center;
}

.portfolio_4columns_description .portfolio_item_meta_detail_description{
    margin-bottom: 42px;
}

.portfolio_4columns_description img{
    border-radius: 2px;
}

.portfolio_4columns_description .portfolio_item_meta_detail_description h6{
    font-size: 14px;
    margin-top: 13px;
    margin-bottom: 5px;
    line-height: 21px;
}

.portfolio_4columns_description .portfolio_item_meta_detail_description h6 a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.portfolio_4columns_description .portfolio_4column .portfolio_inner_content{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.portfolio_4column .portfolio_4column_detail{
    margin-bottom: 10px;
}

.portfolio_4column .portfolio_4column_info{
    margin-bottom: 0;
}

.portfolio_4column .portfolio_item .overlayed .overlay .overlay_title,
.portfolio_4column_description .portfolio_item .overlayed .overlay .overlay_title{
    bottom: 30px;
}

/*----------- 9.1.3. Featured Gallery --------------*/
.spiral_featured_portfolio{
    display: block;
}

.spiral_featured_portfolio .featured_item{
    width: 25%;
    float: left;
    cursor: pointer;
    overflow: hidden;
}

.spiral_featured_portfolio .featured_item.current{
    position: relative;
}

.spiral_featured_portfolio .featured_item:hover .overlay{
    height: 23%!important;
}

.spiral_featured_portfolio .featured_item .overlay i{
    position: relative;
    top: 8px;
}

#pointer{
    position: absolute;
    top: -10px;
    left: 0;
    width: 0;
    height: 0;
    z-index: 10;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #222;
}

#portfolio_content_details{
    background: #222;
    width: 100%;
    display: none;
    position: relative;
    clear: both;
    text-align: left;
}

#portfolio_content_details .featured_gallery_post_wrapper{
    padding: 100px;
    position: relative;
}

#portfolio_content_details .featured_gallery_post_wrapper #close_wrapper{
    position: absolute;
    display: inline-block;
    top: 50px;
    right: 50px;
    cursor: pointer;
    z-index: 100;
}

#portfolio_content_details .featured_gallery_post_wrapper #close_wrapper i{
    color: #fff;
    font-size: 16px;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_image{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content{
    width: 67%;
    margin-left: 2%;
    padding-left: 2%;
    padding-bottom: 2.3%;
    display: inline-block;
    border-left: 1px solid #d3d7da;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_title{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color:  #fffefe;
    font-size: 40px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
    margin-bottom: 17px;
    margin-top: -5px;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_title a{
    color:  #fffefe;
    line-height: 38px;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_linkto{
    display: inline-block;
    margin-left: 49px;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_linkto i{
    font-size: 30px;
    color: #0E6CC3;
    position: relative;
    top: -1px;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_date{
    font-family: 'Open Sans', sans-serif;
    color:  #555555;
    font-size: 14px;
    font-weight: 400;
    line-height: 54px;
    text-align: left;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_description{
    margin-bottom: 38px;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_description p{
    font-family: 'Open Sans', sans-serif;
    color:  #cccccc;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_info{
    margin-bottom: 50px;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_info .gallery_post_category span,
#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_info .gallery_post_client span,
#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_info .gallery_post_skill span{
    font-family: 'Open Sans', sans-serif;
    color:  #555555;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    min-width: 100px;
    display: inline-block;
    margin-right: 23px;
}

#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_info .gallery_post_category span.cat_names,
#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_info .gallery_post_client span.client_names,
#portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_info .gallery_post_skill span.skills_names{
    font-family: 'Open Sans', sans-serif;
    color:  #cccccc;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
}

@media only screen and (min-width: 1311px) and (max-width: 1606px) {

    .spiral_featured_portfolio .featured_item:hover .overlay{
        height: 29%!important;
    }

}

@media only screen and (min-width: 1171px) and (max-width: 1310px) {

    .spiral_featured_portfolio .featured_item:hover .overlay{
        height: 32%!important;
    }

}

@media only screen and (min-width: 960px) and (max-width: 1170px) {

    .spiral_featured_portfolio .featured_item:hover .overlay{
        height: 39%!important;
    }

    .portfolio_item .overlayed .overlay .overlay_title,
    .section_body_fullwidth .portfolio_item .overlayed .overlay .overlay_title{
        font-size: 19px!important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .spiral_featured_portfolio .featured_item:hover .overlay{
        height: 23%!important;
    }
}

@media only screen and (max-width: 767px){

    .spiral_featured_portfolio .featured_item{
        width: 100%;
    }

    .featured_gallery_post_wrapper{
        padding: 30px!important;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_image{
        width: 100%;
    }

    #portfolio_content_details .featured_gallery_post_wrapper #close_wrapper{
        top: 20px;
        right: 20px;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content{
        margin-top: 30px;
        width: 100%;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }
}


/*** Gallery ***/

.gallery_images .gallery-item{
    margin: 3.333333% 3.3333333% 0 0;
    width: 30%!important;
    background: #f7f7f7;
    position: relative;
    display: inline-block;
}

.gallery_images .gallery-item:nth-child(3n+3){
    margin-right: 0;
}

.gallery_images img{
    width: 80px;
    height: 80px;
    border: 1px solid #d3d7da!important;
}

#manage_gallery{
    margin-top: 10px;
    cursor: pointer;
}

#empty_gallery{
    cursor: pointer;
    margin-left: 10px;
}

#icon-edit.icon32-posts-listings {
    display: none;
}

.gallery-item a{
    display: inline-block;
}


/*----------- 9.1.4. Nivo Slider --------------*/
.slider-wrapper{
    position: relative;
}

#portfolio_gallery_slider a {
    border:0;
    display:block;
    width: 50px;
    height: 50px;
    background: #222;
    text-align: center;
}

.nivo_prev,
.nivo_next{
    position: relative;
}

.nivo_prev:after{
    font-family: 'core_icomoon';
    content: "\e64a";
    line-height: 50px;
    color: #fefefe;
    font-size: 16px;
    visibility: visible;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#portfolio_gallery_slider a:hover .nivo_prev:after{
    color: #0E6CC3;
}

.nivo_next:after{
    font-family: 'core_icomoon';
    content: "\e649";
    line-height: 50px;
    color: #fefefe;
    font-size: 16px;
    visibility: visible;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#portfolio_gallery_slider a:hover .nivo_next:after{
    color: #0E6CC3;
}

.nivo-controlNav {
    padding: 20px 0;
    text-align: left;
}

.nivo-control img{
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
}

/*-------- 9.2. 404 Page --------*/
#page404{
    text-align: center;
    margin: 100px auto;
    padding: 0;
}

#page404 .left_column{
    float: left;
    width: 47%;
}

#page404 .right_column{
    float: right;
    width: 53%;
    border-left: 1px solid #d3d7da;
    padding: 100px 50px 50px;
    text-align: left;
}

#page404 .big_404{
    color:  #d3d7da;
    font-size: 280px;
    font-weight: 700;
    line-height: 196px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    padding-top: 100px;
}

#page404 .big_404_text{
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 70px;
    font-weight: 700;
    line-height: 56px;
    text-align: left;
    margin-left: -6px;
}

#page404 .middle_404_text{
    font-family: 'Raleway', sans-serif;
    color:  #8c9494;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    padding-top: 66px;
}

#page404 .right_column a{
    display: block;
    margin-bottom: 10px;
}

/*-----------------------------------------------------------------*/
/* 10. Other
/*-----------------------------------------------------------------*/
/*-------- 10.1. Spiral Testimonials --------*/
.spiralt_testimonials_wrapper .spiralt_navigation{
    display: inline-block;
    z-index: 10;
}

.spiralt_navigation a i{
    font-size: 16px;
    color: #272d32;
}

.spiralt_navigation a:hover i{
    color: #0E6CC3;
}

.spiralt_navigation .Abt_prev{
    margin-right: 5px;
}

.testimonials_section_bg_grey{
    background-color:#f5f6f8;
}

.spiralt_testimonials_wrapper .caroufredsel_wrapper{
    margin: 0 !important;
    width: auto !important;
}

.spiralt_testimonials_slide{
    padding: 0;
    list-style: none;
    display: block;
    width: auto !important;
}

.spiralt_testimonials_slide li{
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    background: #fff;
}

.spiralt_testimonials_wrapper .spiralt_navigation{
    text-align: right;
    position: relative;
    font-size: 20px;
}

.spiralt_testimonials_wrapper .spiralt_navigation a{
    text-decoration: none;
}

.spiralt_testimonials_slide .testimonial_big{
    padding-left: 40px;
    border-left: 1px solid #d9d9d9;
    margin-bottom: 70px;
    display: block;
}

.spiralt_testimonials_slide .testimonial_big p{
    font-family: Ubuntu;
    font-weight: 300;
    font-style: italic;
    font-size: 24px;
    line-height: 27px;
    color: #656560;
    margin-bottom: 27px;
}

.spiralt_testimonials_slide .testimonial_big .source{
    color: #929292;
}

.spiralt_testimonials_slide .testimonial_big .source a{
    font-weight: 700;
}

.spiralt_testimonials_slide .testimonial_small{
    display: block;
    margin-bottom: 70px;
}

.spiralt_testimonials_slide .testimonial_small p{
    font-style: italic;
    border-bottom: 5px solid #eee;
    margin-bottom: 26px;
}

.spiralt_testimonials_slide .testimonial_small p:after{
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid #eee;
    border-bottom: 22px solid #fff;
    position: relative;
    top: 27px;
    left: 20px;
}

.spiralt_testimonials_slide .testimonial_small .source{
    color: #929292;
}

.spiralt_testimonials_slide .testimonial_small .source a{
    font-weight: 700;
}

.spiralt_testimonials_slide .testimonial_small:after{
    display: block;
    content: "";
    clear: both;
}

.spiralt_testimonials_slide .testimonial_small img{
    width: 50px;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

.spiralt_form_wrapper input[type="text"],
.spiralt_form_wrapper input[type="file"],
.spiralt_form_wrapper textarea{
    margin-bottom: 20px;
}

.spiralt_form_wrapper input[type="file"]{
    width: 100%;
}

.spiralt_form_wrapper .spiralt_client,
.spiralt_form_wrapper .spiralt_client_url,
.spiralt_form_wrapper .spiralt_company,
.spiralt_form_wrapper .spiralt_company_url{
    width: 48%;
}

.spiralt_form_wrapper .spiralt_client_url,
.spiralt_form_wrapper .spiralt_company_url{
    float: right;
}

.spiralt_form_wrapper .spiralt_text{
    width: 100%;
    height: 90px;
}

.spiralt_form_wrapper .spiralt_field_error{
    background: #ffe9e9;
}

.spiralt_form_wrapper .spiralt_success_message{
    display:none;
}

.spiralt_form_wrapper .spiralt_form .placeholder,
.spiralt_form_wrapper .spiralt_form label {
    color: #aaa;
}

.spiralt_pagination{
    text-align: center;
}


/*-------- 10.1.1. Spiral Testimonials - Picture Middle --------*/
.spiralt_testimonials_wrapper.picture_middle .spiralt_pagination,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination{
    margin-top: 0;
    display: inline-block;
    position: absolute;
    bottom: 75px;
    left: auto;
    right: 0;
    margin-left: 0;
    z-index: 10
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_pagination a,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination a{
    margin-right: 13px;
    width: 10px;
    height: 10px;
    background: #222;
    display: inline-block;
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_pagination a:last-child,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination a:last-child{
    margin-right: 0;
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_pagination a.selected,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination a.selected{
    width: 12px;
    height: 12px;
    border: 0;
    display: inline-block;
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_pagination a:hover,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination a:hover{
    width: 12px;
    height: 12px;
    border: 0;
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_pagination a span,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination a span{
    display: none;
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_navigation,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_navigation{
    position: absolute;
    bottom: 75px;
    left: auto;
    right: 0;
    margin-left: 0;
}

.spiralt_testimonials_wrapper.picture_middle,
.spiralt_testimonials_wrapper_static.picture_middle{
    position: relative;
}

.spiralt_testimonials_wrapper.picture_middle .testimonial_small,
.spiralt_testimonials_wrapper_static.picture_middle .testimonial_small{
    border: 1px solid #d3d7da;
    padding: 25px 25px 25px 25px;
    position: relative;
    background: #fff;
    margin-top: 16px;
}

.spiralt_testimonials_wrapper.picture_middle .testimonial_small .source,
.spiralt_testimonials_wrapper_static.picture_middle .testimonial_small .source{
    position: absolute;
    bottom: -30px;
    left: 0;
    margin-left: 0;
    text-align: center;
    display: inline-block;
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_author,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_author{
    color: #3b4550;
    display: inline;
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_company,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_company{
    margin-left: 10px;
}

.spiralt_testimonials_wrapper.picture_middle .testimonial_small p,
.spiralt_testimonials_wrapper_static.picture_middle .testimonial_small p{
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    border-bottom: 0;
    font-style: normal;
}

.spiralt_testimonials_wrapper.picture_middle .testimonial_small p:after,
.spiralt_testimonials_wrapper_static.picture_middle .testimonial_small p:after{
    display: none;
}

.spiralt_testimonials_wrapper.picture_middle .spiralt_testimonials_slide li,
.spiralt_testimonials_wrapper_static.picture_middle .spiralt_testimonials_slide li{
    border-radius: 2px;
    padding-bottom: 50px;
    background: transparent;
}

.spiralt_testimonials_wrapper.picture_middle .testimonial_small img,
.spiralt_testimonials_wrapper_static.picture_middle .testimonial_small img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -35px;
}

/*-------- 10.1.2. Spiral Testimonials - Picture Bottom --------*/
.spiralt_testimonials_wrapper.picture_bottom,
.spiralt_testimonials_wrapper_static.picture_bottom{
    position: relative;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_pagination,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_pagination{
    margin-top: -51px;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 80px;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_pagination a,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_pagination a{
    margin-right: 13px;
    width: 10px;
    height: 10px;
    background: #222;
    display: inline-block;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_pagination a:last-child,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_pagination a:last-child{
    margin-right: 0;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_pagination a.selected,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_pagination a.selected{
    width: 12px;
    height: 12px;
    border: 0;
    display: inline-block;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_pagination a:hover,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_pagination a:hover{
    width: 12px;
    height: 12px;
    border: 0;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_pagination a span,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_pagination a span{
    display: none;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_navigation,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_navigation{
    position: absolute;
    bottom: 80px;
    right: 0;
}

.spiralt_testimonials_wrapper.picture_bottom .testimonial_small,
.spiralt_testimonials_wrapper_static.picture_bottom .testimonial_small{
    padding: 0 5px 0 5px;
    position: relative;
    background: transparent;
    margin-bottom: 0;
}

.spiralt_testimonials_wrapper.picture_bottom .testimonial_small .source,
.spiralt_testimonials_wrapper_static.picture_bottom .testimonial_small .source{
    text-align: left;
    margin-top: 36px;
    position: relative;
    display: inline-block;
}

.spiralt_testimonials_wrapper.picture_bottom .testimonial_small .source .spiralt_company,
.spiralt_testimonials_wrapper_static.picture_bottom .testimonial_small .source .spiralt_company{
    display: block;
    font-family: 'Open Sans', sans-serif;
    color:  #0E6CC3;
    font-size: 14px;
    font-weight: 400;
    line-height: 4px;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_author,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_author{
    font-family: 'Raleway', sans-serif;
    color:  #555555;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.spiralt_testimonials_wrapper.picture_bottom .testimonial_small p,
.spiralt_testimonials_wrapper_static.picture_bottom .testimonial_small p{
    border-bottom: 0;
    border-bottom: 1px solid #d3d7da;
    font-family: 'Raleway', sans-serif;
    color:  #8c9494;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    font-style: italic;
    margin-bottom: 0;
    padding-bottom: 40px;
    position: relative;
}

.spiralt_testimonials_wrapper.picture_bottom .testimonial_small p:after,
.spiralt_testimonials_wrapper_static.picture_bottom .testimonial_small p:after{
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #d3d7da;
    border-left: 1px solid #d3d7da;
    border-right: 0;
    border-top: 0;
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -ms-transform: skewY(-45deg);
    -o-transform: skewY(-45deg);
    transform: skewY(-45deg);
    background: #fff;
    position: absolute;
    bottom: -6px;
    top: auto;
    left: 35px;
}

.spiralt_testimonials_wrapper.picture_bottom .spiralt_testimonials_slide li,
.spiralt_testimonials_wrapper_static.picture_bottom .spiralt_testimonials_slide li{
    border-radius: 2px;
    padding-bottom: 60px;
    background: transparent;
    position: relative;
}

.spiralt_testimonials_wrapper.picture_bottom .testimonial_small img,
.spiralt_testimonials_wrapper_static.picture_bottom .testimonial_small img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-top: 25px;
}

/*-------- 10.1.3. Spiral Testimonials - Picture Top --------*/
.spiralt_testimonials_wrapper.picture_top,
.spiralt_testimonials_wrapper_static.picture_top{
    position: relative;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_pagination,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_pagination{
    z-index: 1;
    position: absolute;
    right: 20px;
    bottom: 30px;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_pagination a,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_pagination a{
    margin-right: 13px;
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: #222;
    display: inline-block;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_pagination a:last-child,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_pagination a:last-child{
    margin-right: 0;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_pagination a.selected,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_pagination a.selected{
    width: 12px;
    height: 12px;
    background: #222;
    border: 0;
    display: inline-block;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_pagination a:hover,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_pagination a:hover{
    width: 12px;
    height: 12px;
    background: #222;
    border: 0;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_pagination a span,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_pagination a span{
    display: none;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_navigation,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_navigation{
    position: absolute;
    bottom: 30px;
    right: 0;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_navigation a,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_navigation a{
    width: 25px;
    height: 25px;
    background: #222;
    display: inline-block;
    text-align: center;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_navigation a i,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_navigation a i{
    font-size: 10px;
    color: #fefefe;
    line-height: 20px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_navigation a:hover i,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_navigation a:hover i{
    color: #0E6CC3;
}

.spiralt_testimonials_wrapper.picture_top .testimonial_small,
.spiralt_testimonials_wrapper_static.picture_top .testimonial_small{
    position: relative;
    background: transparent;
    margin-top: 16px;
    margin-bottom: 0;
}

.spiralt_testimonials_wrapper.picture_top .testimonial_small .source,
.spiralt_testimonials_wrapper_static.picture_top .testimonial_small .source{
    display: inline-block;
    text-align: left;
    margin-top: 17px;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_author,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_author{
    color: #3b4550;
    display: block;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_company,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_company{
    display: block;
}

.spiralt_testimonials_wrapper.picture_top .testimonial_small p,
.spiralt_testimonials_wrapper_static.picture_top .testimonial_small p{
    border-bottom: 0;
    font-size: 14px;
    color: #848994;
    font-style: normal;
    line-height: 26px;
    margin-bottom: 15px;
    border: 1px solid #d3d7da;
    padding: 25px 50px 25px 25px;
    position: relative;
}

.spiralt_testimonials_wrapper.picture_top .testimonial_small p:after,
.spiralt_testimonials_wrapper_static.picture_top .testimonial_small p:after{
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #d3d7da;
    border-left: 1px solid #d3d7da;
    border-right: 0;
    border-top: 0;
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -ms-transform: skewY(-45deg);
    -o-transform: skewY(-45deg);
    transform: skewY(-45deg);
    background: #fff;
    position: absolute;
    bottom: -6px;
    top: auto;
    left: 35px;
}

.spiralt_testimonials_wrapper.picture_top .spiralt_testimonials_slide li,
.spiralt_testimonials_wrapper_static.picture_top .spiralt_testimonials_slide li{
    border-radius: 2px;
    padding-bottom: 20px;
    background: transparent;
}

.spiralt_testimonials_wrapper.picture_top .testimonial_small img,
.spiralt_testimonials_wrapper_static.picture_top .testimonial_small img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.spiralt_testimonials_wrapper.picture_top .testimonial_small .source a,
.spiralt_testimonials_wrapper_static.picture_top .testimonial_small .source a{
    font-weight: 400;
}

/*-------- 10.1.4. Spiral Testimonials - Big --------*/
.spiralt_testimonials_wrapper.testimonials_big,
.spiralt_testimonials_wrapper_static.testimonials_big{
    margin-top: 35px;
    padding: 0 80px;
    position: relative;
    text-align: center;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide li,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide li{
    background: transparent;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big{
    border-left: 0;
    padding-bottom: 29px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big p,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big p{
    color: #3b4550;
    font-family: 'Raleway';
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
}

.spiral-inversed_text .spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big p,
.spiral-inversed_text .spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big p{
    color: #fff;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source{
    text-align: center;
    width: 350px;
    position: absolute;
    bottom: 8px;
    left: 50%;
    margin-left: -175px;
    z-index: 1;
}

.spiral-inversed_text .spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source,
.spiral-inversed_text .spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source{
    color: #fff;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source .spiralt_author,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source .spiralt_author{
    color: #3b4550;
}

.spiral-inversed_text .spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source .spiralt_author,
.spiral-inversed_text .spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source .spiralt_author{
    color: #fff;
}

.spiral-inversed_text .spiralt_testimonials_wrapper.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source .spiralt_company,
.spiral-inversed_text .spiralt_testimonials_wrapper_static.testimonials_big .spiralt_testimonials_slide .testimonials_item .testimonial_big .source .spiralt_company{
    color: #d3d7da;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination a,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a{
    margin-right: 13px;
    width: 10px;
    height: 10px;
    background: #222;
    display: inline-block;
}

.spiral-inversed_text .spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination a,
.spiral-inversed_text .spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a{
    background: #fff;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination a:last-child,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a:last-child{
    margin-right: 0;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination a.selected,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a.selected{
    width: 12px;
    height: 12px;
    background: #222;
    border: 0;
    display: inline-block;
}

.spiral-inversed_text .spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination a.selected,
.spiral-inversed_text .spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a.selected{
    background: #fff;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination a:hover,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a:hover{
    width: 12px;
    height: 12px;
    background: #222;
    border: 0;
}

.spiral-inversed_text .spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination a:hover,
.spiral-inversed_text .spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a:hover{
    background: #fff;
}

.spiralt_testimonials_wrapper.testimonials_big.spiralt_pagination a:last-child,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a:last-child{
    margin-right: 0;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_pagination a span,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_pagination a span{
    display: none;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_navigation,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_navigation{
    text-align: center;
    margin-top: 20px;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_navigation a i,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_navigation a i{
    font-size: 23px;
    color: #d3d7da;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiralt_testimonials_wrapper.testimonials_big .spiralt_navigation a:hover i,
.spiralt_testimonials_wrapper_static.testimonials_big .spiralt_navigation a:hover i{
    color: #0E6CC3;
}

.spiral-inversed_text .spiralt_testimonials_wrapper.testimonials_big .spiralt_navigation a:hover i,
.spiral-inversed_text .spiralt_testimonials_wrapper_static.testimonials_big .spiralt_navigation a:hover i{
    color: #fff;
}

/*-------- 10.2. Spiral Tweet Scroller --------*/
.spiral-tweet-scroller{
    border: 1px dashed #000;
    overflow: hidden;
    height: 0;
}

.spiral-tweet-scroller-inner{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}

.spiral-tweet-item{
    text-align: center;
    padding: 20px;
}

.spiral-tweet-date{
    display: block;
}

.spiral-tweet-links{
    padding-top: 10px;
}

.spiral-tweet-links a{
    padding: 3px 5px;
}

.spiral-tweet-navigation{
    text-align: center;
}

/*-------- 10.2.1. Spiral Tweet Scroller - Wide Style --------*/
.spiral-tweet-scroller.style1 {
    position: relative;
    border: 0;
}

.spiral-tweet-scroller.style1:before{
    content: "\e74b"; /*twitter*/
    font-family: 'core_icomoon';
    background: none;
    width: auto;
    height: auto;
    font-style: normal;
    font-size: 64px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -19px;
}

.spiral-tweet-scroller.style1 .spiral-tweet-item{
    position: relative;
    padding-top: 20px;
    padding-bottom: 50px;
    color: #fff;
}

.spiral-tweet-scroller.style1 .spiral-tweet-username{
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    display: inline-block;
}

.spiral-tweet-scroller.style1 .spiral-tweet-username:hover{
    cursor: pointer;
}

.spiral-tweet-scroller.style1 .spiral-tweet-text{
    font-family: 'Raleway', sans-serif;
    color:  #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    margin-top: 130px;
}

.section_body_fullwidth .spiral-tweet-scroller.style1 .spiral-tweet-text{
    margin: 130px 20% 25px;
}

.section_body_fullwidth .spiral-tweet-scroller.style1 .spiral-tweet-prev:after{
    left: 130px;
}

.section_body_fullwidth .spiral-tweet-scroller.style1 .spiral-tweet-next:after{
    right: 130px;
}

.spiral-tweet-scroller.style1 .spiral-tweet-text a{
    color: #fff;
    font-weight: 700;
}

.spiral-tweet-scroller.style1 .spiral-tweet-text a:hover{
    cursor: pointer;
}

.spiral-tweet-scroller.style1 .spiral-tweet-date {
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    z-index: 10;
    display: inline-block;
}

.spiral-tweet-scroller.style1 .spiral-tweet-date:hover{
    cursor: pointer;
}

.spiral-tweet-scroller.style1 .spiral-tweet-navigation{
    padding: 0 100px;
}

.spiral-tweet-scroller.style1 .spiral-tweet-prev{
    color:transparent;
}

.spiral-tweet-scroller.style1 .spiral-tweet-next{
    color:transparent;
}

.spiral-tweet-scroller.style1 a.spiral-tweet-prev:hover{
    color:transparent;
    cursor: pointer;
}

.spiral-tweet-scroller.style1 a.spiral-tweet-next:hover{
    color:transparent;
    cursor: pointer;
}

.spiral-tweet-scroller.style1 .spiral-tweet-prev:after{
    content: "\e64a"; /*angle left*/
    font-family: 'core_icomoon';
    color: rgb(211, 215, 218);
    color: rgba(211, 215, 218, 0.33);
    font-size: 70px;
    position: absolute;
    bottom: 50%;
    left: 0;
    right: auto;
    margin-bottom: -24px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tweet-scroller.style1 .spiral-tweet-prev:hover:after{
    cursor: pointer;
}

.spiral-tweet-scroller.style1 .spiral-tweet-next:hover:after{
    cursor: pointer;
}

.spiral-tweet-scroller.style1 .spiral-tweet-next:after{
    content: "\e649"; /*angle right*/
    font-family: 'core_icomoon';
    color: rgb(211, 215, 218);
    color: rgba(211, 215, 218, 0.33);
    font-size: 70px;
    position: absolute;
    bottom: 50%;
    right: 0;
    left:auto;
    margin-bottom: -24px;
}

/*-------- 10.2.2. Spiral Tweet Scroller - Narrow Style --------*/
.spiral-tweet-scroller.style2 {
    position: relative;
    border: 0;
    margin: 15px 0;
}

.spiral-tweet-scroller.style2:before{
    content: "\e74b"; /*twitter*/
    font-family: 'core_icomoon';
    background: none;
    width: auto;
    height: auto;
    font-style: normal;
    font-size: 40px;
    color: #fff;
    position: absolute;
    top: 48px;
    left: 0;
}

.spiral-tweet-scroller.style2 .spiral-tweet-text{
    margin-left: -50px;
    width: 70%;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
    vertical-align: top;
    margin-top: 20px;
}

.spiral-tweet-scroller.style2 .spiral-tweet-text a{
    color: #fff;
    font-weight: 400;
}

.spiral-tweet-scroller.style2 .spiral-tweet-text .inline_date{
    color:  #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-style: italic;
    line-height: 22px;
    text-align: left;
    display: inline-block;
    margin-left: 10px;
}

/*-------- 10.3. Spiral Simple Subscribe --------*/
.spiralss_form_wrapper{
    text-align: center;
}

.spiralss_form_wrapper p{
    margin: 0 10px;
}

.spiralss_form_wrapper input{
    font-family: 'Raleway', sans-serif;
    color:  #ffffff;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    background: transparent;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 600px;
    border: 0;
    margin-bottom: 0;
    padding: 0;
}

.spiralss_subscriber_email::-webkit-input-placeholder{
    color:  #ffffff;
}

.spiralss_subscriber_email:-moz-placeholder{
    color:  #ffffff;
}

.spiralss_subscriber_email::-moz-placeholder{
    color:  #ffffff;
}

.spiralss_subscriber_email:-ms-input-placeholder{
    color:  #ffffff;
}

.spiralss_form_wrapper input[type="submit"]{
    margin:0;
    padding: 8px 28px 7px;
    width: 100%;
    background: transparent;
    border: 2px solid #fff;
    color: #fff !important;
    border-radius: 45px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.spiralss_form_wrapper input[type="submit"]:hover{
    background: #fff;
    color: #3c414c!important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translate(0px, -1px);
    -moz-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    -o-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}

.spiralss_inline_form p:first-of-type{
    float: left;
}

.spiralss_inline_form p:last-of-type{
    float: right;
}

.spiralss_field_error{
    background: #ffe9e9;
}

.spiralss_inline_form p{
    display: inline-block;
    margin-right: 10px;
}

.spiralss_form label{
    display: block;
}

.spiralss_success_message{
    display:none;
}

.spiralss_form .placeholder {
    color: #aaa;
}


/*-------- 10.4. Creator Elements --------*/
/*-------- 10.4.1. Element: Animation Box --------*/
.spiral-animo,
.spiral-animo-children > *{
    visibility: hidden;
    margin-bottom: 5px;
}

.spiral-animo.animated,
.spiral-animo.animation_completed{
    visibility: visible;
}

.spiral-animo.stroke{
    border: 1px solid #dadada;
}

.spiral-animo > a{
    width: auto;
    height: auto;
    display: inline-block;
}

.spiral-animo > a:hover{
    box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.4);
}

.spiral-animo.stroke > a:hover{
    border:1px solid #222;
}

.spiral-animo.no_hover > a:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.spiral-animo.lightbox_modal > a:hover{
    cursor:zoom-in;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
}

/*-------- 10.4.2. Element: Abbreviation --------*/
.spiral-abbr{
    border-bottom: 1px dotted #666;
    cursor: help;
}

/*-------- 10.4.3. jQuery UI helpers --------*/
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
}

/*-------- 10.4.4. Element: Tabs --------*/
.spiral-tabs {
    position: relative;
    margin-bottom: 30px;
    clear: both;
}

.spiral-tabs .tab-pane{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-width: 0;
    padding: 37px 30px;
    box-sizing: border-box;
}

.spiral-tabs .tab-pane.active_pane {
    display: block;
    position: relative;
}

.spiral-tabs .tabs-pane p{
    margin-bottom: 7px;
}

.spiral-tabs .tab-content {
    position: relative;
    overflow: hidden !important;
}

.spiral-tabs .nav-tabs{
    margin: 0;
    padding-left: 10px;
    display: inline-block;
    width: 100%;
}

.spiral-tabs .nav-tabs li a{
    text-align: center;
    clear:both;
    box-sizing: border-box;
    display: block;
    padding: 12px 13px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    outline: none;
    color: #777;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .nav-tabs li {
    list-style: none;
    float: left;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d3d7da;
    border-left: 1px solid #d3d7da;
    border-right: 1px solid #d3d7da;
    background: #d3d7da;
    position: relative;
    margin-right: 3px;
    border-radius: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-unboxed .nav-tabs li a{
    font-family: Raleway;
    color:  #d3d7da;
    font-size: 30px;
    font-weight: 400;
    line-height: 22px;
}

.spiral-tabs.spiral-tabs-unboxed .nav-tabs li:hover a{
    color: #0E6CC3;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-unboxed .nav-tabs li:hover a{
    color: #0E6CC3;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-unboxed .nav-tabs{
    border-bottom: 1px solid #d3d7da;
    padding-bottom: 12px;
    display: inline-block;
    width: 100%;
}

.spiral-tabs.spiral-tabs-boxed .nav-tabs {
    margin-top: 15px;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .nav-tabs li:hover{
    background: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .nav-tabs li.active,
.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .nav-tabs li.active:hover{
    background: transparent;
    color: #0E6CC3;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .nav-tabs li:hover a{
    color: #777;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .nav-tabs li:hover a{
    color: #0E6CC3;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-unboxed.spiral-tabs-position-top .nav-tabs li {
    list-style: none;
    float: left;
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border-right: 0;
    font-size: 13px;
    line-height: 18px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.spiral-tabs .nav-tabs li.active {
    position: relative;
}

.spiral-tabs .nav-tabs li.active:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 999;
    background: #fff;
}

.spiral-tabs.spiral-tabs-horizontal.spiral-tabs-position-top.spiral-tabs-boxed .tab-content{
    background: transparent;
    margin-top: -6px;
}

.spiral-tabs.spiral-tabs-unboxed .nav-tabs li.active:after{
    content: "";
    display: none;
}

.spiral-tabs .nav-tabs li.active a{
    color: #0E6CC3;
    cursor: default;
}

.spiral-tabs .nav-tabs li:last-child{
    border-right: 1px solid #d3d7da;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .tab-content{
    border-top: 1px solid #d3d7da;
}

.spiral-tabs.spiral-tabs-unboxed .tab-content{
    border: none;
}

.spiral-tabs.spiral-tabs-unboxed .tab-pane {
    border-width: 0;
    padding: 42px 10px 25px 0;
}

.tabs-hide {
    display: none;
}

.tabs_bg_black{
    background-color:#222222;
}

.tabs_bg_red{
    background-color:#0E6CC3;
}

/* bottom positioned tabs */
.spiral-tabs.spiral-tabs-position-bottom{
    margin-bottom: 85px;
}

.spiral-tabs.spiral-tabs-position-bottom .tab-pane {
    display: block;
    border-width: 0;
    padding: 25px 30px 30px;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .nav-tabs li {
    list-style: none;
    float: left;
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d3d7da;
    border-left: 1px solid #d3d7da;
    border-right: 1px solid #d3d7da;
    background: #d3d7da;
    position: relative;
    margin-right: 2px;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .nav-tabs li a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .nav-tabs li:hover{
    background: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-horizontal.spiral-tabs-position-bottom.spiral-tabs-boxed .tab-content{
    background: transparent;
    border-bottom: 1px solid #d3d7da;
}

.spiral-tabs.spiral-tabs-unboxed.spiral-tabs-position-bottom .nav-tabs li {
    list-style: none;
    float: left;
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    border-right: 0;
    font-size: 13px;
    line-height: 18px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

.spiral-tabs.spiral-tabs-position-bottom .nav-tabs li.active {
    position: relative;
}

.spiral-tabs.spiral-tabs-position-bottom .nav-tabs li.active:hover{
    background: transparent;
    color: #0E6CC3;
}

.spiral-tabs.spiral-tabs-position-bottom .nav-tabs li.active:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.spiral-tabs.spiral-tabs-position-bottom.spiral-tabs-unboxed .nav-tabs li.active:after{
    content: "";
    display: none;
}

.spiral-tabs.spiral-tabs-position-bottom .nav-tabs li.active a{
    color: #0E6CC3;
    cursor: default;
}

.spiral-tabs.spiral-tabs-position-bottom .nav-tabs li.active:hover{
    background: transparent;
}

.spiral-tabs.spiral-tabs-position-bottom .nav-tabs li.active{
    background: transparent;
}

.spiral-tabs.spiral-tabs-position-bottom.spiral-tabs-unboxed .tab-content{
    border: none;
}

.spiral-tabs.spiral-tabs-position-bottom.spiral-tabs-unboxed .tab-pane {
    display: block;
    border-width: 0;
    padding: 25px 10px 25px 0;
}

.spiral-tabs-position-bottom .nav-tabs {
    border-bottom: none;
    position: absolute;
    bottom:-43px;
    padding: 0;
    padding-left: 10px;
}

.spiral-tabs.spiral-tabs-position-bottom.spiral-tabs-unboxed .nav-tabs{
    border-bottom: 0;
    padding-bottom: 0;
    border-top: 1px solid #d3d7da;
    padding-top: 10px;
    bottom:-63px;
}

.spiral-tabs-position-bottom .nav-tabs li.active:after{
    top: -1px;
    bottom: auto;
}

/* left or right positioned tabs */
.spiral-tabs-vertical .nav-tabs li a{
    padding: 13px 13px 13px 17px;
}

/* left positioned tabs */
.spiral-tabs-position-left.spiral-tabs-boxed .tab-content{
    margin-left: 150px;
    border-left: 1px solid #d3d7da;
}

.spiral-tabs.spiral-tabs-position-left .tab-pane {
    border-width: 0;
    padding: 25px 25px 0 25px;
}

.spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .nav-tabs {
    width: 150px;
    float: left;
    margin-bottom: 30px;
    padding-left: 0;
    padding-top: 10px;
}

.spiral-tabs-position-left.spiral-tabs-boxed .nav-tabs li{
    float: left;
    width: 150px;
    line-height: 14px;
    border-right: 0;
    list-style-type: none;
    border-top: 1px solid #d3d7da;
    border-left: 1px solid #d3d7da;
    border-bottom: 1px solid #d3d7da;
    margin-bottom: 2px;
    background: #d3d7da;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs-position-left.spiral-tabs-boxed .nav-tabs li a{
    text-align: right;
    padding-right: 24px;
}

.spiral-tabs-position-left.spiral-tabs-boxed .nav-tabs li.active{
    background: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs-position-left.spiral-tabs-boxed .nav-tabs li:hover{
    background: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs-position-left.spiral-tabs-boxed .nav-tabs li.active:after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    bottom: auto;
    left: auto;
    right: -1px;
    top: 0;
}

.spiral-tabs-position-left.spiral-tabs-boxed .nav-tabs li:hover a{
    color: #777;
    background: transparent;
}

.spiral-tabs-position-left.spiral-tabs-boxed .nav-tabs li:hover a{
    color: #0E6CC3;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs.spiral-tabs-vertical.spiral-tabs-position-left.spiral-tabs-boxed .tab-content{
    background: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

/*unboxed*/
.spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .nav-tabs{
    border-bottom: 0;
    border-right: 1px solid #d3d7da;
    padding-right: 25px;
    padding-left: 0;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.spiral-tabs-position-left.spiral-tabs-unboxed .tab-content{
    margin-left: 170px;
}

.spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .tab-pane{
    padding: 0;
}

.spiral-tabs-position-left.spiral-tabs-unboxed .nav-tabs {
    width: 140px;
    float: left;
    margin-bottom: 30px;
}

.spiral-tabs-position-left.spiral-tabs-unboxed .nav-tabs li{
    float: none;
    line-height: 14px;
    border-right: none;
    list-style-type: none;
    text-align: right;
}

.spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .nav-tabs li a{
    text-align: right;
    padding: 0;
    padding-bottom: 40px;
}

.spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .nav-tabs li:last-child a{
    padding-bottom: 0;
}

.spiral-tabs-position-left.spiral-tabs-unboxed .nav-tabs li:first-child{
    border-bottom: none;
}

.spiral-tabs-position-left.spiral-tabs-unboxed .nav-tabs li:last-child{
    border-top: none;
}

.spiral-tabs-position-left.spiral-tabs-unboxed .nav-tabs li:hover a{
    color: #0E6CC3;
}

/* right positioned tabs */
.spiral-tabs-position-right.spiral-tabs-boxed .tab-content{
    margin-right: 150px;
}

.spiral-tabs.spiral-tabs-position-right .tab-pane {
    border-width: 0;
    padding: 25px 30px 0 30px;
}

.spiral-tabs-position-right.spiral-tabs-boxed.spiral-tabs-boxed .nav-tabs {
    width: 150px;
    float: right;
    margin-bottom: 0;
    margin-top: 10px;
}

.spiral-tabs-position-right.spiral-tabs-boxed .nav-tabs li{
    float: right;
    width: 150px;
    line-height: 14px;
    list-style-type: none;
    border-top: 1px solid #d3d7da;
    border-right: 1px solid #d3d7da;
    border-bottom: 1px solid #d3d7da;
    margin-bottom: 2px;
    background: #d3d7da;
}

.spiral-tabs-position-right.spiral-tabs-boxed .nav-tabs li a{
    text-align: left;
    padding-left: 24px;
}

.spiral-tabs-position-right.spiral-tabs-boxed .nav-tabs li.active{
    background: transparent;
}

.spiral-tabs-position-right.spiral-tabs-boxed .nav-tabs li:hover{
    background: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-tabs-position-right.spiral-tabs-boxed .nav-tabs li.active:after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    bottom: auto;
    left: -1px;
    right: auto;
    top: 0;
}

.spiral-tabs.spiral-tabs-vertical.spiral-tabs-position-right.spiral-tabs-boxed .tab-content{
    background: transparent;
    border-right: 1px solid #d3d7da;
}

/*unboxed*/
.spiral-tabs-position-right.spiral-tabs-unboxed .tab-content{
    margin-right: 170px;
}

.spiral-tabs.spiral-tabs-position-right.spiral-tabs-unboxed .tab-pane{
    padding: 0;
}

.spiral-tabs-position-right.spiral-tabs-unboxed .nav-tabs {
    width: 140px;
    float: right;
    padding-bottom: 30px;
    border-bottom: 0;
    border-left: 1px solid #d3d7da;
}

.spiral-tabs-position-right.spiral-tabs-unboxed .nav-tabs li{
    float: none;
    width: 140px;
    line-height: 14px;
    border-right: 0;
    list-style-type: none;
}

.spiral-tabs-position-right.spiral-tabs-unboxed .nav-tabs li:first-child{
    border-bottom: none;
}

.spiral-tabs-position-right.spiral-tabs-unboxed .nav-tabs li:last-child{
    border-top: none;
}

.spiral-tabs-position-right.spiral-tabs-unboxed .nav-tabs li.active{
    background: transparent;
}

.spiral-tabs-position-right.spiral-tabs-unboxed .nav-tabs li a{
    padding: 0;
    text-align: left;
    padding-bottom: 40px;
}

.spiral-tabs-position-right.spiral-tabs-unboxed .nav-tabs li:last-child a{
    padding-bottom: 0;
}

/* Bellow width break point */
.spiral-tabs.spiral-tabs-fullwidthtabs .nav-tabs li {
    margin-right: 0;
    width: 100%;
    margin-left: 0;
    float: none;
    text-align: left;
    padding: 5px 15px;
    border: 1px solid #d3d7da;
    border-bottom:none;
}

.spiral-tabs.spiral-tabs-fullwidthtabs .nav-tabs li.active{
    background: #f9f9f9;
}

.spiral-tabs.spiral-tabs-fullwidthtabs .nav-tabs li.active:after{
    display: none;
}

.spiral-tabs-position-bottom.spiral-tabs-fullwidthtabs .nav-tabs {
    position: relative;
}

.spiral-tabs-position-bottom.spiral-tabs-fullwidthtabs .nav-tabs li.active:after{
    display: none;
}

.spiral-tabs-position-bottom.spiral-tabs-fullwidthtabs .tab-pane {
    padding: 0;
}

.spiral-tabs-position-left.spiral-tabs-fullwidthtabs .nav-tabs,
.spiral-tabs-position-right.spiral-tabs-fullwidthtabs .nav-tabs {
    margin: 0;
    border-bottom:none;
    border-right: 1px solid #d3d7da;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
}

.spiral-tabs-position-left.spiral-tabs-fullwidthtabs .nav-tabs li,
.spiral-tabs-position-right.spiral-tabs-fullwidthtabs .nav-tabs li{
    float: none;
    text-align: left;
    line-height: 37px;
    padding: 5px 15px;
    margin-right: 0;
    margin-left: 0;
}

.spiral-tabs-position-left.spiral-tabs-fullwidthtabs .nav-tabs li.active,
.spiral-tabs-position-right.spiral-tabs-fullwidthtabs .nav-tabs li.active{
    background: #f9f9f9;
}

.spiral-tabs-position-left.spiral-tabs-fullwidthtabs .nav-tabs li.active:after,
.spiral-tabs-position-right.spiral-tabs-fullwidthtabs .nav-tabs li.active:after{
    display: none;
}

.spiral-tabs-position-left.spiral-tabs-fullwidthtabs .tab-pane,
.spiral-tabs-position-right.spiral-tabs-fullwidthtabs .tab-pane{
    margin-left: 0;
    margin-right: 0;
    padding-top:0;
}

/* Timeline */
.spiral-tabs.spiral-tabs-timeline{
    list-style-type: none;
}

.spiral-tabs.spiral-tabs-timeline .nav-tabs{
    position: relative;
}

.spiral-tabs.spiral-tabs-timeline ul li,
.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top.spiral-tabs.spiral-tabs-timeline ul li,
.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom.spiral-tabs.spiral-tabs-timeline ul li,
.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-left.spiral-tabs.spiral-tabs-timeline ul li,
.spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-right.spiral-tabs.spiral-tabs-timeline ul li {
    list-style: none;
    float: left;
    white-space: nowrap;
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0 ;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #222;
}

.spiral-tabs.spiral-tabs-timeline ul li a{
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    background: transparent;
}

.spiral-tabs.spiral-tabs-timeline ul li:hover a{
    color: #0E6CC3;
}

.spiral-tabs.spiral-tabs-timeline ul li:before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #272d32;
    background: #d3d7da;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
}

.spiral-tabs.spiral-tabs-timeline .nav-tabs li.active:before{
    background: #0E6CC3;
}

.spiral-tabs.spiral-tabs-timeline .nav-tabs li.active:after{
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #d3d7da;
    border-left: 1px solid #d3d7da;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: skewY(45deg);
    -moz-transform: skewY(45deg);
    -ms-transform: skewY(45deg);
    -o-transform: skewY(45deg);
    transform: skewY(45deg);
    background: #fff;
    position: absolute;
    bottom: -52px;
    top: auto;
    left: 50%;
    margin-left: -4px;
    z-index: 1;
}

.spiral-tabs.spiral-tabs-timeline ul li:last-child{
    border-right: 0;
}

.spiral-tabs.spiral-tabs-timeline ul.nav-tabs:after{
    content: "";
    width: 100%;
    height: 2px;
    background: #272d32;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.spiral-tabs.spiral-tabs-timeline .tab-content{
    margin-top: 40px;
    border: 1px solid #d3d7da;
    border-radius: 0;
    position: relative;
    text-align: center;
    background: #fff;
}

.spiral-tabs.spiral-tabs-timeline .tab-content.transparent{
    background: transparent;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline .tab-content.transparent .tab-pane{
    color: #fff;
}

.spiral-tabs.spiral-tabs-timeline .tab-content p{
    text-align: left;
    margin-top: 20px;
}

.spiral-tabs.spiral-tabs-timeline .timeline_title{
    font-size: 14px;
    color: #222;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.spiral-tabs.spiral-tabs-timeline .tabs-anchor{
    margin-bottom: 8px;
}

.spiral-tabs.spiral-tabs-timeline .tab-pane{
    border-radius: 5px;
}

.tab_par_1 {width: 100%;}
.tab_par_2 {width: 50%;}
.tab_par_3 {width: 33.33%;}
.tab_par_4 {width: 25%;}
.tab_par_5 {width: 20%;}
.tab_par_6 {width: 16.66%;}
.tab_par_7 {width: 14.28%;}
.tab_par_8 {width: 12.5%;}
.tab_par_9 {width: 11.11%;}
.tab_par_10 {width: 10%;}
.tab_par_11 {width: 9.09%;}
.tab_par_12 {width: 8.33%;}
.tab_par_13 {width: 7.69%;}
.tab_par_14 {width: 7.14%;}
.tab_par_15 {width: 6.66%;}
/* Color modes */
.spiral-tabs.spiral-tabs-dark.spiral-tabs-boxed .nav-tabs li a{
    color: #222;
}

.spiral-tabs.spiral-tabs-dark.spiral-tabs-boxed .nav-tabs li.active a{
    color: #d3d7da;
}

.spiral-tabs.spiral-tabs-dark.spiral-tabs-boxed .nav-tabs li:hover a{
    color: #d3d7da;
}

.spiral-tabs.spiral-tabs-dark.spiral-tabs-timeline ul.nav-tabs:after{
    background: #fff;
}

.spiral-tabs.spiral-tabs-dark.spiral-tabs-timeline ul li a{
    color: #d3d7da;
}

.spiral-tabs.spiral-tabs-dark.spiral-tabs-timeline .nav-tabs li.active a{
    color: #0E6CC3;
}

.spiral-tabs.spiral-tabs-dark.spiral-tabs-timeline .tab-content .tab-pane{
    color: #777;
}

.spiral-tabs.spiral-tabs-dark .tab-pane{
    color: #f8f8f8;
}

.spiral-tabs.spiral-tabs-dark.spiral-tabs-timeline .nav-tabs li.active:after{
    background: #fff;
}

/**/
.spiral-tabs.spiral-tabs-color.spiral-tabs-unboxed .nav-tabs li a{
    color: rgb(255,255,255);
    color: rgba(255,255,255,0.4);
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-unboxed .nav-tabs li.active a{
    color: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-unboxed .nav-tabs li:hover a{
    color: #ffffff;
}

.spiral-tabs.spiral-tabs-color .nav-tabs li.active a{
    color: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-boxed .nav-tabs li a{
    color: #222;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-boxed .nav-tabs li.active a{
    color: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-boxed.spiral-tabs-position-top .nav-tabs li:hover a{
    color: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-boxed .nav-tabs li:hover a{
    color: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline ul.nav-tabs:after{
    background: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline ul li a{
    color: rgb(255,255,255);
    color: rgba(255,255,255,0.4);
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline ul li:hover a{
    color: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline .nav-tabs li.active a{
    color: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline .tab-content .tab-pane{
    color: #777;
}

.spiral-tabs.spiral-tabs-color .tab-pane{
    color: #f8f8f8;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline .nav-tabs li.active:after{
    background: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline ul li:before{
    border-color: #0E6CC3;
    background: #fff;
}

.spiral-tabs.spiral-tabs-color.spiral-tabs-timeline .nav-tabs li.active:before{
    background: #222;
}

/*-------- 10.4.5. Element: Accordion --------*/
.spiral-accordion{
    margin-bottom: 60px;
}

.spiral-accordion .ui-accordion-header{
    font-family:'Open Sans';
    color:  #272d32;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    padding: 18px 20px 18px 25px;
    border: 1px solid #d3d7da;
    border-bottom: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    position: relative;
    background: #fff;
    z-index: 1;
    cursor: pointer;
    margin: 0;
    text-align: left;
}

.spiral-accordion .ui-accordion-header:last-of-type{
    border-bottom: 1px solid #d3d7da;
}

.spiral-accordion .ui-accordion-header:hover{
    padding-left: 90px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-accordion .ui-accordion-header.ui-accordion-header-active{
    border-bottom: 0;
}

.spiral-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{
    position: absolute;
    top: 0;
    left: 0;
    background: #0E6CC3;
    width: 0;
    height: 100%;
    text-align: center;
    z-index: -1;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e:before{
    content: "\e65f";
    color: #fff;
    font-size: 24px;
    font-family: 'core_icomoon';
    font-weight: 400;
    line-height: 64px;
    padding-left: 1px;
}

.spiral-accordion .ui-accordion-header:hover .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{
    width: 64px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s{
    position: absolute;
    top: 0;
    left: 0;
    background: #0E6CC3;
    width:0;
    height: 100%;
    text-align: center;
    z-index: -1;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-accordion .ui-accordion-header:hover.ui-accordion-header-active .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s{
    width: 64px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-accordion .ui-accordion-header .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s:before{
    content: "\e65c";
    color: #fff;
    font-size: 24px;
    font-family: 'core_icomoon';
    font-weight: 400;
    line-height: 64px;
    padding-left: 1px;
}

.spiral-accordion .spiral-accordion-body{
    padding: 13px 60px 25px 25px;
    border-left: 1px solid #d3d7da;
    border-right: 1px solid #d3d7da;
    background: #fff;
}

.spiral-accordion .spiral-accordion-body:last-of-type{
    border-bottom: 1px solid #d3d7da;
}

.accordion_padding_bottom_0{
    padding-bottom:0px;
}

/*-------- 10.4.6. Element: Toggle --------*/
.spiral-toggle{
    margin-bottom: 20px;
}

/*-------- 10.4.7. Element: Tables --------*/
.spiral-table table{
    margin-bottom: 60px;
    border-spacing: 0;
    border: 1px solid #d3d7da;
}

.spiral-table th{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #222;
    text-align: left;
    background: #f5f6f8;
    padding: 4px 24px 5px;
    border-left: 1px solid #d3d7da;
}

.spiral-table th:first-child {
    border-left: 0;
}

.spiral-table td{
    border-left: 1px solid #d3d7da;
    border-top: 1px solid #d3d7da;
    padding: 8px 24px 9px;
}

.spiral-table td:first-child {
    border-left: 0 solid #d3d7da;
}

.spiral-table.spiral-table-alternative th{
    color: #fff;
    background: #0E6CC3;
    padding: 4px 24px 5px;
    border-left: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.spiral-table.spiral-table-alternative td{
    padding: 8px 24px 9px;
}

.spiral-table table tr{
    background: #fff;
}

.spiral-table-hover table tr,
.spiral-table-striped table tr,
.spiral-table-condensed table tr{
    background: #fff;
    border-top: 1px solid #d3d7da !important;
}

.spiral-table-hover table th,
.spiral-table-striped table th,
.spiral-table-condensed table th,
.spiral-table-hover table td,
.spiral-table-striped table td,
.spiral-table-condensed table td{
    padding: 2px 10px;
}

.spiral-table-striped table tr:nth-child(2n){
    background: #f5f6f8;
}

.spiral-table-hover table tr:hover{
    background: #efefef;
}

/*-------- 10.4.8. Element: Alert boxes --------*/
.spiral_alert_success,
.spiral_alert_info,
.spiral_alert_warning,
.spiral_alert_error{
    margin-bottom: 20px;
    padding: 10px 15px 9px;
    position: relative;
}

.spiral_alert_success i,
.spiral_alert_info i,
.spiral_alert_warning i,
.spiral_alert_error i{
    margin-right: 16px;
    font-size: 15px;
    position: relative;
    top: 2px;
}

.spiral_alert_success,
.spiral_alert_success .spiral_alert_box_close{
    background: #e9f5ea;
    color: #72a477;
}

.spiral_alert_info,
.spiral_alert_info .spiral_alert_box_close{
    background: #e9f2f5;
    color: #69aecb;
}

.spiral_alert_warning,
.spiral_alert_warning .spiral_alert_box_close{
    background: #f5f0e9;
    color: #9e7c36;
}

.spiral_alert_error,
.spiral_alert_error .spiral_alert_box_close{
    background: #f5e9e9;
    color: #0E6CC3;
}

.spiral_alert_success .spiral_alert_box_close,
.spiral_alert_info .spiral_alert_box_close,
.spiral_alert_warning .spiral_alert_box_close,
.spiral_alert_error .spiral_alert_box_close{
    border: none;
    background: none;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: -2px;
}

.spiral_alert_success .spiral_alert_box_close i,
.spiral_alert_info .spiral_alert_box_close i,
.spiral_alert_warning .spiral_alert_box_close i,
.spiral_alert_error .spiral_alert_box_close i{
    font-size: 8px;
}

.alert_box_pt_0{
    padding-top:0px;
}

/*-------- 10.4.9. Element: Blockquote --------*/
.spiral_blockquote{
    margin: 0 0 42px 0;
}

.spiral_blockquote p{
    font-family: Raleway, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #222;
    margin-bottom: 0;
    letter-spacing: 0.6px;
}

.spiral_blockquote p>small{
    margin-top: 9px;
}

.spiral_blockquote small{
    font-size: 13px;
    display: block;
    color: #0E6CC3;
}

.spiral_blockquote small small{
    font-size: 13px;
    line-height: 24px;
    color: #91a6b1;
}

.blockquotes_pb_0 {
    padding-bottom:0px;
}

.blockquotes_p{
    padding-right:0px;
    padding-bottom:0px;
    padding-left:0px;
}

.blockquotes_bg {
    background-color:#f5f6f8;
}

.blockquotes_border{
    border-top:1px;
}

/** Style 1 **/
.spiral_blockquote_style1{
    padding: 22px 15px 21px 30px;
    position: relative;
    border-left: 0;
}

.spiral_blockquote_style1 p{
    font-family: Raleway, sans-serif;
    color:  #0E6CC3;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
}

.spiral_blockquote_style1 p > small{
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
}

.spiral_blockquote_style1 p > small a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -5px;
    left: 0;
    background-color: #0E6CC3;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 250ms ease-in-out 0s;
    -moz-transition: all 250ms ease-in-out 0s;
    -ms-transition: all 250ms ease-in-out 0s;
    -o-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}

.spiral_blockquote_style1 p > small a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.spiral_blockquote_style1 a{
    position: relative;
    color:  #777777;
    text-decoration: none;
}

.spiral_blockquote_style1 a:hover{
    color: #0E6CC3;
}

/** Style 2 **/
.spiral_blockquote_style2{
    padding: 22px 15px 21px 0;
    position: relative;
    border-left: 0;
}

.spiral_blockquote_style2 p{
    font-family: Raleway, sans-serif;
    color:  #8c9494;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    letter-spacing: 0;
}

.spiral_blockquote_style2 p > small{
    font-style: italic;
    font-family: 'Open Sans',sans-serif;
    color: #0E6CC3;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
}

.spiral_blockquote_style2 p > small a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -5px;
    left: 0;
    background-color: #0E6CC3;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 250ms ease-in-out 0s;
    -moz-transition: all 250ms ease-in-out 0s;
    -ms-transition: all 250ms ease-in-out 0s;
    -o-transition: all 250ms ease-in-out 0s;
    transition: all 250ms ease-in-out 0s;
}

.spiral_blockquote_style2 p > small a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.spiral_blockquote_style2 a{
    position: relative;
    color: #0E6CC3;
    text-decoration: none;
}

.spiral_blockquote_style2 a:hover{
    color: #0E6CC3;
}

/** Style 3 **/
.spiral_blockquote_style3{
    padding: 22px 15px 21px 30px;
    border-radius: 0;
    border-left: 4px solid #0E6CC3;
}

.spiral_blockquote_style3 p > small a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -5px;
    left: 0;
    background-color: #0E6CC3;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_blockquote_style3 p{
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 20px;
    font-style: italic;
    line-height: 26px;
}

.spiral_blockquote_style3 p small{
    letter-spacing: 0;
}

.spiral_blockquote_style3 p > small a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.spiral_blockquote_style3 a{
    position: relative;
    color: #0E6CC3;
    text-decoration: none;
}

.spiral_blockquote_style3 p > small{
    font-style: normal;
}

.spiral_blockquote_style3 a:hover{
    color: #0E6CC3;
}

/** Style 4 **/
.spiral_blockquote_style4{
    padding: 20px 25px 25px;
    background: #0E6CC3;
    border-left: 0;
}

.spiral_blockquote_style4 p{
    color: #fff;
    font-weight: 400;
}

.spiral_blockquote_style4 a{
    color: #fff;
}

.spiral_blockquote_style4 p > small a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -5px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_blockquote_style4 p > small a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.spiral_blockquote_style4 p small{
    letter-spacing: 0;
    color: #fff;
}

.spiral_blockquote_style4 a{
    position: relative;
    color: #fff;
    text-decoration: none;
}

.spiral_blockquote_style4 a:hover{
    color: #fff;
}

.spiral_blockquote_style4 small{
    color: #fff;
}

.spiral_blockquote.spiral-inversed_text,
.spiral_blockquote.spiral-inversed_text p,
.spiral_blockquote.spiral-inversed_text p small{
    color: #fff;
}

/*-------- 10.4.10. Element: UL --------*/
.spiral_shortcode_ul{
    list-style: none !important;
}

.spiral_shortcode_ul li{
    list-style: none !important;
    line-height: 29px;
    position: relative;
}

.spiral_shortcode_ul li i{
    color: #222;
    font-size: 15px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.spiral_shortcode_ul li i{
    font-size: 8px;
}

.shortcode_ul_color{
    color:#3b4550;
}

/*-------- 10.4.11. Element: Follow us links --------*/
.spiral_follow_us{
    font-size: 16px;
}

.spiral_follow_us a{
    margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    background: #d3d7da;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color:#fff;
    margin-bottom: 10px;
    font-size: 13px;
}

.spiral_follow_us a:hover i{
    color: #fff;
}

.info .spiral_follow_us{
    margin-top: -4px;
}

.info .spiral_follow_us a{
    margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    background: #f5f6f8;
    width: 36px;
    height: 36px;
    text-align: center;
    color:#666;
    margin-bottom: 20px;
    font-size: 14px;
}

.info .spiral_follow_us a i{
    line-height: 36px;
    font-size: 15px;
}

.white_social .spiral_follow_us{
    margin-top: -4px;
}

.white_social .spiral_follow_us a{
    margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    background: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color:#c5c9d2;
    margin-bottom: 20px;
    font-size: 13px;
}

.gray_social .spiral_follow_us a{
    margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    background: #f5f6f8;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color:#c5c9d2;
    margin-bottom: 20px;
    font-size: 13px;
}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon{
    width: 72px;
    height: 72px;
    background: -webkit-linear-gradient(#fff, #f5f6f8);
    background: -moz-linear-gradient(#fff, #f5f6f8);
    background: -ms-linear-gradient(#fff, #f5f6f8);
    background: -o-linear-gradient(#fff, #f5f6f8);
    background: linear-gradient(#fff, #f5f6f8);
    border: 1px solid #d3d7da;
    position: relative;
    text-align: center;
    top: -7px;
    margin-right: 12px;
    margin-bottom: 10px;
}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon i {
    font-size: 32px;
    color: #9fa4af;
    line-height: 66px;
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_facebook:hover i{color: #3B5998;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_twitter:hover i{color: #4099FF;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_googleplus:hover i{color: #d34836;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_linkedin:hover i{color: #0e76a8;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_youtube:hover i{color: #c4302b;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_pinterest:hover i{color: #c8232c;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_github:hover i{color: #171515;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_feed:hover i{color: #ee802f;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_behance:hover i{color: #1769ff;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_blogger_blog:hover i{color: #f57d00;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_delicious:hover i{color: #3399ff;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_designcontest:hover i{color: #5faad2;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_deviantart:hover i{color: #4e6252;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_digg:hover i{color: #000;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_dribbble:hover i{color: #ea4c89;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_dropbox:hover i{color: #007ee5;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_emailalt:hover i{color: #ed1c16;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_flickr:hover i{color: #ff0084;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_forrst:hover i{color: #5b9a68;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_instagram:hover i{color: #3f729b;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_lastfm:hover i{color: #c3000d;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_myspace:hover i{color: #313131;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_picasa:hover i{color: #9a45a0;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_skype:hover i{color: #00aff0;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_stumbleupon:hover i{color: #f74425;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_vimeo:hover i{color: #44bbff;}

.spiral_section_tc.big_social_icons .spiral_follow_us .spiral_socialicon_zerply:hover i{color: #9dcc7a;}

.spiral_follow_us a:hover{
    text-decoration: none;
    background: #999;
    color:#fff;
}

.spiral_follow_us .spiral_socialicon_facebook:hover{background: #3B5998;}

.spiral_follow_us .spiral_socialicon_twitter:hover{background: #4099FF;}

.spiral_follow_us .spiral_socialicon_googleplus:hover{background: #d34836;}

.spiral_follow_us .spiral_socialicon_linkedin:hover{background: #0e76a8;}

.spiral_follow_us .spiral_socialicon_youtube:hover{background: #c4302b;}

.spiral_follow_us .spiral_socialicon_pinterest:hover{background: #c8232c;}

.spiral_follow_us .spiral_socialicon_github:hover{background: #171515;}

.spiral_follow_us .spiral_socialicon_feed:hover{background: #ee802f;}

.spiral_follow_us .spiral_socialicon_behance:hover{background: #1769ff;}

.spiral_follow_us .spiral_socialicon_blogger_blog:hover{background: #f57d00;}

.spiral_follow_us .spiral_socialicon_delicious:hover{background: #3399ff;}

.spiral_follow_us .spiral_socialicon_designcontest:hover{background: #5faad2;}

.spiral_follow_us .spiral_socialicon_deviantart:hover{background: #4e6252;}

.spiral_follow_us .spiral_socialicon_digg:hover{background: #000;}

.spiral_follow_us .spiral_socialicon_dribbble:hover{background: #ea4c89;}

.spiral_follow_us .spiral_socialicon_dropbox:hover{background: #007ee5;}

.spiral_follow_us .spiral_socialicon_emailalt:hover{background: #ed1c16;}

.spiral_follow_us .spiral_socialicon_flickr:hover{background: #ff0084;}

.spiral_follow_us .spiral_socialicon_forrst:hover{background: #5b9a68;}

.spiral_follow_us .spiral_socialicon_instagram:hover{background: #3f729b;}

.spiral_follow_us .spiral_socialicon_lastfm:hover{background: #c3000d;}

.spiral_follow_us .spiral_socialicon_myspace:hover{background: #313131;}

.spiral_follow_us .spiral_socialicon_picasa:hover{background: #9a45a0;}

.spiral_follow_us .spiral_socialicon_skype:hover{background: #00aff0;}

.spiral_follow_us .spiral_socialicon_stumbleupon:hover{background: #f74425;}

.spiral_follow_us .spiral_socialicon_vimeo:hover{background: #44bbff;}

.spiral_follow_us .spiral_socialicon_zerply:hover{background: #9dcc7a;}

/*-------- 10.4.12. Element: Stats Excerpt --------*/
.spiral_stats_excerpt{
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

.spiral_stats_excerpt i{
    font-size: 64px;
    line-height: 64px;
    top: 0;
    display: block;
    margin-bottom: 21px;
}

.spiral_stats_excerpt .spiral_stats_number_sign{
    font-size: 52px;
    line-height: 70px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.spiral_stats_excerpt .spiral_stats_number{
    font-size: 52px;
    line-height: 50px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.spiral_stats_excerpt p{
    font-size: 24px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    margin-top: 15px;
    margin-bottom: 14px;
}

.pattern_overlayed .spiral_stats_excerpt{
    color: #fff;
}

.pattern_overlayed .spiral_stats_excerpt i{
    color: #fff;
}

.spiral-inversed_text .spiral_stats_excerpt .spiral_stats_number_sign{
    color: #fff;
}

.spiral_stats_excerpt_1{
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.stats_excerpt_1_color{
    color:#0E6CC3;
}

.stats_number_color{
    color:#666 !important;
}

.stats_number_color_p{
    color:#777777;
}

.stats_excerpt_1_icon_color{
    color:#222222;
}

.stats_number_color_white{
    color:#ffffff;
}

.spiral_stats_excerpt_1 i{
    font-size: 40px;
    font-weight: 400;
    display: block;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
}

.spiral_stats_excerpt_1 .spiral_stats_number{
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 40px;
    font-weight: 300;
    line-height: 56px;
    display: inline-block;
}

.spiral_stats_excerpt_1 .spiral_stats_number_sign{
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 40px;
    font-weight: 300;
    line-height: 56px;
    display: inline-block;
}

.spiral_stats_excerpt_1 .spiral_stats_number:after{
    display: none;
}

.spiral_stats_excerpt_1 p{
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 0;
}

.stats_excerpt_text_only_blue_dark{
    color:#50a2de !important;
}

.stats_excerpt_text_only_blue_light{
    color:#50c5de !important;
}

.stats_excerpt_text_only_green_dark{
    color:#5fcbcd !important;
}

.stats_excerpt_text_only_green_light{
    color:#5bd4b6 !important;
}

/*-------- 10.4.13. Element: Knob --------*/
.spiral_knob_wrapper{
    text-align: center;
    margin-bottom: 30px;
}

.spiral_knob_inner_wrap{
    position: relative;
    text-align: center;
    margin-bottom: 0;
}

.spiral_knob_wrapper input{
    display: none;
}

.spiral_knob_wrapper h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #777;
    margin-bottom: 0;
    margin-top: -20px;
}

.spiral_knob_wrapper .spiral_knob_number_sign{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    z-index: 2;
}

.knob_color{
    color:#777777;
}

.knob_h_color{
    color:#222222 !important;
}

/*-------- 10.4.14. Element: Team --------*/
.spiral_team_member{
    text-align: center;
    border: 1px solid #d3d7da;
    overflow: hidden;
}

.spiral_team_member .spiral_overlayed{
    position: relative;
    display: block;
    margin-bottom: -52px;
    background: #fff;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_team_member:hover .spiral_overlayed{
    -webkit-transform: translateY(-52px);
    -moz-transform: translateY(-52px);
    -ms-transform: translateY(-52px);
    -o-transform: translateY(-52px);
    transform: translateY(-52px);
}

.spiral_team_member .spiral_overlayed img{
    width: 100%;
}

.spiral_team_member .spiral_overlayed .spiral_social_links{
    width: 100%;
    padding: 12px 0 8px;
    z-index: 1;
    display: block;
    background: #d3d7da;
}

.spiral_team_member .spiral_overlayed .spiral_social_links a{
    color: #272d32;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-right: 12px;
    margin-left: 12px;
    display: inline-block;
}

.spiral_team_member .team_content{
    padding: 0 23px 6px;
    color: #777;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

.spiral_team_member .spiral_team_member_link {
    display: inline-block;
}

.spiral_team_member .spiral_team_member_name{
    display: block;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-top: 8px;
    word-wrap: break-word;
}

.spiral_team_member .spiral_team_member_name a{
    color:  #272d32;
}

.spiral_team_member .spiral_team_member_position{
    display: block;
    color: #0E6CC3;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 27px;
    position: relative;
    word-wrap: break-word;
}

.spiral_team_member .spiral_social_links a{
    color:  #222;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-right: 25px;
}

.spiral_team_member .spiral_social_links a:last-of-type{
    margin-right: 0;
}

.spiral_team_member .spiral_social_links a:first-of-type{
    margin-left: 0;
}

.spiral_team_member_modal{
    display: none;
    position: fixed;
    top: 150px;
    left: 10%;
    right: 10%;
    height: auto;
    background: #fff;
    z-index: 999999;
    padding: 40px;
    text-align: left;
}

.spiral_team_member_modal .spiral_social_links{
    text-align: right;
    margin-right: 58px;
    margin-top: 35px;
}

.spiral_team_member_modal .spiral_social_links a{
    color: #000;
    margin-right: 15px;
    font-size: 16px;
}

.spiral_team_member_modal .spiral_social_links a:hover{
    color: #0E6CC3;
}

.spiral_team_member_modal .spiral_social_links a:last-child{
    margin-right: 0;
}

.spiral_team_member_modal h4,
.spiral_team_member_modal .spiral_team_member_position{
    text-align: left;
    margin-top: -13px;
}

.spiral_team_member_modal .spiral_team_member_name .first_name{
    font-family: 'Open Sans', sans-serif;
    color:  #222222;
    font-size: 40px;
    font-weight: 300;
    line-height: 56px;
    text-align: left;
}

.spiral_team_member_modal .spiral_team_member_name .last_name{
    font-family: 'Open Sans', sans-serif;
    color:  #222222;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
    text-align: left;
}

.spiral_team_member_modal .spiral_team_member_position{
    font-family: 'Open Sans', sans-serif;
    color:  #0E6CC3;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
}

.spiral_team_member_modal .content{
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    word-break: break-all;
}

.spiral_team_member_modal .spiral_container{
    width:100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.spiral_team_member_modal .spiral_container .modal_line{
    height: 100%;
    width: 1px;
    background: #dbdee0;
    display: block;
    position: absolute;
    left: 41.4%;
}

.spiral_team_member_modal_close{
    width: 52px;
    height: 52px;
    line-height: 50px;
    position: absolute;
    top: 0;
    right: -60px;
    cursor: pointer;
    background: #222;
    text-align: center;
}

.spiral_team_member_modal_close:after{
    font-family: 'core_icomoon';
    content: "\e646";
    line-height: 50px;
    color: #fefefe;
    font-size: 16px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.team_member_section_bg{
    background-color:#f5f6f8;
}

/*-------- 10.4.15. Element: Posts --------*/
.spiral_posts_shortcode{
    margin-bottom: 13px;
    position: relative;
}

.spiral_latest_news_shortcode_thumb{
    margin-right: 0;
    float: left;
}

.spiral_latest_news_shortcode_thumb img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
}

.spiral_latest_news_shortcode_content{
    background: #fff;
    border-radius: 5px;
}

.spiral_latest_news_shortcode_content h5{
    margin-top: 10px;
}

.spiral_latest_news_time{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 57px;
    height: 57px;
    text-align: center;
    color: #fff;
    background: #056ab2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.spiral_latest_news_time .day{
    display: block;
    font-size: 21px;
}

.spiral_latest_news_time .month{
    display: block;
    text-transform: lowercase;
    font-size: 13px;
}

.spiral_latest_news_time .year{
    display: none;
}

.spiral_posts_shortcode.without_thumbnail .spiral_latest_news_shortcode_content{
    padding-left: 0;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1,
.spiral_posts_shortcode.spiral_posts_shortcode-2{
    margin-bottom: 30px;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_thumb{
    margin-right: 0;
    float: none;
    display: block;
    margin-bottom: 20px;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_thumb img{
    border-radius: 0;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_container,
.spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_container{
    position: relative;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .date_container,
.spiral_posts_shortcode.spiral_posts_shortcode-2 .date_container{
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 0;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .date_container .spiral_posts_date_month,
.spiral_posts_shortcode.spiral_posts_shortcode-2 .date_container .spiral_posts_date_month{
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
    color: #d3d7da;
}

.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-1 .date_container .spiral_posts_date_month,
.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-1 .date_container .spiral_posts_date_day,
.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content h5 a,
.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content .spiral_posts_author a,
.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-2 .date_container .spiral_posts_date_month,
.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-2 .date_container .spiral_posts_date_day,
.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content h5 a,
.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content .spiral_posts_author a{
    color: #fff;
}

.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content .spiral_posts_author a:hover,
.spiral-inversed_text .spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content .spiral_posts_author a:hover{
    color: #d3d7da;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .date_container .spiral_posts_date_day,
.spiral_posts_shortcode.spiral_posts_shortcode-2 .date_container .spiral_posts_date_day{
    font-family: 'Open Sans', sans-serif;
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
    color: #8c9494;
    position: relative;
    left: -3px;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content{
    background: transparent;
    margin-left: 80px;
    border-left: 1px solid #d3d7da;
    border-radius: 0;
    padding-bottom: 10px;
    text-align: left;
}

.spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content{
    background: transparent;
    margin-left: 70px;
    border-left: 1px solid #d3d7da;
    border-radius: 0;
    padding-bottom: 10px;
    text-align: left;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content h5{
    font-family: Raleway;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    padding: 1px 0 0 30px;
    margin-top: 0;
    margin-bottom: 6px;
}

.spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content h5{
    font-family: Raleway;
    font-size: 27px;
    font-weight: 400;
    line-height: 40px;
    padding: 1px 0 0 20px;
    margin-top: 0;
    margin-bottom: 6px;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content h5 a,
.spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content h5 a{
    color: #272d32;
    margin-top: -10px;
    display: block;
    word-break: break-all;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content h5:hover a,
.spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content h5:hover a{
    color: #d3d7da;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content .spiral_posts_author{
    display: inline-block;
    padding-left: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color:  #d3d7da;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content .spiral_posts_author a{
    color: #d3d7da;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content .spiral_posts_author a:hover{
    color: #0E6CC3;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content .spiral_posts_comments{
    display: inline-block;
    padding-left: 15px;
    margin-left: 15px;
    line-height: 16px;
    border-left: 2px solid #d3d7da;
    font-family: 'Open Sans', sans-serif;
    color:  #d3d7da;
    font-size: 14px;
    font-weight: 700;
}

.spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content p{
    padding: 5px 0 0 30px;
}

.spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content p{
    padding: 5px 0 0 20px;
}

.posts_bg{
    background-color:#f5f6f8;
}

/*-------- 10.4.16. Element: Priceboxes --------*/
.spiral_pricing-table-1,
.spiral_pricing-table-2{
    text-align: center;
}

.spiral_pricing-table-2 .spiral_plan{
    background: #fff;
}

.spiral_pricebox_feature_button .spiral-button{
    margin: 20px 0;
    display: inline-block;
}

.spiral_pricebox_feature i{
    margin-right: 10px;
}

.spiral_pricebox_feature .ci_icon-check{
    color: #4dd865;
}

.spiral_pricebox_feature .ci_icon-close{
    color: #0E6CC3;
}

.spiral_pricing-table-1{
    background: #fff;
    position: relative;
    box-shadow: 0 0 0 1px #d3d7da inset;
    border-radius: 0;
    margin: 10px 0;
}

.spiral_pricing-table-1 .spiral_pricebox_header{
    text-align: center;
    padding: 27px 0 0 0;
    margin-bottom: 0;
}

.spiral_pricing-table-1 .spiral_pricebox_name{
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 24px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    display: block;
    padding-bottom: 27px;
}

.spiral_pricing-table-1 .spiral_pricebox_info{
    padding-top: 14px;
    padding-bottom: 15px;
    position: relative;
}

.spiral_pricing-table-1 .spiral_pricebox_currency{
    font-size: 21px;
    font-family: 'Open Sans', sans-serif;
    margin-right: 5px;
    font-weight: 400;
    position: relative;
    top: -15px;
}

.spiral_pricing-table-1 .spiral_pricebox_price{
    font-size: 50px;
    line-height: 60px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: 700;
}

.spiral_pricing-table-1 .spiral_pricebox_monthly{
    font-size: 13px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: baseline;
    font-weight: 400;
}

.spiral_pricing-table-1 .spiral_pricebox_feature{
    display: block;
    padding: 7px 40px 7px 40px;
    text-align: center;
}

.spiral_pricing-table-1 .spiral_pricebox_feature:first-of-type{
    padding-top: 44px;
}

.spiral_pricing-table-1 .spiral_pricebox_feature:last-child{
    border-bottom: 0 solid #d3d7da;
    border-top: 1px solid #d3d7da;
    display: block;
    padding: 5px 40px 6px 40px;
    text-align: center;
    margin-top: 37px;
}

.spiral_pricing-table-1 .spiral_pricebox_featured_text{
    margin-bottom: 3px;
    min-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.spiral_pricing-table-1 .spiral_popular-plan .spiral_pricebox_header{
    position: relative;
    top: -20px;
    background: #fff;
}

.spiral_pricing-table-1 .spiral_popular-plan .spiral_pricebox_featured_text{
    background: #434342;
}

.spiral_pricing-table-1 .spiral_popular-plan .spiral_pricebox_name{
    margin-bottom: 20px;
    padding-bottom: 17px;
    padding-top: 10px;
}

.spiral_pricing-table-1 .spiral_popular-plan .spiral_pricebox_info{
    padding-bottom: 15px;
    box-shadow: 0 0 0 1px #d3d7da inset;
}

.spiral_pricing-table-1 .spiral_popular-plan .spiral_pricebox_feature{
    top: -20px;
    position: relative;
}

.spiral_pricing-table-1 .spiral_popular-plan .spiral-button{
    margin: 35px 0 8px;
}

.spiral_pricing-table-1 .spiral_pricebox_info{
    background: #fff;
    color: #272d32;
    box-shadow: 0 0 0 1px #d3d7da inset;
}

.spiral_pricing-table-1.spiral_pricing-table-light .spiral_pricebox_header{
    background: #222222;
    color: #fff;
}

.spiral_pricing-table-1.spiral_pricing-table-dark .spiral_pricebox_header{
    background: #3b4500;
    color: #fff;
}

.spiral_pricing-table-1.spiral_pricing-table-yellow .spiral_pricebox_header{
    background: #ffcf0d;
    color: #fff;
}

.spiral_pricing-table-1.spiral_pricing-table-green .spiral_pricebox_header{
    background: #3eaa16;
    color: #fff;
}

.spiral_pricing-table-1.spiral_pricing-table-red .spiral_pricebox_header{
    background: #f05347;
    color: #fff;
}

.spiral_pricing-table-1.spiral_pricing-table-blue .spiral_pricebox_header{
    background: #1242ec;
    color: #fff;
}

.spiral_pricing-table-1.spiral_pricing-table-gray .spiral_pricebox_header{
    background: #777;
    color: #fff;
}

.spiral_pricing-table-1.spiral_pricing-table-cyan .spiral_pricebox_header{
    background: #b14ac9;
    color: #fff;
}

.spiral_pricing-table-1.spiral_pricing-table-aquamarine .spiral_pricebox_header{
    background: #0fa6c9;
    color: #fff;
}

.spiral_pricing-table-1 .spiral_button{
    margin-top: 40px;
    margin-right: 0;
}

.spiral_pricing-table-2{
    border: 1px solid #d3d7da;
    border-radius: 3px;
    margin: 10px 0;
}

.spiral_pricing-table-2 .spiral_pricebox_header{
    text-align: center;
    padding: 16px 0 0 0;
    margin-bottom: 0;
    border-bottom: 1px solid #d3d7da;
    position: relative;
}

.spiral_pricing-table-2 .spiral_pricebox_name{
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    display: block;
    padding-bottom: 0;
    padding-top: 6px;
    color: #fff;
}

.spiral_pricing-table-2 .spiral_pricebox_info{
    padding-top: 11px;
    padding-bottom: 16px;
    position: relative;
}

.spiral_pricing-table-2 .spiral_pricebox_currency{
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    margin-right: 5px;
    font-weight: 300;
}

.spiral_pricing-table-2 .spiral_pricebox_price{
    font-size: 50px;
    line-height: 60px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: 300;
}

.spiral_pricing-table-2 .spiral_pricebox_price sup{
    font-size: 30px;
}

.spiral_pricing-table-2 .spiral_pricebox_monthly{
    font-size: 13px;
    display: block;
    margin-top: 2px;
}

.spiral_pricing-table-2 .spiral_pricebox_feature{
    display: block;
    padding: 7px 40px 7px 40px;
    text-align: center;
}

.spiral_pricing-table-2 .spiral_pricebox_feature:first-of-type{
    margin-top: 30px;
}

.spiral_pricing-table-2 .spiral_pricebox_feature:last-child{
    border-bottom: 0;
    position: relative;
    margin-top: 25px;
    padding-top: 15px;
}

.spiral_pricing-table-2 .spiral_pricebox_feature:last-child:before{
    content: "";
    height: 1px;
    width: 70px;
    background: #d3d7da;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
}

.spiral_pricing-table-2 .spiral_pricebox_featured_text{
    margin-bottom: 3px;
    min-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.spiral_pricing-table-2 .spiral_pricebox_description{
    display: block;
    font-style: italic;
}

.spiral_pricing-table-2 .spiral_popular-plan .spiral_pricebox_name{
    color: #fff;
}

.spiral_pricing-table-2 .spiral_popular-plan .spiral_pricebox_featured_text{
    background: #434342;
}

.spiral_pricing-table-2.spiral_pricing-table-light .spiral_pricebox_header{
    color: #222;
    background: #f5f6f8;
}

.spiral_pricing-table-2.spiral_pricing-table-dark .spiral_pricebox_header{
    background: #222;
    color: #fff;
}

.spiral_pricing-table-2.spiral_pricing-table-yellow .spiral_pricebox_header{
    background: #ffcf0d;
    color: #fff;
}

.spiral_pricing-table-2.spiral_pricing-table-green .spiral_pricebox_header{
    background: #3eaa16;
    color: #fff;
}

.spiral_pricing-table-2.spiral_pricing-table-red .spiral_pricebox_header{
    background: #f05347;
    color: #fff;
}

.spiral_pricing-table-2.spiral_pricing-table-blue .spiral_pricebox_header{
    background: #1242ec;
    color: #fff;
}

.spiral_pricing-table-2.spiral_pricing-table-gray .spiral_pricebox_header{
    background: #777;
    color: #fff;
}

.spiral_pricing-table-2.spiral_pricing-table-cyan .spiral_pricebox_header{
    background: #b14ac9;
    color: #fff;
}

.spiral_pricing-table-2.spiral_pricing-table-aquamarine .spiral_pricebox_header{
    background: #0fa6c9;
    color: #fff;
}

.section_no_column_margin .spiral_pricing-table-1{
    border-radius: 0;
}

.section_no_column_margin .spiral_pricing-table-1.spiral_popular-plan{
    border-radius: 0;
}

.section_no_column_margin .spiral_pricing-table-2{
    border-radius: 0;
}

.section_no_column_margin .spiral_pricing-table-2 .spiral_pricebox_header{
    border-radius: 0;
}

.spiral_pricebox_feature .ABdev_icon-ok{
    color:#01f001;
}

.spiral_pricebox_feature .ABdev_icon-remove{
    color:red;
}

.pricebox_bg{
    background-color:rgb(255, 80, 63);
}

/*-------- 10.4.17. Element: Progress bar --------*/
.spiral_progress_bar{
    position: relative;
}

.spiral_progress_bar_default{
    margin-bottom: 34px;
    margin-top: 6px;
}

.spiral_progress_bar_default .spiral_meter_label{
    margin-bottom: 1px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color:  #222222;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
}

.spiral_progress_bar_default .spiral_meter {
    margin-bottom: 21px;
    background: #fff;
    height: 11px;
    border: 1px solid #d3d7da;
    position: relative;
    padding: 0 3px;
}

.spiral_progress_bar_default .spiral_meter_percentage{
    height: 3px;
    display: block;
    position: relative;
    overflow: visible !important;
    margin-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.meter_percentage_width_92{
    width: 92%;
}

.meter_percentage_width_86{
    width: 86%;
}

.meter_percentage_width_71{
    width: 71%;
}

.spiral_progress_bar_default .spiral_meter .spiral_meter_percentage span {
    line-height: 32px;
    position: absolute;
    display: none;
    width: 42px;
    text-align: right;
    top: -36px;
    right: 6px;
    color: #0E6CC3;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    z-index: 100;
}

.spiral_progress_bar_default .spiral_meter_percentage span{
    display: none;
}

.spiral_progress_bar_default .spiral_meter .spiral_meter_above30 span,
.spiral_progress_bar_default .spiral_meter .spiral_meter_above40 span,
.spiral_progress_bar_default .spiral_meter .spiral_meter_above50 span,
.spiral_progress_bar_default .spiral_meter .spiral_meter_above60 span,
.spiral_progress_bar_default .spiral_meter .spiral_meter_above70 span,
.spiral_progress_bar_default .spiral_meter .spiral_meter_above80 span,
.spiral_progress_bar_default .spiral_meter .spiral_meter_above90 span{
    display: block;
}

.progress_bar_bg{
    background-color:#fdfdfd;
}

.progress_bar_red_75{
    width: 75%;
    background:#0E6CC3;
}

.progress_bar_red_90{
    width: 90%;
    background:#0E6CC3;
}

.progress_bar_red_85{
    width: 85%;
    background:#0E6CC3;
}

.progress_bar_red_70{
    width: 70%;
    background:#0E6CC3;
}

.progress_bar_red_100{
    width: 100%;
    background:#0E6CC3;
}

.progress_bar_blue_90{
    width: 90%;
    background:#50c5de;
}

.progress_bar_blue_85{
    width: 85%;
    background:#5fcbcd;
}

.progress_bar_green_70{
    width: 70%;
    background:#5bd4b6;
}

.progress_bar_green_100{
    width: 100%;
    background:#5bd491;
}



/*-------- 10.4.18. Element: Search Field --------*/
.spiral_search{
    position: relative;
}

.spiral_search form{
    position: relative;
    border-bottom: 1px solid #d3d7da;
}

.spiral_search form:before{
    content: "";
    width: 1px;
    height: 5px;
    background: #d3d7da;
    position: absolute;
    bottom: 0;
    left: 0;
}

.spiral_search input[type="text"]{
    padding:11px 20px;
    background: #fff;
    border-radius: 0;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    margin-bottom: 0;
}

.spiral_search input{
    outline: 0;
}

.spiral_search .submit i{
    color: #0E6CC3;
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_search .submit i:hover{
    color: #272D32;
}

/*-------- 10.4.19. Element: Service boxes --------*/
.spiral_service_box{
    text-align: center;
    padding-top: 0;
    margin-bottom: 36px;
    margin-top: 30px;
}

.spiral_service_box_default{
    text-align: left;
    position: relative;
    padding-top: 0;
    margin-bottom: 20px;
}

.spiral_service_box_default h3{
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
}

.spiral_service_box_default .spiral_service_box_header{
    padding-left: 66px;
    margin-bottom: 32px;
}

.spiral_service_box_default .spiral_icon_boxed{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.spiral_service_box_default .spiral_icon_boxed i{
    font-size: 40px;
    line-height: 40px;
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
}

.spiral_service_box_default:hover a.spiral_icon_boxed i{
    color: #0E6CC3!important;
}

.spiral_service_box_default .learn_more{
    opacity: 0;
    -webkit-transform: translateX(-30%);
    -moz-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    transform: translateX(-30%);
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
}

.spiral_service_box_default:hover .learn_more{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.spiral_service_box_default .learn_more i{
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.service_box_default_icon_style{
    color: #d3d7da;
    background:transparent;
}

.spiral_service_box_icon_aside{
    text-align: left;
    margin-left: 73px;
    position: relative;
    margin-top: 0;
    padding-left: 20px;
    padding-bottom: 15px;
    border-left: 1px solid #d3d7da;
}

.spiral_service_box_icon_aside h3{
    font-family: 'Open Sans', sans-serif;
    color:  #0E6CC3;
    font-size: 18px;
    font-weight: 700;
    line-height: 15px;
    margin: 0;
}

.spiral_service_box_icon_aside p{
    margin-top: 23px;
}

.spiral-inversed_text .spiral_service_box_icon_aside h3{
    color: #fff;
}

.spiral_service_box_icon_aside .spiral_icon_boxed{
    width: 54px;
    height: 54px;
    position: absolute;
    top: 0;
    left: -64px;
    text-align: center;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_service_box_icon_aside:hover a.spiral_icon_boxed{
    background: transparent!important;
}

.spiral_service_box_icon_aside .spiral_icon_boxed i{
    color:  #272d32;
    font-size: 40px;
    font-weight: 400;
    line-height: 42px;
}

.spiral_service_box_icon_aside.shop_service_box{
    padding-left: 60px;
    padding-bottom: 3px;
    margin: 15px 0;
}

.spiral_service_box_icon_aside .learn_more{
    opacity: 0;
    -webkit-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
}

.spiral_service_box_icon_aside:hover .learn_more{
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.spiral_service_box_icon_aside .learn_more > p{
    margin-bottom: 0;
    text-align: left;
}

.spiral_service_box_icon_aside .learn_more i{
    position: relative;
    top: 1px;
    margin-left: 5px;
}

.spiral_service_box_unboxed_round{
    padding: 40px 10px 30px;
    position: relative;
    margin-bottom: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_service_box_unboxed_round:hover a.spiral_icon_boxed{
    background: #0E6CC3 !important;
    border: transparent !important;
}

.spiral_service_box_unboxed_round:hover a.spiral_icon_boxed i{
    color: #fff!important;
}

.spiral_service_box_unboxed_round h3{
    font-family: Raleway;
    color:  #8c9494;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 11px;
    margin-top: 23px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_service_box_unboxed_round a:hover h3,
.spiral_service_box_unboxed_round a.spiral_icon_boxed:hover + a > h3{
    color: #272d32;
}

.spiral_service_box_unboxed_round .spiral_icon_boxed{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto 13px;
    display: block;
    position: relative;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_service_box_unboxed_round a.spiral_icon_boxed:before{
    content:"";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.spiral_service_box_unboxed_round:hover a.spiral_icon_boxed:before{
    content:"";
    height: 100%;
    width: 100%;
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

.spiral_service_box_unboxed_round .spiral_icon_boxed i{
    font-size: 40px;
    line-height: 130px;
}

@-webkit-keyframes ripple {  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
}

}

@-moz-keyframes ripple {  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
}

}

@-o-keyframes ripple {  100% {
    opacity: 0;
    -o-transform: scale(2.5);
}

}

@keyframes ripple {  100% {
    opacity: 0;
    transform: scale(2.5);
}

}

.spiral_service_box_unboxed_round p{
    margin-bottom: 0;
}

.spiral_service_box_boxed_square{
    padding: 40px 17px 30px;
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #d3d7da;
    cursor: pointer;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_service_box_boxed_square h3{
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 21px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_service_box_boxed_square a h3:hover{
    color: #0E6CC3;
    cursor: pointer;
}

.spiral_service_box_boxed_square .spiral_icon_boxed{
    width: 130px;
    height: 70px;
    border-radius: 5px;
    margin: 0 auto 14px;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -65px;
    display: block;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_service_box_boxed_square:hover{
    cursor: default;
    border: 1px solid #272d32!important;
}

.spiral_service_box_boxed_square:hover a.spiral_icon_boxed i{
    color: #0E6CC3 !important;
}

.spiral_service_box_boxed_square .spiral_icon_boxed i{
    font-size: 70px;
    line-height: 70px;
}

.spiral_service_box_boxed_square p{
    margin-bottom: 0;
}

.spiral_service_box_boxed{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    position: relative;
    margin: 0 10px 40px 10px;
    cursor: pointer;
}

.spiral_service_box_boxed .spiral_service_box_header{
    text-align: center;
    padding: 30px 20px 20px;
    position: relative;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_service_box_boxed .spiral_service_box_header:before{
    content: "";
    border-top: 2px solid #d3d7da;
    border-right: 2px solid #d3d7da;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    position: absolute;
    right: -29px;
    top: 50%;
    width: 17px;
    height: 17px;
    margin-top: -8px;
}

.spiral_service_box_boxed.no_next_mark .spiral_service_box_header:before{
    display: none;
}

.spiral_service_box_boxed:hover .spiral_service_box_header{
    background: #0E6CC3!important;
}

.spiral_service_box_boxed:hover p,
.spiral_service_box_boxed:hover h3,
.spiral_service_box_boxed:hover .spiral_icon_boxed i{
    color: #fff!important;
}

.spiral_service_box_boxed p{
    position: relative;
    background: #222;
    color: #fff;
    width: 225px;
    padding: 15px;
    opacity: 0;
    margin: 30px auto 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
}

.spiral_service_box_boxed:hover p{
    opacity: 1;
}

.spiral_service_box_boxed p:after{
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #222222;
    border-left: 1px solid #222222;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: skewY(45deg);
    -moz-transform: skewY(45deg);
    -ms-transform: skewY(45deg);
    -o-transform: skewY(45deg);
    transform: skewY(45deg);
    background: #222222;
    position: absolute;
    bottom: -52px;
    top: -2px;
    left: 50%;
    margin-left: -7px;
    z-index: 1;
}

.spiral_service_box_boxed.spiral-inversed_text p,
.spiral_service_box_boxed.spiral-inversed_text h3{
    color: #fff;
}

.spiral_service_box_boxed .spiral_icon_boxed{
    margin-bottom: 10px;
    margin-top: 11px;
}

.spiral_service_box_boxed i{
    font-size: 60px;
}

.spiral_service_box_boxed h3{
    font-family: 'Open Sans', sans-serif;
    color:  #272d32;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.spiral_service_box.spiral_service_box_default.right_icons{
    padding: 0 73px 0 10px;
    position: relative;
}

.spiral_service_box.spiral_service_box_default.right_icons p{
    text-align: right;
}

.spiral_service_box.spiral_service_box_default.right_icons .spiral_service_box_header{
    text-align: right;
}

.spiral_service_box.spiral_service_box_default.right_icons .spiral_icon_boxed{
    width: 54px;
    height: 54px;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    text-align: center;
}

.spiral_column_tc_span2.service_box_process_full,
.spiral_column_tc_span2.service_box_process_empty{
    position: relative;
}

.service_box_process_empty:after{
    content: " ";
    height: 4px;
    position: absolute;
    top: 106px;
    width: 100%;
    left: 0;
    background: #cfd3dc;
    z-index: -1;
}

.service_box_process_full:after{
    content: " ";
    height: 4px;
    position: absolute;
    top: 106px;
    width: 100%;
    left: 0;
    background: #0E6CC3;
    z-index: -1;
}

.service_box_process_full:first-child:after{
    content: " ";
    height: 4px;
    position: absolute;
    top: 106px;
    width: 50%;
    left: auto;
    right: 0;
    background: #0E6CC3;
    z-index: -1;
}

.service_box_process_empty:last-child:after{
    content: " ";
    height: 4px;
    position: absolute;
    top: 106px;
    width: 50%;
    left: 0;
    background: #cfd3dc;
    z-index: -1;
}

.service_box_unboxed_round_bg{
    background:#0E6CC3;
}

.service_box_unboxed_round_color{
    color: #ffffff;
    background:transparent;;
}

.service_box_default_color{
    color: #d3d7da;
    background:transparent;
}

.service_box_boxed_square_border{
    border: 1px solid #d3d7da; 
    border-radius:0px;0px;
}

.white_background{
    background:#ffffff;
}

.transparent_background{
    color: #0E6CC3;
    background:transparent;
}

.service_box_boxed_bg{
    background:#d3d7da;
}

.service_box_boxed_color{
    color: #272d32;
    background:transparent;
}

/*-------- 10.4.20. Element: Metro Boxes --------*/
.spiral_metro_box{
    padding-top: 0;
    margin: 10px 0 0;
    position: relative;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_metro_box .spiral_metro_box_header > h3{
    padding-left: 20px;
}

.spiral_metro_box h3{
    font-size: 20px;
    margin-bottom: 0;
    display: inline-block;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-align: left;
    vertical-align: top;
    width: 170px;
    line-height: 23px;
    padding-top: 15px;
}

.spiral_metro_box p{
    padding-top: 3px;
    color: #fff;
    padding: 30px 20px 44px;
    margin-bottom: 0;
}

.spiral_metro_box_header a {
    margin-left: 20px;
}

.spiral_metro_box .spiral_icon_boxed{
    width: 70px;
    height: 70px;
    background: transparent;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    margin-left: 20px;
}

.spiral_metro_box .spiral_icon_boxed i{
    color: #fff;
    font-size: 50px;
    line-height: 70px;
}

.spiral_metro_box:hover{
    background: #333!important;
}

.spiral_metro_box.boxed{
    height: 301px;
    box-shadow: 0 0 0 1px #eef0f2 inset;
    position: relative;
}

.spiral_metro_box.boxed .spiral_metro_box_header{
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -70px;
}

.spiral_metro_box.boxed .spiral_metro_box_header .spiral_icon_boxed{
    border: 0;
}

.spiral_metro_box.boxed .spiral_metro_box_header .spiral_icon_boxed i{
    color: #285fdb;
    font-size: 40px;
}

.spiral_metro_box.boxed:hover .spiral_metro_box_header .spiral_icon_boxed i{
    color: #fff;
}

.spiral_metro_box.boxed:hover .spiral_metro_box_header h3{
    color: #fff;
}

.spiral_metro_box.boxed .spiral_metro_box_header h3{
    color: #3c414c;
}

.metro_box_bg1{
    background:#5133ab;
}

.metro_box_bg2{
    background:#ac193d;
}

.metro_box_bg3{
    background:#2672ec;
}

.metro_box_bg4{
    background:#0E6CC3;
}

.metro_box_bg5{
    background:#ce4f42;
}

.metro_box_bg6{
    background:#b44b3f;
}

.metro_box_bg7{
    background:#9f463b;
}

.metro_box_bg8{
    background:#ff502f;
}

.metro_box_bg_transparent{
    color:#ffffff;
    background:transparent;
}




/*-------- 10.4.21. Element: Divider --------*/
.spiral_divider{
    clear:both;
    text-align: center;
    line-height: 20px;
    margin: 10px 0;
    vertical-align: middle;
    position: relative;
    height: 20px;
}

.spiral_divider a{
    text-decoration: none;
    font-size: 14px;
    float: right;
    position: absolute;
    top: -12px;
    right: 0;
    padding-left: 19px;
}

.spiral_divider a:hover{
    text-decoration: none;
}

.spiral_divider i{
    position: relative;
    top: 3px;
    font-size: 15px;
}

.spiral_divider_solid:before{
    content:url("../images/dots.png");
    display: inline-block;
    position: absolute;
    line-height: 0;
    width: 60px;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -2px;
    background: #fff;
    z-index: 1;
    vertical-align: -50%;
}

.spiral_divider_solid:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #d3d7da;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
}

.spiral_divider_solid_line{
    position: relative;
}

.spiral_divider_solid_line:before{
    content:"";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 19px;
    background: #d3d7da;
}

.spiral_divider_solid_line.spiral_divider_with_text:before{
    width: 93%;
}

.spiral_divider_solid_line.spiral_divider_with_icon:before{
    width: 98%;
}

.spiral_divider_smaller_line:before{
    content:"";
    width: 70px;
    height: 1px;
    background: #d3d7da;
    position: absolute;
    top: 0;
    left: 0;
}

/*-------- 10.4.22. Element: Pullquote --------*/
.spiral_pullquote{
    padding: 0 15px 21px 0;
    margin: 0 0 15px -100px;
    float: left;
    border-radius: 0;
    font-family: 'Raleway', sans-serif;
    color: #0E6CC3;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}

.spiral_pullquote_right{
    padding: 0 0 21px 15px;
    float: right;
    margin: 0 -100px 15px 0;
    background: #f5f5f5;
    border-radius: 0;
}

/*-------- 10.4.23. Element: Tooltip --------*/
.spiral_tooltip{
    cursor: pointer;
}

/*-------- 10.4.24. Element: Source Code --------*/
.spiral_prettyprint{
    padding: 24px !important;
}

.spiral_prettyprint ol{
    margin: 0 !important;
    padding: 0 !important;
    list-style: decimal outside !important;
}

.spiral_prettyprint li{
    margin-left: 20px !important;
    list-style: decimal outside !important;
}

/*-------- 10.4.25. Element: RSS Feed --------*/
.spiral_rss,
.spiral_rss li{
    list-style: none !important;
    margin-left: 0 !important;
}

/*-------- 10.4.26. Element: Children --------*/
.spiral_children,
.spiral_children li{
    list-style: none !important;
    margin-left: 0 !important;
}

/*-------- 10.4.27. Element: Sitemap --------*/
.spiral_sitemap,
.spiral_sitemap li{
    list-style: none !important;
}

.spiral_sitemap{
    margin-bottom: 30px;
}

/*-------- 10.4.28. Element: Google Map --------*/
.spiral_google_map img{
    max-width: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.spiral_google_map_marker {
    display: none;
}

.google_map_style_1{
    height:400px;
    width:100%;
}

.google_map_style_2{
    height:500px;
    width:100%;
}

/*-------- 10.4.29. Element: Dropcap --------*/
.spiral_dropcap{
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 3px;
}

.dropcap_font{
    font-style: italic;
}

.dropcap_bg_c{
    background-color:#e4664d;
    color:#ffffff;
}


/** Style 1 **/
.spiral_dropcap_style1{
    font-size: 45px;
    line-height: 22px;
    color: #222;
    margin-top: 11px;
    margin-left: -3px;
}

/** Style 2 **/
.spiral_dropcap_style2{
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    background: #0E6CC3;
    border-radius: 5px;
    color: #fff;
    margin-top: 7px;
    margin-right: 10px;
}

/** Style 3 **/
.spiral_dropcap_style3{
    font-size: 73px;
    text-align: center;
    font-weight: 700;
    line-height: 18px;
    border-radius: 5px;
    color: #0E6CC3;
    margin-top: 23px;
    margin-right: 20px;
    margin-left: -6px;
    background-color: transparent;
}

/*-------- 10.4.30. Element: Videos --------*/
.spiral-videoWrapper-youtube{
    position:relative;
    padding-bottom:56.25%;
    padding-top:0;
    height:0;
    overflow:hidden;
}

.spiral-videoWrapper-youtube iframe,
.spiral-videoWrapper-youtube object,
.spiral-videoWrapper-youtube embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.spiral-videoWrapper-vimeo{
    position:relative;
    padding-bottom:53%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.spiral-videoWrapper-vimeo iframe,
.spiral-videoWrapper-vimeo object,
.spiral-videoWrapper-vimeo embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/*-------- 10.4.31. Element: Clear --------*/
.spiral_clear{
    clear:both;
}

/*-------- 10.4.32. Element: Callout Boxes --------*/
.spiral-callout_box{
    padding: 37px 0;
}

.spiral-callout_box_title{
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin-bottom: 13px;
    color: #505558;
    display: block;
}

.spiral-callout_box p{
    margin-bottom: 0;
}

.spiral-callout_box .spiral_column_tc_span3{
    text-align: center;
    padding-top: 3px;
}

.spiral-callout_box .spiral-button{
    margin: 0;
    padding: 8px 35px;
    text-transform: capitalize;
    font-weight: 400;
    vertical-align: top;
}

.spiral-callout_box.color_white .spiral-callout_box_title,
.spiral-callout_box.color_white p{
    color: #fff;
}

.callout_box_bg1{
    background-color:#0E6CC3;
}

.callout_box_bg2{
    background-color:#d3d7da;
}

.callout_boxes_section_bg{
    background-color:#f5f6f8;
}

/**** Style 1 ****/
.spiral-callout_box_style_1{
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

.spiral-callout_box_style_1 .spiral-callout_box_title{
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: #272d32;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 400;
}

.spiral-callout_box_style_1.spiral-inversed_text .spiral-callout_box_title{
    color: #fff;
}

.spiral-callout_box_style_1.spiral-inversed_text p{
    color: #fff;
}

.spiral-callout_box_style_1 .spiral-button{
    float: right;
}

.spiral-callout_box_style_1 p{
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: inline-block;
    width: 75%;
    margin-top: 16px;
}

/**** Style 2 ****/
.spiral-callout_box_style_2{
    margin-bottom: 0;
    border: 1px solid #d3d7da;
    border-radius: 5px;
    padding: 44px 50px;
    background: #fff;
}

.spiral-callout_box_style_2 .spiral-callout_box_title{
    font-family: 'Raleway', sans-serif;
    color:  #272d32;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    margin-bottom: 0;
    display: inline-block;
}

.spiral-callout_box_style_2.spiral-inversed_text .spiral-callout_box_title{
    color: #fff;
}

.spiral-callout_box_style_2 p{
    margin-top: 16px;
    width: 60%;
    display: inline-block;
}

.spiral-callout_box_style_2.spiral-inversed_text p{
    color: #fff;
}

.spiral-callout_box_style_2 .spiral-button{
    float: right;
}

/*-------- 10.4.33. Element: Image Callout Boxes --------*/
.spiral-image-callout-box{
    text-align: center;
    overflow: hidden;
    border-radius: 2px;
    margin-bottom: 30px;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper{
    padding: 56px;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .spiral-image-callout-box-title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 33px;
}

.spiral-image-callout-box.spiral-inversed_text .spiral-image-callout-box-wrapper .spiral-image-callout-box-title{
    color: #fff;
}

.pattern_overlayed .spiral-image-callout-box-wrapper{
    z-index: 1;
    position: relative;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper p{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 20px;
    margin-top: 5px;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper a i{
    margin: 0 10px;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button{
    -webkit-transition:all 250ms ease-in-out;
    -moz-transition:all 250ms ease-in-out;
    -ms-transition:all 250ms ease-in-out;
    -o-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button:hover{
    color: #b2b2b2;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_light{
    color: #fff;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_dark{
    color: #222;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_yellow{
    color: #ffcf0d;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_green{
    color: #3eaa16;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_red{
    color: #0E6CC3;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_blue{
    color: #1242ec;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_gray{
    color: #777;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_violet{
    color: #b14ac9;
}

.spiral-image-callout-box .spiral-image-callout-box-wrapper .button_aquamarine{
    color: #0fa6c9;
}

/*-------- 10.4.34. Element: Buttons --------*/
.spiral-button{
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 21px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.spiral-button i{
    margin-left: 10px;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.spiral-button_light{
    background: #fff;
    color: #0E6CC3 !important;
}

.spiral-button_dark{
    background: #222;
    border: 1px solid #222;
    color: #fff !important;
}

.spiral-button_yellow{
    background: #ffcf0d;
    border: 1px solid #ffcf0d;
    color: #fff !important;
}

.spiral-button_orange{
    background: #ff7800;
    border: 1px solid #ff7800;
    color: #fff !important;
}

.spiral-button_purple{
    background: #3122a9;
    border: 1px solid #3122a9;
    color: #fff !important;
}

.spiral-button_pink{
    background: #ff4179;
    border: 1px solid #ff4179;
    color: #fff !important;
}

.spiral-button_green{
    background: #3eaa16;
    border: 1px solid #3eaa16;
    color: #fff !important;
}

.spiral-button_red{
    background: #0E6CC3;
    border: 1px solid #0E6CC3;
    color: #fff !important;
}

.spiral-button_blue{
    background: #1242ec;
    border: 1px solid #1242ec;
    color: #fff !important;
}

.spiral-button_violet{
    background: #b14ac9;
    border: 1px solid #b14ac9;
    color: #fff !important;
}

.spiral-button_aquamarine{
    background: #0fa6c9;
    border: 1px solid #0fa6c9;
    color: #fff !important;
}

.spiral-button:hover{
    box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translate(0px, -1px);
    -moz-transform: translate(0px, -1px);
    -ms-transform: translate(0px, -1px);
    -o-transform: translate(0px, -1px);
    transform: translate(0px, -1px);
}

.spiral-button:active{
    -webkit-transform: translate(0px, 1px);
    -moz-transform: translate(0px, 1px);
    -ms-transform: translate(0px, 1px);
    -o-transform: translate(0px, 1px);
    transform: translate(0px, 1px);
}

.spiral-button_small{
    padding: 10px 15px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

.spiral-button_small:hover{
    box-shadow: none;
    background: rgb(34,34,34);
    background: rgba(34,34,34,0.1);
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.spiral-button_small:active{
    box-shadow: none;
    background: rgb(34,34,34);
    background: rgba(34,34,34,0.2);
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.spiral-button_medium{
    padding: 9px 23px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    letter-spacing: 0.9px;
}

.spiral-button_large{
    padding: 8px 45px;
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 22px;
}

.spiral-button_rounded.spiral-button_small{
    -webkit-border-radius:3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.spiral-button_rounded.spiral-button_medium{
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

.spiral-button_rounded.spiral-button_large{
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

.spiral-button_rounded.spiral-button_xlarge{
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

.spiral-button_transparent.spiral-button_light{
    background: transparent;
    border: 2px solid #fff;
    color: #fff !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_light:hover{
    background: #fff;
    border: 2px solid #fff;
    color: #3c414c !important;
}

.spiral-button_transparent.spiral-button_dark{
    background: transparent;
    border: 2px solid #0bb8c9;
    color: #0bb8c9 !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_dark:hover{
    background: #0bb8c9;
    border: 2px solid #0bb8c9;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_yellow{
    background: transparent;
    border: 2px solid #ebb72b;
    color: #ebb72b !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_yellow:hover{
    background: #ebb72b;
    border: 2px solid #ebb72b;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_green{
    background: transparent;
    border: 2px solid #b4dd44;
    color: #b4dd44 !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_green:hover{
    background: #b4dd44;
    border: 2px solid #b4dd44;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_red{
    background: transparent;
    border: 2px solid #0E6CC3;
    color: #0E6CC3 !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_red:hover {
    background: #0E6CC3;
    border: 2px solid #0E6CC3;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_blue{
    background: transparent;
    border: 2px solid #285fdb;
    color: #285fdb !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_blue:hover {
    background: #285fdb;
    border: 2px solid #285fdb;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_gray{
    background: transparent;
    border: 2px solid #57595d;
    color: #57595d !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_gray:hover {
    background: #8a8d94;
    border: 2px solid #8a8d94;
    color: #505558 !important;
}

.spiral-button_transparent.spiral-button_violet{
    background: transparent;
    border: 2px solid #28dbc4;
    color: #28dbc4 !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_violet:hover {
    background: #28dbc4;
    border: 2px solid #28dbc4;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_aquamarine{
    background: transparent;
    border: 2px solid #41e8a3;
    color: #41e8a3 !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_aquamarine:hover {
    background: #41e8a3;
    border: 2px solid #41e8a3;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_purple{
    background: transparent;
    border: 2px solid #7e44dd;
    color: #7e44dd !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_purple:hover{
    background: #7e44dd;
    border: 2px solid #7e44dd;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_orange{
    background: transparent;
    border: 2px solid #eb7c2b;
    color: #eb7c2b !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_orange:hover {
    background: #eb7c2b;
    border: 2px solid #eb7c2b;
    color: #fff !important;
}

.spiral-button_transparent.spiral-button_pink {
    background: transparent;
    border: 2px solid #dd447e;
    color: #dd447e !important;
    -webkit-transition:all 100ms ease-in-out;
    -moz-transition:all 100ms ease-in-out;
    -ms-transition:all 100ms ease-in-out;
    -o-transition:all 100ms ease-in-out;
    transition:all 100ms ease-in-out;
}

.spiral-button_transparent.spiral-button_pink:hover {
    background: #dd447e;
    border: 2px solid #dd447e;
    color: #fff !important;
}

.buttons_bg{
    background-color:#d3d3d3;
}

/*-------- 10.4.35. Element: Countdown --------*/
.spiral_countdown{
    text-align: center;
    margin-bottom: 60px;
}

.spiral_countdown,
.spiral_countdown * {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}

.spiral_countdown .spiral_countdown_inner{
    display: inline-block;
    text-align: center;
    margin-bottom: 20px !important;
    background: #0E6CC3;
    margin-left: 15px;
    margin-right: 14px;
}

.countdown {
    font-family: 'Open Sans', sans-serif;
    color:  #ffffff;
    font-size: 50px;
    font-weight: 300;
    line-height: 153px;
    background: #0E6CC3;
    height: 100px;
    border-radius: 2px;
}

.spiral_countdown_inner:first-of-type > .countdown,
.spiral_countdown_inner:first-of-type > span{
    margin-left: 0;
}

.spiral_countdown_inner:last-of-type > .countdown,
.spiral_countdown_inner:last-of-type > span{
    margin-right: 0;
}

.spiral_countdown_inner span{
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 68px;
    text-align: center;
    width: 141px;
    height: 50px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-right: 0;
}

/*Transparent*/
.spiral_countdown.simple_style_transparent .spiral_countdown_inner{
    border-right: 1px solid #d3d7da;
    background: transparent;
}

.spiral_countdown.simple_style_transparent .spiral_countdown_inner span{
    font-family: 'Open Sans', sans-serif;
    color:  #222222;
    font-size: 24px;
    font-weight: 700;
    line-height: 0;
    text-align: right;
    height: auto;
    margin-bottom: 0;
    margin-right: 20px;
    text-transform: uppercase;
}

.spiral_countdown.simple_style_transparent .spiral_countdown_inner .countdown{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: transparent;
    color: #777;
    height: 81px;
    text-align: right;
    margin-bottom: 0;
    margin-right: 20px;
    line-height: 57px;
}

.spiral_countdown.simple_style_transparent .spiral_countdown_inner .countdown.expired{
    color: #0E6CC3;
}

/*Flip style*/
.spiral_countdown.flip_style span{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 35px;
    color: #222;
    margin: 0;
    text-transform: uppercase;
    display: block;
    position: absolute;
    bottom: -51px;
    left: 0;
    width: 100%;
    text-align: center;
}

.spiral_countdown.flip_style .time {
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    position: relative;
    height: 105px;
    width: 75px;
    margin: 5px 5px 40px 5px;
    -webkit-perspective: none;
    -moz-perspective: none;
    -ms-perspective: none;
    -o-perspective: none;
    perspective: none;
}

.spiral_countdown.flip_style .count {
    background: #222;
    color: #f8f8f8;
    font-weight: 700;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 42px;
    line-height: 105px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    top: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat;
}

.spiral_countdown.flip_style .count.top {
    border-top: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    border-radius: 5px 5px 0 0;
    height: 50%;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.spiral_countdown.flip_style .count.bottom {
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
    background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
    border-radius: 0 0 5px 5px;
    line-height: 0;
    height: 50%;
    top: 50%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

/* Animation start */
.spiral_countdown.flip_style .count.curr.top {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    z-index: 3;
}

.spiral_countdown.flip_style .count.next.bottom {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    z-index: 2;
}

/* Animation end */
.spiral_countdown.flip_style .flip .count.curr.top {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

.spiral_countdown.flip_style .flip .count.next.bottom {
    -webkit-transition: all 250ms ease-in-out 250ms;
    -moz-transition: all 250ms ease-in-out 250ms;
    -ms-transition: all 250ms ease-in-out 250ms;
    -o-transition: all 250ms ease-in-out 250ms;
    transition: all 250ms ease-in-out 250ms;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.hide_expired{
    display: none !important;
}

/*-------- 10.4.36. Element: Email Link --------*/
.spiral_email i{
    position: relative;
    top: 1px;
}

/*-------- 10.4.37. Element: Image Carousel --------*/
.caroufredsel_wrapper{
    margin: 0 !important;
}

.spiral-carousel{
    padding: 0;
    list-style: none;
    display: block;
}

.spiral-carousel li{
    float: left;
    display: block;
    margin: 0 12px 0 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 20px;
}

.carousel_navigation{
    text-align: center;
    position: relative;
    margin: 20px auto 0;
    display: block;
}

.carousel_navigation a{
    width: 65px;
    height: 65px;
    display: inline-block;
    text-align: center;
    margin: 0 10px;
    position: absolute;
}

.carousel_navigation a.carousel_prev{
    left: -70px;
}

.carousel_navigation a.carousel_next{
    right: -70px;
}

.spiral-inversed_text .carousel_navigation a{
    color: #fff;
}

.carousel_navigation a:hover{
    color: #d3d7da;
}

.carousel_navigation a i{
    line-height: 65px;
    font-size: 65px;
    color: #fff;
    text-shadow: 0 0 1px #000;
}

.carousel_prev{
    z-index: 10;
}

.carousel_next{
    z-index: 10;
}

.section_body_fullwidth .spiral-carousel {
    width: 90%;
    margin: 0 auto;
}

/*-------- 10.4.38. Element: Post Excerpt Carousel --------*/
.spiral_post_excerpt_carousel{
    list-style: none;
    display: block;
    width: 100%;
}

.spiral_post_excerpt_carousel ul{
    position: relative;
    display: none;
    left: 0;
    overflow: hidden;
}

.spiral_post_excerpt_carousel li{
    float: left;
    display: block;
    margin: 0 12px 0 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 20px;
    opacity: 0.15;
    width: 570px;
    -webkit-transition: opacity 800ms ease-in-out;
    -moz-transition: opacity 800ms ease-in-out;
    -ms-transition: opacity 800ms ease-in-out;
    -o-transition: opacity 800ms ease-in-out;
    transition: opacity 800ms ease-in-out;
}

.spiral_post_excerpt_carousel li.active{
    opacity: 1;
}

.spiral_post_excerpt_carousel li  {
    margin-right: 30px;
}

.spiral_post_excerpt_carousel .carousel_navigation a{
    top: 150px;
}

.spiral_post_excerpt_carousel .carousel_navigation a.carousel_prev{
    left: 90px;
}

.spiral_post_excerpt_carousel .carousel_navigation a.carousel_next{
    right: 90px;
}

.spiral_post_excerpt_carousel .carousel_navigation a i{
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.5);
    text-shadow: 0 0 1px rgba(0,0,0,0.2);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral_post_excerpt_carousel .carousel_navigation a:hover i{
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 1);
    text-shadow: 0 0 1px rgba(0,0,0,1);
}

.post_excerpt_bg{
    background-color:#0E6CC3;
}

/*-------- 10.4.39. Element: Team Member Carousel --------*/
.spiral-team-carousel{
    list-style: none;
    display: block;
    width: 100%;
}

.spiral-team-carousel li{
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 234px;
    border: 0;
    overflow: hidden;
    background: #fff;
    border-bottom: 2px solid #0E6CC3;
}

.spiral-team-carousel ul > .spiral_team_member .spiral_overlayed{
    padding: 0;
    margin: 0;
    padding-bottom: 60px;
}

.spiral-team-carousel ul > .spiral_team_member .spiral_team_member_name{
    font-family: 'Open Sans', sans-serif;
    color:  #3b4550;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 20px 0 20px 25px;
    text-transform: capitalize;
}

.spiral-team-carousel .spiral_team_member .spiral_overlayed .spiral_team_info{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-team-carousel .spiral_team_member.hovered .spiral_overlayed .spiral_team_info{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.spiral-team-carousel .spiral_team_member .spiral_overlayed .spiral_team_info .team_content{
    font-family: 'Open Sans', sans-serif;
    color:  #777777;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
}

.spiral-team-carousel .spiral_team_member .spiral_overlayed .spiral_team_info .more_link{
    background: #0E6CC3;
    padding: 19px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.spiral-team-carousel .spiral_team_member .spiral_overlayed .spiral_team_info .more_link a{
    color: #fff;
}

.spiral-team-carousel .carousel_navigation a.carousel_prev{
    color: #d3d7da;
    left: -130px;
    top: -230px;
}

.spiral-team-carousel .carousel_navigation a.carousel_next{
    color: #d3d7da;
    right: -130px;
    top: -230px;
}

.spiral-team-carousel .carousel_navigation a:hover{
    color: #0E6CC3;
}

/*-------- 10.4.40. Element: Tipsy --------*/
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 1000000; }

.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

.tipsy-inner {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }
*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

.tipsy-arrow-n { border-bottom-color: #000; }

.tipsy-arrow-s { border-top-color: #000; }

.tipsy-arrow-e { border-left-color: #000; }

.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}

.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }

.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }

.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/*-------- 10.4.41. Element: Modal --------*/
.spiral-modal{
    display: block;
}

.spiral-modal .spiral-modal-button{
    cursor: pointer;
    display: inline-block;
}

.spiral-modal-content-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(34, 34, 34);
    background: rgba(34, 34, 34, 0.85);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.spiral-modal-content-wrapper.opened{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.spiral-modal-content-wrapper .spiral-modal-content{
    position: fixed;
    height: auto;
    right: 25%;
    left: 25%;
    background: #fff;
    padding: 20px;
    text-align: center;
}

.spiral-modal-content-wrapper .spiral-modal-content iframe{
    max-width: 100%;
}

.spiral-modal-content-wrapper .spiral-modal-content .spiral-modal-close{
    width: 52px;
    height: 52px;
    line-height: 50px;
    position: absolute;
    top: 0;
    right: -60px;
    cursor: pointer;
    background: #222;
    text-align: center;
}

.spiral-modal-content-wrapper .spiral-modal-content .spiral-modal-close:after{
    font-family: 'core_icomoon';
    content: "\e646";
    line-height: 50px;
    color: #fefefe;
    font-size: 16px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

/*-----------------------------------------------------------------*/
/* 11. Footer
/*-----------------------------------------------------------------*/
#ABdev_main_footer{
    color: #222;
    position: relative;
    border-top: 3px solid #0E6CC3;
}

#ABdev_main_footer .footer-widget-heading{
    color: #fff;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
    margin-bottom: 41px;
    display: block;
    text-align: left;
    padding-bottom: 0;
}

#footer_columns{
    padding: 30px 0;
    background: #282C30;
}

#footer_copyright{
    background: #222;
    color: #9fa4af;
    font-size: 13px;
    line-height: 30px;
    padding: 20px 0;
}

.footer_social{
    text-align: right;
}

#back_to_top{
    width: 25px;
    height: 25px;
    left: 50%;
    margin-left: -12px;
    z-index: 1;
    text-align: center;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#back_to_top i{
    display: inline-block;
    font-size: 26px;
    color: #fff;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#back_to_top:hover i{
    color: #0E6CC3;
}

/*-------- 11.1. Footer Widgets --------*/
footer .widget{
    margin-bottom: 86px;
}

footer select{
    border-bottom: 1px solid #5c5c5c;
    color: #d3d7da;
}

footer select option{
    color: #777;
}

/*-------- 11.1.1. RSS and Twitter Follow --------*/
footer .widget.rss_twitter_follow .rss_container,
footer .widget.rss_twitter_follow .twitter_container{
    display: inline-block;
    width: 50%;
}

footer .widget.rss_twitter_follow .rss_container i,
footer .widget.rss_twitter_follow .twitter_container i{
    width: 40px;
    height: 40px;
    line-height: 40px;
    color:  #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -10px;
}

footer .widget.rss_twitter_follow .rss_container i{
    background: #f8a94a;
}

footer .widget.rss_twitter_follow .twitter_container i{
    background: #55c6ec;
}

footer .widget.rss_twitter_follow .rss_twitter_widget .text_container{
    display: inline-block;
    width: 70%;
}

footer .widget.rss_twitter_follow .rss_twitter_widget .text_container p.title{
    display: block;
    font-family: 'Open Sans', sans-serif;
    color:  #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    margin-left: 15px;
    margin-bottom: 0;
}

footer .widget.rss_twitter_follow .rss_twitter_widget .text_container a{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color:  #8c9494;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-left: 15px;
}

footer .widget.rss_twitter_follow .rss_twitter_widget .text_container a:hover{
    color: #fff;
}

/*-------- 11.1.2. RSS --------*/
footer .widget_rss li {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d3d7da;
}

footer .widget_rss .rsswidget{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 18px;
}

footer .widget_rss .rss-date{
    display: block;
    color: #d3d7da;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 5px;
}

footer .widget_rss .rssSummary{
    font-size: 14px;
    color:#fff;
}

footer .widget_rss cite {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #d3d7da;
    margin-top: 10px;
}

/*-------- 11.1.3. Calendar --------*/
footer .widget.widget_calendar #wp-calendar caption{
    color: #0E6CC3;
}

footer .widget.widget_calendar #wp-calendar thead tr th[scope="col"]{
    color: #fff;
}

footer .widget.widget_calendar #wp-calendar tbody tr td{
    color: #fff;
}

footer .widget.widget_calendar #wp-calendar #prev a,
footer .widget.widget_calendar #wp-calendar #next a{
    color: #fff;
}

footer .widget.widget_calendar #wp-calendar #prev a:hover,
footer .widget.widget_calendar #wp-calendar #next a:hover{
    color: #0E6CC3;
}

/*-------- 11.1.4. Categories List --------*/
footer .widget.widget_categories ul li{
    color: #d3d7da;
    border-bottom: 1px solid #5c5c5c;
}

footer .widget.widget_categories ul li a{
    color: #d3d7da;
}

footer .widget.widget_categories .screen-reader-text{
    display: none;
}

/*-------- 11.1.5. Archives List --------*/
footer .widget.widget_archive ul li{
    color: #d3d7da;
    border-bottom: 1px solid #5c5c5c;
}

footer .widget.widget_archive ul li a{
    color: #d3d7da;
}

footer .widget.widget_archive .screen-reader-text{
    display: none;
}

/*-------- 11.1.6. Pages --------*/
footer .widget.widget_pages li a{
    color: #d3d7da;
}

footer .widget.widget_pages li a:hover{
    color: #0E6CC3;
}

/*-------- 11.1.7. Twitter --------*/
footer .spiral-tweet-scroller.style1 {
    position: relative;
    padding-bottom: 0;
    border-left: 1px solid #5c5c5c;
    margin-left: 45px;
    overflow: visible;
}

footer .spiral-tweet-scroller.style1 .caroufredsel_wrapper{
    padding-bottom: 0;
}

footer .spiral-tweet-scroller.style1-inner{
    width: 236px;
    padding-left: 15px;
}

footer .spiral-tweet-item{
    text-align: left;
    padding: 0 0 25px 30px!important;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-text{
    font-family: 'Lato', sans-serif;
    color:  #d3d7da;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: left;
    margin-top: 0;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-text a{
    font-family: 'Lato', sans-serif;
    color: #0E6CC3;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: left;
}

footer .spiral-tweet-scroller.style1:before{
    display: none;
}

footer .spiral-tweet-scroller.style1:after{
    content: '\e74b'; /*twitter*/
    font-family: 'core_icomoon';
    background: none;
    width: auto;
    height: auto;
    font-style: normal;
    font-size: 21px;
    color: #0E6CC3;
    position: absolute;
    top: 0;
    left: -35px;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-username{
    color: #0E6CC3;
    margin-top: 20px;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-date{
    font-size: 13px;
    font-style: italic;
    color: #0E6CC3;
    text-align: left;
    margin-top: 0;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-navigation{
    display: block;
    padding: 0;
    text-align: right;
}

footer .spiral-tweet-navigation a{
    font-size: 20px;
    margin-right: 10px;
    padding: 0;
    font-weight: bold;
    color: #0E6CC3;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-prev,
footer .spiral-tweet-scroller.style1 .spiral-tweet-next{
    color: transparent;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-prev:hover,
footer .spiral-tweet-scroller.style1 .spiral-tweet-next:hover{
    color: transparent;
}

footer .spiral-tweet-navigation a:last-child{
    margin-right: 0;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-prev:after{
    content: "\e64a";
    font-family: 'core_icomoon';
    color: #0E6CC3;
    font-size: 21px;
    position: relative;
}

footer .spiral-tweet-scroller.style1 .spiral-tweet-next:after{
    content: "\e649";
    font-family: 'core_icomoon';
    color: #0E6CC3;
    font-size: 21px;
    position: relative;
}

/*-------- 11.1.8. Meta --------*/
footer .widget.widget_meta li a{
    color: #d3d7da;
}

footer .widget.widget_meta li a:hover{
    color: #0E6CC3;
}

/*-------- 11.1.9. Side Menu --------*/
footer .widget_nav_menu a{
    color: #d3d7da;
}

footer .widget_nav_menu li{
    border-bottom: 1px solid #5c5c5c;
}

footer .widget_nav_menu a:hover{
    color: #0E6CC3;
}

footer .widget_nav_menu ul.sub-menu{
    border-top: 1px solid #5c5c5c;
}

/*-------- 11.1.10. Search --------*/
footer .widget_search form{
    border-bottom: 1px solid #5c5c5c;
}

footer .widget_search form:before{
    content: "";
    width: 1px;
    height: 5px;
    background: #5c5c5c;
    position: absolute;
    bottom: 0;
    left: 0;
}

footer .widget_search a:hover i{
    color: #fff;
}

footer ::-webkit-input-placeholder {
    color: #d3d7da;
}

footer :-moz-placeholder {
    color: #d3d7da;
}

footer ::-moz-placeholder {
    color: #d3d7da;
}

footer :-ms-input-placeholder {
    color: #d3d7da;
}

/*-------- 11.1.11. Woocommerce Cart --------*/
footer .widget.woocommerce.widget_shopping_cart{
    float: none;
    overflow: hidden;
    background: transparent;
}

footer .cart_list.product_list_widget{
    position: static;
    display: block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-bottom: 2px dashed #5c5c5c;
}

footer ul.cart_list li{
    width: 100%;
    border-bottom: 1px solid #5c5c5c;
    position: relative;
    padding-left: 15px!important;
    padding-bottom: 0;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

footer ul.cart_list li:last-of-type{
    border-bottom: 0;
}

footer ul.cart_list li:hover{
    -webkit-transform: translateX(67px);
    -moz-transform: translateX(67px);
    -ms-transform: translateX(67px);
    -o-transform: translateX(67px);
    transform: translateX(67px);
}

footer ul.cart_list li.empty{
    font-family: 'Open Sans', sans-serif;
    color:  #d3d7da;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 30px;
    border-bottom: 0;
    margin-top: 45px;
    text-align: center;
    display: inline-block;
    padding: 0;
    min-height: 0;
}

footer ul.cart_list li > a{
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    width: auto;
    padding: 15px 0;
    color:  #d3d7da;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    background: transparent;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

footer ul.cart_list li > a:last-of-type{
    min-width: 190px;
    font-weight: bold;
}

footer ul.cart_list li > .variation {
    display: none;
}

footer ul.cart_list li > a.remove{
    height: 100%;
    position: absolute;
    top: 1px!important;
    left: 0;
    width: 66px;
    background: #0E6CC3;
    border-radius: 0;
    display: inline-block;
    color: #fff !important;
    font-size: 44px;
    padding: 35px 0 0;
    text-align: center;
    border-bottom: 1px solid #5c5c5c;
    -webkit-transform: translateX(-66px);
    -moz-transform: translateX(-66px);
    -ms-transform: translateX(-66px);
    -o-transform: translateX(-66px);
    transform: translateX(-66px);
}

footer ul.cart_list li:last-of-type > a.remove{
    border-bottom: 0;
    top: 0 !important;
}

footer ul.cart_list li:hover > a.remove{
    background: #0E6CC3;
}

footer ul.cart_list li > a.remove:hover{
    background: #0E6CC3;
    border-radius: 0;
}

footer ul.cart_list li img{
    border: 1px solid #d7dadd;
    float: left;
    margin: 0;
    margin-right: 15px;
}

footer ul.cart_list li .quantity{
    font-size: 14px;
    color: #0E6CC3;
    width: auto;
    font-style: italic;
    text-align: center;
    display: block;
    margin: 10px 20px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

footer ul.cart_list li:hover .quantity{
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
}

footer ul.cart_list li .quantity .amount{
    line-height: 14px;
    margin-top: 0;
    position: relative;
    top: 0;
    color: #777;
    display: block;
}

footer ul.cart_list li .quantity .amount sup{
    font-size: 9px;
}

footer .woocommerce.widget_shopping_cart .total,
footer .woocommerce .widget_shopping_cart .total{
    margin-top: 12px;
    border-top: 0;
}

footer .woocommerce.widget_shopping_cart .total .amount,
footer .woocommerce .widget_shopping_cart .total .amount{
    color: #0E6CC3;
    font-style: italic;
}

footer .woocommerce.widget_shopping_cart .total .amount sup,
footer .woocommerce .widget_shopping_cart .total .amount sup{
    font-size: 9px;
}

footer .total{
    border: 0;
    display: inline-block;
    text-align: left;
    padding-top: 20px;
    padding-left: 0;
    margin-bottom: 20px;
}

footer .total strong{
    font-family: 'Open Sans', sans-serif;
    color:  #d3d7da;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

footer .total .amount{
    display: inline-block;
    font-size: 14px;
}

footer .widget.woocommerce.widget_shopping_cart p.buttons{
    padding: 0  0 0 25px;
    margin-bottom: 0;
    float: right;
}

footer .widget.woocommerce.widget_shopping_cart p.buttons a{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    background: transparent;
    color: #0E6CC3 !important;
    display: inline-block;
    white-space: nowrap;
    line-height: 20px;
    margin: 10px 0 0 5px;
    width: auto;
    border: 0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

footer .widget.woocommerce.widget_shopping_cart p.buttons a:hover{
    box-shadow: none;
    background: rgb(211,215,218);
    background: rgba(211,215,218,0.1);
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

footer .widget.woocommerce.widget_shopping_cart p.buttons a.checkout{
    display: none;
}

/*-------- 11.1.12. Post Excerpt extended --------*/
footer .rpwe-block li{
    position: relative;
    padding: 0 0 15px 0;
    min-height: 95px;
    margin-bottom: 15px;
    border-bottom: 1px solid #5c5c5c;
    text-align: right;
}

footer .rpwe-block li:last-child{
    border-bottom: 0;
}

footer .rpwe-thumb {
    border: 0;
    box-shadow: none;
    margin: 3px 0 0 0;
    padding: 0;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    position: static;
    top: 0;
    left: 0;
}

footer .rpwe-title{
    margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    word-break: break-all;
    word-wrap: break-word;
}

footer .rpwe-title a{
    color: #fff;
    word-break: break-all;
    word-wrap: break-word;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

footer .rpwe-title a:hover{
    color: #0E6CC3;
}

footer .rpwe-time{
    font-size: 12px;
    line-height: 14px;
    color: #d3d7da;
    font-weight: 400;
}

footer .rpwe-block h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    width: 65%;
    margin-left: 20px;
    vertical-align: top;
    margin-top: 0;
    float: right;
}

footer .rpwe-block h3 a{
    font-size: 14px;
    color:  #fff;
    line-height: 18px;
}

footer .rpwe-clearfix{
    padding-left: 81px;
    padding-top: 10px;
    margin-bottom: 16px;
}

footer .rpwe-clearfix a{
    text-transform: capitalize;
    font-size: 13px;
    color: #d3d7da;
    float: left;
}

footer .rpwe-time.published{
    font-family: 'Open Sans', sans-serif;
    color:  #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    padding-left: 0;
    display: block;
    margin: 9px 0 10px;
    float: right;
    width: 65%;
}

footer .rpwe-summary{
    font-family: 'Open Sans', sans-serif;
    color:  #d3d7da;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 17px;
    display: inline-block;
    width: 65%;
}

footer .rpwe-summary .more-link{
    color: #0E6CC3;
    text-transform: lowercase;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: 17px;
}

/*-------- 11.1.13. Tag Cloud --------*/
footer .tagcloud a{
    background: #5c5c5c;
    color: #d3d7da!important;
}

/*-------- 11.1.14. Woocommerce widgets - Products, Recent... --------*/
footer .woocommerce ul.cart_list li .product-title,
footer .woocommerce ul.product_list_widget li .product-title{
    color: #d3d7da;
    margin-top: 10px;
}

footer .woocommerce ul.cart_list li .amount,
footer .woocommerce ul.product_list_widget li .amount{
    color: #d3d7da;
}

footer .woocommerce ul.cart_list li,
footer .woocommerce ul.product_list_widget li{
    border-bottom: 1px solid #5c5c5c;
}

footer .woocommerce ul.cart_list li.empty:hover,
footer .woocommerce ul.product_list_widget li.empty:hover{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

footer .woocommerce ul.cart_list li a,
footer .woocommerce ul.product_list_widget li a{
    color: #d3d7da;
}

footer .woocommerce ul.cart_list li:hover a,
footer .woocommerce ul.product_list_widget li:hover a{
    color: #d3d7da;
}

footer .woocommerce ul.cart_list li a:before,
footer .woocommerce ul.product_list_widget li a:before{
    border-bottom: 1px solid #5c5c5c;
}

footer .woocommerce ul.cart_list li .star-rating,
footer .woocommerce ul.product_list_widget li .star-rating{
    margin-left: 20px;
}

footer .woocommerce ul.cart_list li .reviewer,
footer .woocommerce ul.product_list_widget li .reviewer{
    color: #d3d7da;
}

footer .widget.woocommerce.widget_product_categories li,
footer .widget.woocommerce.widget_layered_nav li{
    padding: 0;
    border-bottom: 1px solid #5c5c5c;
    margin-bottom: 0;
}

footer .widget.woocommerce.widget_product_categories li a,
footer .widget.woocommerce.widget_layered_nav li a{
    padding: 8px 0 9px;
    display: inline-block;
    color: #d3d7da;
}

footer .widget.woocommerce.widget_product_categories li a:hover,
footer .widget.woocommerce.widget_layered_nav li a:hover{
    color: #0E6CC3;
}

footer .widget.woocommerce.widget_product_categories li > ul li,
footer .widget.woocommerce.widget_layered_nav li > ul li{
    padding: 0;
    margin: 0;
}

footer .widget.woocommerce.widget_product_categories li > ul li:first-of-type,
footer .widget.woocommerce.widget_layered_nav li > ul li:first-of-type{
    border-top: 1px solid #5c5c5c;
}

footer .widget.woocommerce.widget_product_categories li:last-of-type,
footer .widget.woocommerce.widget_layered_nav li:last-of-type{
    border-bottom: 0;
}

footer .widget.woocommerce.widget_product_categories li .count,
footer .widget.woocommerce.widget_layered_nav li .count{
    float: right;
    margin-top: 8px;
}

footer .widget_layered_nav ul li.chosen a:before{
    font-family: 'core_icomoon';
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
    content: "\e646";
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

footer .widget_price_filter .price_slider_amount .button:hover{
    box-shadow: none;
    background: rgb(211,215,218)!important;
    background: rgba(211,215,218,0.1)!important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

footer .widget_price_filter .price_slider_amount .price_label{
    color: #d3d7da!important;
}

.woocommerce footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background: #5c5c5c!important;
}

footer .woocommerce.widget_product_search form{
    border-bottom: 1px solid #5c5c5c;
}

footer .woocommerce.widget_product_search form:before{
    background: #5c5c5c;
}

/*-------- 11.1.15. Contact --------*/
footer .contact_info_widget .content{
    border-left: 1px solid #5c5c5c;
}

footer .contact_info_widget .content p{
    color: #d3d7da;
}

/*-------- 11.1.16. Recent Comments --------*/
footer .widget_recent_comments .recentcomments{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #d3d7da;
    position: relative;
    overflow: hidden;
    padding-top: 7px;
}

footer .widget_recent_comments .recentcomments a{
    color: #d3d7da;
    font-weight: 700;
    display: block !important;
    padding-bottom: 11px;
    border-bottom: 1px solid #5c5c5c;
}

footer .widget_recent_comments .comment-author-link{
    color: #d3d7da;
}


/*-----------------------------------------------------------------*/
/* 12. Responsive
/*-----------------------------------------------------------------*/

/****************************/
/* Between 960px and 1170px */
/****************************/

@media only screen and (min-width: 960px) and (max-width: 1170px) {

    .container,
    .spiral_container,
    .boxed_body_wrapper{
        width: 960px;
    }

    .sf-mega {
        width: 960px;
    }

    .spacer_responsive_hide_smaller_screen{
        display: none !important;
    }

    /**Menu**/

    nav > ul > li{
        margin: 0;
    }

    nav > ul > li.menu-item-has-children:hover > a:before{
        bottom: -9px;
    }

    #shop_link_dropdown_cart .cart_dropdown_widget:before{
        right: 50px;
    }

    /**Featured Gallery**/

    .featured_gallery_post_wrapper{
        padding: 30px!important;
    }

    .spiral_featured_portfolio .featured_item:hover .overlay {
        height: 39%!important;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_linkto{
        margin-left: 20px;
        float: right;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_image{
        width: 100%;
        text-align: center;
    }

    #portfolio_content_details .featured_gallery_post_wrapper #close_wrapper{
        position: static;
        margin: 20px 0;
        float: right;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content{
        margin-top: 30px;
        width: 100%;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }

    /**Testimonials**/

    .spiralt_testimonials_wrapper.picture_middle .testimonial_small .source,
    .spiralt_testimonials_wrapper_static.picture_middle .testimonial_small .source{
        left: 0;
        margin-left: 0;
        bottom: -55px;
        text-align: left;
    }

    .spiralt_testimonials_wrapper.picture_middle .spiralt_author,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_author{
        display: block;
    }

    .spiralt_testimonials_slide .testimonial_small .source a{
        display: block;
        margin: 0;
    }

    .spiralt_testimonials_wrapper.picture_middle .spiralt_navigation,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_navigation,
    .spiralt_testimonials_wrapper.picture_middle .spiralt_pagination,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination{
        left: auto;
        right: 0;
        margin-left: 0;
        bottom: 65px;
    }

    /**Modal**/

    .spiral-modal-content-wrapper .spiral-modal-content{
        width: 75%;
        left: 12.5%;
    }

    /**Post Excerpt Carousel**/

    .spiral_post_excerpt_carousel li{
        width: 465px;
    }

    .spiral_post_excerpt_carousel .carousel_navigation a i{
        color: #fff;
    }

    /**RSS Widget**/

    .widget.rss_twitter_follow .rss_twitter_widget .text_container .title,
    .widget.rss_twitter_follow .rss_twitter_widget .text_container a,
    .widget.rss_twitter_follow .rss_twitter_widget .text_container p.title{
        margin-left: 0;
    }

    /**Fancybox**/

    #fancybox-outer{
        width: 90%;
    }

    /**Portfolio Carousel**/

    .carousel_navigation a.carousel_next{
        right: -20px;
    }

    .carousel_navigation a.carousel_prev{
        left: -20px;
    }

    /**Price Box**/

    .spiral_pricing-table-1 .spiral_pricebox_feature:last-child,
    .spiral_pricing-table-2 .spiral_pricebox_feature:last-child{
        padding: 5px;
    }

    /**Service Box**/

    .spiral_service_box_boxed p{
        width: auto;
    }

    /**Team Carousel**/

    .spiral-team-carousel .carousel_navigation a.carousel_prev{
        left: -30px;
    }

    .spiral-team-carousel .carousel_navigation a.carousel_next{
        right: -30px;
    }



}

/****************************/
/* Between 768px and 960px */
/****************************/

@media only screen and (min-width: 768px) and (max-width: 959px) {

    nav > ul .sf-mega-inner > ul > li.menu_sidebar{
        display: none !important;
    }

    .container,
    .spiral_container,
    .boxed_body_wrapper{
        width: 90%;
    }

    .spacer_responsive_hide_tablet_horiz{
        display: none !important;
    }

    /**Header**/

    #ABdev_main_header{
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    #ABdev_main_header.menu_up{
        -webkit-transform: translateY(-66px);
        -moz-transform: translateY(-66px);
        -ms-transform: translateY(-66px);
        -o-transform: translateY(-66px);
        transform: translateY(-66px);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .admin-bar #ABdev_main_header{
        top: 46px!important;
    }

    #ABdev_main_header #logo img{
        margin: 16px;
        height: 30px;
    }

    #ABdev_main_header.coming_soon #logo img{
        height: auto;
    }

    .menu_slide_toggle{
        display: block !important;
        position: absolute;
        top: 6px;
        right: 20px;
        bottom: auto;
        width: 50px;
        height: 50px;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .menu_slide_toggle .icon-menu{
        left: 50%;
        margin-left: -10px;
    }

    .menu_slide_toggle.menu_opened .icon-menu{
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
        background-color: transparent!important;
    }

    .menu_slide_toggle.menu_opened .icon-menu:before{
        -webkit-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -moz-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -ms-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -o-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
    }

    .menu_slide_toggle.menu_opened .icon-menu:after{
        -webkit-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -moz-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -ms-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -o-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
    }

    #title_breadcrumbs_bar{
        display: none!important;
    }

    .admin-bar nav{
        top: 46px;
    }

    #headline_breadcrumbs_bar.hadline_no_image .headline_title{
        width: 60%;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share{
        width: 40%;
        text-align: right;
        margin-top: 1px;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share .text{
        display: block;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share a:first-of-type i, #headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:first-of-type i{
        margin-left: 0;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share a:last-of-type i, #headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:last-of-type i{
        margin-right: 10px;
    }

    #headline_breadcrumbs_bar .headline_button{
        float: left;
        margin-top: 20px;
    }

    .spiral_section_tc header p{
        padding: 0;
        margin-bottom: 10px;
    }

    .spiral_section_tc header, .spiral_section_tc footer{
        margin-bottom: 20px;
    }

    footer .left_aligned,
    footer .right_aligned{
        text-align: center;
    }

    /**Navigation**/

    nav{
        float: none !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100000;
        background: #fff;
        overflow-x: hidden;
        width: 70%;
        display: none;
        padding: 10px 0 !important;
        border-right: 1px solid #d3d7da;
        height: 100%;
    }

    nav span{
        font-family: 'Open Sans', sans-serif;
        color: #555;
        display: inline-block!important;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        line-height: 22px;
        margin: 0 0 0 5px;
        padding: 7px 0;
        top: 0!important;
        text-align: left;
        text-transform: none;
    }

    nav > ul{
        margin-top: 10px !important;
        float: none;
    }

    nav > ul a{
        padding: 0!important;
    }

    nav > ul a:hover span{
        color: #0E6CC3 !important;
    }

    nav > ul > li{
        display: block;
        width: 100%;
        margin: 0!important;
        min-width: 230px;
    }

    nav > ul > .current-menu-item,
    nav > ul > .current-menu-parent,
    nav > ul > .current-menu-ancestor,
    nav > ul > .current-menu-item > a span,
    nav > ul ul > .current-menu-item > a span,
    nav > ul > .current-menu-parent > a span,
    nav > ul > .current-menu-ancestor > a span{
        background-color: transparent !important;
        color: #0E6CC3;
    }

    nav > ul > li:before,
    nav > ul > li > ul:before,
    nav > ul ul ul:before,
    nav > ul > .menu-item-has-children:hover > a:before{
        display: none!important;
    }

    nav > ul > li > a{
        display: block;
        width: 100%;
        text-align: left;
        margin-left: 0;
        padding-bottom: 0;
    }

    nav > ul > li > a span{
        padding: 5px 0 0 25px !important;
    }

    nav > ul > .current-menu-item > a,
    nav > ul > .current-post-ancestor > a,
    nav > ul > .current-menu-ancestor > a{
        background-color: transparent !important;
        color: #0E6CC3 !important;
    }

    nav > ul > li:hover > a > span {
        top: 0!important;
    }

    nav > ul ul{
        position: static;
        display: block;
        background: none;
        border: none;
        padding: 0 0 5px 25px!important;
        margin: 0 !important;
        width: 100%;
        z-index: auto;
        box-shadow:none;
    }

    nav > ul > li > ul{
        padding-bottom: 0 !important;
    }

    nav > ul li:hover > ul,
    nav > ul .sfHover > ul{
        display: block;
        z-index: auto;
        position: static;
        box-shadow: none;
    }

    nav > ul ul li{
        position: static;
        border-bottom: 0;
        padding: 0;
        width: 100%;
        display: block;
        line-height: 30px;
    }

    nav > ul ul > li{
        padding-left: 25px !important;
    }

    nav > ul ul li a {
        text-transform: none;
        width: 100%;
        text-align: left;
        padding: inherit;
    }

    nav > ul ul ul{
        padding: 0;
        position: static;
        margin-top: 0;
        z-index: auto;
        margin-left: 25px;
        box-shadow: none;
        padding-left: 0;
        padding-bottom: 0 !important;
    }

    nav > ul ul ul li{
        margin-left: 0;
    }

    nav > ul ul ul > li{
        padding-left: 0 !important;
    }

    nav > ul ul ul:after,
    nav > ul > li > a:after,
    .sf-arrows .sf-with-ul:after{
        display: none!important;
    }

    .sf-mega {
        width: 100%;
        position: static;
        display: block;
        z-index: inherit;
        padding-top: 0;
        box-shadow: none;
        margin-left: 0;
    }

    .sf-mega-inner{
        border-top: none;
        background: none;
    }

    nav > ul .sf-mega-inner{
        display: block !important;
        border: 0 !important;
    }

    nav > ul .sf-mega-inner > ul {
        display: block !important;
        padding-bottom: 0 !important;
    }

    nav > ul .sf-mega-inner > ul > li,
    nav > ul .sf-mega-inner > ul > li > ul > li{
        border-right: none;
        padding: 0!important;
        display: block !important;
        line-height: 30px !important;
    }

    .sf-mega-inner ul ul{
        padding-left: 0!important;
    }

    nav > ul .sf-mega-inner > ul> .use_desc{
        display: none!important;
    }

    nav > ul .sf-mega-inner > ul > li > a{
        font-size: 14px;
        font-weight: inherit;
        color: inherit;
        text-transform: none;
        margin-bottom: 0!important;
        padding: 0!important;
    }

    nav > ul .sf-mega-inner > ul > li > ul > li a{
        font-size: 14px;
        color: inherit;
        padding: 0 0 0 25px!important;
    }

    .sf-mega-inner ul ul li:last-child > a{
        padding-bottom: 0 !important;
    }

    nav > ul .sf-mega-inner a{
        text-transform: none;
        padding: inherit;
        margin-bottom: 0;
    }

    nav > ul .sf-mega-inner a:hover{
        background: none;
    }

    nav > ul > .mega1 .sf-mega-inner > ul > li,
    nav > ul > .mega2 .sf-mega-inner > ul > li,
    nav > ul > .mega3 .sf-mega-inner > ul > li,
    nav > ul > .mega4 .sf-mega-inner > ul > li,
    nav > ul > .mega5 .sf-mega-inner > ul > li,
    nav > ul > .mega6 .sf-mega-inner > ul > li,
    nav > ul > .mega7 .sf-mega-inner > ul > li{
        width: 100%;
    }

    #shop_link_dropdown_cart{
        display: none !important;
    }

    /**Post Excerpt Carousel**/

    .spiral_post_excerpt_carousel li{
        width: 465px;
    }

    .spiral_post_excerpt_carousel .carousel_navigation{
        margin-bottom: 20px;
    }

    .spiral_post_excerpt_carousel .carousel_navigation .carousel_prev{
        position: static;
        margin: 0 30px;
    }

    .spiral_post_excerpt_carousel .carousel_navigation .carousel_next{
        position: static;
        margin: 0 30px;
    }

    /**Post Excerpt**/

    .spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content{
        margin-left: 0;
        border-left: 0;
    }

    .spiral_posts_shortcode.spiral_posts_shortcode-2 .date_container{
        position: static;
    }

    .spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content h5,
    .spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content p{
        padding-left: 0;
    }

    .spiral_posts_shortcode.spiral_posts_shortcode-2 .spiral_latest_news_shortcode_content h5 a{
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px;
    }

    .spiral_posts_shortcode.spiral_posts_shortcode-2 .date_container .spiral_posts_date_month{
        display: inline-block;
    }

    .spiral_posts_shortcode.spiral_posts_shortcode-2 .date_container .spiral_posts_date_day{
        display: inline-block;
        font-size: 24px;
        line-height: 26px;
        margin-left: 10px;
    }

    /**Price Box**/

    .spiral_pricing-table-1 .spiral_pricebox_feature{
        padding: 6px;
    }

    .spiral_pricing-table-1 .spiral_pricebox_feature:last-child{
        padding: 6px;
    }

    .spiral_pricing-table-1 .spiral-button,
    .spiral_pricing-table-2 .spiral-button{
        display: inline-block;
        padding: 8px 15px;
    }

    .spiral_pricing-table-2 .spiral_pricebox_feature{
        padding: 6px;
    }

    /**Portfolio**/

    .ABdev_latest_portfolio.portfolio_items{
        width: 100%!important;
    }
    .portfolio_item .overlayed .overlay .overlay_title,
    .section_body_fullwidth .portfolio_item .overlayed .overlay .overlay_title{
        font-size: 17px;
        line-height: 17px;
        margin-bottom: 5px;
    }


    .section_body_fullwidth .portfolio_filter {
        margin-left: 0;
    }

    /**Team Member**/

    .spiral_team_member .team_content{
        padding: 0 15px 5px;
    }

    .spiral-team-carousel .carousel_navigation a.carousel_prev{
        left: -40px;
    }

    .spiral-team-carousel .carousel_navigation a.carousel_next{
        right: -40px;
    }

    /**RSS Widget**/

    .widget.rss_twitter_follow .rss_twitter_widget .text_container .title,
    .widget.rss_twitter_follow .rss_twitter_widget .text_container a{
        margin-left: 0;
    }

    /**Timeline**/

    .timeline_post{
        width: 84%;
    }

    .timeline_post .span6{
        width: 100%;
        margin: 0 !important;
    }

    .timeline_post .span6:first-of-type{
        margin-bottom: 2.564102564102564%!important;
    }

    /**Subscribe**/

    .spiralss_form_wrapper input{
        width: 500px;
    }

    /**Service Boxes**/

    .spiral_service_box_boxed p{
        width: auto;
        opacity: 1;
    }

    /**Divider**/

    .spiral_divider_solid_line.spiral_divider_with_text:before{
        width: 90%;
    }

    .spiral_divider_solid_line.spiral_divider_with_icon:before {
        width: 97%;
    }

    .spiral_service_box_boxed .spiral_service_box_header:before{
        display: none;
    }

    /**Callout Box**/

    .spiral-callout_box_style_1{
        text-align: center;
    }

    .spiral-callout_box_style_1 .spiral-callout_box_title{
        text-align: center;
    }

    .spiral-callout_box_style_1 .spiral-button{
        float: none;
        margin-top: 20px;
    }

    .spiral-callout_box_style_1 p{
        width: 100%;
    }

    .spiral-callout_box_style_2{
        text-align: center;
    }

    .spiral-callout_box_style_2 .spiral-callout_box_title{
        text-align: center;
        margin-bottom: 20px;
        margin-right: 20px;
    }

    .spiral-callout_box_style_2 .spiral-button{
        float: none;
    }

    .spiral-callout_box_style_2 p{
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }

    .spiral-callout_box_style_3{
        padding: 30px 25px;
        text-align: center;
    }

    .spiral-callout_box_style_3 .spiral-callout_box_title{
        text-align: center;
    }

    .spiral-callout_box_style_3 .spiral-button{
        float: none;
        margin-top: 20px;
    }

    .spiral-callout_box_style_3 p{
        width: 100%;
    }

    /**Fancybox**/

    #fancybox-outer{
        width: 90%;
    }

    /**Featured Gallery**/

    .featured_gallery_post_wrapper{
        padding: 30px!important;
    }


    .spiral_featured_portfolio .featured_item{
        width: 50%;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_linkto{
        margin-left: 20px;
        float: right;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_image{
        width: 100%;
        text-align: center;
    }

    #portfolio_content_details .featured_gallery_post_wrapper #close_wrapper{
        position: static;
        margin: 20px 0;
        float: right;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content{
        margin-top: 30px;
        width: 100%;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }

    /**Modal**/

    .spiral-modal-content-wrapper .spiral-modal-content{
        width: 75%;
        left: 12.5%;
    }

    /**Testimonials**/

    .spiralt_testimonials_wrapper.picture_middle .testimonial_small .source,
    .spiralt_testimonials_wrapper_static.picture_middle .testimonial_small .source{
        left: 0;
        margin-left: 0;
        bottom: -55px;
        text-align: left;
    }

    .spiralt_testimonials_wrapper.picture_middle .spiralt_author,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_author{
        display: block;
    }

    .spiralt_testimonials_slide .testimonial_small .source a{
        display: block;
        margin: 0;
    }

    .spiralt_testimonials_wrapper.picture_middle .spiralt_navigation,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_navigation,
    .spiralt_testimonials_wrapper.picture_middle .spiralt_pagination,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination{
        left: auto;
        right: 0;
        margin-left: 0;
        bottom: 65px;
    }

    /**Tabs**/

    .spiral-tabs .ui-tabs-nav{
        display: inline-block;
        padding-left: 0!important;
        border: 0 !important;
        width: 100%!important;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .ui-tabs-nav li{
        margin-right: 0;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .spiral-tabs-wrapper{
        border-top: 0;
    }

    .spiral-tabs.spiral-tabs-timeline .spiral-tabs-wrapper{
        border-top: 1px solid #d3d7da!important;
        margin-top: 39px;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav{
        float: none;
        width: 100%;
        border: none;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav li{
        margin: 0;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed .ui-tabs-nav li a{
        text-align: center;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed .spiral-tabs-wrapper{
        margin-left: 0;
        border: 0;
    }

    .spiral-tabs.spiral-tabs-unboxed.spiral-tabs-position-top .ui-tabs-nav li{
        border: 1px solid #d3d7da;
        border-bottom: 0;
    }

    .spiral-tabs.spiral-tabs-unboxed.spiral-tabs-position-top .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-panel{
        padding: 25px 20px!important;
    }

    .spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .ui-tabs-nav li a{
        padding: 12px 13px!important;
        text-align: center;
    }

    .spiral-tabs-position-left.spiral-tabs-fullwidthtabs .ui-tabs-nav li,
    .spiral-tabs-position-right.spiral-tabs-fullwidthtabs .ui-tabs-nav li{
        padding: 0;
        border: 1px solid #d3d7da;
        border-bottom: 0!important;
        margin: 0;
    }

    .spiral-tabs-position-left.spiral-tabs-fullwidthtabs .ui-tabs-nav li:last-of-type,
    .spiral-tabs-position-right.spiral-tabs-fullwidthtabs .ui-tabs-nav li:last-of-type{
        border-top: 1px solid #d3d7da!important;
        border-bottom: 1px solid #d3d7da!important;
    }

    .spiral-tabs-position-left.spiral-tabs-unboxed .spiral-tabs-wrapper{
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .ui-tabs-nav{
        padding-right: 0 !important;
        padding-bottom: 12px;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .ui-tabs-nav li{
        margin: 0;
        border-bottom: 0;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-horizontal.spiral-tabs-position-bottom.spiral-tabs-boxed .spiral-tabs-wrapper{
        display: inline-block;
        border-bottom: 0;
    }

    .spiral-tabs-position-bottom.spiral-tabs-fullwidthtabs .ui-tabs-panel{
        padding: 25px 20px!important;
    }

    .spiral-tabs-position-bottom .ui-tabs-nav{
        position: static!important;
        padding-bottom: 12px;
    }

    .spiral-tabs.spiral-tabs-position-bottom{
        margin-bottom: 30px;
    }

    .spiral-tabs-position-right.spiral-tabs-boxed .ui-tabs-nav li a{
        text-align: center;
    }

    .spiral-tabs.spiral-tabs-vertical.spiral-tabs-position-right.spiral-tabs-boxed .spiral-tabs-wrapper{
        border-right: 0;
        display: inline-block;
        padding: 0 !important;
        margin: 0 !important;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-nav li{
        border: 1px solid #d3d7da!important;
        border-bottom: 0!important;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da!important;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .ui-tabs-nav{
        position: static !important;
        padding-bottom: 12px;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .ui-tabs-nav li a{
        padding: 12px 13px!important;
        text-align: center;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .spiral-tabs-wrapper{
        margin: 0;
        padding:0;
        display: inline-block;
    }

    /**Twitter**/

    .section_body_fullwidth .ab-tweet-scroller.style1 .ab-tweet-prev:after {
        left: 70px;
    }

    .section_body_fullwidth .ab-tweet-scroller.style1 .ab-tweet-next:after {
        right: 70px;
    }

    .ab-tweet-scroller.style2{
        padding-left: 35px;
    }


    /**Woocommerce**/

    .woocommerce ul.product_list_widget li img,
    .woocommerce-page ul.product_list_widget li img{
        display: block;
        width: 100%;
    }

    .woocommerce ul.cart_list li .star-rating,
    .woocommerce ul.product_list_widget li .star-rating{
        margin-top: 3px;
        margin-left: 0;
        float: left;
    }

    .woocommerce ul.cart_list li:hover .star-rating,
    .woocommerce ul.product_list_widget li:hover .star-rating{
        -webkit-transform: translateX(150px);
        -moz-transform: translateX(150px);
        -ms-transform: translateX(150px);
        -o-transform: translateX(150px);
        transform: translateX(150px);
    }

    .woocommerce .product .button_wrapper .button.show_details,
    .woocommerce .products .product .button_wrapper .button.add_to_cart_button{
        font-size: 12px;
    }

    .sidebar .widget.woocommerce.widget_product_categories li a,
    .sidebar .widget.woocommerce.widget_layered_nav li a{
        display: block;
    }

    .woocommerce ul.cart_list li a,
    .woocommerce ul.product_list_widget li a{
        width: 65%;
    }

    .woocommerce .product .button_wrapper .button{
        font-size: 12px;
    }

    .woocommerce #content div.product div.thumbnails a,
    .woocommerce div.product div.thumbnails a,
    .woocommerce-page #content div.product div.thumbnails a,
    .woocommerce-page div.product div.thumbnails a{
        margin-right: 6px;
    }

}

/****************************/
/* Between 480px and 768px */
/****************************/

@media only screen and (min-width: 480px) and (max-width: 767px){

    nav > ul .sf-mega-inner > ul > li.menu_sidebar{
        display: none !important;
    }

    .spiral_container [class*="column_tc_span"]{
        margin-left: 0;
        width: 100%;
    }

    .container,
    .spiral_container,
    .boxed_body_wrapper{
        width: 90%;
    }

    .row > [class*="span"] {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    aside.sidebar_right{
        padding-left: 0;
    }

    aside.sidebar_left{
        padding-right: 0;
    }

    .big_text{
        text-align: center;
    }

    .spacer_responsive_hide_mobile{
        display: none !important;
    }

    /**Header**/

    #ABdev_main_header{
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    #ABdev_main_header.menu_up{
        -webkit-transform: translateY(-66px);
        -moz-transform: translateY(-66px);
        -ms-transform: translateY(-66px);
        -o-transform: translateY(-66px);
        transform: translateY(-66px);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .admin-bar #ABdev_main_header{
        top: 46px!important;
    }

    #ABdev_main_header #logo img{
        margin: 16px;
        height: 30px;
    }

    #ABdev_main_header.coming_soon #logo img{
        height: auto;
    }

    .menu_slide_toggle{
        display: block !important;
        position: absolute;
        top: 6px;
        right: 20px;
        bottom: auto;
        width: 50px;
        height: 50px;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .menu_slide_toggle .icon-menu{
        left: 50%;
        margin-left: -10px;
    }

    .menu_slide_toggle.menu_opened .icon-menu{
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
        background-color: transparent!important;
    }

    .menu_slide_toggle.menu_opened .icon-menu:before{
        -webkit-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -moz-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -ms-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -o-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
    }

    .menu_slide_toggle.menu_opened .icon-menu:after{
        -webkit-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -moz-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -ms-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -o-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
    }

    #title_breadcrumbs_bar{
        display: none!important;
    }

    .admin-bar nav{
        top: 46px;
    }

    #headline_breadcrumbs_bar.hadline_no_image .headline_title{
        width: 60%;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share{
        width: 40%;
        text-align: right;
        margin-top: 1px;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share .text{
        display: block;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share a:first-of-type i, #headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:first-of-type i{
        margin-left: 0;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share a:last-of-type i, #headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:last-of-type i{
        margin-right: 10px;
    }

    #headline_breadcrumbs_bar .headline_button{
        float: left;
        margin-top: 20px;
    }

    .spiral_section_tc header p{
        padding: 0;
        margin-bottom: 10px;
    }

    .spiral_section_tc header, .spiral_section_tc footer{
        margin-bottom: 20px;
    }

    footer .left_aligned,
    footer .right_aligned{
        text-align: center;
    }

    /**Navigation**/

    nav{
        float: none !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100000;
        background: #fff;
        overflow-x: hidden;
        width: 70%;
        display: none;
        padding: 10px 0 !important;
        border-right: 1px solid #d3d7da;
        height: 100%;
    }

    nav span{
        font-family: 'Open Sans', sans-serif;
        color: #555;
        display: inline-block!important;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        line-height: 22px;
        margin: 0 0 0 5px;
        padding: 7px 0;
        top: 0!important;
        text-align: left;
        text-transform: none;
    }

    nav > ul{
        margin-top: 10px !important;
        float: none;
    }

    nav > ul a{
        padding: 0!important;
    }

    nav > ul a:hover span{
        color: #0E6CC3 !important;
    }

    nav > ul > li{
        display: block;
        width: 100%;
        margin: 0!important;
        min-width: 230px;
    }

    nav > ul > .current-menu-item,
    nav > ul > .current-menu-parent,
    nav > ul > .current-menu-ancestor,
    nav > ul > .current-menu-item > a span,
    nav > ul ul > .current-menu-item > a span,
    nav > ul > .current-menu-parent > a span,
    nav > ul > .current-menu-ancestor > a span{
        background-color: transparent !important;
        color: #0E6CC3;
    }

    nav > ul > li:before,
    nav > ul > li > ul:before,
    nav > ul ul ul:before,
    nav > ul > .menu-item-has-children:hover > a:before{
        display: none!important;
    }

    nav > ul > li > a{
        display: block;
        width: 100%;
        text-align: left;
        margin-left: 0;
        padding-bottom: 0;
    }

    nav > ul > li > a span{
        padding: 5px 0 0 25px !important;
    }

    nav > ul > .current-menu-item > a,
    nav > ul > .current-post-ancestor > a,
    nav > ul > .current-menu-ancestor > a{
        background-color: transparent !important;
        color: #0E6CC3 !important;
    }

    nav > ul > li:hover > a > span {
        top: 0!important;
    }

    nav > ul ul{
        position: static;
        display: block;
        background: none;
        border: none;
        padding: 0 0 5px 25px!important;
        margin: 0 !important;
        width: 100%;
        z-index: auto;
        box-shadow:none;
    }

    nav > ul > li > ul{
        padding-bottom: 0 !important;
    }

    nav > ul li:hover > ul,
    nav > ul .sfHover > ul{
        display: block;
        z-index: auto;
        position: static;
        box-shadow: none;
    }

    nav > ul ul li{
        position: static;
        border-bottom: 0;
        padding: 0;
        width: 100%;
        display: block;
        line-height: 30px;
    }

    nav > ul ul > li{
        padding-left: 25px !important;
    }

    nav > ul ul li a {
        text-transform: none;
        width: 100%;
        text-align: left;
        padding: inherit;
    }

    nav > ul ul ul{
        padding: 0;
        position: static;
        margin-top: 0;
        z-index: auto;
        margin-left: 25px;
        box-shadow: none;
        padding-left: 0;
        padding-bottom: 0 !important;
    }

    nav > ul ul ul li{
        margin-left: 0;
    }

    nav > ul ul ul > li{
        padding-left: 0 !important;
    }

    nav > ul ul ul:after,
    nav > ul > li > a:after,
    .sf-arrows .sf-with-ul:after{
        display: none!important;
    }

    .sf-mega {
        width: 100%;
        position: static;
        display: block;
        z-index: inherit;
        padding-top: 0;
        box-shadow: none;
        margin-left: 0;
    }

    .sf-mega-inner{
        border-top: none;
        background: none;
    }

    nav > ul .sf-mega-inner{
        display: block !important;
        border: 0 !important;
    }

    nav > ul .sf-mega-inner > ul {
        display: block !important;
        padding-bottom: 0 !important;
    }

    nav > ul .sf-mega-inner > ul > li,
    nav > ul .sf-mega-inner > ul > li > ul > li{
        border-right: none;
        padding: 0!important;
        display: block !important;
        line-height: 30px !important;
    }

    .sf-mega-inner ul ul{
        padding-left: 0!important;
    }

    nav > ul .sf-mega-inner > ul> .use_desc{
        display: none!important;
    }

    nav > ul .sf-mega-inner > ul > li > a{
        font-size: 14px;
        font-weight: inherit;
        color: inherit;
        text-transform: none;
        margin-bottom: 0!important;
        padding: 0!important;
    }

    nav > ul .sf-mega-inner > ul > li > ul > li a{
        font-size: 14px;
        color: inherit;
        padding: 0 0 0 25px!important;
    }

    .sf-mega-inner ul ul li:last-child > a{
        padding-bottom: 0 !important;
    }

    nav > ul .sf-mega-inner a{
        text-transform: none;
        padding: inherit;
        margin-bottom: 0;
    }

    nav > ul .sf-mega-inner a:hover{
        background: none;
    }

    nav > ul > .mega1 .sf-mega-inner > ul > li,
    nav > ul > .mega2 .sf-mega-inner > ul > li,
    nav > ul > .mega3 .sf-mega-inner > ul > li,
    nav > ul > .mega4 .sf-mega-inner > ul > li,
    nav > ul > .mega5 .sf-mega-inner > ul > li,
    nav > ul > .mega6 .sf-mega-inner > ul > li,
    nav > ul > .mega7 .sf-mega-inner > ul > li{
        width: 100%;
    }

    #shop_link_dropdown_cart{
        display: none !important;
    }

    /**Featured Portfolio**/

    .spiral_featured_portfolio .featured_item{
        width: 100%;
    }

    .featured_gallery_post_wrapper{
        padding: 30px!important;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_linkto{
        margin-left: 20px;
        float: right;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_image{
        width: 100%;
    }

    #portfolio_content_details .featured_gallery_post_wrapper #close_wrapper{
        position: static;
        margin: 20px 0;
        float: right;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content{
        margin-top: 30px;
        width: 100%;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }

    /**Fancybox**/

    #fancybox-outer{
        width: 90%;
    }

    /**Portfolio Shortcode**/

    .portfolio_navigation .portfolio_prev{
        position: static;
        margin-right: 15px;
    }

    .portfolio_navigation .portfolio_next{
        position: static;
        margin-left: 15px;
    }


    .section_body_fullwidth .portfolio_filter {
        margin-left: 0;
    }

    /**Modal content**/

    .spiral-modal-content-wrapper .spiral-modal-content{
        width: 70%;
        left: 15%;
    }

    /**Metro Box**/

    .spiral_metro_box h3{
        width: auto;
    }

    /**Images**/

    .spiral-animo{
        text-align: center;
    }

    /*Post excerpt carousel*/

    .carousel_navigation a{
        position: static;
    }

    .spiral_post_excerpt_carousel li:last-of-type{
        margin-right: 0;
    }

    .spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content .spiral_posts_comments{
        border-left: 0;
        display: block;
        margin-top: 5px;
    }

    .spiral_post_excerpt_carousel li .spiral_latest_news_shortcode_content{
        text-align: left;
    }

    /**Accordions**/

    .spiral-accordion .spiral-accordion-body{
        padding-right: 25px;
    }

    /**Call to action**/

    .spiral-callout_box_style_1{
        text-align: center;
    }

    .spiral-callout_box_style_1 .spiral-button{
        float: none;
        margin: 15px 0 8px;
    }

    .spiral-callout_box_style_1 p{
        width: 100%;
    }

    .spiral-callout_box_style_2{
        padding: 30px 25px;
        text-align: center;
    }

    .spiral-callout_box_style_2 .spiral-callout_box_title{
        text-align: center;
    }

    .spiral-callout_box_style_2 .spiral-button{
        float: none;
        margin-top: 20px;
    }

    .spiral-callout_box_style_2 p{
        width: 100%;
    }

    .spiral-callout_box_style_3{
        padding: 30px 25px;
        text-align: center;
    }

    .spiral-callout_box_style_3 .spiral-callout_box_title{
        text-align: center;
    }

    .spiral-callout_box_style_3 .spiral-button{
        float: none;
        margin-top: 20px;
    }

    .spiral-callout_box_style_3 p{
        width: 100%;
    }

    /**Divider**/

    .spiral_divider_solid_line.spiral_divider_with_text:before{
        width: 79%;
    }

    .spiral_divider_solid_line.spiral_divider_with_icon:before{
        width: 93%;
    }

    /**Image Carousel**/

    .spiral-carousel li{
        text-align: center;
    }

    /**Dropcap**/

    .spiral_dropcap_style2{
        margin-right: 0;
    }

    /**Simple Subscribe**/

    .spiralss_form_wrapper p{
        margin: 0 0 10px;
        float: none !important;
    }

    .spiralss_form_wrapper input[name="spiralss_subscriber_email"]{
        width: 100%;
        min-width: 270px;
        font-size: 16px;
    }

    .spiralss_form_wrapper input[type="submit"]{
        width: auto;
    }

    /**Tabs**/

    .spiral-tabs .ui-tabs-nav{
        display: inline-block;
        padding-left: 0!important;
        border: 0 !important;
        width: 100%!important;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .ui-tabs-nav li{
        margin-right: 0;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .spiral-tabs-wrapper{
        border-top: 0;
    }

    .spiral-tabs.spiral-tabs-timeline .spiral-tabs-wrapper{
        margin-top: 0;
        border-top: 1px solid #d3d7da!important;
    }

    .spiral-tabs.spiral-tabs-timeline ul li:before{
        display: none;
    }

    .spiral-tabs.spiral-tabs-timeline ul.ui-tabs-nav:after{
        display: none;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav{
        float: none;
        width: 100%;
        border: none;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav li{
        margin: 0;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed .ui-tabs-nav li a{
        text-align: center;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed .spiral-tabs-wrapper{
        margin-left: 0;
        border: 0;
    }

    .spiral-tabs.spiral-tabs-unboxed.spiral-tabs-position-top .ui-tabs-nav li{
        border: 1px solid #d3d7da;
        border-bottom: 0;
    }

    .spiral-tabs.spiral-tabs-unboxed.spiral-tabs-position-top .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-panel{
        padding: 25px 20px!important;
    }

    .spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .ui-tabs-nav li a{
        padding: 12px 13px!important;
        text-align: center;
    }

    .spiral-tabs-position-left.spiral-tabs-fullwidthtabs .ui-tabs-nav li,
    .spiral-tabs-position-right.spiral-tabs-fullwidthtabs .ui-tabs-nav li{
        padding: 0;
        border: 1px solid #d3d7da;
        border-bottom: 0!important;
        margin: 0;
    }

    .spiral-tabs-position-left.spiral-tabs-fullwidthtabs .ui-tabs-nav li:last-of-type,
    .spiral-tabs-position-right.spiral-tabs-fullwidthtabs .ui-tabs-nav li:last-of-type{
        border-top: 1px solid #d3d7da!important;
        border-bottom: 1px solid #d3d7da!important;
    }

    .spiral-tabs-position-left.spiral-tabs-unboxed .spiral-tabs-wrapper{
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .ui-tabs-nav{
        padding-right: 0 !important;
        padding-bottom: 12px;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .ui-tabs-nav li{
        margin: 0;
        border-bottom: 0;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-horizontal.spiral-tabs-position-bottom.spiral-tabs-boxed .spiral-tabs-wrapper{
        display: inline-block;
        border-bottom: 0;
    }

    .spiral-tabs-position-bottom.spiral-tabs-fullwidthtabs .ui-tabs-panel{
        padding: 25px 20px!important;
    }

    .spiral-tabs-position-bottom .ui-tabs-nav{
        position: static!important;
        padding-bottom: 12px;
    }

    .spiral-tabs.spiral-tabs-position-bottom{
        margin-bottom: 30px;
    }

    .spiral-tabs-position-right.spiral-tabs-boxed .ui-tabs-nav li a{
        text-align: center;
    }

    .spiral-tabs.spiral-tabs-vertical.spiral-tabs-position-right.spiral-tabs-boxed .spiral-tabs-wrapper{
        border-right: 0;
        display: inline-block;
        padding: 0 !important;
        margin: 0 !important;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-nav li{
        border: 1px solid #d3d7da!important;
        border-bottom: 0!important;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da!important;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .ui-tabs-nav{
        position: static !important;
        padding-bottom: 12px;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .ui-tabs-nav li a{
        padding: 12px 13px!important;
        text-align: center;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .spiral-tabs-wrapper{
        margin: 0;
        padding:0;
        display: inline-block;
    }

    /**Portfolio**/

    .portfolio_item_3,
    .portfolio_item_4,
    .portfolio_item_5{
        width: 100%;
    }

    .container_fullwidth .portfolio_filter{
        margin-left: 0;
    }

    .portfolio_4column .ABdev_latest_portfolio.portfolio_items{
        width: 100%;
    }

    /**Service Boxes**/

    .spiral_service_box_boxed_square{
        margin-bottom: 25px;
    }

    .spiral_service_box_boxed .spiral_service_box_header:before{
        display: none;
    }

    .spiral_service_box_boxed p{
        opacity: 1;
    }

    /**Tables**/

    .spiral-table td,
    .spiral-table th,
    .spiral-table.spiral-table-alternative th,
    .spiral-table.spiral-table-alternative td{
        padding: 4px;
        text-align: center;
    }

    /**Testimonials**/

    .spiralt_testimonials_wrapper.testimonials_big,
    .spiralt_testimonials_wrapper_static.testimonials_big{
        padding: 0;
    }

    .spiralt_testimonials_wrapper.picture_middle .testimonial_small .source,
    .spiralt_testimonials_wrapper_static.picture_middle .testimonial_small .source{
        left: 0;
        margin-left: 0;
        bottom: -50px;
    }

    .spiralt_testimonials_wrapper.picture_middle .testimonial_small .source .spiralt_company,
    .spiralt_testimonials_wrapper_static.picture_middle .testimonial_small .source .spiralt_company{
        display: block;
        margin: 0;
        text-align: left;
    }

    .spiralt_testimonials_wrapper.picture_middle .spiralt_pagination,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination,
    .spiralt_testimonials_wrapper.picture_middle .spiralt_navigation,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_navigation{
        left: auto;
        right: 0;
        margin-left: 0;
    }

    /**Twitter**/

    .ab-tweet-scroller.style1 .ab-tweet-item{
        padding: 0;
    }

    .section_body_fullwidth .ab-tweet-scroller.style1 .ab-tweet-text{
        margin: 18% auto 20px;
        font-size: 25px;
        display: inline-block;
        width: 90%;
    }

    .ab-tweet-scroller.style1 .ab-tweet-navigation{
        position: static;
        padding-bottom: 80px;
    }

    .ab-tweet-scroller.style1 .ab-tweet-prev:after{
        bottom: 60px;
        left: 90px;
    }

    .ab-tweet-scroller.style1 .ab-tweet-next:after{
        bottom: 60px;
        right: 90px;
    }

    .ab-tweet-scroller.style2 .ab-tweet-text{
        width: 100%;
        margin-left: 40px;

    }

    .ab-tweet-scroller.style2 .ab-tweet-item{
        text-align: left;
        display: inline-block;
    }

    .ab-tweet-scroller.style2 .ab-tweet-item .spiral-button{
        margin-left: 40px;
    }

    /**Blog**/

    .post_content{
        padding: 0;
    }

    .timeline_post{
        width: 100%;
        margin-bottom: 40px;
    }

    .timeline_post .post_info{
        position: static;
        display: block;
        margin-bottom: 20px;
    }

    .timeline_post .post_info .post_main_month{
        display: inline-block;
        margin-right: 10px;
    }

    .timeline_post .post_date{
        width: auto;
        height: auto;
    }

    .timeline_post .post_info .post_main_date{
        font-size: 24px;
        line-height: 32px;
        display: inline-block;
    }

    .timeline_post:after,
    .timeline_post .span6:first-of-type:before{
        display: none;
    }

    .timeline_post h2{
        margin-top: 5px;
    }

    /**Woocommerce**/

    .woocommerce .container.shop_container ul.products li.product,
    .woocommerce-page .container.shop_container ul.products li.product{
        width: 100% !important;
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
        width: 100% !important;
    }

    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary{
        width: 100%;
    }

    .woocommerce div.product form.cart div.quantity,
    .woocommerce-page div.product form.cart div.quantity{
        margin-right: 10px !important;
    }

    .woocommerce div.product form.cart .single_add_to_cart_button,
    .woocommerce-page div.product form.cart .single_add_to_cart_button,
    .woocommerce div.product .cart .single_add_to_cart_button,
    .woocommerce-page div.product .cart .single_add_to_cart_button{
        float: right;
    }

    .woocommerce #content div.product .woocommerce-tabs,
    .woocommerce div.product .woocommerce-tabs,
    .woocommerce-page #content div.product .woocommerce-tabs,
    .woocommerce-page div.product .woocommerce-tabs{
        width: 100%;
    }

    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce #content div.product .woocommerce-tabs .panel,
    .woocommerce-page div.product .woocommerce-tabs .panel,
    .woocommerce-page #content div.product .woocommerce-tabs .panel{
        padding: 15px;
    }

    .woocommerce .woocommerce-message .button,
    .woocommerce-page .woocommerce-message .button{
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .woocommerce table.cart th.product-quantity,
    .woocommerce table.shop_table td.product-quantity,
    .woocommerce table.cart th.product-price,
    .woocommerce table.shop_table td.product-price{
        display: none;
    }

    .woocommerce-cart .cart-collaterals .cart_totals tr td .form-row,
    .woocommerce-cart .cart-collaterals .cart_totals tr th .form-row{
        margin-bottom: 15px;
    }

    .woocommerce form .form-row,
    .woocommerce-page form .form-row{
        margin-bottom: 15px;
    }

    .woocommerce .order_details li{
        display: block;
        float: none;
        border-right: none;
        margin-bottom: 15px;
    }

    .spiral_post_excerpt_carousel .carousel_navigation{
        margin-bottom: 20px;
    }

}


/****************************/
/* Below 480px */
/****************************/

@media only screen and (max-width: 479px){

    .spiral_container [class*="column_tc_span"]{
        margin-left: 0;
        width: 100%;
    }

    nav > ul .sf-mega-inner > ul > li.menu_sidebar{
        display: none !important;
    }

    .container,
    .spiral_container,
    .boxed_body_wrapper{
        width: 90%;
    }

    .row > [class*="span"] {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }

    aside.sidebar_right{
        padding-left: 0;
    }

    aside.sidebar_left{
        padding-right: 0;
    }

    .big_text{
        text-align: center;
    }

    .spacer_responsive_hide_mobile{
        display: none !important;
    }

    /**Header**/

    #ABdev_main_header{
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    #ABdev_main_header.menu_up{
        -webkit-transform: translateY(-66px);
        -moz-transform: translateY(-66px);
        -ms-transform: translateY(-66px);
        -o-transform: translateY(-66px);
        transform: translateY(-66px);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

    .admin-bar #ABdev_main_header{
        top: 46px!important;
    }

    #ABdev_main_header #logo img{
        margin: 16px;
        height: 30px;
    }

    #ABdev_main_header.coming_soon #logo img{
        height: auto;
    }

    .menu_slide_toggle{
        display: block !important;
        position: absolute;
        top: 6px;
        right: 20px;
        bottom: auto;
        width: 50px;
        height: 50px;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .menu_slide_toggle .icon-menu{
        left: 50%;
        margin-left: -10px;
    }

    .menu_slide_toggle.menu_opened .icon-menu{
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
        background-color: transparent!important;
    }

    .menu_slide_toggle.menu_opened .icon-menu:before{
        -webkit-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -moz-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -ms-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        -o-transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
        transform: rotateZ(-45deg) scaleX(1) translate(-3px, -2px);
    }

    .menu_slide_toggle.menu_opened .icon-menu:after{
        -webkit-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -moz-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -ms-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        -o-transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
        transform: rotateZ(45deg) scaleX(1) translate(-3px, 2px);
    }

    #title_breadcrumbs_bar{
        display: none!important;
    }

    .admin-bar nav{
        top: 46px;
    }

    #headline_breadcrumbs_bar.hadline_no_image .headline_title{
        width: 60%;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share{
        width: 40%;
        text-align: right;
        margin-top: 1px;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share .text{
        display: block;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share a:first-of-type i, #headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:first-of-type i{
        margin-left: 0;
    }

    #headline_breadcrumbs_bar.hadline_no_image .social_share a:last-of-type i, #headline_breadcrumbs_bar.hadline_no_image .social_share_shop a:last-of-type i{
        margin-right: 10px;
    }

    #headline_breadcrumbs_bar .headline_button{
        float: left;
        margin-top: 20px;
    }

    .spiral_section_tc header p{
        padding: 0;
        margin-bottom: 10px;
    }

    .spiral_section_tc header, .spiral_section_tc footer{
        margin-bottom: 20px;
    }

    footer .left_aligned,
    footer .right_aligned{
        text-align: center;
    }

    /**Navigation**/

    nav{
        float: none !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100000;
        background: #fff;
        overflow-x: hidden;
        width: 70%;
        display: none;
        padding: 10px 0 !important;
        border-right: 1px solid #d3d7da;
        height: 100%;
    }

    nav span{
        font-family: 'Open Sans', sans-serif;
        color: #555;
        display: inline-block!important;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        line-height: 22px;
        margin: 0 0 0 5px;
        padding: 7px 0;
        top: 0!important;
        text-align: left;
        text-transform: none;
    }

    nav > ul{
        margin-top: 10px !important;
        float: none;
    }

    nav > ul a{
        padding: 0!important;
    }

    nav > ul a:hover span{
        color: #0E6CC3 !important;
    }

    nav > ul > li{
        display: block;
        width: 100%;
        margin: 0!important;
        min-width: 230px;
    }

    nav > ul > .current-menu-item,
    nav > ul > .current-menu-parent,
    nav > ul > .current-menu-ancestor,
    nav > ul > .current-menu-item > a span,
    nav > ul ul > .current-menu-item > a span,
    nav > ul > .current-menu-parent > a span,
    nav > ul > .current-menu-ancestor > a span{
        background-color: transparent !important;
        color: #0E6CC3;
    }

    nav > ul > li:before,
    nav > ul > li > ul:before,
    nav > ul ul ul:before,
    nav > ul > .menu-item-has-children:hover > a:before{
        display: none!important;
    }

    nav > ul > li > a{
        display: block;
        width: 100%;
        text-align: left;
        margin-left: 0;
        padding-bottom: 0;
    }

    nav > ul > li > a span{
        padding: 5px 0 0 25px !important;
    }

    nav > ul > .current-menu-item > a,
    nav > ul > .current-post-ancestor > a,
    nav > ul > .current-menu-ancestor > a{
        background-color: transparent !important;
        color: #0E6CC3 !important;
    }

    nav > ul > li:hover > a > span {
        top: 0!important;
    }

    nav > ul ul{
        position: static;
        display: block;
        background: none;
        border: none;
        padding: 0 0 5px 25px!important;
        margin: 0 !important;
        width: 100%;
        z-index: auto;
        box-shadow:none;
    }

    nav > ul > li > ul{
        padding-bottom: 0 !important;
    }

    nav > ul li:hover > ul,
    nav > ul .sfHover > ul{
        display: block;
        z-index: auto;
        position: static;
        box-shadow: none;
    }

    nav > ul ul li{
        position: static;
        border-bottom: 0;
        padding: 0;
        width: 100%;
        display: block;
        line-height: 30px;
    }

    nav > ul ul > li{
        padding-left: 25px !important;
    }

    nav > ul ul li a {
        text-transform: none;
        width: 100%;
        text-align: left;
        padding: inherit;
    }

    nav > ul ul ul{
        padding: 0;
        position: static;
        margin-top: 0;
        z-index: auto;
        margin-left: 25px;
        box-shadow: none;
        padding-left: 0;
        padding-bottom: 0 !important;
    }

    nav > ul ul ul li{
        margin-left: 0;
    }

    nav > ul ul ul > li{
        padding-left: 0 !important;
    }

    nav > ul ul ul:after,
    nav > ul > li > a:after,
    .sf-arrows .sf-with-ul:after{
        display: none!important;
    }

    .sf-mega {
        width: 100%;
        position: static;
        display: block;
        z-index: inherit;
        padding-top: 0;
        box-shadow: none;
        margin-left: 0;
    }

    .sf-mega-inner{
        border-top: none;
        background: none;
    }

    nav > ul .sf-mega-inner{
        display: block !important;
        border: 0 !important;
    }

    nav > ul .sf-mega-inner > ul {
        display: block !important;
        padding-bottom: 0 !important;
    }

    nav > ul .sf-mega-inner > ul > li,
    nav > ul .sf-mega-inner > ul > li > ul > li{
        border-right: none;
        padding: 0!important;
        display: block !important;
        line-height: 30px !important;
    }

    .sf-mega-inner ul ul{
        padding-left: 0!important;
    }

    nav > ul .sf-mega-inner > ul> .use_desc{
        display: none!important;
    }

    nav > ul .sf-mega-inner > ul > li > a{
        font-size: 14px;
        font-weight: inherit;
        color: inherit;
        text-transform: none;
        margin-bottom: 0!important;
        padding: 0!important;
    }

    nav > ul .sf-mega-inner > ul > li > ul > li a{
        font-size: 14px;
        color: inherit;
        padding: 0 0 0 25px!important;
    }

    .sf-mega-inner ul ul li:last-child > a{
        padding-bottom: 0 !important;
    }

    nav > ul .sf-mega-inner a{
        text-transform: none;
        padding: inherit;
        margin-bottom: 0;
    }

    nav > ul .sf-mega-inner a:hover{
        background: none;
    }

    nav > ul > .mega1 .sf-mega-inner > ul > li,
    nav > ul > .mega2 .sf-mega-inner > ul > li,
    nav > ul > .mega3 .sf-mega-inner > ul > li,
    nav > ul > .mega4 .sf-mega-inner > ul > li,
    nav > ul > .mega5 .sf-mega-inner > ul > li,
    nav > ul > .mega6 .sf-mega-inner > ul > li,
    nav > ul > .mega7 .sf-mega-inner > ul > li{
        width: 100%;
    }

    #shop_link_dropdown_cart{
        display: none !important;
    }

    /**Featured Portfolio**/

    .spiral_featured_portfolio .featured_item{
        width: 100%;
    }

    .featured_gallery_post_wrapper{
        padding: 30px!important;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content .gallery_post_linkto{
        margin-left: 20px;
        float: right;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_image{
        width: 100%;
    }

    #portfolio_content_details .featured_gallery_post_wrapper #close_wrapper{
        position: static;
        margin: 20px 0;
        float: right;
    }

    #portfolio_content_details .featured_gallery_post_wrapper .gallery_post_content{
        margin-top: 30px;
        width: 100%;
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }

    /**Portfolio Shortcode**/

    .portfolio_navigation .portfolio_prev{
        position: static;
        margin-right: 15px;
    }

    .portfolio_navigation .portfolio_next{
        position: static;
        margin-left: 15px;
    }

    /**Modal content**/

    .spiral-modal-content-wrapper .spiral-modal-content{
        width: 70%;
        left: 15%;
    }

    /**Metro Box**/

    .spiral_metro_box h3{
        width: auto;
    }


    /**Fancybox**/

    #fancybox-outer{
        width: 90%;
    }

    /**Images**/

    .spiral-animo{
        text-align: center;
    }

    /*Post excerpt carousel*/

    .carousel_navigation a{
        position: static;
    }

    .spiral_post_excerpt_carousel li{
        opacity: 1;
        width: 320px;
    }

    .spiral_post_excerpt_carousel li:last-of-type{
        margin-right: 0;
    }

    .spiral_posts_shortcode.spiral_posts_shortcode-1 .spiral_latest_news_shortcode_content .spiral_posts_comments{
        border-left: 0;
        display: block;
        margin-top: 5px;
    }

    /**Accordions**/

    .spiral-accordion .spiral-accordion-body{
        padding-right: 25px;
    }

    /**Call to action**/

    .spiral-callout_box_style_1{
        text-align: center;
    }

    .spiral-callout_box_style_1 .spiral-button{
        float: none;
        margin: 15px 0 8px;
    }

    .spiral-callout_box_style_1 p{
        width: 100%;
    }

    .spiral-callout_box_style_2{
        padding: 30px 25px;
        text-align: center;
    }

    .spiral-callout_box_style_2 .spiral-callout_box_title{
        text-align: center;
    }

    .spiral-callout_box_style_2 .spiral-button{
        float: none;
        margin-top: 20px;
    }

    .spiral-callout_box_style_2 p{
        width: 100%;
    }

    /**Divider**/

    .spiral_divider_solid_line.spiral_divider_with_text:before{
        width: 79%;
    }

    .spiral_divider_solid_line.spiral_divider_with_icon:before{
        width: 93%;
    }

    /**Image Carousel**/

    .spiral-carousel li{
        text-align: center;
    }

    /**Dropcap**/

    .spiral_dropcap_style2{
        margin-right: 0;
    }

    /**Simple Subscribe**/

    .spiralss_form_wrapper p{
        margin: 0 0 10px;
        float: none !important;
    }

    .spiralss_form_wrapper input[name="spiralss_subscriber_email"]{
        width: 100%;
        min-width: 270px;
        font-size: 16px;
    }

    .spiralss_form_wrapper input[type="submit"]{
        width: auto;
    }

    /**Tabs**/

    .spiral-tabs .ui-tabs-nav{
        display: inline-block;
        padding-left: 0!important;
        border: 0 !important;
        width: 100%!important;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .ui-tabs-nav li{
        margin-right: 0;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-top .spiral-tabs-wrapper{
        border-top: 0;
    }

    .spiral-tabs.spiral-tabs-timeline .spiral-tabs-wrapper{
        margin-top: 0;
        border-top: 1px solid #d3d7da!important;
    }

    .spiral-tabs.spiral-tabs-timeline ul li:before{
        display: none;
    }

    .spiral-tabs.spiral-tabs-timeline ul.ui-tabs-nav:after{
        display: none;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav{
        float: none;
        width: 100%;
        border: none;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav li{
        margin: 0;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed.spiral-tabs-boxed .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed .ui-tabs-nav li a{
        text-align: center;
    }

    .spiral-tabs-position-left.spiral-tabs-boxed .spiral-tabs-wrapper{
        margin-left: 0;
        border: 0;
    }

    .spiral-tabs.spiral-tabs-unboxed.spiral-tabs-position-top .ui-tabs-nav li{
        border: 1px solid #d3d7da;
        border-bottom: 0;
    }

    .spiral-tabs.spiral-tabs-unboxed.spiral-tabs-position-top .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-panel{
        padding: 25px 20px!important;
    }

    .spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .ui-tabs-nav li a{
        padding: 12px 13px!important;
        text-align: center;
    }

    .spiral-tabs-position-left.spiral-tabs-fullwidthtabs .ui-tabs-nav li,
    .spiral-tabs-position-right.spiral-tabs-fullwidthtabs .ui-tabs-nav li{
        padding: 0;
        border: 1px solid #d3d7da;
        border-bottom: 0!important;
        margin: 0;
    }

    .spiral-tabs-position-left.spiral-tabs-fullwidthtabs .ui-tabs-nav li:last-of-type,
    .spiral-tabs-position-right.spiral-tabs-fullwidthtabs .ui-tabs-nav li:last-of-type{
        border-top: 1px solid #d3d7da!important;
        border-bottom: 1px solid #d3d7da!important;
    }

    .spiral-tabs-position-left.spiral-tabs-unboxed .spiral-tabs-wrapper{
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .spiral-tabs.spiral-tabs-position-left.spiral-tabs-unboxed .ui-tabs-nav{
        padding-right: 0 !important;
        padding-bottom: 12px;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .ui-tabs-nav li{
        margin: 0;
        border-bottom: 0;
    }

    .spiral-tabs.spiral-tabs-boxed.spiral-tabs-position-bottom .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da;
    }

    .spiral-tabs.spiral-tabs-horizontal.spiral-tabs-position-bottom.spiral-tabs-boxed .spiral-tabs-wrapper{
        display: inline-block;
        border-bottom: 0;
    }

    .spiral-tabs-position-bottom.spiral-tabs-fullwidthtabs .ui-tabs-panel{
        padding: 25px 20px!important;
    }

    .spiral-tabs-position-bottom .ui-tabs-nav{
        position: static!important;
        padding-bottom: 12px;
    }

    .spiral-tabs.spiral-tabs-position-bottom{
        margin-bottom: 30px;
    }

    .spiral-tabs-position-right.spiral-tabs-boxed .ui-tabs-nav li a{
        text-align: center;
    }

    .spiral-tabs.spiral-tabs-vertical.spiral-tabs-position-right.spiral-tabs-boxed .spiral-tabs-wrapper{
        border-right: 0;
        display: inline-block;
        padding: 0 !important;
        margin: 0 !important;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-nav li{
        border: 1px solid #d3d7da!important;
        border-bottom: 0!important;
    }

    .spiral-tabs.spiral-tabs-unboxed .ui-tabs-nav li:last-of-type{
        border-bottom: 1px solid #d3d7da!important;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .ui-tabs-nav{
        position: static !important;
        padding-bottom: 12px;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .ui-tabs-nav li a{
        padding: 12px 13px!important;
        text-align: center;
    }

    .spiral-tabs-position-right.spiral-tabs-unboxed .spiral-tabs-wrapper{
        margin: 0;
        padding:0;
        display: inline-block;
    }

    /**Portfolio**/

    .portfolio_item_3,
    .portfolio_item_4,
    .portfolio_item_5{
        width: 100%;
    }

    .container_fullwidth .portfolio_filter{
        margin-left: 0;
    }

    .portfolio_4column .ABdev_latest_portfolio.portfolio_items{
        width: 100%;
    }

    .section_body_fullwidth .portfolio_filter {
        margin-left: 0;
    }

    /**Service Boxes**/

    .spiral_service_box_boxed_square{
        margin-bottom: 25px;
    }

    .spiral_service_box_boxed .spiral_service_box_header:before{
        display: none;
    }

    .spiral_service_box_boxed p{
        opacity: 1;
    }

    /**Tables**/

    .spiral-table td,
    .spiral-table th,
    .spiral-table.spiral-table-alternative th,
    .spiral-table.spiral-table-alternative td{
        padding: 4px;
        text-align: center;
    }

    /**Testimonials**/

    .spiralt_testimonials_wrapper.testimonials_big,
    .spiralt_testimonials_wrapper_static.testimonials_big{
        padding: 0;
    }

    .spiralt_testimonials_wrapper.picture_middle .testimonial_small .source,
    .spiralt_testimonials_wrapper_static.picture_middle .testimonial_small .source{
        left: 0;
        margin-left: 0;
        bottom: -50px;
    }

    .spiralt_testimonials_wrapper.picture_middle .testimonial_small .source .spiralt_company,
    .spiralt_testimonials_wrapper_static.picture_middle .testimonial_small .source .spiralt_company{
        display: block;
        margin: 0;
        text-align: left;
    }

    .spiralt_testimonials_wrapper.picture_middle .spiralt_pagination,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_pagination,
    .spiralt_testimonials_wrapper.picture_middle .spiralt_navigation,
    .spiralt_testimonials_wrapper_static.picture_middle .spiralt_navigation{
        left: auto;
        right: 0;
        margin-left: 0;
    }

    /**Twitter**/

    .ab-tweet-scroller.style1 .ab-tweet-item{
        padding: 0;
    }

    .section_body_fullwidth .ab-tweet-scroller.style1 .ab-tweet-text{
        margin: 18% auto 20px;
        font-size: 25px;
        display: inline-block;
        width: 90%;
    }

    .ab-tweet-scroller.style1 .ab-tweet-navigation{
        position: static;
        padding-bottom: 80px;
    }

    .ab-tweet-scroller.style1 .ab-tweet-prev:after{
        bottom: 60px;
        left: 90px;
    }

    .ab-tweet-scroller.style1 .ab-tweet-next:after{
        bottom: 60px;
        right: 90px;
    }

    .ab-tweet-scroller.style2 .ab-tweet-text{
        width: 100%;
        margin-left: 40px;

    }

    .ab-tweet-scroller.style2 .ab-tweet-item{
        text-align: left;
        display: inline-block;
    }

    .ab-tweet-scroller.style2 .ab-tweet-item .spiral-button{
        margin-left: 40px;
    }

    /**Blog**/

    .post_content{
        padding: 0;
    }

    .timeline_post{
        width: 100%;
        margin-bottom: 40px;
    }

    .timeline_post .post_info{
        position: static;
        display: block;
        margin-bottom: 20px;
    }

    .timeline_post .post_info .post_main_month{
        display: inline-block;
        margin-right: 10px;
    }

    .timeline_post .post_date{
        width: auto;
        height: auto;
    }

    .timeline_post .post_info .post_main_date{
        font-size: 24px;
        line-height: 32px;
        display: inline-block;
    }

    .timeline_post:after,
    .timeline_post .span6:first-of-type:before{
        display: none;
    }

    .timeline_post h2{
        margin-top: 5px;
    }

    /**Woocommerce**/

    .woocommerce .container.shop_container ul.products li.product,
    .woocommerce-page .container.shop_container ul.products li.product{
        width: 100% !important;
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
        width: 100% !important;
    }

    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary{
        width: 100%;
    }

    .woocommerce div.product form.cart div.quantity,
    .woocommerce-page div.product form.cart div.quantity{
        margin-right: 10px !important;
    }

    .woocommerce div.product form.cart .single_add_to_cart_button,
    .woocommerce-page div.product form.cart .single_add_to_cart_button,
    .woocommerce div.product .cart .single_add_to_cart_button,
    .woocommerce-page div.product .cart .single_add_to_cart_button{
        float: right;
    }

    .woocommerce #content div.product .woocommerce-tabs,
    .woocommerce div.product .woocommerce-tabs,
    .woocommerce-page #content div.product .woocommerce-tabs,
    .woocommerce-page div.product .woocommerce-tabs{
        width: 100%;
    }

    .woocommerce div.product .woocommerce-tabs .panel,
    .woocommerce #content div.product .woocommerce-tabs .panel,
    .woocommerce-page div.product .woocommerce-tabs .panel,
    .woocommerce-page #content div.product .woocommerce-tabs .panel{
        padding: 15px;
    }

    .woocommerce .woocommerce-message .button,
    .woocommerce-page .woocommerce-message .button{
        float: none;
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .woocommerce table.cart th.product-quantity,
    .woocommerce table.shop_table td.product-quantity,
    .woocommerce table.cart th.product-price,
    .woocommerce table.shop_table td.product-price{
        display: none;
    }

    .woocommerce-cart .cart-collaterals .cart_totals tr td .form-row,
    .woocommerce-cart .cart-collaterals .cart_totals tr th .form-row{
        margin-bottom: 15px;
    }

    .woocommerce form .form-row,
    .woocommerce-page form .form-row{
        margin-bottom: 15px;
    }

    .woocommerce .order_details li{
        display: block;
        float: none;
        border-right: none;
        margin-bottom: 15px;
    }

    .spiral_post_excerpt_carousel .carousel_navigation{
        margin-bottom: 20px;
    }

}

/****************************/
/* Between 1170px and 1480px */
/****************************/

@media only screen and (min-width: 1171px) and (max-width: 1480px) {
    .spiral_post_excerpt_carousel .carousel_navigation{
        margin-bottom: 20px;
    }

    .spiral_post_excerpt_carousel .carousel_navigation .carousel_prev,
    .spiral_post_excerpt_carousel .carousel_navigation .carousel_next{
        position: static;
        margin: 0 30px;
    }
}