@charset "UTF-8";

/*! -----------------------------------------------------------------
[Master Stylesheet]

Project:     Spec Frontend Template
Version:     1.2.0

------------------------------------------------------------------
[Table Of Contents]

1. General Styles
2. Typography
3. Alerts
4. About
    4.1 Media
    4.2 About bg
5. Services
    5.1 Services Footer
    5.2 Media
6. Portfolio
    6.1 Media
7. Contact
    7.1 Get in Touch
8. Progress Bars
9. Forms
10. Buttons
    10.1 Button Sizes
    10.2 Buttons Colors
    10.3 Social Media Buttons
    10.4 Loading Buttons
11. Tables
    11.1 Fonts
12. Divider Lines
    12.1 Divider 2
    12.2 Divider 3
    12.3 Hr Custom Divider
    12.4 Other Dividers
13. Heading with borders
    13.1 Dotted border - headings
    13.2 Groove border - headings
    13.3 Dashed Border - headings
    13.4 Crossed Text Border - headings
    13.5 Crossed Text Border - headings
14. Breadcrumb
15. Clients
    15.1 Logo Partners
    15.2 Logos Partners
16. Badges and Labels
    16.1 Badge Radius
    16.2 BUtton & Badge Adjustment
    16.3 Badge Lists
    16.4 Badge Icons
    16.5 Badge Box v1
    16.6 Badge Box v2
    16.7 General Badge Box
17. Spec Dropcap
18. Grid - Column
19. Box Shadows
    19.1 Common Style
    19.2 Effect 1
    19.3 Effect 2,3,4
    19.4 Effect 5
20. Portfolio
21. Testimonials
22. Iconbox
23. Text-box
24. Counters
    24.1 Counters Footer
25. Badge
26. Tabs
27. Accordions
28. Pagination
29. Maps
30. Pie Charts
31. ChartJs
32. Pricing Tables
    32.1 Pricing 2
    33.2 Pricing 3
    33.3 Pricing 1
33. Sliders
34. Services 2
35. Services
36. Flexslider
37. Social Icons
38. Preloader
39. Offcanvas
    39.1 Media
40. Special Headings
41. Testimonials
42. Icon List
43. Features
44. Timeline
45. Style Switcher
46. Panels
47. Header & Navigation
48. Dark Menu
49. Specs
50. Portfolio Filter
51. Portfolio Grid
52. Portfolio Single Item
53. Portfolio Single Navigation
54. Portfolio Single
55. Gallery
56. Blog
57. Comments & Comment Form
58. Our Process
59. Open Hours Box

------- Additional -------

60. Resturant Services
61. Counselling Services
62. Counselling Event
63. Constructions
64. Law Firm
65. App Page
66. Photography
67. Resume
    67.1 Education - Resume
    67.2 Work - Resume
68. Courses
    68.1 Testimonials - Courses
69. Accounting
70. Architecture
71. Travel
    71.1 Travel - User Ratings
72. Shipping
73. Job Board
74. Real Estates - Hotel
75. Coming Soon
76. Business - Vimeo Dark Header
77. Agency - Vimeo Light Header
    77.1 Testimonials
78. Vimeo Gradient
79. Other Video - Business

----- Main -----
80. Circle Progress Bars
81. Pricing Table
82. Small Header Light
83. Pricing Table
    83.1 Background Colors
    84.2 Pricing Styles
84. Services Area - Ripples Effect
85. Widgets
    85.1 Search Widget
    85.2 Recent Work Widget
    85.3 Tags Widget
    85.4 Twitter Feed Widget
    85.5 Calendar Widget
    86.6 Menu Widget
86. Shop
    86.1 Shop Masonry
    86.2 Shop Product
    86.3 Shop Cart
87. Stars Ratings
88. User Pages
89. Call to Action
90. Breaking News
91. Get Started Section
92. Services Section
93. Subscribe Section
94. Portfolio Section
95. Testimonails Section
96. GYM
97. Charity
98. Team Section
99. Footer
100. Additional CSS

    
    4. Footer / #footer
-------------------------------------------------------------------

------------------------------------------------------------------
[General Styles]
*/

* {
    -webkit-font-smoothing: antialiased;
}

html {
    font-size: 100%;
}

body {
    background-color: #fff;
    font-family: "Hind", "Open Sans", Arial, serif;
    line-height: 1.85;
    font-weight: 400;
    font-size: 15px;
    color: #999;
    -ms-overflow-style: scrollbar;
    overflow-x: hidden;
}

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

iframe {
    border: 0;
}

.disable-hover {
    pointer-events: none;
}

::-moz-selection {
    background: #4a90e2;
    color: #fff !important;
}

::-webkit-selection {
    background: #4a90e2;
    color: #fff !important;
}

::selection {
    background: #4a90e2;
    color: #fff !important;
}

.wrapper {
    position: relative;
}

html .layout,
body .layout {
    height: 100%;
    min-height: 100%;
    width: 100%;
}

.layout {
    opacity: 0;
    -webkit-transition: 1.7s opacity ease;
            transition: 1.7s opacity ease;
}

.layout.fade-in {
    opacity: 1;
}
#cookieConsent {
    position: fixed;
    z-index: 9;
    border: 1px solid #cccccc;
    background-color: #cccccc;
    color: #555555;
}

.scroll-top {
    background: #4a90e2;
    border-radius: 20px;
    position: fixed;
    bottom: 14px;
    right: 20px;
    height: 40px;
    width: 40px;
    z-index: 9;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    -webkit-transition: .5s all ease;
            transition: .5s all ease;
    -webkit-transform: translateY(86px);
            transform: translateY(86px);
}

.scroll-top:hover,
.scroll-top:focus {
    color: #fff;
}

.scroll-top.scroll-top-visible {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@media (max-width: 767px) {
    .scroll-top {
        display: none;
    }
}

/*------------------------------------------------------------------
[Typography]
*/

a {
    color: #4a90e2;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

a:hover,
a:focus {
    outline: 0;
    text-decoration: none;
    color: #2275d7;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
    color: #313131;
}

h1 > a:hover,
h1 > a:focus,
h2 > a:hover,
h2 > a:focus,
h3 > a:hover,
h3 > a:focus,
h4 > a:hover,
h4 > a:focus,
h5 > a:hover,
h5 > a:focus,
h6 > a:hover,
h6 > a:focus {
    color: #4a90e2;
}

p,
pre,
ul,
ol,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: inherit;
    line-height: 1.2;
    font-weight: 700;
    color: #313131;
}

h1,
.h1 {
    font-size: 32px;
}

h2,
.h2 {
    font-size: 24px;
}

h3,
.h3 {
    font-size: 18px;
}

h4,
.h4 {
    font-size: 16px;
}

h5,
.h5 {
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 10px;
}

h6,
.h6 {
    font-weight: 500;
    font-size: 12px;
    margin: 0 0 10px;
}

.font-serif {
    font-family: "Lora", "Libre Baskerville", serif;
    font-style: italic;
}

.rotate {
    text-shadow: none !important;
}


ul,
ol {
    padding-left: 0;
    list-style: none;
}

ul > li,
ol > li {
    margin: 0 0 5px;
}

em {
    opacity: .7;
}


blockquote {
    border: 0;
    font-family: "Lora", "Libre Baskerville", serif;
    line-height: 1.8;
    font-style: italic;
    font-size: 15px;
    padding: 20px 40px;
    margin: 40px 0;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    padding: 10px 20px;
    margin: 20px 0;
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote:hover {
    border-color: #4a90e2;
}

.lead {
    line-height: 1.8;
    font-weight: 400;
    font-size: 20px;
}

pre {
    border: 0;
    background: #f5f5f5;
    border-radius: 2px;
    padding: 20px 30px;
    margin: 40px 0;
    font-family: "Courier New", monospace;
    line-height: 1.8;
}

/*------------------------------------------------------------------
[Alerts]
*/

.alert-brand {
    background: #76abe9;
    color: #fff;
}

.alert-brand a {
    color: #fff;
}
.alert-dark {
    background: #1b1d1f;
    color: #eee;
}
.alert-light {
    background: #eee;
}
.alert-secondary {
    border: 2px solid #f7f7f7;
}
/*About*/
#about {
    padding: 80px;
}

#about .about-heading {
    text-align: center;
}

#about .about-heading h2 {
    font-weight: 700;
    font-size: 45px;
    text-transform: uppercase;
}

#about .about-heading p {
    margin-top: 20px;
    line-height: 25px;
    color: #8e8e8e;
    margin-bottom: 50px;
}

#about .about-left {
    position: relative;
    z-index: 2;
}

#about .about-right:before {
    content: "";
    border: 8px solid #e5eef0;
    width: 120%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#about .about-right {
    position: relative;
    padding: 0 80px 150px 80px;
}

#about .about-right-heading h1 {
    font-weight: 700;
    padding-top: 100px;
    text-transform: uppercase;
}

#about .about-right-boot:before {
    content: "\f080";
    font-family: 'FontAwesome';
    font-size: 45px;
    padding: 65px 30px 0 0;
    float: left;
    color: #4a90e2;
}

#about .about-right-wrapper {
    padding-left: 0 0 50px 78px;
    position: relative;
    left: 0;
    top: 75px;
}

#about .about-right-wrapper a {
    font-weight: 700;
    color: #282828;
}

#about .about-right-wrapper a:hover {
    color: #4a90e2;
}

#about .about-right-wrapper p {
    line-height: 28px;
    margin-top: 20px;
    color: #8e8e8e;
}

#about .about-right-best:before {
    content: "\f201";
    font-family: 'FontAwesome';
    font-size: 45px;
    padding: 65px 30px 0 0;
    float: left;
    color: #4a90e2;
}

#about .about-right-support:before {
    content: "\f025";
    font-family: 'FontAwesome';
    font-size: 45px;
    padding: 65px 30px 0 0;
    float: left;
    color: #4a90e2;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
    #about {
        padding: 0;
    }

    #about .about-heading h2 {
        margin-top: 30px;
        font-size: 27px;
    }

    #about .about-heading p {
        margin-top: 20px;
        font-size: 12px;
        line-height: 20px;
    }

    #about .about-right:before {
        content: "";
        border: 8px solid #e5eef0;
        width: 100%;
        height: 100%;
    }

    #about .about-right {
        position: relative;
        padding: 30px;
        margin-top: 20px;
    }

    #about .about-right-heading h1 {
        padding-top: 20px;
        font-size: 25px;
        text-align: center;
    }

    #about .about-right-boot:before {
        font-size: 30px;
        padding: 20px 20px 0 0;
    }

    #about .about-right-wrapper {
        position: relative;
        left: 0;
        top: 35px;
    }

    #about .about-right-wrapper a > h3 {
        font-size: 20px;
    }

    #about .about-right-wrapper p {
        margin-top: 20px;
        font-size: 13px;
    }

    #about .about-right-best {
        margin-top: 40px;
    }

    #about .about-right-best:before {
        font-size: 30px;
        padding: 20px 20px 0 0;
    }

    #about .about-right-support {
        margin-top: 40px;
    }

    #about .about-right-support:before {
        font-size: 30px;
        padding: 20px 20px 0 0;
    }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
    #about {
        margin-top: 50px;
        padding: 0;
    }

    #about .about-heading h2 {
        margin-top: 30px;
        font-size: 30px;
    }

    #about .about-heading p {
        margin-top: 20px;
        line-height: 20px;
    }

    #about .about-right:before {
        content: "";
        border: 8px solid #e5eef0;
        width: 100%;
        height: 100%;
    }

    #about .about-right {
        position: relative;
        padding: 30px;
        margin-top: 20px;
    }

    #about .about-right-heading h1 {
        padding-top: 20px;
        font-size: 25px;
        text-align: center;
    }

    #about .about-right-boot:before {
        font-size: 30px;
        padding: 20px 20px 0 0;
    }

    #about .about-right-wrapper {
        position: relative;
        left: 0;
        top: 35px;
    }

    #about .about-right-wrapper a > h3 {
        font-size: 20px;
    }

    #about .about-right-wrapper p {
        margin-top: 20px;
        font-size: 13px;
    }

    #about .about-right-best {
        margin-top: 40px;
    }

    #about .about-right-best:before {
        font-size: 30px;
        padding: 20px 20px 0 0;
    }

    #about .about-right-support {
        margin-top: 40px;
    }

    #about .about-right-support:before {
        font-size: 30px;
        padding: 20px 20px 0 0;
    }

}

/*About bg*/
#about-bg {
    position: relative;
    background-image: url(../images/about/about2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 100px;
    text-transform: uppercase;
    padding: 100px 0;
    color: #fff;
}

.about-bg-heading {
    font-weight: 900;
    text-align: center;
    line-height: 40px;
    z-index: -2;
}

.about-bg-heading h1 {
    font-size: 40px
}

.about-bg-heading p {
    font-weight: 700;
    font-weight: 400;
    font-size: 16px;
}

.about-bg-wrapper {
    color: #fff;
    text-align: center;
    margin-top: 30px;
    z-index: -2;
}

#about-bg .about-bg-wrapper .count {
    font-weight: 900;
    font-size: 45px;
    margin-right: 20px;
    text-align: center;
    float: left;
    color: #4a90e2;
}

#about-bg .about-bg-wrapper p {
    font-weight: 400;
    font-size: 16px;
    margin-top: 30px;
    float: left;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
    .about-bg-heading h1 {
        font-size: 28px;
    }

    .about-bg-wrapper {
        margin-left: 25%;
    }

}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
    .about-bg-heading h1 {
        font-size: 30px;
    }

    .about-bg-wrapper {
        margin-left: 35%;
    }

}

/*Service*/
#service {
    margin-top: 100px;
    background-attachment: scroll;
    padding-bottom: 0px;
    padding-top: 0px;
}

#service .col-md-6 {
    padding: 0;
    
}

#service .service-heading {
    text-align: center;
}

#service .service-heading h2 {
    font-weight: 700;
    font-size: 45px;
    text-transform: uppercase;
}

#service .service-heading p {
    margin-top: 20px;
    line-height: 25px;
    color: #8e8e8e;
    margin-bottom: 50px;
}

.services-style-one {
    position: relative;
}

.services-style-one .outer-box {
    position: relative;
    background: #e5eef0;
}

.services-style-one .services-column {
    position: relative;
    width: 50%;
    float: left;
    background: #fff;
    border: 8px solid #e5eef0;  
}

.services-style-one .service-block {
    position: relative;
    margin-bottom: 40px;    
}

.services-style-one .services-column .content-outer {
    position: relative;
    float: right;
    max-width: 700px;
    padding: 80px 20px 40px 40px;   
}

.services-style-one .services-column .icon-box {
    font-size: 36px;
    margin-bottom: 15px;
    line-height: 1px;
    color: #4a90e2; 
}

.services-style-one .services-column h4 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #1c1c1c; 
}

.services-style-one .services-column .text {
    font-size: 13px;
    color: #5a5a5a;
    max-width: 250px;   
}

.services-style-one .content-column {
    position: relative;
    float: left;
    width: 50%;
    background: #e5eef0;
    text-align: right;
}

.services-style-one .content-column .content-box {
    position: relative;
    float:left;
    padding: 170px 20px 100px 320px;
    max-width: 700px;   
}

.services-style-one .content-column .sec-title h2 {
    color: #301c1c;
}

.services-style-one .content-column .sec-title h2 > span {
    border-bottom: 2px solid #4a90e2;
    padding-bottom: 5px;
}

.services-style-one .content-column .inner-box {
    position: relative;
}

.services-style-one .content-column .text {
    position: relative;
    margin: 30px 0;
    color: #999999;
    line-height: 25px;
}

.inner-box button {
    background-color: #4a90e2;
    width: 120px;
    color: #fff;
}

.inner-box button:hover {
    background-color: #fff;
    color: #4a90e2;
}

@media only screen and (min-width: 767px) {
    .hidden-over-767 {
        display: none;
    }
}

@media only screen and (min-width: 767px) {
    .margin-35 {
        margin-top: -35px;
    }
}

/*Service Footer*/
#service .service-footer {
    background: #e5eef0;
    padding: 30px 0;
}

#service .service-footer-left h3 {
    font-weight: 600;
    font-size: 22px;
    color: #301c1c;
}

#service .service-footer-left h3 > span {
    color: #4a90e2;
}

#service .service-footer-left p {
    font-size: 16px;
    color: #9d9d9d;
}

#service .service-footer-right {
    float: right;
    line-height: 80px;
}

#service .service-footer-right button {
    background-color: #4a90e2;
    width: 180px;
    height: 50px;
    color: #fff;
}

#service .service-footer-right button:hover {
    background-color: #fff;
    color: #4a90e2;
}

.creative-bg-service {
    background-image:url(../images/work-6.jpg);
}

.tab-numbers-service {
    background: #f7f7f7;
    padding: 10px;
    border: 2px solid #eee;
    margin-left: -27px;
}
/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
    #service {
        margin-top: 50px;
    }

    #service .service-heading h2 {
        font-size: 27px;
    }

    #service .service-heading p {
        font-size: 13px;
    }

    .services-style-one .content-column .content-box {
        padding: 200px 20px 100px 20px; 
    }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
    #service {
        margin-top: 50px;
    }

    #service .service-heading h2 {
        font-size: 30px;
    }

    .services-style-one .content-column .content-box {
        padding: 200px 20px 100px 20px; 
    }
}

/*Portfolio*/
#portfolio {
    margin-top: 100px;
}

#portfolio .portfolio-heading {
    text-align: center;
}

#portfolio .portfolio-heading h2 {
    font-weight: 700;
    font-size: 45px;
    text-transform: uppercase;
}

#portfolio .portfolio-heading p {
    margin-top: 20px;
    line-height: 25px;
    color: #8e8e8e;
    margin-bottom: 50px;
}

#portfolio .portfolio-thumbnail {
    position: relative;
}

#portfolio .portfolio-thumbnail img {
    width: 100%;
    height:auto;
}

#portfolio .portfolio-thumbnail .col-md-3 {
    padding: 0;
}

#portfolio .portfolio-thumbnail .caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(62, 212, 255, 0.7);
    opacity: 0;
    -moz-transition: opacity linear .3s;
    -webkit-transition: opacity linear .3s;
    -o-transition: opacity linear .3s;
    transition: opacity linear .3s;
}

#portfolio .portfolio-thumbnail .item:hover > .caption {
    opacity: 1;
}

#portfolio .caption i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #4a90e2;
    background-color: #fff;
    position: absolute;
    top: 45%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

}

#portfolio .caption p {
    font-weight: 400;
    text-align: center;
    color: #fff;
    position: absolute;
    font-size: 17px;
    text-transform: capitalize;
    top: 55%;
    left: 30%;
    right: 30%;
}

/*Media*/
@media screen and (min-width: 320px) and (max-width: 520px) {
    #portfolio {
        margin-top: 50px;
    }

    #portfolio .portfolio-heading h2 {
        font-size: 27px;
    }

    #portfolio .portfolio-heading p {
        font-size: 13px;
    }
}

/*Media*/
@media screen and (min-width: 521px) and (max-width: 980px) {
    #portfolio {
        margin-top: 50px;
    }

    #portfolio .portfolio-heading h2 {
        font-size: 30px;
    }

}

/*Contact*/
#contact {
    margin-top: 100px;
}

#contact .contact-heading {
    text-align: center;
}

#contact .contact-heading h2 {
    font-weight: 700;
    font-size: 45px;
    text-transform: uppercase;
}

#contact .contact-heading p {
    margin-top: 20px;
    line-height: 25px;
    color: #8e8e8e;
    margin-bottom: 50px;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
    display:block;
}

/*Get In Touch*/
#get-touch {
    margin-top: 100px;
}

#get-touch .get-touch-heading {
    text-align: center;
}

#get-touch .get-touch-heading h2 {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
}

#get-touch .get-touch-heading p {
    margin-top: 20px;
    line-height: 25px;
    color: #8e8e8e;
    margin-bottom: 50px;
}

#get-touch .content {
    margin-top: 50px;
}

#get-touch .content .form input {
    height: 50px;
    width: 100%;
    border-color: #ebebeb;
}

#get-touch .content .form textarea {
    width: 100%;
    height: 180px;
    border-color: #ebebeb;
    margin-top: 20px;
}

#get-touch .content .form .submit {
    text-align: center;
}

#get-touch .content .form .submit .btn {
    margin-top: 25px;
    background-color: transparent;
    color: #7e7e7e;
    border-color: #4a90e2;
}

#get-touch .content .form .submit .btn:hover {
    background-color: #4a90e2;
    color: #fff;
}

/*------------------------------------------------------------------
[Progress Bars]
*/

.progress-item {
    margin: 0 0 25px;
}

.progress-title {
    line-height: 1.2;
    color: #313131;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
}

.progress {
    background-color: #eaeaea;
    box-shadow: none;
    height: 5px;
    margin: 0 0 10px;
    overflow: visible;
    box-shadow: none;
}
.progress-2 {
    height: 14px;
}

.progress-bar {
    position: relative;
    height: 5px;
    border-radius: 3px;
    box-shadow: none;
}
.progressbar-2 {
    height: 14px !important;
}

.progress-bar.progress-bar-brand {
    background-color: #4a90e2;
}

.pb-number-box {
    position: absolute;
    padding: 4px 0;
    display: block;
    top: -30px;
    right: 0;
    opacity: 0;
    line-height: 12px;
    color: #313131;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
}

/*------------------------------------------------------------------
[Forms]
*/

.form-control {
    box-shadow: none;
    border-radius: 2px;
    border-width: 1px;
    border-color: #eee;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: .09375rem;
    font-size: .625rem;
    padding: 1rem .9375rem;
}
.form-control-plaintext {
     border: 1px solid #eee;
     padding: 8px;
}

.form-control:focus {
    border-color: #eee;
    box-shadow: none;
}

.form-control.form-circle {
    border-radius: 30px;
}

.form-control-lg {
    font-size: .6875rem;
    padding: 1.0625rem .9375rem;
}

.form-control-sm {
    padding: .8125rem .9375rem;
}

.input-group-addon {
    border-color: #eee;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(3rem + 2px);
}

select.form-control-lg:not([size]):not([multiple]) {
    height: 3.5rem;
}

select.form-control-sm:not([size]):not([multiple]) {
    height: 2.8125rem;
}

/*------------------------------------------------------------------
[Buttons]
*/

