@charset "utf-8";

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
#01  Fonts and Other Styles Import
#02  Theme Reset Style
#03  Slider Style
#04  About Section
#05  Services Section
#06  Portfolio Section
#07  Testimonial Section
#08  Subscribe Section
#09  Blog Section and Blog Page
#10  Sidebar Style
#11  Comment and Contact Form
#12  Footer CSS
#13  Others
-----------------------------------------------------------------*/

/*---------- Reset ---------*/
*{
  margin:0;
  text-decoration:none
}
html{
    height: 100%;
    width: 100%;
    overflow-x: hidden; 
}
body {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #4c668d;
    overflow-x: hidden;
    webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6,a,.btn,p, ul, li, div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover,
:hover,a:hover,a:focus,p:hover, ul:hover, li:hover, div:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
a{
    color: #1c283b;
    text-decoration: none;
}
a:hover{
    color: #0092ff;
    text-decoration: none;
}
@media (min-width: 1200px){
  .container {
      max-width: 1170px;
  }
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #1e283c;
}
.clearfix{
    clear: both;
}
.divider{
    margin: 15px 0px;
    display: inline-block;
}
section{
    padding-top: 80px;
    padding-bottom: 80px;
}
table {
    margin-bottom: 10px;
    border: 1px solid #eee;
}
table td, table th {
    padding: 3px 10px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
img{
    max-width: 100%;
    height: auto;
}

/*-- Section Title--*/
.section-title{
    position: relative;
    margin-bottom: 65px;
}
.section-title h2{
    margin-bottom: 30px;
}
.section-title h5{
    font-weight: 500;
    line-height: 30px;
    color: #4c668d;
}
.section-title h6{
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.section-title.dark h2{
    color: #fff;
}
.section-title.dark h5{
    color: #c2d4f8;
}
.section-title h6{
    color: #0092ff;
}

/*---------- Button Section ------------*/
.button_content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.power_button_group{
    position: relative;
    z-index: 1;
    display: block;
    margin: 0px 0px;
    text-align: center;
}
.power_button{
    position: relative;
    width: auto;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    padding: 12px 45px;
    background: transparent;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0092ff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.submit-btn .power_button{
    border: 0px solid #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
}
.power_button.large{
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    padding: 16px 110px;
}
.power_button.medium{
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    padding: 14px 40px;
}
.power_button.small{
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1.5px;
    padding: 13px 27px;
}
.power_button.xsmall{
    font-size: 11px;
    line-height: 20px;
    letter-spacing: 1.5px;
    padding: 11px 22px;
}
.power_button:hover,
.power_button[type="submit"]:hover{
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button span.button_value {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.power_button:not([type="submit"]):before,
.power_button:not([type="submit"]):after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*----------*/
.power_button{
    color: #fff;
}
.transparent_button{
    border-width: 2px;
    border-style: solid;
    border-color: #1e283c;
    color: #1e283c;
}
.transparent_button:hover{
    border-color: #0092ff;
}
.transparent_button span{
    background: -webkit-linear-gradient(180deg, #285acc 0%, #0092ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.transparent_button:before{
    background: transparent;
}
.transparent_button:after{
    background: transparent;
}

.transparent_button2{
    border-width: 2px;
    border-style: solid;
    border-color: #0092ff;
    color: #0092ff;
}
.transparent_button2:hover{
    border-color: transparent;
    color: #fff;
}
.transparent_button2:before{
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}
.transparent_button2:after{
    background: transparent;
}

.white_button{
    color: #0092ff;
}
.white_button:hover{
    color: #fff;
}
.white_button:before{
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}
.white_button:after{
    background: #fff;
}

.light_button{
    color: #1e283c;
}
.light_button:hover{
    color: #fff;
}
.light_button:before{
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}
.light_button:after{
    background: #fafafc;
}

.dark_button:before{
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}
.dark_button:after{
    background: #1e283c;
}
.dark_button2{
    color: #0092ff;
}
.dark_button2:before{
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}
.dark_button2:after{
    background: #3f4655;
}

.gradient_button:before{
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}
.gradient_button:after{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}

.gradient_button2:hover{
    color: #0092ff;
}
.gradient_button2:before{
    background: #fff;
}
.gradient_button2:after{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}

.gradient_button[type="submit"]{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}
.gradient_button[type="submit"]:hover{
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}


/*---------- Button Effect 1 ------------*/
.power_button.effect_1:before {
    right: 100%;
    top: 0;
}
.power_button.effect_1:hover::before {
    right: 0;
}
.power_button.effect_1:after {
    left: 0;
    top: 0;
}
.power_button.effect_1:hover::after {
    left: 100%;
}

/*---------- Button Effect 2 ------------*/
.power_button.effect_2:before {
    bottom: 100%;
    left: 0;
}
.power_button.effect_2:hover::before {
    bottom: 0;
}
.power_button.effect_2:after {
    left: 0;
    top: 0;
}
.power_button.effect_2:hover::after {
    top: 100%;
}

/*---------- Button Effect 3 ------------*/
.power_button.effect_3:before {
    left: 100%;
    top: 0;
}
.power_button.effect_3:hover::before {
    left: 0;
}
.power_button.effect_3:after {
    right: 0;
    top: 0;
}
.power_button.effect_3:hover::after {
    right: 100%;
}

/*---------- Button Effect 4 ------------*/
.power_button.effect_4:before {
    top: 100%;
    left: 0;
}
.power_button.effect_4:hover::before {
    top: 0;
}
.power_button.effect_4:after {
    bottom: 0;
    left: 0;
}
.power_button.effect_4:hover::after {
    bottom: 100%;
}

/*---------- Button Effect 5 ------------*/
.power_button.effect_5:before {
    left: 0;
    top: 0;
    transform: scale(0);
}
.power_button.effect_5:hover::before {
    right: 0;
    transform: scale(1);
}
.power_button.effect_5:after {
    left: 0;
    top: 0;
    transform: scale(1);
}
.power_button.effect_5:hover::after {
    left: 0;
    transform: scale(0);
}
/*---------- Button Effect 6 ------------*/
.power_button.effect_6:before {
    right: 90%;
    top: 0;
}
.power_button.effect_6:hover::before {
    right: -90%;
}
.power_button.effect_6:after {
    left: 90%;
    top: 0;
}
.power_button.effect_6:hover::after {
    left: -90%;
}

/*---------- Button Effect 7 ------------*/
.power_button.effect_7:before {
    top: 90%;
    left: 0;
}
.power_button.effect_7:hover::before {
    top: -50%;
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
}
.power_button.effect_7:after {
    bottom: 90%;
    left: 0;
}
.power_button.effect_7:hover::after {
    bottom: -50%;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
}

/*---------- Button Effect 8 ------------*/
.power_button.effect_8:before {
    top: 90%;
    left: 0;
}
.power_button.effect_8:hover::before {
    top: -50%;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
}
.power_button.effect_8:after {
    bottom: 90%;
    left: 0;
}
.power_button.effect_8:hover::after {
    bottom: -50%;
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
}

/*---------- Button Effect 9 ------------*/
.power_button.effect_9:before{
    top: 0;
    left: 100%;
}
.power_button.effect_9:hover:before{
    top: 0;
    left: 50%;
}
.power_button.effect_9:after{
    top: 0;
    right: 0;
}
.power_button.effect_9:hover:after{
    top: 0;
    right: 50%;
}
.power_button.effect_9:hover {
    border-radius: 30px;
}

/*---------- Button Effect 10 ------------*/
.power_button.effect_10:before{
    top: 0;
    right: 100%;
}
.power_button.effect_10:hover:before{
    top: 0;
    right: 0;
}
.power_button.effect_10:after {
    top: 0;
    left: 0;
}
.power_button.effect_10:hover:after {
    top: 0;
    left: 100%;
}
.power_button.power_button_icon_left.effect_10 .power_button_icon{
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_left.effect_10:hover .power_button_icon{
    left: -25%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_right.effect_10 .power_button_icon{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    margin-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_right.effect_10:hover .power_button_icon{
    left: 130%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*---------- Button Effect 11 ------------*/
.power_button.effect_11:before {
    left: 0;
    bottom: 100%;
}
.power_button.effect_11:hover:before {
    left: 0;
    bottom: 0;
}
.power_button.effect_11:after{
    top: 0;
    left: 0;
}
.power_button.effect_11:hover:after{
    top: 100%;
    left: 0;
}
.power_button.power_button_icon_left.effect_11 .power_button_icon{
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_left.effect_11:hover .power_button_icon{
    left: -50%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.power_button.power_button_icon_right.effect_11 .power_button_icon{
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    margin-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.power_button.power_button_icon_right.effect_11:hover .power_button_icon{
    left: 115%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*---------- Button Effect 12 ------------*/
.power_button.effect_12:before {
    content: attr(data-text);
    right: 100%;
    top: 0;
    opacity: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.power_button.effect_12:hover:before {
    right: 0%;
    opacity: 1;
}
.power_button.effect_12:hover span {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
}
.power_button.effect_12:after{
    top: 0;
    left: 0;
}
.power_button.effect_12:hover:after{
    top: 100%;
    left: 0;
}
/*---------- Button Effect 13 ------------*/
.power_button.effect_13:before {
    content: attr(data-text);
    right: 0;
    bottom: 100%;
    opacity: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.power_button.effect_13:hover:before {
    bottom: 0%;
    opacity: 1;
}
.power_button.effect_13:hover span {
    -webkit-transform: translateY(400%);
    -moz-transform: translateY(400%);
    -ms-transform: translateY(400%);
    transform: translateY(400%);
}
.power_button.effect_13:after{
    top: 0;
    left: 0;
}
.power_button.effect_13:hover:after{
    top: 100%;
    left: 0;
}



/*---------- Breadcrumb Section ------------*/
.page-header{
    border-bottom: 1px solid #ececec;
}
.page-header-content{
    position: relative;
    margin: 0px;
    padding: 120px 0px;
}
.page-header-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 35, 68, 0.7);
}
.page-header-content>div{
    position: relative;
}
.page-header-content .heading{
    position: relative;
    font-size: 40px;
    line-height: 48px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
}
.breadcrumb {
    padding: 22px 0px;
    margin-bottom: 0;
    list-style: none;
    display: block;
    background: transparent;
}
.breadcrumb li{
    position: relative;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1e283c;
}
.breadcrumb li:before{
    content: ".";
    padding: 0px 5px;
    color: #0092ff;
}
.breadcrumb li:first-child:before{
    display: none;
}
.breadcrumb li a{
    color: #1e283c;
}
.breadcrumb li a:hover,
.breadcrumb li.active{
    color: #0092ff;
}

/*---------- Background ------------*/
.bg_white{
    background: #fff;
}
.bg_light1{
    background: #fafafc;
}
.bg_light2{
    background: #e0e6ec;
}
.bg_darkblue{
    background: #141d2a;
}
.bg_darkblue2{
    background: #243956;
}
.bg_gradient{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}
.bg_darkblue .elements_header h5{
    color: #0092ff;
}

/*---------- Typography ------------*/
.typography_content h1,
.typography_content h2,
.typography_content h3,
.typography_content h4,
.typography_content h5,
.typography_content h6{
    color: #1e283c;
    margin-bottom: 30px;
}
h1{
    font-size: 60px;
    line-height: 72px;
    word-break: break-word;
}
h2{
    font-size: 30px;
    line-height: 48px;
    word-break: break-word;
}
h3{
    font-size: 22px;;
    line-height: 40px;
    word-break: break-word;
}
h4{
    font-size: 18px;
    line-height: 35px;
    word-break: break-word;
}
h5{
    font-size: 16px;
    line-height: 24px;
    word-break: break-word;
}
h6{
    font-size: 14px;
    line-height: 24px;
    word-break: break-word;
}
.typography_content p{
    color: #4c668d;
    font-weight: 600;
    margin-bottom: 0px;
}
.typography1 p{
    font-size: 20px;
    line-height: 33px;
}
.typography2 p{
    font-size: 18px;
    line-height: 30px;
}
.typography3 p{
    font-size: 16px;
    line-height: 28px;
}
.typography4 p{
    font-size: 14px;
    line-height: 26px;
}
.typography5 p{
    font-size: 14px;
    line-height: 26px;
}
.typography6 p{
    font-size: 12px;
    line-height: 24px;
}



/*---------- Columns ------------*/
.elements_header{
    text-align: center;
    margin-bottom: 70px;
}
.elements_header h5{
    display: inline-block;
    border-bottom: 1px solid #ececec;
    margin-bottom: 0;
    padding: 0px 50px 5px 50px;
}
.columns_content{
    padding: 45px 45px;
}
.columns_content{
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    color: #4c668d;
    margin-bottom: 0px;
}
@media screen and (max-width: 991px){
    .columns_content{
        margin-bottom: 30px;
    }
}

/*---------- Highlights ------------*/
.highlights_content p{
    font-size: 18px;
    line-height: 30px;
    color: #4c668d;
    margin-bottom: 0px;
}
.highlight_blue_bg{
    background: #0092ff;
    color: #fff;
}
.highlight_dark_bg{
    background: #1e283c;
    color: #fff;
}

/*---------- Blockquote ------------*/
.blockquote_content{
    line-height: 28px;
    color: #4c668d;
    font-style: italic;
}
.blockquote2{
    background: #0c2344;
}
.blockquote2.blockquote_content{
    padding: 45px;
    color: #fff;
}
.blockquote4.blockquote_content{
    border-left: 5px solid #0092ff;
    padding: 40px 40px;
    -webkit-box-shadow: 0px 3px 13px rgba(28, 30, 78, 0.07);
    box-shadow: 0px 3px 13px rgba(28, 30, 78, 0.07);
}

/*---------- List ------------*/
/*List Style 01*/
.list_content ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.list_content ul li{
    position: relative;
    font-size: 14px;
    line-height: 34px;
    color: #517096;
    padding-left: 20px;
}
.list_content ul.dot li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #1f2d43;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.list_content ul.dot li:hover:before{
    background: #0092ff;
}

/*List Style 02*/
.list_content ul.circle li{
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d0d7dd;
}
.list_content ul.circle li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #d0d7dd;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.list_content ul.circle li:after{
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    z-index: 9;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #d0d7dd;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.list_content ul.circle li:hover:before{
    border-color: #0092ff;
}
.list_content ul.circle li:hover:after{
    background: #0092ff;
}

/*List Style 03*/
.bg_darkblue .list_content ul li{
    color: #c2d4f8;
    border-bottom: 1px solid #555;
}
.list_content ul.hyphen li{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #555;
}
.list_content ul.hyphen li:last-child{
    border-bottom: 0px;
}
.list_content ul.hyphen li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 1px;
    -webkit-border-radius: 0%;
    border-radius: 0%;
    background: #0092ff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.list_content ul.hyphen li:hover:before{
    background: #c2d4f8;
}

/*List Style 04*/
.list_content ul.icon li{
    color: #4c668d;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    border-bottom: 1px solid #d0d7dd;
}
.list_content ul.icon li:last-child{
    border-bottom: 0px;
}
.list_content ul.icon li i{
    font-size: 24px;
    color: #0092ff;
}
.list_content ul.icon li span{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #1e283c;
    padding: 0px 10px;
}

/*List Style 05*/
.list_content ul.angle li{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d0d7dd;
}
.list_content ul.angle li:last-child{
    border-bottom: 0px;
}
.list_content ul.angle li:before{
    content: "\f3d1";
    font-family: "Ionicons";
    position: absolute;
    left: 0;
    top: 50%;
    color: #0092ff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.list_content ul.angle li:hover:before{
    color: #517096;
}

/*---------- Alert / Message Box ------------*/
.alert {
    position: relative;
    padding: 12px 30px 12px 40px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #1e283c;
}
.alert button.close span{
    font-size: 16px;
}

/*---------- Dropcaps ------------*/
.dropcaps_content p{
    color: #4c668d;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 0px;
}
.dropcaps_content p .firstletter {
    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    float: left;
    margin-right: 10px;
    width: 45px;
    height: 45px;
    text-align: center;
}
.dropcaps1 p .firstletter{
    color: #1e283c;
    background: #fff;
    padding: 0px 5px 5px 5px;
}
.dropcaps2 p .firstletter{
    color: #fff;
    background: #1e283c;
    padding: 5px 5px 5px 5px;
    margin-top: 5px;
}
.dropcaps3 p .firstletter{
    color: #1e283c;
    background: #fff;
    padding: 5px 5px 5px 5px;
    border: 1px solid #ececec;
    margin-top: 5px;
}
.dropcaps4 p{
    color: #c2d4f8;
}
.dropcaps4 p .firstletter{
    color: #fff;
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    padding: 5px 5px 5px 5px;
    margin-top: 5px;
}

.dropcaps5 p{
    color: #517096;
}
.dropcaps5 p .firstletter{
    color: #fff;
    background: -webkit-linear-gradient(#0092ff, #285acc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 5px 5px 5px 5px;
}

/*---------- Seperators ------------*/
.seperators{
    background: #ececec;
    width: 100%;
    height: 1px;
    margin: 50px 0px;
}
.seperators.height1{
    height: 1px;
}
.seperators.height2{
    height: 2px;
}
.seperators.height3{
    height: 3px;
}
.seperators.height4{
    height: 4px;
}
.seperators.height5{
    height: 5px;
}

/*------ Testimonial section -----*/
/*------ Testimonial Style 01 -----*/
.testi_bg{
    position: relative;
    background: url(../images/banner-bg2.jpg);
    background-position: center;
    background-size: cover;
    height: 290px;
}
.testi_bg:before {
    content: "";
    position: absolute;
    background: rgba(27, 36, 52, 0.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.testimonial_home{
    padding-top: 0px;
    margin-top: -190px;
}
.testibox1{
    position: relative;
    background: #fff;
    padding: 40px 50px;
}
.testibox1 .testi-top{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.testibox1 .testi-img{
    width: 80px;
    height: auto;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #0092ff;
    margin-right: 25px;
}
.testibox1 h4{
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #1e283c;
}
.testibox1 h6{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #4c668d;
    margin-bottom: 0px;
}
.testibox1 p{
    font-size: 20px;
    line-height: 33px;
    color: #4c668d;
}
.testibox1 ul{
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 35px;
}
.testibox1 li{
    display: inline-block;
    font-size: 22px;
    color: #ffca65;
}
.testibox1 .testi-top:before{
    content: '';
    background: url('../images/testimonial/quote_icon.png');
    position: absolute;
    top: 25;
    right: 0;
    width: 36px;
    height: 30px;
    z-index: 2;
}

/*------ Testimonial Style 02 -----*/
.testibox2{
    position: relative;
    background: #fff;
    padding: 40px 50px;
    -moz-box-shadow: 0px 5px 10px rgba(5, 35, 74, 0.05);
    -webkit-box-shadow: 0px 5px 10px rgba(5, 35, 74, 0.05);
    box-shadow: 0px 5px 10px rgba(5, 35, 74, 0.05);
    margin: 15px 10px 15px 10px;
}
.testibox2 .testi-top{
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.testibox2 .testi-img{
    width: 80px;
    height: auto;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #0092ff;
    margin-right: 25px;
}
.testibox2 h4{
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #1e283c;
}
.testibox2 h6{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #4c668d;
    margin-bottom: 0px;
}
.testibox2 p{
    font-size: 20px;
    line-height: 33px;
    color: #4c668d;
}
.testibox2 ul{
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 35px;
}
.testibox2 li{
    display: inline-block;
    font-size: 22px;
    color: #0092ff;
}


/*------ Testimonial Style 03 -----*/
.testibox3{
    position: relative;
    background: #001059;
    padding: 80px 50px 40px 50px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.testibox3:after{
    content: '';
    background: url('../images/testimonial/quote_icon2.png');
    position: absolute;
    bottom: -20px;
    right: 50px;
    width: 45px;
    height: 41px;
    z-index: 2;
}
.testibox3 .testi-img{
    width: 80px;
    height: auto;
    border-radius: 100%;
    overflow: hidden;
    border: 0px solid #0092ff;
    position: absolute;
    top: -40px;
    left: 50px;
}
.testibox3 h4{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #0092ff;
}
.testibox3 h6{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0px;
}
.testibox3 p{
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
}
.testibox3 ul{
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 35px;
}
.testibox3 li{
    display: inline-block;
    font-size: 22px;
    color: #0092ff;
}


/*------ Testimonial Style 04 -----*/
.testibox4{
    position: relative;
}
.testibox4 .testi-top{
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 40px;
    padding: 0px 50px;
}
.testibox4 .testi-img{
    width: 80px;
    height: auto;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #0092ff;
    margin-right: 25px;
}
.testibox4 h4{
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #1e283c;
}
.testibox4 h6{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #4c668d;
    margin-bottom: 0px;
}
.testibox4 .testi-content{
    position: relative;
    padding: 40px 50px;
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}
.testibox4 .testi-content:after{
    content: "";
    position: absolute;
    bottom: -20px;
    left: 70px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 20px;
    border-right-width: 20px;
    border-top: 20px solid #0688f6;
}
.testibox4 p{
    font-size: 20px;
    line-height: 33px;
    color: #fff;
}
.testibox4 ul{
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 25px;
}
.testibox4 li{
    display: inline-block;
    font-size: 22px;
    color: #ffca65;
}

/*------- Testimonial 5 --------*/
.portfolio_details_testimonial{
    position: relative;
    background: url('../images/bg6.jpg');
    background-position: inherit;
    background-size: cover;
    padding: 100px 0px;
}

.owl-theme .owl-nav.disabled + .owl-dots{
    margin-top: 70px;
}
.owl-theme[class*='testimonial_carousel'] .owl-dots .owl-dot{
    border: 1px solid transparent;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin: 0px 10px;
    outline: none;
}
.owl-theme[class*='testimonial_carousel'] .owl-dots .owl-dot span{
    margin: 0 auto;
}
.owl-theme[class*='testimonial_carousel'] .owl-dots .owl-dot.active,
.owl-theme[class*='testimonial_carousel'] .owl-dots .owl-dot:hover{
    border: 1px solid #0092ff;
}
.owl-theme[class*='testimonial_carousel'] .owl-dots .owl-dot.active span, 
.owl-theme[class*='testimonial_carousel'] .owl-dots .owl-dot:hover span {
    background: #0092ff;
}


/*---------- Partners ------------*/
.partners_sec{
    border-top: 1px solid #eee;
    padding: 80px 0px;
}
.partners_carousel .owl-stage{
    display: flex;
    align-items: center;
}
.partners_carousel .partner_logo img{
    width: auto;
    margin: 0 auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.partner_logo img.secondary_img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
}
.partner_logo:hover img.primary_img{
    opacity: 0;
    visibility: hidden;
}
.partner_logo:hover img.secondary_img{
    opacity: 1;
    visibility: visible;
}


/*---------- Funfacts ------------*/
.funfacts{
    background: url('../images/bg3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 160px;
}
.funfacts .fun_content h1{
    color: #0092ff;
}
.funfact_header h6{
    line-height: 24px;
    text-transform: uppercase;
    color: #0092ff;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
.funfact_header h2{
    color: #fff;
}
.funfact_header p{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 30px;
    color: #c2d4f8;
    margin-top: 30px;
    margin-bottom: 50px;
}

.funbox1{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.funbox1 h1{
    font-size: 40px;
    line-height: 54px;
    color: #fff;
}
.funbox1 h3{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0px;
}
/**/
.funbox2{
    text-align: center;
    padding: 0px 30px;
}
.funbox2 .fun-img{
    position: relative;
    margin-bottom: 70px;
}
.funbox2 .fun-img:after{
    content: "";
    position: absolute;
    bottom: -40px;
    left: 50%;
    background: #c4c4c4;
    width: 45px;
    height: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

}
.funbox2 h1{
    font-size: 36px;
    line-height: 54px;
    color: #0092ff;
    margin: 30px 0px 10px 0px;
}
.funbox2 h1 span{
    background: -webkit-linear-gradient(#0092ff, #285acc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.funbox2 h3{
    font-size: 18px;
    line-height: 35px;
    color: #1e283c;
    margin-bottom: 15px;
}
.funbox2 p{
    font-weight: 600;
    line-height: 28px;
    color: #4c668d;
    margin-bottom: 0px;
}

/**/
.funbox3{
    text-align: center;
}
.funbox3 h1{
    color: #fff;
    letter-spacing: 1px;
}
.funbox3 h3{
    line-height: 48px;
    color: #fff;
    letter-spacing: 1px;
}

@media screen and (max-width: 991px) {
    .funbox1 {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 40px;
    }
}

/*----- Service Details  ------*/
.service_details_type1 .full_content h2.project_title{
    color: #0092ff;
    margin-bottom: 20px;
}
.service_details_type1 .full_content h5{
    margin-bottom: 20px;
}
.service_details_type1 .full_content h5.short_desc{
    color: #4c668d;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 40px;
}
.service_details_type1 .full_content .service_details_img{
    margin-bottom: 35px;
}
.service_details_type1 .full_content .service_details_img img{
    width: 100%;
}
.service_details_type1 .full_content p{
    font-weight: 600;
    line-height: 28px;
    color: #4c668d;
}
.service_details_type1 .full_content .service_details_list{
    margin-top: 30px;
    margin-bottom: 40px;
}
.service_testimonials{
    padding-top: 60px;
    margin-top: 60px;
    border-top: 1px solid #ececec;
}
.service_testimonials h3.title{
    line-height: 24px;
}
.service_testimonials .testibox1{
    padding: 40px 0px;
}

/*----- Innerpage Sidenav ------*/
.innerpage_sidenav ul{
    padding: 0px;
    margin: 0px;
}
.innerpage_sidenav ul li{
    list-style: none;
}
.innerpage_sidenav ul li a{
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color: #1e283c;
    letter-spacing: 0.5px;
    list-style: none;
    background: #fff;
    margin-bottom: 13px;
    padding: 18px 25px 18px 30px;
    display: flex;
    -moz-box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
    -webkit-box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
    box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
}
.innerpage_sidenav ul li:last-child a{
    margin-bottom: 0px;
}
.innerpage_sidenav ul li.active a,
.innerpage_sidenav ul li a:hover{
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
    color: #fff;
}
.innerpage_sidenav ul li a img.primary_img{
    max-width: 33px;
    max-height: 33px;
    color: #1e283c;
    font-size: 24px;
    margin-right: 20px;
}
.innerpage_sidenav ul li a img.secondary_img{
    max-width: 33px;
    max-height: 33px;
    position: absolute;
    left: auto;
    opacity: 0;
    visibility: hidden;
}
.innerpage_sidenav ul li.active a img.primary_img,
.innerpage_sidenav ul li a:hover img.primary_img{
    opacity: 0;
    visibility: hidden;
}
.innerpage_sidenav ul li.active a img.secondary_img,
.innerpage_sidenav ul li a:hover img.secondary_img{
    color: #fff;
    opacity: 1;
    visibility: visible;
}
.innerpage_sidenav ul li a:after{
    content: "\f284";
    font-family: "Ionicons";
    font-size: 20px;
    color: #c4c4c4;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}
.innerpage_sidenav ul li.active a:after,
.innerpage_sidenav ul li a:hover:after{
    opacity: 0;
    visibility: hidden;
}
/*---------------------*/
.sidebar #custom_html-3.widget{
    padding: 0px;
}
.widget_add{
    position: relative;
    background: url('../images/add.jpg');
    background-position: center;
    background-size: cover;
    padding-bottom: 50px;
    margin-top: 0px;
}
.widget_add:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 40, 59, 0.9);
}
.widget_add .sidebar_add{
    position: relative;
    padding: 50px 30px 25px 50px;
}
.widget_add .sidebar_add h3{
    color: #0092ff;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 30px;
}
.widget_add .sidebar_add h5{
    color: #fff;
    font-weight: 500;
    line-height: 30px;
}
.widget_add h4{
    position: relative;
    margin-left: 50px;
    margin-bottom: 0;
    background: #fff;
    padding: 7px 7px;
    border-radius: 30px 0px 0px 30px;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #0092ff;
}
.widget_add h4 span{
    color: #0092ff;
}
.widget_add h4 i{
    background: #0092ff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    margin-right: 10px;
    -moz-box-shadow: 0px 4px 5px rgba(28, 30, 78, 0.5);
    -webkit-box-shadow: 0px 4px 5px rgba(28, 30, 78, 0.5);
    box-shadow: 0px 4px 5px rgba(28, 30, 78, 0.5);
}

/*----Tab --*/
.power_tab.horizontal_style .power_tab_button_group{
    display: flex;
    align-items: center;
    justify-content: space-between; /* flex-start, center, flex-end*/
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    border-radius: 0px 0px 0px 0px;
    width: 100%;
    overflow: auto;
}
.power_tab_button_group li{
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.power_tab_button_group li:first-child{
    margin-top: 0px;
}
.power_tab_button_group li:last-child{
    margin-bottom: 0px;
}
.power_tab_button_group li a{
    position: relative;
    display: block;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    font-style: normal;         /* default,normal,italic,oblique */
    letter-spacing: 2px;
    text-transform: uppercase;  /* inherit,initial,unset,uppercase,lowercase,capitalize */
    text-decoration: none;  /* default,none,underline,overline,line-through */
    background: #0092ff;
    color: #fff;
    text-shadow: none; /* none */
    border-radius: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0092ff;
    margin: 0px 0px 0px 0px;
    padding: 28px 123px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_tab_button_group li a.selected{
    background: #fff;
    color: #0092ff;
}
.power_tab_container{
    display: block;
}
.power_tab_container .power_tab_info{
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal;         /* default,normal,italic,oblique */
    letter-spacing: 0px;
    text-transform: unset;  /* inherit,initial,unset,uppercase,lowercase,capitalize */
    text-decoration: none;  /* default,none,underline,overline,line-through */
    background: #fff;
    color: #666;
    text-shadow: none; /* none */
    padding: 100px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0092ff;
    display: none;
}
.power_tab_info h2{
    line-height: 42px;
    margin-bottom: 35px;
    padding-right: 70px;
    font-weight: 700;
    text-transform: initial;
}
.power_tab_info h2 span{
    color: #0092ff;
}
.power_tab_info h5{
    font-weight: 700;
    text-transform: initial;
    line-height: 24px;
    color: #1e283c;
    margin-bottom: 20px;
    padding-right: 30px;
}
.power_tab_info p{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #4c668d;
    text-transform: initial;
}
.power_tab_image{
    padding-left: 40px;
}
.power_tab_image img{
    width: 100%;
}
.power_tab_image2{
    padding-right: 40px;
}
.power_tab_image2 img{
    width: 100%;
}

/*----- About Section ------*/
.abt_part1{
    margin-bottom: 60px;
}
.abt_part1_header{
    padding-right: 190px;
    margin-bottom: 30px;
}
.abt_part1_header h6{
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #0092ff;
    margin-bottom: 25px;
}
.abt_part2{
    position: relative;
}
.abt_part2_image{
    padding-right: 80px;
}
.abt_part2_image img{
    width: 100%;
}
.abt_part2_header{
    margin-bottom: 30px;
}
.abt_part2_image.no-padding{
    padding-right: 0px;
}
.about_inner{
    padding-left: 50px;
}
.about_inner .user_review{
    display: -webkit-box;
    margin-top: 65px;
    margin-bottom: 10px;
}
.about_inner .user_review img{
    margin-right: 15px;
    border-radius: 100%;
    max-width: 50px;
}
.about_inner .user_review .info h5.name{
    margin-bottom: 0px;
}
.about_inner .user_review .info p.company{
    font-size: 14px;
    color: #0092ff;
    margin-bottom: 0px;
}
.about_inner p.shortdesc{
    color: #4c668d;
    font-style: italic;
    margin-bottom: 50px;
    line-height: 28px;
}

.about_image {
    background: url(../images/about/image_3.jpg);
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
    -moz-box-shadow: 0px 0px 30px rgba(100, 100, 100, 0.1);
    -webkit-box-shadow: 0px 0px 30px rgba(100, 100, 100, 0.1);
    box-shadow: 0px 0px 30px rgba(100, 100, 100, 0.1);
}
.about_inner2{
    padding-left: 55px;
    padding-right: 120px;
    padding-top: 110px;
    padding-bottom: 110px;
}
.about_inner2 h2{
    margin-bottom: 30px;
}
.about_inner2 h5{
    font-weight: 500;
    color: #4c668d;
    line-height: 30px;
    margin-bottom: 0px;
}
.about_inner2 h6{
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #0092ff;
    margin-bottom: 25px;
}

/*-- Video  -----*/
.abt_video{
    position: absolute;
    left: calc(100% - 130px);
    top: 50%;
    transform: translateY(-50%);
}
.abt_video_button a{
    position: relative;
    width: 65px;
    height: 65px;
    line-height: 70px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    font-size: 30px;
    color: #fff;
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    -moz-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
}
.abt_video_button a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    z-index: -1;
    background: #009bfa;
    border-radius: 100%;
    animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
.abt_video_button a i{
    position: relative;
    margin-left: 5px;
}

.abt_video2 {
    position: relative;
    display: flex;
    align-items: center;
}
.abt_video2 .abt_video_button{
    margin-right: 15px;
}
.abt_video2 .info h5.name{
    color: #1e283c;
    font-weight: 700;
    margin-bottom: 0px;
}
.abt_video2 .info p.company{
    font-size: 14px;
    color: #0092ff;
    margin-bottom: 0px;
}
.abt_video2 .abt_video_button a:before{
    z-index: 0;
}

@media screen and (max-width: 767px){
    .abt_video_button {
        display: block;
    }
    .power_tab_info h2{
        font-size: 24px;
        line-height: 36px;
        padding-right: 0px;
    }
    .abt_part1_header h2,
    .abt_part2_header h2{
        font-size: 24px;
        line-height: 36px;
    }
    .about_inner{
        padding-left: 0px;
    }
    .about_inner .user_review{
        margin-top: 30px;
    }
    .about_inner2{
        padding-right: 30px;
    }
    .about_inner2 .abt_video_button a{
        margin: 0px auto;
    }
}
@media screen and (max-width: 991px) {
    .abt_part2_image{
        margin-bottom: 30px;
        padding-right: 0px;
    }
    .abt_part1_header{
        padding-right: 0px;
    }
    .abt_video{
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .tabsec{
        margin-top: -54px;
    }
    .power_tab_button_group li a{
        font-size: 16px;
        padding: 15px 60px;
    }
}
/*---- Progressbar -----*/
.power_progress_content {
    overflow: unset; 
    position: relative; 
    background: #e9ecee;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: blue;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    margin: 0px 0px 50px 0px;
    padding: 0px 0px 0px 0px;
}
.power_progress_content:last-child {
    margin-bottom: 0;
}
.power_progress_content .power_progress_bar {
    position: relative;
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    width: 0;
    height: 8px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: yellow;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    animation: progress 1.5s ease-in-out forwards;
}
.power_progress_content h6.power_progress_text {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal;         /* default,normal,italic,oblique */
    text-transform: unset;  /* inherit,initial,unset,uppercase,lowercase,capitalize */
    text-decoration: none;  /* default,none,underline,overline,line-through */
    color: #1e283c;
    letter-spacing: 0px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: yellow;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-shadow: none;          /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    position: absolute;
    top: -25px;
    left: 0;
}
.power_progress_content .power_progress_value {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal;         /* default,normal,italic,oblique */
    text-transform: unset;  /* inherit,initial,unset,uppercase,lowercase,capitalize */
    text-decoration: none;  /* default,none,underline,overline,line-through */
    color: #1e283c;
    letter-spacing: 0px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: yellow;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-shadow: none;          /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    position: absolute;
    top: -25px;
    right: 0;
}

@keyframes progress {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
} 
@keyframes show  {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.services{
    position: relative;
    background: url('../images/bg1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.services:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 35, 68, 0.96);
}
.services_home{
    position: relative;
    background: url('../images/bg4.jpg') #fafafc;
    background-position: top;
    background-repeat: no-repeat;
}
.services_home .power_button_group{
    margin-top: 45px;
}

.services_more{
    position: relative;
    background: url('../images/bg4.jpg') #fff;
    background-position: top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ececec
}
.services_more .power_button_group{
    margin-top: 45px;
}

.service_add{
    position: relative;
    background: url('../images/add.jpg');
    background-position: center;
    background-size: cover;
    padding-bottom: 50px;
    margin-top: 40px;
}
.service_add:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 40, 59, 0.9);
}
.service_add .service_add_inner{
    position: relative;
    padding: 50px 30px 25px 30px;
}
.service_add .service_add_inner h3{
    color: #0092ff;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 30px;
}
.service_add .service_add_inner h5{
    color: #fff;
    font-weight: 500;
    line-height: 30px;
}
.service_add h4{
    position: relative;
    margin-left: 50px;
    margin-bottom: 0;
    background: #fff;
    padding: 7px 7px;
    border-radius: 30px 0px 0px 30px;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #0092ff;
}
.service_add h4 span{
    color: #0092ff;
    padding-left: 10px;
}
.service_add h4 i{
    background: #0092ff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    margin-right: 10px;
    -moz-box-shadow: 0px 4px 5px rgba(28, 30, 78, 0.5);
    -webkit-box-shadow: 0px 4px 5px rgba(28, 30, 78, 0.5);
    box-shadow: 0px 4px 5px rgba(28, 30, 78, 0.5);
}

/*----  IconBox 1 ----*/
.power_iconbox_1{
    position: relative;
    margin: 15px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1 .power_iconbox_wrapper{
    background: #0b2e57;
    text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0b2e57;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 30px 30px;
    display: block;
    text-align: left;
}
.power_iconbox_1:hover .power_iconbox_wrapper{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1 .power_iconbox_icon{
    position: relative;
    color: #fff;
    margin-bottom: 30px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1 .power_iconbox_icon .secondary_img{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1:hover .power_iconbox_icon .primary_img{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1:hover .power_iconbox_icon .secondary_img{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_1 .power_iconbox_wrapper .power_iconbox_content h4{
    color: #fff;
    margin-bottom: 10px;
}
.power_iconbox_1 .power_iconbox_wrapper .power_iconbox_content p{
    color: #c2d4f8;
    line-height: 28px;
    margin-bottom: 0px;
}

/*----  IconBox 2 ----*/
.power_iconbox_2{
    position: relative;
    margin: 0px 0px 60px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_2 .power_iconbox_wrapper{
    text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0b2e57;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    display: block;
    text-align: left;
}
.power_iconbox_2 .power_iconbox_image{
    position: relative;
}
.power_iconbox_2 .power_iconbox_image img{
    width: 100%;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_content{
    position: relative;
    background: #fff;
    padding: 30px 30px 50px 30px;
    margin: -30px 30px 0px 30px;
    -webkit-box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);
    box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_content h4{
    color: #1e283c;
    margin-bottom: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_2:hover .power_iconbox_wrapper .power_iconbox_content h4{
    color: #0092ff;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_content p{
    color: #4c668d;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0px;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_icon{
    position: absolute;
    left: 50%;
    bottom: -25px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_icon a{
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 100%;
    margin: 0 auto;
    background: #0092ff;
    -moz-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_icon a:hover{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_2 .power_iconbox_wrapper .power_iconbox_icon a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    z-index: -1;
    background: #66bdff;
    border: 5px solid #c7e4fb;
    border-radius: 100%;
    animation: pulse-icon 1500ms ease-out infinite;
}
@keyframes pulse-icon {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


/*----  IconBox 3 ----*/
.services_home2{
    background: url('../images/line.png');
    background-position: center;
    background-repeat: no-repeat;
}
.power_iconbox_3{
    position: relative;
    margin: 0px 0px 60px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3 .power_iconbox_wrapper{
    text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0b2e57;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    display: block;
    text-align: center;
}
.power_iconbox_3 .power_iconbox_image{
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 100%;
}
.power_iconbox_3 .power_iconbox_image:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 37, 67, 0.93);
    border-radius: 100%;
    -moz-transform: skew(0deg, -30deg);
    -webkit-transform: skew(0deg, -30deg);
    -o-transform: skew(0deg, -30deg);
    -ms-transform: skew(0deg, -30deg);
    transform: skew(0deg, -30deg);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3:hover .power_iconbox_image:before{
    -moz-transform:none;
    -webkit-transform:none;
    -o-transform:none;
    -ms-transform:none;
    transform:none;
    opacity: 1;
    visibility: visible;
}
.power_iconbox_3 .power_iconbox_image img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content{
    position: relative;
    background: #fff;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content .shadow_image{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_content .shadow_image{
    opacity: 1;
    visibility: visible;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content h4{
    color: #1e283c;
    margin-bottom: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_content h4{
    color: #0092ff;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_content p{
    color: #4c668d;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0px;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon{
    position: absolute;
    left: 50%;
    top: calc(100% - 25px);
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon{
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a{
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border-radius: 100%;
    margin: 0 auto;
    background: #0092ff;
    -moz-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    box-shadow: -3px 0px 15px rgba(71, 89, 216, 0.4);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a:hover{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    background: linear-gradient(90deg, rgba(0,146,255,1) 0%, rgba(40,90,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    z-index: -1;
    background: #66bdff;
    border: 5px solid #c7e4fb;
    border-radius: 100%;
    animation: pulse-icon 1500ms ease-out infinite;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a:before {
    width: 65px;
    height: 65px;
    border: 7px solid #c7e4fb;
}
@keyframes pulse-icon {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a i{
    opacity: 0;
    visibility: hidden;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a i{
    opacity: 1;
    visibility: visible;
}
.power_iconbox_3 .power_iconbox_wrapper .power_iconbox_icon a h5{
    margin: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.power_iconbox_3:hover .power_iconbox_wrapper .power_iconbox_icon a h5{
    opacity: 0;
    visibility: hidden;
}

/*----  IconBox 4 ----*/
.power_iconbox_4{
    position: relative;
    margin: 0px 0px 60px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_4 .power_iconbox_wrapper{
    text-shadow: none; /* 5px 5px 2px rgba(12, 8, 8, 0.9) */
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0b2e57;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    display: block;
    text-align: left;
}
.power_iconbox_4 .power_iconbox_image{
    position: relative;
}
.power_iconbox_4 .power_iconbox_image img{
    width: 100%;
}
.power_iconbox_4 .power_iconbox_image .power_iconbox_icon img{
    max-width: 34px;
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_content{
    position: relative;
    background: #fff;
    padding: 30px 30px 50px 30px;
    margin: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);
    box-shadow: 0px 15px 30px rgba(28, 30, 78, 0.07);
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_content h4{
    color: #1e283c;
    margin-bottom: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.power_iconbox_4:hover .power_iconbox_wrapper .power_iconbox_content h4{
    color: #0092ff;
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_content p{
    color: #4c668d;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0px;
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_icon{
    position: absolute;
    right: 50px;
    bottom: -37px;
    z-index: 1;
    border-radius: 100%;
    -moz-box-shadow: 0px 15px 15px rgba(28, 30, 78, 0.15);
    -webkit-box-shadow: 0px 15px 15px rgba(28, 30, 78, 0.15);
    box-shadow: 0px 15px 15px rgba(28, 30, 78, 0.15);
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_icon a{
    position: relative;
    width: 75px;
    height: 75px;
    line-height: 75px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    color: #0092ff;
    border-radius: 100%;
    margin: 0 auto;
    background: #fff;
}
.power_iconbox_4 .power_iconbox_wrapper .power_iconbox_icon a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    z-index: -1;
    border: 8px solid rgba(255, 255, 255, 0.5);
    border-radius: 100%;
}


/*----  IconBox 5 ----*/
.srv_top_part{
    margin-bottom: 90px;
}
.srv_top_part .srv_top_header{
    padding-right: 80px;
}
.srv_top_part .srv_top_header h6{
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #0092ff;
    margin-bottom: 25px;
}
.srv_top_part .srv_top_content{
    padding-top: 40px;
}
.srv_top_part .srv_top_content h5 {
    line-height: 30px;
    font-weight: 500;
    color: #4c668d;
    margin-bottom: 30px;
}
.srv_top_part .srv_top_content .power_button_group{
    text-align: left;
}



/*----  Banner 3 ----*/
.banner_3{
    position: relative;
    background: url('../images/banner-bg2.jpg');
    background-position: center;
    background-size: cover;
    padding-top: 95px;
    padding-bottom: 95px;
}
.banner_3:before{
    content: "";
    position: absolute;
    background: rgba(14, 63, 162, 0.78);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner_3>div{
    position: relative;
}
.banner_3 .banner_content{
    text-align: center;
}
.banner_3 .banner_content h4{
    color: #fff;
    margin: 0px 0px 15px 0px;
}
.banner_3 .banner_content h2{
    color: #fff;
    margin-bottom: 40px;
}

@media screen and (max-width: 767px){
    .banner_3 .banner_content h2{
        font-size: 24px;
        line-height: 36px;
    }
}

/*--------- Portfolio Section ---------*/

/*------ Portfolio Details -----*/
.portfolio-details .full_content{
    padding-left: 40px;
}
.portfolio-details .full_content h6{
    line-height: 24px;
    font-size: 16px;
    color: #0092ff;
    margin-bottom: 30px;
}
.portfolio-details .full_content h2{
    line-height: 36px;
    color: #1e283c;
    margin-top: 0px;
    margin-bottom: 30px;
}
.portfolio-details .full_content p{
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 30px;
}
.portfolio-details .full_content .list_content{
    margin-bottom: 30px;
}
.portfolio-details .full_content p:last-child{
    margin-bottom: 0px;
}
.portfolio-content-info{
    margin-top: 90px;
}
.portfolio-content-info p {
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 20px;
}
.portfolio-content-info .chart_box{
    text-align: right;
}
.portfolio-details .project_info_grid .info_grid i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #0092ff;
    font-size: 18px;
}
.portfolio-details .project_info_grid .info_grid h5{
    font-size: 14px;
    color: #4c668d;
    font-weight: 500;
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.portfolio-details .project_info_grid .info_grid p{
    color: #0092ff;
    margin-bottom: 0px;
    font-size: 14px;
}
.portfolio-details .project_info_grid {
    margin-top: 0px;
    background: #fff;
    padding: 40px 40px;
    -webkit-box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
    box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
}
.portfolio-details .project_info_grid h3{
    color: #0092ff;
    text-align: center;
    line-height: 36px;
    margin-bottom: 25px;
}
.portfolio-details .project_info_grid .info_grid{
    position: relative;
    margin-bottom: 0px;
    padding: 15px 0px;
    border-bottom: 1px solid #ececec;
}
.portfolio-details .project_info_grid .info_grid_inner{
    padding-left: 0px;
}
.portfolio-details .project_info_grid .info_grid h5 span{
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #1c283b;
    width: 120px;
    display: table;
    margin-right: 10px;
}
.portfolio-details .client_rating{
    display: flex;
    margin-top: 20px;
    margin-bottom: 0px;
    align-items: center;
    justify-content: space-between;
}
.portfolio-details .client_rating h5{
    margin-bottom: 0px;
    margin-right: 20px;
    font-size: 16px;
}
.portfolio-details .client_rating i{
    color: #0092ff;
    font-size: 24px;
}
.project_desc_bottom{
    margin-top: 130px;
    padding: 110px 0px;
}
.project_desc_bottom .project_desc_inner_header h6{
    color: #0092ff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.project_desc_bottom .power_accordion.style_4 .item .power_accordion_info{
    background: transparent;
    color: #4c668d;
}
.project_desc_bottom .desc_txt{
    margin-top: 50px;
}
.project_desc_bottom .desc_txt p{
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #4c668d;
}


@media screen and (max-width: 991px){
    .portfolio-content-info{
        margin-top: 30px;
    }
    .portfolio-details-img .image_box img{
        width: 100%;
    }
    .desc_txt{
        margin-bottom: 30px;
    }
    .portfolio-details .full_content{
        margin-bottom: 30px;
    }

}
@media screen and (max-width: 600px){
    .portfolio-details .project_info_grid .info_grid h5{
        display: block;
    }
    .portfolio-details .project_info_grid .info_grid h5 span{
        display: inline-block;
    }
}



/*----  Banner 6 ----*/
.banner_6{
    position: relative;
    background: url('../images/banner-bg1.jpg');
    background-position: center;
    background-size: cover;
    padding-top: 55px;
    padding-bottom: 55px;
}
.banner_6:before{
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner_6>div{
    position: relative;
}
.banner_6 .banner_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    align-items: center;
}
.banner_6 .banner_content .banner_award_box{
    margin-right: 50px;
    width: calc(100% - 75%);
}
.banner_6 .banner_content h4{
    
    color: #fff;
    font-size: 36px;
    margin: 0px 0px 20px 0px;
}
.banner_6 .banner_content h4 span{
    
}
.banner_6 .banner_content .banner_form-box-top{
    padding-top: 15px;
    width: calc(100% - 25%)
}
.banner_6 .banner_content p{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
.banner_6 .button_group{
    padding: 40px 0px 0px 0px;
}
.banner_6 .button{
    letter-spacing: 0.5px;
    padding: 11px 55px;
}
@media screen and (max-width: 767px) {
    .banner_6 .banner_content{
        display: block;
        text-align: center;
    }
    .banner_6 .banner_content .banner_award_box {
        width: calc(100% - 50%);
        margin: 0 auto;
    }
    .banner_6 .banner_content .banner_form-box-top {
        width: 100%;
    }
}

/*---------- Video Banner ---------*/
.video-banner{
    position: relative;
    background: url(../images/video-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 190px;
    padding-bottom: 190px;
}
.video-banner:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-banner>div {
    position: relative;
    z-index: 1;
}
.video-content{
    
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 5px;
    text-align: center;
    color: #fff;
}
.video_btn{
    display: inline-block;
    margin: 0px 15px;
}
.video_btn a{
    width: 65px;
    height: 65px;
    display: inline-block;
    text-align: center;
    line-height: 65px;
    font-size: 20px;
    background: #0092ff;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.video_btn a:hover{
    background: #262626;
}
.video_btn a i{
    margin-left: 5px;
}
@media screen and (max-width: 991px){
    .video_btn {
        display: block;
    }
    .video_btn a{
        margin: 15px auto;
    }
}


/*---------- Blog Page---------*/
.flex-dir-reverse{
    flex-direction: row-reverse;
}
.main-content.blog_has_left_sidebar{
    padding-left: 35px;
}
.main-content.blog_has_right_sidebar{
    padding-right: 35px;
}
.blog.inner-page{
    padding-bottom: 85px;
}
.blog_post .post_img{
    position: relative;
    overflow: hidden;
    margin: 0px 0px 40px 0px;
}
p.img_caption{
    text-align: center;
    font-weight: 500;
    padding-top: 10px;
    line-height: 20px;
}
.blog_post .post_img a{
    display: block;
}
.blog_post .post_img img{
    width: auto;
    height: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.blog_post:hover .post_img img{
    opacity: 0.92;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.blog_post .post_gallery{
    position: relative;
    overflow: hidden;
    margin: 40px 0px 20px 0px;
}
.blog_post .post_video,
.blog_post .post_audio{
    position: relative;
    overflow: hidden;
    height: 400px;
    margin: 40px 0px 20px 0px;
}
.blog_post .post_video p{
    max-width: 100%;
    height: 100%;
}
.blog_post .post_video iframe,
.blog_post .post_video object,
.blog_post .post_video embed,
.blog_post .post_audio iframe,
.blog_post .post_audio object{
    width: 100%;
    height: 100%;
}

.blog_post .post_cat{
    font-size: 12px;
    line-height: 24px;
    color: #4c668d;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.blog_post .post_cat span{
    font-weight: 700;
    color: #0092ff;
    margin-right: 10px;
}
.blog_post .post_cat a{
    font-size: 12px;
    font-weight: 400;
    color: #4c668d;
}
.blog_post .post_cat a:hover{
    color: #0092ff;
}
.inner-page .blog_post{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ececec;
}
.blog_list .blog_post .post_header{
    margin-bottom: 30px;
}
.blog_post .post_header h3.post_title,
.blog_post .post_header h3.post_title a{
    font-weight: 700;
    line-height: 40px;
    color: #1e283c;
}
.blog_post.sticky .post_header h3.post_title a,
.blog_post .post_header h3.post_title a:hover{
    color: #0092ff;
}
.blog_list .blog_post .post_header h3{
    margin-top: 0px;
    margin-bottom: 0px;
}
.blog_post .post_meta{
    display: flex;
    margin-bottom: 20px;
    padding: 0px;
    align-items: center;
}
.blog_post .post_meta li{
    list-style-type: none;
}
.blog_post .post_meta li span{
    position: relative;
    margin-right: 35px;
    padding-right: 35px;
}
.blog_post .post_meta li, 
.blog_post .post_meta li a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.blog_post .post_meta li span.author img{
    width: 38px;
    height: 38px;
    border-radius: 100%;
    margin-right: 20px;
}
.blog_post .post_meta li span a{
    color: #1e283c;
}
.blog_post .post_meta li span.author a{
    margin-left: 10px;
}
.blog_post .post_meta li span.date{
    text-transform: uppercase;
    color: #0092ff;
}
.blog_post .post_meta li span a:hover,
.blog_post .post_meta li span.author,
.blog_post .post_meta li span.date a{
    color: #0092ff;
}
.blog_post .post_meta li span.date,
.blog_post .post_meta li span.date a{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
}
.blog_post .post_meta li span:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background: #ececec;
    width: 1px;
    height: 60%;
    transform: translateY(-50%);
}
.blog_post .post_meta li:last-child span{
    margin-right: 0px;
    padding-right: 0px;
}
.blog_post .post_meta li:last-child span:after{
    display: none;
}
.blog_list .blog_post .power_button_group,
.blog_post .power_button_group{
    margin-top: 45px;
    text-align: left;
}

.pagination{
    display: block;
    margin-bottom: 0px;
    list-style-type: none;
    align-items: center;
}
.pagination li{
    display: inline-block;
}
.pagination li a{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.pagination li a.page-number{
    width: 30px;
    border-radius: 100%;
    color: #3f4655;
}
.pagination li a.page-number.current{
    background: #0092ff;
    border: 1px solid #0092ff;
    color: #fff;
}
.pagination li a i{
    margin: 0px 5px;
}
.pagination li a:hover{
    color: #0092ff;
}

@media screen and (max-width: 991px){
    .blog_post .post_header h2.post_title, .blog_post .post_header h2.post_title a{
        font-size: 28px;
        line-height: 34px;
    }
    .post_footer{
        display: block;
        margin-top: 30px;
    }
    .blog_post .post_meta{
        display: block;
        margin-top: 15px;
    }
    .blog_post .post_share{
        margin-top: 10px;
    }
}
@media screen and (max-width: 575px){
    #blog{
        padding-bottom: 50px;
    }
    .blog_post .post_meta{
        display: block;
        margin-bottom: 0px;
    }
    .blog_post .post_meta li{
        margin-bottom: 15px;
    }
    .blog_post .post_meta li span:after{
        display: none;
    }
}



/*-----------------------*/
.sidebar_about{
    text-align: center;
}
.sidebar_about .sidebar_logo{
    width: 210px;
    height: 210px;
    border: 10px solid #fafafc;
    border-radius: 100%;
    margin-top: 15px;
    margin-bottom: 45px;
    overflow: hidden;
    line-height: 180px;
    margin: 0 auto 40px;
}
.sidebar_about img.logo_img{
    width: auto;
}
.sidebar_about p{
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 0px;
    padding: 0px 10px;
}
/*-----------------------*/
.sidebar #custom_html-5.widget_custom_html{
    padding: 15px 40px;
}
.sidebar .widget .sidebar_social{
    margin-left: auto;
    display: flex;
    align-items: center;
}
.sidebar .widget .sidebar_social h5{
    float: left;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #0092ff;
    margin-bottom: 0px;
}
.sidebar .widget .sidebar_social .social_list{
    display: flex;
    margin-bottom: 0px;
    padding: 0px;
    align-items: center;
}
.sidebar .widget .sidebar_social .social_list li{
    list-style-type: none;
    display: inline-block;
    width: auto;
    line-height: 10px;
}
.sidebar .widget .sidebar_social .social_list li a{
    position: relative;
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    padding: 0px 12px;
    color: #cbd2d9;
}
.sidebar .widget .sidebar_social .social_list li:first-child a{
    padding-left: 0px;
}
.sidebar .widget .sidebar_social .social_list li:last-child a{
    padding-right: 0px;
}
.sidebar .widget .sidebar_social .social_list li a:hover{
    color: #0092ff;
}
/*-----------------------*/
.recent_posts_list li:last-child{
    margin-bottom: 0px;
}
.recent_posts_list li img{
    margin-right: 20px;
    float: left;
}
.recent_posts_list li{
    margin-bottom: 35px;
}
.recent_posts_list .post_content{
    display: table;
}
.recent_posts_list li p.date{
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c4c4c4;
    margin-top: 0px;
}
.recent_posts_list li .read_more a{
    font-size: 10px;
    line-height: 26px;
    text-transform: uppercase;
    text-decoration: underline;
}


/*-----------------------*/
.sidebar_top_news{
    margin-bottom: 35px;
}
.sidebar_top_news img{
    max-width: 100%;
    margin-bottom: 20px;
}
.sidebar_top_news h4{
    font-size: 18px;
    line-height: 26px;
}


/*-------- Blog Details ------------*/
.blog_author{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ececec;
    display: flex;
    align-items: center;
}
.blog_author img{
    width: 130px;
    height: 130px;
    border-radius: 100%;
    margin-right: 30px;
}
.blog_author h4{
    color: #262626;
}
.blog_author h6{
    font-size: 16px;
    color: #262626;
}
.blog_author_inner p{
    line-height: 24px;
    color: #666;
    margin-top: 15px;
}

.like_post{
    margin: 0px -10px;
}
.like_post img {
    max-width: 100%;
    margin-bottom: 20px;
}
.like_post h4 {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    padding: 0px 10px;
}
@media screen and (max-width: 767px){
    .blog_author{
        display: block;
    }
}
/*-------- Comments ------------*/
h2.comment_title,
h3.comment-reply-title{
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 0px;
}
h6.comment_sub_title{
    margin-bottom: 40px;
}
ul.comment-area{
    border-bottom: 1px solid #ececec;
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding-left: 0;
}
.comment-sec ul.comment-area{
    list-style-type: none;
    padding-left: 0px;
}
.comment-sec ul ul{
    padding-left: 30px;
}
.comment-area li.blog-comment-user {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 25px;
    margin-bottom: 25px;
    padding-left: 0;
    list-style-type: none;
}
.comment-area li:last-child{
    margin-bottom: 0px;
    border-bottom: 0px;
    padding-bottom: 0px;
}
.comment-area .comment{
    list-style-type: none;
    border-top: 1px dotted #999;
    border-bottom: 0px;
    padding-top: 25px;
    padding-bottom: 0px;
    margin-top: 25px;
    margin-bottom: 0px;
}
.comment-area .commenter{
    float: left;
}
.comment-area .comment-block {
    margin-left: 85px;
}
.comment-area .commenter img{
    border-radius: 100%;
    height: 65px;
    width: 65px;
}
.comment-area .comment-block h4.commentername{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #1c283b;
    margin-top: 0px!important;
    margin-bottom: 0px;
    text-transform: capitalize;
}
.comment-area .comment-block h6{
    font-size: 12px;
    margin-top: 0px!important;
    font-weight: 600;
    margin-bottom: 20px;
    color: #4c668d;
}
.comment-area .comment-block h6 span{
    position: relative;
    color: #0092ff;
}
.comment-area .comment-block .reply{
    
    float: right;
    font-size: 14px;
    font-weight: 400;
}
.comment-area .comment-block .reply a{
    color: #0092ff;
    line-height: 20px;
}
.comment-area .comment-block .reply a:hover{
    color: #262626;
}
.comments-pagination{
    display: block;
    margin-bottom: 0px;
    list-style-type: none;
    align-items: center;
}
.comments-pagination a, .comments-pagination span{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #3f4655;
}
.comments-pagination span.current{
    background: #0092ff;
    border: 1px solid #0092ff;
    color: #fff;
}
.comments-pagination a:hover{
    color: #0092ff;
}

.comment-form .form-control {
    font-size: 14px;
    color: #4c668d;
    display: inline-block;
    height: 50px;
    background: none;
    border: 1px solid #ececec;
    background: transparent;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    padding: 12px 15px;
}
.comment-form textarea.form-control{
    height: 120px;
}
.comment-form .form-group {
    margin-bottom: 20px;
}
.comment-form ::-webkit-input-placeholder {
    color: #4c668d;
}
.comment-form ::-moz-placeholder { 
    color: #4c668d;
}
.comment-form :-ms-input-placeholder { 
    color: #4c668d;
}
.comment-form :-moz-placeholder { 
    color: #4c668d;
}
.comment-form :placeholder { 
    color: #4c668d;
}

.inner_posts{
    padding: 35px;
    border: 1px solid #ececec;
}
.inner_posts .inner-post{
    float: left;
    width: 100%;
}
.inner_posts .inner-post img{
    float: left;
    width: 90px;
    height: 90px;
    margin-right: 25px;
}
.inner_posts .inner-post.next_post img{
    float: right;
    margin-right: 0px;
    margin-left: 25px;
}
.inner_posts .inner-post.next_post .post_block{
    text-align: right;
}
.inner_posts .inner-post h4{
    font-size: 16px;
    line-height: 24px;
}
.inner_posts .inner-post a.link_to{
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    color: #989898;
    display: block;
    padding-bottom: 5px;
}
@media screen and (max-width: 767px){
    .blog_author{
        text-align: center;
    }
    .blog_author img{
        float: none;
        margin-right: 0px;
        margin-bottom: 25px;
    }
    .like_posts{
        text-align: center;
    }
    .like_posts .like_post{
        margin: 20px -10px;
    }
    .inner_posts .inner-post.prev_post{
        margin-bottom: 25px;
    }
    .comment-area{
        margin-left: 25px;
    }
    .comment-area .commenter img{
        width: 50px;
        height: 50px;
    }
    .comment-area .comment-block{
        margin-left: 65px;
    }
    .comment-sec ul ul {
        padding-left: 10px;
    }
    .comment-area .comment-block h6 span{
        margin-left: 30px;
    }
    .comment-area .comment-block h6 span:before{
        width: 20px;
    }
    .inner_posts .inner-post img{
        width: auto;
    }
}
@media screen and (max-width: 767px){
    .inner_posts .inner-post {
        float: left;
        width: 100%;
    }
    .inner_posts .inner-post.next_post img {
        float: left;
        margin-right: 25px;
        margin-left: 0;
    }
    .inner_posts .inner-post .post_block,
    .inner_posts .inner-post.next_post .post_block {
        text-align: left;
        float: left;
    }
}


/*-------- Blog Default ---------*/
.blog_default .blog_post {
    margin-bottom: 30px;
    padding-bottom: 0px;
    border: 1px solid #ececec;
}
.blog_default .blog_post .post_img{
    margin-bottom: 0px;
}
.blog_default .blog_post .post_header{
    padding: 30px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
}
.blog_default .blog_post .post_meta{
    margin-bottom: 0px;
}
.blog_default .blog_post .post_header .date a{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0092ff;
    letter-spacing: 2px;
}
.blog_default .blog_post .power_button {
    position: relative;
    width: 35px;
    height: 35px;
    padding: 0px;
    line-height: 33px;
    font-size: 18px;
    border: 1px solid #0092ff;
}
.blog_default .blog_post .post_meta li, .blog_post .post_meta li a {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
}
.blog_default .blog_post .post_meta li span {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}
.blog_default .blog_post .post_meta li span:after{
    background: #0092ff;
}
.blog_default .blog_post .post_meta li span.author a{
    margin-left: 0px;
}
.blog_default .blog_post h3.post_title, 
.blog_default .blog_post h3.post_title a{
    font-size: 18px;
    line-height: 34px;
}
.blog_default .blog_post h3.post_title{
    margin-bottom: 15px;
}
.blog_default .post_content{
    padding: 30px 30px;
    font-size: 14px;
}
.blog_default .post_content p{
    margin-bottom: 0px;
}

/*-------- Blog Grid ---------*/
.blog_grid .blog_post {
    background: #ffffff;
    margin-bottom: 30px;
    padding-bottom: 0px;
    border: 1px solid #ececec;
}
.blog_grid .blog_post .post_img{
    margin-bottom: 0px;
}
.blog_grid .post_content{
    padding: 20px 30px 30px 30px;
}
.blog_grid .blog_post .post_header{
    position: relative;
    padding-bottom: 12px;
}
.blog_grid .blog_post .post_meta{
    margin-bottom: 0px;
}
.blog_grid .blog_post .post_header .date a{
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0092ff;
    letter-spacing: 2px;
}
.blog_grid .blog_post .post_meta li, .blog_post .post_meta li a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
.blog_grid .blog_post .post_meta li span {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}
.blog_grid .blog_post .post_meta li span:after{
    background: #0092ff;
}
.blog_grid .blog_post .post_meta li span.author a{
    margin-left: 0px;
}
.blog_grid .blog_post .post_header h3.post_title, 
.blog_grid .blog_post .post_header h3.post_title a{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}
.blog_grid .blog_post .post_header h3.post_title{
    margin-top: 12px;
    margin-bottom: 0px;
}
.blog_grid .post_content p{
    margin-bottom: 0px;
    color: #4c668d;
}
.blog_grid .power_button_group{
    text-align: left;
    margin-top: 30px;
}
.blog_grid .power_button{
    font-size: 11px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 1.5px;
    padding: 6px 30px;
}
@media screen and (max-width: 1199px){
    .blog_post .post_meta li span {
        position: relative;
        margin-right: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 991px){
    .blog_post{
        margin-bottom: 40px;
    }
    .blog_list .blog_post .post_meta{
        display: flex;
    }
    .blog_list .blog_post .post_meta li span:after{
        display: none;
    }
}
@media screen and (max-width: 450px){
    .blog_list .blog_post .post_meta{
        display: block;
        margin-top: 0px;
    }
}

/*-- Blog Details --*/
.inner-page .blog-details .blog_post {
    margin-bottom: 0px;
    padding-bottom: 25px;
    border-bottom: 0px solid #ececec;
}
.blog-details .blog_post .post_header h2{
    font-weight: 700;
}
.blog-details .blog_post .post_header {
    margin-bottom: 40px;
}
.blog_post .full_content{
    color: #4c668d;
}
.blog_post .full_content .wp-block-cover p,
.blog_post .full_content .wp-block-cover p a{
    color: #fff;
    line-height: 36px; 
    font-weight: 500;
    font-size: 30px;
}
.blog_post .full_content .blockquote_content{
    margin-left: 50px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.blog_content_gallery{
    margin-top: 30px;
}
.blog_post .full_content .list_content{
    margin-top: 30px;
    margin-bottom: 40px;
}
.blog_post .full_content .list_content ul.circle li{
    border-bottom: 1px solid #ececec;
}

.post_footer{
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.blog_post .post_tags{
    font-size: 12px;
    line-height: 24px;
    color: #4c668d;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.blog_post .post_tags span{
    color: #0092ff;
    margin-right: 10px;
}
.blog_post .post_tags a{
    font-size: 12px;
    font-weight: 400;
    color: #4c668d;
}
.blog_post .post_tags a:hover{
    color: #0092ff;
}

.blog_post .post_share{
    margin-left: auto;
    display: flex;
    align-items: center;
}
.blog_post .share_list{
    display: flex;
    margin-bottom: 0px;
    padding: 0px;
    align-items: center;
}
.blog_post .share_list li{
    list-style-type: none;
    display: inline-block;
}
.blog_post .share_list li a{
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    color: #4c668d;
    border: 1px solid #ececec;
    background: #fff;
    border-radius: 100%;
    margin-left: 10px;
}
.blog_post .share_list li:first-child a{
    margin-left: 0px;
}
.blog_post .share_list li a:hover{
    color: #fff;
    border: 1px solid transparent;
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}

.blog_post .post_details_meta .post_meta li,
.blog_post .post_details_meta .post_meta li a {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.blog_post .post_details_meta .post_meta li span.date{
    letter-spacing: 2px;
}


/*--------- FunFact 3 ---------*/
.funfact_home{
    position: relative;
    background: url('../images/bg5.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0px;
}
.funfact_home:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(9, 16, 48, 0.64);
}
.man-img{
    padding-right: 50px;
}
.funfact_3{
    position: relative;
    background: url("../images/funfact-bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 80px;
}
.funfact_3:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.85);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.funfact_3 .funbox{
    text-align: left;
    float: left;
    width: 100%;
}
.funfact_3 .funbox .fun-left{
    float: left;
    margin-right: 25px;
    background: #262626;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 90px;
    border: 1px solid #5f5f5f;
}
.funfact_3 .fun_content{
    margin-top: 20px;
}
.funfact_3 .funbox h1{
    font-size: 30px;
    line-height: 30px;
    color: #fff;
}

.funfact_3 .funbox p{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0px;
}
.funfact_3 .funbox i{
    font-size: 48px;
    color: #42b95e;
}
@media screen and (max-width: 991px){
    .funfact_3 .funbox{
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .funfact_3 .funbox .fun-left{
        float: none;
        margin: 0 auto;
    }
}

/*------- Team -------*/
.teambox{
    position: relative;
    height: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.teambox_inner{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.teambox:hover .teambox_inner{
    margin-top: 0px;
    padding-bottom: 0px;
}
.teambox .teambox_intro{
    position: absolute;
    width: 100%;
    padding: 40px;
    background: #fff;
    left: 0;
    bottom: -50%;
    letter-spacing: 2px;
}
.teambox .teambox_intro h4{
    margin-top: 0px;
    margin-bottom: 0px;
}
.teambox .teambox_intro h6{
    color: #0092ff;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.teambox:hover .teambox_inner{
    margin-top: -40px;
    padding-bottom: 40px;
}
.teambox:hover .teambox_intro{
    bottom: 0px;
}
/*----  Clients ----*/
.clients{
    background: #f9f9f9;
    padding: 63px 0px;
}
.clients_carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}

/*----  Banner 2 ----*/
.banner_2{
    position: relative;
    background: url(../images/subscribe-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 100px;
}
.banner_2 .banner_content h4{
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    margin: 0px 0px 5px 0px;
}
.banner_2 .banner_content p{
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 0px;
}
.banner_2 .banner_form-box-input{
    float: left;
    width: 100%;
    margin-top: 6px;
}
.banner_2 .form-checkin{
    position: relative;
}
.banner_2 .form-checkin input.form-control{
    float: left;
    padding: 15px 30px;
    border: 2px solid #fff;
    background: transparent;
    font-size: 14px;
    color: #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    width: 63%;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}
.banner_2 .form-checkin .button{
    float: right;
    width: 35%;
    padding: 11px 15px;
    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}
.banner_2 .form-checkin .button:hover{
    border: 2px solid #fff;
}
.banner_2 ::-webkit-input-placeholder {
    color: #fff;
}
.banner_2 ::-moz-placeholder { 
    color: #fff;
}
.banner_2 :-ms-input-placeholder { 
    color: #fff;
}
.banner_2 :-moz-placeholder { 
    color: #fff;
}
.banner_2 :placeholder { 
    color: #fff;
}
@media screen and (max-width: 767px){
    .banner_2 .form-checkin input.form-control{
        width: 100%;
        margin: 20px 0px
    }
    .banner_2 .form-checkin input.form_btn{
        float: left;
    }
    .banner_2 .form-checkin input.form_btn{
        width: 100%;
    }
}

/*---- Contact Section----*/
.section-title.colored h2{
    color: #0092ff;
}
.contact{
    position: relative;
}
.contact>div{
    position: relative;
    z-index: 1;
}

.contact-form1 .section-title h5 {
    font-weight: 700;
    line-height: 24px;
    color: #1e283c;
}
.contact-form1 .form-control {
    display: inline-block;
    height: 50px;
    border: 0px;
    border-bottom: 1px solid #ececec;
    background: #fff;
    color: #1e283c;
    font-size: 14px;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    padding: 10px 0px;
}
.contact-form1 textarea.form-control{
    height: 70px;
    margin-bottom: 0px;
}
.contact-form1 ::-webkit-input-placeholder {
    color: #3d4656;    
}
.contact-form1 ::-moz-placeholder { 
    color: #3d4656;    
}
.contact-form1 :-ms-input-placeholder { 
    color: #3d4656;    
}
.contact-form1 :-moz-placeholder { 
    color: #3d4656;    
}
.contact-form1 :placeholder { 
    color: #3d4656;    
}

/*---- Contact 2 ----*/
.contact2{
    position: relative;
}
.contact_list .list_content{
    padding-right: 150px;
}
.contact_list .list_content ul.icon li{
    padding-top: 10px;
    padding-bottom: 10px;
}
.contact2 .contactsocial{
    margin-top: 20px;
}
.contact-form2 .form-group{
    margin-bottom: 20px;
}
.contact-form2 .form-control {
    display: inline-block;
    height: 50px;
    border: 1px solid #ececec;
    background: #fff;
    color: #1e283c;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    padding: 10px 20px;
}
.contact-form2 textarea.form-control{
    height: 140px;
}
.contact-form2 ::-webkit-input-placeholder {
    color: #3d4656;    
}
.contact-form2 ::-moz-placeholder { 
    color: #3d4656;    
}
.contact-form2 :-ms-input-placeholder { 
    color: #3d4656;    
}
.contact-form2 :-moz-placeholder { 
    color: #3d4656;    
}
.contact-form2 :placeholder { 
    color: #3d4656;    
}
@media screen and (max-width: 767px){
    .contact2 .list_content {
        padding-right: 0px;
    }
}

/*----- Contact 3 -----*/
.contact-form3{
    background: #fff;
}
.contact-form3 .section-title{
    margin-bottom: 0px;
    padding: 50px 50px 25px 50px;
    text-align: center;
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}
.contact-form3 .section-title h2{
    margin-bottom: 15px;
    color: #fff;
}
.contact-form3 .section-title p{
    margin-bottom: 0px;
    color: #fff;
}
.contact-form3 .form-container{
    padding: 30px 45px;;
}
.contact-form3 [class*=col-lg]{
    padding-left: 5px;
    padding-right: 5px;
}
.contact-form3 .form-control {
    display: inline-block;
    border: 0px;
    background: #f6f5f6;
    color: #1e283c;
    font-size: 12px;
    border-radius: 40px;
    box-shadow: none;
    outline: none;
    padding: 12px 15px;
}
.contact-form3 textarea.form-control{
    height: 150px;
    margin-bottom: 0px;
    border-radius: 10px;
}
.contact-form3 .submit-btn{
    text-align: center;
}
.contact-form3 .submit-btn .power_button{
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
    font-weight: 400;
}
.contact-form3 ::-webkit-input-placeholder {
    color: #bababa;    
}
.contact-form3 ::-moz-placeholder { 
    color: #bababa;    
}
.contact-form3 :-ms-input-placeholder { 
    color: #bababa;    
}
.contact-form3 :-moz-placeholder { 
    color: #bababa;    
}
.contact-form3 :placeholder { 
    color: #bababa;    
}

/*-- Contact Information --*/
.keepintouch {
    padding: 0px 0px;
}
.keepintouch .communication{
    display: flex;
    align-items: center;
    padding: 30px 0px;
    border-bottom: 1px solid #ececec;
}
.keepintouch .communication:first-child{
    padding-top: 10px;
}
.keepintouch .communication h5{
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #1e283c;
}
.keepintouch .communication h6{
    font-size: 16px;
    font-weight: 500;
    color: #4c668d;
}
.keepintouch .communication_icon{
    position: relative;
    width: 50px;
    margin-right: 20px;
}
.keepintouch .communication_icon img{
    width: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.keepintouch .communication_icon img.secondary_img{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.keepintouch .communication:hover img.primary_img{
    opacity: 0;
    visibility: hidden;
}
.keepintouch .communication:hover img.secondary_img{
    opacity: 1;
    visibility: visible;
}

/*-- Contact Information 2 --*/
.keepintouch2 {
    padding: 0px 0px;
}
.keepintouch2 .communication{
    display: flex;
    padding: 60px 60px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
    box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
}
.keepintouch2 .communication:hover{
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}
.keepintouch2 .communication h5{
    font-size: 22px;
    margin-top: 0px;
    margin-bottom: 25px;
    color: #1e283c;
}
.keepintouch2 .communication h6{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: #4c668d;
}
.keepintouch2 .communication:hover h5,
.keepintouch2 .communication:hover h6{
    color: #fff;
}
.keepintouch2 .communication_icon{
    position: relative;
    width: 60px;
    margin-right: 20px;
}
.keepintouch2 .communication_icon img{
    width: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.keepintouch2 .communication_icon img.secondary_img{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.keepintouch2 .communication:hover img.primary_img{
    opacity: 0;
    visibility: hidden;
}
.keepintouch2 .communication:hover img.secondary_img{
    opacity: 1;
    visibility: visible;
}

.gmap{
    width: 100%;
    height: 530px;
    margin-top: 100px;
}
.gmap.map2{
    margin-top: 0px;
}

/*-- Contact Social --*/
.contactsocial.colored h5{
    color: #0092ff;
}
.contactsocial{
    margin-top: 30px;
}
.contactsocial h5{
    float: left;
    margin-right: 20px;
}
.contactsocial ul{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.contact-social .social-item{
    margin-right: 10px;
    display: inline-block;
}
.contact-social .social-item:last-child{
    margin-right: 0px;
}
.contact-social .social-item a{
    display: block;
    width: 32px;
    height: 32px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #cbd2d9;
}
.contactsocial.colored .social-item a{
    color: #0092ff;
}
.contactsocial.colored .social-item a:hover,
.contact-social .social-item a:hover{
    color: #1e283c;
}

/*---- Lower Banner ----*/
.lower_banner_content{
    text-align: left;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0px;
}
.lower_banner_content h4{
    color: #fff;
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
    margin: 0px 0px 0px 0px;
}
.lower_banner_content p{
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
    color: #fff;
}
.lower_banner_content .banner_form_button_box .power_button_group .power_button {
    font-size: 11px;
    padding: 6px 20px;
}
.lower_banner_content .banner_form_button_box .power_button_group .transparent_button {
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    color: #fff;
}
.lower_banner_content .banner_form_button_box .power_button_group .transparent_button span{
    color: #fff;
    -webkit-text-fill-color: inherit;
}
@media screen and (max-width: 767px){
    .lower_banner_content{
        display: block;
    }
}
/*=========== History  =========*/
.timeline .time_panel{
    padding-bottom: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.timeline .time_panel:last-child{
    padding-bottom: 0px;
}
.timeline .time_panel.reverse_direction{
    flex-direction: row-reverse;
}
.timeline .panelbox {
    width: 50%
}
.timeline .time_panel .content{
    position: relative;
    padding-left: 60px;
}
.timeline .time_panel.reverse_direction .content{
    padding-left: 0px;
    padding-right: 60px;
}
.timeline .time_panel .content h1{
    position: absolute;
    top: 0;
    z-index: -1;
    font-size: 120px;
    color: #f4f4f4;
    line-height: 90px;
    letter-spacing: 3px;
}
.timeline .time_panel .content h3{
    font-size: 18px;
    line-height: 28px;
    padding-top: 35px;
    margin-bottom: 18px;
}

@media screen and (max-width: 991px){
    .timeline .panelbox{
        width: 100%
    }
    .timeline .time_panel{
        padding-bottom: 50px;
    }
    .timeline .time_panel .content,
    .timeline .time_panel.reverse_direction .content{
        padding-left: 0px;
        padding-right: 0px;
    }
}

/*------- FAQ ----------*/
.accordion div,
.accordion2 div{
    transition: none;
}
.accordion .item{
    position: relative;
    border-radius: 0px;
    margin-bottom: 45px;
}
.accordion .item:last-child{
    margin-bottom: 0px;
}
.accordion .item .title{
    position: relative;
    margin-bottom: 0px;
    padding: 10px 90px;
    cursor: pointer;
}
.accordion .item .title h3{
    font-size: 18px;
}
.accordion .item .title:before {
    content: "";
    background-image: url(../images/faq-icon1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f9f9f9;
    position: absolute;
    color: #cbd2d9;
    display: inline-block;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.accordion .item.active .title:before {
    background-image: url(../images/faq-icon2.png);
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #262626;
    color: #0092ff;
}
.accordion .item .title:after {
    content: "\f287";
    font-family: 'Ionicons';
    position: absolute;
    color: #262626;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    line-height: 20px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.accordion .item.active .title:after {
    content: "\f27e";
    color: #0092ff;
}
.accordion .item .accor-info,
.accordion .item .dion-info{
    display: none;
    padding: 5px 0px 5px 90px;
}
.accordion .item .accor-info.active,
.accordion .item .dion-info.active{
    display: block;
}

@media screen and (max-width: 991px) {
    .accordion .dion{
        margin-top: 90px;
    }
}
@media screen and (max-width: 767px) {
    .accordion .item{
        margin-bottom: 25px;
    }
    .accordion .item .title{
        padding: 10px 40px 10px 70px;
    }
    .accordion .item .title h3{
        font-size: 16px;
    }
    .accordion .item .title:before{
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .accordion .item .accor-info, .accordion .item .dion-info{
        padding: 10px 15px 10px 15px;
        font-size: 14px;
        line-height: 22px;
    }
}


/*=========== Footer 2 =========*/
.footer{
    position: relative;
    background: #141d2a;
}
.footer>div{
    position: relative;
    z-index: 1;
}
.footer-above{
    padding-top: 80px;
    padding-bottom: 80px;
}
.footer-bottom{
    border-top: 1px solid #272e3a;
}
.footer_bottom_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    color: #fff;
}
.footer-bottom a{
    color: #0092ff;
}
.footer-bottom a:hover{
    color: #fff;
}
.copyright p{
    color: #6a88a7;
    margin-bottom: 0px;
}
.widget-title{
    margin-bottom: 35px;
}
.widget-title h4{
    position: relative;
    font-size: 14px;
    color: #c2d4f8;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.footer ul{
    padding: 0;
    margin-bottom: 0px;
    list-style-type: none;
}
.footer ul li{
    list-style-type: none;
}
.footer-social{
    margin-top: 0px;
}
.footer-social .social-item{
    display: table-cell;
    margin: 0px 0px 0px 0px;
}
.footer-social .social-item:last-child{
    margin-right: 0px;
}
.footer-social .social-item a{
    display: block;
    border-left: 1px solid #272e3a;
    color: #3d4656;
    font-size: 24px;
    text-align: center;
    padding: 23px;
    -webkit-transition: all 0.05s;
    -moz-transition: all 0.05s;
    -o-transition: all 0.05s;
    transition: all 0.05s;
}
.footer-social .social-item a i{
    width: 1em;
    height: 1em;
    display: block;    
}
.footer-social .social-item:last-child a{
    border-right: 1px solid #272e3a;
}
.footer .footer-social .social-item a:hover{
    color: #0092ff;
    -webkit-transition: all 0.05s;
    -moz-transition: all 0.05s;
    -o-transition: all 0.05s;
    transition: all 0.05s;
}
.copyright{
    font-family: 'Poppins', sans-serif;
    padding: 20px 0px;
}
.footer_widget ul.menu li{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #e8e8e8;   
    padding: 7px 0px;
}
.footer_widget ul.menu li:first-child{
    padding-top: 0px;
}
.footer_widget ul.menu li:last-child{
    padding-bottom: 0px;
}
.footer_widget ul.menu li a{
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #e8e8e8;
    display: block;
    padding-left: 0px;
    text-decoration: none;
}
.footer_widget .yikes-mailchimp-container{
    padding: 0;
}
.footer_highlight{
    font-size: 14px;
    line-height: 24px;
    color: #0092ff;
    margin-top: 60px;
    margin-bottom: 0px;
}
.footer_form form{
    position: relative;
}
.footer_form .form-control,
.footer_form .tnp-email{
    position: relative;
    color: #c2d4f8;
    font-size: 14px;
    background: #272e3a;
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 40px;
    padding: 5px 20px;
}
.footer_form .form-control:focus,
.footer_form .tnp-email:focus{
    outline: none;
    box-shadow: none;
}
.footer_form .tnp-field > label{
    display: none;
}
.footer_form .power_button,
.footer_form .tnp-field-button{
    padding: 5px 15px;
    font-size: 24px;
    letter-spacing: 1px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    box-shadow: none;
    outline: none;
    border: 0px;
    border-radius: 40px;
    color: #fff;
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
}
.footer_form .tnp-field-button.tnp-field input[type="submit"]{
    position: relative;
    background: transparent;
    border: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    outline: none;
}

.footer_form h6{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #c2d4f8;
    margin-top: 60px;
    margin-bottom: 0px;
}
.footer_form .power_button:before, .footer_form .power_button:after{
    display: none;
}
@media screen and (max-width: 991px){
    .footer-above{
        padding-bottom: 40px;
    }
    .footer_widget {
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 767px){
    .footer .footer_widget{
        margin-bottom: 50px;
    }
    .footer_bottom_inner{
        display: block;
    }
    .footer-social .social-item{
        display: inline-block;
    }
    .footer-social .social-item a{
        padding: 12px;
    }
    .footer-social{
        display: inline-block;
        border-bottom: 1px solid #272e3a
    }
    .copyright{
        padding: 15px 0px;
    }
}



/*-------- 404 ------*/
.not-found h1{
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    color: #fff;
    background: -webkit-linear-gradient(#0092ff, #285acc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
}
.not-found h5{
    font-size: 30px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 10px;
}
.not-found p{
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 35px;
}
.not-found a.btn{
    color: #0092ff;
    border: 1px solid #0092ff;
    outline: none;
    box-shadow: none;
}
.not-found a.btn:hover,.not-found a.btn:focus,.not-found .btn-outline-primary:not(:disabled):not(.disabled):active{
    background: #0092ff;
    border: 1px solid #0092ff;
    color: #fff;
    box-shadow: none;
}
.power_portfolio_item .power_portfolio_label_text h4 {
    position: relative;
}
.power_portfolio_item .power_portfolio_label_text h4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background: #fff;
}
p.comment-form-cookies-consent label{
    display: inline;
}
/*-------- Blog Sidebar ------------*/
.sidebar .widget{
    margin-bottom: 30px;
    padding: 50px 40px;
    -webkit-box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
    box-shadow: 2px 0px 13px rgba(28, 30, 78, 0.07);
}

@media screen and (max-width: 767px) {
    .sidebar{
        margin-top: 50px;
    }
}
h4.widget_title{
    position: relative;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 35px;
    margin-top: 0px;
    padding-bottom: 0px;
    letter-spacing: 0px;
    color: #262626;
    text-align: center;
}
.widget ul{
    margin: 0px;
    padding: 0px;
}
.widget ul ul{
    padding-left: 15px;
}
.widget ul li{
    list-style-type: none;
}
.widget ul li:last-child{
    margin-bottom: 0px;
}
.widget ul li a:hover{
    color: #0092ff;
}
.widget select{
    width: 100%;
    height: 50px;
    padding: 5px 10px;
    outline: none;
    box-shadow: none;
    background: #f4f4f4;
    border: 1px solid #f2f2f2;
}

/*-----------------------*/
.sidebar .widget .search-form{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    -webkit-transform: none;
    transform: none;
}
.sidebar .widget .search-form .form-control{
    height: 50px;
    border: 1px solid #ececec;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    color: #000;
}
.sidebar .widget .search-form .form-control:focus{
    outline: none;
    box-shadow: none;
}
.sidebar .widget .search-form .form-control-submit{
    position: absolute;
    right: 0;
    width: auto;
    top: 0;
    border: 0;
    border-bottom: 2px solid #0092ff;
    background: transparent;
    font-size: 24px;
    line-height: 40px;
    color: #262626;
    padding: 5px 12px;
    cursor: pointer;
}
/*-----------------------*/
.kempner-recent-post-widget li{
    margin-bottom: 20px;
}
.kempner-recent-post-widget .post-info.w-75{
    width: 67%!important;
}
.kempner-recent-post-widget .post-info .post-meta,
.kempner-recent-post-widget .post-info .post-meta a{
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #c4c4c4;
    margin-top: 0px;
    margin-bottom: 0px;
}
.kempner-recent-post-widget .post-info h4.entry-title{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
}

/*-----------------------*/
.sidebar .widget .sidebar_tags ul li, .tagcloud li{
    display: inline-block;
    width: auto;
}
.sidebar .widget .sidebar_tags ul.tag_list li a, .tagcloud a{
    font-family: 'Poppins', sans-serif;
    font-size: 16px!important;
    font-weight: 700;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 9px;
    margin-right: 5px;
    padding: 7px 10px;
    background: rgba(236, 236, 236, 0.3);
    color: #1e283c;
}
.sidebar .widget .sidebar_tags ul.tag_list li a:hover, .tagcloud a:hover{
    color: #0092ff;
}

/* ----- Last Added CSS ----- */
.sidebar .widget ul li a{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
}
.widget table#wp-calendar{
    width: 100%;
}
.recent-posts-widget-with-thumbnails ul li{
    line-height: 20px;
}
.recent-posts-widget-with-thumbnails ul li a .rpwwt-post-title{
    font-size: 16px;
}
.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date{
    margin: 12px 0px 0px 0px;
}

.widget_categories ul li, .widget_archive ul li, .widget_recent_entries ul li,
.widget_recent_comments ul li, .widget_rss ul li{
    display: block;
    border-bottom: 1px solid #ececec;
    padding: 12px 0px 12px 0px;
}
.widget_categories > ul > li:first-child, .widget_archive ul li:first-child, .widget_recent_entries ul li:first-child,
.widget_recent_comments ul li:first-child, .widget_rss ul li:first-child{
    padding-top: 0px;
}
.widget_categories ul li:last-child, .widget_archive ul li:last-child, .widget_recent_entries ul li:last-child,
.widget_recent_comments ul li:last-child, .widget_rss ul li:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
}
/*-----------------------*/
.widget_meta ul li a,
.widget_pages ul li a, .widget_nav_menu ul li a{
    display: block;
    border-bottom: 1px solid #ececec;
    padding: 12px 0px 12px 0px;
}
.widget_meta ul li:first-child a{
    padding-top: 0px;
}
.widget_meta ul li:last-child a{
    border-bottom: 0px;
    padding-bottom: 0px;
}
/*-----------------------*/
.widget_categories ul ul{
    margin-top: 15px;
    border-top: 1px solid #ececec;
}
/*-----------------------*/
.widget_recent_entries ul li a{
    position: relative;
    display: block;
}
.widget_recent_entries ul li span.post-date{
    margin-top: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    margin-bottom: 6px;
}
/*-------------------------*/
.footer-widget ul li a{
    display: block;
    border-bottom: 1px solid #ececec;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 0px 12px 0px;
    color: #111a22;
}
.sidebar .widget.widget_calendar caption{
    padding-bottom: 0px;
    line-height: 16px;
    font-weight: 600;
    color: #0092ff;
}
.widget_text img{
    width: 100%;
    height: auto;
}
.rssSummary,.rpwwt-post-date,.rpwwt-post-comments-number{
    font-family: 'Roboto', sans-serif;
}
.wp-caption {
    max-width: 100%;
    margin-bottom: 30px;
}
.wp-caption img {
    width: 100%;
}
/* Text meant only for screen readers. */
.page-links{
    clear: both;
}
.page-links span {
    font-weight: 600;
    padding-left: 10px;
    display: inline-block;
}
.page-links span.page-links-title{
    color: #000;
    padding-left: 0px;
}
.page-links span{
    color: #0092ff;
}
.page-links a span{
    color: #000;
}
.page-links a span:hover{
    color: #0092ff;
}
.page-links span.screen-reader-text{
    padding-left: 0px;
}

.entry-footer{
    clear: both;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
    height: auto;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.gallery-caption{
    text-align: center;
}
.bypostauthor{
    color: inherit;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.comment-form-cookies-consent{
    padding: 15px 15px;
}
.comment-form-cookies-consent input{
    margin-right: 10px;
}

.blog_post.sticky .post_header h2.post_title, .blog_post.sticky .post_header h2.post_title a,
.blog_post.tag-sticky-2 .post_header h2.post_title, .blog_post.tag-sticky-2 .post_header h2.post_title a
{
    color: #0092ff;
}
.blog_post .full_content h1, .blog_post .full_content h2, .blog_post .full_content h3, .blog_post .full_content h4, .blog_post .full_content h5, .blog_post .full_content h6, .page .full_content h1, .page .full_content h2, .page .full_content h3, .page .full_content h4, .page .full_content h5, .page .full_content h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .blog-comments h1, .blog-comments h2, .blog-comments h3, .blog-comments h4, .blog-comments h5, .blog-comments h6{
    margin-top: 20px;
}


.footer_form .power_button:before, .footer_form .power_button:after{
    display: none;
}
.not-found .search-form{
    position: relative;
    left: 0;
    top: 0;
    transform: none;
}

.post-password-form input[type="password"]{
    font-size: 14px;
    color: #4c668d;
    display: inline-block;
    height: 50px;
    border: 1px solid #ececec;
    background: transparent;
    border-radius: 10px;
    box-shadow: none;
    outline: none;
    padding: 12px 15px;
}
.post-password-form input[type="submit"]{
    position: relative;
    width: auto;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    padding: 12px 45px;
    color: #fff;
    background: rgb(0,146,255);
    background: -moz-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: -webkit-linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    background: linear-gradient(90deg, #0092ff 0%, #285acc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0092ff",endColorstr="#285acc",GradientType=1);
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #0092ff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.post-password-form input[type="submit"]:hover {
    background: rgb(40,90,204);
    background: -moz-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: -webkit-linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    background: linear-gradient(90deg, #285acc 0%, #0092ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#285acc",endColorstr="#0092ff",GradientType=1);
}

/* Blocks */
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > * {
  margin: 32px 0;
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *,
  .entry .entry-summary > * {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content > *,
  .entry .entry-summary > * {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *,
  .entry .entry-summary > * {
    margin: 32px 0;
  }
}

.entry .entry-content > * > *:first-child,
.entry .entry-summary > * > *:first-child {
  margin-top: 0;
}

.entry .entry-content > * > *:last-child,
.entry .entry-summary > * > *:last-child {
  margin-bottom: 0;
}

.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.alignwide,
  .entry .entry-summary > *.alignwide {
    width: 100%;
    max-width: 100%;
  }
}

.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull {
  position: relative;
  left: -1rem;
  width: calc( 100% + (2 * 1rem));
  max-width: calc( 100% + (2 * 1rem));
  clear: both;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.alignfull,
  .entry .entry-summary > *.alignfull {
    margin-top: calc(2 * 1rem);
    margin-bottom: calc(2 * 1rem);
    left: calc( -12.5% - 75px);
    width: calc( 125% + 150px);
    max-width: calc( 125% + 150px);
  }
}

.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft {
  /*rtl:ignore*/
  float: left;
  max-width: calc(5 * (100vw / 12));
  margin-top: 0;
  margin-left: 0;
  /*rtl:ignore*/
  margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.alignleft,
  .entry .entry-summary > *.alignleft {
    max-width: calc(4 * (100vw / 12));
    /*rtl:ignore*/
    margin-right: calc(2 * 1rem);
  }
}

.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright {
  /*rtl:ignore*/
  float: right;
  max-width: calc(5 * (100vw / 12));
  margin-top: 0;
  margin-right: 0;
  /*rtl:ignore*/
  margin-left: 1rem;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.alignright,
  .entry .entry-summary > *.alignright {
    max-width: calc(4 * (100vw / 12));
    margin-right: 0;
    /*rtl:ignore*/
    margin-left: calc(2 * 1rem);
  }
}

.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    max-width: calc(8 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 1168px) {
  .entry .entry-content > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    max-width: calc(6 * (100vw / 12) - 28px);
  }
}

@media only screen and (min-width: 768px) {
  .entry .entry-content > *.aligncenter,
  .entry .entry-summary > *.aligncenter {
    margin-left: 0;
    margin-right: 0;
  }
}

.wp-block-button {
    color: #fff;
    padding: 15px 0px;
}

.comment-area .pingback .comment-block,
.comment-area .trackback .comment-block {
    margin-left: 0px;
}