/*
Theme Name: excel
Version: 1.0
*/

@font-face {
    font-family: 'Calibri-Italic';
    src: url('fonts/Calibri-Italic.eot?#iefix') format('embedded-opentype'),  
        url('fonts/Calibri-Italic.woff') format('woff'), 
        url('fonts/Calibri-Italic.ttf')  format('truetype'), 
        url('fonts/Calibri-Italic.svg#Calibri-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    letter-spacing: -0.2px;
    position: relative;
    color: #444;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    border: 1px solid #d9d7d5;
    border-radius: 0;
    padding: 6px 7px;
    line-height: normal;
    -webkit-appearance: none;
    min-width: initial;
    width: 100%;
    border-radius: 7px;
}
.section .get-footer form ul
{
    padding-left: 0px;
}

.wpcf7-form-control-wrap
{
    display: block;
}

div.wpcf7-validation-errors
{
    display: none !important;
}
span.wpcf7-not-valid-tip
{
    font-size: 11px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-top: 2px;
    margin-bottom: 7px;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398F13;
    margin: 15px 0 0 0;
    color: #398f14;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: #555;
}

.btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    padding: 12.5px 21.5px;
    margin: 0;
    background-image: none;
    border: 2px solid #304c8c;
    border-radius: 0;
    background-color: transparent;
    color: #304c8c;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.btn.bg
{
    padding: 12.5px 11.5px;
    border: 2px solid #fff;
    color: #fff;
    background-color: #6479aa;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.btn.bg:hover,
.btn.bg:focus,
.btn.bg:active
{
    background-color: transparent;
    border-color: #fff;
}
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6479aa;
    border-color: #6479aa;
}

.btn:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: none;
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    border-color: #555;
}



/*custome css*/

/*----- Custom Checkbox & Radio Start -----*/
.custom-radio,
.custom-check {
    position: relative;
    display: inline-block;
}
.custom-radio [type="radio"],
.custom-check [type="checkbox"] {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
.custom-radio label,
.custom-check label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 0;
    padding-left: 36px;
    line-height: 22px;
    font-weight: normal;
}
.custom-radio label::before,
.custom-check label::before,
.custom-radio label::after,
.custom-check label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    text-align: center;
    color: #AAA;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.custom-radio label::before,
.custom-check label::before {
    border: 1px solid #b7b7b7;
}
.custom-check label::after {
    /*content: "^";*/
    /*font-family: 'FontAwesome';*/
    /*font-size: 15px;*/
    width: 12px;
    height: 12px;
    background-color: #AAA;
    top: 5px;
    left: 5px;
}
.custom-radio label::after {
    width: 12px;
    height: 12px;
    background-color: #AAA;
    top: 5px;
    left: 5px;
}
.custom-radio label::before,
.custom-radio label::after {
    border-radius: 50%;
}
.custom-radio [type="radio"]:not(:checked) + label::after,
.custom-check [type="checkbox"]:not(:checked) + label::after {
    opacity: 0;
    transform: scale(0);
}
.custom-radio [type="radio"]:checked + label::after,
.custom-check [type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
}
.custom-radio [type="radio"]:disabled + label::before,
.custom-check [type="checkbox"]:disabled + label::before {
    background-color: #9e0039;
    box-shadow: inset 0 0 8px 0 #640024;
}
.custom-radio [type="radio"]:focus + label::before,
.custom-check [type="checkbox"]:focus + label::before {
    border-color: #555 !important;
}

/*----- Custom Checkbox & Radio End -----*/