.btn {
    border-width: 2px;
    border-radius: 0;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: .09375rem;
    font-weight: 600;
    font-size: .625rem;
    padding: .9375rem 1.75rem .9375rem 1.75rem;
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

.btn:focus,
.btn.focus,
.btn.active.focus,
.btn.active:focus,
.btn:active.focus,
.btn:active:focus {
    outline: 0;
}

.btn.btn-circle {
    border-radius: 30px;
}

.btn.btn-round {
    border-radius: 2px;
}

.btn.btn-shadow {
    box-shadow: 0 1px 30px rgba(0, 0, 0, .1);
}

/* --- [Button Sizes] --- */

.btn-lg {
    padding: .9375rem 2rem .9375rem 2rem;
    letter-spacing: .09375rem;
    font-size: .75rem;
}

.btn-sm {
    padding: .75rem 1.5rem .75rem 1.5rem;
    font-size: .625rem;
}

.btn-xs {
    padding: .625rem 1.25rem .625rem 1.25rem;
    font-size: .625rem;
}

/* --- [Button Colors] --- */

.btn.btn-brand {
    background-color: #4a90e2;
    border-color: #4a90e2;
    color: #fff;
    /* &.btn-link {
		background: transparent;
		border: 0;
		padding: 0;
		color: $background;

		&:hover,
		&:focus {
			background-color: transparent;
			text-decoration: none;
			color: darken($background, 5%);
		}
	} */
}


.btn.btn-brand.btn-outline {
    background: transparent;
    border-color: #4a90e2;
    color: #4a90e2;
}
.btn.btn-red:hover
.btn.btn-red:focus  {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #fff;
}

.btn.btn-brand:hover,
.btn.btn-brand:focus {
    background-color: #277adc;
    border-color: #277adc;
    color: #fff;
}
.btn.btn-red {
    background-color: #e74c3c;
    color: #fff;
}

.btn.btn-orange:hover,
.btn.btn-orange:focus {
    background-color: #d35400;
    border-color: #d35400;
    color: #fff;
}
.btn.btn-orange {
    background-color: #e67e22;
    color: #fff;
}

.btn.btn-turquoise:hover,
.btn.btn-turquoise:focus {
    background-color: #12957c;
    border-color: #12957c;
    color: #fff;
}
.btn.btn-turquoise {
    background-color: #1abc9c;
    color: #fff;
}

.btn.btn-green:hover,
.btn.btn-green:focus {
    background-color: #27ae60;
    border-color: #27ae60;
    color: #fff;
}
.btn.btn-green {
    background-color: #2ecc71;
    color: #fff;
}

.btn.btn-yellow:hover,
.btn.btn-yellow:focus {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #fff;
}
.btn.btn-yellow {
    background-color: #f1c40f;
    color: #fff;
}

.btn.btn-gray:hover,
.btn.btn-gray:focus {
    background-color: #7f8c8d;
    border-color: #7f8c8d;
}
.btn.btn-gray {
    background-color: #95a5a6;
}
.btn.btn-purple:hover,
.btn.btn-purple:focus {
    background-color: #814fb5;
    border-color: #814fb5;
    color: #fff;
}
.btn.btn-purple {
    background-color: #9b6bcc;
    color: #fff;
}
.btn.btn-aqua:hover,
.btn.btn-aqua:focus {
    background-color: #26bac8;
    border-color: #26bac8;
    color: #fff;
}
.btn.btn-aqua {
    background-color: #27d7e7;
    color: #fff;
}
.btn.btn-brown:hover,
.btn.btn-brown:focus {
    background-color: #81674b;
    border-color: #81674b;
    color: #fff;
}
.btn.btn-brown {
    background-color: #9c8061;
    color: #fff;
}

.btn.btn-dark-blue:hover,
.btn.btn-dark-blue:focus {
    background-color: #324c80;
    border-color: #324c80;
    color: #fff;
}
.btn.btn-dark-blue {
    background-color: #4765a0;
    color: #fff;
}
.btn.btn-light-green:hover,
.btn.btn-light-green:focus {
    background-color: #59b795;
    border-color: #59b795;
    color: #fff;
}
.btn.btn-light-green {
    background-color: #79d5b3;
    color: #fff;
}

.btn.btn-brand.btn-outline:hover,
.btn.btn-brand.btn-outline:focus {
    background: #4a90e2;
    color: #fff;
}
.dropdown-menu-padding {
    padding: 10px;
}
.btn.btn-gray {
    background-color: #ddd;
    border-color: #ddd;
    color: #444;
    /* &.btn-link {
		background: transparent;
		border: 0;
		padding: 0;
		color: $background;

		&:hover,
		&:focus {
			background-color: transparent;
			text-decoration: none;
			color: darken($background, 5%);
		}
	} */
}

.btn.btn-gray:hover,
.btn.btn-gray:focus {
    background-color: #c9c9c9;
    border-color: #c9c9c9;
    color: #444;
}

.btn.btn-gray.btn-outline {
    background: transparent;
    border-color: #ddd;
    color: #ddd;
}

.btn.btn-gray.btn-outline:hover,
.btn.btn-gray.btn-outline:focus {
    background: #ddd;
    color: #444;
}

.btn.btn-dark {
    background-color: #111;
    border-color: #111;
    color: #fff;
    /* &.btn-link {
		background: transparent;
		border: 0;
		padding: 0;
		color: $background;

		&:hover,
		&:focus {
			background-color: transparent;
			text-decoration: none;
			color: darken($background, 5%);
		}
	} */
}

.btn.btn-dark:hover,
.btn.btn-dark:focus {
    background-color: #252525;
    border-color: #252525;
    color: #fff;
}

.btn.btn-dark.btn-outline {
    background: transparent;
    border-color: #111;
    color: #111;
}

.btn.btn-dark.btn-outline:hover,
.btn.btn-dark.btn-outline:focus {
    background: #111;
    color: #fff;
}

.btn.btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #444;
    /* &.btn-link {
		background: transparent;
		border: 0;
		padding: 0;
		color: $background;

		&:hover,
		&:focus {
			background-color: transparent;
			text-decoration: none;
			color: darken($background, 5%);
		}
	} */
}

.btn.btn-white:hover,
.btn.btn-white:focus {
    background-color: #4a90e2;
    border-color: #4a90e2;
    color: #fff;
}

.btn.btn-white.btn-outline {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

.btn.btn-white.btn-outline:hover,
.btn.btn-white.btn-outline:focus {
    background: #fff;
    color: #444;
}

/* Social Media Buttons */
.btn.btn-android {
    border: 1px solid #a4c639;
    background-color: #fff;
    color: #a4c639;
}
.btn.btn-android:hover,
.btn.btn-android:focus {
    background-color: #a4c639;
    border-color: #a4c639;
    color: #fff;
}

.btn.btn-bitcoin {
    border: 1px solid #eb9737;
    background-color: #fff;
    color: #eb9737;
}
.btn.btn-bitcoin:hover,
.btn.btn-bitcoin:focus {
    background-color: #eb9737;
    border-color: #eb9737;
    color: #fff;
}

.btn.btn-bitbucket {
    border: 1px solid #205081;
    background-color: #fff;
    color: #205081;
}
.btn.btn-bitbucket:hover,
.btn.btn-bitbucket:focus {
    background-color: #205081;
    border-color: #205081;
    color: #fff;
}

.btn.btn-dribbble {
    border: 1px solid #ea4c89;
    background-color: #fff;
    color: #ea4c89;
}
.btn.btn-dribbble:hover,
.btn.btn-dribbble:focus {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff;
}
.btn.btn-dropbox {
    border: 1px solid #007ee5;
    background-color: #fff;
    color: #007ee5;
}
.btn.btn-dropbox:hover,
.btn.btn-dropbox:focus {
    background-color: #007ee5;
    border-color: #007ee5;
    color: #fff;
}
.btn.btn-facebook {
    border: 1px solid #4863ae;
    background-color: #fff;
    color: #4863ae;
}
.btn.btn-facebook:hover,
.btn.btn-facebook:focus {
    background-color: #4863ae;
    border-color: #4863ae;
    color: #fff;
}
.btn.btn-flickr {
    border: 1px solid #ff0084;
    background-color: #fff;
    color: #ff0084;
}
.btn.btn-flickr:hover,
.btn.btn-flickr:focus {
    background-color: #ff0084;
    border-color: #ff0084;
    color: #fff;
}
.btn.btn-foursquare {
    border: 1px solid #0072b1;
    background-color: #fff;
    color: #0072b1;
}
.btn.btn-foursquare:hover,
.btn.btn-foursquare:focus {
    background-color: #0072b1;
    border-color: #0072b1;
    color: #fff;
}
.btn.btn-googleplus {
    border: 1px solid #dd4a38;
    background-color: #fff;
    color: #dd4a38;
}
.btn.btn-googleplus:hover,
.btn.btn-googleplus:focus {
    background-color: #dd4a38;
    border-color: #dd4a38;
    color: #fff;
}
.btn.btn-html5 {
    border: 1px solid #ff3617;
    background-color: #fff;
    color: #ff3617;
}
.btn.btn-html5:hover,
.btn.btn-html5:focus {
    background-color: #ff3617;
    border-color: #ff3617;
    color: #fff;
}
.btn.btn-instagram {
    border: 1px solid #3f729b;
    background-color: #fff;
    color: #3f729b;
}
.btn.btn-instagram:hover,
.btn.btn-instagram:focus {
    background-color: #3f729b;
    border-color: #3f729b;
    color: #fff;
}
.btn.btn-linkedin {
    border: 1px solid #0083a8;
    background-color: #fff;
    color: #0083a8;
}
.btn.btn-linkedin:hover,
.btn.btn-linkedin:focus {
    background-color: #0083a8;
    border-color: #0083a8;
    color: #fff;
}
.btn.btn-pinterest {
    border: 1px solid #c91618;
    background-color: #fff;
    color: #c91618;
}
.btn.btn-pinterest:hover,
.btn.btn-pinterest:focus {
    background-color: #c91618;
    border-color: #c91618;
    color: #fff;
}
.btn.btn-rss {
    border: 1px solid #ff7f25;
    background-color: #fff;
    color: #ff7f25;
}
.btn.btn-rss:hover,
.btn.btn-rss:focus {
    background-color: #ff7f25;
    border-color: #ff7f25;
    color: #fff;
}
.btn.btn-skype {
    border: 1px solid #00a2ed;
    background-color: #fff;
    color: #00a2ed;
}
.btn.btn-skype:hover,
.btn.btn-skype:focus {
    background-color: #00a2ed;
    border-color: #00a2ed;
    color: #fff;
}
.btn.btn-stackoverflow {
    border: 1px solid #f18436;
    background-color: #fff;
    color: #f18436;
}
.btn.btn-stackoverflow:hover,
.btn.btn-stackoverflow:focus {
    background-color: #f18436;
    border-color: #f18436;
    color: #fff;
}
.btn.btn-tumblr {
    border: 1px solid #374a61;
    background-color: #fff;
    color: #374a61;
}
.btn.btn-tumblr:hover,
.btn.btn-tumblr:focus {
    background-color: #374a61;
    border-color: #374a61;
    color: #fff;
}
.btn.btn-twitter {
    border: 1px solid #46c0fb;
    background-color: #fff;
    color: #46c0fb;
}
.btn.btn-twitter:hover,
.btn.btn-twitter:focus {
    background-color: #46c0fb;
    border-color: #46c0fb;
    color: #fff;
}
.btn.btn-vk {
    border: 1px solid #45688e;
    background-color: #fff;
    color: #45688e;
}
.btn.btn-vk:hover,
.btn.btn-vk:focus {
    background-color: #45688e;
    border-color: #45688e;
    color: #fff;
}
.btn.btn-weibo {
    border: 1px solid #d7584d;
    background-color: #fff;
    color: #d7584d;
}
.btn.btn-weibo:hover,
.btn.btn-weibo:focus {
    background-color: #d7584d;
    border-color: #d7584d;
    color: #fff;
}
.btn.btn-windows {
    border: 1px solid #48bbef;
    background-color: #fff;
    color: #48bbef;
}
.btn.btn-windows:hover,
.btn.btn-windows:focus {
    background-color: #48bbef;
    border-color: #48bbef;
    color: #fff;
}
.btn.btn-xing {
    border: 1px solid #0a5d5e;
    background-color: #fff;
    color: #0a5d5e;
}
.btn.btn-xing:hover,
.btn.btn-xing:focus {
    background-color: #0a5d5e;
    border-color: #0a5d5e;
    color: #fff;
}
.btn.btn-youtube {
    border: 1px solid #ff0000;
    background-color: #fff;
    color: #ff0000;
}
.btn.btn-youtube:hover,
.btn.btn-youtube:focus {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff;
}
.btn.btn-appnet {
    border: 1px solid #3178bd;
    background-color: #fff;
    color: #3178bd;
}
.btn.btn-appnet:hover,
.btn.btn-appnet:focus {
    background-color: #3178bd;
    border-color: #3178bd;
    color: #fff;
}
.btn.btn-blogger {
    border: 1px solid #ee5a22;
    background-color: #fff;
    color: #ee5a22;
}
.btn.btn-blogger:hover,
.btn.btn-blogger:focus {
    background-color: #ee5a22;
    border-color: #ee5a22;
    color: #fff;
}
.btn.btn-flattr {
    border: 1px solid #8aba42;
    background-color: #fff;
    color: #8aba42;
}
.btn.btn-flattr:hover,
.btn.btn-flattr:focus {
    background-color: #8aba42;
    border-color: #8aba42;
    color: #fff;
}
.btn.btn-github {
    border: 1px solid #171515;
    background-color: #fff;
    color: #171515;
}
.btn.btn-github:hover,
.btn.btn-github:focus {
    background-color: #171515;
    border-color: #171515;
    color: #fff;
}
.btn.btn-gowalla {
    border: 1px solid #ff720a;
    background-color: #fff;
    color: #ff720a;
}
.btn.btn-gowalla:hover,
.btn.btn-gowalla:focus {
    background-color: #ff720a;
    border-color: #ff720a;
    color: #fff;
}
.btn.btn-klout {
    border: 1px solid #e34a25;
    background-color: #fff;
    color: #e34a25;
}
.btn.btn-klout:hover,
.btn.btn-klout:focus {
    background-color: #e34a25;
    border-color: #e34a25;
    color: #fff;
}
.btn.btn-lastfm {
    border: 1px solid #e34a25;
    background-color: #fff;
    color: #e34a25;
}
.btn.btn-lastfm:hover,
.btn.btn-lastfm:focus {
    background-color: #e34a25;
    border-color: #e34a25;
    color: #fff;
}
.btn.btn-meetup {
    border: 1px solid #ff0026;
    background-color: #fff;
    color: #ff0026;
}
.btn.btn-meetup:hover,
.btn.btn-meetup:focus {
    background-color: #ff0026;
    border-color: #ff0026;
    color: #fff;
}
.btn.btn-mysapce {
    border: 1px solid #000000;
    background-color: #fff;
    color: #000000;
}
.btn.btn-mysapce:hover,
.btn.btn-mysapce:focus {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}
.btn.btn-quora {
    border: 1px solid #a82400;
    background-color: #fff;
    color: #a82400;
}
.btn.btn-quora:hover,
.btn.btn-quora:focus {
    background-color: #a82400;
    border-color: #a82400;
    color: #fff;
}
.btn.btn-reddit {
    border: 1px solid #ff5700;
    background-color: #fff;
    color: #ff5700;
}
.btn.btn-reddit:hover,
.btn.btn-reddit:focus {
    background-color: #ff5700;
    border-color: #ff5700;
    color: #fff;
}
.btn.btn-myspace {
    border: 1px solid #ff5700;
    background-color: #fff;
    color: #ff5700;
}
.btn.btn-myspace:hover,
.btn.btn-myspace:focus {
    background-color: #ff5700;
    border-color: #ff5700;
    color: #fff;
}
.btn.btn-plurk {
    border: 1px solid #cf682f;
    background-color: #fff;
    color: #cf682f;
}
.btn.btn-plurk:hover,
.btn.btn-plurk:focus {
    background-color: #cf682f;
    border-color: #cf682f;
    color: #fff;
}
.btn.btn-smashing {
    border: 1px solid #ff4f27;
    background-color: #fff;
    color: #ff4f27;
}
.btn.btn-smashing:hover,
.btn.btn-smashing:focus {
    background-color: #ff4f27;
    border-color: #ff4f27;
    color: #fff;
}
.btn.btn-soundcloud {
    border: 1px solid #ff4500;
    background-color: #fff;
    color: #ff4500;
}
.btn.btn-soundcloud:hover,
.btn.btn-soundcloud:focus {
    background-color: #ff4500;
    border-color: #ff4500;
    color: #fff;
}
.btn.btn-viadeo {
    border: 1px solid #e7732e;
    background-color: #fff;
    color: #e7732e;
}
.btn.btn-viadeo:hover,
.btn.btn-viadeo:focus {
    background-color: #e7732e;
    border-color: #e7732e;
    color: #fff;
}
.btn.btn-vimeo {
    border: 1px solid #00a2cd;
    background-color: #fff;
    color: #00a2cd;
}
.btn.btn-vimeo:hover,
.btn.btn-vimeo:focus {
    background-color: #00a2cd;
    border-color: #00a2cd;
    color: #fff;
}
.btn.btn-amazon {
    border: 1px solid #f29e37;
    background-color: #fff;
    color: #f29e37;
}
.btn.btn-amazon:hover,
.btn.btn-amazon:focus {
    background-color: #f29e37;
    border-color: #f29e37;
    color: #fff;
}
.btn.btn-delicious {
    border: 1px solid #3271cb;
    background-color: #fff;
    color: #3271cb;
}
.btn.btn-delicious:hover,
.btn.btn-delicious:focus {
    background-color: #3271cb;
    border-color: #3271cb;
    color: #fff;
}

.btn.btn-digg {
    border: 1px solid #164673;
    background-color: #fff;
    color: #164673;
}
.btn.btn-digg:hover,
.btn.btn-digg:focus {
    background-color: #164673;
    border-color: #164673;
    color: #fff;
}
.btn.btn-disqus {
    border: 1px solid #2e9fff;
    background-color: #fff;
    color: #2e9fff;
}
.btn.btn-disqus:hover,
.btn.btn-disqus:focus {
    background-color: #2e9fff;
    border-color: #2e9fff;
    color: #fff;
}
.btn.btn-eventbrite {
    border: 1px solid #ff5616;
    background-color: #fff;
    color: #ff5616;
}
.btn.btn-eventbrite:hover,
.btn.btn-eventbrite:focus {
    background-color: #ff5616;
    border-color: #ff5616;
    color: #fff;
}
.btn.btn-eventful {
    border: 1px solid #376095;
    background-color: #fff;
    color: #376095;
}
.btn.btn-eventful:hover,
.btn.btn-eventful:focus {
    background-color: #376095;
    border-color: #376095;
    color: #fff;
}
.btn.btn-intensedebate {
    border: 1px solid #0099e1;
    background-color: #fff;
    color: #0099e1;
}
.btn.btn-intensedebate:hover,
.btn.btn-intensedebate:focus {
    background-color: #0099e1;
    border-color: #0099e1;
    color: #fff;
}
.btn.btn-lanyrd {
    border: 1px solid #2e6ac2;
    background-color: #fff;
    color: #2e6ac2;
}
.btn.btn-lanyrd:hover,
.btn.btn-lanyrd:focus {
    background-color: #2e6ac2;
    border-color: #2e6ac2;
    color: #fff;
}
.btn.btn-pinboard {
    border: 1px solid #0000ff;
    background-color: #fff;
    color: #0000ff;
}
.btn.btn-pinboard:hover,
.btn.btn-pinboard:focus {
    background-color: #0000ff;
    border-color: #0000ff;
    color: #fff;
}
.btn.btn-songkick {
    border: 1px solid #ff0050;
    background-color: #fff;
    color: #ff0050;
}
.btn.btn-songkick:hover,
.btn.btn-songkick:focus {
    background-color: #ff0050;
    border-color: #ff0050;
    color: #fff;
}
.btn.btn-stumbleupon {
    border: 1px solid #eb4924;
    background-color: #fff;
    color: #eb4924;
}
.btn.btn-stumbleupon:hover,
.btn.btn-stumbleupon:focus {
    background-color: #eb4924;
    border-color: #eb4924;
    color: #fff;
}
.btn.btn-gmail {
    border: 1px solid #db4038;
    background-color: #fff;
    color: #db4038;
}
.btn.btn-gmail:hover,
.btn.btn-gmail:focus {
    background-color: #db4038;
    border-color: #db4038;
    color: #fff;
}
.btn.btn-google {
    border: 1px solid #4e6cf7;
    background-color: #fff;
    color: #4e6cf7;
}
.btn.btn-google:hover,
.btn.btn-google:focus {
    background-color: #4e6cf7;
    border-color: #4e6cf7;
    color: #fff;
}
.btn.btn-evernote {
    border: 1px solid #6bb130;
    background-color: #fff;
    color: #6bb130;
}
.btn.btn-evernote:hover,
.btn.btn-evernote:focus {
    background-color: #6bb130;
    border-color: #6bb130;
    color: #fff;
}
.btn.btn-grooveshark {
    border: 1px solid #e97a2f;
    background-color: #fff;
    color: #e97a2f;
}
.btn.btn-grooveshark:hover,
.btn.btn-grooveshark:focus {
    background-color: #e97a2f;
    border-color: #e97a2f;
    color: #fff;
}
.btn.btn-instapaper {
    border: 1px solid #222222;
    background-color: #fff;
    color: #222222;
}
.btn.btn-instapaper:hover,
.btn.btn-instapaper:focus {
    background-color: #222222;
    border-color: #222222;
    color: #fff;
}
.btn.btn-itunes {
    border: 1px solid #525152;
    background-color: #fff;
    color: #525152;
}
.btn.btn-itunes:hover,
.btn.btn-itunes:focus {
    background-color: #525152;
    border-color: #525152;
    color: #fff;
}
.btn.btn-opentable {
    border: 1px solid #990000;
    background-color: #fff;
    color: #990000;
}
.btn.btn-opentable:hover,
.btn.btn-opentable:focus {
    background-color: #990000;
    border-color: #990000;
    color: #fff;
}
.btn.btn-logmein {
    border: 1px solid #000000;
    background-color: #fff;
    color: #000000;
}
.btn.btn-logmein:hover,
.btn.btn-logmein:focus {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}
.btn.btn-ninetyninedesigns {
    border: 1px solid #072243;
    background-color: #fff;
    color: #072243;
}
.btn.btn-ninetyninedesigns:hover,
.btn.btn-ninetyninedesigns:focus {
    background-color: #072243;
    border-color: #072243;
    color: #fff;
}
.btn.btn-paypal {
    border: 1px solid #32689a;
    background-color: #fff;
    color: #32689a;
}
.btn.btn-paypal:hover,
.btn.btn-paypal:focus {
    background-color: #32689a;
    border-color: #32689a;
    color: #fff;
}
.btn.btn-pocket {
    border: 1px solid #de5a5f;
    background-color: #fff;
    color: #de5a5f;
}
.btn.btn-pocket:hover,
.btn.btn-pocket:focus {
    background-color: #de5a5f;
    border-color: #de5a5f;
    color: #fff;
}
.btn.btn-scribd {
    border: 1px solid #231c1a;
    background-color: #fff;
    color: #231c1a;
}
.btn.btn-scribd:hover,
.btn.btn-scribd:focus {
    background-color: #231c1a;
    border-color: #231c1a;
    color: #fff;
}
.btn.btn-spotify {
    border: 1px solid #60af00;
    background-color: #fff;
    color: #60af00;
}
.btn.btn-spotify:hover,
.btn.btn-spotify:focus {
    background-color: #60af00;
    border-color: #60af00;
    color: #fff;
}
.btn.btn-statusnet {
    border: 1px solid #829d25;
    background-color: #fff;
    color: #829d25;
}
.btn.btn-statusnet:hover,
.btn.btn-statusnet:focus {
    background-color: #829d25;
    border-color: #829d25;
    color: #fff;
}
.btn.btn-stripe {
    border: 1px solid #2f7ed6;
    background-color: #fff;
    color: #2f7ed6;
}
.btn.btn-stripe:hover,
.btn.btn-stripe:focus {
    background-color: #2f7ed6;
    border-color: #2f7ed6;
    color: #fff;
}
.btn.btn-yahoo {
    border: 1px solid #a200c2;
    background-color: #fff;
    color: #a200c2;
}
.btn.btn-yahoo:hover,
.btn.btn-yahoo:focus {
    background-color: #a200c2;
    border-color: #a200c2;
    color: #fff;
}
.btn.btn-yelp {
    border: 1px solid #e60010;
    background-color: #fff;
    color: #e60010;
}
.btn.btn-yelp:hover,
.btn.btn-yelp:focus {
    background-color: #e60010;
    border-color: #e60010;
    color: #fff;
}
.btn.btn-wikipedia {
    border: 1px solid #111111;
    background-color: #fff;
    color: #111111;
}
.btn.btn-wikipedia:hover,
.btn.btn-wikipedia:focus {
    background-color: #111111;
    border-color: #111111;
    color: #fff;
}
.btn.btn-wordpress {
    border: 1px solid #464646;
    background-color: #fff;
    color: #464646;
}
.btn.btn-wordpress:hover,
.btn.btn-wordpress:focus {
    background-color: #464646;
    border-color: #464646;
    color: #fff;
}
.btn.btn-ycombinator {
    border: 1px solid #ff6600;
    background-color: #fff;
    color: #ff6600;
}
.btn.btn-ycombinator:hover,
.btn.btn-ycombinator:focus {
    background-color: #ff6600;
    border-color: #ff6600;
    color: #fff;
}
.btn.btn-appstore {
    border: 1px solid #000000;
    background-color: #fff;
    color: #000000;
}
.btn.btn-appstore:hover,
.btn.btn-appstore:focus {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}
.btn.btn-googleplay {
    border: 1px solid #b9c13e;
    background-color: #fff;
    color: #b9c13e;
}
.btn.btn-googleplay:hover,
.btn.btn-googleplay:focus {
    background-color: #b9c13e;
    border-color: #b9c13e;
    color: #fff;
}
.btn.btn-macstore {
    border: 1px solid #007dcb;
    background-color: #fff;
    color: #007dcb;
}
.btn.btn-macstore:hover,
.btn.btn-macstore:focus {
    background-color: #007dcb;
    border-color: #007dcb;
    color: #fff;
}
.btn.btn-csgo {
    border: 1px solid #b67300;
    background-color: #fff;
    color: #b67300;
}
.btn.btn-csgo:hover,
.btn.btn-csgo:focus {
    background-color: #b67300;
    border-color: #b67300;
    color: #fff;
}
.btn.btn-dota2 {
    border: 1px solid #c33d2b;
    background-color: #fff;
    color: #c33d2b;
}
.btn.btn-dota2:hover,
.btn.btn-dota2:focus {
    background-color: #c33d2b;
    border-color: #c33d2b;
    color: #fff;
}
.btn.btn-gm {
    border: 1px solid #1194f0;
    background-color: #fff;
    color: #1194f0;
}
.btn.btn-gm:hover,
.btn.btn-gm:focus {
    background-color: #1194f0;
    border-color: #1194f0;
    color: #fff;
}
.btn.btn-lol {
    border: 1px solid #d79922;
    background-color: #fff;
    color: #d79922;
}
.btn.btn-lol:hover,
.btn.btn-lol:focus {
    background-color: #d79922;
    border-color: #d79922;
    color: #fff;
}
.btn.btn-minecraft {
    border: 1px solid #94c864;
    background-color: #fff;
    color: #94c864;
}
.btn.btn-minecraft:hover,
.btn.btn-minecraft:focus {
    background-color: #94c864;
    border-color: #94c864;
    color: #fff;
}
.btn.btn-tf2 {
    border: 1px solid #b35215;
    background-color: #fff;
    color: #b35215;
}
.btn.btn-tf2:hover,
.btn.btn-tf2:focus {
    background-color: #b35215;
    border-color: #b35215;
    color: #fff;
}
.btn.btn-quake {
    border: 1px solid #cd1800;
    background-color: #fff;
    color: #cd1800;
}
.btn.btn-quake:hover,
.btn.btn-quake:focus {
    background-color: #cd1800;
    border-color: #cd1800;
    color: #fff;
}
.btn.btn-wot {
    border: 1px solid #ff4005;
    background-color: #fff;
    color: #ff4005;
}
.btn.btn-wot:hover,
.btn.btn-wot:focus {
    background-color: #ff4005;
    border-color: #ff4005;
    color: #fff;
}
.btn.btn-cloudapp {
    border: 1px solid #312c2a;
    background-color: #fff;
    color: #312c2a;
}
.btn.btn-cloudapp:hover,
.btn.btn-cloudapp:focus {
    background-color: #312c2a;
    border-color: #312c2a;
    color: #fff;
}
.btn.btn-creativecommons {
    border: 1px solid #000000;
    background-color: #fff;
    color: #000000;
}
.btn.btn-creativecommons:hover,
.btn.btn-creativecommons:focus {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}
.btn.btn-ie {
    border: 1px solid #00a1d9;
    background-color: #fff;
    color: #00a1d9;
}
.btn.btn-ie:hover,
.btn.btn-ie:focus {
    background-color: #00a1d9;
    border-color: #00a1d9;
    color: #fff;
}
.btn.btn-podcast {
    border: 1px solid #9365ce;
    background-color: #fff;
    color: #9365ce;
}
.btn.btn-podcast:hover,
.btn.btn-podcast:focus {
    background-color: #9365ce;
    border-color: #9365ce;
    color: #fff;
}
.btn.btn-steam {
    border: 1px solid #000000;
    background-color: #fff;
    color: #000000;
}
.btn.btn-steam:hover,
.btn.btn-steam:focus {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}


/* Loading Buttons */
.ladda-button {
    position: relative
}
.ladda-button .ladda-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    opacity: 0;
    pointer-events: none
}
.ladda-button .ladda-label {
    position: relative;
    z-index: 3
}
.ladda-button .ladda-progress {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.1s linear all !important;
    -moz-transition: 0.1s linear all !important;
    -ms-transition: 0.1s linear all !important;
    -o-transition: 0.1s linear all !important;
    transition: 0.1s linear all !important
}
.ladda-button[data-loading] .ladda-progress {
    opacity: 1;
    visibility: visible
}
.ladda-button,
.ladda-button .ladda-spinner,
.ladda-button .ladda-label {
    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important
}
.ladda-button[data-style=zoom-in],
.ladda-button[data-style=zoom-in] .ladda-spinner,
.ladda-button[data-style=zoom-in] .ladda-label,
.ladda-button[data-style=zoom-out],
.ladda-button[data-style=zoom-out] .ladda-spinner,
.ladda-button[data-style=zoom-out] .ladda-label {
    -webkit-transition: 0.3s ease all !important;
    -moz-transition: 0.3s ease all !important;
    -ms-transition: 0.3s ease all !important;
    -o-transition: 0.3s ease all !important;
    transition: 0.3s ease all !important
}
.ladda-button[data-style=expand-right] .ladda-spinner {
    right: 14px
}
.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
    right: 4px
}
.ladda-button[data-style=expand-right][data-loading] {
    padding-right: 56px
}
.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
    opacity: 1
}
.ladda-button[data-style=expand-right][data-loading][data-size="s"],
.ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
    padding-right: 40px
}
.ladda-button[data-style=expand-left] .ladda-spinner {
    left: 14px
}
.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
    left: 4px
}
.ladda-button[data-style=expand-left][data-loading] {
    padding-left: 56px
}
.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
    opacity: 1
}
.ladda-button[data-style=expand-left][data-loading][data-size="s"],
.ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
    padding-left: 40px
}
.ladda-button[data-style=expand-up] {
    overflow: hidden
}
.ladda-button[data-style=expand-up] .ladda-spinner {
    top: -32px;
    left: 50%;
    margin-left: -16px
}
.ladda-button[data-style=expand-up][data-loading] {
    padding-top: 54px
}
.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
    opacity: 1;
    top: 14px;
    margin-top: 0
}
.ladda-button[data-style=expand-up][data-loading][data-size="s"],
.ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
    padding-top: 32px
}
.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
    top: 4px
}
.ladda-button[data-style=expand-down] {
    overflow: hidden
}
.ladda-button[data-style=expand-down] .ladda-spinner {
    top: 62px;
    left: 50%;
    margin-left: -16px
}
.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,
.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
    top: 40px
}
.ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 54px
}
.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
    opacity: 1
}
.ladda-button[data-style=expand-down][data-loading][data-size="s"],
.ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
    padding-bottom: 32px
}
.ladda-button[data-style=slide-left] {
    overflow: hidden
}
.ladda-button[data-style=slide-left] .ladda-label {
    position: relative
}
.ladda-button[data-style=slide-left] .ladda-spinner {
    left: 100%;
    margin-left: -16px
}
.ladda-button[data-style=slide-left][data-loading] .ladda-label {
    opacity: 0;
    left: -100%
}
.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%
}
.ladda-button[data-style=slide-right] {
    overflow: hidden
}
.ladda-button[data-style=slide-right] .ladda-label {
    position: relative
}
.ladda-button[data-style=slide-right] .ladda-spinner {
    right: 100%;
    margin-left: -16px
}
.ladda-button[data-style=slide-right][data-loading] .ladda-label {
    opacity: 0;
    left: 100%
}
.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
    opacity: 1;
    left: 50%
}
.ladda-button[data-style=slide-up] {
    overflow: hidden
}
.ladda-button[data-style=slide-up] .ladda-label {
    position: relative
}
.ladda-button[data-style=slide-up] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    margin-top: 1em
}
.ladda-button[data-style=slide-up][data-loading] .ladda-label {
    opacity: 0;
    top: -1em
}
.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: -16px
}
.ladda-button[data-style=slide-down] {
    overflow: hidden
}
.ladda-button[data-style=slide-down] .ladda-label {
    position: relative
}
.ladda-button[data-style=slide-down] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    margin-top: -2em
}
.ladda-button[data-style=slide-down][data-loading] .ladda-label {
    opacity: 0;
    top: 1em
}
.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
    opacity: 1;
    margin-top: -16px
}
.ladda-button[data-style=zoom-out] {
    overflow: hidden
}
.ladda-button[data-style=zoom-out] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5)
}
.ladda-button[data-style=zoom-out] .ladda-label {
    position: relative;
    display: inline-block
}
.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}
.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}
.ladda-button[data-style=zoom-in] {
    overflow: hidden
}
.ladda-button[data-style=zoom-in] .ladda-spinner {
    left: 50%;
    margin-left: -16px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2)
}
.ladda-button[data-style=zoom-in] .ladda-label {
    position: relative;
    display: inline-block
}
.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
    opacity: 0;
    -webkit-transform: scale(2.2);
    -moz-transform: scale(2.2);
    -ms-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2)
}
.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}
.ladda-button[data-style=contract] {
    overflow: hidden;
}
.ladda-button[data-style=contract] .ladda-spinner {
    left: 50%;
    margin-left: -16px
}
.ladda-button[data-style=contract][data-loading] {
    border-radius: 50%;
    width: 52px
}
.ladda-button[data-style=contract][data-loading] .ladda-label {
    opacity: 0
}
.ladda-button[data-style=contract][data-loading] .ladda-spinner {
    opacity: 1
}
.ladda-button[data-style=contract-overlay] {
    overflow: hidden;
    box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0)
}
.ladda-button[data-style=contract-overlay] .ladda-spinner {
    left: 50%;
    margin-left: -16px
}
.ladda-button[data-style=contract-overlay][data-loading] {
    border-radius: 50%;
    width: 52px;
    box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0.8)
}
.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
    opacity: 0
}
.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
    opacity: 1

    }

 /* Tables */
 .table-dark {
    background-color: #1b1d1f;
 }
 .table.table-dark  thead th {
    border-bottom: 2px solid #333;
 }
 .table.table-dark td, .table-dark th {
    border-top: 1px solid #333;
}
.thead-dark {
    background: #1b1d1f;
}
.thead-light {
    background: #eceeef;
}
/* Fonts */
.spec-page-fa .spec-icon-wrap-box{
    float: left;
    height: 100px;
    width: 16% !important;
}
.spec-icon-page .spec-icon-wrap-box{
    width: 25%;
    float: left;
    height: 90px;
    text-align: center;
    padding: 20px 10px;
    margin: 0 -1px -1px 0;
    word-wrap: break-word;
    border: 1px solid #ddd;
}
.spec-icon-page .spec-icon-wrap-box:hover {
    background: #fafafa;
}


