/*
Theme Name: HostWind Crazycafe
Theme URI: http://crazycafe.net/demos/wp/hostwind
Author: CrazyCafe
Author URI: http://crazycafe.net
Description: CrazyCafe WordPress theme
Version: 1.1
License: GNU General Public License
License URI: licensing/README_License.txt
Text Domain: hostwind-crazycafe
Tags: two-columns, three-columns, four-columns, right-sidebar, custom-menu, featured-images, full-width-template, theme-options
*/
/*

>>> CSS INDEX <<<
Common CSS
Header CSS
Footer CSS
Breadcroumb CSS
Contact & Quote form CSS
Blog CSS
Comments CSS
Widgets CSS
Preloader CSS
WHMCS CSS
Responsive CSS
*/
/*******************
***** Common CSS
********************/

input:focus,
textarea:focus {
    outline: none
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea {
    background: #dfdcdc none repeat scroll 0 0;
    border: medium none;
    padding: 10px;
}
input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-weight: 700;
    padding: 10px 30px;
    width: auto;
}
body {
    font-size: 15px;
    line-height: 1.70;
    color: #666866;
    background-attachment: fixed;
    background-repeat: repeat;
    font-weight: 300
}
a {
    color: #2ea45e;
    -webkit-transition: .4s;
    transition: .4s;
}
.site.hostwind-boxed-layout {
    max-width: 1200px;
    margin: 20px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    background-color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    color: #222;
}
.bigger-text {
    color: #eaeaea;
    display: block;
    float: left;
    font-size: 125px;
    font-weight: 900;
    line-height: 97px;
    margin-right: 15px;
}
.button-3 {
    color: #222222;
    -webkit-transition: .4s;
    transition: .4s;
}
.button-3 i {
    margin-right: 4px;
}
.button-3:hover {
    color: #2ea45e;
}
.hostwind-btn {
    background: #2ea45e none repeat scroll 0 0;
    border: 2px solid #2ea45e;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.hostwind-btn:hover {
    background-color: #fff;
    color: #2ab5f9;
    border-color: #2ab5f9;
}
.hostwind-btn.bordered-btn {
    background: transparent;
    border-color: #2ea45e;
    color: #333;
}
a.hostwind-btn.bordered-btn:hover {
    background: #333 none repeat scroll 0 0;
    border-color: #fff;
    color: #fff;
}
input[type=submit]:hover {
    background: #333;
    border-color: #333;
    color: #fff;
}
/*******************
***** Header CSS
********************/

.header-top-area a.hostwind-client-area-link {
    border-radius: 5px;
    color: #fff;
    display: inline;
    font-weight: 600;
    margin-left: 20px;
    padding: 7px 20px;
    margin-right: 0
}
.header-top-area a.hostwind-client-area-link:hover {
    background-color: #333;
    color: #fff
}
.text-logo {
    text-transform: uppercase;
    font-size: 26px;
}
.top_social a {
    display: inline-block;
    margin-right: 8px;
}
.top_info > span {
    margin-right: 20px;
}
.top_info i:after {
    content: '|';
    position: absolute;
    left: -27px;
    position: relative;
}
.top_info i:first-child:after {
    display: none;
}
.header-area .logo h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 13px 0;
}
.header-area .logo {
    padding: 5px 0;
}
.header-area .logo a {
    color: #161616;
    display: inline-block;
}
.header-area .logo a.image-logo {
    margin: -7px 0;
}
.header-area .logo a.image-logo {
    max-height: 40px;
}
.mainmenu ul li a {
    padding: 20px 0 20px 30px;
}
.mainmenu ul li:hover > a {
    color: #2ea45e;
}
.mainmenu ul li ul {
    left: 15px;
}
.header-top-area {
    border-bottom: 1px solid #dedcdc;
    font-size: 14px;
    font-weight: 300;
    padding: 15px 0;
}
.header-top-area a {
    color: #0d0d0d;
}
.header-top-area i.fa {
    padding-right: 5px;
}
/*
***********************************
>>>>> Footer CSS
***********************************
*/

