/*
Theme Name: DBC Group
Theme URI: http://underscores.me/
Author: WEN
Author URI: http://webexpertsnepal.com/
Description: Custom Theme by WEN (http://webexpertsnepal.com/)
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dbc-group
Tags:

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.

DBC Group is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
        5.1 Links
        5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
        10.1 Posts and pages
        10.2 Asides
        10.3 Comments
11.0 Infinite scroll
12.0 Media
        12.1 Captions

13.0 Miscellaneous
        13.1 Basic Styles
14.0 Extra Styles


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

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
div{
    transition: all .5s ease-in-out;
}
ol,
ul {
    list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote:before {

    content: "ï„?";
    font-family: FontAwesome;
    font-size: 23px;
    left: -28px;
    position: absolute;
    top: -6px;
}
blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: thin dotted;
    text-decoration: none;
}

a:hover,
a:active {
    outline: 0;
    text-decoration: none;
}
a:focus,
a:active{
    color: inherit;
}
a img {
    border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6{
    margin: 0;
    line-height: 1.5;
    font-family: 'source_sans_probold';
}

p,li{
    color: #333333;
    font-family: 'source_sans_proregular';
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;

}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}


b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}
blockquote, blockquote p {
    color: rgb(0, 0, 0);
    font-style: italic;
}
blockquote {
    margin: 0 0 15px 25px;
    position: relative;
}
address {
    margin: 0 0 15px;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom:15px;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code,
kbd,
tt,
var {
    font-size: 15px;
    margin-bottom:15px;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
    margin-bottom:15px;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
    margin-bottom:15px;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

caption, th, td {
    border-bottom: 1px solid hsl(0, 0%, 87%);
    border-left: 1px solid hsl(0, 0%, 87%);
    font-weight: 400;
    padding: 5px;
    text-align: center;
}
caption {
    border: 1px solid hsl(0, 0%, 87%);
    margin-bottom:15px;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 5px 20px;
}
ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
ul, ol{
    /*margin: 0;*/
}
li{
    /*list-style: none;*/
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 15px 15px;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

figure {
    margin: 0;
}

table {
    margin: 0 0 15px;
    width: 100%;
}

th {
    font-weight: bold;
}


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

input[type="text"], 
input[type="password"], 
textarea,
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
select,button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -moz-border-radius: 0; 
  -webkit-border-radius:0;
  border-radius: 0;
  color: #666;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom:8px;
  padding: 10px;
  vertical-align: middle;
}
input[type="text"], 
input[type="password"], 
textarea,
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],select {
    background-color: #fff;
    border:1px solid #c2c2c2;
    width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    background-color: #81bdd9;
    border: medium none;
    border: none;
    border:1px solid transparent;
    color: #fff;
    cursor: pointer;
    cursor: pointer;
    display: block;
    padding: 10px 20px;
}

