/*
Theme Name: kayan
Description: Theme specific styles.
*/



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, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;    padding: 0;    border: 0;    font-size: 100%;      vertical-align: baseline;}
body {font-weight: 400;background-color: #fff;font-family: 'Roboto';}
body a {    transition: 0.5s all ease;    -webkit-transition: 0.5s all ease;    -moz-transition: 0.5s all ease;    -o-transition: 0.5s all ease;    -ms-transition: 0.5s all ease;    outline: none;}
.clear {    clear: both;}
b, strong {    font-weight: 700;}n {    padding: 0px;}td, th {    padding: 0;}
a {    color: #ef9e00;    text-decoration: none !important;    -webkit-transition: all .3s ease-in-out;    -moz-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;}
a:hover, a:focus {    color: #ef9e00;}
hr {    background: #5c778d;    height: 1px;}
table {    width: 100%;}
sup,small {    font-size: 12px;}
strong {    font-weight: 700;}
.trans{  -webkit-transition: all .3s ease-in-out;    -moz-transition: all .3s ease-in-out;    -o-transition: all .3s ease-in-out;    transition: all .3s ease-in-out;}
div.lt-nopadding{padding-left:0;}
div.rt-nopadding{padding-right:0;}
div.no-padding{padding}

/***-----------------------------------------------------------------------
        FONT
--------------------------------------------------------------------- ***/

@font-face {
  font-family: 'Ramabhadra';
  src: url('../fonts/Ramabhadra.eot?#iefix') format('embedded-opentype'),  url('../fonts/Ramabhadra.woff') format('woff'), url('../fonts/Ramabhadra.ttf')  format('truetype'), url('../fonts/Ramabhadra.svg#Ramabhadra') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SplinterWood';
  src: url('../fonts/SplinterWood.eot?#iefix') format('embedded-opentype'),  url('../fonts/SplinterWood.woff') format('woff'), url('../fonts/SplinterWood.ttf')  format('truetype'), url('../fonts/SplinterWood.svg#SplinterWood') format('svg');
  font-weight: normal;
  font-style: normal;
}

/***-----------------------------------------------------------------------
        header
--------------------------------------------------------------------- ***/


.hdlogo {    padding-left: 0;}
.hdrt {    padding: 0;}
.logo {    /* height: 140px; */    float: left;    padding-top: 37px;}
span.innerwrap {    /* display: table; */    /* height: 100%; */}
span.innerwrap span {    display: table-cell;    vertical-align: middle;}
header.hdgroup {    position: relative;    clear: both;    float: left;    width: 100%;}
a.logo {    float: none;}
header.hdgroup:before {    background-image:url(../images/hdbgtop.png);     content: "";    height: 16px;    width: 100%;    float: left;    border: none;    background-size: cover;    background-position: center;    background-repeat: no-repeat;    position: absolute;    top: 0px;}
.hdlogo {    float: left;    width: 100%;    max-width: 369px;}
.navmenusection {    float: left;    width: 100%;    position: relative;    height: 100%;}
.topmenubar {    float: right;    /* padding-top: 50px; */    background-image:url(../images/hdcallbg.png);    width: 276px;    height: 104px;    position: absolute;    right: 0;    bottom: -2px;    z-index: 9;}
.mainmenu {    float: left;    padding-top: 45px;}
.mainmenu ul li a span {color: #1b1b1b;font-size: 17px;text-transform: uppercase;font-weight: 700;font-family: 'Ramabhadra'; }
.hdrt {    float: left;    max-width: 831px;    width: 100%;    height: 140px;}
.mainmenu ul li a span {    display: block;    margin-top: 5px;}
.mainmenu ul li a {     text-align: center;   padding: 0;    background-color: transparent;    margin: 0 17px;font-family: 'Ramabhadra';}
.mainmenu ul li a i {    clear: both;    display: block !important;}
.tophdcall {    position: absolute;    left: 0;    right: 0;    top: 35px;    /* bottom: 0; */    /* height: 20px; */}
.mainmenu ul li a:hover,.mainmenu ul li a:focus {    background-color: transparent;}

/*

.mainmenu ul li.menuitem1 a i {    width: 45px;    height: 45px;    border: 1px solid #0000fe;background: #fff;    margin: auto;    border-radius: 100%;    line-height: 40px;    font-size: 25px;  }
.mainmenu ul li.menuitem2 a i { border: 1px solid #fcb614;background: #fff;margin: auto;    border-radius: 100%;    line-height: 40px;    font-size: 25px; width: 45px;    height: 45px;  }
.mainmenu ul li.menuitem3 a i {border: 1px solid #51cb00;background: #fff;margin: auto;    border-radius: 100%;    line-height: 40px;    font-size: 25px; width: 45px;    height: 45px;  }
.mainmenu ul li.menuitem4 a i {border: 1px solid #cb0084;background: #fff;margin: auto;    border-radius: 100%;    line-height: 40px;    font-size: 25px; width: 45px;    height: 45px;  }
.mainmenu ul li.menuitem5 a i {border: 1px solid #d92904;background: #fff;margin: auto;    border-radius: 100%;    line-height: 40px;    font-size: 25px;  width: 45px;    height: 45px; }
.mainmenu ul li.menuitem1 a i:before {    color: #fff;    width: 39px;    height: 39px;    background: #0000fe;    border-radius: 100%;    display: block;    margin: auto;    position: absolute;    left: 0;    right: 0;    top: 3px;}
.mainmenu ul li.menuitem2 a i:before {    color: #fff;    width: 39px;    height: 39px;    background: #fcb614;    border-radius: 100%;    display: block;    margin: auto;    position: absolute;    left: 0;    right: 0;    top: 3px;}
.mainmenu ul li.menuitem3 a i:before {    color: #fff;    width: 39px;    height: 39px;    background: #51cb00;    border-radius: 100%;    display: block;    margin: auto;    position: absolute;    left: 0;    right: 0;    top: 3px;}
.mainmenu ul li.menuitem4 a i:before {    color: #fff;    width: 39px;    height: 39px;    background: #cb0084;    border-radius: 100%;    display: block;    margin: auto;    position: absolute;    left: 0;    right: 0;    top: 3px;}
.mainmenu ul li.menuitem5 a i:before {    color: #fff;    width: 39px;    height: 39px;    background: #d92904;    border-radius: 100%;    display: block;    margin: auto;    position: absolute;    left: 0;    right: 0;    top: 3px;}


.mainmenu ul li.menuitem1.current_page_item a i ,.mainmenu ul li.menuitem1.current-menu-item a i{border: 1px solid #0000fe;background: #0000fe;  }
.mainmenu ul li.menuitem2.current_page_item a i ,.mainmenu ul li.menuitem2.current-menu-item a i{border: 1px solid #fcb614;background: #fcb614;}
.mainmenu ul li.menuitem3.current_page_item a i ,.mainmenu ul li.menuitem3.current-menu-item a i{border: 1px solid #51cb00;background: #51cb00;}
.mainmenu ul li.menuitem4.current_page_item a i ,.mainmenu ul li.menuitem4.current-menu-item a i{border: 1px solid #cb0084;background: #cb0084;}
.mainmenu ul li.menuitem5.current_page_item a i ,.mainmenu ul li.menuitem5.current-menu-item a i{border: 1px solid #d92904;background: #d92904;}

.mainmenu ul li.menuitem1.current_page_item a i:before ,.mainmenu ul li.menuitem1.current-menu-item a i:before{color:#0000fe;background:#fff;  }
.mainmenu ul li.menuitem2.current_page_item a i:before ,.mainmenu ul li.menuitem2.current-menu-item a i:before{color:#fcb614;background:#fff;}
.mainmenu ul li.menuitem3.current_page_item a i:before ,.mainmenu ul li.menuitem3.current-menu-item a i:before{color:#51cb00;background:#fff;}
.mainmenu ul li.menuitem4.current_page_item a i:before ,.mainmenu ul li.menuitem4.current-menu-item a i:before{color:#cb0084;background:#fff;}
.mainmenu ul li.menuitem5.current_page_item a i:before ,.mainmenu ul li.menuitem5.current-menu-item a i:before{color:#d92904;background:#fff;}

.mainmenu ul li.menuitem1.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #0000fe;}
.mainmenu ul li.menuitem2.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #fcb614;}
.mainmenu ul li.menuitem3.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #51cb00;}
.mainmenu ul li.menuitem4.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #cb0084;}
.mainmenu ul li.menuitem5.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #d92904;}

.mainmenu ul li.menuitem1 a:hover i { }
.mainmenu ul li.menuitem2 a:hover  i {  }
.mainmenu ul li.menuitem3 a:hover i {  }
.mainmenu ul li.menuitem4 a:hover i { }
.mainmenu ul li.menuitem5 a:hover i { }
.mainmenu ul li.menuitem1 a:hover i:before {   }
.mainmenu ul li.menuitem2 a:hover i:before {   }
.mainmenu ul li.menuitem3 a:hover i:before {   }
.mainmenu ul li.menuitem4 a:hover i:before {   }
.mainmenu ul li.menuitem5 a:hover i:before {   }
.mainmenu ul li.menuitem3 a:hover:before{ }
.mainmenu ul li.menuitem3 a:hover:after{}
.mainmenu ul li a:hover span{color:#0c8241;}
.topmenubar:hover .tophdcall a {    color: #000;}


img._mi._before._image {    display: block;    margin: auto;    position: absolute;    top: 14px;    left: 0;    right: 0;     height: 18px;    width: 18px;     Z-INDEX: 9;}
.mainmenu ul li.menuitem3 a:before {    background: #fff;    display: block;    margin: auto;    height: 45px;    width: 45px;    content: "";    border-radius: 100%;    border: 1px solid #51cb00;   }
.mainmenu ul li.menuitem3 a:after {    background: #51cb00;    display: block;    margin: auto;    height: 39px;    width: 39px;    content: "";    border-radius: 100%;    position: absolute;    top: 3px;    right: 0;    left: 0;}


*/
.mainmenu ul li.menuitem1.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #0000fe;}
.mainmenu ul li.menuitem2.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #fcb614;}
.mainmenu ul li.menuitem3.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #51cb00;}
.mainmenu ul li.menuitem4.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #cb0084;}
.mainmenu ul li.menuitem5.current-menu-item  a span, .mainmenu ul li.current_page_item  a span {    color: #d92904;}
.mainmenu ul li a span{}
.menu-item a.menu-image-title-after.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper{    padding-right: 0px;}
.menu-item a img{width:36px;}
.mainmenu ul li a:hover {    opacity: 0.5;}




.tophdcall span {clear: both;display: block;text-align: center;font-size: 21px;line-height: 25px;color: #fff;font-family: 'Ramabhadra';}
.tophdcall a {display: block;text-align: center;color: #fff;font-weight: 500;font-size: 30px;line-height: 35px;font-family: 'Ramabhadra';}


.desktoponly {    display: block;}
.Mobileonly {    display: none;}

.mainmenu ul li.dropdown:hover ul.dropdown-menu {    display: block;    min-width: 250px;    padding-top: 0;    border-color: #efefef;    padding-bottom: 0;}
.mainmenu ul li.dropdown ul.dropdown-menu li {}
.mainmenu ul li.dropdown ul.dropdown-menu li a img {
    float: left;
    width: 30px;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 4px;
    height: 30px;
    margin-right: 10px;
}
.mainmenu ul li.dropdown ul.dropdown-menu li a{margin: 0;padding: 5px 10px;float: left;width: 100%;background: #51cb00;border-bottom: 1px solid #fff;}
.mainmenu ul li.dropdown ul.dropdown-menu li span {
    margin-top: 0;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    line-height: 30px;
    }
.mainmenu ul li.dropdown ul.dropdown-menu li:last-child a {    border: 0;}
.mainmenu ul li.menuitem3.current-menu-item.dropdown  a span, .mainmenu ul li.current_page_item.dropdown  a span{
}
.mainmenu ul li.menuitem3.current-menu-item.dropdown  ul.dropdown-menu li a, .mainmenu ul li.current_page_item.dropdown  ul.dropdown-menu li a{


}
.mainmenu ul li.menuitem3.current-menu-item.dropdown  ul.dropdown-menu li , .mainmenu ul li.current_page_item.dropdown  ul.dropdown-menu li {

  
}
.mainmenu ul li.menuitem3.current-menu-item.dropdown>a:before, .mainmenu ul li.current_page_item.dropdown>a:before,.mainmenu ul li.menuitem3.dropdown>a:before, .mainmenu ul li.dropdown>a:before{  
    content: "\f0d7";
    font-family: 'FontAwesome';
    color: #51cb00;
    clear: both;
    float: left;
    width: 100%;
    position: absolute;
    display: table;
    bottom: -15px;}
.mainmenu ul li.menuitem3.current-menu-item.dropdown  ul.dropdown-menu li a, .mainmenu ul li.current_page_item.dropdown  ul.dropdown-menu li a span {
    font-size: 14px;
    font-weight: 400;
    color: #353333;
}    
    .mainmenu ul li.dropdown ul.dropdown-menu li a:hover,.mainmenu ul li.dropdown ul.dropdown-menu li.active a,.mainmenu ul li.dropdown ul.dropdown-menu li.current-menu-item a{opacity:1;background: #fcb614;}
    .mainmenu ul li.dropdown ul.dropdown-menu li.active a span,.mainmenu ul li.dropdown ul.dropdown-menu li.current-menu-item a span{opacity:1;color:#fff;}
 .mainmenu ul li.dropdown ul.dropdown-menu li a:hover span {
    color: #fff;    
} 


#wprmenu_menu.wprmenu_levels ul li ul li {
    padding-left: 0;
}

#wprmenu_menu.wprmenu_levels ul li ul li a img {
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 100%;
    height: 35px;
    width: 35px;
}

#wprmenu_menu.wprmenu_levels ul li a {
    padding: 5px 5px;
}



/***-----------------------------------------------------------------------
        Home Slider
--------------------------------------------------------------------- ***/



.banner {    clear: both;    width: 100%;    float: none;overflow: hidden;    height: 700px;}
.bannerimage {    height: 700px;    background-size: cover;    background-repeat: no-repeat;    background-position: center;}
a.left.carousel-control,a.right.carousel-control {    background-image: none;    position: absolute;    top: 45%;    width: 40px;    height: 40px;    line-height: 40px;    background: #000;    border-radius: 100%;    font-size: 30px;}
.carousel-indicators .active{    width: 20px;    height: 20px;background:#fcb614;}
.carousel-indicators li{    width: 15px;    height: 15px;background:#51cb00;    border: 2px solid #fff;}
.bannercontent {
 /* background-image: url(../images/hmbannertextbg.png);height: 278px;background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;left: 0;right: 0;margin: auto;max-width: 470px;width: 100%;top: 21%;padding: 25px 50px;*/
     background-image: url(../images/hmbannertextbg.png);
    height: 237px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 400px;
    width: 100%;
    top: 21%;
    padding: 25px 50px;
}
.banner .item {    position: relative;}
.bannercontentinner {    margin-top: 25px;}
header.bannerheader h1 {font-size: 34px;line-height: 40px;display: inline-block;letter-spacing: -0.025em;color: #000;text-align: center;}
.bannercontent p {    font-size: 17px;    color: #000;    text-align: center;    line-height: 25px;}
header.bannerheader {}
div#myCarouselbanner {    clear: both;}
header.bannerheader h1 span {    font-size: 30px;}




/***-----------------------------------------------------------------------
        Home offer
--------------------------------------------------------------------- ***/


.offer_title_primary h4 {    color: #51cb00;    text-align: center;    font-family: 'Roboto';    font-size: 36px;    line-height: 45px;    font-weight: 700;}
.offer_header {    text-align: center;    margin-top: 70px;    float: left;    width: 100%;    margin-bottom: 65px;}
.offer_title_separator img {    margin: auto;}
.offer_title_separator {    margin: 12px auto;}
.offer_title_secondary h6 {    color: #8a8a8a;    font-weight: 400;    font-family: 'Roboto';}
.offerwraper {    float: left;    width: 100%;    clear: both;}
.circle-container {  position: relative;  /* 1 */  width: 540px;  height: 540px;  padding: 0;  border-radius: 50%;  list-style: none;  /* 2 */  box-sizing: content-box;  /* 3 */  margin: auto ;  /* border: solid 40px #efe9ac; */  /*background-image:url(../images/circlebg.jpg);*/}
.circle-container > .centerimage {/*background-image: url(../images/circlebg.jpg);*/
  height: 460px;width: 460px;position: absolute;left: 0%;right: 0%;top: 40px;margin: 0;display: inline-block; margin:auto;
  transform: rotate(0deg)  rotate(0deg) !IMPORTANT;
-webkit-transform: rotate(0deg)  rotate(0deg) !IMPORTANT;
-moz-transform: rotate(0deg)  rotate(0deg) !IMPORTANT;
-ms-transform: rotate(0deg)  rotate(0deg) !IMPORTANT;
-o-transform: rotate(0deg)  rotate(0deg) !IMPORTANT;
 /* background: green; */overflow: hidden;}
.circle-container .centerimage img {border: none;filter: grayscale(0%);border-radius: 100%;height: 100%;/*-webkit-animation: spin1 60s infinite linear;-moz-animation: spin1 60s infinite linear;-o-animation: spin1 60s infinite linear;-ms-animation: spin1 60s infinite linear;animation: spin1 60s infinite linear;*/}
.offersection{    margin-bottom: 50PX;    PADDING-BOTTOM: 100PX;}
.circle-container > * {  /* 4 */display: block;position: absolute;top: 50%;left: 50%;width: initial;height: initial;margin: -60px;}
.circle-container > :nth-of-type(1) { 
 transform: rotate(0deg) translate(315px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(315px) rotate(0deg);
-moz-transform: rotate(0deg) translate(315px) rotate(0deg);
 -o-transform: rotate(0deg) translate(315px) rotate(0deg);
 -ms- transform: rotate(0deg) translate(315px) rotate(0deg);
}
.circle-container > :nth-of-type(2) {
  transform: rotate(60deg) translate(320px) rotate(-60deg);
  -webkit-transform: rotate(60deg) translate(320px) rotate(-60deg);
  -moz-transform: rotate(60deg) translate(320px) rotate(-60deg);
  -o-transform: rotate(60deg) translate(320px) rotate(-60deg);
  -ms-transform:rotate(60deg) translate(320px) rotate(-60deg);
}
.circle-container > :nth-of-type(3) {-webkit-transform: rotate(130deg) translate(310px) rotate(-130deg);-moz-transform: rrotate(130deg) translate(310px) rotate(-130deg);-o-transform: rotate(130deg) translate(310px) rotate(-130deg);-ms- transform:rotate(130deg) translate(310px) rotate(-130deg);transform: rotate(130deg) translate(310px) rotate(-130deg);}
.circle-container > :nth-of-type(4) {-webkit-transform:rotate(180deg) translate(320px) rotate(-180deg);-moz-transform: rotate(180deg) translate(320px) rotate(-180deg);-o-transform:rotate(180deg) translate(320px) rotate(-180deg);-ms-transform:rotate(180deg) translate(320px) rotate(-180deg);transform: rotate(180deg) translate(320px) rotate(-180deg);left: 0;}
.circle-container > :nth-of-type(5) {-webkit-transform:rotate(240deg) translate(270px) rotate(-240deg);-moz-transform:rotate(240deg) translate(270px) rotate(-240deg);-o-transform:rotate(240deg) translate(270px) rotate(-240deg);-ms-transform:rotate(240deg) translate(270px) rotate(-240deg);transform: rotate(240deg) translate(270px) rotate(-240deg);left: 10%;}
.circle-container > :nth-of-type(6) {-webkit-transform: rotate(300deg) translate(300px) rotate(-300deg);-moz-transform: rotate(300deg) translate(300px) rotate(-300deg);-o-transform: rotate(300deg) translate(300px) rotate(-300deg);-ms-transform: rotate(300deg) translate(300px) rotate(-300deg);transform: rotate(300deg) translate(300px) rotate(-300deg);right: 0;}
.circle-container > :nth-of-type(7) { 
-webkit-transform: rotate(315deg) translate(305px) rotate(-315deg);
-moz-transform: rotate(315deg) translate(305px) rotate(-315deg);
 -o-transform: rotate(315deg) translate(305px) rotate(-315deg);
 -ms-transform: rotate(315deg) translate(305px) rotate(-315deg);
 transform: rotate(315deg) translate(305px) rotate(-315deg);}
.circle-container > :nth-of-type(8) {
-webkit-transform: rotate(315deg) translate(10em) rotate(-315deg);
-moz-transform: rotate(315deg) translate(10em) rotate(-315deg);
 -o-transform: rotate(315deg) translate(10em) rotate(-315deg);
 -ms-transform: rotate(315deg) translate(10em) rotate(-315deg);
  transform: rotate(315deg) translate(10em) rotate(-315deg);}
.circle-container img {  display: block;  width: 100%;  /* border-radius: 50%; */  /* filter: grayscale(100%); */  /* border: 5px solid #fff; */}
.circle-container img:hover {  /* filter: grayscale(0); */}
.outerwraper {    width: 100%;    display: inline-block;}
.offerimage {    width: 100px;    height: 100px;    float: left;    border-radius: 50%;    /* filter: grayscale(100%); */    border: 5px solid #fff;}
.circle-container > :nth-of-type(5) .offer_data{padding-left: 0px;width: initial;float: left;text-align: right;}
.circle-container > :nth-of-type(4) .offer_data{     padding-left: 0px;    width: 290px;    float: left;    text-align: right;}
.circle-container > :nth-of-type(6) .offer_data{padding-left: 0px;width: initial;float: left;text-align: right;}
.offer_data {    float: left;    padding-top: 15px;    padding-left: 15px;}
.circle-container > :nth-of-type(4) .offerimage {    float: right;}
.circle-container > :nth-of-type(5) .offerimage {    float: right;}
.circle-container > :nth-of-type(6) .offerimage {float: left;}
.circle-container > :nth-of-type(1) .offerimage{    background-color: #ff8500;}
.circle-container > :nth-of-type(2) .offerimage{    background-color: #008cd2;}
.circle-container > :nth-of-type(3) .offerimage{background-color: #fcb614;float: left;}
.circle-container > :nth-of-type(4) .offerimage{    background-color: #51cb00;}
.circle-container > :nth-of-type(5) .offerimage{    background-color: #6d1772;}
.circle-container > :nth-of-type(6) .offerimage{    background-color: #ff5834;}
.circle-container > :nth-of-type(7) .offerimage{    background-color: #07cce4;}
.offer_data h4 {font-size: 25px;line-height: 30px;color: #000;font-weight: 700;}
.offer_data p {    color: #8a8a8a;    font-size: 15px;    line-height: 34px;}
.circle-container > .outerarea{border: 40px solid #ec6902;border-right-color: #fab81c;border-bottom-color: #ec6902;border-left-color: #fab81c;border-radius: 50%;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;height: 540px;width: 540px;left: -50%;right: -50%;top: 0px;margin: auto;transform: rotate(0deg) translate(0px) rotate(0deg);-webkit-animation: spin 10s infinite linear;-moz-animation: spin 10s infinite linear;-o-animation: spin 10s infinite linear;-ms-animation: spin 10s infinite linear;animation: spin 10s infinite linear;}
.circle-container>:nth-of-type(6) {
    width: 448px;
}
@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
15% { -webkit-transform: rotate(45deg);}
30% { -webkit-transform: rotate(90deg);}
45% { -webkit-transform: rotate(135deg);}
60% { -webkit-transform: rotate(180deg);}
75% { -webkit-transform: rotate(225deg);}
90% { -webkit-transform: rotate(270deg);}
100% { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spin {
15% { -moz-transform: rotate(45deg);}
30% { -moz-transform: rotate(90deg);}
45% { -moz-transform: rotate(135deg);}
60% { -moz-transform: rotate(180deg);}
75% { -moz-transform: rotate(225deg);}
90% { -moz-transform: rotate(270deg);}
100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin {
15% { -o-transform: rotate(45deg);}
30% { -o-transform: rotate(90deg);}
45% { -o-transform: rotate(135deg);}
60% { -o-transform: rotate(180deg);}
75% { -o-transform: rotate(225deg);}
90% { -o-transform: rotate(270deg);}
100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin {
15% { -ms-transform: rotate(45deg);}
30% { -ms-transform: rotate(90deg);}
45% { -ms-transform: rotate(135deg);}
60% { -ms-transform: rotate(180deg);}
75% { -ms-transform: rotate(225deg);}
90% { -ms-transform: rotate(270deg);}
100% { -ms-transform: rotate(360deg);}
}
@-keyframes spin {
15% { transform: rotate(45deg);}
30% { transform: rotate(90deg);}
45% { transform: rotate(135deg);}
60% { transform: rotate(180deg);}
75% { transform: rotate(225deg);}
90% { transform: rotate(270deg);}
100% { transform: rotate(360deg);}
} 

.ourtextcontent a:hover {    color: #fcb50c;}
.offerimage {    display: table;    text-align: center;}
.offerimage span {    display: table-cell;    vertical-align: middle;}
.circle-container .offerimage  span img{    width: initial;}
.offerimage span img {    margin: auto;}
.centerimage:before {background-color: rgba(0,0,0,0.01);content: "";width: 100%;height: 100%;z-index: 9999;position: absolute;border-radius: 100%;top: 0;bottom: 0;left: 0;right: 0;margin: auto;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.centerimage:hover:before{  background-color: rgba(0,0,0,0.9);}
.offer_data a h4:hover {    color: #ec6902;}
.offerimage:hover {    opacity: 0.3;}
.circle-container > :nth-of-type(3) .offer_data {/*  clear: both;    padding: 0;*/float: left;width: 100%;}
.page-template-tpl-about .pagebanner {       border-top: 2px solid #4aaa0b;
border-bottom: 1px solid #fff;}
body.page-id-12  .pagebanner:before  {background-color: rgba(81, 203, 0,0.7);}
body.page-id-8  .pagebanner:before  {    background-color: rgba(203, 0, 132,0.7);}
body.page-id-10  .pagebanner:before  {   /* background-color: rgba(217, 41, 4,0.7)*/    border-top: 2px solid #4aaa0b;border-bottom: 1px solid #fff;}
.webtext {    border-radius: 100%;    height: 100%;    position: relative;    background: yellow;    /* display: table; */}
.webtext .webhead {    position: absolute;    width: 100%;    background: #000;    border-radius: 100%;    height: 100%;    z-index: 9999;    text-align: center;    display: table;    opacity: 0;
-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; 
    /* transform: translateY(-100%); */
-webkit-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);

}
.ourtextcontent a {    font-size: 16px;    line-height: 20px;    text-transform: capitalize;    color: #fff;  }
.webtext .webhead .ourtextcontent {    display: table-cell;    vertical-align: middle;    font-size: 40px;    line-height: 50px;    color: #fff;    text-transform: uppercase;}
.circle-container > .centerimage:hover .webhead {    opacity: 1;    /* transform: translateY(0%); */-webkit-transform: scale(1);-ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}






/***-----------------------------------------------------------------------
        Home content
--------------------------------------------------------------------- ***/
  


.section_title {    background-image: url(../images/hmpagetitlebg.png);    height:110px;    background-repeat: no-repeat;    background-size: cover;    width: 393px;    margin: auto;    position: absolute;   top: -70px;    z-index: 1;    left: 0;    right: 0;}    
.page_section_title {  /*  margin-bottom: 15px;*/  }
.page_section_content {margin: 0;}
.home_page_content {    background-image: url(../images/painter.jpg);    background-size: cover;    background-repeat: no-repeat;    background-position: center;}
.home_page_content {    position: relative;    padding: 85px 0 50px;}
.carousel-indicators {    bottom: 25%;}
.section_title h2 {     text-transform: uppercase;     font-weight: 600;  font-family: 'SplinterWood';       color: #000; font-size: 28px;    line-height: 35px;    margin-top: 25px;    text-align: center;    padding: 0 5%;}
.page_section_title h3 {font-size: 30px;line-height: 35px;color: #000;text-align: left;}
.page_section_content p {    font-family: 'Raleway';    font-size: 18px;    line-height: 30px;    color: #000;font-weight:500;}
.tophdcall a:hover {    color: #000;}
.home_page_content:before {    content: "";    background-image: url(../images/bannerbtm.png);    height: 12px;    display: block;    position: absolute;    z-index: 1;    float: left;    width: 100%;    top: -12px;}

.col-xs-12.col-sm-6.left_video {
    padding-top: 10px;
}

/***-----------------------------------------------------------------------
        Home contact form 
--------------------------------------------------------------------- ***/



.hmcontactformsection {    float: left;    width: 100%;    clear: both;    text-align: center;overflow:hidden;    background-repeat: no-repeat;    background-size: cover;    background-position: center;}
.offersection {     overflow: hidden;   margin-bottom: 80px;    float: left;    width: 100%;    clear: both;}
.contact_form_header h4 {    color: #d92904;    font-size: 40px;    line-height: 60px;    font-weight: 700;}
.contact_form_header p {    font-weight: 400;    font-family: 'Roboto';    font-size: 18px;    line-height: 25px;    padding: 0 12%;    color: #000;}
.hmformcontainer {    background: #fab81c;    max-width: 580px;    width: 100%;    float: left;    margin-left: 2%;}
.formfield {    width: 49.5%;    float: left;    margin-bottom: 10px;}
.formfield:nth-child(2n) {    margin-right: 1%;}
.formfield.message {width: 100%;margin-bottom: 20px;}
.formfield.button {width: 100%;background-image: url(../images/hmfrmbtn.png);height: 140px;border: none;width: 100%;max-width: 244px;margin: auto;float: none;clear: both;margin-bottom: 20px;}
.contact_form {    float: left;    width: 100%;    margin-top: 50px;    padding: 0 35px;}
.contact_form_header {    margin-top: 50px;}
.formfield input:focus ,.formfield input:hover ,.formfield textarea:focus ,.formfield textarea:hover{    border: 1px solid #ca9c30;}
.formfield input, .formfield select{      width: 100%;    font-size: 14px;    line-height: 24px;    font-family: 'Roboto';    font-weight: 500;  background: #f1b11d;    border: 1px solid #b07f0d;    border-radius: 0;    padding: 5px 10px;    height: 50px;}
.formfield textarea {    background: #f1b11d;    border: 1px solid #b07f0d;    border-radius: 0;    padding: 5px 10px;    height: 120px;}
input.hmfrmsubmit[type="submit"] {  /*  background-image: url(../images/hmfrmbtn.png);    height: 140px;    border: none;    width: 244px;*/  outline: none;  border: none;  font-size: 21px;  line-height: 25px;  font-weight: 500;  font-family: 'Roboto';  background-color: transparent;  padding: 10px 15px;  max-width: 244px;  width: 100%;  margin-top: 3px;  letter-spacing: 0.025em;}
input.hmfrmsubmit[type="submit"]:hover {    outline: none;    border: none;  /*  background-image: url(../images/hmfrmbtn.png);*/color:#000;}
.hmformcontainer span.wpcf7-not-valid-tip {    font-size: 14px;    line-height: 15px;    width: 100%;    margin-top: 10px;    text-align: left;    color: #ad3116;}
.hmformcontainer div.wpcf7-validation-errors {    margin: 0;    padding: 0;    border: none;    color: #d92904;    font-weight: 600;}
.hmformcontainer div.wpcf7-mail-sent-ok {    border: none;    color: #255826;    margin: 0;    padding: 0;}


.formfield input::-webkit-input-placeholder ,.cntform ul li input::-webkit-input-placeholder{
    /* Chrome/Opera/Safari */
    color: #000;
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 500;     
}

.formfield input::-moz-placeholder,.cntform ul li input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
        line-height: 24px;
    font-family: 'Roboto';
    font-weight: 500; 
}

.formfield input:-ms-input-placeholder,.cntform ul li input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;    line-height: 50px;
    font-family: 'Roboto';
    font-weight: 500; 
}

.formfield input:-moz-placeholder,.cntform ul li input:-moz-placeholder {
    /* Firefox 18- */
    color: #000;    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 500; 
}

.formfield input:focus::-webkit-input-placeholder,.cntform ul li input:focus::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: transparent;
}

.formfield input:focus::-moz-placeholder,.cntform ul li input:focus::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent;
}

.formfield input:focus:-ms-input-placeholder,.cntform ul li input:focus:-ms-input-placeholder {
    /* IE 10+ */
    color: transparent; line-height: 50px;
}

.formfield input:focus:-moz-placeholder ,.cntform ul li input:focus:-moz-placeholder{
    /* Firefox 18- */
    color: transparent;
}

.formfield textarea::-webkit-input-placeholder ,.cntform ul li textarea::-webkit-input-placeholder{
    /* Chrome/Opera/Safari */
    color: #000;    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 500; 
}

.formfield textarea::-moz-placeholder ,.cntform ul li textarea::-moz-placeholder{
    /* Firefox 19+ */
    color: #000;    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 500; 
}

.formfield textarea:-ms-input-placeholder,.cntform ul li textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 500; 
}

.formfield textarea:-moz-placeholder ,.cntform ul li textarea:-moz-placeholder{
    /* Firefox 18- */
    color: #000;    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 500; 
}

.formfield textarea:focus::-webkit-input-placeholder,.cntform ul li textarea:focus::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: transparent;
}

.formfield textarea:focus::-moz-placeholder ,.cntform ul li textarea:focus::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent;
}

.formfield textarea:focus:-ms-input-placeholder ,.cntform ul li textarea:focus:-ms-input-placeholder {
    /* IE 10+ */
    color: transparent;
}

.formfield textarea:focus:-moz-placeholder ,.cntform ul li textarea:focus:-moz-placeholder{
    /* Firefox 18- */
    color: transparent;
}





/***-----------------------------------------------------------------------
        Home Gallery
--------------------------------------------------------------------- ***/

body.page-template-tpl-gallery .offer_header{    margin-bottom: 40px;} 
.galleryimage {  height: 305px;background-size: cover;background-repeat: no-repeat;background-position: center;  -webkit-transition: -webkit-transform 0.55s ease 0s;  -moz-transition: -moz-transform 0.55s ease 0s;  -o-transition: -o-transform 0.55s ease 0s;  transition: transform 0.55s ease 0s;/* -webkit-transform: scale3d(1, 1, 1); *//* transform: scale3d(1, 1, 1); *//* transform: scale(1.55, 1.55) rotate(-20deg); */-webkit-transform: scale(1.55, 1.55) rotate(0deg);-moz-transform: scale(1.55, 1.55) rotate(0deg);-ms-transform: scale(1.55, 1.55) rotate(0deg);-o-transform: scale(1.55, 1.55) rotate(0deg);}
.galleryouter:hover .galleryimage{      -webkit-transform: scale3d(1.2, 1.2, 1.2);      transform: scale3d(1.2, 1.2, 1.2);-webkit-transform: scale(1.55, 1.55) rotate(-40deg);-moz-transform: scale(1.55, 1.55) rotate(-40deg);-ms-transform: scale(1.55, 1.55) rotate(-40deg);-o-transform: scale(1.55, 1.55) rotate(-40deg);}
.hmgallery {    clear: both;    float: left;    width: 100%;    margin-bottom: 70px;}
.hm_gallery_data {    float: left;    width: 100%;    clear: both;    display: block;}
.galleryimage {    margin-bottom: 30px;    overflow: hidden;}
.galleryoverlay {    background-color: rgba(0, 0, 0, 0.1);    bottom: 0;    left: 0;    position: absolute;    right: 0;    top: 0;      -webkit-transition: background-color 0.5s ease 0s;      -o-transition: background-color 0.5s ease 0s;      transition: background-color 0.5s ease 0s;}
.gallerywrp a:hover .galleryoverlay {    background-color: rgba(0, 0, 0, 0.7);}
.galleryouter {    position: relative;    height: 305px;    overflow: hidden;}
.galleryoverlay img {    left: 50%;    margin-left: -10px;    margin-top: -10px;    opacity: 0;    position: absolute;    top: 50%;      -webkit-transition: opacity 0.5s ease 0s;      -o-transition: opacity 0.5s ease 0s;    transition: opacity 0.5s ease 0s;}
.gallerywrp:hover .galleryoverlay img {    opacity: 1;}.gallerywrp {    margin-bottom: 30px;}
.galleryoverlay h5 {    font-size: 17px;    line-height: 35px;    color: #fff;display:none;}
.galleryoverlay {    text-align: center;opacity:0;}
.gallerywrp:hover .galleryoverlay{ opacity:1;}
.galleryoverlay p {    font-size: 13px;    color: #fff;    font-weight: 400;    line-height: 20px;    letter-spacing: 0.05em;}
.gallerywraping {    display: table;    width: 100%;    height: 100%;}
.galleryinner {    display: table-cell;    vertical-align: middle;}
.zoombtn i {    color: #fff;    line-height: 30px;    font-size: 14px;}
.zoombtn {    width: 40px;    height: 40px;    margin: auto;    background-color: rgba(0,0,0,0.7);    line-height: 40px;    border-radius: 100%;    margin-top: 10px;}
.show_more {    clear: both;    /*background: #e6e6e6;*/    float: left;    width: 100%;    text-align: center;    padding-top: 30px;}
a#inifiniteLoader {    clear: both;    float: none;    width: 100%;    text-align: center;    height: 100px;    display: block;}
.show_more span {    display: block;    float: left;    width: 100%;    text-align: center;}
.show_more span a {    cursor: pointer;    color: #25ab53;    font-size: 18px;    line-height: 40px;    /* border: 3px solid #c5c5c5; */    padding: 3px 5px;    float: none;    width: 100%;    max-width: 200px;    margin: auto;    display: block;    text-decoration: underline !important;}
a#inifiniteLoader img {    margin: auto;    /* max-width: 200px; */    height: 100px;    /* float: none; */}
.galleryoverlay {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    padding: 10px;    color: white; 

-webkit-transform: translateX(100%);    
transform: translateX(100%); 
-ms-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);  
transition: -webkit-transform .4s ease-out;
transition: transform .4s ease-out;
-ms-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.galleryouter:hover .galleryoverlay { -webkit-transform: translateX(0%);    transform: translateX(0%);-moz-transform: translateX(0%);-o-transform: translateX(0%);-ms-transform: translateX(0%);}
a.lb-close {    background-color: red !important;    z-index: 9;    position: relative;    background-image: none !important;}
a.lb-close:after {    content: "\f00d";    font-family: 'FontAwesome';    color: #fff;    opacity: 1;    z-index: 9;    line-height: 30px;    text-align: center;    font-size: 18px;    font-weight: 300;}
.lb-data .lb-close {       opacity: 1;
    text-align: center;
    float: right;
    right: 0;
    position: absolute;
    border-radius: 100%;
    left: 0;   
    margin: auto; display:none;}
.lb-dataContainer {    padding-top: 0 !important;    padding-right: 0 !important;}
.lb-data .lb-number {    color: #fff;}
.lb-nav a.lb-next {    filter: alpha(Opacity=100);    opacity: 1;}
.lb-nav a.lb-prev {    filter: alpha(Opacity=100);    opacity: 1;}
.show_more span a:hover {    color: #f4b92c;}
.lb-data .lb-details {
    background: rgba(0,0,0,0.5);
    width: 100%;
    position: relative;
    /* left: 0; */
    /* right: initial; */
    top: -95px;
    /* text-align: center; */
    padding: 10px 5px;
}

.lb-data .lb-details a {
    color: #fff;
}

.lb-data .lb-details span {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
    font-size: 16px;
}
.viewgallerylink {
    clear: both;
    text-align: center;
    padding-top: 40px;
}
a.galleryviewpage{
    max-width: 270px;
    width: 100%;
    display: block;
    margin: auto;
    /* background: #60c21f; */
    /* padding: 9px 5px; */
    color: #60c21f;
    font-size: 17px;
    line-height: 50px;
    position: relative;
    border-radius: 2px;
    letter-spacing: 0.025em;
    height: 50px;
}

a.galleryviewpage:after{
    content: "";
    /* font-family: 'FontAwesome'; */
    /* padding-left: 5px; */
    /* font-size: 25px; */
    /* line-height: 30px; */
    position: absolute;
    top: 4px;
    background-image: url(../images/galleryarrow.png);
    width: 85px;
    height: 38px;
    display: inline-block;
    }
    a.galleryviewpage:hover {
    color: #000;
}
a.galleryviewpage:hover:after{background-image: url(../images/arrowright1.png);}
/***-----------------------------------------------------------------------
        Testimonial
--------------------------------------------------------------------- ***/




#quote-carousel {    padding: 0;    float: left;    width: 100%;}
#quote-carousel .carousel-control {    background: none;    color: #CACACA;    font-size: 2.3em;    text-shadow: none;    margin-top: 30px;}
#quote-carousel .carousel-control.left {    left: 10%;    top: 66%;}
#quote-carousel .carousel-control.right {    right: 20%;    top: 66%;}
#quote-carousel .carousel-indicators {      overflow: hidden;  right: 0; height: 270px;   bottom:25%;    margin-right: 0;    left: 0;    margin: auto;    display: inline-block;}
#quote-carousel .carousel-indicators li {width: 215px;height: 270px;margin: 0;cursor: pointer;transition: all 0.4s;border: none;background: none;background-color: transparent;/* float: none; */text-indent: 00;/* text-align: center; */}
#quote-carousel .carousel-indicators .active {background: transparent;width: 215px;height: 270px;border-color: transparent;opacity: 1;/* overflow: hidden; */margin: 0;/* display: block; */}
#quote-carousel .carousel-indicators li .clientimage { border-radius: 100%;    height: 155px;    border: 0px solid #CCC;    overflow: hidden;    border-radius: 100%;    width: 155px;    background-size: cover;    background-repeat: no-repeat;    background-position: center;    margin: auto;}
#quote-carousel .carousel-indicators li.active .clientimage {    height: 155px;    border-radius: 100%;    width: 155px;    margin: auto;}
.testimonail_hm  .carousel-inner {    height: 350px;}
.testimonail_hm  .item blockquote {border-left: none;margin: 0;display: table;vertical-align: middle;height: 100%;}
.testimonail_hm  .item blockquote p:before {   /* content: "\f10d";    font-family: 'Fontawesome';    float: left;    margin-right: 10px;*/}
.testimonail_hm  .carousel-inner.text-center.hm_testimonail .item {    height: 100%;   }
.testimonail_hm  .carousel-inner.text-center.hm_testimonail .item  .texticontent{height: 100%;/* display: table; */width: 100%;max-width: 800px;margin: auto;text-align: center;}
.testimonial_thumb {    clear: both;    float: left;    width: 100%;    height: 300px;    background: #eeeeee;}
.testimonail_hm  .carousel-inner.text-center.hm_testimonail {    clear: both;    float: left;    width: 100%;    background-image: url(../images/testitop.png);    background-size: cover;    background-position: top center;    background-repeat: no-repeat;}
.testimonial_thumb {   position:relative;}
.testimonial_thumb:before {    background-image: url(../images/testbtm.png);    background-position: bottom;    height: 52px;    content: "";        background-size: cover;
    width: 100%;
    background-position: center;    position: absolute;    bottom: 0;    z-index: 9;    display: block;}
.testimonail_hm {     overflow: hidden;   float: left;    width: 100%;    clear: both;}
.testimonail_hm  .item blockquote p {color: #fff;display: table-cell;vertical-align: middle;font-size: 17px;    line-height: 26px;    font-weight: 400;    font-style: normal;}
.testimonail_hm  .carousel-inner.text-center.hm_testimonail .item  .texticontent small {    color: #fff;}
#quote-carousel .carousel-indicators li .clientimage {      position: relative;}
#quote-carousel .carousel-indicators li .clientimage:before {  border-radius: 100%;   background-color: rgba(0,0,0,0.7);    content:"";    position:absolute;    height: 100%;    width: 100%;    left: 0;    right: 0;}
#quote-carousel .carousel-indicators li.active .clientimage:before {  border-radius: 100%;   background-color: rgba(0,0,0,0);    content:"";    position:absolute;    height: 100%;    width: 100%;    left: 0;    right: 0;}
#quote-carousel .carousel-indicators .active .client_info h4{ font-size: 24px; color: #000;opacity:1}
#quote-carousel .carousel-indicators .active .client_info h6{ font-size: 18px; color: #4db10a;opacity:1}
.client_info h4 {    font-size: 24px;    color: #252525;    line-height: 30px;    margin: 10px 0;    font-weight: 500;opacity:0.5}
.client_info h6 {    font-size: 16px;    line-height: 24px;    color: #4db10a;    font-weight: 300;opacity:0.5}
.testiheading {    position: absolute;    top: 60px;    left: 0;    right: 0;    text-align: center;}
.testiheading h4 {     color: #fff;   font-size: 39px;    line-height: 50px;    font-weight: 700;}
#quote-carousel .carousel-control.left span:before {    content: "";    width: 85px;    height: 38px;    position: absolute;    background-image: url(../images/arrowleft.png);    left: 79px;}
#quote-carousel .carousel-control.right span:before {    content: "";    width: 85px;    height: 38px;    position: absolute;    background-image: url(../images/arrowright.png);    left: 79px;}




/***-----------------------------------------------------------------------
        Footer
--------------------------------------------------------------------- ***/






body.page-template-templatetpl-sevices-php .pagebanner {    border-top: 2px solid #4aaa0b;    border-bottom: 1px solid #fff;}
.ftmenu  ul li.current-menu-item a {    color: #f4b92c;}
.ftmenu2 ul li.current-menu-item a  span{    color: #f4b92c;}
.ftmenu  ul li.current-menu-item:before {    color: #f4b92c;}
a.backtotop.show:hover {    background: #f4b92c;    color: #fff;}
.footer_section {    height: 365px;    clear: both;    float: left;    width: 100%;position:relative;    border-bottom: 1px solid #404040;    background-position: center;    background-size: cover;    background-repeat: no-repeat;}
.footer_section:before {    content: "";    height: 100%;    width: 100%;    position: absolute;    background-color: rgba(0,0,0,0.94);}.footercontent h4 {    font-size: 18px;    line-height: 28px;    font-weight: 500;    color: #fff;}
.footercontent p{    font-size: 16px;    line-height: 25px;    font-weight: 300;    color: #e2e2e2 ;    margin-bottom: 10px;    /* padding: 0 5%; */}
.footerwraper.footer1 {padding-left: 5%;padding-right: 5%;padding-top: 100px;}
.footerheading h4 {    font-size: 20px;    line-height: 30px;    color: #fff;}
.footer_section>div.container {    height: 100%;}
.footer_section>div.container>div {    height: 100%;}
.footer_section>div.container>div:first-child{    background: #191919;}
.footerwraper {padding: 70px 0 50px;}
.ftmenu2   ul ,.ftmenu   ul {    list-style: none;}
.ftmenu2 ul li {    float: left;    position: relative;    width: 100%;}
.ftmenu2 ul li:before {    background-image: url(../images/mnicon.png);    content: "";    position: absolute;    width: 19px;    height: 11px;    left: -26px;    top: 10px;}
.ftmenu  ul li {    float: left;    position: relative;    width: 100%;}
.ftmenu  ul li:before {    font-family: 'FontAwesome';        content: "\f101";    background-image: none;    width: initial;    height: initial;    font-size: 15px;    color: #fff;    line-height: 15px;    position: absolute;    top: 7px;}
.ftmenu  ul li a {    padding-left: 15px;}
.footercontent ul li a {    color: #aeabab;    font-size: 18px;    line-height: 30px;    font-weight: 400;}
.footercontent.ftmenu {    float: left;    width: 100%;}
.footerheading {    margin-bottom: 10px;}
.footercontent.ftmenu2 {    float: left;    width: 100%;}
.footercontent.ftmenu2 ul {    padding-left: 25px;}
.infolist ul li {    font-size: 18px;    color: #aeabab;    font-weight: 400;    margin-bottom: 10px;    float: left;}
.infolist ul {    list-style: none;}
.infolist ul li i.fa {    color: #fff;    font-size: 18px;    margin-right: 7px;    float: left;    line-height: 25px;}
.infolist ul li em {    color: #fff;    font-style: normal;    margin-right: 5px;    float: left;}
.infolist ul li a {    font-size: 17px;    line-height: 20px;}
.infolist ul li p {    font-size: 16px;    margin: 0;    display: inline-block;    float: left;    line-height: 25px;    max-width: 207px;    width: 100%;    color: #aeabab;}
.footer_bottom {    clear: both;    background-color: #191919;    border-top: 1px solid #000;    padding: 30px 0 23px;}
.copyright p {    font-size: 16px;    color: #fff;    font-weight: 300;}
.copyright {    float: left;}
.footercontent ul li a:hover {    color: #f4b92c;}
.designby a:hover{color:#aaa;}
.ctatext p a:hover {    color: #000;}
.footerwraper.footer2 {    padding-left: 50px;}
.designby {    float: right;    color: #aeabab;    font-size: 14px;    font-weight: 300;    letter-spacing: 0.05em;}
a.backtotop.show i {    font-size: 40px;    line-height: 40px;    position: relative;    top: 4px;}
.designby a {    color: #fff;    font-size: 14px;}
.scrolltop {    clear: both;}
a.backtotop.show{display:block;}
a.backtotop {  width: 100px;    height: 100px;    background: #252525;    display: none;    text-align: center;    line-height: 40px;    border-radius: 100%;    margin: auto;    z-index: 99;    color: #aeabab;    font-size: 60px;    position: fixed;    left: 0;    right: 0;    top: auto;    bottom: -45px;    border: 2px solid #f4b92c;}
.footer_top_section {    background: #f4b92c;    clear: both;    border-top: 1px solid #fff;}
.ctawraper>div:first-child {    background: #191919;}
.logoimage {    position: absolute;    bottom: -65px;    z-index: 9;    width: 400px;    left: -24px;}
.ctawraper>div {    height: 95px;}
.ctatext p {    font-size: 40px;    line-height: 90px;    color: #242424;    font-weight: 500;        /* text-align: center; */    padding-left: 60px}
.ctatext p a {    font-size: 40px;    line-height: 90px;    color: #ff0000;    font-weight: 700;}
.ftsocial {    clear: both;    float: left;    width: 100%;    margin-top: 15px;}
.ftsocial ul li {    /* width: 45px; */    float: left;    /* height: 45px; */}
.ftsocial ul li a:hover{border: 1px solid #f4b92c;}
.ftsocial ul li a {    height: 45px;    width: 45px;    display: block;    text-align: center;    background: transparent;    margin-right: 15px;    border-radius: 100%;    border: 1px solid #fff;    line-height: 45px;    font-size: 18px;    color: #fff;}
.ftsocial ul li a i {}
.ftsocial ul {    list-style: none;}
.lastfooter{padding:0;}




/***-----------------------------------------------------------------------
        page Banner
--------------------------------------------------------------------- ***/



.pagebanner {    clear: both;    float: left;    height: 227px;    background-size: cover;    width: 100%;    position: relative;    background-repeat: no-repeat;
    background-position: center;}
.pagebanner:before {    content: "";    position: absolute;    height: 100%;    width: 100%;    background-color: rgba(252, 182, 20,0.5);}
.pagebanner_title {    position: relative;    text-align: center;    margin-top: 7%;}
.pagebanner_title h1 {    font-size: 50px;    color: #fff;    letter-spacing: 0.05em;    text-transform: uppercase;}




/***-----------------------------------------------------------------------
        page Content
--------------------------------------------------------------------- ***/




.pagedata {    clear: both;    padding: 50px 0 80px;    text-align: center;    background-color: #f3f0cf;}
.pagedata h2 {    font-weight: 700;    font-size: 31px;    line-height: 45px;    color: #000;    margin-bottom: 15px;}
.pagedata p {    font-family: 'Raleway';    font-size: 18px;    line-height: 35px;    text-align: center;    color: #000;    font-weight: 500;padding-bottom:15px;}




/***-----------------------------------------------------------------------
        page two side data
--------------------------------------------------------------------- ***/




.twowaycontent {    width: 100%;    float: left;}
.halftimage {    height: 510px;    background-size: cover;    background-repeat: no-repeat;    background-position: center;    padding: 0;    overflow: hidden;}
.innerabtcontent h4 {    font-size: 31px;    line-height: 34px;    color: #000;    font-weight: 700;}
.innerabtcontent {    padding-top: 60px;}
.innerabtcontent header {margin-bottom: 10px;}
div#aboutpart1 .innerabtcontent {    padding-left: 20px;    padding-right: 37%;}
.abtsectcont p {    font-size: 16px;    line-height: 26px;    color: #000;    font-weight: 400;}
div#aboutpart3 .innerabtcontent {    padding-left: 50px;    padding-right: 36%;}
div#aboutpart2 .innerabtcontent {    padding-right: 50px;    padding-left: 36%;}
.inner-video {    height: 100%;    background-size: cover;    background-repeat: no-repeat;    background-position: center;}
a.playvideo {    background-image: url(../images/playvideo.png);    height: 95px;    width: 95px;    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    margin: auto;}
a.playvideo:hover{    background-image: url(../images/playvideohover.png);}
.abtsectcont ul {    margin-top: 10px;    list-style: none;}
.abtsectcont ul li {    font-size: 16px;    line-height: 31px;    color: #000;    font-weight: 700;}
.abtsectcont ul li:before {    content: "\f00c";    font-family: 'FontAwesome';    font-size: 16px;    line-height: 25px;    font-weight: 400;    padding-right: 10px;}
.video_data {    float: left;}
.videowraping {    height: 100%;    width: 100%;}
.videowraping iframe {    width: 100%;    height: 100%;}
button.closeme {    position: absolute;    right: 0;    background: #fcb614;    color: #000;    font-weight: 500;    text-transform: capitalize;    padding: 5px;    font-size: 13px;    line-height: 20px;    border-radius: 0;}
.aboutpart3 .halftimage {    overflow: hidden;}
div#aboutpart2 .halftimage {    background-position: right center;    height: 433px;}
div#aboutpart3 .halftimage { height: 433px;}
.halftimage {    float: left;    position: relative;    cursor: default;}
.ehover5 .overlay {}
.halftimage .overlay {    width: 100%;    height: 100%;    overflow: hidden;    -webkit-transition: all .4s ease-in-out;    transition: all .4s ease-in-out;}
.hover .overlay {    position: absolute;    top: 0;    left: 0;}
.halftimage  button.info {    opacity: 0;    -webkit-transform: scale(1.5);    -ms-transform: scale(1.5);    transform: scale(1.5);    -webkit-transition: all .4s ease-in-out;    transition: all .4s ease-in-out;    font-weight: 400;    border: 1px solid #fff;    height: 85%;    width: 85%;    position: absolute;    top: 0;    left: 0;    padding: 70px;    right: 0;    bottom: 0;    margin: auto;    text-indent: -9999px;}
.halftimage button.info {    text-decoration: none;    border: 2px solid #f5ce79;    /* margin: 50px 0 0; */    border-radius: 0;    background-color: transparent;    display: inline-block;    text-transform: uppercase;    color: #fff;    border-radius: 10px;}
.halftimage:hover .overlay {    background-color: rgba(252, 182, 20,0.1);}
.halftimage:hover button.info {    opacity: 1;    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);    background-color: rgba(0,0,0,.4);}
#aboutpart1 .halftimage ,#aboutpart2 .halftimage{overflow:hidden;}
#aboutpart1 .halftimage:hover .innerhalfimage ,#aboutpart2 .halftimage:hover .innerhalfimage {transform: scale(1.1);}
#aboutpart1 .innerhalfimage ,#aboutpart2 .innerhalfimage {    background-size: cover;    background-repeat: no-repeat;    background-position: center; transform: scale(1);    height: 100%;  -webkit-transition: all .4s ease-in-out;    transition: all .4s ease-in-out;}




/***-----------------------------------------------------------------------
    abt   tagline
--------------------------------------------------------------------- ***/



.abtagline {    clear: both;}
.abtagline {    clear: both;    height: 192px;    background-size: cover;}
.abtagline p {    font-size: 16px;    line-height: 24px;    color: #000;    text-align: center;}
.abtagline p span{    color: #51cb00;}
.abtagline .container {    height: 100%;}
.taglinedata {    height: 100%;    display: table;}
.taglinedata p {    display: table-cell;    vertical-align: middle;}



/***-----------------------------------------------------------------------
    abt   Cta
--------------------------------------------------------------------- ***/


a.contactpage:hover { color: #fcb614;}
a.telno:hover {    color: #fcb614;}
.pgbtmcta {clear: both;width: 100%;float: left;}
.pgctawraper {    /* height: 125px; */    /* display: table; */    /* width: 100%; */    padding: 50px 0 30px;}
.pgctawraper p {    /* display: table-cell; */    /* vertical-align: middle; */    text-align: center;    font-size: 30px;    font-weight: 500;    line-height: 50px;}
a.contactpage {    color: #07cce4;    font-size: 30px;    font-weight: 500;    line-height: 50px;}
a.telno {    color: #c6342d;    font-size: 30px;    font-weight: 500;    line-height: 50px;}





/***-----------------------------------------------------------------------
        Services
--------------------------------------------------------------------- ***/




.hmservices.servicespage {    clear: both;    width: 100%;    float: left;}
li.serviceitem {    height: 420px;    margin-bottom: 80px; -webkit-transition: all .6s ease-in-out;   -moz-transition: all .6s ease-in-out;   -ms-transition: all .6s ease-in-out;  -0-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; }
li.serviceitem .innerservice {       height: 100%;    border-bottom: 12px solid #b0b0b0;    padding-top: 75px;-webkit-transition: background-color .6s;-moz-transition: background-color .6s;-o-transition: background-color .6s;-ms-transition: background-color .6s;transition: background-color .6s;-webkit-transition: border-color .6s;-moz-transition: border-color .6s;-o-transition: border-color .6s;-ms-transition: border-color .6s;transition: border-color .6s;background-color:red;}
.service_icon {    height: 110px;    width: 110px;    margin: auto;    border: 4px solid #fff;    text-align: center;    border-radius: 100%;    display: table;    position: absolute;    top: -50px;    left: 0;    right: 0;-webkit-transition: background-color .6s;-moz-transition: background-color .6s;-o-transition: background-color .6s;-ms-transition: background-color .6s;transition: background-color .6s;-webkit-transition: border-color .6s;-moz-transition: border-color .6s;-o-transition: border-color .6s;-ms-transition: border-color .6s;transition: border-color .6s;background-color:red;}
.service_icon img {    margin: auto;}
.hmservicelist ul {    list-style: none;}
.servicepage {    padding-bottom: 150px;}
.service_icon a {    display: table-cell;    vertical-align: middle; -webkit-transition: all .6s ease-in-out;   -moz-transition: all .6s ease-in-out;   -ms-transition: all .6s ease-in-out;  -0-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}

/*
li#service1 .innerservice {    background-color: #ff5834;}
li#service1 .service_icon{background-color: #ff5834;}
li#service2 .innerservice {    background-color: #07cce4;}
li#service2 .service_icon{  background-color: #07cce4;}
li#service3 .innerservice {    background-color: #ff8500;}
li#service3 .service_icon{background-color: #ff8500;}
li#service4 .innerservice {    background-color: #6d1772;}
li#service4 .service_icon{ background-color: #6d1772}
li#service5 .innerservice {    background-color: #51cb00;}
li#service5 .service_icon{ background-color: #51cb00;}
li#service6 .innerservice {    background-color: #008cd2;}
li#service6 .service_icon{ background-color: #008cd2;}
li#service7 .innerservice {    background-color: #fcb614;}
li#service7 .service_icon{background-color: #fcb614;}

*/

.service_text a {    font-size: 28px;    color: #fff;    line-height: 35px;    font-weight: 700;    letter-spacing: 0.025em; -webkit-transition: all 2s ease-in-out;   -moz-transition: all 2s ease-in-out;   -ms-transition: all 2s ease-in-out;  -0-transition: all 2s ease-in-out;  transition: all 2s ease-in-out;}
.service_text {    text-align: center;    margin-bottom: 15px;    padding: 0 15px;}
.service_short_desc {     min-height: 185px;   padding-left: 15px;    padding-right: 15px;    text-align: center; -webkit-transition: all .6s ease-in-out;   -moz-transition: all .6s ease-in-out;   -ms-transition: all .6s ease-in-out;  -0-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}
.readmore {    padding-left: 15px;    padding-right: 15px;    text-align: center;    margin-top: 20px;}
a.service_read {    color: #ff5834;    font-size: 16px;    line-height: 24px;    background-color: #fff;    padding: 10px 10px;    display: block;    max-width: 145px;    width: 100%;    margin: auto;    border-radius: 4px;}
.service_short_desc p {    color: #fff;    font-size: 16px;    line-height: 25px;    font-weight: 400; -webkit-transition: all .6s ease-in-out;   -moz-transition: all .6s ease-in-out;   -ms-transition: all .6s ease-in-out;  -0-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}
.hmservicelist {    position: relative;    top: -50px;   }


/*

li.serviceitem:hover  .service_text a{ color: #000;   }
li.serviceitem:hover  .service_short_desc p{color:#000;}
li.serviceitem:hover .service_icon{border: 4px solid #000;  }

*/
li.serviceitem:hover  a.service_read{    background: #000;    color: #fff;}
li.serviceitem:hover .innerservice{border-bottom: 12px solid #000;}
/*
li#service1:hover .service_icon {    background: #e83913;}
li#service2:hover .service_icon {    background: #0b8e9e;}
li#service3:hover .service_icon {    background: #b56309;}
li#service4:hover .service_icon {    background: #cc29d6;}
li#service5:hover .service_icon {    background: #3d8c09;}
li#service6:hover .service_icon {    background: #0b4b6b;}
li#service7:hover .service_icon {    background: #9e7004;}

li#service1:hover .innerservice {    background: #e83913;}
li#service2:hover .innerservice {    background: #0b8e9e;}
li#service3:hover .innerservice {    background: #b56309;}
li#service4:hover .innerservice {    background: #cc29d6;}
li#service5:hover .innerservice {    background: #3d8c09;}
li#service6:hover .innerservice {    background: #0b4b6b;}
li#service7:hover .innerservice {    background: #9e7004;}
*/



/***-----------------------------------------------------------------------
        Service Detaisl
--------------------------------------------------------------------- ***/




.service_image {height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;border-right: 1px solid #fff;}
.serviceleft {padding-left: 0;position: absolute;height: 100%;}
.service_details {    /* background: #07cce4; */    position: relative;    top: -30px;}
.servicemain {float: left;width: 100%;background: #07cce4;position: relative;}
.srvtitle h4 {    font-size: 28px;    line-height: 35px;    color: #fff;    font-weight: 700;    letter-spacing: 0.025em;}
.srvcnt ul {    list-style: none;}
.srvcnt p {font-size: 16px;line-height: 24px;color: #fff;margin-bottom: 10px;font-weight: 400;}
.srvtitle {    margin: 20px auto 10px;}
.srvcnt {    clear: both;}
.srvcnt ul li {float: left;color: #fff;font-weight: 500;font-size: 14px;line-height: 25px;width: 100%;}
.srvcnt ul li:before {   font-family: 'FontAwesome';
    padding-right: 5px;
    line-height: 20px;
    font-size: 16px;
    content: "\f00c";
    position: relative;
    top: 2px;}
.servicemain .service_icon {    background: #07cce4;    top: 15px;    right: 15px;    left: auto;    margin-right: 0;    margin-left: 0;    float: right;    position: relative;}
.servicemain .service_icon span {    display: table-cell;    vertical-align: middle;    text-align: center;}
.extracontnet {    background-color: #f3f0cf;    padding: 40px 0;}
.extracontnet p {    font-size: 18px;    line-height: 25px;    margin-bottom: 15px;    /* font-family: 'Raleway'; */    color: #000;}



/***-----------------------------------------------------------------------
        Contact Page
--------------------------------------------------------------------- ***/







.maplocation {     position: relative;  height: 460px;  /*  position: relative; background: red;    border-top: 5px solid#fff; */    border-top: 5px solid #fff;}
.contactform.cntpagefrm {    background: #f3f0cf;    clear: both;    padding: 60px 0 70px;}
.cnt_head h2 {    font-size: 31px;    line-height: 34px;    font-weight: 700;    color: #000;}
.cnt_head {    text-align: center;    margin-bottom: 40px;}
.cntform ul li.cntbtn input[type="submit"].cntbtnsubmitnow {    max-width: 200px;    width: 100%;    height: 60px;    border: none;    font-size: 21px;    line-height: 20px;    text-transform: uppercase;    background: #51cb00;    font-weight: 700;    letter-spacing: 0.025em;}
.cnt_head p {    font-size: 18px;    line-height: 25px;    font-weight: 500;    color: #000;    margin-top: 5px;}
.cntform ul li input ,.cntform ul li select{    border: 1px solid #ddad46;    border-radius: 0;    height: 40px;    padding: 5px 10px;    font-size: 16px;    line-height:24px;    font-weight: 500;    }
.cntform ul li select{width: 100%;}
.cntform ul li {    margin-bottom: 20px;    float: left;}
.cntform ul {    list-style: none;}
.cntform ul li textarea {    border: 1px solid #ddad46;    border-radius: 0;    font-weight: 500;    height: 160px;}
.cntform ul li.cntmsg {    margin-bottom: 25px;}
.cntform ul li.cntname {    width: 32.33334%;    margin-right: 1.5%;}
.cntform ul li.cntemail {    width: 32.33334%;    margin-right: 1.5%;}
.cntform ul li.cntphone {    width: 32.33334%;}
.cntform ul li.cntservice {    width: 100%;}
.cntform ul li.cntmsg {    width: 100%;}
.cntform ul li.cntbtn {    width: 100%;    text-align: center;}
.mapoverlay {max-width: 475px;width: 100%;position: absolute;top: 0;bottom: 0;background: #fff;left: 18.5%;height: 392px;padding: 5px;padding-top: 0;}
.mapoverlay ul {    list-style: none;}
.innermapcontent {    /* height: 100%; */    float: left;    width: 100%;}
.innermapcontent ul {    float: left;    width: 100%;}
li.mylocationheading {background: transparent;padding: 40px 15px;/* text-transform: capitalize; */text-align: center;}
li.mylocationheading h5 {    text-transform: capitalize;    font-size: 28px;    line-height: 35px;    color: #000;    font-weight: 500;}
li.mylocation p {font-size: 20px;line-height: 28px;color: #040000;font-weight: 500;}
li.mylocation {background: #eff9e8;padding-bottom: 25px;padding-top: 25px;padding-left: 15%;padding-right: 15%;}
li.myphone {padding-top: 25px;background: #fff8e7;padding-left: 15%;padding-right: 15%;padding-bottom: 25px;}
li.myemail {background: #fbe9e5;padding-left: 15%;padding-right: 15%;padding-bottom: 25px;padding-top: 25px;}
li.myphone a {    font-size: 20px;    line-height: 25px;    color: #040000;    text-align: center;    font-weight: 500;}
li.myemail a {    font-size: 20px;    line-height: 25px;    color: #040000;    text-align: center;    font-weight: 500;}
.innermapcontent ul li {/* padding-left: 10%; *//* padding-right: 10%; */border-bottom: 5px solid #fff;}
.mapoverlay ul li i {    color: #60c21f;    font-size: 25px;    line-height: 30px;    padding-right: 10px;    float: left;}
li.mylocation p {    max-width: 330px;    width: 100%;    margin: auto;}
.cntform ul li.cntbtn input[type="submit"].cntbtnsubmitnow:hover {    background: #d92904;}
.cntform input[type="text"]:focus, input[type="email"]:focus,.cntform input[type="url"]:focus,.cntform input[type="password"]:focus,.cntform input[type="search"]:focus,.cntform input[type="number"]:focus,.cntform input[type="tel"]:focus,.cntform input[type="range"]:focus,.cntform input[type="date"]:focus,.cntform input[type="month"]:focus,.cntform input[type="week"]:focus,.cntform input[type="time"]:focus,.cntform input[type="datetime"]:focus,.cntform input[type="datetime-local"]:focus,.cntform input[type="color"]:focus,.cntform textarea:focus{    border-color: #b07f0d;}
li.mylocation:hover {    background: #d7edc8;}
li.myphone:hover {background: #ecd7a5;}
li.myemail:hover{    background: #eec1b7;}
li.myemail:hover a{color:#333;}
li.myphone:hover a{color:#333;}
li.mylocation:hover a{    color: #333;}
.mapoverlay ul li i {color: #333;}
.map-sec {    height: 100%;}
section.map-panel.map_overbx {    height: 100%;}
.acf-map {    height: 100%;}
div.wpcf7-validation-errors {     clear: both;   border: 0px solid #f7e700;    text-align: center;    color: red;    font-weight: 700;    font-size: 20px;    line-height: 30px;}
div.wpcf7-mail-sent-ok {    border: 0px solid #398f14;    text-align: center;    font-weight: 700;    font-size: 20px;    line-height: 30px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}






/***-----------------------------------------------------------------------
        blog Page
--------------------------------------------------------------------- ***/


main.container {    padding: 0;}
.newsimage {    height: 250px;    width: 100%;    background-repeat: no-repeat;    background-size: cover;}
li.newsitem>div {    padding-left: 0;}
li.newsitem.col-sm-6 {    padding-left: 0;    margin-bottom: 15px;}
li.newsitem>div:last-child {    padding-right: 0;}
.index ul {    list-style: none;    float: left;}
.index ul li.newsitem {    padding: 20px 15px;    margin-bottom: 15px;    background: #fff;}
.post_title h5 {    color: #e83530;    font-size: 25px;    text-transform: uppercase;    line-height: 40px;}
.post_title h5 a {    font-size: 30px;    line-height: 40px;    color: #bd8c1a;    text-transform: capitalize;    letter-spacing: 0;}
h3.widget-title {    font-size: 24px;    line-height: 30px;    color: #000;    margin-bottom: 10px;}
.index ul li {    float: left;    width: 100%;}
.index ul li a {    color: #000;    font-size: 16px;    line-height: 30px;    box-shadow: none;    border: none;    text-decoration: none !important;}
.post_date {    color: #c3911b;    margin-bottom: 5px;    font-size: 14px;    line-height: 20px;    letter-spacing: 0.02em;}
.post_excerpt p {    font-size: 16px;    line-height: 25px;    letter-spacing: 0.02em;}
.latest_news.index {    clear: both;    background-color: #f3f0cf;    padding: 60px 0;}
a.morebtn {    color: #fff;    background-color: #ab925a;    padding: 8px 16px;    clear: both;    float: left;    font-weight: 300;    font-size: 14px;    letter-spacing: 0.05em;    line-height: 20px;}
.readmore {    clear: both;    float: left;    width: 100%;}
.post_excerpt {    margin-bottom: 15px;    margin-top: 10px;}
.pagebanner .container .bannertitle h1 {    display: table-cell;    vertical-align: middle;    font-size: 25px;    text-transform: uppercase;    color: #fff;    text-align: center;}
.post_title {    margin-bottom: 10px;    margin-top: 20px;}
.blogmain {list-style:none;}
.blogmain {    /* background: #fff; */    padding-left: 0;}
.blogsidebar {    background: transparent;       padding-right: 0;    padding-left: 0;    float: left;    display: inline-block;    /* width: 100%; */}
.sidebarinner {    background: #fff;    float: left;    width: 100%;    /*padding: 0 15px;*/}
.widget {    /* margin: 15px 0; */    padding: 20px 15px;    border-bottom: 5px solid #e8e6df;    float: left;    width: 100%;}
.widget span.screen-reader-text {    display: none;}
.widget.widget_search label {    width: 100%;}
.widget_search form.search-form label {    width: 100%;}
.widget input[type="search"].search-field {    background: transparent;    border-color: #b7974a;    height: 50px;    width: calc(100% - 50px);    font-size: 14px;    font-weight: 400;    padding-left: 15px;    float: left;    border-radius: 0;}
.widget button.search-submit {    background-color: #ab925a;    color: #fff;    width: 50px;    outline: none;    text-align: center;    font-size: 25px;    line-height: 40px;    padding: 0;    border-radius: 0;    height: 50px;    float: left;}
.widget button.search-submit:hover {    background-color: #f3c861;    color: #000;}
.widget .search-submit:before {    font-size: 35px;    line-height: 50px;}
.widget.widget_text {   padding: 0;}
.textwidget img {    margin: auto;}
h2.widget-title {       font-size: 24px;    line-height: 38px;    margin-bottom: 5px;}
.widget ul li a:before {    content: "\f105";    font-family: 'FontAwesome';    padding-right: 5px;    line-height: 30px;    font-size: 16px;}
.index ul li.newsitem div {    padding: 0;}
li.newsitem {    padding: 20px 15px;    margin-bottom: 15px;    background: #fff;}
.post_title h5 a:hover {    color: #000;}
.post_date span {    color: #878787;       font-size: 14px;    line-height: 20px;    letter-spacing: 0.02em;}
.widget ul li a:hover {    color: #ab925a;    box-shadow: none;}
.hmbanner_bottom_section {    clear: both;    float: left;    width: 100%;    background: #fff;}
button.alm-load-more-btn {    font-size: 18px;    line-height: 40px;    background-color: transparent;    border: 1px solid #c5c5c5;    border-radius: 0;    color: #797979;    outline: none;}
button.alm-load-more-btn.done {    background-color: #ccc;    color: #000;}
a.morebtn:hover {    color: #eee;    background: #fcb614;}
.blogsingle .blogmain article {    background: #fff;    float: left;    width: 100%;}
.blogsingle .blogmain {    padding-left: 0;}
header.blogsingle {    padding: 0 15px;    margin: 25px 0 15px;}
.post_image img {    margin: auto;}
.post_image {    text-align: center;}
.alm-listing li img {    position: relative;}
header.blogsingle h1 {    color: #000;    font-size: 30px;    line-height: 40px;}
.post_single_desc {    padding: 0 15px;}
.post_single_desc p {    margin-bottom: 20px;    font-size: 14px;    line-height: 20px;    letter-spacing: 0.02em;}
.blogsingle .comments-area {    margin: 0;    background-color: #fff;    padding-left: 15px;    padding-right: 15px;    margin-top: 15px;    float: left;    width: 100%;}
p.comment-form-comment textarea {    height: 190px;    margin-bottom: 20px;    background-color: transparent;}
p.form-submit {    padding-bottom: 20px;    margin-top: 20px;}
p.comment-form-comment textarea:focus {    border-color: #000;}
p.form-submit input#submit:hover {    background: #ff0000;}
.blogsingle .comments-area h2#reply-title {    border: none;    padding-top: 15px;    padding-bottom: 10px;    font-size: 25px;}
.blogsingle .comments-area .comment-form {    padding-top: 0;    width: 100%;    display: block;}
.blogsingle .comments-area p.logged-in-as {    margin-bottom: 15px;}
footer.blogsingle_footer {    border-top: 10px solid #ededed;    padding-left: 15px;    padding-right: 15px;    padding-top: 20px;    padding-bottom: 20px;}
body.single-post .byline,body.single-post .byline {    float: left;    display: block;}
body.single-post .blogsingle span.posted-on {    float: left;    display: block;    width: 100%;    margin-top: 10px;}
body.single-post .blogsingle span.cat-links {    float: left;    display: block;    width: 100%;}
body.single-post .blogsingle span.edit-link {    float: left;    display: block;}
footer.blogsingle_footer {    float: left;    clear: both;    margin-bottom: 15px;}
span.author.vcard img {    float: left;    clear: both;    display: block;    margin-right: 15px;}
span.screen-reader-text {    float: left;    /* width: 100%; */    color: #ed2026;    font-size: 14px;    line-height: 27px;    letter-spacing: 0.02em;    margin-top: 0;    display: inline-block;    padding-right: 10px;}
a.url.fn.n {    /* float: left; */    /* width: 100%; */}
nav.navigation.post-navigation {    clear: both;    background: #fff;    margin-top: 10px;    float: left;    width: 100%;    margin-bottom: 40px;    padding: 20px;}
.nav-next {    text-align: left;    float: left;    width: 100%;}.nav-previous {    float: left;    width: 100%;}
span.meta-nav {    display: none;}
nav.navigation.post-navigation h2 {    font-size: 25px;    margin-bottom: 10px;}
.blogsingle .comment-list + .comment-respond,.blogsingle .comment-navigation + .comment-respond {    float: left;    clear: both;    width: 100%;}
.custom_image {    /* margin-top: 5px; */    margin-bottom: 5px;}
.blogimage {    padding: 0;}
.blogcontent {    padding: 0;}
.searchpage .prd_listing {    background: #fff;    padding: 40px 15px;}
.searchpage h2.entry-title{    margin-bottom: 15px;}
.searchpage h2.entry-title,.searchpage h2.entry-title a {    font-size: 24px;    line-height: 35px;    color: #ab925a;}
.searchpage .prd_listing article {    margin-bottom: 15px;}
.searchpage h2.entry-title:hover, .searchpage h2.entry-title a:hover {    color: #000;}
nav.navigation.pagination {    width: 100%;    text-align: center;}
nav.navigation.pagination .nav-links .page-numbers {    background: #656246;    color: #fff;    width: 40px;    height: 40px;    display: block;    float: left;    margin-right: 10px;    line-height: 40px;}
nav.navigation.pagination .nav-links {    text-align: center;    margin: auto;}
nav.navigation.pagination .nav-links .page-numbers.current {    background: #000;    color: #fff;}


.testimonial_list {    clear: both;    position: relative;    float: left;    width: 100%;    margin: 50px 0;}
.testimonial_list .testiheading {    position: relative;    top: 0;    margin-bottom: 35px;}
.testimonial_list .testiheading h4 {    color: #000;}
.testimonialwraper {    margin-bottom: 30px;    text-align: center;    background: #f3f0cf;    padding-top: 50px;    padding-bottom: 50px;}
.testi_title {    margin-bottom: 15px;}
.testi_title h5 {    font-size: 20px;    line-height: 30px;    font-weight: 700;}
.testi_content p {    font-size: 16px;    line-height: 25px;}
.testi_content {    margin-bottom: 20px;    padding: 0 15%;}
.testi_client_name {}
.testi_client_designation {    font-size: 20px;    line-height: 30px;    font-weight: 500;    margin-bottom: 15px;}
.testi_client_photo {    width: 155px;    height: 155px;    border-radius: 100%;    margin: auto;}
.testi_client_photo img {    height: 100%;    border-radius: 100%;}
.thankyoupage {    clear: both;    width: 100%;    float: left;    padding: 55px 0;    text-align: center;    font-size: 25px;    font-weight: 700;    font-family: 'Ramabhadra';    /* text-transform: uppercase; */    line-height: 50px;}
.serviceright {padding-left: 0;float: right;padding-bottom: 15px;}

.newscontent p{font-size: 16px;line-height: 24px; margin-bottom: 10px;font-weight: 400;}







/***-----------------------------------------------------------------------
       Before After
--------------------------------------------------------------------- ***/




.after-before-wrapper {
    padding: 3% 0% 2%;
    background: #d87d14;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
}
.after-before-wrapper h3 {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 2.5%;
    background-position: center center;
    background-repeat: no-repeat;
    font-family: 'Roboto';
}
.after-before-wrap {
}
.after-before-wrapper .aft-bef-image {
    position: relative;
    border: 1px solid #fff;
    height: 385px;
    background: #ddd;
  padding:0;
}
.after-before-wrapper .aft-bef-image img {
    /* width: 100%; */
    /* height: 100%; */
    margin: auto;
}
.after-before-wrapper .a-b-wrap {
    position: absolute;
    top: 0px;
    display: table;
    height: 100%;
}
.after-before-wrapper .a-b-inner-wrap {
    display: table-cell;
    vertical-align: middle;
}
.after-before-wrapper .a-b-inner-wrap span.span-inner {
    background: rgba(0,0,0,0.5);
    padding: 14px 30px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}
.after-before-wrapper .a-b-wrap.right {
    right: 0px;
}
.after-before-wrapper .a-b-wrap.left {
    left: 0px;
}
.after-before-wrapper .slider-controls {
    text-align: center;
    margin-top: 4%;
}
.after-before-wrapper .carousel-control.left,
.after-before-wrapper .carousel-control.right {
    background: none;
    opacity: 1;
    /* width: 40px; */
    /* height: 40px; */
    /* border: 1px solid #000; */
    color: #000;
    font-size: 28px;
    bottom: 0px;
    top: auto;
    text-shadow: none;
    display: inline-block;
    position: relative;
}

.after-before-wrapper .carousel-control.left:before {
    content: "";
    width: 85px;
    height: 38px;
    position: absolute;   background-image: url(../images/beforearrow.png);
   
    left: 0;
}
.after-before-wrapper .carousel-control.right:before {
    /* content: "\f105"; */
    /* font-family: FontAwesome; */
    /* font-weight: normal; */
    /* font-style: normal; */
    /* line-height: 40px; */
    content: "";
    width: 85px;
    height: 38px;
    position: absolute; background-image: url(../images/afterarrow.png);
   
    right: 0;
}
.after-before-wrapper .carousel-control.left, .after-before-wrapper .carousel-control.right {
    background: none;
    opacity: 1;
    width: 90px;
    height: 40px;
    /* border: 1px solid #c5c5c5; */
    color: #c5c5c5;
    font-size: 28px;
    bottom: 0px;
    top: auto;
    text-shadow: none;
    display: inline-block;
    position: relative;
    border-radius: 0;
}


.after-before-wrapper a:hover.carousel-control.right:before {
    background-image: url(../images/arrowright.png);
}
.after-before-wrapper a:hover.carousel-control.left:before {
  background-image: url(../images/arrowleft.png);
}
.imageheight {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



header.bannerheader span {
    font-size: 34px;
    line-height: 40px;
    display: inline-block;
    letter-spacing: -0.025em;
    color: #000;
    text-align: center;
        font-weight: 500;
}

.home_page_content h1{
    text-align: center;
    font-size: 30px;
    padding: 0 0 34px 0px;
    font-weight: 500;
    color: #000;}
    
    
    .srvtitle h2 {
    font-size: 28px;
    line-height: 35px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.025em;
}

/***-----------------------------------------------------------------------
        E.O.D.
--------------------------------------------------------------------- ***/