/* Divider Lines */

.divider-line-heading {                          
    display: table; 
     font-size: 24px; 
    text-align: center; 
    width: 75%;                         
    margin: 40px auto;                  
}
.divider-line-heading span { display: table-cell; position: relative; }
.divider-line-heading span:first-child, .divider-line-heading span:last-child {
    width: 50%;
    top: 13px;                          
    -moz-background-size: 100% 2px;     
    background-size: 100% 2px;          
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}
.divider-line-heading span:first-child {              
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#4a90e2));
    background-image: -webkit-linear-gradient(180deg, transparent, #4a90e2);
    background-image: -moz-linear-gradient(180deg, transparent, #4a90e2);
    background-image: -o-linear-gradient(180deg, transparent, #4a90e2);
    background-image: linear-gradient(90deg, transparent, #4a90e2);
}
.divider-line-heading h2:nth-child(2) {
    padding: 0px 5px; 
    width: auto; 
    white-space: nowrap;
    margin: 0 -4px 10px 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 28px;
}
.divider-line-heading span:last-child {            
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4a90e2), to(transparent));
    background-image: -webkit-linear-gradient(180deg, #4a90e2, transparent);
    background-image: -moz-linear-gradient(180deg, #4a90e2, transparent);
    background-image: -o-linear-gradient(180deg, #4a90e2, transparent);
    background-image: linear-gradient(90deg, #4a90e2, transparent);
}

/* Divider 2 */
.divider-line-heading-2 {                          
    display: table; 
     font-size: 24px; 
    text-align: center; 
    width: 75%;                         
    margin: 40px auto;                  
}
.divider-line-heading-2 span { display: table-cell; position: relative; }
.divider-line-heading-2 span:first-child, .divider-line-heading-2 span:last-child {
    width: 50%;                      
    -moz-background-size: 100% 2px;     
    background-size: 100% 2px;          
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}
.divider-line-heading-2 span:first-child {              
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#4a90e2));
    background-image: -webkit-linear-gradient(180deg, transparent, #4a90e2);
    background-image: -moz-linear-gradient(180deg, transparent, #4a90e2);
    background-image: -o-linear-gradient(180deg, transparent, #4a90e2);
    background-image: linear-gradient(90deg, transparent, #4a90e2);
}
.divider-line-heading-2 h2:nth-child(2) {
    padding: 0px 5px; 
    width: auto; 
    white-space: nowrap;
    margin: 0 -4px 10px 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 28px;
}
.divider-line-heading-2 span:last-child {            
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4a90e2), to(transparent));
    background-image: -webkit-linear-gradient(180deg, #4a90e2, transparent);
    background-image: -moz-linear-gradient(180deg, #4a90e2, transparent);
    background-image: -o-linear-gradient(180deg, #4a90e2, transparent);
    background-image: linear-gradient(90deg, #4a90e2, transparent);
}

/* Divider 3 */
.divider-line-heading-3 {                          
    display: table; 
     font-size: 24px; 
    text-align: center; 
    width: 75%;                         
    margin: 40px auto;                  
}
.divider-line-heading-3 span { display: table-cell; position: relative; }
.divider-line-heading-3 span:first-child, .divider-line-heading-3 span:last-child {
    width: 50%;
    top: 25px;                          
    -moz-background-size: 100% 2px;     
    background-size: 100% 2px;          
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}
.divider-line-heading-3 span:first-child {              
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#4a90e2));
    background-image: -webkit-linear-gradient(180deg, transparent, #4a90e2);
    background-image: -moz-linear-gradient(180deg, transparent, #4a90e2);
    background-image: -o-linear-gradient(180deg, transparent, #4a90e2);
    background-image: linear-gradient(90deg, transparent, #4a90e2);
}
.divider-line-heading-3 h2:nth-child(2) {
    padding: 0px 5px; 
    width: auto; 
    white-space: nowrap;
    margin: 0 -4px 10px 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 28px;
}
.divider-line-heading-3 span:last-child {            
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4a90e2), to(transparent));
    background-image: -webkit-linear-gradient(180deg, #4a90e2, transparent);
    background-image: -moz-linear-gradient(180deg, #4a90e2, transparent);
    background-image: -o-linear-gradient(180deg, #4a90e2, transparent);
    background-image: linear-gradient(90deg, #4a90e2, transparent);
}

/*  Hr Custom Divider */
.hr {
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
  margin-bottom: 0em;
  padding: 2em 0;
}
.hr:after, .hr:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 50%;
  left: 0;
}
.hr:before {
  background: -webkit-linear-gradient(left, #10111F 0%, #10111F 50%, transparent 50%, transparent 100%);
  background: linear-gradient(90deg, #10111F 0%, #10111F 50%, transparent 50%, transparent 100%);
  background-size: 15px;
  background-position: center;
  z-index: 1;
}
.hr:after {
  -webkit-transition: opacity 0.3s ease, -webkit-animation 0.3s ease;
  transition: opacity 0.3s ease, -webkit-animation 0.3s ease;
  transition: opacity 0.3s ease, animation 0.3s ease;
  transition: opacity 0.3s ease, animation 0.3s ease, -webkit-animation 0.3s ease;
  background: -webkit-linear-gradient(left, #62efab 5%, #F2EA7D 15%, #F2EA7D 25%, #FF8797 35%, #FF8797 45%, #e1a4f4 55%, #e1a4f4 65%, #82fff4 75%, #82fff4 85%, #62efab 95%);
  background: linear-gradient(to right, #62efab 5%, #F2EA7D 15%, #F2EA7D 25%, #FF8797 35%, #FF8797 45%, #e1a4f4 55%, #e1a4f4 65%, #82fff4 75%, #82fff4 85%, #62efab 95%);
  background-size: 200%;
  background-position: 0%;
  -webkit-animation: bar 15s linear infinite;
          animation: bar 15s linear infinite;
}
@-webkit-keyframes bar {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 200%;
  }
}
@keyframes bar {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 200%;
  }
}
.hr.anim:before {
  background: -webkit-linear-gradient(left, #10111F 0%, #10111F 5%, transparent 5%, transparent 10%, #10111F 10%, #10111F 15%, transparent 15%, transparent 20%, #10111F 20%, #10111F 25%, transparent 25%, transparent 30%, #10111F 30%, #10111F 35%, transparent 35%, transparent 40%, #10111F 40%, #10111F 45%, transparent 45%, transparent 50%, #10111F 50%, #10111F 55%, transparent 55%, transparent 60%, #10111F 60%, #10111F 65%, transparent 65%, transparent 70%, #10111F 70%, #10111F 75%, transparent 75%, transparent 80%, #10111F 80%, #10111F 85%, transparent 85%, transparent 90%, #10111F 90%, #10111F 95%, transparent 95%, transparent 100%);
  background: linear-gradient(90deg, #10111F 0%, #10111F 5%, transparent 5%, transparent 10%, #10111F 10%, #10111F 15%, transparent 15%, transparent 20%, #10111F 20%, #10111F 25%, transparent 25%, transparent 30%, #10111F 30%, #10111F 35%, transparent 35%, transparent 40%, #10111F 40%, #10111F 45%, transparent 45%, transparent 50%, #10111F 50%, #10111F 55%, transparent 55%, transparent 60%, #10111F 60%, #10111F 65%, transparent 65%, transparent 70%, #10111F 70%, #10111F 75%, transparent 75%, transparent 80%, #10111F 80%, #10111F 85%, transparent 85%, transparent 90%, #10111F 90%, #10111F 95%, transparent 95%, transparent 100%);
  background-size: 150px;
  background-position: center;
  z-index: 1;
  -webkit-animation: bar 120s linear infinite;
          animation: bar 120s linear infinite;
}
.hr.anim:hover:before {
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
}
.hr.anim:hover:after {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

/* Other Dividers */


.divider-1 {
        border-bottom: 1px solid #f7f7f7;
        background-color: #f7f7f7;
        height: 1px;
}

.divider-1 span {
        display: block;
        width: 50px;
        height: 1px;
        background-color: #F60;
}

.divider-2 {
        border-bottom: 1px solid #f7f7f7;
        background-color: #f7f7f7;
        height: 1px;
}

.divider-2 span {
        display: block;
        width: 50px;
        height: 1px;
        background-color: #1589FF;
}

.divider-3 {
        border-bottom: 1px solid #f7f7f7;
        background-color: #f7f7f7;
        height: 1px;
}

.divider-3 span {
        display: block;
        width: 50px;
        height: 1px;
        background-color: #FF00FF;
}

/* Headings with borders */

h2 .divider-heading:before, h2 .divider-heading:after {
  content: "";
  border-bottom: 2px solid #4a90e2;
  width: 3em;
  margin: 0 10.5em;
  position: absolute;
  bottom: 3em;
}
h2 .divider-heading:before {
  right: 50%;
}
h2 .divider-heading:after {
  left: 50%;
}
/* Dotted border - headings */
h2 .divider-heading-2:before, h2 .divider-heading-2:after {
  content: "";
  border-bottom: 2px dotted #4a90e2;
  width: 3em;
  margin: 0 10.5em;
  position: absolute;
  bottom: 3em;
}
h2 .divider-heading-2:before {
  right: 50%;
}
h2 .divider-heading-2:after {
  left: 50%;
}
/* Groove border - headings */
h2 .divider-heading-3:before, h2 .divider-heading-3:after {
  content: "";
  border-bottom: 3px ridge #4a90e2;
  width: 3em;
  margin: 0 10.5em;
  position: absolute;
  bottom: 3em;
}
h2 .divider-heading-3:before {
  right: 50%;
}
h2 .divider-heading-3:after {
  left: 50%;
}
/* Dashed border - headings */
h2 .divider-heading-4:before, h2 .divider-heading-4:after {
  content: "";
  border-bottom: 2px dashed #4a90e2;
  width: 3em;
  margin: 0 10.5em;
  position: absolute;
  bottom: 3em;
}
h2 .divider-heading-4:before {
  right: 50%;
}
h2 .divider-heading-4:after {
  left: 50%;
}

/* Crossed Text border - headings */
h2 .divider-heading-5:before, h2 .divider-heading-5:after {
  content: "";
  border-bottom: 2px dashed #f7f7f7;
  width: 3em;
  position: absolute;
  bottom: 3em;
}
h2 .divider-heading-5:before {
  right: 50%;
}
h2 .divider-heading-5:after {
  left: 50%;
}

/* Crossed Text border - headings */
h2 .divider-heading-6:before, h2 .divider-heading-6:after {
  content: "";
  border-bottom: 2px solid #f7f7f7;
  width: 3em;
  position: absolute;
  bottom: 3em;
}
h2 .divider-heading-6:before {
  right: 50%;
}
h2 .divider-heading-6:after {
  left: 50%;
}

/*------------------------------------------------------------------
[Breadcrumb]
*/

.breadcrumb {
    background-color: transparent;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.breadcrumb-item > a {
    color: #999;
}

.breadcrumb-item > a:hover,
.breadcrumb-item > a:focus {
    color: #4a90e2;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding: 0 6px 0 6px;
    content: "-";
}

.breadcrumb > .active,
.breadcrumb-item + .breadcrumb-item::before {
    color: #999;
}

/*------------------------------------------------------------------
[Clients]
*/
/*  Logo Partners */

.logos-partner-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.logos-partner-3 a {
  border: 1px solid #eee;
    margin: 0.3em;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 1;
    flex-basis: 1;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    overflow: hidden;
}
.logos-partner-3 a:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.logos-partner-3 img {
  display: block;
  width: 100%;
  height: 100%;
}

/* Logos Partners */

.client {
    text-align: center;
    padding: 20px;
    opacity: .5;
    -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
}

.client:hover {
    opacity: 1;
}

.clients-row > [class*="col-"] {
    border-right: 1px solid #f2f2f2;
    line-height: 100px;
}

.clients-row > [class*="col-"]:last-child {
    border: 0;
}

.clients-row + .clients-row {
    border-top: 1px solid #f2f2f2;
}

@media (max-width: 767px) {
    .clients-row {
        border: 1px solid #f2f2f2;
        border-bottom: 0;
    }

    .clients-row > [class*="col-"],
    .clients-row > [class*="col-"]:last-child {
        border: 0;
        border-bottom: 1px solid #f2f2f2;
    }

    .clients-row + .clients-row {
        border-top: 0;
    }
}

/*Badges and Labels
------------------------------------*/
.badge,
.badge {
    border-radius: 0;
}

/*Badge*/
span.badge {
    font-size: 11px;
    font-weight: 400;
    padding: 4px 7px;
}

/*Badges*/
span.badge,
.list-group-item.active>.badge {
    color: #fff;
    font-weight: 400;
    padding: 4px 7px;
}

span.badge-spec,
span.badge-spec,
.list-group-item.active>.badge.badge-spec {
    background: #72c02c;
    color: #fff;
}

span.badge-blue,
span.badge-blue,
.list-group-item.active>.badge {
    background: #3498db;
    color: #fff;
}

span.badge-red,
span.badge-red,
.list-group-item.active>.badge {
    background: #e74c3c;
    color: #fff;
}

span.badge-green,
span.badge-green,
.list-group-item.active>.badge.badge-green {
    background: #2ecc71;
    color: #fff;
}

span.badge-sea,
span.badge-sea,
.list-group-item.active>.badge.badge-sea {
    background: #1abc9c;
    color: #fff;
}

span.badge-orange,
span.badge-orange,
.list-group-item.active>.badge.badge-orange {
    background: #e67e22;
    color: #fff;
}

span.badge-yellow,
span.badge-yellow,
.list-group-item.active>.badge.badge-yellow {
    background: #f1c40f;
    color: #fff;
}

span.badge-purple,
span.badge-purple,
.list-group-item.active>.badge.badge-purple {
    background: #9b6bcc;
    color: #fff;
}

span.badge-aqua,
span.badge-aqua,
.list-group-item.active>.badge.badge-aqua {
    background: #27d7e7;
    color: #fff;
}

span.badge-brown,
span.badge-brown,
.list-group-item.active>.badge.badge-brown {
    background: #9c8061;
    color: #fff;
}

span.badge-dark-blue,
span.badge-dark-blue,
.list-group-item.active>.badge.badge-dark-blue {
    background: #4765a0;
    color: #fff;
}

span.badge-light-green,
span.badge-light-green,
.list-group-item.active>.badge.badge-light-green {
    background: #79d5b3;
    color: #fff;
}

span.badge-light,
span.badge-light,
.list-group-item.active>.badge.badge-light {
    color: #777;
    background: #ecf0f1;
}

span.badge-dark,
span.badge-dark,
.list-group-item.active>.badge.badge-dark {
    background: #555;
    color: #fff;
}

/* Badge Radius */
span.badge-circle {
    border-radius: 4px;
}
span.badge-extra-circle {
    border-radius: 10px;
}

/* Button & Badge Adjustment */
.btn-badge-adjust {
    margin-left: -29px;
}
.btn-badge-ico {
    margin-left: -10px;
}
.badge-in-list-left {
    margin-right: 5px;
}
.badge-in-list-right {
    margin-left: 5px;
}

/*Badge Lists*/
.badge-lists li {
    position: relative;
}

.badge-lists span.badge {
    top: -10px;
    right: -6px;
    position: absolute;
}

/*Badge Icons*/
.badge-lists.badge-icons span.badge {
    min-width: 12px;
    padding: 3px 6px;
 }

.badge-lists.badge-icons i {
    font-size: 18px;
    min-width: 25px;
}

/*Badge Box v1*/
.badge-box-v1 a {
    color: #777;
    min-width: 40px;
    font-size: 18px;
    padding: 8px 9px;
    display: inline-block;
    border: solid 1px #eee;
}

/*Badge Box v2*/
.badge-box-v2 a {
    color: #777;
    font-size: 12px;
    padding: 10px;
    min-width: 70px;
    text-align: center;
    display: inline-block;
    border: solid 1px #eee;
}

.badge-box-v2 a i {
    font-size: 20px;
}

/*General Badge Box*/
.badge-box-v1 a i,
.badge-box-v2 a i {
    display: block;
    margin: 1px auto 2px;
}

.badge-box-v1 a:hover,
.badge-box-v2 a:hover {
    color: #555;
    border-color: #555;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

/* Spec Dropcap */
.spec-dropcap {
    font-size: 50px;
    font-weight: bold;
    color: #4a90e2;
    margin-right: 5px;
}
.spec-dropcap-2 {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    margin-right: 5px;
    background: #4a90e2;
    padding: 5px 20px 0 20px;
}
.dropcap-radius {
    border-radius: 40px;
}
/*------------------------------------------------------------------
[Grid - Column]*/
.spec-responsive-utility {
    padding: 20px;
    border: 1px solid #eee;
    margin-bottom: 20px;
}

/*------------------------------------------------------------------
[Box Shadows]*/

.wrap-shadowbox-spec {
  z-index: 1;
  position: relative;
}

.spec-box-1 {
    border: solid 1px #eee;
    border-top: solid 2px #4a90e2;
}

.spec-box-3 {
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
}
.spec-box-2{
    background: #fafafa;
    border: solid 1px #eee;
    border-left: solid 2px #4a90e2;
}

blockquote.hero {
    border: none;
    padding: 18px;
    font-size: 16px;
    background: #f3f3f3;
    border-left: solid 2px #4a90e2;
}
blockquote.hero.text-right, blockquote.hero.text-right:hover {
    border-color: #4a90e2;
}
blockquote.text-right, blockquote.hero.text-right {
    border-left: none;
    border-right: 2px solid #eee;
}
/*Common Style*/
.box-shadow {
  background: #fff;
  position: relative;
}

.box-shadow:after,
.box-shadow:before {
  top: 80%;
  left: 5px;
  width: 50%;
  z-index: -1;
  content: "";
  bottom: 15px;
  max-width: 300px;
  background: #999;
  position: absolute;
}

 /*Effect 1*/
.shadow-effect-1 {
  box-shadow: 0 10px 6px -6px #bbb;
}

 /*Effect 2,3,4*/
.shadow-effect-2 {
  position: relative;
}

.shadow-effect-2:after,
.shadow-effect-2:before,
.shadow-effect-3:before,
.shadow-effect-4:after {
  transform: rotate(-3deg);
  box-shadow: 0 15px 10px #999;
}

.shadow-effect-2:after,
.shadow-effect-4:after {
  left: auto;
  right: 5px;
  transform: rotate(3deg);
}

/*Effect 5*/
.shadow-effect-5 {
  box-shadow: 0 0 2px #ccc;
}


/*------------------------------------------------------------------
[Portfolio]
*/

.portfolios-item {
    text-align: center;
}

.portfolios-item:hover .portfolio-image:after {
    background: rgba(49, 49, 49, .95);
}

.portfolios-item:hover .portfolio-content,
.portfolios-item:hover .portfolio-content-social {
    opacity: 1;
}

.portfolios-item:hover .portfolio-content {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.portfolio-image {
    position: relative;
    overflow: hidden;
}

.portfolio-image > img {
    width: 100%;
}

.portfolio-image:after {
    background: transparent;
    position: absolute;
    display: block;
    content: " ";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
}

.portfolio-content,
.portfolio-content-social {
    -webkit-transition: .3s ease-in;
            transition: .3s ease-in;
    opacity: 0;
    z-index: 2;
}

.portfolio-content {
    position: absolute;
    padding: 20px 0 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
            transform: translate(10px, -50%);
}

.portfolio-content p,
.portfolio-content h5 {
    color: #fff;
}

.portfolio-content h5 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    margin: 0 0 4px;
}

.portfolio-content p {
    font-size: 14px;
    opacity: .8;
    margin: 0;
}

.portfolio-content-social {
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 18px;
}

.portfolio-content-social ul > li {
    display: inline-block;
    margin-right: 26px;
}

.portfolio-content-social ul > li:last-child {
    margin-right: 0;
}

.portfolio-content-social ul > li > a {
    color: #fff;
    opacity: .5;
}

.portfolio-content-social ul > li > a:hover {
    opacity: 1;
}
.fontsizeteam {
    font-size: 15px;
    background: #eee;
    padding: 10px;
    height: 35px;
    width: 35px;
}
.team-img {
    margin-bottom: 15px;
}

/* Testimonials */
    .testimonials-desc {
    background: #f7f7f7;
    padding: 20px;
    border-bottom: 5px solid #f2f2f2;
     }
     .testimonials-desc:hover {
    border-bottom: 5px solid #4a90e2;
     }
     .rounded-img {
       width: 50px;
        height: 50px;
        border-radius: 50px;
        border: 5px solid #f2f2f2;
        margin: 15px auto;
        text-align: center;
        float: left;
        vertical-align: middle;
     }
     .testimonial-name {
        background: #f2f2f2;
         padding: 10px;
     }
/* ------------------------------------------------------------------
[Iconbox]
*/

.icon-box {
    padding: 35px 0;
}

.icon-box:hover .icon-box-icon {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}

.icon-box-icon {
    font-size: 38px;
    font-size: 56px;
    color: #4a90e2;
    margin: 0 0 10px;
    -webkit-transition: all .4s linear;
            transition: all .4s linear;
}

.icon-box-title h6 {
    font-size: 15px;
    margin: 0 0 15px;
}

.icon-box-content > *:last-child {
    margin-bottom: 0;
}

.icon-box-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 11px;
    margin-top: 15px;
}

.icon-box-left {
    position: relative;
    text-align: left;
    padding-left: 60px;
}

.icon-box-left .icon-box-icon {
    position: absolute;
    height: 38px;
    width: 38px;
    left: 0;
    text-align: center;
    line-height: 38px;
    font-size: 32px;
    color: #4a90e2;
    -webkit-transition: all .4s linear;
            transition: all .4s linear;
}

.icon-box-left .icon-box-icon,
.icon-box-left .icon-box-title {
    text-align: left;
}

/*------------------------------------------------------------------
[Text-box]
*/

.text-box {
    padding: 5px 0;
}

.text-box .text-box-link {
    font-size: 11px;
}

/*------------------------------------------------------------------
[Сounters]
*/

.counter {
    text-align: center;
    padding: 20px 0;
}

.counter .counter-number {
    font-size: 25px;
    line-height: 1;
    margin: 0 0 15px;
    color: #4a90e2;
}

.counter .counter-title {
    font-weight: 500;
    font-size: 15px;
    color: #999;
}

/* Counters Footer */
.counter .counter-number-footer {
    font-size: 25px;
    line-height: 1;
    margin: 0 0 15px;
    color: #fff;
}

.counter .counter-title-footer {
    font-weight: 500;
    font-size: 12px;
    color: #fff;
}

.manual-counter {
    border: 10px solid #f7f7f7;
    background: #fff;
    padding: 20px;
    
}


/*------------------------------------------------------------------
[badge]
*/

.badge {
    border-radius: 0;
}

.badge-brand {
    background: #4a90e2;
    color: #fff;
}

/*------------------------------------------------------------------
[Tabs]
*/

.nav-tabs {
    border-bottom: 1px solid #eaeaea;
}

.nav-tabs .nav-link {
    background-color: #f7f7f7;
    border: 1px solid #eaeaea;
    border-right: 0;
    border-radius: 0;
    padding: 10px 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px;
    color: #999;
}

.nav-tabs .nav-link > i,
.nav-tabs .nav-link > span {
    margin-right: 5px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #eaeaea;
    background-color: #fff;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-color: #eaeaea;
    border-bottom: 1px solid transparent;
}

.nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: .25rem;
}

.nav-tabs .nav-item:last-child .nav-link {
    border-top-right-radius: .25rem;
    border-right: 1px solid #eaeaea;
}

.tab-content {
    border: 5px solid #f7f7f7;
    background-color: #fff;
    border-top: 0;
    padding: 20px 18px;
    color: #999;
}

.tab-pane *:last-child,
.card-block *:last-child {
    margin-bottom: 0;
}

/*------------------------------------------------------------------
[Accordions]
*/

.card {
    border-color: #eaeaea;
    border-radius: 0;
}

.card + .card {
    border-top: 0;
    margin-top: -1px;
}

.card:last-child {
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
}

.card:first-child {
    border-top-left-radius: .25em;
    border-top-right-radius: .25em;
}

.card .card-block {
    border-bottom: 1px solid #eaeaea;
    color: #999;
}

.card-header {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px;
    background-color: #fff;
    border-color: transparent;
    padding: 12px 18px;
}

.card-header a {
    position: relative;
    display: block;
    color: #999;
}

.card-header a:hover,
.card-header a:focus {
    color: #111;
}

.card-header a:after {
    position: absolute;
    content: "\f107";
    top: 50%;
    right: 0;
    margin-top: -7px;
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 1;
}

.card-header a > i,
.card-header a > span {
    margin-right: 5px;
}

/*------------------------------------------------------------------
[Pagination]
*/

.pagination {
    display: block;
    text-align: center;
    margin: 0;
}

.pagination > li {
    display: inline-block;
}

.pagination > li > a > .arrows,
.pagination > li > span > .arrows {
    font-size: 35px;
}

.pagination > li > a > .arrows:before,
.pagination > li > span > .arrows:before {
    line-height: 40px;
}

.pagination .prev {
    text-align: left;
    float: left;
}

.pagination .next {
    text-align: right;
    float: right;
}

.pagination .prev a:hover,
.pagination .next a:hover {
    background-color: transparent;
}

.page-link,
.page-item:last-child .page-link,
.page-item:first-child .page-link {
    border-radius: 50%;
}

.page-item.active .page-link {
    background-color: #fff;
    border-color: transparent;
    color: #4a90e2;
}

.page-link:focus,
.page-link:hover {
    background-color: #fff;
    border-color: transparent;
    color: #4a90e2;
}

.page-link {
    background: transparent;
    border: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    font-size: 12px;
    color: #313131;
    margin: 0;
}

/*------------------------------------------------------------------
[Maps]
*/

.maps-container {
    height: 600px;
}

.maps-container.map-widget {
    height: 400px;
}

.map {
    height: 100% !important;
    width: 100%;
}
#google-maps-dark {
        height: 600px;
        width: 100%;
      }

#google-maps-red-black {
    width: 100%;
    height: 600px;
}

.map:before {
    display: none;
}

/*------------------------------------------------------------------
[Pie charts]
*/
@keyframes bake-pie {
  from {
    transform: rotate(0deg) translate3d(0, 0, 0);
  }
}
.pieID {
  display: inline-block;
  vertical-align: top;
}

.pie {
  height: 200px;
  width: 200px;
  position: relative;
  margin: 0 30px 30px 0;
}

.pie::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100px;
  height: 100px;
  background: #EEE;
  border-radius: 50%;
  top: 50px;
  left: 50px;
}

.pie::after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background: #eee;
    border-radius: 50%;
    box-shadow: 0 0 3px 4px #eee;
    margin: 220px auto;
}

.slice {
  position: absolute;
  width: 200px;
  height: 200px;
  clip: rect(0px, 200px, 200px, 100px);
  animation: bake-pie 1s;
}

.slice span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  clip: rect(0px, 200px, 200px, 100px);
}

.legend {
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #FFF;
  padding: 15px;
  font-size: 13px;
  box-shadow: 1px 1px 0 #eee, 2px 2px 0 #eee;
}

.legend li {
  width: 110px;
  height: 1.25em;
  margin-bottom: 0.7em;
  padding-left: 0.5em;
  border-left: 1.25em solid black;
}

.legend em {
  font-style: normal;
}

.legend span {
  float: right;
}

.pie-chart {
    position: relative;
    padding: 40px 0;
}

.pie-chart .chart {
    position: relative;
    display: block;
    height: 180px;
    width: 180px;
    margin: 0 auto 30px;
    text-align: center;
}

.pie-chart .chart > canvas {
    position: absolute;
    left: 0;
    top: 0;
    height: 100% !important;
    width: 100% !important;
}

.pie-chart .chart-text {
    vertical-align: middle;
    line-height: 180px;
}

.pie-chart .chart-text h5 {
    display: inline-block;
    font-size: 18px;
    font-size: 14px;
    margin: 0;
}

.pie-chart .chart-text .fa,
.pie-chart .chart-text [class*="ti-"] {
    line-height: 180px;
}

.pie-chart .chart-title {
    text-align: center;
    margin: 0 0 15px;
}

.pie-chart .chart-title h5 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

.pie-chart .chart-title > *:last-child {
    margin-bottom: 0;
}

/* ChartJs */

.charts-border-around {
    border: 10px solid #f7f7f7;
    padding: 30px;
}


/*------------------------------------------------------------------
[Pricing Tables]
*/

/* Pricing 2 */

 

    #spec-pricing-table .plan {
    background: #fff;
    border: 1px solid #eee;
    padding: 20px;
    float: left;
    _display: inline;
    position: relative;
    border: 5px solid #f7f7f7;   
    }

    /* Pricing 3 */

 

    #spec-pricing-table-3 .plan {
    background: #1b1d1f;
    padding: 20px;
    float: left;
    _display: inline;
    position: relative;
    border: 1px solid #1e2123;  
    }


/* Pricing 1 */

#pricing-table {
    text-align: center;
}

#pricing-table .plan {
    text-shadow: 0 1px rgba(255,255,255,.8);
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
    padding: 20px;
    float: left;
    position: relative;
}

#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    padding: 30px 20px;
    -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}
.pricing-table-pricing {
    font-size: 15px;
    color: #777;
}

#pricing-table .plan:nth-child(1) {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;        
}

#pricing-table .plan:nth-child(4) {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;        
}

/* --------------- */   

#pricing-table h3 {
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
    margin: -20px -20px 50px -20px;
}

#pricing-table #most-popular h3 {
    background-color: #f7f7f7;
    margin-top: -30px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table .plan:nth-child(1) h3 {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(4) h3 {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;       
}   

#pricing-table h3 span {
    display: block;
    color: #777;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 100px;
    margin: 10px auto -65px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    color: #999;
}



/* --------------- */

.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}

.pricing-wrapper {
    background: #fff;
    border: 1px solid #f2f2f2;
    text-align: center;
    margin: 0 0 30px;
}

.pricing-wrapper.pricing-popular {
    margin-top: -20px;
}

.pricing-header {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 20px;
}

.pricing-header h4 {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0;
}

.pricing-popular .pricing-header {
    padding: 40px 20px;
}

.pricing-price {
    padding: 30px 40px;
    border-bottom: 1px solid #f2f2f2;
}

.pricing-price h5 {
    font-size: 60px;
    margin: 0 0 0 -10px;
}

.pricing-price h5 > span {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    padding-top: 8px;
    padding-right: 2px;
}

.pricing-price hr {
    margin-top: 20px;
    margin-bottom: 0;
}

.pricing-body {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0;
}

.pricing-features {
    padding: 0;
    margin: 0;
}

.pricing-features li {
    border-bottom: 1px solid #f2f2f2;
    color: #999;
    padding: 8px 0;
    margin: 0;
}

.pricing-features li:last-child {
    border: 0;
}

.pricing-footer {
    padding: 20px 20px;
}

.pricing-popular .pricing-footer {
    padding: 30px 20px;
}

.pricing-wrapper .pricing-header h4,
.pricing-wrapper .pricing-price h5 {
    color: #313131;
}

@media (max-width: 767px) {
    .pricing-wrapper.pricing-popular {
        margin-top: 0;
    }
}

/*------------------------------------------------------------------
[Sliders]
*/

.owl-carousel .owl-pagination {
    text-align: center;
}

.owl-carousel .owl-pagination .owl-page {
    border-radius: 8px;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 4px;
    position: relative;
    background: rgba(255, 255, 255, .7);
    display: inline-block;
    overflow: hidden;
    height: 6px;
    width: 6px;
    margin: 6px 4px;
    text-indent: -200%;
    z-index: 1000;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(17, 17, 17, .4);
    -webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
            transition: all .3s cubic-bezier(0, 0, .58, 1);
}

.owl-carousel .owl-pagination .owl-page.active {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}

.spec-carousel-img {
    position: relative;
}

.spec-carousel-img img {
    width: 100%;
}

.spec-carousel-img.owl-carousel .owl-prev,
.spec-carousel-img.owl-carousel .owl-next {
    background: transparent;
    position: absolute;
    height: 70px;
    width: 70px;
    top: 50%;
    margin-top: -35px;
    text-align: center;
    line-height: 70px;
    font-size: 36px;
    display: block;
    color: #fff;
}

.spec-carousel-img.owl-carousel .owl-prev span:before,
.spec-carousel-img.owl-carousel .owl-next span:before {
    line-height: 68px;
}

.spec-carousel-img.owl-carousel .owl-prev {
    left: 15px;
}

.spec-carousel-img.owl-carousel .owl-next {
    right: 15px;
}

.spec-carousel-img .owl-pagination {
    margin-top: -28px;
}

.tms-slides {
    text-align: center;
}

.tms-slides .tms-icons {
    margin: 0 0 20px;
}

.tms-slides .tms-icons h2 {
    line-height: 1;
    font-size: 32px;
}

.tms-slides blockquote {
    border: 0;
    line-height: 1.8;
    font-size: 20px;
    padding: 20px 0;
    margin: 0;
}

.tms-slides blockquote p:before,
.tms-slides blockquote p:after {
    display: none;
}

.tms-slides .tms-author {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 11px;
    opacity: .8;
}

.tms-slides .owl-pagination {
    margin-top: 20px;
}

.spec-slides {
    position: relative;
}

.spec-slides .slides-container {
    display: none;
}

.spec-slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

.spec-slides .scrollable:after {
    content: "";
    display: table;
    clear: both;
}

.slides-navigation {
    margin: -35px auto 0;
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 100%;
}

.slides-navigation a {
    position: absolute;
    height: 70px;
    width: 70px;
    top: 50%;
    margin-top: -35px;
    text-align: center;
    font-size: 36px;
    display: block;
    color: #fff;
    -webkit-transition: all .3s cubic-bezier(.3, .1, .58, 1);
            transition: all .3s cubic-bezier(.3, .1, .58, 1);
}

.slides-navigation a span:before {
    line-height: 68px;
}

.slides-navigation a.prev {
    left: 40px;
}

.slides-navigation a.next {
    right: 40px;
}

.spec-slides.dark-nav:hover a.prev:hover,
.spec-slides.dark-nav:hover a.next:hover,
.spec-slides.dark-nav:hover a.prev:focus,
.spec-slides.dark-nav:hover a.next:focus,
.spec-slides.dark-nav .slides-navigation a {
    color: #313131;
}

.spec-slides:hover a.prev:hover,
.spec-slides:hover a.next:hover,
.spec-slides:hover a.prev:focus,
.spec-slides:hover a.next:focus {
    color: #fff;
}

.spec-slides:hover a.prev:hover {
    -webkit-transform: translateX(-5px) scale(.97);
            transform: translateX(-5px) scale(.97);
}

.spec-slides:hover a.next:hover {
    -webkit-transform: translateX(5px) scale(.97);
            transform: translateX(5px) scale(.97);
}

.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.slides-pagination a {
    position: relative;
    background: rgba(255, 255, 255, .7);
    display: inline-block;
    overflow: hidden;
    height: 6px;
    width: 6px;
    margin: 6px 7px;
    text-indent: -200%;
    z-index: 1000;
    border-radius: 6px;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
            transition: all .3s cubic-bezier(0, 0, .58, 1);
}

.slides-pagination a.current {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
}

@media (max-width: 992px) {
    .slides-navigation a.prev {
        left: 20px;
    }

    .slides-navigation a.next {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .slides-navigation a.prev,
    .slides-navigation a.next {
        display: none;
    }
}
/* Services 2 */

.about-box-cus {
    padding: 20px;
    border: 2px solid #eceeef;
}
.round-icon {
    font-size: 35px;
    background: #f7f7f7;
    padding: 25px;
    margin: 10px;
    border-radius: 50px;
    color: #4a90e2;
}
.card-padding {
    padding: 20px;
}
.card-body-pad {
    margin-top: 20px;
    margin-left: 4px;
}

/* Services */
.service-area-spec {
    background: #fff;
    padding: 20px 20px 30px 20px;
    border: 1px solid #eee;
}
.img-border {
    border: 5px solid #f7f7f7;
}

.services-wrapper {
    background: #fff;
    border: 1px solid #f2f2f2;
    text-align: center;
    margin: 0 0 30px;
}

.services-wrapper.services-popular {
    margin-top: -20px;
}

.services-header {
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 30px 20px;
}

.services-header h4 {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0;
}

.services-popular .services-header {
    padding: 40px 20px;
}

.services-price {
    padding: 30px 40px;
    border-bottom: 1px solid #f2f2f2;
}

.services-price h5 {
    font-size: 60px;
    margin: 0 0 0 -10px;
}

.services-price h5 > span {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    padding-top: 8px;
    padding-right: 2px;
}

.services-price hr {
    margin-top: 20px;
    margin-bottom: 0;
}

.services-body {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0;
}

.services-features {
    padding: 0;
    margin: 0;
}

.services-features li {
    border-bottom: 1px solid #f2f2f2;
    color: #999;
    padding: 8px 0;
    margin: 0;
}

.services-features li:last-child {
    border: 0;
}

.services-footer {
    padding: 20px 20px;
}

.services-popular .services-footer {
    padding: 30px 20px;
}

.services-wrapper .services-header h4,
.services-wrapper .services-price h5 {
    color: #313131;
}

@media (max-width: 767px) {
    .services-wrapper.services-popular {
        margin-top: 0;
    }
}

.pricing-table-service {
    border: 1px solid #eee;
    padding: 20px;
}

.border-service-area {
    border: 2px solid #f7f7f7;
    border-radius: 50%;
}
/*------------------------------------------------------------------
[Flexslider]
*/

.flexslider {
    border: 0;
    margin: 0;
}

.flexslider .slides {
    height: 100% !important;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
}

.flexslider .slides {
    overflow: hidden;
}

.flexslider .slides li {
    height: 100% !important;
    width: 100%;
    padding: 0;
    margin: 0;
}

.flex-direction-nav a {
    text-shadow: none;
    line-height: 60px;
    color: #fff;
    width: 30px;
    height: 60px;
    margin: -30px 0 0;
    opacity: .8;
}

.flex-direction-nav a:hover {
    opacity: 1;
}

.flex-direction-nav a:before {
    font-family: "linea-arrows-10" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;
    color: #fff;
}

.flex-direction-nav a.flex-next:before {
    content: "\e04b";
}

.flex-direction-nav a.flex-prev:before {
    content: "\e03f";
}

.flex-direction-nav .flex-prev {
    left: 45px;
}

.flex-direction-nav .flex-next {
    right: 45px;
}

.dark-nav .flex-direction-nav a:before {
    color: #313131;
}

.slide-background {
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    z-index: -1;
}

.kenburns .slides li:nth-of-type(odd) .slide-background {
            animation: kenBurnsEast 25s linear infinite alternate;
    -webkit-animation: kenBurnsEast 25s linear infinite alternate;
}

.kenburns .slides li:nth-of-type(even) .slide-background {
            animation: kenBurnsWest 25s linear infinite alternate;
    -webkit-animation: kenBurnsWest 25s linear infinite alternate;
}

@keyframes kenBurnsEast {
    from {
                transform: scale(1) translateX(0);
        -webkit-transform: scale(1) translateX(0);
    }

    to {
                transform: scale(1.2) translateX(100px);
        -webkit-transform: scale(1.2) translateX(100px);
    }
}

@-webkit-keyframes kenBurnsEast {
    from {
                transform: scale(1) translateX(0);
        -webkit-transform: scale(1) translateX(0);
    }

    to {
                transform: scale(1.2) translateX(100px);
        -webkit-transform: scale(1.2) translateX(100px);
    }
}

@keyframes kenBurnsWest {
    from {
                transform: scale(1) translateX(0);
        -webkit-transform: scale(1) translateX(0);
    }

    to {
                transform: scale(1.2) translateX(-100px);
        -webkit-transform: scale(1.2) translateX(-100px);
    }
}

@-webkit-keyframes kenBurnsWest {
    from {
                transform: scale(1) translateX(0);
        -webkit-transform: scale(1) translateX(0);
    }

    to {
                transform: scale(1.2) translateX(-100px);
        -webkit-transform: scale(1.2) translateX(-100px);
    }
}

@media all and (max-width: 767px) {
    .flex-direction-nav {
        display: none;
    }

    .kenburns .slides li .slide-background {
        -webkit-animation: none !important;
                animation: none !important;
    }
}

/*------------------------------------------------------------------
[Social Icons]
*/

.social-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-list > li {
    display: inline-block;
    margin: 5px 5px 5px 0;
}

.social-list > li > a {
    display: block;
    background: #f7f7f7;
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #313131;
}

.social-list > li > a:hover,
.social-list > li > a:focus {
    opacity: .6;
}

.social-icons {
    list-style: none;
    padding: 0;
    margin: 0;
}

.social-icons > li {
    display: inline-block;
    margin: 5px 15px 5px 0;
}

.social-icons > li > a {
    font-size: 14px;
    color: #333;
}

.social-icons > li > a:hover,
.social-icons > li > a:focus {
    color: #4a90e2;
}

/*!------------------------------------------------------------------
[Preloader]
*/

.pace .pace-progress {
    background: #4a90e2;
}

.page-loader {
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9998;
}

/*------------------------------------------------------------------
[Offcanvas]
*/

body:after {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    height: 1px;
    width: 1px;
    bottom: 0;
    right: 0;
    left: 0;
    top: -1px;
    z-index: 9998;
    content: " ";
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(.785, .135, .15, .86);
            transition: opacity .2s cubic-bezier(.785, .135, .15, .86);
    cursor: pointer;
    cursor: url("../img/close.png"), pointer;
}

body.off-canvas-sidebar-open:after {
    visibility: visible;
    height: 100%;
    width: 100%;
    opacity: 1;
    top: 0;
}

.layout {
    position: relative;
    -webkit-transition: left .2s cubic-bezier(.645, .045, .355, 1), 1.7s opacity ease;
            transition: left .2s cubic-bezier(.645, .045, .355, 1), 1.7s opacity ease;
    left: 0;
}

body.off-canvas-sidebar-open .layout {
    left: -270px;
}

.off-canvas-sidebar-open .off-canvas-sidebar {
    -webkit-transform: translateX(-425px);
            transform: translateX(-425px);
}

.off-canvas-sidebar {
    background: #1b1d1f;
    position: fixed;
    right: -425px;
    top: 0;
    height: 100%;
    width: 425px;
    z-index: 999999;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
            transition: -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
            transition: transform .2s cubic-bezier(.645, .045, .355, 1);
            transition: transform .2s cubic-bezier(.645, .045, .355, 1),
                -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
}

.off-canvas-sidebar h1,
.off-canvas-sidebar .h1,
.off-canvas-sidebar h2,
.off-canvas-sidebar .h2,
.off-canvas-sidebar h3,
.off-canvas-sidebar .h3,
.off-canvas-sidebar h4,
.off-canvas-sidebar .h4,
.off-canvas-sidebar h5,
.off-canvas-sidebar .h5,
.off-canvas-sidebar h6,
.off-canvas-sidebar .h6 {
    color: #fff;
}

.off-canvas-sidebar a {
    color: #fff;
}

.off-canvas-sidebar a:hover,
.off-canvas-sidebar a:focus {
    color: #fff;
    opacity: .7;
}

.off-canvas-sidebar-wrapper {
    width: auto;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.off-canvas-header,
.off-canvas-content {
    padding-right: 30px;
    padding-left: 30px;
}

.off-canvas-content {
    padding-bottom: 30px;
}

.off-canvas-header {
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: right;
}

.close-offcanvas {
    font-size: 24px;
}

.off-canvas-sidebar a,
.off-canvas-sidebar .widget a {
    color: #fff;
}

.off-canvas-sidebar a:hover,
.off-canvas-sidebar a:focus,
.off-canvas-sidebar .widget a:hover,
.off-canvas-sidebar .widget a:focus {
    color: #fff;
    opacity: .7;
}

.off-canvas-sidebar .social-icons {
    text-align: center;
}

.off-canvas-sidebar .social-icons > li {
    margin: 5px 10px 0;
}

.off-canvas-sidebar .social-icons a {
    color: #999;
}

.off-canvas-sidebar .social-icons a:hover,
.off-canvas-sidebar .social-icons a:focus {
    color: #fff;
}

/*------------------------------------------------------------------
[Modals]
*/

.modal {
    z-index: 99999;
}

.modal-dialog {
    margin: 100px auto;
}

.modal-content {
    border: 0;
    border-radius: 3px;
}

@media (min-width: 768px) {
    .modal-sm {
        width: 340px;
    }
}

/*------------------------------------------------------------------
[Special Headings]
*/

.special-heading {
    border-bottom: 1px solid #f2f2f2;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.special-heading h1,
.special-heading h2,
.special-heading h3,
.special-heading h4,
.special-heading h5,
.special-heading h6 {
    border-bottom: 2px solid #4a90e2;
    display: inline-block;
    padding: 0 0 7px 0;
    margin: 0 0 -2px 0;
}

.special-heading h1,
.special-heading h2,
.special-heading h3,
.special-heading h4 {
    letter-spacing: 2px;
}

.special-heading h5,
.special-heading h6 {
    letter-spacing: 1px;
}

.special-heading h1 {
    font-size: 20px;
}

.special-heading h2 {
    font-size: 18px;
}

.special-heading h3 {
    font-size: 16px;
}

.special-heading h4 {
    font-size: 14px;
}

.special-heading h5 {
    font-size: 14px;
}

.special-heading h6 {
    font-size: 12px;
}

/*------------------------------------------------------------------
[Testimonials]
*/

.tms-carousel {
    margin: 0 -15px;
}

.tms-carousel .owl-pagination {
    margin-top: 20px;
}

.testimonials-card {
    background: #fff;
    border: 1px solid #f2f2f2;
    text-align: center;
    position: relative;
    margin: 60px 15px 20px;
    padding: 0 40px 40px;
    color: #999;
    -webkit-transition: all .4s ease;
            transition: all .4s ease;
}

.testimonials-card:hover {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
}

.testimonials-card-photo {
    position: absolute;
    left: 50%;
    height: 90px;
    width: 90px;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
}

.testimonials-card-photo img {
    border-radius: 50%;
    width: 100%;
}

.testimonials-card-content {
    padding: 80px 0 10px;
}

.testimonials-card-author {
    font-size: 14px;
}

.testimonials-card-author h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 0 0 5px;
}

.testimonials-card-author *:last-child {
    margin-bottom: 0;
}

.testimonials-card .testimonials-card-author h4 {
    color: #313131;
}
.tms-content-2 {
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
}
.rounded-img-2 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 5px solid #f2f2f2;
    margin: -55px auto;
    text-align: center;
    float: none;
    vertical-align: middle;
}
.rounded-img-3 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: 5px solid #f2f2f2;
    margin: -30px auto;
    text-align: center;
    float: none;
    vertical-align: middle;
}

/*------------------------------------------------------------------
[Icon List]
*/

.icon-list li {
    display: table;
    margin: 0 0 8px;
}

.icon-list i,
.icon-list span {
    display: table-cell;
    vertical-align: middle;
}

.icon-list i:before,
.icon-list span:before {
    display: block;
}

.icon-list .fa,
.icon-list .icon {
    font-size: 19px;
    width: 1%;
    color: #4a90e2;
    padding-right: 15px;
}

/*------------------------------------------------------------------
[Features]
*/

.feature {
    margin: 15px 0;
}

.feature .feature-thumb img {
    width: 100%;
}

.feature .feature-content {
    padding: 30px 0;
}

.feature .feature-content h6 {
    font-size: 15px;
    margin: 0 0 15px;
}

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

.feature-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 11px;
}

/*------------------------------------------------------------------
[Timeline]
*/

.timeline > ul {
    padding: 0;
    margin: 0;
}

.timeline > ul > li {
    list-style-type: none;
    position: relative;
    width: 2px;
    margin: 0 auto;
    padding-top: 50px;
    background: #f2f2f2;
}

.timeline > ul > li:first-child {
    padding-top: 100px;
}

.timeline > ul > li:last-child {
    padding-bottom: 100px;
}

.timeline > ul > li::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: inherit;
    top: 100px;
    border: 5px solid #eee;
    background: #4a90e2;
    padding: 5px;
}

.timeline > ul > li:first-child::after {
    top: 100px;
    border: 5px solid #eee;
    background: #4a90e2;
    padding: 5px;
}

.timeline > ul > li > div {
    position: relative;
    bottom: 0;
    width: 400px;
}

.timeline > ul > li .timeline-box {
    border-radius: 3px;
    background: #fff;
    border: 1px solid #f2f2f2;
}

.timeline > ul > li .timeline-box .timeline-thumb img {
    border-radius: 3px 3px 0 0;
    width: 100%;
}

.timeline > ul > li .timeline-box .timeline-content {
    padding: 30px;
}

.timeline > ul > li .timeline-box .timeline-content h6 {
    font-size: 15px;
    margin: 0 0 15px;
}

.timeline > ul > li .timeline-box .timeline-content *:last-child {
    margin-bottom: 0;
}

.timeline > ul > li:nth-child(odd) > div {
    left: 45px;
}

.timeline > ul > li:nth-child(even) > div {
    left: -439px;
}

@media screen and (max-width: 900px) {
    .timeline > ul > li > div {
        width: 250px;
    }

    .timeline > ul > li:nth-child(even) > div {
        left: -289px;
        /*250+45-6*/
    }
}

@media screen and (max-width: 600px) {
    .timeline > ul > li {
        margin-left: 0;
    }

    .timeline > ul > li > div {
        width: calc(100vw - 112px);
    }

    .timeline > ul > li:nth-child(even) > div {
        left: 45px;
    }
}

/*------------------------------------------------------------------
[Style Switcher]
*/

.bg-orange {
   background: #e67e22;
}
.bg-yellow {
    background: #f1c40f;
}
.bg-dark-green {
    background: #72c02c;
}
.bg-dark {
    background: #555;
}
.bg-purple {
    background: #9b6bcc;
}
.bg-aqua {
    background: #27d7e7;
}
.bg-brown {
    background: #9c8061;
}
.bg-dark-blue {
    background: #4765a0;
}
.bg-light-green {
    background: #79d5b3;
}
.bg-default-dark {
    background: #585f69;
}
.bg-default-light {
    background: #ddd;
}
.bg-gray {
    background: #95a5a6;
}
.bg-red {
    background: #e74c3c;
}
.bg-blue {
    background: #3498db;
}
.bg-sea {
    background: #1abc9c;
}

/* Panels */
.custom-panel {
    position: fixed;
    width: 230px;
    left: 0;
    top: 150px;
    color: #eee;
    z-index: 999;
    background-color: #252525;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.panel-toggle {
    background-color: #252525;
    position: absolute;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.panel-toggle i {
    font-size: 1.1em;
}

.panel-options,
.panel-header {
    padding: 20px;
}

.panel-header {
    font-size: 15px;
    border-bottom: 1px #2d2d2d solid;
}

.panel-options {
    padding: 30px 20px;
}

.panel-options p {
    font-size: 13px;
    margin: 0 0 20px 0;
}

.st-sw-layout {
    display: block;
    padding: 2px 0;
    font-weight: 400;
}

.color-picker {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px;
}

.color-picker.color-picker-last {
    margin: 0 0 20px 0;
}

.color-picker li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
}

.color-picker li:nth-child(5n) {
    margin-right: 0;
}

.color-picker li > a {
    border-radius: 50%;
    display: block;
    height: 30px;
    width: 30px;
}

.color-picker li a:hover,
.color-picker li a.selected-color {
    border: 2px solid #eee !important;
}

/*------------------------------------------------------------------
[Header & Navigation]
*/

.off-canvas-sidebar-open .header {
    left: -270px;
}

.header {
    background: transparent;
    position: fixed;
    z-index: 1040;
    height: 81px;
    width: 100%;
    padding: 0 40px;
    left: 0;
    -webkit-transition: height .3s ease-out,
                        background .3s ease-out,
                        box-shadow .5s,
                        left .2s cubic-bezier(.645, .045, .355, 1),
                        -webkit-transform .5s;
            transition: height .3s ease-out,
                background .3s ease-out,
                box-shadow .5s,
                left .2s cubic-bezier(.645, .045, .355, 1),
                -webkit-transform .5s;
            transition: height .3s ease-out,
                background .3s ease-out,
                transform .5s,
                box-shadow .5s,
                left .2s cubic-bezier(.645, .045, .355, 1);
            transition: height .3s ease-out,
                background .3s ease-out,
                transform .5s,
                box-shadow .5s,
                left .2s cubic-bezier(.645, .045, .355, 1),
                -webkit-transform .5s;
    box-shadow: none;
    font-family: inherit;
    border-bottom: 1px solid rgba(220, 220, 220, .2);
}

.header.header-small {
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
}


.header.header-center .inner-nav {
    text-align: center;
}

.header.header-right .inner-nav {
    text-align: right;
}

.header.header-right .extra-nav {
    min-width: auto;
    max-width: auto;
}

.header .container,
.header .container-fluid {
    position: relative;
    display: table;
    height: 100%;
}

.header .brand-light {
    display: none;
}

.header .inner-brand {
    color: #313131;
    white-space: nowrap;
}

.header .label {
    float: right;
    padding: 2px 6px 1px !important;
    letter-spacing: 1px !important;
    font-size: 8px !important;
    margin: 1px 0 0 !important;
}

.inner-header {
    vertical-align: middle;
}

.inner-nav {
    position: relative;
}

.extra-nav,
.inner-header {
    min-width: 140px;
    max-width: 140px;
    overflow: hidden;
}

.nav-toggle,
.inner-header,
.inner-navigation {
    display: table-cell;
    height: 100%;
}

.inner-brand {
    -webkit-transition: all .3s;
            transition: all .3s;
    font-size: 20px;
}

.inner-nav,
.inner-navigation {
    width: 100%;
}

.inner-navigation-inline {
    display: inline-table;
    height: 100%;
}

.inner-nav,
.extra-nav {
    display: table-cell;
    height: 100%;
}

.extra-nav {
    text-align: right;
    white-space: nowrap;
}

.nav-toggle {
    display: none;
}

.nav-toggle > a {
    display: block;
    height: 14px;
    width: 18px;
    float: right;
}

.nav-toggle > a span {
    background: #313131;
    display: block;
    height: 2px;
    width: 100%;
}

.nav-toggle > a span:nth-child(2),
.nav-toggle > a span:nth-child(3) {
    margin-top: 4px;
}

.inner-nav > ul,
.extra-nav > ul {
    list-style: none;
    height: 100%;
    padding: 0;
    margin: 0;
}

.inner-nav > ul > li,
.extra-nav > ul > li {
    position: relative;
    display: inline-block;
    height: 100%;
    margin: 0 24px 0 0;
}

.inner-nav > ul > li:last-child,
.extra-nav > ul > li:last-child {
    margin-right: 0;
}

.inner-nav > ul > li > a,
.extra-nav > ul > li > a {
    display: block;
    text-transform: uppercase;
    letter-spacing: .7px;
    line-height: 24px;
    font-weight: 600;
    font-size: 12px;
    height: 100%;
}

.inner-nav > ul > li > a::after,
.inner-nav > ul > li > a::before,
.extra-nav > ul > li > a::after,
.extra-nav > ul > li > a::before {
    content: "";
    display: block;
    height: 50%;
    height: calc(50% - 12px);
}

.extra-nav > ul > li:first-child {
    padding-left: 24px;
}

.extra-nav > ul > li > a > .fa {
    margin-left: 10px;
}

.inner-nav > ul > li > .nav-btn .btn {
    letter-spacing: .7px;
    font-size: 12px;
    padding: 12px 24px;
}

.inner-nav > ul > li > .nav-btn .btn:hover,
.inner-nav > ul > li > .nav-btn .btn:focus {
    opacity: 1;
}

.inner-nav > ul > li > .nav-btn::after,
.inner-nav > ul > li > .nav-btn::before {
    content: "";
    display: block;
    height: 50%;
    height: calc(50% - 23px);
}

.inner-nav > ul > li.menu-item-has-children > .sub-menu,
.inner-nav > ul > li.menu-item-has-children > .mega-menu {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    -webkit-transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;
            transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s;
            transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s;
            transition: opacity .4s ease 0s,
                transform .4s ease 0s,
                visibility .4s linear 0s,
                -webkit-transform .4s ease 0s;
}

.inner-nav > ul > li.menu-item-has-children.sub-menu-open > .sub-menu,
.inner-nav > ul > li.menu-item-has-children.sub-menu-open > .mega-menu {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.inner-nav .sub-menu,
.inner-nav .mega-menu {
    background-color: #fff;
    position: absolute;
    min-width: 180px;
    left: -20px;
    opacity: 0;
    z-index: 1030;
    visibility: hidden;
    top: 100%;
    text-align: left;
    box-shadow: 0 14px 32px 4px rgba(0, 0, 0, .1);
}

.inner-nav .sub-menu {
    list-style: none;
    padding: 10px 0;
}

.inner-nav .sub-menu .sub-menu {
    left: 100%;
    top: -10px;
}

.inner-nav .sub-menu li {
    position: relative;
    margin: 0;
}

.inner-nav .sub-menu li.mega-menu-col > a {
    color: #000;
    font-weight: 600;
}

.inner-nav .sub-menu li a {
    position: relative;
    display: block;
    padding: 8px 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 12px;
    color: #999;
    white-space: nowrap;
}

.inner-nav .sub-menu li a:hover {
    color: #777;
}

.inner-nav .sub-menu li a > .fa {
    margin-right: 6px;
    text-align: center;
    font-size: 14px;
    width: 18px;
}

.inner-nav .sub-menu li:hover::after {
    color: #777;
}

.inner-nav .mega-menu {
    white-space: nowrap;
    padding: 0;
}

.inner-nav .mega-menu .sub-menu {
    box-shadow: none;
    left: 0;
}

.inner-nav .mega-menu .sub-menu + .sub-menu {
    padding-top: 0;
}

.inner-nav .mega-menu .sub-menu .sub-menu {
    padding: 15px 0 0;
}

.inner-nav .sub-menu.mega-menu-row {
    padding: 0 5px;
}

.inner-nav .mega-menu .sub-menu {
    position: relative;
}

.inner-nav .mega-menu .sub-menu .sub-menu {
    left: auto;
}

.inner-nav .mega-menu .sub-menu .mega-menu-col {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    width: 210px;
}

.inner-nav .mega-menu .sub-menu .mega-menu-col > a {
    pointer-events: none;
    cursor: default;
}

.inner-nav .sub-menu .menu-item-has-children::after {
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    content: "\f105";
    color: #999;
    -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}

.inner-nav .sub-menu .menu-item-has-children.mega-menu-col::after {
    content: "";
    display: none;
}

.inner-nav .sub-menu-open > .sub-menu,
.inner-nav .sub-menu-open > .mega-menu,
.inner-nav .sub-menu-open > .mega-menu .sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.mega-menu.sub-menu-left {
    left: auto;
    right: 0;
}

.header .inner-brand,
.header.header-light.header-small .inner-brand {
    color: #313131;
}

.header .brand-dark,
.header.header-light.header-small .brand-dark {
    display: inline-block;
}

.header .brand-light,
.header.header-light.header-small .brand-light {
    display: none;
}

.header .inner-nav > ul > li > a,
.header .extra-nav > ul > li > a,
.header.header-light.header-small .inner-nav > ul > li > a,
.header.header-light.header-small .extra-nav > ul > li > a {
    color: #303133;
}

.header .inner-nav > ul > li > a.active,
.header .inner-nav > ul > li > a:hover,
.header .inner-nav > ul > li > a:focus,
.header .extra-nav > ul > li > a.active,
.header .extra-nav > ul > li > a:hover,
.header .extra-nav > ul > li > a:focus,
.header.header-light.header-small .inner-nav > ul > li > a.active,
.header.header-light.header-small .inner-nav > ul > li > a:hover,
.header.header-light.header-small .inner-nav > ul > li > a:focus,
.header.header-light.header-small .extra-nav > ul > li > a.active,
.header.header-light.header-small .extra-nav > ul > li > a:hover,
.header.header-light.header-small .extra-nav > ul > li > a:focus {
    opacity: .8;
}

.header .inner-nav > ul > li.sub-menu-open > a,
.header .extra-nav > ul > li.sub-menu-open > a,
.header.header-light.header-small .inner-nav > ul > li.sub-menu-open > a,
.header.header-light.header-small .extra-nav > ul > li.sub-menu-open > a {
    opacity: .8;
}

.header.header-light .inner-brand {
    color: #fff;
}

.header.header-light .brand-dark {
    display: none;
}

.header.header-light .brand-light {
    display: inline-block;
}
.borderinheader {
    border-right: 2px solid #fff;
}
.borderinheaderleft {
    border-left: 2px solid #fff;
}

.header.header-light .inner-nav > ul > li > a,
.header.header-light .extra-nav > ul > li > a {
    color: #fff;
    
}
a:hover {
    text-decoration: underline;
    
}

.header.header-light .inner-nav > ul > li > a.active,
.header.header-light .inner-nav > ul > li > a:hover,
.header.header-light .inner-nav > ul > li > a:focus,
.header.header-light .extra-nav > ul > li > a.active,
.header.header-light .extra-nav > ul > li > a:hover,
.header.header-light .extra-nav > ul > li > a:focus {
    opacity: .8;
}

.header.header-light .inner-nav > ul > li.sub-menu-open > a,
.header.header-light .extra-nav > ul > li.sub-menu-open > a {
    opacity: .8;
}

/* Dark Menu */

.header-sub-menu-dark .inner-nav .sub-menu,
.header-sub-menu-dark .inner-nav .mega-menu {
    background-color: #1b1d1f;
}

.header-sub-menu-dark .inner-nav .sub-menu li.mega-menu-col > a {
    color: #fff;
}

@media (min-width: 992px) {
    .inner-navigation.collapse {
        display: table-cell !important;
    }
}

@media (max-width: 991px) {
    .header {
        background-color: #fff;
        padding: 0;
    }

    .header .container,
    .header .container-fluid {
        width: 100%;
        padding: 0 30px;
    }

    .header.header-right .inner-nav,
    .header.header-center .inner-nav {
        text-align: left;
    }

    .nav-toggle {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

    .inner-nav,
    .inner-navigation,
    .inner-navigation-inline {
        height: auto;
    }

    .inner-nav {
        display: block;
    }

    .extra-nav {
        display: none;
    }

    .inner-nav ul > li,
    .inner-nav .sub-menu li {
        display: block;
        height: auto;
        margin: 0;
    }

    .inner-nav ul > li a,
    .inner-nav .sub-menu li a {
        position: relative;
        display: block;
        text-transform: uppercase;
        letter-spacing: .7px;
        line-height: 24px;
        font-weight: 600;
        font-size: 12px;
        color: #fff;
        padding: 8px 0;
    }

    .inner-nav ul > li a:hover,
    .inner-nav ul > li a:focus,
    .inner-nav .sub-menu li a:hover,
    .inner-nav .sub-menu li a:focus {
        opacity: .8;
        color: #fff;
    }

    .inner-nav ul > li a::after,
    .inner-nav ul > li a::before,
    .inner-nav .sub-menu li a::after,
    .inner-nav .sub-menu li a::before {
        content: none;
    }

    .inner-nav .sub-menu li a:hover {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .inner-nav .sub-menu li.mega-menu-col > a {
        color: #fff;
    }

    .inner-nav .sub-menu li.mega-menu-col > a::after {
        content: none;
    }

    .inner-nav li.menu-item-has-children > a::after {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -8px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 13px;
        content: "\f107";
        color: #999;
        -webkit-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
    }

    .inner-nav .sub-menu .menu-item-has-children::after {
        display: none;
        content: "";
    }

    .inner-navigation {
        position: absolute;
        background-color: #1b1d1f;
        max-height: 340px;
        width: 100%;
        left: 0;
        top: 100%;
    }

    .inner-navigation.show {
        overflow-y: auto;
    }

    .inner-navigation.collapse {
        display: none;
    }

    .inner-navigation.collapse.show {
        display: block;
    }

    .inner-navigation.collapsing {
        height: 0;
        -webkit-transition: height .35s ease;
                transition: height .35s ease;
    }

    .inner-navigation-inline {
        padding: 30px;
        display: block;
    }

    .inner-nav .sub-menu,
    .inner-nav .mega-menu {
        box-shadow: none;
    }

    .inner-nav .sub-menu,
    .inner-nav .sub-menu .sub-menu,
    .inner-nav .mega-menu {
        border: 0;
        background: transparent;
        background-image: none !important;
        display: none;
        padding: 0 0 0 8px;
        margin: 0;
    }

    .inner-nav .sub-menu .menu-item-has-children.sub-menu-open > a,
    .inner-nav .sub-menu .sub-menu .menu-item-has-children.sub-menu-open > a,
    .inner-nav .mega-menu .menu-item-has-children.sub-menu-open > a {
        background: transparent;
    }

    .inner-nav .sub-menu-open > .sub-menu,
    .inner-nav .sub-menu-open > .mega-menu,
    .inner-nav .sub-menu-open > .mega-menu .sub-menu,
    .inner-nav .mega-menu .sub-menu .mega-menu-col {
        position: static;
        display: block !important;
    }

    .inner-nav .mega-menu .sub-menu .sub-menu {
        padding: 0;
    }

    .inner-nav .mega-menu .sub-menu .mega-menu-col {
        width: auto;
        padding: 0;
    }

    .inner-nav .mega-menu > li:not(:last-child) {
        border: 0;
    }

    .inner-nav .mega-menu li {
        display: block;
        width: 100%;
        padding: 0;
    }

    .header .inner-brand,
    .header.header-light .inner-brand,
    .header.header-small .inner-brand,
    .header.header-light.header-small .inner-brand {
        color: #313131;
    }

    .header .brand-dark,
    .header.header-light .brand-dark,
    .header.header-small .brand-dark,
    .header.header-light.header-small .brand-dark {
        display: inline-block;
    }

    .header .brand-light,
    .header.header-light .brand-light,
    .header.header-small .brand-light,
    .header.header-light.header-small .brand-light {
        display: none;
    }

    .header .inner-nav > ul > li > a,
    .header.header-light .inner-nav > ul > li > a,
    .header.header-small .inner-nav > ul > li > a,
    .header.header-light.header-small .inner-nav > ul > li > a {
        color: #fff;
    }

    .header .inner-nav > ul > li > a:hover,
    .header .inner-nav > ul > li > a:focus,
    .header.header-light .inner-nav > ul > li > a:hover,
    .header.header-light .inner-nav > ul > li > a:focus,
    .header.header-small .inner-nav > ul > li > a:hover,
    .header.header-small .inner-nav > ul > li > a:focus,
    .header.header-light.header-small .inner-nav > ul > li > a:hover,
    .header.header-light.header-small .inner-nav > ul > li > a:focus {
        opacity: .8;
    }
}

@media (max-width: 767px) {
    .inner-navigation-inline {
        display: block;
    }
}

/*------------------------------------------------------------------
[specs]
*/

.spec,
.spec-sm,
.spec-header {
    background-color: #f7f7f7;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 250px 0;
}

.spec.spec-divider-top,
.spec-sm.spec-divider-top,
.spec-header.spec-divider-top {
    border-top: 1px solid #f2f2f2;
}

.spec.spec-divider-bottom,
.spec-sm.spec-divider-bottom,
.spec-header.spec-divider-bottom {
    border-bottom: 1px solid #f2f2f2;
}

.spec,
.spec-sm {
    background-color: #fff;
    padding: 60px 0;
}

.spec-sm {
    padding: 30px 0;
}

.spec-gray {
    background-color: #f7f7f7;
}

.flexslider,
.spec-slides,
.full-height {
    min-height: 100vh;
    height: 100vh;
    padding: 0;
}

.flexslider .container,
.spec-slides .container,
.full-height .container {
    display: table;
    height: 100%;
    padding: 0;
}

.flexslider .container > .row,
.spec-slides .container > .row,
.full-height .container > .row {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.flexslider .container,
.full-height .container,
.spec-slides .container,
.spec-header .container {
    position: relative;
    z-index: 2;
}

.parallax {
    background-color: transparent !important;
}

.header + .wrapper .spec:first-child {
    padding-top: 160px;
}

.header + .wrapper .spec-sm:first-child {
    padding-top: 114px;
}

.header + .wrapper section.maps-container:first-child {
    padding-top: 81px;
}

.spec-page-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #f2f2f2;
    padding: 111px 0 30px;
}

.spec-page-title .h5 {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 15px;
    margin: 0;
}

.row-page-title {
    display: table;
    z-index: 1;
    position: relative;
    height: 100%;
    width: 100%;
}

.row-page-title .page-title-captions,
.row-page-title .page-title-secondary {
    display: table-cell;
    vertical-align: middle;
    width: 45%;
}

.row-page-title .page-title-secondary .breadcrumb {
    float: right;
}

@media (max-width: 767px) {
    .row-page-title .page-title-captions {
        text-align: center;
    }

    .row-page-title .page-title-secondary {
        display: none;
    }
}

.bb {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
}

.flexslider,
.spec-header,
.spec-slides {
    text-align: center;
}

.flexslider .container > .row > [class*="col-"] > *:last-child,
.spec-header .container > .row > [class*="col-"] > *:last-child,
.spec-slides .container > .row > [class*="col-"] > *:last-child {
    margin-bottom: 0;
}

.flexslider .btn,
.spec-header .btn,
.spec-slides .btn {
    margin: 3px;
}

.flexslider h1,
.flexslider h2,
.flexslider h3,
.flexslider h4,
.flexslider h5,
.flexslider h6,
.spec-header h1,
.spec-header h2,
.spec-header h3,
.spec-header h4,
.spec-header h5,
.spec-header h6,
.spec-slides h1,
.spec-slides h2,
.spec-slides h3,
.spec-slides h4,
.spec-slides h5,
.spec-slides h6 {
    color: #313131;
    margin: 0;
}

.flexslider p,
.spec-header p,
.spec-slides p {
    font-size: 20px;
    margin: 0;
}

.flexslider h1.h1,
.spec-header h1.h1,
.spec-slides h1.h1 {
    font-size: 70px;
}

.flexslider h1.h2,
.spec-header h1.h2,
.spec-slides h1.h2 {
    font-size: 54px;
}

.flexslider h1.h3,
.spec-header h1.h3,
.spec-slides h1.h3 {
    font-size: 48px;
}

.flexslider h1.h4,
.spec-header h1.h4,
.spec-slides h1.h4 {
    font-size: 32px;
}

.flexslider h1.h5,
.spec-header h1.h5,
.spec-slides h1.h5 {
    font-size: 18px;
}

.flexslider h1.h6,
.spec-header h1.h6,
.spec-slides h1.h6 {
    letter-spacing: 1px;
    margin-right: -1px;
    font-size: 14px;
}

@media (max-width: 992px) {
    .wrapper {
        padding-top: 81px;
    }

    .spec-page-title {
        padding: 30px 0;
    }

    .spec-header {
        height: auto;
        min-height: auto;
        padding: 40px 0;
    }

    .flexslider h1.h1,
    .spec-slides h1.h1,
    .spec-header h1.h1 {
        font-size: 56px;
    }

    .flexslider h1.h2,
    .spec-slides h1.h2,
    .spec-header h1.h2 {
        font-size: 43.2px;
    }

    .flexslider h1.h3,
    .spec-slides h1.h3,
    .spec-header h1.h3 {
        font-size: 38.4px;
    }

    .flexslider h1.h4,
    .spec-slides h1.h4,
    .spec-header h1.h4 {
        font-size: 25.6px;
    }

    .flexslider h1.h5,
    .spec-slides h1.h5,
    .spec-header h1.h5 {
        font-size: 16.2px;
    }

    .flexslider h1.h6,
    .spec-slides h1.h6,
    .spec-header h1.h6 {
        font-size: 12.6px;
    }

    .flexslider br,
    .spec-slides br,
    .spec-header br {
        display: none;
    }
}

@media (max-width: 767px) {
    .flexslider h1.h1,
    .spec-slides h1.h1,
    .spec-header h1.h1 {
        font-size: 42px;
    }

    .flexslider h1.h2,
    .spec-slides h1.h2,
    .spec-header h1.h2 {
        font-size: 32.4px;
    }

    .flexslider h1.h3,
    .spec-slides h1.h3,
    .spec-header h1.h3 {
        font-size: 28.8px;
    }

    .flexslider h1.h4,
    .spec-slides h1.h4,
    .spec-header h1.h4 {
        font-size: 19.2px;
    }

    .flexslider h1.h5,
    .spec-slides h1.h5,
    .spec-header h1.h5 {
        font-size: 14.4px;
    }

    .flexslider h1.h6,
    .spec-slides h1.h6,
    .spec-header h1.h6 {
        font-size: 11.2px;
    }

    .flexslider p,
    .spec-slides p,
    .spec-header p {
        font-size: 18px;
    }
}

@media (max-width: 568px) {
    .flexslider h1.h1,
    .spec-slides h1.h1,
    .spec-header h1.h1 {
        font-size: 35px;
    }

    .flexslider h1.h2,
    .spec-slides h1.h2,
    .spec-header h1.h2 {
        font-size: 27px;
    }

    .flexslider h1.h3,
    .spec-slides h1.h3,
    .spec-header h1.h3 {
        font-size: 24px;
    }

    .flexslider h1.h4,
    .spec-slides h1.h4,
    .spec-header h1.h4 {
        font-size: 16px;
    }

    .flexslider h1.h5,
    .spec-slides h1.h5,
    .spec-header h1.h5 {
        font-size: 12.6px;
    }

    .flexslider h1.h6,
    .spec-slides h1.h6,
    .spec-header h1.h6 {
        font-size: 9.8px;
    }

    .flexslider p,
    .spec-slides p,
    .spec-header p {
        font-size: 16px;
    }
}

.bg-dark,
.bg-gradient {
    color: #fff;
}

.bg-dark h1,
.bg-dark .h1,
.bg-dark h2,
.bg-dark .h2,
.bg-dark h3,
.bg-dark .h3,
.bg-dark h4,
.bg-dark .h4,
.bg-dark h5,
.bg-dark .h5,
.bg-dark h6,
.bg-dark .h6,
.bg-dark blockquote,
.bg-gradient h1,
.bg-gradient .h1,
.bg-gradient h2,
.bg-gradient .h2,
.bg-gradient h3,
.bg-gradient .h3,
.bg-gradient h4,
.bg-gradient .h4,
.bg-gradient h5,
.bg-gradient .h5,
.bg-gradient h6,
.bg-gradient .h6,
.bg-gradient blockquote {
    color: #fff;
}

.bg-dark .counter .counter-title,
.bg-dark .counter .counter-number,
.bg-gradient .counter .counter-title,
.bg-gradient .counter .counter-number {
    color: #fff;
}

.spec-title {
    margin: 0 0 70px;
}

.spec-title h2 {
    margin: 0 0 20px;
    font-size: 34px;
    margin: 0 -4px 10px 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 28px;
}

.spec-title p {
    font-size: 16px;
}

.bg-gradient:after {
    position: absolute;
    height: 100%;
    width: 100%;
}

.bg-dark-30:before,
.bg-dark-60:before,
.bg-dark-90:before,
.bg-light-30:before,
.bg-light-60:before,
.bg-light-90:before {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.bg-dark-30:before {
    background-color: rgba(34, 34, 34, .3);
    content: "";
    left: 0;
    top: 0;
}

.bg-dark-60:before {
    background: rgba(34, 34, 34, .6);
    content: "";
    left: 0;
    top: 0;
}

.bg-dark-90:before {
    background: rgba(34, 34, 34, .9);
    content: "";
    left: 0;
    top: 0;
}

.bg-light-30:before {
    background: rgba(255, 255, 255, .3);
    content: "";
    left: 0;
    top: 0;
}

.bg-light-60:before {
    background: rgba(255, 255, 255, .6);
    content: "";
    left: 0;
    top: 0;
}

.bg-light-90:before {
    background: rgba(255, 255, 255, .9);
    content: "";
    left: 0;
    top: 0;
}

.bg-gradient:after {
    background-color: #4a90e2;
    background: -webkit-linear-gradient(45deg, #4a90e2 0%, rgba(74, 144, 226, .3) 100%);
    background: linear-gradient(45deg, #4a90e2 0%, rgba(74, 144, 226, .3) 100%);
    content: "";
    left: 0;
    top: 0;
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.demo-preview {
    text-align: center;
    margin: 0 0 60px;
}

.demo-preview img {
    -webkit-transition: all .3s cubic-bezier(.46, .01, .25, 1);
            transition: all .3s cubic-bezier(.46, .01, .25, 1);
}

.demo-preview a {
    display: block;
    margin: 0 0 20px;
}

.demo-preview a:hover {
    opacity: .8;
}

.demo-preview h4 {
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.demo-preview:hover img {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
}

.block-two-columns {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.block-two-columns .block-item {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    background-size: cover;
    width: 50%;
}

.block-two-columns .block-item .block-item-inner {
    padding: 10%;
    width: 100%;
}

@media (max-width: 767px) {
    .block-two-columns .block-item {
        display: inline-block;
        height: auto;
        width: 100%;
    }
}
.roundedblue {
    background: #4a90e2;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    border-radius: 50px;
    border: 4px solid #4388d8;
    float: left;
    margin-right: 5px;
}
.roundeddark {
    background: #1b1d1f;
    color: #fff;
    font-size: 20px;
    padding: 10px;
    border-radius: 50px;
    border: 4px solid #3d4044;
    float: left;
    margin-right: 5px;
}
.parallax-quote {
    color: #fff;
    padding: 100px 0;
    position: relative;
    text-align: center;
    background: url(../images/parralax.jpg) 50% 0 repeat fixed;
}
.color-blue {
    color: #4a90e2;
}
/*------------------------------------------------------------------
[Portfolio filter]
*/

.row-portfolio-filter {
    margin-right: -15px;
    margin-left: -15px;
}

.filters {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.filters > li {
    display: inline-block;
    margin: 20px 15px;
    line-height: 20px;
}

.filters > li {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

.filters > li a {
    color: #111;
    opacity: .5;
}

.filters > li a:hover,
.filters > li a.current {
    opacity: 1;
}

@media (max-width: 767px) {
    .filters > li {
        display: block;
    }
}

/*------------------------------------------------------------------
[Portfolio grid]
*/

.row-portfolio .grid-sizer,
.row-portfolio .portfolio-item {
    width: 33.333333%;
    float: left;
}

.row-portfolio[data-columns="2"] .grid-sizer,
.row-portfolio[data-columns="2"] .portfolio-item {
    width: 50%;
}

.row-portfolio[data-columns="4"] .grid-sizer,
.row-portfolio[data-columns="4"] .portfolio-item {
    width: 25%;
}

.row-portfolio.row-related-portfolio {
    margin-left: -10px;
    margin-right: -10px;
}

.row-portfolio.row-related-portfolio .grid-sizer,
.row-portfolio.row-related-portfolio .portfolio-item {
    padding: 0 10px 20px;
}

.row-portfolio.row-gutter .grid-sizer,
.row-portfolio.row-gutter .portfolio-item {
    padding: 10px;
}

/*------------------------------------------------------------------
[Portfolio Single Item]
*/

.portfolio-title,
.portfolio-caption,
.portfolio-overlay,
.portfolio-subtitle,
.portfolio-wrapper img {
    -webkit-transition: all .3s cubic-bezier(.3, .1, .58, 1);
            transition: all .3s cubic-bezier(.3, .1, .58, 1);
}

.portfolio-wrapper {
    position: relative;
    overflow: hidden;
}

.portfolio-overlay {
    position: absolute;
    background: rgba(49, 49, 49, .95);
    opacity: 0;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

.portfolio-caption {
    position: absolute;
    padding: 25px;
    width: 100%;
    opacity: 0;
    z-index: 1;
    top: 50%;
    left: 0;
    text-align: center;
}

.portfolio-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.8;
    font-size: 12px;
    color: #fff;
    margin: 0;
}

.portfolio-subtitle {
    font-size: 14px;
    opacity: .7;
}

.portfolio-link {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.portfolio-item:hover .portfolio-wrapper img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}

.portfolio-item:hover .portfolio-overlay {
    opacity: 1;
}

.portfolio-item:hover .portfolio-caption {
    opacity: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.row-portfolio[date-portfolio-type="standard"] .portfolio-caption {
    position: relative;
    opacity: 1;
}

.row-portfolio[date-portfolio-type="standard"] .portfolio-item .portfolio-title,
.row-portfolio[date-portfolio-type="standard"] .portfolio-item .portfolio-subtitle {
    color: #313131;
}

.row-portfolio[date-portfolio-type="standard"] .portfolio-item:hover .portfolio-title,
.row-portfolio[date-portfolio-type="standard"] .portfolio-item:hover .portfolio-subtitle {
    color: #fff;
}

.row-portfolio[date-portfolio-type="standard"] .portfolio-item:hover .portfolio-caption {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

@media (max-width: 1199px) {
    .row-portfolio[data-columns="4"] .grid-sizer,
    .row-portfolio[data-columns="4"] .portfolio-item {
        width: 33.333333%;
    }
}

@media (max-width: 991px) {
    .row-portfolio .grid-sizer,
    .row-portfolio .portfolio-item,
    .row-portfolio[data-columns="4"] .grid-sizer,
    .row-portfolio[data-columns="4"] .portfolio-item {
        width: 50%;
    }

    .row-portfolio[data-columns="4"] .grid-sizer,
    .row-portfolio[data-columns="4"] .portfolio-item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .row-portfolio .grid-sizer,
    .row-portfolio .portfolio-item,
    .row-portfolio[data-columns="4"] .grid-sizer,
    .row-portfolio[data-columns="4"] .portfolio-item,
    .row-portfolio[data-columns="2"] .grid-sizer,
    .row-portfolio[data-columns="2"] .portfolio-item {
        width: 100%;
    }
}

/*------------------------------------------------------------------
[Portfolio Single Navigation]
*/

.ps-next,
.ps-prev {
    height: 40px;
    display: block;
}

.ps-all,
.ps-next,
.ps-prev {
    line-height: 40px;
}

.ps-all a,
.ps-next a,
.ps-prev a {
    line-height: 40px;
    color: #313131;
}

.ps-all a > .arrows,
.ps-next a > .arrows,
.ps-prev a > .arrows {
    line-height: 40px;
    font-size: 35px;
}

.ps-all a > .arrows:before,
.ps-next a > .arrows:before,
.ps-prev a > .arrows:before {
    line-height: 40px;
}

.ps-all a:hover,
.ps-next a:hover,
.ps-prev a:hover {
    color: #4a90e2;
}

.ps-next {
    text-align: right;
}

.ps-all {
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}

.ps-all .h4 {
    font-size: 12px;
}

/*------------------------------------------------------------------
[Portfolio Single]
*/

.portfolio-content p,
.portfolio-content ul,
.portfolio-content ol {
    margin: 0 0 30px;
}

.portfolio-sidebar {
    padding-left: 30px;
}

.portfoli-details {
    border-top: 1px solid rgba(238, 238, 238, .9);
    border-bottom: 1px solid rgba(238, 238, 238, .9);
    padding: 20px 0;
    margin: 0 0 0;
}

.portfoli-details ul {
    margin: 0;
}

.portfoli-details.border-left {
    border: 0;
    border-left: 1px solid rgba(238, 238, 238, .9);
    padding: 0 0 0 30px;
}

.portfoli-details li > span {
    display: inline-block;
    min-width: 100px;
}

.portfoli-details > ul > li {
    margin: 0 0 20px;
}

.portfoli-details > ul > li:last-child {
    margin: 0;
}

.portfoli-details li > h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 0 0 5px;
}

h2.single-portfolio-title {
    font-size: 30px;
}

h3.single-portfolio-title {
    font-size: 22px;
}

.project-details li {
    padding: 0 0 5px;
}

.portfolio-content > :last-child {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .portfolio-sidebar {
        padding: 50px 0 0 0;
    }

    .portfoli-details.border-left {
        border: 0;
        border-top: 1px solid rgba(238, 238, 238, .9);
        border-bottom: 1px solid rgba(238, 238, 238, .9);
        padding: 20px 0;
    }
}

/*------------------------------------------------------------------
[Gallery]
*/

a[rel~="gallery"]:hover {
    opacity: .8;
}

.gallery {
    margin-left: -10px;
    margin-right: -10px;
}

.gallery:before,
.gallery:after {
    content: " ";
    display: table;
}

.gallery:after {
    clear: both;
}

.gallery .gallery-item {
    float: left;
    margin: 0 0 20px;
    padding: 0 10px;
}

.gallery-item {
    position: relative;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.gallery-columns-5 .gallery-item .gallery-caption,
.gallery-columns-6 .gallery-item .gallery-caption,
.gallery-columns-7 .gallery-item .gallery-caption,
.gallery-columns-8 .gallery-item .gallery-caption,
.gallery-columns-9 .gallery-item .gallery-caption {
    display: none;
}

.gallery .gallery-caption {
    background-color: rgba(255, 255, 255, .96);
    position: absolute;
    bottom: 15px;
    left: 30px;
    margin-right: 30px;
    padding: 8px 15px;
    text-align: left;
    font-size: 14px;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition-duration: .2s;
            transition-duration: .2s;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

@media (max-width: 991px) {
    .gallery-item {
        width: 50%;
    }

    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .gallery-item {
        width: 100%;
    }

    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        width: 100%;
    }
}

/*------------------------------------------------------------------
[Blog]
*/
.bg-white {
    background: #fff;
}
.blog-bg-white {
    background: #fff;
    box-shadow: 2px 2px 2px #eee;
}
.blog-border-white {
    border: 1px solid #eee;
}
.blog-sidebar-heading-light h2 {
    background: #eee;
    color: #888;
    text-transform: uppercase;
    padding: 10px;
}
.author-img-single-bp {
    width: 80px;
    float: left;
    margin-right: 20px;
    border: 2px solid #f7f7f7;
}
.author-name-single-bp {
    font-family: inherit;
    line-height: 1.2;
    font-weight: 700;
    color: #313131;
    font-size: 14px;
}
.blog-sidebar-heading h2 {
    background: #4a90e2;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}
.blog-latest-post h3 {
    font-weight: normal;
    font-size: 20px;
}
.sidebar {
    padding: 0 0 0 30px;
}

.sidebar.sidebar-left {
    padding: 0 30px 0 0;
}

.post {
    margin: 0 0 50px;
}

.post + .post {
    margin: 80px 0 0;
}

.timeline .post {
    border-radius: 3px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
    margin: 0;
}

.post-preview {
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
    margin: 0 0 40px;
}

.post-preview img {
    border-radius: 3px;
}

.post-preview:hover {
    opacity: .7;
}

.blog-grid .post-preview,
.blog-masonry .post-preview {
    margin: 0 0 35px;
}

.post-more {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 11px;
    margin: 20px 0 0;
}

.post-header {
    margin: 0 0 30px;
}

.timeline .post-header,
.blog-grid .post-header,
.blog-masonry .post-header {
    margin: 0 0 20px;
}

.post-title {
    font-size: 30px;
    margin: 0 0 15px;
}

.timeline .post-title,
.blog-grid .post-title,
.blog-masonry .post-title {
    font-size: 16px;
    margin: 0 0 10px;
}

.post-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #bdbdbd;
}

.post-meta > li {
    position: relative;
    display: inline-block;
    padding: 0 14px 0 0;
    margin: 0 14px 0 0;
}

.post-meta > li:not(:last-child):after {
    position: absolute;
    content: '|';
    right: -5px;
    top: 0;
}

.post-meta > li:last-child {
    padding-right: 0;
    margin-right: 0;
}

.timeline .post-meta,
.blog-grid .post-meta,
.blog-masonry .post-meta {
    font-size: 11px;
}

.post-meta a {
    color: #bdbdbd;
}

.post-meta a:hover,
.post-meta a:focus {
    color: #4a90e2;
}

.timeline .post-wrapper {
    padding: 0 30px 40px 30px;
}

.post-tags {
    margin: 30px 0 0;
}

.post-tags a {
    background: #f2f2f2;
    border-radius: 15px;
    position: relative;
    display: inline-block;
    padding: 1px 15px;
    margin: 5px 10px 5px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 24px;
    font-size: 8px;
    color: #111;
}

.post-tags a:hover {
    background: #4a90e2;
    color: #fff;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 30px 0 20px;
}

.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.post-content h4:first-child,
.post-content h5:first-child,
.post-content h6:first-child {
    margin-top: 0;
}

.post-content p,
.post-content ul,
.post-content ol {
    margin: 0 0 30px;
}

.post-content blockquote {
    padding: 20px 40px;
    margin: 40px 0;
}

.post-content ul,
.post-content ol {
    margin-left: 40px;
}

.post-content ul {
    list-style-type: disc;
}

.post-content ol {
    list-style-type: decimal;
}

.post-content > *:last-child {
    margin-bottom: 0;
}

@media (max-width: 992px) {
    .sidebar,
    .sidebar.sidebar-left {
        padding: 0;
    }
}

.blog-magazine .post {
    margin: 0 0 30px;
}

.blog-magazine .col-lg-6 .post-background {
    padding-top: 80%;
}

.post-background {
    position: relative;
    border-radius: 3px;
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 40%;
}

.post-background:before {
    border-radius: 3px;
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #252525));
    background: -webkit-linear-gradient(top, transparent 0%, #252525 100%);
    background: linear-gradient(to bottom, transparent 0%, #252525 100%);
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    opacity: .85;
    -webkit-transition: .3s ease;
            transition: .3s ease;
}

.post-background .post-background-link {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.post-background .post-header {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px 30px;
    margin: 0;
    z-index: 2;
}

.post-background .post-header .post-title {
    font-size: 28px;
    margin: 0 0 10px;
}

.post-background .post-header .post-title a {
    color: #fff;
}

.post-background:hover:before {
    opacity: .6;
}

@media (max-width: 992px) {
    .blog-magazine .col-lg-6 .post-background,
    .blog-magazine .col-lg-12 .post-background {
        padding-top: 80%;
    }
}

/*------------------------------------------------------------------
[Comments & Comment Form]
*/

.comments-area {
    margin: 0 0 60px;
}

.comments-title,
.comment-reply-title {
    border-top: 1px solid rgba(238, 238, 238, .9);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 30px;
    margin: 0 0 30px;
}

.comment-reply-title {
    margin: 0 0 10px;
}

.comment-form {
    margin-top: 40px;
}

.comment {
    border-top: 1px solid rgba(238, 238, 238, .9);
    padding: 30px 0 0;
    margin: 30px 0 0;
}

.comment .children > .comment {
    margin-left: 90px;
}

.comment-author {
    margin: 5px 0 0;
    height: 64px;
    width: 64px;
    float: left;
}

.comment-author > img {
    border-radius: 50%;
}

.comment-body {
    position: relative;
    margin: 0 0 0 90px;
}

.comment-meta {
    margin: 0 0 15px;
}

.comment-meta-author {
    margin: 0 0 5px;
}

.comment-meta-author a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #313131;
}

.comment-meta-author a:hover,
.comment-meta-author a:focus {
    color: #4a90e2;
}

.comment-meta-date {
    font-size: 14px;
}

.comment-meta-date a {
    color: #999;
    opacity: .6;
}

.comment-meta-date a:hover,
.comment-meta-date a:focus {
    color: #4a90e2;
    opacity: 1;
}

.comment-reply {
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 7px;
}

.comment-reply > a {
    background-color: #f2f2f2;
    padding: 7px 9px 5px 10px;
    border-radius: 15px;
    display: block;
    color: #111;
}

.comment-reply > a:hover,
.comment-reply > a:focus {
    background: #4a90e2;
    color: #fff;
}

/* Our Process */
.process-numbers {
    float: left;
    font-size: 10px;
}
.process-desc {
    margin-left: 5px;
}

/*  Open Hours Box */
.hours-box {
    background: #f7f7f7;
    padding: 38px;
    font-size: 12px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.hours-box .title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 38px;
    color: #313131;
}
.hours-box .info {
    color: #313131;
}
.hours-box .title .open {
    float: right;
    color: #4a90e2;
}
.hours-box .day {
    color: #999;
    float: left;
}
.hours-box .hours {
    float: right;
    color: #99999c;
}
.recipe-details {
    font-weight: 700;
    color: #7c808b;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 20px;
}
.recipe-author {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    color: #31353e;
}

/* Resturant Services */

 .bar-serv-icon {
    font-size: 55px;
    padding: 25px;
    margin: 10px;
    border-radius: 50px;
    color: #4a90e2;
 }

 /* Counselling Services */
 .text-blue {
    color: #4a90e2;
 }
 .font-64 {
    font-size: 64px;
 }

 /* Couselling Event */

 .bg-event-time {
    background: #4a90e2;
    padding: 22px;
    font-size: 20px;
  }

  /* Constructions */

  .con-icon  {

    font-size: 25px;
    color: #4a90e2;
    background: #f7f7f7;
    padding: 18px;
    width: 60px;
    border: 2px solid #4a90e2;
    }
.bg-construct {
    background: #000;
    padding: 20px;
    opacity: 0.7;
}

/* Law Firm */
.contact-box-law {
    background: #fff;
    padding: 20px;
}
.contact-style-heading {
    padding-left: 20px;
    padding-right: 20px;
}

/* App Page */


.btn-u.btn-banner .fa {
    margin: 0 10px 0 0;
    padding-top: 2px;
    vertical-align: middle;
}

.btn-outline .btn-brand span {
    margin: 0 0 0 35px;
    font-size: 10px;
    font-weight: normal;
    color: #fff;
    opacity: 0.6;
}
.app-page-header {
    margin-top: -120px;
    background: #fff;
}
.header-each {
    border: 5px solid #f7f7f7;
    padding: 20px;
}
.short-info-text {
    margin-left: -18px;
}
.icon-mobile-view {
    margin-left: -18px;
}
@media only screen and (max-width: 585px) {
    .icon-mobile-view  {
        margin-left: 0px;
        margin-top: 5px;
    }
}

/* Photography */
.photography-portfolio {
    padding: 10px;
    max-width: 400px;
}
@media only screen and (max-width: 766px) {
    .photography-portfolio  {
        max-width: 100%;
    }
}
.caption-border {
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
}

 .photography-service {
    background: #fff;
     }

.heading-team-photo-info {
    border-right: 2px solid #f7f7f7;
    border-left: 2px solid #f7f7f7;
    margin-top: 10px;
    padding: 10px;
    padding-bottom: 30px;
}
.heading-team-photo {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-left: 30px;
    margin-bottom: 0px;
}
.ico-photo {
    color: #a79e99;
    letter-spacing: 5px;
}
.pricing-icon-top {
    background: #f7f7f7;
    padding: 20px;
    font-size: 25px;
    margin-bottom: -20px;
    border-radius: 50%;
    color: #4a90e2;
}
.color-fonts {
    color: #4a90e2;
}
.footer-title-photo {
    display: inline-block;
    margin-bottom: 40px;
    position: relative;
}
.single-contact {
    min-height: 50px;
    padding-left: 50px;
    position: relative;
}
.contact-icon {
    color: #ccc;
    font-size: 20px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
/* Resume */

.word-wrapper {
  position: relative;
}

.word-wrapper b {
  position: absolute;
  left: 0;
  color: #eee;
  text-transform: uppercase;

}

.word-wrapper b.visible {
  position: relative;
}

.word-wrapper b i:nth-of-type(2){
  animation-delay: .05s;
}

.word-wrapper b i:nth-of-type(3){
  animation-delay: .1s;
}

.word-wrapper b i:nth-of-type(4){
  animation-delay: .15s;
}

.word-wrapper i:nth-of-type(5){
  animation-delay: .2s;
}

.word-wrapper b i:nth-of-type(6){
  animation-delay: .25s;
}

.word-wrapper b i:nth-of-type(7){
  animation-delay: .3s;
}

.word-wrapper b i:nth-of-type(8){
  animation-delay: .35s;
}

.word-wrapper b i:nth-of-type(9){
  animation-delay: .4s;
}

.word-wrapper b i:nth-of-type(10){
  animation-delay: .45s;
}

.word-wrapper b i:nth-of-type(11){
  animation-delay: .5s;
}

.word-wrapper b i:nth-of-type(12){
  animation-delay: .55s;
}

.word-wrapper b i:nth-of-type(13){
  animation-delay: .6s;
}


.word-wrapper i {
  font-style: normal;
  opacity: 0;
  transform: scale(0);
  animation-duration: .6s;
  animation-fill-mode: backwards;
}

.word-wrapper .visible i {
  opacity: 1;
  transform: scale(1);
  animation-name: scale-up;
}

.word-wrapper .hidden i {
  animation-name: scale-down;
}

/* This animates individual letters of word */
@keyframes scale-up {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  
  60% {
    transform: scale(1.2); /* this creates bounce effect */
  }
  
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes scale-down {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}

/* Education - Resume */

.smaller {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    color: #999;
    font-weight: normal;
}
.bigger {
    font-size: 30px;
}
.education-content {
    background: #fff;
    padding: 30px;
    box-shadow: 2px 2px 2px 2px #eee;
}

/* Work - Resume */
.work-content {
    background: #f7f7f7;
    padding: 30px;
    box-shadow: 2px 2px 2px 2px #eee;

}

/* Courses */
.course-details {
    padding: 20px;
    background: #fff;
}
.price-crossed {
    text-decoration: line-through;
}
.course-price {
    color: #4a90e2;
}
.badge {
    border-radius: 0;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.row-portfolio-course {
    width: 100%;
}
.portfolio-courses {
    border: 10px solid #f7f7f7;
}

/* Testimonials - Courses */
.shadow-effect {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #f7f7f7;
        }
#customers-testimonials .shadow-effect p {
    font-size: 17px;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
        }
.rounded-img-course {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    border: 5px solid #f2f2f2;
}
.testimonial-name-2 {
    color: #777;
        }
#customers-testimonials .item {
    text-align: center;
    margin-bottom: 80px;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
        }
#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
        }
.img-settings-carousel {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: 0 auto 17px;
        }
#customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #28CB75;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
        }
#customers-testimonials.owl-carousel.owl-theme .owl-dots .owl-dot span {
    background: #C4C4CC;
    display: block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
        }

.blog-img-size {
    float: left;
    width: 120px;
    margin-right: 10px;
}

/* Accounting */

.infoblock-accounting-1 {
    padding: 50px 50px 30px;
    overflow: hidden;
    border-bottom: solid 1px #468cde;
    background: #4a90e2;
    transition: background .3s;
    color: #fff;
}
.infoblock-accounting-1:hover {
    padding: 50px 50px 30px;
    overflow: hidden;
    border-bottom: solid 1px #4a90e2;
    background: #468cde;
    transition: background .3s;
 }
.infoblock-accounting-2 {
    padding: 50px 50px 30px;
    height: 100%;
    overflow: hidden;
}
.infoblock-accounting-3 {
    padding: 50px 50px 20px;
    border-bottom: solid 1px #468cde;
    background: #4a90e2;
    transition: background .3s;
    color: #fff;
}
.infoblock-accounting-3:hover {
    padding: 50px 50px 20px;
    border-bottom: solid 1px #4a90e2;
    background: #468cde;
    transition: background .3s;
}
.icon-accounting-service {
    color: #fff;
    background: #4a90e2;
    padding-top: 35px;
    padding-bottom: 35px;
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.accounting-process-ico {
    background: #f7f7f7;
    padding: 20px;
    border: 3px solid #4a90e2;
    color: #4a90e2;
    font-size: 18px;
    margin-bottom: 20px;
}
.accounting-process-ico:hover {
    background: #4a90e2;
    padding: 20px;
    border: 3px solid #f7f7f7;
    color: #f7f7f7;
    font-size: 18px;
    margin-bottom: 20px;
}
/* Architecture */

.arch-about-title {
    font-size: 25px;
    font-weight: normal;
    text-transform: uppercase;
}
.arch-process {
    padding-top: 20px;
    background: #f7f7f7;
    padding-bottom: 10px;
    border: 1px solid #eee;
    padding-left: 10px;
    padding-right: 10px;
}
.arch-service-in h3 {
    color: #888;
    text-transform: uppercase;
    margin: 20px 0 25px;
}
.arch-service-spec {
    background: #fff;
    padding: 30px;
    border-right: 1px solid #e5eef0;
}
.arch-service-spec:hover {
    background: #e5eef0;
    padding: 30px;
    border-right: 1px solid #fff;
}
.arch-icon-serv {
    color: #4a90e2;
    font-size: 30px;
}
.arch-slider-icon {
    color: #999;
    background: #f7f7f7;
    padding: 10px;
}
.arch-service-shape {
    background: #4a90e2;
    -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 15% 50%, 0% 0%);
    height: 160px;
    border: 1px solid #eee;
}
.arch-service-icon {
    padding: 20px;
    font-size: 26px;
    color: #fff;
    margin-top: -5px;
}

/* Travel */
 .travel-form-date {
    float: right;
    margin-top: -15px;
    position: absolute;
    margin-left: 15px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
 }
 .travel-icon-services-1 {
    background: #5cb85c;
    padding: 15px 20px 15px 20px;
    font-size: 20px;
    color: #fff;
    width: 65px;
 }
  .travel-icon-services-2 {
    padding: 15px 22px 15px 22px;
    font-size: 20px;
    color: #fff;
    background: #4a90e2;
    width: 65px;
 }
  .travel-icon-services-3 {
    background: #f0ad4e;
    padding: 15px 20px 15px 20px;
    font-size: 20px;
    color: #fff;
    width: 65px;
 }
 .travel-services-heading {
    font-size: 18px;
    text-transform: uppercase;
 }
 .desti-hover-travel {
    margin-top: -25px;
 }
  .package-tour-cost-travel  {
    margin-top: -217px;
    padding: 2px 10px 0px 10px;
    position: absolute;
    background: #4a90e2;
    color: #fff;
    }
  .package-tour-cost-travel-inner {
    margin-top: -128px;
    position: absolute;
    color: #fff;
    padding: 20px;
  }

 /* Travel - User Ratings */
  .full-star-rating {
        color: #ffb400;
  }
   .margin-set-travel-rating-progress {
        margin: -9px 5px 5px 5px;
    }

/* Shipping */
.img-zoom-option {
    position: relative;
    overflow: hidden;
}
.img-zoom-option img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img-zoom-option:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.packging-item-shipping {
    border: 2px solid #f7f7f7;
    padding-bottom: 20px;
}
.packging-icon-size {
    font-size: 35px;
    padding: 20px;
    background: #fff;
    margin-top: -35px;
    margin-bottom: 10px;
    border-radius: 50%;
    color: #4a90e2;
}

/* Job Board */

.heading-job-list {
    font-size: 17px;
}
.job-list-spec a {
    color: #888;
    font-weight: normal;
}
.job-list-spec a:hover {
    color: #4a90e2;
}
.job-board-list-pad {
    background: #f7f7f7;
    padding: 50px 20px 0 20px;
    border: 2px solid #fff;
}
.featured-job-area {
    border: 2px solid #f7f7f7;
}

/* Real Estates - Hotel */
 .hotel-rental-ico {
    border-right: 2px solid #f7f7f7;
    padding: 10px;
    width: 32.5222%;;
    display: inline-block;
    border-top: 2px solid #f7f7f7;
    }
    .hotel-rental-ico-2 {
    border-right: 2px solid #f7f7f7;
    padding: 10px;
    display: inline-block;
    border-top: 2px solid #f7f7f7;
    }
 .hotel-booking-pad {
    padding: 20px;
 }
 .heading-hotel-list {
    font-size: 17px;
    text-transform: uppercase;
 }
 .desc-hotel-booking {
    padding: 20px;
    border: 2px solid #f7f7f7;
 }
 .hotel-offer-bg {
    background-image: url("../images/hotel/1.jpeg");
    background-size: cover;
 }
 .hotel-offer-bg-2 {
    background-image: url("../images/hotel/2.jpeg");
    background-size: cover;

 }

 /* Coming Soon */

.counterNumbers {
    font-size: 35px;
    font-weight: bold;
}

/* Business - Vimeo Dark Header */
.background-business-vimeo-services {
    background-image: url(../images/header-img.jpg);
}
.img-bg-service-area {
    background-image: url(../images/spec-16.jpg);
}

/* Agency - Vimeo Light Header */

/* Testimonials */
.background-testimonials-agency {
    background-image: url("../images/spec2.jpg");
}
.icon-agency-vimeo-light {
    color: #4a90e2;
    width: 90px;
    height: 90px;
    padding: 30px;
    font-size: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    background: #f7f7f7;
    margin-bottom: 25px;
    display: inline-block;
    border-radius: 50px;
}
.icon-agency-vimeo-light:hover {
    color: #fff;
    width: 90px;
    height: 90px;
    padding: 30px;
    font-size: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    background: #4a90e2;
    margin-bottom: 25px;
    display: inline-block;
    border-radius: 50px;
}

/* Vimeo Gradient */
.gradient-icons-features {
    border: 2px solid #fff;
    padding: 20px;
    font-size: 25px;
    border-radius: 50%;
    color: #4a90e2;
}

/* Other Video - Business */
.service-bg-image-video-3 {
    background: #c416d8;
        
        
}

.service-bg-image-video-2 {
    background: #588dde;
}
.service-bg-image-video {
     background:#cc545b;
}
.service-bg-image-video:hover {
     background-image: linear-gradient(0deg,rgba(155,107,204,0.8),#d9534f),url(../images/spec.jpg);
}
.service-bg-image-video-2:hover {
    background-image: linear-gradient(0deg,rgba(155,107,204,0.8),#4a90e2),url(../images/spec-7.jpg);
}
.service-bg-image-video-3:hover {
    background-image: linear-gradient(0deg,rgba(155,107,204,0.8),#c802d8),url(../images/spec-9.jpg);

}

.testi-img-video-header {
    width: 50px;
    border-radius: 50px;
    border: 3px solid #f7f7f7;
}

/* Circle Progress Bars */
.single-count {
    text-align: center;
}
.count-icon {} .count-icon span {
    font-size: 35px;
}
.count-title {} .count-title h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    margin: 15px 0;
}
.count-title span {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    text-transform: capitalize;
}
.hover-style {
    display: block;
    position: relative;
}
.hover-style::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.hover-style:hover::before {
    opacity: 0.95;
}
.bg-img {
    background: rgba(0, 0, 0, 0) url("img/bg-2.jpg") repeat scroll center center / cover;
    height: 100vh;
}
.count-icon {
    color: #fff;
}
.img-overly {
    position: relative;
}
.img-overly::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.about-minimal {} .about-minimal h2 {} .minimal-img > img {
    width: 100%;
}
.about-minimal {} .about-minimal ul {} .about-minimal ul li {
    border-top: 1px solid #f6f6f6;
    display: block;
    line-height: 1.3em;
    list-style-type: none;
    margin: 0;
    padding: 15px 0;
    position: relative;
}
.about-minimal ul li:last-child {
    border-bottom: 1px solid #eceaeb;
}
.about-minimal ul li::before {
    color: #444;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 12px;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.about-minimal a {
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 5px;
    padding: 12px 25px;
    text-transform: uppercase;
}
.about-minimal a:hover {
    background: #464646;
    color: #fff;
    border-color: #464646
}
.single-skill-about {
    text-align: center;
}
.progress-h4 {
    font-size: 22px;
    font-weight: 400;
}
.about-us-text > p {
    color: #666;
}
.team-member {
    position: relative;
}
.team-member > img {
    filter: grayscale(100%);
    width: 100%;
}
.team-member::before {
    background: transparent none repeat scroll 0 0;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 100%;
    z-index: 1;
}
.team-wrapper:hover .team-member::before {
    background: rgba(33, 40, 45, 0.55);
}
.team-info {
    padding: 15px 0;
}
.team-text-icon {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    opacity: 0;
    transition: all .3s ease 0s;
}
.team-info {
    padding: 15px 0;
}
.border-team-section {
    border:1px solid #eee;
}
.text-dark {
    color:#444 !important;
}
.text-light-dark {
    color:#888 !important;
}
.team-icon > a {
    border: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    margin: 0 10px;
}
.team-icon > a:hover {
    background: #fff;
    color: #666
}
.team-wrapper:hover .team-icon > a {
    margin: 0 5px;
}
.team-wrapper:hover .team-text-icon {
    opacity: 1;
}
.team-info h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}
.team-info span {
    color: #fff;
    text-transform: uppercase;
}
.team-member > img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.about-minimal > p {
    font-size: 15px;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    width: 95%;
}
.about-minimal h2::before {
    background-color: #ccc;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 100px;
}
.about-minimal h2 {
  margin-bottom: 30px;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
/* Pricing table */

.pricing-top {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
}
.single-pricing {
    border: 1px solid #ddd;
    padding: 50px;
    text-align: center;
}
.pricing-top h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
.pricing-top h3::before {
    background: #666 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 60px;
}
.pricing-top p {
    font-family: dosis;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 28px;
}
.pricing-top p span {
    font-size: 18px;
    font-weight: normal;
}
.pricing-tex li {
    color: #333333;
    font-size: 14px;
    padding-bottom: 22px;
    text-transform: capitalize;
}
.pricing-tex li:last-child {
    padding-bottom: 0px;
}
.pricing-tex li i {
    padding-right: 10px;
}
.price-btn a {
    background-color: transparent;
    border: 1px solid #c1c1c1;
    color: #464646;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.price-btn a:hover {
    background-color: #464646;
    border: 1px solid #464646;
    color: #fff;
}
.pricing-tex > ul {
    padding: 40px 0;
}
.price-btn .button i {
    font-size: 14px;
    padding-left: 12px;
}

/* Small Header light */

.title-margin-light-small {
    margin-left: -100px;
    background: #fff;
    padding: 20px;
    border: 2px solid #f7f7f7;
}
@media only screen and (max-width: 767px) {
    .title-margin-light-small {
        margin-left: 0;
        background: #fff;
        padding: 10px;
    }
}

  .services-content-vimeo-small-right  {
    background: #fff;
    padding: 50px;
    margin-left: -146px;
    border: 5px solid #eceeef;
    }
    @media only screen and (max-width: 767px) {
    .services-content-vimeo-small-right {
        background: #fff;
        padding: 50px;
        margin-left: 0px;
        border: 5px solid #eceeef;
    }
}

  .services-content-vimeo-small-left  {
    background: #fff;
    padding: 50px;
    margin-right: -146px;
    border: 5px solid #eceeef;
    }
    @media only screen and (max-width: 767px) {
    .services-content-vimeo-small-left {
        background: #fff;
        padding: 50px;
        margin-right: 0px;
        border: 5px solid #eceeef;
    }
}

/* Pricing Table */
/*============================================================
BACKGROUND COLORS
============================================================*/
.db-bk-color-one {
    background-color: #4a90e2;
}

.db-bk-color-two {
    background-color: #4a90e2;
}

.db-bk-color-three {
    background-color: #4a90e2;
}

.db-bk-color-six {
    background-color: #4a90e2;
}
/*============================================================
PRICING STYLES
==========================================================*/
.db-padding-btm {
    padding-bottom: 50px;
}
.db-button-color-square {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

    .db-button-color-square:hover {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.50);
        border: none;
    }


.db-pricing-eleven {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    color: #fff;
    line-height: 30px;
}

    .db-pricing-eleven ul {
        list-style: none;
        margin: 0;
        text-align: center;
        padding-left: 0px;
    }

        .db-pricing-eleven ul li {
            padding-top: 20px;
            padding-bottom: 20px;
            cursor: pointer;
        }

            .db-pricing-eleven ul li i {
                margin-right: 5px;
            }


    .db-pricing-eleven .price {
             padding: 40px 20px 20px 20px;
            font-size: 60px;
            color: #FFFFFF;
    }

        .db-pricing-eleven .price small {
            color: #B8B8B8;
            display: block;
            font-size: 12px;
            margin-top: 22px;
        }

    .db-pricing-eleven .type {
        background-color: #4187d9;
        padding: 50px 20px;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 30px;
    }

    .db-pricing-eleven .pricing-footer {
        padding: 20px;
    }

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

.db-pricing-eleven.popular {
    margin-top: 10px;
}

    .db-pricing-eleven.popular .price {
        padding-top: 80px;
    }

/* Services Area - Ripples Effect */

.content-column {
    padding: 20px;
    background-color: #fff;
}
.spec-image-dark {
    background-image:url(../images/spec-10.jpg);
}
.call-to-action {
    background-color: #fff;
    padding: 50px;
}
.services-body-area {
    background-color: #fff;
    padding: 20px;
    border: 5px solid #f7f7f7;
}
.services-over-image-texts {
    padding:50px;
}
@media (max-width: 400px) {
    .services-over-image-texts {
        padding: 5px;
    }
}

.events-box-spec {
    background-color: white;
    font-weight: 600;
    width: 100%;
    margin-bottom: 24px;
    border: 5px solid #f7f7f7;
    padding: 20px;
}
.about-details-small-header {
    border: 2px solid #f7f7f7;
    padding: 20px;
 }
.about-margin-small-header  {
        margin-top: -70px;
 }
@media only screen and (max-width: 993px) {
    .about-margin-small-header  {
        margin-top: 20px;
 }
}
.overide-icon-box-icon {
    background: #4a90e2;
    padding: 10px;
    color: #fff;
}
.color-green {
    color: #5cb85c;
}
.table-wraper {
    border: 3px solid #f7f7f7;
    padding: 10px;
}
}


/*------------------------------------------------------------------
[Widgets]
*/

.widget-light {
    margin: 0 0 50px;
}

.widget-light .widget-title {
    border-bottom: 1px solid rgba(238, 238, 238, .9);
    padding: 0 0 20px;
    margin: 0 0 25px;
}

.widget-light .widget-title h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 0;
}

.widget-light ul,
.widget-light ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-light ul li,
.widget-light ol li {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(238, 238, 238, .9);
    padding-bottom: 10px;
}

.widget-light ul li:last-child,
.widget-light ol li:last-child {
    border: 0;
}

.widget-light a {
    color: #888;
}

.widget-light a:hover,
.widget-light a:focus {
    color: #4a90e2;
}

.widget-light input,
.widget-light select {
    width: 100%;
    box-shadow: none;
    border-radius: 2px;
    border-width: 1px;
    border-color: #eee;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: .09375rem;
    font-size: .625rem;
    padding: 1rem .9375rem;
}

.widget {
    margin: 0 0 50px;
}

.widget .widget-title {
    border-bottom: 1px solid rgba(238, 238, 238, .9);
    padding: 0 0 20px;
    margin: 0 0 25px;
}

.widget .widget-title h5 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 0;
}

.widget ul,
.widget ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ul li,
.widget ol li {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(238, 238, 238, .9);
    padding-bottom: 10px;
}

.widget ul li:last-child,
.widget ol li:last-child {
    border: 0;
}

.widget a {
    color: #999;
}

.widget a:hover,
.widget a:focus {
    color: #4a90e2;
}

.widget input,
.widget select {
    width: 100%;
    box-shadow: none;
    border-radius: 2px;
    border-width: 1px;
    border-color: #eee;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: .09375rem;
    font-size: .625rem;
    padding: 1rem .9375rem;
}

/* --- [ Search Widget ] --- */

.widget_search form {
    position: relative;
}

.search-button {
    background-color: transparent;
    border: none;
    position: absolute;
    top: -2px;
    height: 100%;
    right: 10px;
    -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
    color: #ddd;
}

.search-button:focus,
.search-button.focus,
.search-button.active.focus,
.search-button.active:focus,
.search-button:active.focus,
.search-button:active:focus {
    outline: 0;
}

.search-button:hover {
    color: #4a90e2;
}

.widget_archive ul li a,
.widget_categories ul li a {
    margin-right: 5px;
}

.widget_recent_works,
.widget_recent_entries a,
.widget_recent_entries_custom a {
    color: #313131;
}

.widget_recent_works img,
.widget_recent_entries a img,
.widget_recent_entries_custom a img {
    border-radius: 3px;
}

.post-date {
    font-size: 12px;
    display: block;
    opacity: .7;
}
.post-menu-desc {
    font-size: 12px;
    display: block;
    opacity: .7;
}

.widget_recent_entries_custom ul li {
    display: table;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.widget_recent_entries_custom .wi,
.widget_recent_entries_custom .wb {
    vertical-align: middle;
    display: table-cell;
}

.widget_recent_entries_custom .wi {
    float: left;
    width: 74px;
}

.widget_recent_entries_custom .wi img {
    width: 100%;
}

.widget_recent_entries_custom .wb {
    padding-left: 18px;
    width: 100%;
}

/* --- [ Resent Works Widget ] --- */

.widget_recent_works > ul {
    margin: 0 -5px;
}

.widget_recent_works > ul:before,
.widget_recent_works > ul:after {
    content: " ";
    display: table;
}

.widget_recent_works > ul:after {
    clear: both;
}

.widget_recent_works > ul > li {
    border: 0 !important;
    float: left;
    width: 33.333%;
    padding: 5px;
    margin: 0;
}

.widget_recent_works > ul > li > a:hover {
    opacity: .5;
}

/* --- [ Tags Widget ] --- */

.widget_tag_cloud .tagcloud > a {
    background: #f2f2f2;
    border-radius: 15px;
    position: relative;
    display: inline-block;
    padding: 1px 15px;
    margin: 5px 10px 5px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 24px;
    font-size: 8px;
    color: #111;
}

.widget_tag_cloud .tagcloud > a:hover {
    background: #4a90e2;
    color: #fff;
    opacity: 1;
}

/* --- [ Twitter Feed Widget ] --- */

.twitter-feed-widget ul > li {
    border: 0;
}

.twitter-feed-widget ul > li img {
    display: none;
}

.twitter-feed-widget ul > li:last-child {
    padding: 0;
    margin: 0;
}

.twitter-feed-widget .timePosted {
    font-size: 12px;
    opacity: .7;
    margin: 2px 0 0;
}

.twitter-feed-widget .tweet {
    word-wrap: break-word;
    margin: 0;
}

.twitter-feed-widget .user,
.twitter-feed-widget .interact {
    display: none;
}

/* --- [ Сalendar widget ] --- */

.calendar_wrap,
.calendar_wrap table {
    width: 100%;
}

.calendar_wrap caption {
    text-align: right;
    color: #333;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.calendar_wrap thead {
    font-size: 10px;
}

.calendar_wrap thead th {
    padding-bottom: 10px;
    text-align: center;
}

.calendar_wrap tbody {
    color: #aaa;
}

.calendar_wrap tbody td {
    background: #f5f5f5;
    border: 1px solid #fff;
    text-align: center;
    padding: 8px;
}

.calendar_wrap tbody td:hover {
    background: #fff;
}

.calendar_wrap tbody .pad {
    background: none;
}

.calendar_wrap tfoot #next,
.calendar_wrap tfoot #prev {
    text-transform: uppercase;
    font-size: 10px;
}

.calendar_wrap tfoot #next {
    text-align: right;
}

.calendar_wrap tfoot #prev {
    padding-top: 10px;
}

/* --- [ Navmenu widget ] --- */

.widget_nav_menu ul li {
    border: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-family: inherit;
    line-height: 1.2;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: center;
}

.widget_nav_menu .sub-menu {
    padding: 30px 0 0;
}

.widget_nav_menu .sub-menu li {
    padding-bottom: 15px;
    margin-bottom: 0;
}

.widget_nav_menu .sub-menu li:last-child {
    padding-bottom: 0;
}

.footer .widget ul li,
.footer .widget ol li,
.footer .widget .widget-title,
.off-canvas-sidebar .widget ul li,
.off-canvas-sidebar .widget ol li,
.off-canvas-sidebar .widget .widget-title {
    border-color: rgba(255, 255, 255, .05);
}

.footer .widget_tag_cloud .tagcloud > a,
.off-canvas-sidebar .widget_tag_cloud .tagcloud > a {
    background: transparent;
    border: 1px solid #f2f2f2;
    color: #fff;
}

.footer .widget_tag_cloud .tagcloud > a:hover,
.off-canvas-sidebar .widget_tag_cloud .tagcloud > a:hover {
    background-color: #4a90e2;
    border-color: #4a90e2;
}

/*------------------------------------------------------------------
[Shop]
*/

.spec-shop-grid-item {
    margin: 0 0 40px;
}

.spec-shop-grid-item .spec-shop-item-thumb {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
}

.spec-shop-grid-item .spec-shop-item-thumb img {
    -webkit-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
}

.spec-shop-grid-item .spec-shop-item-thumb .spec-shop-item-hidden {
    position: absolute;
    width: 100%;
    top: 100%;
    -webkit-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
}

.spec-shop-grid-item .spec-shop-item-thumb:hover img {
    opacity: .5;
}

.spec-shop-grid-item .spec-shop-item-thumb:hover .spec-shop-item-hidden {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

.spec-shop-grid-item .spec-shop-item-captions {
    text-align: center;
}

.spec-shop-grid-item .spec-shop-item-title {
    font-size: 14px;
    margin: 0 0 10px;
}

.spec-shop-grid-item .spec-shop-item-price {
    font-size: 14px;
    opacity: .5;
}

/*------------------------------------------------------------------
[Shop Masonry]
*/

.row-shop-masonry {
    margin-left: -15px;
    margin-right: -15px;
}

.shop-masonry-item {
    float: left;
    width: 100%;
    padding: 2px;
}

.shop-masonry-item .shop-masonry-img-wrap {
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding-top: 100%;
}

.shop-masonry-wrapper {
    position: relative;
    overflow: hidden;
}

.shop-masonry-wrapper .shop-masonry-img-wrap {
    -webkit-transition: all .3s cubic-bezier(.3, .1, .58, 1);
            transition: all .3s cubic-bezier(.3, .1, .58, 1);
}

.shop-masonry-wrapper .spec-shop-item-hidden {
    position: absolute;
    width: 100%;
    top: 100%;
    -webkit-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
    z-index: 4;
}

.row-shop-masonry .grid-sizer,
.row-shop-masonry .shop-masonry-item {
    width: 25%;
}

.row-shop-masonry .grid-sizer.large,
.row-shop-masonry .shop-masonry-item.large {
    width: 50%;
}

.spec-shop-item-caption {
    position: absolute;
    padding: 25px;
    width: 100%;
    opacity: 0;
    z-index: 1;
    top: 50%;
    left: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all .3s cubic-bezier(.3, .1, .58, 1);
            transition: all .3s cubic-bezier(.3, .1, .58, 1);
}

.spec-shop-item-caption h5 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    margin: 7px 0;
}

.shop-masonry-overlay {
    position: absolute;
    background: rgba(255, 255, 255, .6);
    position: absolute;
    opacity: 0;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: all .3s cubic-bezier(.3, .1, .58, 1);
            transition: all .3s cubic-bezier(.3, .1, .58, 1);
}

.shop-masonry-link {
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.shop-masonry-item:hover .spec-shop-item-caption {
    opacity: 1;
}

.shop-masonry-item:hover .spec-shop-item-hidden {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}

.shop-masonry-item:hover .shop-masonry-overlay {
    opacity: 1;
}

@media (max-width: 991px) {
    .row-shop-masonry .grid-sizer,
    .row-shop-masonry .shop-masonry-item {
        width: 50%;
    }

    .row-shop-masonry .grid-sizer.large,
    .row-shop-masonry .shop-masonry-item.large {
        width: 100%;
    }
}

@media (max-width: 601px) {
    .row-shop-masonry .grid-sizer,
    .row-shop-masonry .shop-masonry-item {
        width: 100%;
    }

    .row-shop-masonry .grid-sizer.large,
    .row-shop-masonry .shop-masonry-item.large {
        width: 100%;
    }
}

/*------------------------------------------------------------------
[Shop Product]
*/

.product {
    padding: 20px 0;
}

.product-title {
    margin: 0 0 10px;
}

.product-rating {
    font-size: 13px;
}
.checkout-spec-payment-progress {
    border: 2px solid #eee; 
}
.product-page-bottom-ico {
    color: #4a90e2;
    font-size: 45px;
    margin-bottom: 15px;
}

.product-rating .star-rating {
    margin: 0 9px 0 0;
}

.product-rating a {
    color: #313131;
}

.product-rating a:hover {
    color: #4a90e2;
}

.product-price {
    margin: 30px 0;
}

.product-gallery {
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 10px 0;
}

.product-gallery li {
    display: inline-block;
    width: 15%;
    margin: 0 5px;
}

.product-gallery li:first-child {
    margin-left: 0;
}

.product-meta div {
    display: table;
    table-layout: fixed;
}

.product-meta div > .product-mata-label {
    min-width: 108px;
    display: table-cell;
    font-weight: 600;
    color: #313131;
}

.comment-shop .comment:first-child {
    border: 0;
    padding: 0;
    margin: 0;
}

/*------------------------------------------------------------------
[Shop Cart]
*/

.cart-table {
    border: 1px solid #eee;
}

.cart-table > thead > tr > th,
.cart-table > tbody > tr > th,
.cart-table > tfoot > tr > th,
.cart-table > thead > tr > td,
.cart-table > tbody > tr > td,
.cart-table > tfoot > tr > td {
    border: 0;
    border-top: 1px solid #eee;
    padding: 20px;
    vertical-align: middle;
}

.cart-table > thead > tr > th {
    font-weight: 600;
    font-size: 14px;
    color: #313131;
}

.cart-table .cart-remove {
    text-align: center;
}

.cart-table .cart-remove a {
    color: #898989;
}

.cart-table .col-thumbnail {
    width: 100px;
}

.cart-table .form-control {
    max-width: 80px;
}

.cart-thumbnail {
    max-width: 80px;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 1px solid #eee;
    }

    .table-responsive .cart-table {
        border: 0;
    }
}

.coupon {
    border-bottom: 1px solid #eee;
    padding: 0 0 20px;
    margin: 0 0 10px;
}

.coupon [class^='col-md'] {
    padding-top: 10px;
}

@media screen and (max-width: 767px) {
    .coupon .btn {
        width: 100%;
    }
}

/*------------------------------------------------------------------
[Stars Rating]
*/

.star-rating {
    font-family: FontAwesome;
    letter-spacing: -1px;
    color: #f1c40f;
}

.star-rating-1:after {
    content: "\f005\20\f006\20\f006\20\f006\20\f006";
}

.star-rating-2:after {
    content: "\f005\20\f005\20\f006\20\f006\20\f006";
}

.star-rating-3:after {
    content: "\f005\20\f005\20\f005\20\f006\20\f006";
}

.star-rating-4:after {
    content: "\f005\20\f005\20\f005\20\f005\20\f006";
}

.star-rating-5:after {
    content: "\f005\20\f005\20\f005\20\f005\20\f005";
}

/*------------------------------------------------------------------
[User Pages]
*/

.up-logo,
.up-form,
.up-help {
    text-align: center;
    margin: 0 0 50px;
}

.up-form .form-check {
    margin: 20px 0;
}
/* Call to action */
.cta-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}
.cta-btn-padding {
    padding-top: 15px;
    padding-bottom: 15px;
}
.call-action-v1-box {
    border-bottom: 2px solid #eee;
}
/* Breaking News */
.breaking-news-headline {
  display: block;
  position: absolute;
  font-size: 13px;
  margin-top: -27px;
  color: white;
  margin-left: 150px;
}

.breaking-news-title {
    background-color: #1b1d1f;
    display: block;
    height: 120px;
    width: 90px;
    font-size: 11px;
    position: absolute;
    top: 0px;
    margin-top: 0px;
    margin-left: 20px;
    padding-top: 7px;
    padding-left: 10px;
    z-index: 3;
}
.breaking-news-title:before {
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  top: 0;
  left: -12px;
  border-left: 12px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 30px solid #1b1d1f;
}
.breaking-news-title:after {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
    right: -12px;
    top: 0;
    border-right: 12px solid transparent;
    border-left: 0px solid transparent;
    border-top: 30px solid #1b1d1f;
}

#breaking-news-colour {
  height: 30px;
  width: 100%;
  background-color: #4a90e2;
}

#breaking-news-container {
  height: 30px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  padding: 25px;
}
#breaking-news-container:before {
  content: "";
  width: 30px;
  height: 30px;
  background-color: #3399FF;
  position: absolute;
  z-index: 2;
}

.animated {
  -webkit-animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.2s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
}

.delay-animated {
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.4s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.scroll-animated {
  -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 3s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-animated2 {
  -webkit-animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.4s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay-animated3 {
  -webkit-animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 5s;
  -moz-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -webkit-animation-delay: 0.5s;
  animation-delay: 3s;
}

.fadein {
  -webkit-animation-name: fadein;
  -moz-animation-name: fadein;
  -o-animation-name: fadein;
  animation-name: fadein;
}

@-webkit-keyframes fadein {
  from {
    margin-left: 1000px;
  }
}
@-moz-keyframes fadein {
  from {
    margin-left: 1000px;
  }
}
.slidein {
  -webkit-animation-name: slidein;
  -moz-animation-name: slidein;
  -o-animation-name: slidein;
  animation-name: slidein;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  20% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
.marquee {
  animation: marquee 10s linear infinite;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 3s;
}

@-webkit-keyframes slidein {
  from {
    margin-left: 800px;
  }
  to {
    margin-top: 0px;
  }
}
@-moz-keyframes slidein {
  from {
    margin-left: 800px;
  }
  to {
    margin-top: 0px;
  }
}
.slideup {
  -webkit-animation-name: slideup;
  -moz-animation-name: slideup;
  -o-animation-name: slideup;
  animation-name: slideup;
}

@-webkit-keyframes slideup {
  from {
    margin-top: 30px;
  }
  to {
    margin-top: 0;
  }
}
@-moz-keyframes slideup {
  from {
    margin-top: 30px;
  }
  to {
    margin-top: 0;
  }
}

/* Get Started Section
--------------------------------*/
#about {
  background: #fff;
  padding: 80px 0;
}

#about .about-container {
  background: url(../images/parralax.jpg) left top no-repeat;
}

#about .about-content {
  background: #fff;
  padding-left: 20px;
  padding-right: 20px;
}

#about .about-title {
  color: #333;
  font-weight: 700;
  font-size: 28px;
}

#about .about-text {
  line-height: 26px;
}

#about .about-text:last-child {
  margin-bottom: 0;
}

/* Services Section
--------------------------------*/
#services {
  padding: 80px 0 60px 0;
}

#services .service-item {
  margin-bottom: 20px;
}

#services .service-icon {
    float: left;
    background: #4a90e2;
    padding: 16px;
    transition: 0.5s;
    border: 1px solid #4a90e2;
}

#services .service-icon i {
  color: #fff;
  font-size: 24px;
}

#services .service-item:hover .service-icon {
  background: #fff;
}

#services .service-item:hover .service-icon i {
  color: #4a90e2;
}

#services .service-title {
  margin-left: 80px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#services .service-title a {
  color: #111;
}

#services .service-description {
  margin-left: 80px;
  line-height: 24px;
}

/* Subscribe Section
--------------------------------*/
#subscribe {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../images/parralax.jpg) fixed center center;
  background-size: cover;
  padding: 80px 0;
}

#subscribe .subscribe-title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#subscribe .subscribe-text {
  color: #fff;
}