form.search-form {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 
    align-items: center;
    width: 70%;
    margin: 0 auto;
}
form.search-form label {
    width: 100%;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*opacity: 0.7;*/
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
div.wpcf7-validation-errors {
    border: 2px solid #E90838;
    bottom: -51px;
    color: #E90838;
    margin: 0;
    padding: 15px;
    clear: both;
    margin-top: 15px;
}
footer div.wpcf7-validation-errors {
    display: none !important;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    clear: both;
    margin: 0;
    padding: 15px;
    color: #398f14;
    margin-top: 15px;
}
footer .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    margin-top: 5px;
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required {
    border-color: #ff0000;
}

span.wpcf7-not-valid-tip {
    bottom: -6px;
    color: #ff0000;
    display: block;
    font-size: 14px;
    position: absolute;
}
.entry-content span.wpcf7-not-valid-tip{
    position: static;
    margin-top: -10px;
    margin-bottom: 10px;
}
span.wpcf7-form-control-wrap{
    margin-top: 5px;
    display: block;
}
.wpcf7 label {
    margin: 0px 0px 10px 0px;
}
/* checkbox style start  */

input[type=checkbox],
input[type=radio] {
    /*hide original inputs*/ 
    position: absolute;
    visibility: hidden;
}
input[type=checkbox] + label,
input[type=radio] + label {
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    display: inline-block;
    height: 17px;
    line-height: 1;
    margin-bottom: 10px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 17px;
    z-index: 2;
}
input[type=radio] + label {
    border-radius: 50%;
}

.checkbox-form span {
    color: #000;
    display: inline-block;
    font-size: 20px;
    margin-left: 15px;
}
input[type="checkbox"]:checked + label:after {
    -moz-animation: check; 
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-animation: check; 
    -o-transition: all 0.3s linear;
    -webkit-animation-delay: 0;
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: check;
    -webkit-animation-play-state: running;
    -webkit-animation-timing-function: ease;
    -webkit-animation: check; 
    -webkit-transition: all 0.3s linear;
    animation:check;
    transition: all 0.3s linear;
}
input[type="checkbox"]:checked + label:before {
    color: #000;
    content: "\2713";
    font-size: 13px;
    line-height: 12px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}

input[type=radio]:checked + label:before {
    color: #000;
    content: "\2022";
    font-size: 30px;
    line-height: 18px;
    text-align: center;
}

@-webkit-keyframes check {
    0% {
        opacity:0.2
    }
    100% {
        opacity:1
    }
}
@-webkit-keyframes check {
    0% {
        opacity:0.2
    }
    100% {
        opacity:1
    }
}
@-moz-keyframes check {
    0% {
        opacity:0.2
    }
    100% {
        opacity:1
    }
}
@-o-keyframes check {
    0% {
        opacity:0.2
    }
    100% {
        opacity:1
    }
}
@keyframes check {
    0% {
        opacity:0.2
    }
    100% {
        opacity:1
    }
}
/* checkbox style end  */




::-webkit-input-placeholder {
    /*color: #000;*/
}

:-moz-placeholder { /* Firefox 18- */
    /*color: #000;*/
}

::-moz-placeholder {  /* Firefox 19+ */
    /*color: #000;*/
}

:-ms-input-placeholder {  
    /*color: #000; */
}

form.wpcf7-form.invalid input.wpcf7-validates-as-required::-webkit-input-placeholder {
    color: #ff0000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required:-moz-placeholder {
    color: #ff0000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required::-moz-placeholder {
    color: #ff0000;
}
form.wpcf7-form.invalid input.wpcf7-validates-as-required :-ms-input-placeholder {  
    color: #ff0000;  
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a:focus{
    outline: none;
}
a {
    color:#003A63;
    text-decoration: none;

}

a,a:hover{
    text-decoration: none;
}
/*a:hover{
    opacity: 0.7;
    }*/




/*--------------------------------------------------------------
        Menu Start
        --------------------------------------------------------------*/
        header#masthead {
            margin-bottom: 80px;
        }
        #site-branding{
            box-sizing: border-box;
            color: #fff;
            float: left;
            /*width: 30%;*/
            text-align: right;
            padding: 50px;
            position: relative;
        }
        .header-inside #site-branding{
            padding: 20px 0 0 0;
        }
        #site-branding:before{
            width: 300%;
            height: 100%;
            background: #f2f2f2;
            content: "";
            position: absolute;
            right: 100%;
            top: 0;
        }
        #site-branding a {
            display: block;
        }
        .main-navagation ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .main-navagation ul li {
            position: relative;
            margin-bottom: 0;
        }
        #main-nav{
            float: right;
            /*width: 70%;*/
        }
        nav.main-navagation {
            float: right;
            margin-top: 55px;
        }
        .main-navagation,
        .main-navagation li:hover {
            /*background:rgba(0, 0, 0, 0.3);*/
        }

        .main-navagation ul ul {
            position: absolute;
        }
        .main-navagation > ul > li {
            /*border-right: 1px solid rgba(0,0,0,.3);*/
        }
        .main-navagation > ul > li:last-child {
            border-right: none;
        }
        .main-navagation li li {
            border-bottom: 1px solid rgba(0,0,0,.1);
        }
        .main-navagation li {
            float: left;
            position: relative;
            font-family: 'source_sans_probold';
        }
        .main-navagation li a {
            font-size: 16px;
            display:block;
            padding:5px;
            text-align: left;
            color: #333333;
            display: block;
            text-transform: uppercase;
        }
        .main-navagation li ul li{
            padding: 5px 0;
        }
        .main-navagation > ul li:last-child a{
            padding-right: 0;
        }
        .main-navagation li ul li a{
            padding: 5px 10px;
        }
        .main-navagation li:hover ul a {
            /*color: #ccc;*/
        }

        .main-navagation li ul li ul {
            left:100%;
            top:-1px;
        }

        .main-navagation li ul li{
            min-width: 200px;
            width: auto;
        }

        /*Style 'show menu' label button and hide it by default*/

        /*toggel start*/
        .show-menu {
            padding: 15px;
            position: absolute;
            right: 0;
            text-indent: -99999px;
            top: 55px;
        }
        .show-menu:hover{
            cursor: pointer;
        }
        .show-menu span {
            background: #003263;
            border-radius: 1px;
            content: '';
            cursor: pointer;
            display: block;
            height: 3px;
            margin-bottom: 8px;
            width: 35px;
        }
        .show-menu span:last-child {
            margin-bottom: 0px;
        }
        .show-menu, .show-menu:before, .show-menu:after {
            transition: all 500ms ease-in-out;
        }
        .show-menu.active {
            background-color: transparent;
        }
        .show-menu.active:before, .show-menu.active:after {
            top: 0;
        }
        .show-menu.active:before {
            transform: rotate(45deg);
        }
        .show-menu.active:after {
            transform: rotate(-45deg);
        }
        /*toggel end*/


        /*Show menu when invisible checkbox is checked*/
        #main-nav input[type=checkbox]:checked ~ .main-navagation > ul{
            display: block;
        }
        .main-navagation li.menu-item-has-children ul{
            height: auto;
            z-index: 2;
        }

        #main-nav ul li a.expand {
            background: rgba(0, 0, 0, 0.3);
            font-weight: 700;
            padding: 0px 25px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            width: 10px;
            z-index: 2;
        }

        /*Responsive Styles*/
        @media (min-width:767px){
            .show-menu{
                display:none;
            }
            .main-navagation li a {
                font-size: 16px;
                display:block;
                padding:20px 0;
                text-align: left;
                text-decoration: none;
                color: #333333;
            }
            .main-navagation li.menu-item-has-children > a:after{
                content: "+";
                float: right;
                font-weight: 700;
                padding: 0px 5px;
                text-align: center;
            }
            #main-nav ul li a.expand {
                display: none;
            }
            .main-navagation ul ul {
                background: #f2f2f2;
            }
            .main-navagation > ul > li{
                padding: 0 9px;
            }
            .main-navagation li ul {
                visibility:hidden;
                opacity: 0;
                -webkit-transform:translateY(10%);
                -moz-transform:translateY(10%);
                -ms-transform:translateY(10%);
                -o-transform:translateY(10%);
                transform: translateY(10%);
                transition: all 0.5s ease 0s, visibility 0s linear 0.5s;
                -webkit-transition: all 0.5s ease 0s, visibility 0s linear 0.5s;
                -moz-transition: all 0.5s ease 0s, visibility 0s linear 0.5s;
                -ms-transition: all 0.5s ease 0s, visibility 0s linear 0.5s;
                -o-transition: all 0.5s ease 0s, visibility 0s linear 0.5s;
            }
            .main-navagation ul li:hover > ul {
                visibility: visible;
                opacity: 1;
                -webkit-transform:translateY(0%);
                -moz-transform:translateY(0%);
                -ms-transform:translateY(0%);
                -o-transform:translateY(0%);
                transform: translateY(00%);
                transition-delay: 0s;
                -webkit-transition-delay: 0s;
                -moz-transition-delay: 0s;
                -ms-transition-delay: 0s;
                -o-transition-delay: 0s;
            }
            header li.current-menu-item  a {
                border-bottom: 3px solid #333333;
            }

   /* .current_page_item, .current-page-parent {
        border-bottom: 3px solid #333333;
        }*/
    }

    @media (max-width:767px){
        .header-inside #site-branding {
            padding: 20px;
            text-align: center;
        }
        #main-nav ul li a.expand {
            padding: 5px 20px 5px 13px;
        }
        #site-branding img{
            height: auto;
            max-width: 200px;
            width: 75%;
        }
        #main-nav,
        #site-branding ,  
        .main-navagation {
            background: #f2f2f2;
            box-sizing: border-box;
            float: left;
            /*padding: 10px 0;*/
            width: 100%;
            text-align: center;
        }
        #site-branding:after {
            width: 15px;
            height: 100%;
            background: #f2f2f2;
            content: "";
            position: absolute;
            left: 100%;
            top: 0;
        }
        #main-nav{
            /*padding: 10px 0*/
        }

        .main-navagation ul,.main-navagation ul ul {
            position: static;
            display: none;
        }
        nav.main-navagation{
            position: static;
            top: 10px;
            margin-top: 0;
            background-color: #003263;
            margin-bottom: 15px;
        }
        .main-navagation li a{
            padding: 5px 20px;
        }
        .main-navagation li ul li a{
            padding-left: 5%;
        }
        .main-navagation li li li a {
            padding-left: 10%;
        }
        .main-navagation li li li li a{
            padding-left: 15%
        }
        .main-navagation li li li li li a{
            padding-left: 20%;
        }
        .main-navagation li li li li li li a{
            padding-left: 25%;
        }
        .main-navagation > ul > li{
            border: none;
            border-bottom:1px solid rgba(0,0,0,.3);
        }
        .main-navagation > ul > li:last-child{
            border-bottom: none;
        }
        .main-navagation ul li,
        .main-navagation li a,
        .main-navagation li ul li {
            display: block;
            float: none;
            width: 100%;
            color: #fff;
        }
        .main-navagation li.menu-item-has-children > a:after {
            position: absolute;
            right: 5px;
        }
        .main-navagation .show-menu {
            display:block;
        }
        .main-navagation ul li:hover > ul,
        nav.main-navagation > ul {
            display: none;
        }
        .main-navagation ul li:hover > ul {
            visibility: visible;
            opacity: 1;
        }

    }
