/*------------------------------------------------------------------
    File Name: style.css
    Template Name: Think Grow - Responsive HTML5 Template
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
    [Table of contents]

    1. import fonts
    2. import files
	  3. basic
    4. loader
    5. header
    6. half-slider
    7. contant section
       - heading 
       - about us section
       - service section
       - process
       - portfolio
       - testimonial
       - subribe section
    8. footer
    9. copyright
    10. popup
    11. header style 2
    12. inner pages
    13. service page
    14. blog page
        - blog details
    15. signle team 
    16. testimonial 
        - process bar
        - pagination
    17. price table 
    18. error
    19. faq 
    20. blog grid    
    21. contact us
   
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
    1. import fonts
-------------------------------------------------------------------*/

@import url('css.css');
@import url('css1.css');
@import url('css2.css');
@import url('css3.css');
@import url('css4.css');

/*------------------------------------------------------------------
    2. import files
-------------------------------------------------------------------*/

@import url(animate.css);
@import url(flaticon.css);
@import url(font-awesome.min.css);

/*------------------------------------------------------------------
    3. basic
-------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
    outline: none !important;
}
html,
body {
    color: #898989;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
    font-weight: 400;
    overflow-x: hidden !important;
}
body.demos .section {
    background: url(https://html.design/demo/thinkgrow/images/bg.png) repeat top center #f2f3f5;
}
body.demos .section-title img {
    max-width: 280px;
    display: block;
    margin: 10px auto;
}
body.demos .service-widget h3 {
    border-bottom: 1px solid #ededed;
    font-size: 18px;
    padding: 20px 0;
    background-color: #ffffff;
}
body.demos .service-widget {
    margin: 0 0 30px;
    padding: 30px;
    background-color: #fff
}
body.demos .container-fluid {
    max-width: 1080px
}
a {
    color: #1f1f1f;
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    font-weight: normal;
    position: relative;
    padding: 0;
    font-weight: normal;
    line-height: normal;
    color: #1f1f1f;
    margin: 0
}
ol, ul {
    list-style: none;
    margin: 0;
}
h1 {
    font-size: 24px
}
.small_heading.main-heading h2 {
    font-size: 21px;
}
.small_heading.main-heading::after {
    top: 18px;
}
.small_heading.main-heading {
    margin-bottom: 20px;
    width: 100%;
}
h3 {
    font-size: 18px
}
h4 {
    font-size: 16px
}
h5 {
    font-size: 14px
}
h6 {
    font-size: 13px
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #212121;
    text-decoration: none!important;
    opacity: 1
}
a {
    color: #1f1f1f;
    text-decoration: none;
    outline: none;
}
a,
.btn {
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-custom {
    margin-top: 20px;
    background-color: transparent;
    border: 2px solid #ddd;
    padding: 12px 40px;
    font-size: 16px;
}
a.btn {

    min-width: 170px;
    height: 50px;
    border-radius: 100px;
    padding: 0;
    text-align: center;
    line-height: 50px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    margin-top: 10px;

}
button.btn {
    min-width: 170px;
    height: 45px;
    border-radius: 100px;
    padding: 0;
    text-align: center;
    line-height: 42px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    margin-top: 10px;
}
.padding-bottom_0 {
    padding-bottom: 0 !important;
}
.padding-top_0 {
    padding-top: 0 !important;
}
.padding-bottom_1 {
    padding-bottom: 10px !important;
}
.padding-top_1 {
    padding-top: 10px !important;
}
.padding-bottom_2 {
    padding-bottom: 20px !important;
}
.padding-top_2 {
    padding-top: 20px !important;
}
.padding-bottom_3 {
    padding-bottom: 30px !important;
}
.padding-top_3 {
    padding-top: 30px !important;
}
.padding-bottom_4 {
    padding-bottom: 40px !important;
}
.padding-top_4 {
    padding-top: 40px !important;
}
.padding-bottom_5 {
    padding-bottom: 50px !important;
}
.padding-top_5 {
    padding-top: 50px !important;
}
.color_black p,
.color_black ul,
.color_black ul li {
    color: #000;
}
.img-responsive {
    max-width: 100%;
}
button i {
    color: #fff;
}
.lead {
    font-size: 18px;
    line-height: 30px;
    color: #767676;
    margin: 0;
    padding: 0;
}
blockquote {
    margin: 20px 0 20px;
    padding: 30px;
}
.light_silver {
    background: #f2f1f1;
}
h2 {
    font-size: 30px;
    color: #000;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    position: relative;
}
h3 {
    font-size: 24px;
    color: #000;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
}
h4 {
    font-size: 18px;
    color: #000;
    line-height: 21px;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 15px;
}
h5 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    line-height: normal;
    color: #000;
}
p {
    color: #898989;
    font-size: 16px;
    line-height: 24px;
    font-weight: 200;
    margin-top: 1rem;
}
button,
input,
select,
textarea,
option {
    font-family: 'Poppins', sans-serif;
}
a#submit {
    z-index: 1;
}
a:hover,
a:focus {
    color: #2a3a4b;
    text-decoration: none;
}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10 {
    padding: 0 15px;
    float: left;
    min-height: 25px;
}
.border_radius_0 {
    border-radius: 0 !important;
}
.span1 {
    width: 10%;
}
.span2 {
    width: 20%;
}
.span3 {
    width: 30%;
}
.span4 {
    width: 40%;
}
.span5 {
    width: 50%;
}
.span6 {
    width: 60%;
}
.span7 {
    width: 70%;
}
.span8 {
    width: 80%;
}
.span9 {
    width: 90%;
}
.span10 {
    width: 100%;
}
.container {
    width: 1200px;
}
.section_padding {
    padding: 80px 0 100px;
}
.layout_2_padding {
    padding: 100px 0 80px;
}
.full {
    float: left;
    width: 100%;
}

.margin_top_10 {
    margin-top: 10px;
}

.margin_top_20 {
    margin-top: 20px;
}

.margin_top_30 {
    margin-top: 30px;
}

.margin_top_40 {
    margin-top: 40px;
}

.margin_top_50 {
    margin-top: 50px;
}

.margin_top_60 {
    margin-top: 60px;
}

.margin_top_70 {
    margin-top: 70px;
}

.margin_top_80 {
    margin-top: 80px;
}

.margin_top_90 {
    margin-top: 90px;
}

.margin_bottom_10 {
    margin-bottom: 10px;
}

.margin_bottom_20 {
    margin-bottom: 20px;
}

.margin_bottom_30 {
    margin-bottom: 30px;
}

.margin_bottom_40 {
    margin-bottom: 40px;
}

.margin_bottom_50 {
    margin-bottom: 50px;
}

.margin_bottom_60 {
    margin-bottom: 60px;
}

.margin_bottom_70 {
    margin-bottom: 70px;
}

.margin_bottom_80 {
    margin-bottom: 80px;
}

.margin_bottom_90 {
    margin-bottom: 90px;
}

.layout_padding {
    padding-top: 90px;
    padding-bottom: 90px;
}
.text-align_center {
  text-align: center;
}
.text-align_left {
  text-align: left;
}
.text-align_right {
  text-align: right;
}
.center {
    float: left;
    width: 100%;
    justify-content: center;
    display: flex;
}

.white_fonts p,
.white_fonts h1,
.white_fonts h2,
.white_fonts h3,
.white_fonts h4,
.white_fonts h5,
.white_fonts h6,
.white_fonts ul,
.white_fonts ul li,
.white_fonts ul li a,
.white_fonts ul i,
.white_fonts .post_info i,
.white_fonts div,
.white_fonts a.read_more,
.white_fonts h2 span {
    color: #fff !important;
}

.padding-left_right_0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/*------------------------------------------------------------------
    4. loader
-------------------------------------------------------------------*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.pinkBg {
    background-color: #4e6af3!important;
    background-image: linear-gradient(90deg, #4e6af3, #011991);
}
.intro-banner-vdo-play-btn{
    height:75px;
    width:75px;
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    margin:-30px 0 0 -30px;
    border-radius:100px;
    z-index:1
}
.intro-banner-vdo-play-btn img {
    width: 50px;
    margin-top: 13px;
    margin-left: 2px;
}
.intro-banner-vdo-play-btn i{
    line-height:56px;
    font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
    left:50%;
    top:50%;
    opacity:0;
    margin:-80px 0 0 -80px;
    border-radius:100px;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}

/*------------------------------------------------------------------
    5. header
-------------------------------------------------------------------*/