.site-footer {
    background: #101010;
    color: #fff;
}
.footer-top-widgets {
    border-bottom: 2px solid #191919;
}
.footer-area {
    font-size: 13px;
    padding: 20px 0;
}
.footer-top-widgets {
    border-bottom: 2px solid #262626;
    padding-bottom: 20px;
    padding-top: 80px;
}
.footer-logo {
    color: #fff;
}
.footer-social a {
    color: #fff;
    border: 1px solid;
    height: 30px;
    width: 30px;
    margin: 0 10px 0 0;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    border-radius: 3px;
}
.footer-top-widgets,
.footer-top-widgets a {
    color: #9d9d9d;
}
h2.footer-widget-title {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
/*
***********************************
>>>>> Breadcroumb CSS
***********************************
*/

.hostwind-breadcroumb-area {
    padding-bottom: 60px;
    padding-top: 60px;
    background: #333;
    font-size: 15px;
}
.hostwind-breadcroumb-area,
.hostwind-breadcroumb-area a {
    color: #fff
}
.hostwind-breadcroumb-area h2 {
    font-size: 33px;
    margin: 0;
    color: #fff;
}
.hostwind-breadcroumb-area span[property="itemListElement"] {
    display: inline-block;
    padding: 5px 10px;
}
/*
***********************************
>>>>> Contact & Quote form CSS
***********************************
*/

.contact-form-title {
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}
.service-quote {
    background-color: #2ea45e;
    padding: 20px;
}
.contact-f {
    padding-left: 50px;
    padding-right: 50px;
}
.entry-content .quote_form .form-control::-webkit-input-placeholder,
.service-quote .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    
    color: #fff;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.entry-content .quote_form .form-control::-moz-placeholder,
.service-quote .form-control::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #fff;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.entry-content .quote_form .form-control:-ms-input-placeholder,
.service-quote .form-control:-ms-input-placeholder {
    /* IE 10+ */
    
    color: #fff;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.entry-content .quote_form .form-control:-moz-placeholder,
.service-quote .form-control:-moz-placeholder {
    /* Firefox 18- */
    
    color: #fff;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.contact_form textarea {
    height: 178px;
}
.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form textarea {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: auto;
    padding: 10px;
}
.contact_form textarea {
    height: 212px;
}
.contact-form input[type="submit"] {
    width: auto;
}
.service-quote {
    text-align: center;
}
.entry-content .quote_form .form-control,
.service-quote .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff!important;
    border-radius: 0;
    box-shadow: 0 0 0 transparent!important;
    padding: 10px 0;
    margin-top: 20px;
    font-size: 16px;
}
.service-quote textarea.form-control {
    height: 80px;
}
.service-quote input[type="submit"],
.entry-content .quote_form [type="submit"] {
    background-color: #fff;
    color: #2ea45e;
    border: none;
    line-height: 40px;
    padding: 0 30px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 700;
    margin: 20px 0 15px;
    margin-left: 15px;
}
.quote_form {
    background-color: #2ea45e;
    padding: 50px 100px;
    text-align: center;
}
.entry-content .quote_form h3 {
    text-align: center;
    color: #fff;
    margin: 0 0 90px;
    display: inline-block;
    position: relative;
}
.entry-content .quote_form h3:after,
.entry-content .quote_form h3:before {
    content: '';
    height: 1px;
    background-color: #fff;
    width: 90%;
    left: 5%;
    position: absolute;
    bottom: -25px;
}
.entry-content .quote_form h3:after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #2ea45e;
    border: 2px solid #fff;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
}
.entry-content .quote_form .form-control {
    margin-top: 0;
}
.entry-content .quote_form textarea.form-control {
    height: 70px;
}
.email-subscribe input[type="submit"]:hover {
    background: #333;
    color: #fff;
}
.entry-content .newsletter h2 {
    color: #fff;
    margin: 35px 0 0;
}
.email-subscribe input[type="email"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px;
    width: 75%;
}
.email-subscribe input[type="submit"] {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #333;
    margin-left: -5px;
    padding: 11px 30px;
    position: relative;
    z-index: 2;
}
.email-subscribe {
    padding: 28px 0;
}
.contact-form input,
.contact-form textarea {
    margin-bottom: 15px;
    width: 100%;
}
.contact-form textarea {
    height: 120px;
    margin-bottom: 0;
}
/*
***********************************
>>>>> Blog CSS
***********************************
*/
.search-results article.page h2 a {color: #333}
article.post a.hostwind-btn:hover {
    color: #2ea45e;
}
.post-block-thumb {
    background-color: #ddd;
    display: block;
    height: 200px;
    background-size: cover;
}
.hostwind-single-post-block h3 {
    font-size: 20px;
}
.hostwind-single-post-block a {
    color: #333;
}
.post-block-meta {
    font-size: 12px;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.post-block-author {
    padding-left: 20px;
}
.post-block-excerpt {
    margin-bottom: 16px;
}
.hostwind-single-post-block {
    margin-bottom: 40px;
}
.hostwind-post-featured-content {
    margin-bottom: 30px;
}
article.post, .search-results article.page {
    margin-bottom: 50px;
    padding: 30px
}
.post-read-more:hover {
    color: #2ea45e;
}
.hostwind-internal-area.hostwind-v-composer-disabled {
    padding: 80px 0;
}
.entry-footer {
    color: #7e858c;
    font-size: 85%;
}
.entry-footer span a {
    color: #7e858c;
    text-decoration: underline;
}
.entry-footer span.edit-link a {
    color: #000;
    text-decoration: none;
}
article a.post-read-more {
    color: #2ea45e;
    font-weight: 700;
    -webkit-transition: .4s;
    transition: .4s;
}
article a.post-read-more:hover {
    color: #333333;
}
.single-post article.post {
    background: #fff;
}
.post-content-wrapn h2 {
    margin: 0 0 5px;
}
.entry-content h6,
.entry-content h5,
.entry-content h4,
.entry-content h3,
.entry-content h2,
.entry-content h1 {
    margin-top: 15px;
    margin-bottom: 10px;
}
.post-meta > span:after {
    content: '-';
    margin-right: 5px;
}
.post-meta > span:last-child:after {
    display: none;
}
.post-meta > span i {
    display: none;
}
.post-meta > span a {
    color: #7e858c;
    margin-right: 8px;
    font-size: 13px;
}
.post-meta > span:hover a {
    color: #2ea45e;
}
.post-meta {
    position: relative;
    margin-bottom: 40px;
}
.post-meta:after {
    background-color: #2ea45e;
    bottom: -22px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 45px;
}
.navigation.posts-navigation .nav-links a {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fff;
    line-height: 30px;
    padding: 0 15px;
    display: inline-block;
    width: auto;
    font-weight: 500;
    color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}
.navigation.posts-navigation .nav-links {
    border-top: none;
}
.navigation.posts-navigation .nav-links a:hover {
    background-color: #333;
    color: #fff;
}
/*
***********************************
>>>>> Comments CSS
***********************************
*/

.comment-respond {
    padding: 30px;
}
body.page .comment-respond {
  margin-bottom: 80px;
  margin-top: 40px;
}
.logged-in .comment-form p:not(:first-child) {
    width: 100%;
}
.comment-form p > input[type="submit"] {
    width: auto;
    padding: 10px 25px;
    background-color: #2ea45e;
}
.comment-body {
    padding: 30px;
}
.comment-list > li:not(:last-child) {
    margin-bottom: 30px;
}
.comment-list .children {
    margin-top: 30px;
}
.comments-area .edit-link a {
    color: #2ea45e;
    margin: 0 5px;
}
/*
***********************************
>>>>> Widgets CSS
***********************************
*/

.widget.widget_archive ul,
.widget.widget_categories ul {
    overflow: hidden
}
.widget a,
.widget li {
    -webkit-transition: .4s;
    transition: .4s;
}
.widget a:hover,
.widget li:hover {
    color: #2ea45e
}
.about-box {
    padding-top: 35px;
}
.widget select {
    width: 100%;
}
.error-404 .widget_search {
    margin-top: 20px;
}
section.error-404 {
    padding: 80px 0;
}
.search-form {
    overflow: hidden;
    border: 1px solid #eff3f8;
    border-radius: 0px;
    background: #fff;
    max-width: 500px;
    margin: 0 auto 0;
}
.search-form label {
    width: 65%;
    float: left;
    margin: 0;
}
.search-form label input {
    width: 100%;
    height: 45px;
    padding: 0;
    border-radius: 0px;
    border: none;
    text-indent: 20px;background: #f1f1f1;
}
.search-form input[type="submit"] {
    width: 35%;
    float: left;
    padding: 0;
    border-radius: 0px;
    height: 45px;
    background: #2ea45e;
    color: #fff;
    border: none;
    border-left: 1px solid #fff;
}
.page-content .search-form {
  max-width: inherit;
  margin-top: 25px;
}
.widget_search .widget-title {
    display: none;
}
.widget-title,
.widgettitle,
.about-box h3 {
    font-size: 18px;
    margin-bottom: 45px!important;
    position: relative;
    text-transform: uppercase;
}
.widget-title:after,
.widgettitle:after,
.about-box h3:after {
    background-color: #2ea45e;
    bottom: -22px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 45px;
}
.single-post article.post,
.comment-body,
.comment-respond,
article.post, .search-results article.page {
    background-color: #f8f7f7;
}
/*
***********************************
>>>>> Preloader CSS
***********************************
*/

.preloader2 {
    display: inline-block;
    height: 8px;
    left: 0;
    margin-left: 0;
    margin-top: -4px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 72px;
}
.preloader2 span {
    position: absolute;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #000000;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-animation: preloader21 2s linear infinite alternate;
    animation: preloader21 2s linear infinite alternate;
}
.preloader2 span:nth-child(2) {
    animation-name: preloader22;
    -webkit-animation-name: preloader22;
}
.preloader2 span:nth-child(3) {
    animation-name: preloader23;
    -webkit-animation-name: preloader23;
}
.preloader2 span:nth-child(4) {
    animation-name: preloader24;
    -webkit-animation-name: preloader24;
}
.preloader2 span:nth-child(5) {
    animation-name: preloader25;
    -webkit-animation-name: preloader25;
}
@keyframes preloader21 {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 64px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader21 {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 64px;
    }
    100% {
        margin-left: 64px;
    }
}
@keyframes preloader22 {
    0% {
        margin-left: 0px;
    }
    37.5% {
        margin-left: 48px;
    }
    87.5% {
        margin-left: 48px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader22 {
    0% {
        margin-left: 0px;
    }
    37.5% {
        margin-left: 48px;
    }
    87.5% {
        margin-left: 48px;
    }
    100% {
        margin-left: 64px;
    }
}
@keyframes preloader23 {
    0% {
        margin-left: 0px;
    }
    25% {
        margin-left: 32px;
    }
    75% {
        margin-left: 32px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader23 {
    0% {
        margin-left: 0px;
    }
    25% {
        margin-left: 32px;
    }
    75% {
        margin-left: 32px;
    }
    100% {
        margin-left: 64px;
    }
}
@keyframes preloader24 {
    0% {
        margin-left: 0px;
    }
    12.5% {
        margin-left: 16px;
    }
    62.5% {
        margin-left: 16px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader24 {
    0% {
        margin-left: 0px;
    }
    12.5% {
        margin-left: 16px;
    }
    62.5% {
        margin-left: 16px;
    }
    100% {
        margin-left: 64px;
    }
}
@keyframes preloader25 {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 0px;
    }
    100% {
        margin-left: 64px;
    }
}
@-webkit-keyframes preloader25 {
    0% {
        margin-left: 0px;
    }
    50% {
        margin-left: 0px;
    }
    100% {
        margin-left: 64px;
    }
}
.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}
.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #fff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
.preloader_wrap {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
}
.spinner {
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.spinner > div {
    background-color: #2ea45e;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}
@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
.slider-preloader-wrap {
    position: relative;
}
.preloader-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.preloader4 {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}
@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}
@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}
/*
***********************************
>>>>> WHMCS CSS
***********************************
*/

#bridge {
    margin-top: -40px;
    margin-bottom: -40px;
}
#bridge #home-banner .form-control {
    height: 46px;
}
#bridge input[type="text"], #bridge input[type="password"], #bridge input[type="email"], #bridge input[type="tel"], #bridge input[type="url"], #bridge input[type="search"], #bridge textarea {background: #fff;border: 1px solid #ccc}
#bridge .form-control {
    height: 40px;
}
#bridge section#footer p {
    margin: 0
}
#bridge section#main-body {
    margin-bottom: 0;
}
#bridge .main-content {
    margin-bottom: 0;
}
body a:hover,
body a:focus {
    text-decoration: none
}
#bridge .container {
    width: auto
}
#bridge section#header img {
    display: none;
}
#bridge .home-shortcuts li,
#bridge section#footer p {
    border: none;
}
#bridge .main-content,
#bridge #main-body .col-md-9.pull-md-right {
    padding: 0;
}
#bridge #main-body a.label,
#bridge #main-body .list-group a.active,
#bridge #order-standard_cart .summary-container a.btn.btn-success {
    color: #fff;
}
#bridge #order-standard_cart .pull-md-left.sidebar {
    margin-left: 0;
}
#bridge .pull-md-left.sidebar {
    margin-left: -15px;
}
#bridge .btn-primary:hover {
    background-color: #333;
    color: #fff;
    border-color: #333
}
#bridge .form-control:focus {
    box-shadow: 0 0 0
}
#bridge ul li#Secondary_Navbar-Account:hover ul {
    display: block;
    padding: 10px;
    margin-right: -1px;
}
#bridge #main-body .domain-promo-box a.btn {
    color: #fff;
    border: none
}
#bridge #main-body #order-standard_cart .col-md-9.pull-md-right {
    padding-right: 15px;
}
#bridge .md-editor > textarea {
    padding: 15px;
}

