/*Theme Name: dspinxsolutions







Theme URI: http://dspinxsolutions.com/







Author: eazyX solutions





Author URI: http://dspinxsolutions.com/







Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.







Version: 1.0







License: GNU General Public License v2 or later







License URI: http://www.gnu.org/licenses/gpl-2.0.html







Tags: responsive, black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready







Text Domain: dspinxsolutions.com















This theme, like WordPress, is licensed under the GPL.







Use it to make something cool, have fun, and share what you've learned with others.







*/









@import url(http://fonts.googleapis.com/css?family=Noto+Sans&subset=latin,greek-ext);

@import url(http://fonts.googleapis.com/css?family=Bree+Serif);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

p, a, li p, span, ol {

    /*    font-family: "Noto", serif !important;*/

    font-weight: 500;

    font-size: 17px;

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

}

h1, h2, h3, h4, h5 {

    /*    font-family: "Bree Serif", serif !important;*/

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



}

.text-center {

    text-align: center;

}

.center-content {

    display: block;

    margin-left: auto;

    margin-right: auto;

}

p{

    text-align:left;

    margin: 0 0 24px;

    margin: 0 0 2.4rem;

    padding: 0;

}





.head-nav-pad {

    padding-left: 0px !important;

    padding-right: 0px !important;

}

.nav-top {

    //margin-top:14.5%;

}

.navbar {

    border: 0px solid transparent !important;

}

.navbar {

    border-radius: 0px !important;

}

.navbar-inverse {

    // background-color: rgba(24, 24, 24, 0.81);

    border-color: #080808;	

    background: #f2f2f2;	

}

.navbar {

    min-height: 40px !important;

    margin-bottom: 0px !important;

}

.navbar ul {

    text-align: center;

    display: inline;

    margin: auto;

    /*padding: 15px 4px 17px 0;*/

    list-style: none;/* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

//

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

//

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

    */





}

.navbar-nav > li > a{

    padding: 38px 18px 40px;

    padding: 3.8rem 1.8rem 4rem;

}



.navbar ul li:last-child {

    //border-right:#d9d5d0 1px dotted

}

.navbar ul li {

    font: bold 12px/18px sans-serif;

    //display: inline-block;

    margin-right: -4px;

    position: relative;

    // padding: 16px 20px;



    cursor: pointer;

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -ms-transition: all 0.2s;

    -o-transition: all 0.2s;

    transition: all 0.2s;

}

.navbar ul li a, .navbar ul li ul li a, .navbar ul li {

    color: #FFF;

    font-weight: 200;

    font-size: 18px;

    font-family: "Bree Serif", serif !important;







}

.navbar ul li:hover a {

    color: #053913;

}



.navbar ul li a:hover  {

    color: #053913 !important;

}



.navbar-inverse .navbar-nav > li > a {

    color: #666;

}

.navbar ul li:hover a, .navbar ul li ul li:hover, .navbar ul li:hover {

    color: #053913;

    text-decoration: none;

}

.navbar ul li:hover {

    /*background:#04a3ff;*/

    background: none repeat scroll 0% 0% #fff;



    text-decoration: none;

    color: #666;

    /*border-radius:3px;*/

}

.navbar ul li ul {

    padding: 0;

    z-index: 2000;

    position: absolute;

    top: 48px;

    left: 0;

    width: 195px;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    display: none;

    opacity: 0;

    visibility: hidden;

    -webkit-transiton: opacity 0.2s;

    -moz-transition: opacity 0.2s;

    -ms-transition: opacity 0.2s;

    -o-transition: opacity 0.2s;

    -transition: opacity 0.2s;

}

.navbar ul li ul li a {

    font-size: 15px !important;

}

.navbar ul li ul li {

    //background: #04a3ff;

    background: none repeat scroll 0% 0% #1A0;

    display: block;

    color: #fff !important;

    padding: 7px 15px;

    text-align: left;

    border-top: 1px solid rgba(249, 249, 249, 1);

}

.navbar ul li ul li:hover {

    background: none repeat scroll 0% 0% rgba(4, 104, 255, 1);





    border-radius: 0px;

    color: #053913 !important;

    border-radius: 0px;

    //padding: 10px 15px;

    padding-left: 8px;

    //background: #DA5A04;

    border-top: 1px solid #fff;

}

.navbar ul li:hover ul {

    border-radius: 1px;

    display: block;

    opacity: 1;

    visibility: visible;

}

.navbar ul li ul li a:hover {



}

.navbar ul li.current-menu-item {

    //background:#04a3ff;

    background: none repeat scroll 0% 0% #1A0;

    text-decoration: none;

}

.navbar ul li.current_page_item {

    //background:#04a3ff;

    background: none repeat scroll 0% 0% #e04b4b;

    text-decoration: none;

}





.navbar ul li .current-menu-parent .current-page-parent .current_page_parent{

    background: none repeat scroll 0% 0% #e04b4b;

    text-decoration: none;

}







.navbar ul li.current-menu-item a {

    color: #fff !important;

}

.navbar ul li.current_page_item a {

    color: #fff !important;

}















body{

    background-color: #f2f2f2;

    color: #222;

    font-size: 16px;

    font-size: 1.6rem;

    line-height: 1.6;

}





.wrap-title {

    background: #000000;

    color: #6cd0f4;

    text-align: center;

    padding: 2% 0% 2% 0%;

}

.vc_front_widget {

    width: 100%;

    text-align: center;

    padding: 1px;

    min-height: 292px;

    background-color: #F2F2F2;

    color: rgba(102, 101, 101, 1);

    transition: background-color 0.2s linear 0s, color 0.2s linear 0s;

}

.vc_front_widget {

    background-color: #F2F2F2;

}

.vc_front_widget:hover {

    background-color: #00bef0;

    color: #fff;

}

.vc_front_widget h3 a {

    font-size: 24px !important;

}

.vc_front_widget:hover > .vc_front_widget h3 a {

    color: #fff !important;

}

h2.widget-title {

    font-size: 30px;

    letter-spacing: -1px;

    font-weight: 600;

    padding-bottom: 9px;

    padding-top: 13px;

    margin: 0px;

    text-align: left;



}

.widget-title a {

    color: #6CD0F4 !important;

    font-size: 30px;

    font-weight: bold;

}

.content_box_text {

    padding: 0px 20px 0px 20px;

    line-height: 22px;

    text-align: center;

    font-family: "Volkhov", serif !important;

    font-weight: 500;

}

.vedio-row {

    background: none repeat scroll 0% 0% #E9E9E9;

    padding-top: 2%;

}

.footer-copyright {

    text-align: center;

    padding-top: 2%;

    background-color: #f2f2f2;

    color: #FFF;

    padding-bottom: 2%;

    color: #222;

}

.logo {

    padding-top: 2%;

}

.head-call {

    color: #333;

    //float: right;

    font-family: "Bree Serif", serif;

    font-size: 24px;

    margin: 8% 5% 0% 0%;

    font-weight: 500;

}



.head-bak{

    background: #38BF27;

    margin-top: 1%;

}

.img-box{

    background: #5bbb36;

    padding: 4px;

    width: 48%;

    margin-left: 1%;



}

.mar-left-z{

    margin-left: 0px !important;

}



.image-div{

    display:block;

    width:45%;

    float:left;

    padding-right: 7px;

}

.footer-bak{

    background: #222;

    color: #fff;

}

.foorter-title{

    margin-top:3%;

}

.foorter-title h3{

    color:#fff;

}

.pa-left-wrap{

    margin: 0;

    max-width: 400px;

    min-height: 100px;

    padding: 0;

}



.slide-content {

    white-space: pre-line !important;

    background-color: #222;

    filter: alpha(opacity=100);

    height: 100% !important;

    margin: 0;

    padding: 4% 5.5% !important;

    opacity: 1;

    width: 22% !important;

    /*        font-family: "Bree Serif", serif !important;*/

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

}



.slide-content p {

    color: #ddd;

    text-align: left;

    font-size: 18px;

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

}

.slide-content a {

    color: #fff;

    font-size: 20px;

    font-size: 2rem;

    font-weight: 700;

    text-transform: uppercase;

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

}



.slide-excerpt-border {

    border: none;

    margin: 0;

    padding: 0;

}

.genesis_responsive_slider h2, .content .genesis_responsive_slider h2 a {

    /*    color: #fff;

        font-size: 20px;

        font-size: 2rem;

        font-weight: 700;

        text-transform: uppercase;*/

}

.red-link {

    clear: both;

    display: block;

    margin: 30px 0 0;

    margin: 3rem 0 0;

    color: #e04b4b !important;

    margin-top: 20px;

    margin-top: 2rem;

    font-size: 16px !important;

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

    text-transform: none !important;

}



.three-tire-wrap{

    padding-right: 5.6%;

}

.three-tire-wrap img {

    margin-bottom: 19px;

    /*margin-bottom: 1.2rem;*/

}



.three-tire-wrap-outer {

    background-color: #fff;

    clear: both;

    overflow: hidden;

    padding: 53px 30px 0;

    padding: 5rem 3rem 0; 

    margin-left: 0px !important;

    margin-right: 0px !important;

}

.three-tire-wrap .title-extend{

    font-size: 16px;

    font-size: 1.6rem; 

    text-transform: uppercase;

    margin-bottom: 20px;

    margin-bottom: 2rem; 

    color: #333;

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

    font-weight: 700;

    line-height: 1.25;



}



.black-wrap{

    background-color: #222;

    color: #ddd;

    float: left;

    padding: 40px;

    width: 100%;

}

.red-btn{

    background-color: #e04b4b !important;

    color: #fff !important;

}

.red-btn:hover{

    text-decoration: none;

}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {

    background-color: #64c9ea;

    border: none;

    border-radius: 5px;

    box-shadow: none;

    color: #fff;

    cursor: pointer;

    padding: 10px 20px !important;

    padding: 1rem 2rem !important;

    width: auto;

}

.both-margin{

    margin-right: 0px;

    margin-left: 0px;

}

.box-content {

    padding-right: 5.6%;

}

.white-content{

    background-color: #fff;

    clear: both;

    overflow: hidden;

    padding: 60px 30px 0;

    padding: 6rem 3rem 0;

}

.more-link,p > a {

    color: #e04b4b;

}

.other-bak{

    background: #222;

}

.after-foo{

    padding: 0px 33px;



}

.after-foo h4{

    font-size: 1.6rem;

    text-transform: uppercase;

    font-weight: 600;

}

.textwidget p{

    color: #c8c8c8;

    clear: both;

    font-size: 14px;

    font-size: 1.4rem;

}

.footer-list{

    padding-left: 0px;

}

.footer-list li {

    background: url(http://dspinxsolutions.com/wp-content/uploads/2016/07/arrow-icon.png) no-repeat 0 7px;

    background-size: 8px 8px;

    list-style-type: none;

    margin-bottom: 6px;

    margin-bottom: 0.6rem;

    padding: 0 0 6px 16px;

    padding: 0 0 0.6rem 1.6rem;



}

.footer-list li a{

    color: #e04b4b;

    font-size: 14px;

    font-size: 1.4rem;

}



.search-form input[type="search"] {

    background: #fff url(http://dspinxsolutions.com/wp-content/uploads/2016/07/icon-search.png) no-repeat right;

    background-size: 36px 16px;

    color: #888;

    font-size: 10px;

    font-size: 1rem;

    margin-bottom: 10px;

    margin-bottom: 1rem;

    padding: 16px;

    padding: 1.6rem;

    text-transform: uppercase;

    width: 100%;

}

.textwidget img{

    width: 100%;

}



.breadcrumb_top {

    background-color: #f5f5f5;

    color: #777;

    padding: 23px 20px;

    border-top: 1px #fff solid;

    border-left: 1px #fff solid;

}

.breadcrumb_top h6{

    margin-top: 0px;

    margin-bottom: 0px

}

.breadcrumb_top h6 a{

    font-size: 12px;

    color: #e04b4b;

}

input, select, textarea {

    background-color: #f5f5f5;

    border: 1px solid #ddd;

    box-shadow: 1px 1px 3px #eee inset;

    color: #222;

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

    font-size: 14px;

    font-size: 1.4rem;

    padding: 16px;

    padding: 1.6rem;

    width: 100%;

}

.side-bar{





}

.side-bar-right{

    padding: 40px;

    background-color: #f8f8f8;

}

.sidebar li {

    background: url(http://customersystemsinc.com/wp-content/themes/executive-pro/images/icon-li.png) no-repeat 0 7px;

    background-size: 8px 8px;

    margin-bottom: 6px;

    margin-bottom: 0.6rem;

    padding: 0 0 6px 16px;

    padding: 0 0 0.6rem 1.6rem;

}

.both-pad{

    padding-left: 0px !important;

    padding-right: 0px !important;

}

.page-wrapper{

    background: #fff;

    padding-left: 0px;

    padding-right: 0px;

}

.top-slider-div{

    margin-top: -2px;

}

.right-pad{

    padding-right: 4px !important;

}

#main-navbar{

    padding-right: 0px !important;

}



.bold-text

{

    font-weight: bold;

}



.padding-bottom-50{

    padding-bottom: 50px;

}



.red-text{

    color: #e04b4b !important;

}

@media screen and (max-width:795px) {

    .container-fluid {

        padding-right: 0px !important;

        padding-left: 0px !important;

    }

    .center-text p{

        text-align: center !important;

    }

    .center-text img{

        margin: auto;

    }

    .three-tire-wrap h4{

        text-align: center !important;

    }

    .contact-btn{

        float: left !important;

        margin-left: 0px !important;

        margin-top: 18px;

    }

}

@media screen and (min-width:796px) {

    .container-fluid{

        padding-right: 9%;

        padding-left: 9%;

    }

}

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

    .container-fluid{

        padding-right: 9% !important;

        padding-left: 9% !important;

    }
    .navbar-nav > li > a{
            padding: 17px 12px 21px;
    }
    .navbar ul li{
        font-size: 16px;
    }
    .entry-content{
        margin-top: 17px;
    }

}

.page-content-wrap{
    padding: 1% 5%;
}

.tamb-image img{
    display: block;
    max-width: 100%;
    height: auto;
    width: 300px;
}