/*-- header top section --*/

.header_top {
    background: #3b55d7;
    min-height: 50px;
}

.header_top ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.header_top .social_icon {
    margin: 12px 0 0;
}

/*-- social icon --*/

.social_icon ul li a {
    color: #3b55d7;
    width: 25px;
    background: #fff;
    text-align: center;
    height: 25px; 
    border-radius: 100%;
    float: left;
    line-height: 25px;
    margin-right: 5px;
}

.social_icon ul li a:hover,
.social_icon ul li a:focus {
    background: #a4b3ff;
    color: #fff;
}

.social_icon ul li {
    float: left;   
}

/*-- right information --*/

.right_information ul li {
    float: left;
    margin-left: 25px;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

.right_information ul li a {
    color: #fff;
}

.right_information ul li a i {
    margin-right: 2px;
}

.right_information {
    margin: 14px 0 0;
}

/*-- logo --*/

.logo {
    padding: 16px 0 15px;
    background-image: url('../image/top_sape.png');
    background-position: right;
    background-size: auto 100%;
}

.logo::after {

    width: 80px;
    height: 100%;
    background-image: url('../image/top_sape.png');
    position: absolute;
    right: -94px;
    content: "";
    top: 0;
    background-position: right top;
    z-index: 1;

}



/*-- header bottom section --*/

.header_bottom {
    padding: 0;    background: rgba(23,25,35,0.9);
}

/*-- menu --*/

.menu_section {
    float: left;
}

.menu_layout {
    background: rgba(23,25,35,0.9);
    min-height: auto;
    padding: 25px 20px 25px 60px;
}

#main_menu > ul > li > a.active {
    color: #6b84f9;
}

#main_menu,
#main_menu ul,
#main_menu ul li,
#main_menu ul li a,
#main_menu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#main_menu:after,
#main_menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#main_menu #menu-button {
  display: none;
}
#main_menu {
}
#main_menu > ul > li {
  float: left;
}
#main_menu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#main_menu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#main_menu.align-center ul ul {
  text-align: left;
}
#main_menu.align-right > ul > li {
  float: right;
}
#main_menu > ul > li > a {
    padding: 20px 15px;
    font-size: 16px;
    letter-spacing: -0.2px;
    color: #fff;
    font-weight: 400;
    text-transform: none;
}
#main_menu > ul > li.has-sub > a {
  padding-right: 30px;
}
#main_menu > ul > li.has-sub > a:after {
  position: absolute;
  top: 28px;
  right: 15px;
  width: 8px;
  height: 2px;
  display: block;
  background: #fff;
  content: '';
}