#bridge .btn-warning {
    background: #2ea45e none repeat scroll 0 0;
}
#bridge .btn-warning:hover {
    background-color: #333;
}
#bridge .product a.btn.btn-success {
  color: #fff !important;
}
/*
***********************************
>>>>> Responsive CSS
***********************************
*/

.slicknav_menu {
    display: none;
}
/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .triangle-bg .wpb_text_column:after {
        width: 100%;
    }
    .hostwind-iconic-box {
        font-size: 12px;
        line-height: 18px;
    }
}
/* Tab Layout*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-hostwind-slide-item,
    .slider-preloader-wrap {
        max-height: 500px;
    }
    .hostwind-slide-text {
        padding: 105px 50px;
    }
    .hostwind-service-box {
        padding: 0;
        margin: 0 -10px;
    }
    .hostwind-pricing-box {
        margin: 10px -10px;
    }
}
/* Mobile & Tab Layout*/

@media only screen and (max-width: 991px) {
    .mainmenu {
        display: none;
    }
    .slicknav_menu {
        display: block;
        margin: 5px 0 0;
        background-color: transparent;
    }
    .slicknav_menu ul {
        background-color: #666666;
    }
    .hostwind-slide-text {
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding: 150px 50px;
    }
    .footer-area .row > div {
        text-align: center!important;
        margin: 5px 0;
    }
    .hostwind-section-title.hostwind-section-title-style-2 {
        text-align: left;
    }
    .about-box {
        padding-top: 0;
    }
    .about-box h3 {
        margin-top: 0;
    }
    .hostwind-slide-tablecell .col-md-5 img {
        display: none;
    }
    div.service-box-inner h2 {
        font-size: 14px;
    }
    .hostwind-pricing-box {
        padding: 10px;
    }
    .email-subscribe input[type="email"] {
        margin-bottom: 5px;
        padding: 8px;
        width: 100%;
    }
    .email-subscribe input[type="submit"] {
        margin-left: 0;
        padding: 8px 30px;
    }
    .triangle-bg .wpb_text_column:after {
        width: 160%;
    }
    .hostwind-breadcroumb-area .text-right {
        margin-left: -10px;
        text-align: left;
    }
    .hostwind-breadcroumb-area {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    .hostwind-iconic-box i.fa {
        font-size: 30px;
        line-height: 30px;
    }
    .hostwind-iconic-box {
        font-size: 10px;
        line-height: 14px;
        padding: 10px;
    }
}
/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    article.post,
    .comment-list > li,
    .children article {
        padding: 15px;
    }
    .comment-content,
    .children {
        padding-left: 10px;
    }
    .comment-list > li,
    .children article {
        margin-bottom: 15px;
    }
    .top_social.text-right {
        text-align: center;
        margin-top: 10px;
    }
    .hostwind-slide-buttons a.hostwind-btn {
        margin-bottom: 10px;
    }
    .hostwind-pricing-box {
        padding: 20px;
    }
    .hostwind-testimonial-image {
        padding: 0;
        text-align: left;
    }
    .hostwind-testimonial-image img {
        left: 0;
        margin: 0;
        position: relative;
        top: 0;
    }
    .owl-item .hostwind-testimonial-image h3 {
        padding: 0;
    }
    .triangle-bg .wpb_text_column {
        background: #f6f6f6 none repeat scroll 0 0;
        padding-bottom: 60px;
        padding-right: 0;
        padding-top: 50px;
    }
    .triangle-bg .wpb_text_column:after {
        height: 100%;
        left: -20%;
        right: auto;
        top: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 150%;
    }
    .slicknav_btn {
        margin: 10px 0 14px;
    }
    .slicknav_menu {
        padding: 0
    }
}