@charset "utf-8";


body { font-family: arial; font-size: 18px; font-weight: 400; color: #000000; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }
/**, ::after, ::before { box-sizing: border-box; }*/
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }

@font-face {
    font-family: 'Tw Cen MT';
    src: url('../fonts/TwCenMT-Regular.eot');
    src: url('../fonts/TwCenMT-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TwCenMT-Regular.woff') format('woff'),
        url('../fonts/TwCenMT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tw Cen MT';
    src: url('../fonts/TwCenMT-Bold.eot');
    src: url('../fonts/TwCenMT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TwCenMT-Bold.woff') format('woff'),
        url('../fonts/TwCenMT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eurostile BQ';
    src: url('../fonts/EurostileBQ-Regular.eot');
    src: url('../fonts/EurostileBQ-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EurostileBQ-Regular.woff') format('woff'),
        url('../fonts/EurostileBQ-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Eurostile';
    src: url('../fonts/EurostileBold.eot');
    src: url('../fonts/EurostileBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EurostileBold.woff') format('woff'),
        url('../fonts/EurostileBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


a { color: #000000; outline: none; -webkit-transition: all 400ms ease; -moz-transition: all ease 400ms; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; }
a:hover, a:focus { text-decoration: none; color: #000000; outline: none; }

.btn{ -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; }

.link1{ color: #ffffff !important; text-decoration: none !important; }
.link1:hover, .link1:focus{ color: #ffffff !important; text-decoration: none !important; }

.link2{ color: #fe3434 !important; text-decoration: none !important; }

.noSpace { margin-left: 0px; margin-right: 0px; }
.noSpace > [class*="col-"] { padding-left: 0px; padding-right: 0px; }

.row10 { margin-left: -10px; margin-right: -10px; }
.row10 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }

/*.row40 { margin-left: -40px; margin-right: -40px; }
.row40 > [class*="col-"] { padding-left: 40px; padding-right: 40px; }*/


.btn:focus { box-shadow: none; }

.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left !important; }
.uline{ text-decoration: underline; }

.form-control:focus{ box-shadow: none; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

[class*="font-"] { line-height: 1.3 !important; }

.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-24 { font-size: 24px !important; }
.font-26 { font-size: 26px !important;  }
.font-34 { font-size: 34px !important; }
#mod-custom114  h4 { font-family:'Myriad Pro';}
#mod-custom114  .col-md-5 { width:50%;}
p { line-height: 1.5; padding-bottom: 20px; }
p:last-child { padding-bottom: 0px; }

.image { display: inline; max-width: 100%; }

.font1{ font-family: 'Lato', sans-serif !important; }
.font2{ font-family: 'Tw Cen MT'; }
.font3{ font-family: 'Eurostile BQ'; }
.font4{ font-family: 'Eurostile'; }
.font5{ font-family: 'Myriad Pro' !important; }
.font6{ font-family: 'Eurostile', sans-serif; }

.normal{ font-weight: normal; }
.bold{ font-weight: bold; }
.bolder{ font-weight: 900; }
.italic{ font-style: italic; }

.black{ color: #000000 !important; }
.blue{ color: #353e4b !important; }
.skyblue{ color: #44bdec !important; }
.gray{ color: #676c79 !important; }
#mod-custom111 p { font-family:arial, sans-serif;}
.gray2{ color: #6c6c6c !important; }
.white{ color: #ffffff !important; }




.btn1 { background-color: #44bdec; border: 0px; border-radius: 8px; font-family: 'Eurostile BQ'; color: #ffffff; font-size: 26px; text-decoration: none; display: inline-block; padding: 10px 25px; cursor: pointer; text-align: center; line-height: normal; font-weight: bold; }
.btn1:hover, .btn1:focus { background-color: #000000; color: #ffffff; border: 0px; }

.btn2 { background-color: transparent; border: solid 1px #000000; border-radius: 0px; color: #000000; font-size: 20px; font-weight: normal; text-decoration: none; display: inline-block; padding: 6px 20px; cursor: pointer; text-align: center; line-height: normal; }
.btn2:hover, .btn2:focus { background-color: #000000; color: #44bdec; }

/*----Header----*/

.headerTop { background-color: #060606; padding: 8px 15px; text-align: center; color: #ffffff; font-size: 18px; line-height: normal; }

.headerMain{ background-color: transparent; padding: 25px 15px 15px 15px; }
.headerMain .navbar-brand{ padding: 0px; /*width: 180px;*/ margin: 0px auto; }
.headerSub{ display: flex; align-items: center; justify-content: space-between; position: relative; }

/*--Main Menu--*/

.sp-megamenu-parent { /*padding-top: 25px;*/ padding-bottom: 0px; display: flex; flex-wrap: wrap; justify-content: space-around;margin:unset; float:none !important; text-align:center !important; }
.sp-megamenu-parent .sp-menu-item{ padding: 0px 20px; }
.sp-megamenu-parent .sp-menu-item a{  font-weight: normal; color: #000000; font-size: 20px; position: relative; }
.sp-megamenu-parent a:hover, .sp-megamenu-parent a:focus,.sp-megamenu-parent>li>a:hover,.sp-megamenu-parent>li>a:focus  { color: #44bdec; }
.sp-megamenu-parent .sp-menu-item.active a { color: #44bdec; font-weight: bold; }
/*--Main Menu End--*/

.hedRight{ display: inline-block; text-align: center; line-height: normal; font-size: 22px; font-weight: bold; font-style: italic; color: #cc0728; position: absolute; right: 0px; }
.hedRight .number{ display: block; font-size: 30px; padding-top: 4px; color: #000000; font-style: normal; }

/*----Header End----*/

.mainPart { background-image: url(../images/mainbanner.jpg); background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding: 160px 0px; /*position: relative;*/ }
/*.mainPart:before { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; background-color: rgba(0, 16, 80, 0.2); }*/
.mainPartData{ color: #ffffff; text-align: center; }
.mainPartData h1{ color: #ffffff; font-size: 60px; line-height: 1.3; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.6); font-family: 'Myriad Pro'; padding-bottom: 40px; }

.spaceOne,#sp-main-body{ padding: 70px 0px; }


.titleOne { padding-bottom: 18px; }
.titleOne h2,.titleOne h1{ font-weight: normal; color: #010100; font-size: 60px; padding-bottom: 15px; font-family:'Myriad Pro'; }

.overYearsPart{ text-align: center; padding: 50px 0px; }
.overYearsPart p{ font-size: 21px; line-height: 1.8; }

.servicePart{ padding: 10px 0px 60px; }
.serviceBox{ position: relative; text-align: center; }
.serviceBox h3{ background-color: #44bdec; text-align: center; padding: 8px 10px; font-weight: bold; font-size: 20px; color: #ffffff; text-transform: uppercase; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; }
.serviceBoxImage{ margin-bottom: 22px; }
.serviceBoxImage img{ height: 290px; width: auto; object-fit: cover; }

.benefitsPart{ text-align: center; padding: 20px 0px 60px; }
.benefitsBox { max-width: 330px; margin: 0px auto; }
.benefitsBox h4{ font-size: 20px; padding-bottom: 10px; }
.benefitsIcon{ height: 150px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 40px; }


.experiencePart{ background-image: url(../images/experienceBg.jpg); background-size: cover; background-repeat: repeat-x; background-position: center center; padding: 120px 0px; color: #ffffff; }

/*---- Footer ----*/
.footerMain{ background-image: url(../images/footerBg.jpg) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; padding-top: 50px !important; color: #aaaaaa !important; }
.footerMain h3{ font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; padding-bottom: 25px; }
.footerMain p{ font-family: 'Tw Cen MT'; color: #ffffff; }

.footerMenuBox{ max-width: 315px; margin: 0px auto; }
.footerMain ul.nav{ /*display: flex; flex-wrap: wrap;*/ max-width: 440px; margin: 0px auto; }
.footerMain ul.nav li.nav-item { padding: 0px 0px 6px 0px; line-height: normal; width: 100%; }
.footerMain ul.nav li a{ font-family: 'Myriad Pro'; color: #ffffff !important; font-size: 14px; padding: 0px; }
.footerMain ul.nav li a:hover{ color: #ffffff !important; text-decoration: underline; }
.footerLogo{ display: flex; align-items: center; flex-wrap: wrap; height: 100%; }

.copyRight{ padding: 15px; margin-top: 40px; text-align: center; font-family: 'Lato', sans-serif; font-size: 13px; background-color: rgba(0, 0, 0, 0.6); color: #ffffff; }
/*---- Footer End ----*/



.innerBanner{ height: 320px; }
.innerBanner img{ object-fit: cover; height: 100%; object-position: bottom; }

.innerTitleOne{ padding-bottom: 18px; }
.innerTitleOne h2{ font-weight: normal; color: #000000; font-size: 60px; padding-bottom: 15px; font-family: 'Roboto', sans-serif; }
.article-list .article, .blog-featured, .nopadding {padding:unset !important;}

#sp-main-body p { color:#353e4b;font-family:arial, sans-serif !important; }
#sp-footer, #sp-bottom {background:unset;}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {text-align:left;}
#sp-footer a, #sp-bottom a {color:#fff;}
#sp-header .sp-module {margin:unset;}
#sp-header { box-shadow:none; height:auto;}
.sp-megamenu-parent>li>a {padding:0;}
.sp-megamenu-wrapper {display:block !important;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {line-height:2.5;}
.rsform-block-submit {text-align:center;}
#sp-main-body a { color:#44bdec !important;}
.seopage h3 { margin-bottom:10px; text-align:center; background:#000;color:#fff;padding:10px;}
.seopage .rsform { border:2px solid #44bdec; padding:15px; border-radius:5px;}
.seopage .rsform .formControlLabel { display:none;}
.seopage .rsform .formControls { width:100%;}
.itemid-113 .innerBanner,.itemid-114 .innerBanner { display:none;}
.itemid-113 .spaceOne,.itemid-114 .spaceOne, .itemid-277 .spaceOne { padding-top:20px;}

.content-category h1 { text-align:center;color: #44bdec !important;font-size: 34px !important;padding-bottom: 18px;}

.content-category .table-bordered td, .content-category .table-bordered th {
    border: 0;
}
table.category thead>tr th, table.category tbody>tr th, table.category thead>tr td, table.category tbody>tr td {
    padding: 10px;
}
.table td, .table th {
    vertical-align:top;
}

.content-category table.category tbody>tr {
    border-bottom: 1px solid #eee;
}

.table-bordered tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}
.table-bordered tbody tr:nth-of-type(even) {
    border:none !important;
}

.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus,.page-item.active .page-link  {
    border-color: #1ba0cb;
    background-color: #1ba0cb;
}
.map_div iframe {
    width: 100%;
    height: 396px;
    border: 0;
    display: block;
}
/*
Lato | Regular 400 | Bold 700
font-family: 'Tw Cen MT';
font-family: 'Eurostile BQ'; (Normal)
font-family: 'Eurostile'; (Bold)
font-family: 'Roboto', sans-serif;
Regular 400 | Medium 500 | Bold 700 | Black 900
*/

#sp-header .sp-column {
    display:block !important;
}
/*---Responsive---*/
@media (max-width: 1400px) {

    .hedRight .number{ font-size: 30px; }

    .sp-megamenu-parent .sp-menu-item { padding: 0px 10px; }
    /*.menuMain .menuNav .menuNav-link{ font-size: 18px; }*/

    .mainPart{ padding: 120px 0px; }
    .mainPartData h1{ font-size: 50px; }

    .experiencePart{ padding: 100px 0px; }

    .spaceOne, #sp-main-body { padding: 50px 0px; }
    .innerTitleOne h2{ font-size: 50px; }

}
@media (max-width: 1299px) {

    .font-24 { font-size: 22px !important; }
    
    .headerMain{ padding-left: 0px; padding-right: 0px; }
    .sp-megamenu-parent{ justify-content: center; }
    .sp-megamenu-parent .sp-menu-item a{ font-size: 18px; }
    
    .experiencePart {  padding: 80px 0px; }

    .mainPartData h1 { font-size: 46px; }

}
@media only screen and (min-width : 1260px) {
    .container { max-width: 1260px; }
    .container.container1380, #sp-menu .container,
    #sp-our-services .container, #sp-expertise-professional .container, #sp-main-body .container{ max-width: 1380px; }
}

@media (max-width: 1199px) {
    
    .sp-megamenu-parent .sp-menu-item { padding: 0px 8px; }
    .sp-megamenu-parent .sp-menu-item a{ font-size: 16px; }

    .headerMain .navbar-brand img{ max-width: 150px; }

    .hedRight{ font-size: 20px; }
    .hedRight .number { font-size: 26px; }

    .mainPartData h1 { font-size: 42px; padding-bottom: 30px; }

    .btn1{ font-size: 22px; }
    .btn2{ font-size: 18px; }

    .benefitsBox h4 { font-size: 22px; padding-bottom: 8px; }

    p { line-height: 1.3; }

    .serviceBox h3{ font-size: 20px; }
    .serviceBoxImage img { height: 240px; }

    .font-20 { font-size: 18px !important; }
    .font-34 { font-size: 30px !important; }

    .titleOne h2,.titleOne h1 { font-size: 32px; padding-bottom: 10px; }

    
    .footerMain{ padding-top: 40px !important; }


    /*---- About Us ----*/
    .innerBanner { height: 250px; }

}

@media only screen and (max-width : 991px) {
    .container { max-width: 100%; }
     
    .btn1 { font-size: 20px; padding: 8px 20px; }

    .font-24 { font-size: 20px !important; }
    .font-20 { font-size: 16px !important; }
    
    .headerMain .navbar-brand img { max-width: 120px; }        

    .hedRight { font-size: 18px; }
    .hedRight .number { font-size: 22px; }

    .mainPart { padding: 110px 0px; }
    .mainPartData h1 { font-size: 36px; padding-bottom: 20px; }

    .overYearsPart{ padding: 40px 0px; }
    .overYearsPart p { font-size: 20px; line-height: 1.5; }
    
    .servicePart { padding: 0px 0px 40px; }
    .serviceBox h3 { font-size: 18px; }
    .serviceBoxImage img { height: 200px; }

    .benefitsPart{ padding: 0px 0px 40px; }
    .benefitsBox h4 { font-size: 20px; }

    .experiencePart { padding: 60px 0px; }

    /*---- About Us ----*/
    .innerBanner { height: 210px; }

}

@media only screen and (max-width : 767px) { 
    body{ font-size: 16px; }

    .font-34 { font-size: 26px !important; }
    .font-24 { font-size: 18px !important; }
    .font-26 { font-size: 22px !important; }

    .headerMain { padding: 15px 0px; }
    .headerMain .navbar-brand{ margin-left: 0px; }
    .headerMain .navbar-brand img{ max-width: 100px; }
    
    .hedRight { position: unset; }
    .hedRight .number { font-size: 24px; }

    .sp-megamenu-parent { padding-top: 10px; }

    .mainPart { padding: 80px 0px; }
    .mainPartData h1 { font-size: 30px; padding-bottom: 18px; }
    
    .btn1{ font-size: 16px; }
    .titleOne h2,.titleOne h1 { font-size: 24px; }

    .overYearsPart p { line-height: 1.4; }

    .serviceBox{ max-width: 350px; margin: 0px auto; }
    .serviceBoxImage img { height: 100%; }

    .benefitsIcon{ height: 100px; margin-bottom: 25px; }
    .benefitsIcon img{ height: 100%; }

    .experiencePart{ text-align: center; }

    .footerLogo{ justify-content: center; }
    .footerLogo img{ max-width: 100px; }
    .footerMain { padding-top: 30px !important; text-align: center; }
    .footerMain h3{ padding-bottom: 15px; text-align: center !important; }
    .footerMenuBox{ max-width: unset; }

    .copyRight{ margin-top: 10px; }

}
@media only screen and (max-width : 575px) {
    .font-34 { font-size: 22px !important; }

    .headerTop{ padding: 6px 15px; font-size: 16px; }
    .headerMain .navbar-brand img { max-width: 80px; }
    
    .sp-megamenu-parent .sp-menu-item { padding: 0px 14px; }
    .sp-megamenu-parent .sp-menu-item a { font-size: 16px; }

    .hedRight { font-size: 16px; }
    .hedRight .number { font-size: 20px; }

    .mainPart { padding: 60px 0px; }
    .mainPartData h1 { font-size: 24px; padding-bottom: 12px; }

    .overYearsPart { padding: 30px 0px; }
    .overYearsPart p { font-size: 18px; }

    .benefitsIcon{ margin-bottom: 20px; }

    .experiencePart { padding: 40px 0px; }

    .titleOne { padding-bottom: 0px; }
    .titleOne h2,.titleOne h1 { font-size: 22px; }
    
    .spaceOne,#sp-main-body { padding: 30px 0px; }

    .footerMain { padding-top: 30px !important; }
    .footerMain h3 { text-align: center !important; font-size: 16px; }
    .footerMain ul.nav li.nav-item{ width: 100%; text-align: center; padding: 0px 0px 12px 0px; }
    .footerLogo{ margin-bottom: 15px; }

    .copyRight { padding: 10px 0px; }
    .copyRight span{ display: block; width: 100%; }

    /*---- About Us ----*/    
    .innerBanner { height: 150px; }
    /*---- Service ----*/
}

/*144 added*/

.newl h2,#sp-location-map h2 {
    text-align: center;
    font-size: 35px !important;
    font-weight: 600;
    border-bottom: solid 2px #000;
    padding-bottom: 30px;
}
.nbb h2 { border-bottom:none;}

.new-productPart-footer { 
 padding:20px 0;
}
.new-productPart-footer h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 10px;
}
.checkout h3 { color:#eb5b3c; font-size:28px;}

.new-productPart-footer .product-ques {
  font-weight: 700;
  cursor: pointer;
  line-height: normal;
  position: relative;
  padding-right: 47px;
}
.new-productPart-footer span.icon-faq {
  position: absolute;
  right: 10px;
  top: 0%;
  max-width: 15px !important;
}

.new-productPart-footer span.collapsed {
  transform: translateY(-50%) rotate(180deg);
}
.new-productPart-footer .ac-tab-new {
  margin: 0 0 15px;
  border-bottom: 1px solid #ccc;
}
.new-productPart-footer .product-ans {
  display: none;
  padding-bottom: 20px;
  line-height: 1.4;
  padding-right: 12px;
  text-align: justify;
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 500;
}
.new-productPart-footer ul li a { text-decoration:underline;line-height: 40px;font-size: 20px;}
.new-productPart-footer h4 { text-align:center;}

#sp-home-roofing { padding:30px 0 10px 0;}


#sp-home-roofing .titleOne h2, #sp-trending-articles .titleOne h2 { font-size:35px;}

#sp-home-roofing .btn1 { font-size:16px; letter-spacing:1px;}
#sp-home-roofing .welcomePartData { padding-bottom:30px;}


@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/templates/shaper_helixultimate/article_slider/fonts/slick.eot');
    src: url('/templates/shaper_helixultimate/article_slider/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/templates/shaper_helixultimate/article_slider/fonts/slick.woff') format('woff'), url('/templates/shaper_helixultimate/article_slider/fonts/slick.ttf') format('truetype'), url('/templates/shaper_helixultimate/article_slider/fonts/slick.svg#slick') format('svg');
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    left:15px;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index:2000;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -50px;
}
[dir='rtl'] .slick-prev
{
    right: -50px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}



.slick-loading .slick-list
{
    background: #fff url('/templates/shaper_helixultimate/article_slider/ajax-loader.gif') center center no-repeat;
}


.center .slick-center h3 {
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  color: #e67e22;
  opacity: 1;
  transform: scale(1.08);
}

.slick_content {
  margin: auto;

  /*width:1200px;*/
}
.slick_content:after,
.buttons::after {
  clear: both;
  content: '';
  display: table;
}
.slick-slide .image {
  padding: 10px;
}
.slick-slide img {
  border: 0;
  display: block;
  width: 100%;
}
.slick-slide img.slick-loading {
  border: 0;
}
.slick-slider {
  margin: auto;
}

.slick-next {
	right:15px !important;
}

.slick-prev {
	left:-20px !important;
}

#content h2 {
    font-weight: 700;
    color: #f58233;
    font-size: 36px;
    line-height: 40px;
    padding: 20px 0;
    text-transform: uppercase;
    margin-top: 0px;
}


@media (max-width: 768px) {
  .center .slick-center h3 {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    color: #e67e22;
    opacity: 1;
    transform: scale(1);
  }
  .slick_content {
    margin: auto;
    padding: 20px 40px;
    width: auto;
  }
  
  .slick-next {
	right:35px !important;
}
.slick-prev {
	left:20px !important;
}
 
}
.slick-prev:before, .slick-next:before {
	color:#44bdec !important;
	font-size:60px;
}
.slick-slide img {
	border:none !important;
}

.swiper-slide {
    width:363px;
}

.eael-grid-post-holder {
    background-color: #fff;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px;
    box-shadow: 0px 0px 13px 0px rgb(20 86 154 / 10%);
    border: 1px solid rgba(0,0,0,.1);
}
.eael-grid-post-holder {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.eael-entry-thumbnail {
    height:341px;
}

.swiper-slide img {
    height: 100%;
    width: 100%;
    
}

.eael-entry-thumbnail img {
    vertical-align: middle;
}

.eael-grid-post {
    width: 100%;
    float: left;
    padding: 10px;
}
 .eael-entry-medianone {
    position: relative;
}
.eael-entry-media {
    overflow: hidden;
}
.eael-entry-overlay {
    background-color: rgba(0,0,0, .75);
}

.eael-post-carousel .eael-entry-overlay {
    border-radius:  0px;
}

.eael-entry-overlay.fade-in {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.eael-entry-overlay>i {
    color: #fff;
    font-weight: 900;
}

.eael-grid-post .eael-entry-footer {
    padding: 0 15px 15px 15px;
}

.eael-entry-title {
    color: #303133;
    margin: 10px 0 5px;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.2;
}

.eael-grid-post-excerpt p {
    margin: 0;
    font-size: 16px;
}
.eael-entry-content {
    padding:0px 15px 15px 15px;
}
.eael-post-elements-readmore-btn {
    color: #61ce70;
}

.eael-post-elements-readmore-btn {
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: inline-block;
}
.eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer {
    padding: 15px;
}

.eael-entry-media:hover .eael-entry-overlay.fade-in {
    visibility: visible;
    opacity: 1;
}

.eael-entry-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.eael-entry-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity .2s ease-in-out,-webkit-transform .25s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: opacity .2s ease-in-out,transform .25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity .2s ease-in-out,transform .25s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity .2s ease-in-out,transform .25s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform .25s cubic-bezier(0.19, 1, 0.22, 1);
}

.eael-entry-media {
    cursor:pointer;
}

.eael-entry-overlay>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.eael-grid-post-holder-inner {
    text-align:center;
}
.eael-entry-header a { color:#000 !important;}
.eael-post-elements-readmore-wrap a {color:#44bdec !important;font-weight:bold; font-size:16px;}

.article_trending_title { font-size:25px !important;}

.slick-list  { right:5px !important;}
.slick-initialized .slick-slide { z-index:0 !important;}

#sp-trending-articles .titleOne { padding-top:25px;}