#main_menu > ul > li.has-sub > a:before {
  position: absolute;
  top: 25px;
  right: 18px;
  display: block;
  width: 2px;
  height: 8px;
  background: #fff;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#main_menu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#main_menu ul ul {
  position: absolute;
  left: -9999px;
}
#main_menu.align-right ul ul {
  text-align: right;
}
#main_menu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#main_menu li:hover > ul {
  left: auto;
}
#main_menu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#main_menu li:hover > ul > li {
    height: 40px;
}
#main_menu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#main_menu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#main_menu ul ul li a {

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 13px 20px 12px;
    width: 200px;
    font-size: 14px;
    text-decoration: none;
    color: #666;
    font-weight: 300;
    background: #fff;

}
#main_menu ul ul li:last-child > a,
#main_menu ul ul li.last-item > a {
  border-bottom: 0;
}
#main_menu ul ul li:hover > a,
#main_menu ul ul li a:hover {
  color: #879bff;
}
#main_menu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#main_menu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#main_menu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#main_menu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#main_menu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media (max-width: 767px) {
  #main_menu {
    width: 100%;
  }
  #main_menu ul {
    width: 100%;
    display: none;
  }
  #main_menu.align-center > ul {
    text-align: left;
  }
  #main_menu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #main_menu ul ul li,
  #main_menu li:hover > ul > li {
    height: auto;
  }
  #main_menu ul li a,
  #main_menu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #main_menu > ul > li {
    float: none;
  }
  #main_menu ul ul li a {
    padding-left: 25px;
  }
  #main_menu ul ul ul li a {
    padding-left: 35px;
  }
  #main_menu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #main_menu ul ul li:hover > a,
  #main_menu ul ul li.active > a {
    color: #ffffff;
  }
  #main_menu ul ul,
  #main_menu ul ul ul,
  #main_menu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #main_menu > ul > li.has-sub > a:after,
  #main_menu > ul > li.has-sub > a:before,
  #main_menu ul ul > li.has-sub > a:after,
  #main_menu ul ul > li.has-sub > a:before {
    display: none;
  }
  #main_menu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #main_menu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #main_menu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #main_menu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #main_menu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #main_menu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #main_menu .submenu-button.submenu-opened {
    background: #262626;
  }
  #main_menu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #main_menu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #main_menu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #main_menu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #main_menu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #main_menu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #main_menu .submenu-button.submenu-opened:before {
    display: none;
  }
}

/*-- searchbar --*/

.search_section {
    float: right;
}

.search_section a.search_icon {
    color: #fff;
    background: #3b55d7;
    width: 48px;
    height: 48px;
    float: left;
    text-align: center;
    line-height: 46px;
    cursor: pointer;
    border-radius: 100%;
    font-size: 18px;
}

.search_section a.search_icon:hover,
.search_section a.search_icon:focus {
    background: #879bff;
    color: #fff;
}

.search_section {
    float: right;
    margin-top: 5px;
}

/*-- slider contant --*/

.slider_contant h2 {
    line-height: normal;
    font-size: 100px;
    font-weight: 600;
    letter-spacing: -2px;
    margin-bottom: 0;
    color: #3b55d7;
}

#main_slider p {
    color: #999999;
    font-size: 24px;
    line-height: 32px;
    font-weight: 200;
}


.main_bt {
    min-width: 250px;
    height: 60px;
    background: #3b55d7;
    float: left;
    border-radius: 90px;
    text-align: center;
    color: #fff;
    line-height: 60px;
    font-weight: 300;
    position: relative;
    font-size: 18px;
}


.header_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.header_2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

/*- slider section -*/

.slider_contant {
    margin-top: 340px;
    width: 640px;
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
    padding: 0;
}

.slider_contant p {
    font-size: 20px;
    color: #999999;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 30px;
    margin-top: -10px;
}

.read_more_bt .circle_bt span {
    width: 60px;
    float: left;
    height: 60px;
    text-align: center;
    border: solid #3b55d7 3px;
    border-radius: 100%;
    line-height: 56px;
    color: #3b55d7;
    font-size: 30px;
    background: #fff;
    position: absolute;
    left: 0;
    top: -5px;
    font-weight: 300;
}

.circle_bt {

    background: #3b55d7;
    color: #fff;
    padding: 0 30px 0 75px;
    float: left;
    font-weight: 300;
    font-size: 16px;
    height: 50px;
    position: relative;
    border-radius: 80px;
    line-height: 50px;
    transition: ease all 0.5s;
    margin-top: 0;

}

.circle_bt:hover,
.circle_bt:focus {
   background: #3b55d7;
   color: #fff;
}

.slider_section .carousel-inner {
    padding-bottom: 10px;
}

.slider_contant .carousel-indicators {
    bottom: 0;
    justify-content: start;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    width: auto;
    margin-bottom: 0;
}

.slider_section .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: #ddd;
    border-radius: 100%;
    margin-left: 0;
    cursor: pointer;
    margin-right: 5px;
}

.slider_section .carousel-indicators li.active {
    background-color: #3b55d7;
}

.slider_section .carousel {
    padding-bottom: 60px;
}

/*------------------------------------------------------------------
    6. half-slider
-------------------------------------------------------------------*/

.owl-carousel.owl-carousel_haf .owl-item img {
    display: block;
    width: auto;
    height: 100px;
}

.owl-carousel_haf .owl-nav, .owl-carousel_haf .owl-dots {
    display: none;
}