#subscribe .subscribe-btn-container {
  text-align: center;
  padding-top: 20px;
}

#subscribe .subscribe-btn {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}

#subscribe .subscribe-btn:hover {
  background: #4a90e2;
  border: 2px solid #4a90e2;
}

/* Portfolio Section
--------------------------------*/
#portfolio {
  background: #fff;
  padding: 80px 0;
}

.portfolio-item-border {
    border: 5px solid #eee;
}

#portfolio .portfolio-item {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 260px;
  width: 100%;
  display: table;
  overflow: hidden;
  margin-bottom: 30px;
}

#portfolio .portfolio-item .details {
  height: 260px;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  opacity: 0;
  transition: 0.3s;
  text-align: center;
}

#portfolio .portfolio-item .details h4 {
  font-size: 16px;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate3d(0, -15px, 0);
  transform: translate3d(0, -15px, 0);
  font-weight: 700;
  color: #333333;
}

#portfolio .portfolio-item .details span {
  display: block;
  color: #666666;
  font-size: 13px;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate3d(0, 15px, 0);
  transform: translate3d(0, 15px, 0);
}

#portfolio .portfolio-item:hover .details {
  opacity: 0.8;
}

#portfolio .portfolio-item:hover .details h4 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#portfolio .portfolio-item:hover .details span {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Testimonials Section
--------------------------------*/
#testimonials {
  background: #f6f6f6;
  padding: 80px 0;
}