/*----- Custom Select Start -----*/
select {
    background-image: url(images/caret.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.ie-browser select {
    background-image: none;
}
/*----- Custom Select End -----*/

/*----- Custom Upload Start -----*/
label.lbl-upload input[type="file"] {
    position: absolute;
    left: -9999px;
}
.lbl-upload {
    display: inline-block;
    background-color: #EAEAEA;
    cursor: pointer;
}
.lbl-upload :invalid + span {
    color: #000;
}
.lbl-upload :valid + span {
    color: #4A4;
}
.upload-file {
    margin-top: 10px;
}
/*----- Custom Upload End -----*/


.list-unstyled {
    list-style: none;
    padding-left: 0;
}


/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #666666;
    font-size: 12px;
}

:-moz-placeholder {
    color: #666666;
    font-size: 12px;
}

::-moz-placeholder {
    color: #666666;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #666666;
    font-size: 12px;
}

/*custome css*/
.container {
    width: 1129px;
    padding: 0 15px;
    margin: 0 auto;
}
.row:after,
.container:after,
.cleafix:after
{
    content: "";
    display: table;
    clear: both;
}
.row
{
    margin-left: -15px;
    margin-right: -15px;
}
.col
{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

h1,h2,h3,h4,h5
{
    margin-top: 0px;
    font-weight: 300;
    margin-bottom: 20px;
}
.section h1
{
    font-size: 56px;
    color: #fff;
}
.section h2
{
    font-size: 46px;
    color: #324c8b;
    line-height: 1.23;
    letter-spacing: 0px;
}
.section h3
{
    font-size: 36px;
    color: #fff;
}
.section h4
{
    font-size: 24px;
    color: #fff;
}
.section h5
{
    font-size: 18px;
    letter-spacing: 0.2px;
}
.clearfix:after
{
    content: "";
    display: table;
    clear: both;
}
.tb
{
    display: table;
    height: 100%;
    width: 100%;
}
.tb-cl
{
    display: table-cell;
    height: 100%;
}
.bottom
{
    vertical-align: bottom;
}
.middle
{
    vertical-align: middle;
}
.section ul
{
    padding-left: 8px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.section ul li
{
    list-style: none;
    position: relative;
    line-height: 1.4;
}
.section ul li:before
{
    content: "";
    position: absolute;
    top: 10px;
    left: -7px;
    height: 2px;
    width: 2px;
    background-color: #000;
}
footer ul li:before,
header ul li:before
{
    display: none;  
}

.section ul.u-tub
{
    padding-left: 0px;
    margin-top: 26px;
    margin-bottom: 34px;
}
.section ul.u-tub li
{
    list-style: none;
    font-size: 18px;
    font-weight: 300;
}
.section ul.u-tub li a
{
    color: #444;
    letter-spacing: 0.2px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.section p
{
    letter-spacing: -0.3px;
}
.section ul.u-tub li a:hover
{
    text-decoration: underline;
}
.section ul.u-tub li a img
{
    margin-right: 17px;
}
.section ul.u-tub li:before
{
    display: none;
}
.gray
{
    background-color: #f5f5f5;
}

a
{
    color: #304c8c;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
a:hover
{
    text-decoration: none;
    color: #666666;
}


/*header start*/

header
{
    padding-bottom: 28px;
}
.header-inr
{
    height: 106px;
    position: relative;
}
.header-inr a.btn
{
    position: relative;
    right: 0px;
    top: -5px;
    padding: 19px 44px 16px 53px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #324e8b;
    color: #fff;
    background-image: url("images/lock.png");
    background-repeat: no-repeat;
    background-position: 21px center;
}
.header-inr a.btn:hover
{
    background-color: #6479aa;
    border-color: #6479aa;
}

a.logo
{
    width: 230px;
    height: 62px;
    float: left;
    display: block;
}

.right-header
{
    text-align: right;
    padding-left: 230px;
    height: 62px;
}
header .tb-cl
{
    vertical-align: bottom;
}
ul.enumenu_ul
{
    margin-bottom: 0px;
    padding-left: 0px;
}
ul.enumenu_ul > li
{
    list-style: none;
    display: inline-block;
    position: relative;
}
ul.enumenu_ul > li:first-of-type > a
{
    margin: 0px; 
}
ul.enumenu_ul > li > a
{
    color: #666666;    
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0px 0 23.5px;
    letter-spacing: 0.4px;
}
ul.enumenu_ul > li > a:hover,
ul.enumenu_ul > li > a:focus,
ul.enumenu_ul > li > a:active,
ul.enumenu_ul > li.current-menu-item > a
{
    color: #304c8c;
}
ul.enumenu_ul > li > ul
{
    position: absolute;
    left: 25px;
    top: 100%;
    background-color: #304c8c;
    padding-left: 0px;
    width: 150px;
    z-index: 9999;
    display: none;
}
ul.enumenu_ul > li:hover > ul
{
    display: block;
}
ul.enumenu_ul > li:last-of-type > ul
{
    left: auto;
    right: 0px;
}
ul.enumenu_ul > li > ul > li
{
    list-style: none;
    text-align: left;
}
ul.enumenu_ul > li > ul > li > a
{
    color: #fff;
    text-align: left;
    display: block;
    padding: 10px 15px;
    font-size: 12px;
    text-transform: uppercase;
}
ul.enumenu_ul > li > ul > li > a:hover
{
    background-color: #6479aa;
}
span.arrow
{
    width: 40px;
    background-color: #6479aa;
    height: 35px;
    position: absolute;
    right: 0;
    background-image: url("images/acco-cart.png");
    background-repeat: no-repeat;
    background-position: center center;
}
/*header end*/

/*banner section*/

.banner-section
{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner-section:after
{
    content: "";
    background-image: url("images/bottom-shdw.png");
    background-repeat: repeat-x;
    background-position: center bottom;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}
.about.banner-section:after,
.page-template-template-follow-on .banner-section:after
{
    background-image: url("images/banne-full-shdw.png");
}
.page-template-template-follow-on .banner-section:after
{
    background-size: cover;
}
.page-template-template-follow-on .banner-section h1
{
    margin-bottom: 31px
}
.banner-section:before
{
    content: "";
    background-image: url("images/parten.png");
    background-repeat: no-repeat;
    background-position: center top;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    background-size: cover;
}
.banner-section .container
{
    height: 100%;
}
.banner-cnt
{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
}
.about.banner-section h1
{
    margin-bottom: 40px;
}
.page-template-template-case-study .banner-section h1
{
    margin-bottom: 30px;
}
.lp-banner .banner-section
{
    height: 382px;
}
.lp-banner .banner-section h1
{
    color: #304c8c;
    font-size: 46px;
    line-height: 1.2;
}
.lp-banner .banner-section:before
{
    background-image: url("images/lp-parten.png");
    background-position: center bottom;
    background-size: cover;
}
.lp-banner .banner-section:after
{
    display: none;
}
/*banner section end*/

/*footer section*/
footer
{
    background-color: #273E74;
    padding-top: 20px;
    padding-bottom: 20px;
}
footer.section .col
{
    width: 33.33%;
    position: relative;
}
footer.section .col:after
{
    content: "";
    background-color: #8a9abf;
    opacity: 0.25;
    height: 235px;
    width: 2px;
    position: absolute;
    top: 0;
    right: 12px;
}
footer.section .col:nth-child(3n+2):after
{
    right: -12px;
}
footer.section .col:nth-child(3n+2)
{
    padding-left: 49px;
    padding-right: 54px;
}
footer.section .col:nth-child(3n+3)
{
    padding-left: 62px;
}
footer.section .col:nth-child(3n+3):after
{
    display: none;
}
footer.section h3
{
    margin-bottom: 0px;
    padding-left: 5px;
    font-size: 22px;
    font-weight: 400;
}
footer.section h3 img
{
    max-width: 10%;
    margin-right: 12px;
}
.contact-footer span
{
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 12px;
    margin-left: 5px;
}
.contact-footer span a
{
    color: #fff;
}
.contact-footer span a:hover
{
    opacity: 0.7;
}
.contact-footer > a
{
    display: block;
}
footer.section .contact-footer h3
{
    margin-bottom: 11px;
}
.stay-footer ul
{
    margin-bottom: 91px;
    padding-left: 8px;
    margin-top: 21px;
}
.stay-footer ul li
{
    display: inline-block;
    list-style: none;
    margin-right: 17px;
}
.stay-footer ul li a
{
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.stay-footer ul li a:hover,
.stay-footer ul li a:focus,
.stay-footer ul li a:active
{
    opacity: 0.7;
}
.copyright
{
    padding: 1px 0 2px 0;
    background-color: #eeeeee;
}
.copyright ul
{
    padding-left: 0px;
}
.copyright ul li
{
    display: inline-block;
    position: relative;
}
.copyright ul li a
{
    color: #666666;
    margin-right: 9px;
    margin-left: 5px;
    letter-spacing: -0.5px;
    cursor: default;
}
.copyright ul li:last-of-type a
{   
    color: #a3d800;
}

.copyright ul li:first-of-type a
{
    margin-left: 0px;
}
/*.copyright ul li a:hover,
.copyright ul li a:focus,
.copyright ul li a:active
{
    color: #304c8c;
}*/
.copyright ul li:after
{
    content: "";
    background-color: #666666;
    position: absolute;
    right: 0px;
    height: 100%;
    width: 1px;
}
.copyright ul li:last-of-type:after
{
    display: none;
}
/*footer section end*/

/*body inner home page*/
.section.full-half h2
{
    margin-bottom: 15px;
}
.home-page.section.full-half h2
{
    margin-bottom: 43px;
}
.home-page.section.full-half p
{
    line-height: 1.4;
    margin-bottom: 13px;
}
.section.full-half h3
{
    color: #304c8c;
}
.full-half .left
{
    width: 52%;
    float: left;
}
.full-half .right
{
    width: 48%;
    float: left;
}
.full-set-cnt
{
    width: 549px;
    float: right;
    padding-top: 27px;
    padding-right: 60px;
}

.home-page .full-set-cnt
{
    width: 588px;
    padding-top: 43px;
    padding-right: 80px;
}
.home-page .full-set-cnt a
{
    margin-top: 15px;
}
.section.home-page.full-half .left
{
    padding-bottom: 50px;
}

.full-hlaf-img
{
    height: 500px;
    background-repeat: no-repeat;
    background-position: center left;
}

/*about-page*/
.section.about-full.full-half h3
{
    margin-top: 33px;
    margin-bottom: 15px;
}
.about-full .full-set-cnt
{
    width: 552px;
    padding-right: 33px;
}
.about-full .full-hlaf-img
{
    height: 775px;
}
.about-full.full-half .left
{
    width: 49.9%;
}
.about-full.full-half .right
{
    width: 50.1%;
}
/*about-page end*/

.home-wpr
{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.home-wpr .four-box h4
{
    font-size: 28px;
    text-transform: capitalize;
}
.home-wpr .four-box p
{
    font-size: 18px;
    color: #fff;
}
.home-wpr .bg-img-cnt
{
    padding-bottom: 206px;
}
.section.home-wpr .bg-img-cnt h4
{
    font-size: 33px;
    font-weight: 400;
    letter-spacing: -0.5px;
}
.four-box
{
    position: relative;
}

.four-box:before
{
    content: "";
    background-image: url("images/box-parten.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    /*    z-index: 99;*/
}
.four-box .box
{
    width: 25%;
    float: left;
    background-color: #273e74;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.four-box .box p
{
    font-weight: 100;
}
.four-box.air .box
{
    z-index: 9;
}
.section.four-box.air .box h3 span
{
    font-size: 17px;
    display: block;
}
.four-box .box:nth-child(4n+1)
{
    background-color: #273e74;
}
.four-box .box:nth-child(4n+2)
{
    background-color: #3b5083;
}
.four-box .box:nth-child(4n+3)
{
    background-color: #445e98;
}
.four-box .box:nth-child(4n+4)
{
    background-color: #7285b4;
}

/*.page-template-template-follow-on .four-box .box:nth-child(4n+1)
{
    background-color: rgba(39,62,116,0.70);
}
.page-template-template-follow-on .four-box .box:nth-child(4n+2)
{
    background-color: rgba(39,62,116,0.65);
}
.page-template-template-follow-on .four-box .box:nth-child(4n+3)
{
    background-color: rgba(17, 47, 117, 0.60);
}
.page-template-template-follow-on .four-box .box:nth-child(4n+4)
{
    background-color: rgba(22, 53, 125, 0.55);
}*/
.page-template-template-follow-on .four-box:before
{
    z-index: 9;
}
.page-template-template-follow-on .four-box
{
    margin-bottom: 3px;
}
.box
{
    position: relative;
}
.box > a
{
    display: block;
    padding: 77px 0 77px 0;
    z-index: 999;
    cursor: default;
}
.four-box.air .box a
{
    padding: 67px 0 37px 0px;
}
.four-box.air .box a h3
{
    font-size: 28px;
}
.four-box.air .box a figure
{
    margin: 0px;
}
.four-box.air .box a figure img
{
    height: 80px;
    margin-bottom: 30px;
}
.four-box.air .box figure figcaption
{
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    max-width: 244px;
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.four-box.air .box figure figcaption p
{
    margin-bottom: 0px; 
    font-size: 18px;
    font-weight: 200;
    color: #263d76;
}
.four-box.air .box:hover figure > img
{
    opacity: 0;
}

.four-box.air .box:hover figure figcaption
{
    opacity: 1;
}
.four-box.air .box:hover h3
{
    display: none;
}
.four-box.air .box:after
{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: none;
}
.four-box.air .box:hover:after 
{
    border: 2px solid #263a76;
    color: #263a76;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.four-box .box:hover,
.four-box .box:active,
.four-box .box:focus
{
    background-color: rgba(100,121,170,0.7);
}
.four-box.air .box:hover,
.four-box.air .box:active,
.four-box.air .box:focus
{
    background-color: #f6f6f6;
}
.box span a
{
    position: absolute;
    bottom: 29px;
    right: 37px;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 8px 15px;
    cursor: pointer;
}

.box span a:after
{
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    font-size: 25px;
}
.bg-img-cnt
{
    position: relative;
}
.bg-img-cnt:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url("images/watch-bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
}

.bg-img-cnt
{
    text-align: center;
    padding-top: 157px;
    padding-bottom: 204px;
    margin-top: -1px;
}
.section .bg-img-cnt h4
{
    color: #fff;
    position: relative;
    z-index: 99;
    letter-spacing: 1.3px;
}
.section.brands-ser h3
{
    color: #304c8c;
}
.brands-ser
{
    text-align: center;
    padding-top: 47px;
    padding-bottom: 59px;
}
.brands-ser .container
{
    width: 1159px;
}
.brands-boxes
{
    margin-right: -19.5px;
    margin-left: -19.5px;
    margin-top: 57px; 
}
.brands-boxes .brands-boxe
{
    width: 25%;
    float: left;
    padding-left: 19.5px;
    padding-right: 19.5px;
    text-align: center;
}
.brands-boxe a
{
    display: block;
    border: 1px solid #cccccc;
    border-radius: 5px;
    height: 182px;
}
.brands-boxe .tb-cl
{
    vertical-align: middle;
}
.brands-boxe img
{
    opacity: 0.4;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.brands-boxe a:hover img
{
    opacity: 1;
}

/*body inner home page end*/

/*about page*/
.section.cnt-area
{
    padding-top: 40px;
    padding-bottom: 33px;
}
.section.cnt-area h3
{
    color: #304c8c;
}
.section.cnt-area h5
{
    margin-bottom: 15px;
    color: #304c8c;
}
.pink
{
    background-color: rgba(96, 117, 171,0.9);
}
.section.pink-sec
{
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
.section.pink-sec.about h3
{
    margin-bottom: 30px;
}
.section.pink-sec h3
{
    color: #fff;
    margin-bottom: 31px;
}
.btn.white
{
    border-color: #fff;
    color: #fff;
    padding: 12.5px 11.5px;
}

/*other brand section*/

.other-sec
{
    padding-top: 40px;
    text-align: center;
}
.lp-banner .other-sec
{
    text-align: left;
    padding-top: 62px;
}
.lp-banner .other-sec .inner-other
{
    margin-top: 75px;
}
.lp-banner .media
{
    margin-bottom: 75px;
    text-align: center;
}
.section.other-sec h3
{
    color: #263976;
}
.other-sec .inner-other
{
    text-align: left;
    margin-top: 49px;
}
.inner-other .col
{
    float: left;
    width: 25%;
}
.brands-banner .inner-other .col
{
    width: 47%;
}
.media
{
    margin-bottom: 51px;
}
.brands-banner .media
{
    position: relative;
}
.inner-other .media
{
    text-align: center;
}
.brands-banner .inner-other .media
{
    text-align: left;
}
.inner-other .btn-center
{
    text-align: center;
    margin-bottom: 40px;
}
.media .media-img
{
    width: 100% !important;
    height: 140px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 12px;
}
.brands-banner .media .media-img
{
    width: 200px !important;
    height: 140px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
}
.brands-banner .media .media-cnt
{
    padding-left: 225px;
}

.media .media-cnt p
{
    line-height: 20px;
}
.section .media .media-cnt h5
{
    margin-bottom: 11px;
    color: #263976;
    min-height: 50px;   
}
.lp-banner .section .media .media-cnt h5
{
    min-height: inherit;   
}
.page-template-template-lp .banner-section:after
{
    display: none;
}
.page-template-template-lp .section h1
{
    color: #324c8b;
}
.page-template-template-lp .other-sec
{
    text-align: left;
}


.banner-cnt 
{
    position: relative;
}
.banner-cnt .small-text
{
    position: absolute;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 53%;
    left: 21%;
    right: -15%;
    color: #fff;
    font-family: 'Calibri-Italic';
}
.page-template-template-air-cond .section .banner-cnt h1
{
    letter-spacing: -1.2px;
}

/*air-half*/
.air-half
{
    padding-top: 65px;
    padding-bottom: 65px;
}
.air-half p:last-of-type
{
    margin-bottom: 0px;
}
.section.air-half h3
{
    color: #304c8c;
}
.section.air-half .btn
{
    margin-top: 10px;
}

.air-half .col
{
    width: 50%;
    float: left;
    padding-right: 45px;
}
.icon-box
{
    width: 25%;
    float: left;
    text-align: center;
}
.bg-img-cnt
{
    position: relative;
    z-index: 99;
}
.icon-box:nth-child(4n+1)
{
    margin: 0 auto; 
}
.icon-box img
{
    margin-bottom: 27px;
}
.section .icon-box h4
{
    font-size: 28px;
}
.icon-box p
{
    color: #fff;
}

.section.air .bg-img-cnt h2
{
    font-weight: 500;
}
.air .bg-img-cnt
{
    padding-top: 50px;
    padding-bottom: 59px;
}
.air .bg-img-cnt:after
{
    background-image: none;
    background-color: rgba(0,0,0,0.7);
}
.icon-boxs
{
    margin-top: 30px;
}
.four-box.air
{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}
.four-box.air:after
{
    content: "";
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.full-half.air .left,
.full-half.air .right
{
    width: 50%;
}

/*case study*/
.case-study
{
    border-bottom: 1px solid #ccc;
}
.full-set-cnt figure
{
    margin: 0 0 12px 0;
}
.half-left,
.half-right
{
    width: 50%;
}
.half-left
{
    padding-right: 60px;
}
.half-right
{
    padding-left: 60px;
}
.sec-half-cnt
{
    padding-top: 38px;
    padding-bottom: 61px;
}
.section.sec-half-cnt h2
{
    letter-spacing: 0px;
    margin-bottom: 30px;
}

/*testimonial pink*/
.testimonial-pink 
{
    color: #fff;
    font-size: 24px;
    font-weight: 100;
}
.section.pink-sec.testimonial-pink
{
    padding-top: 78px;
    padding-bottom: 71px;
}
.section.pink-sec h3
{
    margin-bottom: 13px; 
}
.sec-case-icons
{
    padding-top: 45px;
    padding-bottom: 70px;
}
.sec-case-icons .icon-box img
{
    margin-bottom: 14px;
}
.section.sec-case-icons .icon-box h4
{
    color: #777;
    font-size: 24px;
}
.section.sec-case-icons .icon-box:nth-child(4n+1)
{
    border-left: 0px;
}
.section.sec-case-icons .icon-box
{
    border-left: 1px solid #cccccc;
}
.section.full-half.left-img h2
{
    margin-bottom: 30px;
}
.left-img .full-set-cnt
{
    float: left;
    padding-top: 38px;
    padding-left: 60px;
    padding-right: 0px;
}
.section.left-img p
{
    font-size: 18px;
    color: #444444;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.section.left-img p:last-of-type
{
    border-bottom: 0px;
}
.section .get-footer form
{
    margin-top: 20px;
}
.section .get-footer form ul li
{
    margin-bottom: 3px;
}
.section .get-footer form ul li input[type="submit"]
{
    color: #fff;
    text-decoration: none;
    background-color: #6479aa;
    border-color: #6479aa;
    border: 2px solid #fff;
    margin-top: 16px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.section .get-footer form ul li input[type="submit"]:hover
{
    background-color: transparent;
}


/*menu icon */
.menu-icon {
    display: none;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    line-height: 0;
    padding: 0;
    line-height: 21px;
    background-color: #324e8b;
    padding: 10px;
    width: auto;
    font-size: 0px;
}
.menu-icon:after
{
    content: "";
    clear: both;
    display: table;
}
.menu-box
{
    height: 20px;
    width: 33px;
    float: right;
}
.nav-bar
{
    position: relative;
}

.nav-bar .menu-icon .menu-box {
    width: 30px;
    height: auto;
    margin-right: 0px;
    padding: 0px;
    float: right;
    position: absolute;
    top: 7px;
    right: 0px;
}
.menu-icon .menu-box span {
    width: 100%;
    height: 4px;
    margin-bottom: 4px;
    background: #fff;
    display: block;
    border-radius: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-icon .menu-box span:last-of-type
{
    margin-bottom: 0px;
}
.menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translateY(7px) translateX(5px);
    -webkit-transform: rotate(45deg) translateY(7px) translateX(5px);
    -ms-transform: rotate(45deg) translateY(7px) translateX(5px);
    -moz-transform: rotate(45deg) translateY(7px) translateX(5px);
}

.menu-icon.active span:nth-child(2) {
    opacity: 0;
}
.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-6px) translateX(4px);
    -webkit-transform: rotate(-45deg) translateY(-6px) translateX(4px);
    -ms-transform: rotate(-45deg) translateY(-6px) translateX(4px);
    -moz-transform: rotate(-45deg) translateY(-6px) translateX(4px);
}


/*contact page*/
.cont-side-box:first-of-type
{
    padding: 0px 0 10px 0;
}
.cont-side-box {
    border-bottom: 1px solid #ccc;
    padding: 40px 0 30px 0;
}

.cont-side-box figure
{
    position: relative;
    margin: 0px 0 9px 0;
    min-height: 104px;
    height: auto;
}
.cont-side-box > p
{
    margin-bottom: 3px;
}
address
{
    font-style: normal;
    margin-bottom: 12px
}
address small
{
    color: #2c4a8d;
    font-size: 100%;
    font-weight: 700;
}
address a,
.cont-side-box p
{
    display: table-cell;
    color: #444444;
    line-height: 1.5;
}
address a.mail
{
    color: #2c4a8d;
    text-decoration: none;
}
address a.mail:hover,
address a.mail:focus,
address a.mail:active
{
    color: #444;
}
address a:hover,
address a:focus,
address a:active
{
    color: #2c4a8d;
}
.cont-side-box figure img
{
    position: absolute;
    top:0;
    left: 0;
    border: 1px solid #ccc;
}
.cont-side-box figure figcaption    
{
    padding-left: 90px;
    height: 100%;
}
.cont-side-box figure figcaption p
{
    margin-bottom: 0px;
    color: #444444;
}
.cont-side-box .btn
{
    padding: 12.5px 30px;
}
.cont-side-box .btn
{
    color: #dfdfdf;
    border: 2px solid #dfdfdf;
}
.cont-side-box .btn:hover,
.cont-side-box .btn:focus,
.cont-side-box .btn:active
{
    color: #324f8b;
    border: 2px solid #324f8b;
    background-color: transparent;
}
.section .cont-side-box h4
{
    color: #2c4a8d;
    margin-bottom: 15px;
}
.contact-page .contact-left
{
    float: left;
    width: 75%;
    padding-right: 50px;
}
.contact-page .contact-right
{
    float: left;
    width: 25%;
}
.cont-side-box:last-of-type
{
    border-bottom: 0px;
}
.section.contact-page
{
    padding-bottom: 20.5%;
}
.section.contact-page .contact-left
{
    padding-top: 55px;
}
.section.contact-page .contact-right
{
    padding-top: 27px;
    padding-left: 0px;
}
.section .side-bar h2
{
    margin-bottom: -2px;
}
.cont-side-box figure figcaption p
{
    letter-spacing: -0.5px;
}


/*.HVAC-banner .bg-img-cnt
{
    text-align: left;
}*/
.page-template-template-follow-on .bg-img-cnt ul li
{
    /*    font-size: 24px;*/
    color: #fff;
    font-weight: 100;
}
.page-template-template-follow-on .section .bg-img-cnt ul li:before
{
    height: 5px;
    width: 5px;
    background-color: #fff;
    top: 9px;
    border-radius: 100%;
}
.page-template-template-follow-on .section .bg-img-cnt ul
{
    margin-top: 34px;
    padding-left: 14px;
    padding-right: 14%;
    margin-bottom: 24px;
}
.Electrical-banner.page-template-template-follow-on .section .bg-img-cnt ul
{
    padding-right: 0px;
}
.page-template-template-follow-on .section .bg-img-cnt ul li
{
    margin-bottom: 14px;
}
.page-template-template-follow-on .section .bg-img-cnt ul li:before
{
    left: -13px;
}
.page-template-template-follow-on .bg-img-cnt p
{
    /*    font-size: 19px;*/
    color: #fff;
}
.REFRIGERATION-banner .bg-img-cnt p,
.HVAC-banner .icon-boxs p
{
    font-size: 14px;
}
.conditioning-banner .banner-section h1
{
    width: 105%;
}
.ENGINEERING-banner .air .bg-img-cnt
{
    padding-top: 37px;
    padding-bottom: 26px;
}
.ENGINEERING-banner .section.air .bg-img-cnt h2
{
    font-size: 50px;
}
.Air.conditioning-banner .banner-section:before
{
    display: none;
}
.REFRIGERATION-banner .section.air .bg-img-cnt h2
{
    font-size: 50px;
    margin-bottom: 11px;
}
.REFRIGERATION-banner .air .bg-img-cnt
{
    padding-top: 42px;
    padding-bottom: 51px;
}
.REFRIGERATION-banner .air .bg-img-cnt h4
{
    margin-bottom: 10px;
}
.REFRIGERATION-banner .air .bg-img-cnt .tb-cl h4,
.HVAC-banner .air .bg-img-cnt .tb-cl h4
{
    margin-bottom: 32px;
    font-weight: 100;
    font-size: 28px;
}
.REFRIGERATION-banner .air .bg-img-cnt h6
{
    color: #fff;
    margin-top: 0px;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.1px;
}
.REFRIGERATION-banner .icon-boxs
{
    margin-top: 28px;
}
.REFRIGERATION-banner .icon-box h4
{
    font-weight: 300;
}
.REFRIGERATION-banner .icon-boxs p,
.HVAC-banner .icon-boxs p
{
    max-width: 305px;
    margin: 0 auto; 
}

/*blog page*/
.blog > header,
.error404 > header
{
    border-bottom: 1px solid #ddd;
}
.blog .section,
.error404 .section
{
    padding: 40px 0;
}
.error404 input[type="text"]
{
    margin-bottom: 10px;
    display: block;
}
.blog-det.section h1,
.blog-det.section h3
{
    color: #2c4a8d;
}
ol.commentlist
{
    padding-left: 17px;
}
header.entry-header
{
    padding-bottom: 0px;
}

body .backto-Top
{
    position: absolute;
    top: 81%;
    right: 2%;
}
body .backto-Top a 
{
    font-size: 15px;
    line-height: 24px;
    width: 42px;
    color: #fff;
    display: inline-block;
    padding: 7px 14px;
    background-color: #96a4c7;
    height: 42px;
    border-radius: 10px;
}
.REFRIGERATION-banner .section.full-half h2
{
    letter-spacing: -2px;
}
.search .section h1
{
    color: #304c8c;
}
.search .section h2 
{
    margin-bottom: 15px;
}
.search > header
{
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.four-box .box figure .icon-hover img
{
    width: 100%;
}
.ENGINEERING-banner .bg-img-cnt
{
    text-align: left;
}
.bg-cnt-innr p
{ 
    font-size: 17px;
    color: #fff;
    line-height: 1;
    letter-spacing: -0.5px;
}


.copy-right span
{
    color: #fff;
    font-size: 10px;
    font-weight: 100;
    margin-right: 58px;
    display: block;
    margin-top: 9px;
    letter-spacing: 0.3px;
}

.top-new-set h3
{
    padding-top: 0;
    line-height: 1;
/*    margin-bottom: 49px;*/
}
.top-new-set p
{
    line-height: 1.35;
    margin-bottom: 16px;
    padding-right: 58px;
}
.top-new-set.air-half .col
{
    padding-right: 15px;
}
/*.top-new-set.air-half
{   
    padding-bottom: 36px;
}*/
.top-new-set figure
{
    height: 280px;
    width: 480px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 0px;
}
ul.top-btn,
ul.drop-down
{
    position: absolute;
    right: 0;
    padding-left: 0px;
    margin: 0px;
}
ul.top-btn li,
ul.drop-down li
{
    list-style: none;
}
ul.top-btn > li
{
    position: relative;
}
ul.top-btn > li ul.drop-down
{
    position: absolute;
    left: 0;
    top: 96%;
    width: 100%;
    z-index: 99999;
    display: none;
}
ul.top-btn > li:hover ul.drop-down
{
    display: block;
}
ul.drop-down > li
{
    padding-bottom: 1px;   
    background-color: #fff;
    border-radius: 5px;
}
ul.drop-down > li:last-of-type
{
    padding-bottom: 0px;
}
ul.drop-down > li > a
{
    background-color: #f7f7f7;
    display: block;
    padding: 14px 10px 16px 10px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #666666;
    font-size: 14px;
    border-radius: 5px;
}
ul.drop-down > li > a:hover
{
    background-color: #324e8b;
    color: #fff;
}
.last-half
{
    padding-top: 60px;
    padding-bottom: 60px;
}


.ENGINEERING-banner a.logo img
{
    margin-top: 6px;
}

.owl-controls .owl-page, 
.owl-controls .owl-buttons div
{
    font-size: 0px;
}
.testinew
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
}
.testinew .col:first-of-type img
{   
    margin: 15px 0;
}

.map-area .map img,
.map-area .map
{
    width: 774px;
    height: 1228px;
    max-width: 774px;
}
ul.accordion
{
    padding: 0px;
}
ul.accordion > li
{
    list-style: none;
    padding-top: 25px;
}
ul.accordion > li:first-of-type
{
    padding-top: 00px;
}
.section ul.accordion li:before
{
    display: none;
}
.section ul.address-ul
{
    padding: 0px;
}

.section ul.address-ul > li > strong
{
    color: #2c4a8d;
    min-width: 25px;
    display: table-cell;
}
.address-ul > li > span
{
    display: table-cell;
}
.accordion-title
{
    display: block;
    margin: 0;
    background-image: none;
    border-radius: 0;
    background-color: transparent;
    color: #304c8c;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: #b5b5b5;
    border: 2px solid #b5b5b5;
    background: transparent !important;
}
.accordion-title.active,
.accordion-title:hover
{
    background: url(../images/minus.png) right no-repeat #304c8c !important;
    border: 2px solid #304c8c;
    color: #fff;
}
.accordion-title > span
{
    color: #fff;
    display: block !important;
}
.accordion-title:hover > span
{   
    color: #fff;
}
@-moz-document url-prefix() { 
 .accordion-title > span{
     top: -15px;
  }
}

.accordion-title.active
{
    color: #fff;
    position: relative;
}
.accordion-title > span
{
    color: #b5b5b5;
}
.accordion-title.active > span
{
    color: #fff;
    background: transparent !important;
}
.accordion-content
{
    background: transparent !important;
    background-color: #fcfcfc !important;
}
.section ul.accordion-content
{
    padding: 35px 25px 35px 25px;
    box-shadow: 6px 5px 21px #ddd;
    border-radius: 10px;
    border-bottom: 0;
    margin-bottom: 20px;
    width: 100%;
}
.accordion-content a
{
    color: #444444;
}
.section .accordion-content .cont-side-box
{
    margin-bottom: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
.section .accordion-content .cont-side-box:last-of-type
{
    margin-bottom: 0px;
}
.section .accordion-content .cont-side-box:last-of-type address
{
    margin-bottom: 0px;
}
.section .accordion-content .cont-side-box h4
{
    margin-bottom: 5px;
    line-height: 1;
}


.map-svg{
	max-width: 774px;
	width: 100%;
}

.map-svg svg{
	max-width: 100%;
	width: 100%;
	display: block;
}

a:focus ,a:hover{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}