/*------------------------------------------------------------------
    7. contant section
-------------------------------------------------------------------*/

/*- heading -*/

.heading {

}

.heading_main {
    display: flex;
    justify-content: center;
}

.heading h2 {
    font-size: 44px;
    font-weight: 600;
    position: relative;
    padding-left: 85px;
    line-height: 48px;
}

.heading_main h2 {
    font-size: 60px;
    font-weight: 600;
    position: relative;
    padding-left: 0;
    line-height: normal;
}

.heading_main h2::after {
    width: 125px;
    background-color: transparent;
    content: "";
    display: block;
    position: relative;
    margin: -5px auto 0;
    background-image: url(../image/heading_bottom.png);
    height: 32px;
}

.heading_main h2 span,.heading h2 span {
    color: #3b55d7;
}

.heading h2::after {
    width: 75px;
    height: 10px;
    background: #dddddd;
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    left: 0;
}

/*- about us section -*/

.information_blog h3 {
    background: #3b55d7;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    text-transform: none;
    min-height: 75px;
    border-top: solid #ebeefb 5px;
    line-height: 75px;
}

.information_blog {
    margin-top: 50px;
    opacity: 0.3;
}

.active .information_blog{
    margin-top: 0px;
    opacity: 1;
}

.information_blog img {
    margin: 40px 0;
}

.information_blog p {
    font-size: 19px;
    font-weight: 200;
    color: #999999;
    line-height: 28px;
    margin-bottom: 35px;
}

.information_blog::after {
    width: 100%;
    display: block;
    height: 100%;
    background-image: url('../image/white_gl.png');
    background-size: 100% 100%;
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.active .information_blog::after {
  display: none;
}

/*- service section -*/

.services_section {
    background-image: url('../image/blue_bg.png');
    background-repeat: no-repeat;
}

.service_blog {
    background: #fff;
    padding: 40px 45px;
    display: flex;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.05);
    margin-bottom: 32px;
}

.service_blog .feature_img {
    margin-right: 70px;
}

.service_blog .feature_img img {
    height: 110px;
}

.feature_cont h4 {
    color: #3b55d7;
    font-size: 28px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
}

.feature_cont p {
    color: #666;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
}

.read_more_link {
    color: #3b55d7;
    font-weight: 500;
}

/*- process -*/

.process_step_img {
    background:#3b55d7;
    min-height: 370px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.process_step h4 {
    background-image: url(../image/step_no.png);
    background-repeat: no-repeat;
    width: 178px;
    height: 165px;
    background-size: auto 100%;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 65px;
    font-weight: 500;
}

.process_step h4 span.sml {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    overflow: hidden;
}

.process_step h3 {
    font-size:20px;
    font-weight: 300;
    text-transform: none;
    margin: 10px 0;
}

.process_step h3 span {
    color: #213bba;
    font-weight: 600;
}

.process_step h3 span {
    color: #213bba;
    font-weight: 600;
}

.process_step p {
    color: #666;
    font-size: 16px;
    font-weight: 200;
    line-height: 28px;
    margin-top: 0;
}

/*- portfolio -*/

.portfolio_section {
    background-image: url('../image/portfolio_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.top_blue_layer {
    background-image: url('../image/portfolio_bg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.portfolio_tab .portfolio {
    margin-bottom: 30px;
}

.portfolio_tab .tab_head {
    display: flex;
    justify-content: center;
}

.portfolio_tab .tab_head li {
    display: inline;
    margin: 0 18px;
}

.portfolio_tab .tab_head li a {
    color: #d1d9ff;
    font-weight: 500;
    cursor: pointer; font-size:22px;
}

.portfolio_tab .tab_head li a:hover, .portfolio_tab
.tab_head li a:focus {
    color: #fff;
    border-bottom: solid 2px #fff;
    padding-bottom: 10px;
}

.portfolio_tab .tab_head ul {
    margin: 0 0 60px 0;
}

/*- testimonial -*/

.blue_section {
    background-image: url("../image/blue_imgbg.png");
    background-size: cover;
}

#testimonial {
    float: left;
    width: 100%;
}

.testi_cont {
    display: flex;
    margin: -120px auto 0;
    text-align: center;
    background: #fff;
    justify-content: center;
    border: solid #112aa5 7px;
    padding: 45px;
    width: 610px;
    height: 500px;
    border-radius: 100%;
    align-items: center;
}

.testi_cont p {
    font-size: 15px;
    font-weight: 300;
    color: #666666;
    margin: 45px 0 0 0;
    line-height: 28px;
}

.testi_cont p strong {
    color: #0f28a4;
    font-size: 22px;
    font-weight: 600;
}

.testi_feature_img img {
        width: 150px;
    height: 150px;
    border-radius: 50%;
}

#testimonial a.carousel-control-prev, 
#testimonial a.carousel-control-next {
    color: #fff;
    opacity: 1;
    font-size: 50px;
}

.testi_cont {
    display: flex;
    margin: -100px auto 0;
    text-align: center;
    background: #fff;
    justify-content: center;
    border: solid #112aa5 10px;
    padding: 45px;
    width: 510px;
    height: 400px;
    border-radius: 100%;
    align-items: center;
}

.testimonial_slider {
    margin-bottom: -90px;
}

/*- subribe section -*/

.sabcribe_section {
    background-image: url(../image/ba-1.jpg); height:600px;
}

.sabcribe_section .heading_2 {
    margin-top: 325px;
}

.heading_2 h3 {
    font-size: 60px;
    text-transform: none;
    text-align: center;
    font-style: italic;
    text-shadow: 2px 2px 2px #000;
}

.subscribe_form {
    margin-top: 30px;
}

.subscribe_form fieldset {
    display: block;
    width: 100%;
    justify-content: center;
}

.subscribe_form fieldset input {
    border: solid #112aa5 3px;
    min-height: 75px;
    padding: 0 30px;
    font-size: 21px;
    font-weight: 500;
    font-style: italic;
    color: #999;
    width: 65%;
    float: left;
}

.subscribe_form fieldset button {
    background: #112aa5;
    border: none;
    color: #fff;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    width: 255px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    float: left;
    height: 75px;
}

/*------------------------------------------------------------------
    8. footer
-------------------------------------------------------------------*/

footer {
  float: left;
  width: 100%;
}

footer {
    min-height: 520px;
   
    margin-top: -20px;
    padding-top: 120px;
}

.footer_inner_section {
    background-image: url('../image/footer_bg.png');
    min-height: 260px;
    background-repeat: no-repeat;
    padding-top: 90px;
    background-size: auto 225px;
}

.logo_footer img {
    width: 195px;
    padding-left: 20px;
}

.footer_inner_section p {
    padding-top: 90px;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    margin: 0;
    padding-right: 20px;0
}

footer h3 {
    text-transform: none;
    font-weight: 600;
    color: #222;
    font-size: 24px;
    padding-top: 30px;
}

.footer_menu {
    margin-top: 20px;
}

.footer_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_menu ul li {
    font-size: 17px;
    font-weight: 300;
    margin: 8px 0;
}

.footer_menu ul li a {
    color: #444;
    transition: ease all 0.5s;
}

.footer_menu ul li:hover a,
.footer_menu ul li:focus a {
    color: #4e69f3;
    font-weight: 400;
}

.footer_contant p {
    padding-top: 0;
    padding-right: 0;
    font-size: 15px;
}

.footer_contant p strong {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.grey_bg {
    background: #222222;
}

/*------------------------------------------------------------------
    9. copyright
-------------------------------------------------------------------*/

.cpy p {
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 200;
    font-size: 15px;
    line-height: 60px;
}

/*------------------------------------------------------------------
    10. popup
-------------------------------------------------------------------*/

.modal-open {
    padding: 0 !important;
}

div#myModal.modal {
    padding: 0 !important;
}

div#myModal.modal {
    padding: 0 !important;
    background: rgba(0,0,0,.7);
}