#testimonials .profile {
  text-align: center;
}

#testimonials .profile .pic {
  border-radius: 50%;
  border: 6px solid #fff;
  margin-bottom: 15px;
  overflow: hidden;
  height: 260px;
  width: 260px;
}

#testimonials .profile .pic img {
  max-width: 100%;
}

#testimonials .profile h4 {
  font-weight: 700;
  color: #4a90e2;
  margin-bottom: 5px;
}

#testimonials .profile span {
  color: #333333;
}

#testimonials .quote {
  position: relative;
  background: #fff;
  padding: 60px;
  margin-top: 40px;
  font-size: 16px;
  font-style: italic;
  border-radius: 5px;
}

#testimonials .quote b {
  display: inline-block;
  font-size: 22px;
  left: -9px;
  position: relative;
  top: -8px;
}

#testimonials .quote small {
  display: inline-block;
  right: -9px;
  position: relative;
  top: 4px;
}
/* GYM */

 .gym_icons_list {
    font-size: 20px;
    color: #4a90e2;
    background: #f7f7f7;
    padding: 20px;
    border: 3px solid #eee;
    width: 63px;
}
.gym_icons_list:hover {
    border: 3px solid #4a90e2;
}
.border-list-right {
    border-right: 2px solid #4a90e2;
}
.border-list-left {
    border-left: 2px solid #4a90e2;
}
.check-color {
    color: #4a90e2;
}
.gym-services-area-anim {
    min-height: 5em; 
    visibility: visible; 
    animation-name: fadeInLeft;
}
/* Charity */
.infoblock-special {
    background: #fff;
}
.infoblock-special-content {
    padding: 20px;
}
.info-blockT {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .5px;
    margin: 0;
    text-transform: uppercase;
}
.info-blockT2 {
    display: block;
    text-transform: uppercase;
}
.color-default {
    color: #4a90e2;
}
.donate-item-content {
    width: 50%;
    float: right;
    padding: 30px;
    background: rgba(0,0,0,.7);
}
.color-white {
    color: #fff;
}