/*--------------------------------------------------------------
        Menu End
        --------------------------------------------------------------*/


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}
.widget.wen_corporate_social_widget{
    clear: both;
}

/* Search widget */


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.entry-content img {
    margin-bottom: 15px;
} 
.entry-content{
    margin-bottom: 15px;
}


/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 15px 0;
}
.entry-content img,.page-content img,.entry-summary img {
    margin-bottom: 15px;
} 

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
13 Miscellaneous
--------------------------------------------------------------*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 26, 2015 */

@font-face {
    font-family: 'source_sans_proregular';
    src: url('assets/fonts/sourcesanspro-regular-webfont.eot');
    src: url('assets/fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
    url('assets/fonts/sourcesanspro-regular-webfont.woff') format('woff'),
    url('assets/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
    url('assets/fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'source_sans_probold';
    src: url('assets/fonts/sourcesanspro-bold-webfont.eot');
    src: url('assets/fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
    url('assets/fonts/sourcesanspro-bold-webfont.woff') format('woff'),
    url('assets/fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
    url('assets/fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-------------------------------------- 
13.1 Basic Styles
----------------------------------------*/
body {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif;
}

/*-------------------------------------- 
14.0 Extra Styles
----------------------------------------*/
.site-branding img{
    width: 309px;
}

.body-fixed{
    padding-top: 72px;
}
.page-header{
    border-color: #666;
}
.hentry{
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.hentry:last-child{
    border: none;
    margin-bottom: 160px;
}
/*404 page Start*/
.error-404 {
    /*width: 60%;
    margin: 0 auto;
    margin: 60px auto;*/
    text-align: center;
}
.error-404 .page-header{
    margin: 0;
}
.error-404 .bolg-post-left{
    padding: 0;
}
.error-404 .bolg-post-left:last-child{
    margin-bottom: 160px;
}
.error-404 label,
.error-404 input.search-field {
    width: 100%;
} 
.error-404 form.search-form{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;  
}
.error-404 input.search-submit {
    background: #003A63;
    height: 43px;

}
.error-404 h1 {
    color: #003A63;
}
/*404 page End*/
.v-center{
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}


.light-grey-bg{
    background-color: #f2f2f2;
}
.dark-grey-bg{
    background-color: #e6e6e6;
}
.container-header{
    float: left;
    width: 100%;
}
.header-right-discription{
    /*width: 70%;*/
    float: left;
    padding: 38px 10px;
    position: relative;
}
.header-right-discription:before{
    content: "";
    position: absolute;
    left: -30px;
    top: 40%;
    width: 0; 
    height: 0; 
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent; 
    
    border-right:15px solid #e6e6e6; 

}
.header-right-discription p{
    /*max-width: 90%;*/
    font-size: 24px;
}
.iog-header img{
    width: 100%;
}
.iog-discription{
    padding: 20px 25px;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px;
}
.iog-wrapper{
    border-radius: 3px;
}
.iog-wrapper:hover{
    box-shadow: 0 0 8px #bbb;
}
.iog-discription h2{
    margin: 0;
    font-size: 18px;
    color: #333333;
}
.iog-discription ul{
    margin-left: 0;
}
.iog-discription li {
    font-size: 18px;
    margin-bottom: 0;
    position: relative;
    padding-left: 15px;
    list-style-type: none;
}
.iog-discription li:before{
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(assets/images/li-bullet.png);
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 8px;
}
.iog-discription li:hover:before{
    opacity: .65;
}
.iog-discription ul{
    margin-bottom: 20px;
}
.iog-discription li a{
    color: #333333;
    display: block;
}
.iog-discription li a:hover{
    color: #808080;
}
a.btns{
    padding: 15px 35px;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'source_sans_probold';
    display: inline-block;
    line-height: 1;
    color: #fff;
    letter-spacing: 1px;
}
.yellow-bg,
.voilet-bg,
.green-bg{
    text-transform: uppercase;
    border: 2px solid transparent;
    transition: all .2s ease-in-out;
}
.voilet-bg{
    background-color: rgba(89, 74, 134, 1);
}
.green-bg{
    background-color: rgba(164, 203, 63, 1);
}
.yellow-bg{
    background-color: rgba(253, 183, 19, 1);
}
.voilet-bg:hover{
    background-color: rgba(89, 74, 134, .9);
    border: 2px solid rgba(89, 74, 134, 1);
}
.green-bg:hover{
    background-color: rgba(164, 203, 63, .9);
    border: 2px solid rgba(164, 203, 63, 1);
}
.yellow-bg:hover{
    background-color: rgba(253, 183, 19, .9);
    border: 2px solid rgba(253, 183, 19, 1);
}
.product-brands{
    padding: 30px 0 50px 0;
    float: left;
    width: 100%;
}
.product-brands-title{
    font-family: 'source_sans_proregular';
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 15px;
}
.home-any-question{
    padding: 20px 0;
}
.home-any-question p{
    font-size: 24px;
    margin-bottom: 0;
    line-height: 1;
}
.home-any-question p a{
    font-family: 'source_sans_probold';
    color: #333333;
}
.light-blue-bg{
    background-color: #003263;
}
.dark-blue-bg{
    background-color: #00254a;
}
.footer{
    padding: 40px 0 0;
}
footer .from-blog,
footer .links,
footer .newsletter,
footer .connect{
    margin-bottom: 35px;
    display: inline-block;
}
footer li{
    list-style-type: none;
}
footer p{
    color: #cccccc;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'source_sans_proregular';
    margin-bottom: 30px;
}
footer li{
    margin-bottom: 15px;
}
.footer .links li{
    margin-bottom: 3px;
}
footer li,
footer li a{
    font-size: 16px;
    color: #ffffff;
}
footer li a:hover{
    color: #cccccc;
}
footer * ul{
    margin-left: 0;
}
.social-links li{
    display: inline-block;
    margin-right: 15px;
}
.social-links li a{
    font-size: 20px;
}
.footer-copyrights{
    padding: 20px 0;
}
.footer-copyrights p{
    margin-bottom: 0;
    line-height: 1;
}
#newsletter-form {
    margin-top: 22px;
}
#newsletter-form input,
footer .wpcf7-form-control-wrap input[type="email"]{
    background-color: #00254a;
    border-radius: 5px 0 0 5px;
    border:none;
    width: 78%;
    float: left;
    color: #fff;
}
#newsletter-form input[type="submit"],
footer .wpcf7-form  input[type="submit"]{
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    letter-spacing: 1px;
    color: #00254a;
    width: 22%;
    font-family: 'source_sans_probold';
    padding-left: 5px;
    padding-right: 5px;
}


/*blog start*/
.bolg-list-wrapper{
    margin-bottom: 65px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 5px;
    transition: all .3s ease-in-out;
    border-radius: 0 0 5px 0;
}
.bolg-list-wrapper:hover{
    box-shadow: 2px 2px 3px #ccc;
}
.bolg-list-wrapper:last-child{
    margin-bottom: 160px;
}
.blog-image{
    position: relative;
    margin-top: 8px;
    margin-bottom: 10px;
}
.blog-image-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    background-color: #003263;
    text-align: center;
    padding: 10px 0;
}
.blog-image-overlay p,
.blog-title-overlay p{
    color: #fff;
    margin: 0;
}
.blog-image-overlay p strong,
.blog-title-overlay p strong{
    font-family: 'source_sans_probold';
    font-size: 28px;
}
.blog-image-overlay .year,
.blog-title-overlay .year{
    font-size: 14px;
}
.blog-image-overlay *,
.blog-title-overlay *{
    width: 100%;
    line-height: 1;
    float: left;
    font-size: 16px;
}
.blog-discription h2{
    color: #333333;
    line-height: 1.2;
}
.blog-discription  p{
    font-size: 18px;
}
.blog-discription a{
    color: #003263;
}
.blog-discription p a:focus, 
.blog-discription p a:hover{
    text-decoration: underline;
}
a.blog-btn,
input[type="submit"].form-submit{
    padding: 9px 20px;
    font-size: 18px;
    color: #fff;
    background-color: rgba(0,50,99,1);
    border-radius: 5px;
    font-family: 'source_sans_probold';
    letter-spacing: 1px;
    float: left;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
}
.blog-btn:hover{
    background-color: rgba(0,50,99,.9);
}

.bolg-post-left h4,
.nationwide-service-widget h4,
.contact-us-widget h4,
.nationwide-service-widget h4,
.service-plans-widget h4{
    margin-bottom: 10px;
    line-height: 1;
}
.bolg-post-left,
.nationwide-service-widget,
.contact-us-widget,
.nationwide-service-widget,
.service-plans-widget{
    padding: 20px 20px 15px;
    margin-bottom: 30px;
    margin-top: 5px;
}
.nationwide-service-widget{
    background-image: url(assets/images/nationwide-service-bg.png);
    background-repeat: no-repeat;
    background-position: 25px -15px;
    background-size: 40%;
}
.bolg-post-left:last-child,
.nationwide-service-widget:last-child,
.contact-us-widget:last-child,
.nationwide-service-widget:last-child{
    margin-bottom: 50px;
}
.bolg-post-left li:last-child,
.widget-area .widget:last-child{
    margin-bottom: 0;
}
.bolg-post-left ul,
.service-plans-widget ul{
    margin-left: 0;
}
.bolg-post-left li,
.service-plans-widget li,
.contact-us-widget p{
    position: relative;
    padding-left: 15px;
    line-height: 1;
    list-style-type: none;
}
.contact-us-widget p{
    padding-left: 0;
    line-height: 1.5;
}
.bolg-post-left li:before {
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(assets/images/li-bullet.png);
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 4px;
}
.service-plans-widget li{
    padding-left: 25px;
}
.service-plans-widget li:before{
    position: absolute;
    content: '\f273';
    font-family: 'FontAwesome';
    left: 0;
    top: -1px;
}
.bolg-post-left li:hover:before{
    opacity: .65;
}
.bolg-post-left li a,
.contact-us-widget p a,
.service-plans-widget li a{
    color: #333;
}
.bolg-post-left li a:hover,
.contact-us-widget p a:hover,
.service-plans-widget li a:hover{
    color: #808080;
}
.widget-area .widget{
    margin-bottom: 25px;
}
.blog-title-overlay{
    width:50px;
    height: 65px;
    background-color: #003263;
    display: inline-block;
    float: left;
    margin-right: 15px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;
}
.blog-post-discription,
.support-right{
    margin-bottom: 160px;
}
.blog-post-discription h1,
.support-right h1{
    font-size: 36px;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: -15px;
}
.blog-post-discription h2,
.support-right h2{
    margin-bottom: 25px;
    margin-top: 50px;
    font-size: 27px;
}
.blog-post-discription p,
.support-right p{
    font-size: 18px;
    margin-bottom: 25px;
}
.blog-post-discription figcaption{
    color: #808080;
    font-size: 14px;
    margin-bottom: 30px;
    margin-top: 10px;
    text-align: left;
}
.blog-post-discription input,
.blog-post-discription textarea,
.entry-content input,
.entry-content textarea{
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 1.2;
}
.blog-post-discription input[type="submit"],
.entry-content input[type="submit"]{
    padding: 9px 20px;
    font-size: 18px;
    color: #fff;
    background-color: rgba(0,50,99,1);
    border-radius: 5px;
    font-family: 'source_sans_probold';
    letter-spacing: 1px;
    float: left;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
}
.entry-content input[type="submit"]{
    float: right;
}
.support-right img{
    margin-bottom: 20px;
}
.leave-comment{
    display: block;
}
.leave-comment p{
    margin-bottom: 0;
}
.leave-comment label{
    font-weight: bold;
}
.leave-comment .required{
    color: red;
}
.blog-post-discription .leave-comment img{
    width: auto;
    margin-right: 10px;
}
.blog-post-discription .leave-comment time,
.blog-post-discription .leave-comment a{
    font-size: 14px;
    font-style: italic;
}
.blog-post-discription p.comment-awaiting-moderation{
    font-size: 13px;
}
/*contact-us*/
.contact-us-left{
    padding: 20px;
    margin-bottom: 50px;
    margin-top: 5px;
}
.contact-us-left h4{
    margin-bottom: 10px;
}
.contact-us-left a{
    color: #333;
}
.custom-row{
    font-size: 18px;
}
.contact-us-right h1{
    margin-bottom: 35px;
    line-height: 1;
}
.contact-us-right form {
    /*margin-bottom: 160px;*/
}
#contact-us-form input{
    height: 40px;
}
#contact-us-form input,
#contact-us-form textarea{
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.2;
}
input[type="submit"].form-submit{
    float: right;
}
.contact-phone{
    margin-bottom: 15px;
}
.contact-phone:last-child{
    margin: 0;
}
.contact-phone a:hover{
    text-decoration: underline;
    color: #003A63;
}
.wpcf7-form ​​.entry-content ul li {
    list-style-type: none;
}
span.wpcf7-not-valid-tip{
    bottom: 0;
}
footer span.wpcf7-not-valid-tip {
    bottom: -65px;
}

/*brands*/
.brand{
    margin-bottom: 35px;
    min-height: 375px;
}
.brands-wrapper .col-xs-4:last-child .brand{
    margin-bottom: 160px;
}
.brand img{
    border: 1px solid #e6e6e6;
    margin-bottom: 25px;
    padding:25px;
    width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: all .3s ease-in-out;
}
.brand img:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

/*pagination*/
.navigation {
    margin-bottom: 160px;
    float: left;
    width: 100%;
    text-align: center;
}
.navigation.post-navigation{
    margin-bottom: 15px;
}
.navigation ul{
    display: inline-block;
}
.navigation ul li{
    display: inline-block;
    float: left;
}
.navigation a{
    color: rgba(0,50,99,1);
    border-radius: 5px;
    padding: 5px 10px;
    transition: all .3s ease-in-out;
    text-transform: capitalize;
    border: 1px solid rgba(0,50,99,1);
    display: inline-block;
    float: left;
    font-size: 14px;
}
.navigation a:hover,
.navigation li a:hover,
.navigation li.active a{
    background-color: rgba(0,50,99,1);
    color: #fff;
}
.navigation a:first-child{
    margin-right: 10px;
    margin-bottom: 5px;
}


.contact-us-right .entry-content{
    margin-top: 0;
}