div#myModal.modal .modal-dialog {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#myModal.modal .modal-dialog .modal-content {
    width: 750px;
    padding: 20px;
    border-radius: 0;
}

button.close {
    position: fixed;
    z-index: 1;
    background: #fff;
    top: 0;
    right: 0;
    opacity: 1;
    width: 100px;
    height: 90px;
    font-size: 35px;
    border-radius: 0 0 0 100%;
}

div#myModal.modal .modal-dialog .modal-content {
    width: 750px;
    padding: 18px 20px 18px 20px;
    border-radius: 0;
    border: solid #fff 5px;
    height: 100px;
}

#search-global-form {
    float: left;
    width: 100%;
    padding-right: 0;
    display: flex;
}

button.close .fa.fa-close {
    position: relative;
    top: -10px;
    right: -12px;
    color: #011991;
}


#search-global-form input {
    border: none;
    font-size: 21px;
    letter-spacing: -1px;
    font-weight: 200;
    padding: 10px 0 10px 0;
    width: 100%;
}

#search-global-form button.search-global__btn {
    width: 58px;
    background: #3b55d7;
    border-radius: 50px;
    border: none;
    color: #fff;
    font-size: 20px;
    font-weight: 200;
    position: relative;
    cursor: pointer;
}

.section {
    float: left;
    width: 100%;
}

/*------------------------------------------------------------------
    11. header style 2
-------------------------------------------------------------------*/

.header_2 .header_top {
    background-image: linear-gradient(90deg,#5772f4 0,#082199);
}

.header_2 .logo::after {
    display: none;
}

.header_2 .header_bottom {
    background: #fff;
}

.header_2 .logo {
    background: none;
}

.header_2 .logo img {
    height: 65px;
}

.header_2 .menu_layout {
    background: none;
    padding: 18px 0 20px 100px;
}

.header_2 .right_information ul li {
    margin-left: 0;
    font-weight: 200;
    width: 25%;
    text-align: right;
}

.header_2 #main_menu > ul > li > a {
    padding: 20px 15px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    text-transform: none;
}

.header_2 .header_top .right_information {
    width: 100%;
}

.header_2 .header_top .right_information ul {
    width: 100%;
}

.header_2 .right_information ul li:nth-child(1) {
    width: 50%;
}

.header_2 #main_menu > ul > li.has-sub > a:after {
    right: 1px;
    background: #333;
}

.header_2 #main_menu > ul > li.has-sub > a:before {
    right: 4px;
    background: #333;
}

.header_2 #main_menu > ul > li {
    float: left;
    margin-right: 15px;
}

header.header.header_2 {
    position: relative;
    box-shadow: 0 0 30px -12px #000;
}

.home_style2 .slider_section .col-md-8 img {
    margin-top: 0;
    right: -100px;
    position: relative;
}

.home_style2 .slider_contant {
    margin-top: 170px;
}

.home_style2 .slider_contant h2 {
  font-size: 85px;
}

.services_section .process_blog {
    padding: 20px 35px;
    background: #fff;
    min-height: 390px;
    border: solid #ddd 1px;
}