/* Team Section
--------------------------------*/
#team {
  background: #fff;
  padding: 80px 0 60px 0;
}

#team .member {
  text-align: center;
  margin-bottom: 20px;
}

#team .member .pic {
  margin-bottom: 15px;
  overflow: hidden;
  height: 260px;
}

#team .member .pic img {
  max-width: 100%;
}

#team .member h4 {
  font-weight: 700;
  margin-bottom: 2px;
}

#team .member span {
  font-style: italic;
  display: block;
  font-size: 13px;
}

#team .member .social {
  margin-top: 15px;
}

#team .member .social a {
  color: #b3b3b3;
}

#team .member .social a:hover {
  color: #4a90e2;
}

#team .member .social i {
  font-size: 18px;
  margin: 0 2px;
}


/*------------------------------------------------------------------
[Footer]
*/
.colorLeftFooter {
    background: #1e2123;
    padding-left: 40px;
    padding-right: 40px;
}

.footerRightPad {
    padding-left: 40px;
    padding-right: 40px;
}

.footer {
    position: relative;
    background: #1b1d1f;
    color: #bfbfbf;
}
.footer-light {
    position: relative;
    background: #fff;
    color: #999;
    padding-top: 30px;
}
.socialicons-footer {
    font-size: 15px;
    padding: 10px;
    height: 35px;
    width: 35px;
}

.footer a {
    color: #fff;
}

.footer a:hover,
.footer a:focus {
    color: #fff;
    opacity: .7;
}


.footer .widget {
    margin: 60px 0 50px;
}

.footer .copyright {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
}
.footer-light .copyright {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
}

.footer-copyright {
    border-top: 1px solid rgba(255, 255, 255, .05);
}
.footer-links {
    list-style-type: none;
    display: inline;
    margin: 5px;
}

.post-thumb {
    width: 60px;
    float: left;
    margin-right: 10px;
}
.footer-shipping {
    padding-top: 150px; 
    border-right:1px solid #f7f7f7;
}
.border-left-1px {
    border-left:1px solid #f7f7f7;
}
.border-top-2px {
    border-top:2px solid #f7f7f7;
}
.border-right-1px {
    border-right:1px solid #f7f7f7;
}

/* Additional CSS */


.fonttextlogoonly {
    font-size: 17.5px;
}
.font8px {
    font-size: 8px;
}
.about-app-border-right {
    border-left: 5px solid #f7f7f7;
}
.font25px {
    font-size: 25px;
}
.font-14px {
    font-size: 14px;
}
.font-13px {
    font-size: 13px;
}
.font-12px {
    font-size: 12px;
}
.border-5px {
    border: 5px solid #f7f7f7;
}
.border-left-2px {
    border-left: 2px solid #f7f7f7;
}
.border-2px {
    border: 2px solid #f7f7f7;
}

.p-t-100 {
    padding-top: 100px;
}
.crossed {
    text-decoration: line-through;
}
.text-partial-dark {
    color: #777;
}
.text-partial-dark-2 {
    color: #888;
}
.border-10px {
    border: 10px solid #f7f7f7;
}
.bg-blue {
    background:#4a90e2;
}
.b-t-dark-blue {
    border-top: 5px solid #3c83d7;
}
.bg-dark-blue {
    background: #3c83d7;
}
.border-3px-white {
    border: 3px solid #fff;
}
.bg-dark-gray {
    background: #eceeef;
}
.font-size-28px {
    font-size: 28px;
}
.font-size-18px {
    font-size: 18px;
}
.font-size-13 {
    font-size: 13px;
}
.font-size-30px {
    font-size: 30px;
}
.letter-spacing-1px {
    letter-spacing: 1px;
}
.letter-spacing-2px {
    letter-spacing: 2px;
}
.letter-spacing-3px {
    letter-spacing: 3px;
}
.letter-spacing-4px {
    letter-spacing: 4px;
}
.letter-spacing-5px {
    letter-spacing: 5px;
}
.letter-spacing-10px {
    letter-spacing: 10px;
}