.services_section .process_blog.process_step h3 {
    margin-top: 85px;
    margin-bottom: 10px;
}

/*------------------------------------------------------------------
    12. inner pages
-------------------------------------------------------------------*/

.inner_page_heading {
    padding-top: 135px;
}

.inner_page_heading h3 {
    font-size: 40px;
    text-transform: none;
    font-weight: 600;
    position: relative;
    line-height: 52px;
    margin-bottom: 10px;
}

.inner_page_heading h3 span {
  color: #3b55d7;
}

.inner_page_heading ul {
    list-style: none;
    margin: 0;
    float: left;
    width: 100%;
}

.inner_page_heading ul li {
    float: left;
    display: inline;
    margin: 0 10px 0 0;
    font-size: 20px;
    font-weight: 300;
    color: #333;
}

.about_cont h3 {
    text-transform: none;
    font-size: 32px;
    line-height: 38px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 25px;
}

.team_section {
    background-image: url('../image/blue_bg.png');
    background-repeat: no-repeat; 
}

.left_blue_bg {
    background-image: url('../image/blue_bg.png');
    background-repeat: no-repeat;
}

.team_blog {
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0 20px 20px -35px #000;
}

.team_blog .team_cont {
    padding: 20px 30px;
    float: left;
    width: 100%;
    border: solid #eee 1px;
    border-bottom: solid #3b55d7 2px;
}

.team_blog .team_cont h3 {
    line-height: normal;
    font-size: 21px;
    text-transform: none;
    font-weight: 600;
    margin-bottom: 0;
}

.team_blog .team_cont p {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: #3b55d7;
}

.about_img_style img {
    box-shadow: 15px 15px 0 0px #3b55d7;
    margin-bottom: 15px;
    border: solid #fff 2px;
    border-radius: 75px 120px 0 120px;
}

.footer_menu ul li {
    font-size: 15px;
    font-weight: 300;
}

.follow_team {
    margin-top: 10px;
    margin-bottom: 0;
    list-style: none;
    float: left;
}

.follow_team li {
    display: inline;
    float: left;
    margin: 0 12px 0 0;
    font-size: 18px;
}

.follow_team li a {
    color: #c0c0c0;
}

.follow_team li:hover a, .follow_team li:focus a {
    color: #3b55d7;
}

/*------------------------------------------------------------------
    13. service page
-------------------------------------------------------------------*/

.ser_blog {
    padding: 35px 40px 25px 40px;
    background: #fff;
    border-left: solid #4d68ee 5px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 30px -25px rgba(0,0,0,.5);
}

.ser_blog:hover, .ser_blog:focus {
    background: #4d68ee;
    transition: all 0.5s;
}

.ser_blog h3 {
    text-transform: none;
    font-weight: 600;
    margin-top: 15px;
}

.ser_blog:hover h3, .ser_blog:focus h3 {
  color: #fff;
}
.ser_blog:hover p a,
.ser_blog:hover p,
.ser_blog:focus p {
  color: #fff;
}

/*------------------------------------------------------------------
    14. blog page
-------------------------------------------------------------------*/

.blog_section_right {
    background: #fff;
    padding: 30px;
}

.side_bar {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0;
}

.yellow_banner {
    float: left;
    width: 100%;
}

.side_bar .side_bar_blog > h4 {
    margin-top: 35px;
    color: #333;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 400;
    border-left: solid #3b55d7 5px;
    background: #f6f6f6;
    padding: 10px 0 10px 15px;
}

.categary {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.date_info {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    margin-bottom: 0;
    margin-top: 15px;
}

.date_info span {
    color: #3b55d7;
    font-weight: 500;
}

.blog_feature_cantant p.blog_head {
    font-size: 22px;
    color: #222;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 20px;
}

.blog_feature_cantant {
    padding-top: 20px;
}

.side_bar_blog p {
    font-size: 14px;
    line-height: normal; color:#fff
}

.blog_section_right .read_more_bt {
    margin-top: 10px;
    float: left;
}

.small_read.read_more_bt .circle_bt {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    padding: 0 30px 0 60px;
}

.small_read.read_more_bt .circle_bt span {
    width: 54px;
    height: 54px;
    line-height: 48px;
    top: -4px;
    left: -1px;
}

.side_bar_blog .input-group {
    background: #fff;
    width: 100%;
    border-radius: 0;
    height: 50px;
}

.side_bar_blog .input-group input.form-control {
    background: #f3f3f3;
    border: none;
    box-shadow: none;
    padding: 15px 20px;
    height: 50px;
    font-size: 13px;
    border-radius: 0;
}

.side_bar_blog .input-group span.input-group-addon {
    border: none;
    background: #3b55d7;
    padding: 13px 20px;
}

.side_bar_blog .input-group span.input-group-addon button {
    background: transparent;
    border: none;
    font-size: 15px;
    color: #898989;
}

.side_bar_search {
    margin-top: 30px;
}

.side_social_icon ul {
    list-style: none;
    margin: 0;
}

.side_social_icon ul li {
    display: inline;
    margin: 0 15px 0 0;
    font-size: 18px;
}

.categary ul {
    list-style: none;
}

.categary ul li {
    font-size: 14px;
    margin-bottom: 12px;
}

.side_bar_blog {
    float: left;
    width: 100%;
}

.buttons ul {
    list-style: none;
    margin: 0;
}

.buttons ul li a {
    float: left;
    padding: 8px;
    border: solid #ddd 1px;
    margin: 0 5px 5px 0;
    font-size: 13px;
    transition: ease all 0.5s;
}

.buttons ul li a:hover,
.buttons ul li a:focus {
  background: #3b55d7;
  border-color: #3b55d7;
  color: #fff;
}

.side_bar_blog .small_heading h4 {
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: normal;
}

.cont_list p {
    margin-bottom: 0;
}

.one_line_layout {
    display: flex;
    margin-top: 15px;
}

.side_bar_blog .feature_icon {
    width: 280px;
    margin-right: 15px;
}

.side_bar_blog .one_line_layout p {
    margin: 0;
    font-size: 11px;
    font-weight: 400;
}

.yellow_banner img {
    width: 100%;
}

/*- blog detail -*/

.blog_detail .blog_feature_cantant {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-top: 20px;
}

.blog_heading {
    position: relative;
    padding-left: 100px;
    padding-top: 10px;
    padding-bottom: 3px;
    margin-bottom: 23px;
    float: left;
    width: 100%;
}

.blog_post_date {
    width: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background: #eee;
    padding: 0;
    height: 75px;
    text-align: center;
}

.blog_post_date .date_info {
    float: left;
    width: 100%;
    background: #3b55d7;
    color: #fff;
    font-size: 12px;
    padding: 2px 0 2px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 5px;
}

.blog_post_date .date_fix {
    font-size: 30px;
    font-weight: 500;
    color: #333;
    line-height: 45px;
    padding-bottom: 0;
    min-height: 48px;
    float: left;
    width: 100%;
}

.blog_head {
    font-size: 21px;
    color: #273a47;
    font-weight: 500;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    font-family: poppins;
}

.blog_feature_cantant p {
    width: 100%;
    margin: 0 0 3px 0;
}

.blog_feature_cantant p {
    width: 100%;
    margin: 0 0 3px 0;
}

.blog_feature_cantant p.author_name {
    color: #3b55d7;
    font-weight: 400;
    font-size: 14px;
}

.bottom_info {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.shr {
    float: left;
    margin-right: 15px;
    margin: 4px 10px 0 0;
    font-size: 14px;
    font-weight: 400;
}

.social_icon {
    float: left;
    margin: 2px 0 0 0;
}

.social_icon ul {
    list-style: none;
    float: left;
}

.social_icon li a {
    color: #fff;
}

.social_icon li.fb a {
    background: #516eab;
    color: #fff;
}

.social_icon li.twi a {
    background: #29c6f7;
    color: #fff;
}

.social_icon li.gp a {
    background: #ec4026;
    color: #fff;
}

.social_icon li.pint a {
    background: #ca212a;
    color: #fff;
}

.small_heading.main-heading {
    margin-bottom: 20px;
    width: 100%;
}

.small_heading.main-heading h2 {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 25px;
}

.user_comt {
    float: left;
    width: 100%;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10 {
    padding: 0 15px;
    float: left;
    min-height: 25px;
}

.span2 {
    width: 20%;
}

.span8 {
    width: 80%;
}

.comment {
    margin-bottom: 0;
}

.name_user {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    margin: 0;
}

.date_time_information {
    font-size: 13px;
    color: #999;
    font-weight: 400;
    margin-bottom: 10px;
}

.comment p.date_time_information {
    font-size: 12px;
    margin-top: 0;
}

.comment p.msg {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    color: #213bba;
}

.comment p.msg i {
    margin-right: 5px;
}


.testimonial_simple_say p.large_2 strong {
    font-weight: 700;
}

.read_more {
    font-weight: 500;
    font-size: 14px;
    background: #213bba;
    color: #fff !important;
    padding: 11px 20px;
    float: left;
    border-radius: 5px;
    margin-top: 0;
}

.bottom_info .pull-right {
    margin-top: 7px;
}

.br_single_blog_2.margin_0 {
    float: left;
    width: 100%;
}

.span10 hr {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.field label {
    float: left;
    width: 36%;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    margin: 0;
    min-height: 40px;
    line-height: 40px;
}

.custom_field {
    float: right;
    width: 100%;
    background: #f8f8f8;
    border: solid #e1e1e1 1px;
    min-height: 50px;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    padding: 5px 15px;
}

form#commant_form div.field textarea.custom_field {
    margin-bottom: 10px;
    min-height: 150px;
}

/*------------------------------------------------------------------
    15. signle team 
-------------------------------------------------------------------*/

.social_icon_style_2 ul {
    float: left;
}

.social_icon_style_2 li {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 5px;
    font-size: 18px;
    float: left;
}

.social_icon_style_2 ul li a {

    float: left;
    width: 100%;
    border: solid #e3e3e3 1px;
    border-radius: 100%;

}

.social_icon_style_2 ul li a:hover {
   border-color: #213bba;
   background-color: #213bba;
   color: #fff;
}

/*------------------------------------------------------------------
    16. testimonial 
-------------------------------------------------------------------*/

.theme_color {
  color: #213bba;
}

.large_2 {
    font-weight: 400;
    margin-top: 20px;
}

.testimonial_simple_say {
    background: #f0f0f0;
    padding: 50px 100px 25px;
    margin-top: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.qoute_testimonial {

    font-size: 45px;
    position: absolute;
    margin-left: -60px;
    margin-top: -40px;
    color: #213bba;

}

.testimonial_simple_say p {
    font-size: 16px;
    line-height: normal;
    color: #000;
}

/*- process bar -*/

.progress_bar {
    margin: 20px 0 0 0;
    float: left;
    width: 100%;
}

span.skill {
    font-size: 14px;
    color: #000;
    margin-bottom: 6px;
    width: 100%;
    float: left;
}

.progress {
    height: 8px;
    border-radius: 0;
    box-shadow: none;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.progress-bar {
    background-color: #4e69f3;
}

.info_valume {
    float: right;
    color: #222;
    font-weight: 600;
}

.testimonial_simple_say p.large_2 {
    font-weight: 600;
    font-style: italic;
    color: #213bba;
}

/*- pagination -*/

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #3b55d7;
    border-color: #3b55d7;
}

.page-item .page-link {
    font-size: 14px;
}

/*------------------------------------------------------------------
    17. price table 
-------------------------------------------------------------------*/

.table_price_head {
    background: url('../image/portfolio_bg.png');
    min-height: 141px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.table_price {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0 0 40px 0;
    box-shadow: 0 5px 35px -12px rgba(0, 0, 0, 0.4);
    margin-top: 65px;
    border: solid #fff 8px;
}

.text_align_center {
    text-align: center;
}

.table_price_head h5 {
    font-weight: 500;
    font-size: 25px;
    line-height: 125px;
    color: #fff;
    text-transform: none;
}

.table_price_per {
    min-height: 122px;
    padding: 40px 0 0;
}

.table_price_per p {
    font-size: 42px;
    color: #222;
    font-weight: 700;
    margin-top: 0;
}

.table_price_per p small {
    font-size: 16px;
}

.table_price_cont_bottm {
    padding: 0 45px;
}

.table_price_cont_bottm ul {
    border-top: solid #ebebeb 2px;
    float: left;
    width: 100%;
    padding: 25px 0;
}

.table_price_cont_bottm ul li {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999;
    line-height: normal;
    margin: 6px 0;
    font-weight: 300;
}

.table_price_bottm {
    float: left;
    width: 100%;
    justify-content: center;
    display: flex;
}

.active_price.table_price {
    transform: scale(1.10);
}

.bt_main {
    color: #fff;
    font-size: 14px;
    min-width: 148px;
    float: left;
    text-align: center;
    height: 48px;
    border-radius: 5px;
    line-height: 50px;
    font-weight: 500;
    border: none;
    padding: 0 35px;
}

.table_price .read_more_bt {
    transform: scale(0.8);
}

/*------------------------------------------------------------------
    18. error 
-------------------------------------------------------------------*/

.error_section h2 {
    font-size: 28px;
    margin-top: 42px;
    margin-bottom: 20px;
    line-height: 35px;
}

.error_section .read_more_bt {
    margin-top: 30px;
}

/*------------------------------------------------------------------
    19. faq 
-------------------------------------------------------------------*/

#accordion {
    margin: 50px 0 0 0;
    padding: 0;
}

#accordion .panel.panel-default {
    border: none;
    border-radius: 0;
    margin: 0 0 16px 0;
    box-shadow: none;
    background: transparent;
}

#accordion .panel.panel-default .panel-heading {
    border: none;
    background: transparent;
    border-radius: 50px;
    min-height: 50px;
    padding: 0;
}

#accordion .panel.panel-default .panel-heading h4 {
    font-size: 18px;
    color: #273a47;
    line-height: 21px;
    text-transform: none;
    margin: 30px 0 0 0;
    font-weight: 500;
}

#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {

    background: #4e69f3;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 53px;
    left: -1px;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: -1px;
    transition: all 0.3s ease 0s;
    width: 53px;
    border: solid #fff 2px;

}

#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}

#accordion .panel.panel-default .panel-body {
    border: none;
    padding: 25px;
    margin: 0;
    box-shadow: none;
    height: auto;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 10px 20px -25px #000;
}


#accordion .panel.panel-default .panel-body p {
    line-height: 28px;
}

#accordion .panel-body p {
    padding: 0 10px;
    margin: 0;
}

#accordion .panel-title a {

    background: #4e69f3;
    border: none;
    color: #fff;
    display: block;
    font-weight: 300;
    padding: 15px 20px 15px 75px;
    position: relative;
    transition: all 0.3s ease 0s;

}

#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}

/*------------------------------------------------------------------
    20. blog grid
-------------------------------------------------------------------*/

.blog_grid .blog_section_right .blog_feature_cantant p.blog_head {
    font-size: 18px;
    margin-top: 5px;
}

/*------------------------------------------------------------------
    21. contact us
-------------------------------------------------------------------*/

.contact_blog {
    text-align: center;
    padding: 40px 20px;
    margin: 10px 0;
    background: #f7f9f8;
    border-radius: 5px;
    border: none;
}

.contact_blog div.center img {
    margin-bottom: 15px;
}

.contact_blog div.center h5 {
    margin: 5px 0 8px;
    font-weight: 500;
    font-size: 18px;
    text-transform: none;
}

.contact_blog p {
    margin: 0;
    font-size: 15px;
    margin-top: 2px;
}

.form_contant .field {
    margin: 20px 0 0;
}

.field {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

input.field_custom {
    border: solid #e1e1e1 1px;
    width: 100%;
    background: #fff;
    min-height: 50px;
    padding: 5px 20px;
    line-height: normal;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #737373;
    font-weight: 300;
}

textarea.field_custom {
    border: solid #e1e1e1 1px;
    width: 100%;
    background: #fff;
    min-height: 120px;
    padding: 20px 20px;
    line-height: normal;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #737373;
    font-weight: 300;
}

.contant_form {
    margin-top: 30px;
}