/*------------------------------------------------------------------
[Master Stylesheet]

Project:  Ascend - Consulting & Finance WordPress Theme
Version:  1.0
Last change:  01/09/2016
Assigned to:  Galliasoft
Primary use:  Consulting & Finance
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background     :  #ffffff
Content     :  #6f6f6f
Header h1 to h6 :  #010400
Footer       :  #7c7c7c

a (standard)  :  #ffffff
a (hover)    :  #62bbc1
a (active)    :  #62bbc1
a (focus)    :  #62bbc1
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body copy    :  14px/42px Open Sans, Raleway, Lora, Roboto, Montserrat;
Headers      :  14px/42px Open Sans, Raleway, Lora, Roboto, Montserrat;
Input, textarea  :  14px Open Sans, Raleway, Lora, Roboto, Montserrat;
Sidebar heading  :  18px Open Sans, Raleway, Lora, Roboto, Montserrat;
-------------------------------------------------------------------*/

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

1. Body
2. Typography
3. Header
  3.1. Top Header
  3.2. Navigation
4. Footer
  4.1 Footer Copyright
5. Home Page
  5.1 Slider
  5.2 About Us Section
  5.3 Service Section
  5.4 Our Expert Section
  5.5 Testimonial Secton
  5.6 Request Call Back Section
  5.7 Contact Section
6. About Us Page
  6.1 Breadcrum
  6.2 About Us Section
  6.3 History Section
7. Service Page
  7.1 Service List
8. Service Detail Page
  8.1 Service Detail With Download
  8.2 Tab And Diagrame
9. Service Detail With Sidebar Page
  9.1 Accordion
10. Project List Page
  10.1 Load More Link
11. Project Detail Page
12. Blog Page
  12.1 Read More, Date, Tag And Category
  12.2 Search Box Sidebar
  12.3 Category List Sidebar
  12.4 Social Follow Sidebar
  12.5 Page navigation
13. Blog Detail Page
  13.1 List Comment
  13.2 Replay Comment
14. Contact Page
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body ]
/*------------------------------------------------------------------*/

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;  
}

/*------------------------------------------------------------------
[2. Typography ]
/*------------------------------------------------------------------*/
h1 , h2 , h3 , h4 , h5 ,h6 {
  font-family: 'Raleway', sans-serif;
   font-weight: 700;
   color: #010400;  
   margin-top: 0;
   margin-bottom: 0;
 }
h2{
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 20px;
}
h3 {
  font-size: 24px;
  line-height: 34px;
}
a , a:hover , a:focus {
  outline: none;
  text-decoration: none;
}
body p {
  line-height: 24px;
  color: #6f6f6f;
}

/*------------------------------------------------------------------
[3.1 Top Header ]
/*------------------------------------------------------------------*/
.top_strip{
  float: left;
  background: #010400;
  width: 100%;
  padding: 10px 0;
}
.language-menu {
  width: auto;
}
.title-menu {
  width:auto;
  float: left;
}
.title-menu p {
  color: #7c7c7c;
  font-size: 14px;
  float: left;
  margin: 0px !important;
}
.language-menu ul {
  float: left;
  width: auto;
  padding: 0;
  margin: 0;
}
.language-menu ul li {
  float: left;
  width: auto;
  list-style: none;
  margin-left: 10px;
}
.phone-number{
  width: auto;
  margin-left: 65px;  
}
.phone-number .title-menu p,
.social-menu ul li i {
  font-weight: bold;
}
.phone-number > p {
  float: left;
  width: auto;
  color: #fff;
  margin: 0px !important;
}
.social-menu{
  width: auto;
  margin-left: 35px;
}
.social-menu ul {
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-menu ul li {
  float: left;
  width: auto;
  margin-left: 26px
}
.social-menu ul li a {
  color: #7c7c7c;  
  font-size: 16px;
  transition: 0.7 all linear ;
  -webkit-transition: 0.7 all linear ;
  -moz-transition: 0.7 all linear ;
}
.social-menu ul li a:hover , .social-menu ul li a:focus , .social-menu ul li a:active {
  color: #fff;
  transition: 0.7 all linear ;
  -webkit-transition: 0.7 all linear ;
  -moz-transition: 0.7 all linear ;
}

/*------------------------------------------------------------------
[3.2 Navigation ]
/*------------------------------------------------------------------*/
header {
  float: left;
  width: 100%;
  background: #fff;
}
.logo {
  float: left;
  width: 131px;
  height: 33px;
  margin: 19px 0;
}

.logo a {
  float: left;
  width: 100%;
  height: 100%;
  outline: none;
}
.navigation {
  width: auto;
  float: left;
}
.navigation ul {
  float: left;
  width: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation ul li {
  padding:25px 0 20px ; 
  margin-right: 30px;
}
.navigation ul li:last-child {
  margin-right: 0;
}
 .navigation ul li,.navigation ul li a {
    display:inline-block;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #6f6f6f;
    text-transform: uppercase;

}
.navigation ul li a:hover , .navigation ul li a:focus , .navigation ul li a:active , .navigation ul li.active > a {
    font-weight:700;
    text-decoration: none;
    color: #010400 !important;
    background:transparent !important;

}
.navigation ul li a:after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}
.dropdown-menu{
  left: -10px;
}
.dropdown-menu li a{
  text-align: left !important;
}
.dropdown > a{
  position: relative;
}
.dropdown  > a:before{
  position: absolute;
  right: -10px;
  top: 3px;
  font-family: 'FontAwesome';
  display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
  }
.dropdown-menu li{
  width: 100%;
}
.dropdown-menu {
  border-radius: 0px;
  background: #fff;
  border: none;
  box-shadow: none;
  min-width: 250px !important;
  padding: 0;
}
.navigation ul.dropdown-menu li {
  margin-right: 0;
  width: 100%;
  text-align: center;
  padding: 0 10px;
}
.dropdown-menu li a {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 12px 0;
}
.dropdown-menu li a:hover , .dropdown-menu li a:focus {
  background: none;
}

/*------------------------------------------------------------------
[5.1 Slider ]
/*------------------------------------------------------------------*/
.slider-outer {
  width: 100%;
}
.hidden{
  height: 0;
  width: 0;
  margin:0;
  padding: 0; 
}
.slider-main { 
  float: left;
  width: 100%;
  position: relative;
 } 
 .overlay {
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
   height:100% ;
   background:rgba(0,0,0,.2);
   z-index: 1;
 }
 .slider-main .bx-wrapper .bx-controls-direction a {
  height: 100px;
  width: 20px;
  background-color:  #222;
}
.slider-main .bx-wrapper .bx-prev , .slider-main .bx-wrapper .bx-prev:hover , .slider-main .bx-wrapper .bx-prev:focus {
  left: 0;
  background: url(../images/prev.png) no-repeat center center;
  background-color:  #222;
}
.slider-main .bx-wrapper .bx-next , .slider-main .bx-wrapper .bx-next:hover , .slider-main .bx-wrapper .bx-next:focus  {
  right: 0;
  background: url(../images/next.png) no-repeat center center;
  background-color:  #222;
}
.parallax-background {
    height: 120% !important;
    top: -10% !important;
    background-attachment: fixed; 
}
.banner-grid {
  float: left;
  width: 100%;
  position: relative;
  margin-top: -115px;
  z-index: 1;  
}
 .blue {
   background: #272838;
   padding-top: 50px;
   padding-bottom: 40px;
 }
 .sky_green{
   background: #62bbc1;
   padding-top: 50px;
   padding-bottom: 40px;
 }
 .num-title {
   float: left;width: 100%;
   text-align: center;
 }
 .num-title h1 , .year{
   font-weight: 700;
   font-size: 100px;
   color: rgba(255,255,255, 0.1);
   font-family: 'Open Sans', sans-serif;
 }
 .con-area {
  float: left;
  width: 100%;
}
.blue .con-area h2 {
  font-size: 20px;
  color: #fff;
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   line-height: 30px;
 }
 .blue .con-area p {
   color: rgba(255,255,255,.6);
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
 }
 .blue .con-area p.with_label {
   color: rgba(255,255,255,1);
 }
 .blue .con-area p.with_label span {
   color: #62bbc1;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
 }
 .sky_green .con-area h2 {
  font-size: 20px;
  color: #272838;
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   line-height: 30px;
 }
 .sky_green .con-area p {
   color: #272838;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
 }
 .sky_green .con-area p.with_label {
   color: rgba(255,255,255,1);
 }
 .sky_green .con-area p.with_label span {
   color: #272838;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
 }
 .map-outer{
  float: left;
  width: 100%;
  min-height: 500px;
}
.map-outer iframe {
  height: 500px !important;
width: 100%;
}

/*------------------------------------------------------------------
[5.2 About Us Section ]
/*------------------------------------------------------------------*/
.about {
  float: left;
  width: 100%;
  margin-bottom: 115px;
}
 img {
   max-width: 100%;
 }
 .about_content p {
   margin-bottom: 30px;
 }
 .btn-read {
   float: left;
   width: 117px;
   height: 30px;
   line-height: 30px;
   border:1px solid #010400;
   position: relative;
   text-align: center;
   color: #010400;
   text-decoration: none;
   z-index: 1;
   transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
 }
 .btn-read:before {
   height: 100%;
   width: 3px;
   position: absolute;
   top: 0;
   left: 0;
   background: #010400;
   content:"";
   z-index: 0;
   transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
 }
 .btn-read:hover {
   color: #ffffff;
   text-decoration: none;
   transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
 }
 .btn-read:hover:before {
   width: 100%;
   z-index: -1;
   transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
 }
 

/*------------------------------------------------------------------
[5.3 Service Section ]
/*------------------------------------------------------------------*/
 .services {

   position: relative;
   float: left;
   width: 100%;
   overflow: hidden;
 }
 .background-image-holder {
    background-position: 50% 50% !important;
    background-size: cover !important;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.overlay.white{
  background:rgba(255,255,255,0.9);
}
.border-box{
  position: relative;
  z-index: 1;
  padding: 0;
  float: left;
  width: 100%;
}
.service-box {
  float: left;
  width: 100%;
  margin-top: 50px;
  position: relative;
}
.service-detail {
  position: relative;
  float: left;
  width: auto;
  padding-left: 30px;
  margin-left: 46px;
  border-left: 1px dashed rgba(182,179,183,.2);
  padding-bottom:45px;
  max-width: 265px;
}
.service-box:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width:100%;
  height: 1px;
  border-top: 1px dashed rgba(182,179,183,.2);
  content: "";
}  
.service-box.space-remove {
  margin: 0;
}
.service-box.space-remove:after {
  display: none;
}
.service-box.space-remove .service-detail {
  padding-bottom: 0;
  padding-top: 45px;
}

.services  p {
  color: #6f6f6f;
}
.pr-grid {
  float: left;
  width: 100%;
}
.grid-box  {
  margin-bottom:30px;
  height: 375px;
  overflow: hidden;
}
.grid-image {
  float: left;
  width: 100%;
  position: relative;
  transition: all 0.7s ease;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
   height: 100%;
 }
.grid-image .hover-section {
  position: absolute;

  width: 0;
  height: 0;
  border:20px solid transparent;
  top: 50%;
  left: 50%;

  transition: all 0.7s ease;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
 }
.bg-round {
  background:rgba(98,187,193,.9);
  width: 100%;
  height: 100%;
  border-radius: 100%;
  transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   opacity: 0;
 }
.grid-image:hover .hover-section  {
  height: 100%;
  width: 100%;
  transition: all 0.7s ease;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
   top: 0;
  left: 0;
}
.grid-image:hover .hover-section .bg-round{
  border-radius: 0;
  transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   opacity: 1;
 }
.bg-round i.fa{
  color: #fff;
  font-size: 36px;
  display: inherit;  
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: 44%;
}

/*------------------------------------------------------------------
[5.4 Our Expert Section ]
/*------------------------------------------------------------------*/
.our-expert {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;  
  background: #272838;
}
.exp-img-part {
  min-height: 570px;
  float: left;
  width: 100%;
  position: relative;
}
.padding-less {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.hot {
  height: 500px;
}
.white-text * {
  color: #fff;
}
.ex-outer {
  float: left;
  width: 100%;
  padding: 0 0 0 0;
}
.ex-outer h3 {
  font-size: 36px;
  margin-bottom: 20px;
}
.tab-descriptions  {
  float: left;
  width: 97%;
  border: 1px solid rgba(182,179,183,0.2);
  padding: 25px;
  display: none;
}
.tab-descriptions.active {
  display: block;
}
.expert-personal {
  float: left;
  width: 100%;
}
.hover-blue {
  margin: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.white-text .social-menu.hover-blue ul li a:hover , .white-text .social-menu.hover-blue ul li a:hover i  {
  color: #62bbc1 !important;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.social-menu.hover-blue ul li:first-child {
  margin: 0;
}
.person-detail {
  float: left;
  width: 100%;
  padding-left: 3px;
}
.person-detail h4 {
  margin-bottom: 5px;
  margin-top: 5px;
  color: #ffffff;
}
.person-txt {
  float: left;
  width: 100%;
  margin-top: 16px;
}
.person-txt p {
  color: #fffbfc;
}
.ex-tabs-menu {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.ex-tabs-menu ul {
  float: left;
  width: 100%;  
  padding: 0;
  margin: 0;
}
ul.our-expert-social li a {
  color: #ffffff;
}
ul.our-expert-social li a:hover {
  color: #62bbc1 !important;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.ex-tabs-menu ul li {
  float: left;
  width: auto;
  list-style: none;
}
.ex-tabs-menu ul li a {
  float: left;
  width: auto;
  font-size: 16px;
  color: #fffbfc;
  border: 1px solid rgba(182,179,183,0.2);
  padding: 6px 15px;
  margin: 0 10px 10px 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.ex-tabs-menu ul li.active a {
  color: #62bbc1;
  border-color: #467681;
}
.ex-tabs-menu ul li a:hover {
  text-decoration: none;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  color: #62bbc1;
  border-color: #467681;
}
.ex-tabs-menu ul li:last-child a {
  margin: 0;
}
.icon-bar {
  background: #222;
}

/*------------------------------------------------------------------
[5.5 Testimonial Secton ]
/*------------------------------------------------------------------*/
.testimonial-slide-outer {
  float: left;
  width: 100%;
}
.testimonial-slide-outer > h2 {
  margin-bottom: 50px;
}
.testimonial-slide-outer   .bx-wrapper .bx-pager.bx-default-pager a {
  background:#67bdc3;
  width: 20px;
    height: 3px;
    border-radius: 0;
}
.testimonial-slide-outer .bx-wrapper .bx-pager.bx-default-pager a:hover, .testimonial-slide-outer .bx-wrapper .bx-pager.bx-default-pager a.active {
  background :#2e2f3e;
}
.testimonial-block {
  float: left;
  width: 100%;
  text-align: center;
}
.t-img-part {
  float: left;
  width: 100%;
  position: relative;
}
.t-img-part span {
  display: inline-block;
  width: 107px;
  height: 107px;
  border: 3px solid #62bbc1;
  overflow: hidden;
}
.testimonials {
  text-align: center;
}
.border-full {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  height: 3px;
  background: #67bdc3;
  z-index: -1;
}
.t-text-part {
  float: left;
  width: 100%;
  position: relative;
  padding: 0 60px;
  margin-top:20px; 
}
.t-text-part span.quotation {
  position: absolute;
  top: -110px;
  left: 20px;
  font-size: 150px;
  color: #62bbc1;
  font-family: 'Lora', serif;
  opacity: 0.2;
}
.t-text-part p {
  float: left;
  width: 100%;
  color: #6f6f6f;
  text-align: left;
}
.t-text-part i {
  float: right;
  width: auto;
  font-size: 14px;
  color: #6f6f6f;
  margin-top:20px;
  font-weight: bold;
  text-align: right; 
}

/*------------------------------------------------------------------
[5.6 Request Call Back Section ]
/*------------------------------------------------------------------*/
.callback {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
}
.overlay.blue {
  background: rgba(39,40,56,0.9);
}
.callback-inner {
  float: left;
  width: 100%;
  z-index: 1;
  position: relative;
}
.callback-inner h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
.white {
  color: #fff;
}
.callback-form {
  float: left;
  width: 100%;
}
.input-block {
  float: left;
  width: 100%;
  margin-bottom: 10px; 
}

/*------------------------------------------------------------------
[5.7 Contact Section ]
/*------------------------------------------------------------------*/
.input-block input , .input-block textarea {
  float: left;
  width: 100%;
  font-size: 14px;
  padding: 13px 20px;
  background: none;
  border: 1px solid rgba(124,124,124,0.3);
}
.input-block textarea {
  height: 230px;
  resize: none;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ffffff;
}
.input-block button, .comment-form .form-submit .submit {
  float: left;
  width: 100%;
  font-size: 24px;
  background: #62bbc1;
  border: none;
  text-align: center;
  padding: 10px 0;
  position: relative;
  z-index: 0;
  text-transform: uppercase;
} 
.comment-form .form-submit .submit {
  background: #62bbc1 none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 24px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 0;
    transition: all 0.3s linear;
}
.comment-form .form-submit .submit:hover{
  color: #62bbc1;
   text-decoration: none;
  background: #e7e7e7 none repeat scroll 0 0;
}
.input-block button:before {
   height: 100%;
   width: 0;
   position: absolute;
   top: 0;
   left: 0;
   background: #fff;
   content:"";
   z-index: -1;
   transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
 }
 .input-block button:hover, .newsletter .input-block button:hover {
   color: #62bbc1;
   text-decoration: none;
   transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
 }
 .input-block button:hover:before {
   width: 100%;
   transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
 }
 .common-row {
  float: left;
  width: 100%;
  padding: 130px 0;
}
.common-row-inner {
  float: left;
  width: 100%;
  text-align: center;
}
.common-row-inner span {
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
}
.common-row-inner h3 {
  float: left;
  width: 100%;
  font-size: 30px;
  line-height: 40px;
  color: #272838;
  margin-bottom: 15px;
}
.common-row-inner p {
  float: left;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  color: #6f6f6f;
  font-size: 16px;
}
.common-row-inner p b {
  font-weight: bold;
  color: #62bbc1;
}
.common-row-inner a {
  display: inline-block;
  width: auto;
  font-size: 16px;
  color: #62bbc1;
  font-weight: bold;
}
.common-row-inner a:hover {
  text-decoration: none;
}
.row-icn-part {
  float: left;
  width: 100%;
}

/*------------------------------------------------------------------
[4. Footer ]
/*------------------------------------------------------------------*/
footer {
  float: left;
  width: 100%;
  background: #010400;  
}
.footer-inner {
  float: left;
  width: 100%;
  padding: 60px 0;
}
.footer-block {
  float: left;
  width: 100%;
}
.footer-block a {
  float: left;
  width: auto;
  margin: 0 0 24px 0;
}
.footer-block p {
  color: #7c7c7c;
  width: 100%;
  float: left;
}
.footer-block h3 {
  margin-bottom: 26px;
  color: #fff;
}
.newsletter {
  float: left;
  width: 100%;
}
.newsletter .input-block input {
  color: #7c7c7c;
}
.newsletter .input-block button {
  color: #fff;
}
.f-social {
  float: left;
  width: 100%;
}
.f-social a {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #7c7c7c;
  padding: 11px 18px;
  border: 1px solid #fe9900;
  line-height: 30px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}
.f-social a:hover , .f-social a:hover i {
  color: #fff;
  transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}
.f-social a.skype:hover i {
  color: #fff;
}
.f-social a:after {
  background: #fe9900 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    width: 0;
    z-index: -1;
}
.f-social a:hover:after {
  transition: all 0.3s linear 0s;
    width: 100%;
}
.f-social a:hover {
  text-decoration: none;
}
.f-social a i {
  margin-right: 18px;
  font-size: 30px;
  color: #fe9900;
  float: left;
}
.f-social a.skype i {
  color: #00aff0;
}
.f-social a.skype:after {
  background: #00aff0;
}
.f-social a.skype {
  border-color: #00aff0;
}
.f-social a.dribbble i {
  color: #f26798;
}
.f-social a.dribbble {
  border-color: #f26798;
}
.f-social a.dribbble:after {
  background: #f26798;
}
.f-social a.dribbble:hover i {
  color: #fff;
}
.f-social a.facebook i {
  color: #3765a3;
}
.f-social a.facebook {
  border-color: #3765a3;  
}
.f-social a.facebook:after {
  background: #3765a3;
}
.f-social a.facebook:hover i {
  color: #fff;
}
.f-social a.skype:hover i {
  color: #fff;
}
.f-social a.twitter i {
  color: #42c0fb;
}
.f-social a.twitter {
  border-color: #42c0fb;  
}
.f-social a.twitter:after {
  background: #42c0fb;
}
.f-social a.twitter:hover i {
  color: #fff;
}
.f-social a.google i {
  color: #d34836;
}
.f-social a.google {
  border-color: #d34836;  
}
.f-social a.google:after {
  background: #d34836;
}
.f-social a.google:hover i {
  color: #fff;
}
.f-social a.pinterest i {
  color: #cb2027;
}
.f-social a.pinterest {
  border-color: #cb2027;  
}
.f-social a.pinterest:after {
  background: #cb2027;
}
.f-social a.pinterest:hover i {
  color: #fff;
}
.f-social a.youtube i {
  color: #bb0000;
}
.f-social a.youtube {
  border-color: #bb0000;  
}
.f-social a.youtube:after {
  background: #bb0000;
}
.f-social a.youtube:hover i {
  color: #fff;
}
.f-social a.vimeo i {
  color: #aad450;
}
.f-social a.vimeo {
  border-color: #aad450;  
}
.f-social a.vimeo:after {
  background: #aad450;
}
.f-social a.vimeo:hover i {
  color: #fff;
}
.f-social a.linkedin i {
  color: #007bb6;
}
.f-social a.linkedin {
  border-color: #007bb6;  
}
.f-social a.linkedin:after {
  background: #007bb6;
}
.f-social a.linkedin:hover i {
  color: #fff;
}
.f-social a.instagram i {
  color: #517fa4;
}
.f-social a.instagram {
  border-color: #517fa4;  
}
.f-social a.instagram:after {
  background: #517fa4;
}
.f-social a.instagram:hover i {
  color: #fff;
}
.f-social a.flickr i {
  color: #ff0084;
}
.f-social a.flickr {
  border-color: #ff0084;  
}
.f-social a.flickr:after {
  background: #ff0084;
}
.f-social a.flickr:hover i {
  color: #fff;
}
.f-social a.reddit i {
  color: #ff4500;
}
.f-social a.reddit {
  border-color: #ff4500;  
}
.f-social a.reddit:after {
  background: #ff4500;
}
.f-social a.reddit:hover i {
  color: #fff;
}
.f-social a.tumblr i {
  color: #32506d;
}
.f-social a.tumblr {
  border-color: #32506d;  
}
.f-social a.tumblr:after {
  background: #32506d;
}
.f-social a.tumblr:hover i {
  color: #fff;
}
.copyright {
  float: left;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  background: #272838;
}

/*------------------------------------------------------------------
[4.1 Footer Copyright ]
/*------------------------------------------------------------------*/
.copyright p {
  float: left;
  width: 100%;
  margin: 0 !important;
  color: #fff;
}
.copyright p a {
  color: #ffffff;  
}

/*------------------------------------------------------------------
[6.1 Breadcrum ]
/*------------------------------------------------------------------*/
.banner-outer{
  width: 100%;
  position:relative;
  min-height: 300px;
  overflow: hidden;
  margin-bottom: 130px;
}
.heading-box {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.heading-box h2  {
  color: #fff;
  margin-bottom:0; 
}
.breadcrum-menu {
  float: left;
  width: 100%;
  text-align: center;
}
.breadcrum-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.breadcrum-menu ul li {
  float: left;
  width: auto;
  position: relative;
  color: #fff;
}
.breadcrum-menu ul li a {
  text-transform: uppercase;
  color: #fff;
  padding: 0 5px;
}
.breadcrum-menu ul li.active a {
  color: #62bbc1;  
}
.breadcrum-menu ul li:after {
  content: "/";
}
.breadcrum-menu.breadcrum-archive ul li:after {
  content: "";  
}
.breadcrum-menu ul li:last-child:after {
  display: none;
}

/*------------------------------------------------------------------
[6.2 About Us Section ]
/*------------------------------------------------------------------*/
.about_content > h2 {
  margin-bottom: 6px;
  margin-top: -10px;
}
.image-hoder {
  position: relative;
  min-height: 300px;
  overflow: hidden;
}
.about_content p{
  color: #6f6f6f;
}
.grid-content {
  float: left;
  width:100%;
  text-align: center;
}
.grid-content h3 i {
  display: inline-block;
  margin-left: 20px;
}
.outer-margin-15-top {
  float: left;
  margin-top: 15px;
}

/*------------------------------------------------------------------
[6.3 History Section ]
/*------------------------------------------------------------------*/
.history {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
}
.history-content {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}
.align-center {
  text-align:center;
}
.opnion {
    float: left;
    margin-top: -55px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.opnion > h3 {
    text-transform: uppercase;
    color: #fff;
}
.opnion > h3 strong {
  color: #62bbc1;
}
.history-content .align-center {
  min-height: 325px;
}
.history-content .align-center:nth-child(odd) {
  padding-top: 75px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.opnion > p {
    color: #fffbfc;
}

/*------------------------------------------------------------------
[7.1 Service List ]
/*------------------------------------------------------------------*/
.main-services {

  float: left;
  width: 100%;
}
.service-height {
  height: 300px;
}
.service-hover-part {
  position: absolute;
  top: 84%;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(39,40,56,0.95);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.inner-part {
  float: left;
  width: 100%;
  padding-left: 30px;
}
.grid-image .service-hover-part h3 {
  float: left;
  width: 100%;
  font-size: 24px;
  color: #fff;
  margin: 0 0 9px 0;
  padding: 6px 0;
  text-align: center;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.service-hover-part p {
  color: #fffbfc;
  margin: 0 15px 15px 0;
}
.service-hover-part a.btn-read {
  color: #fff;
  border-color: #fff;
  z-index: 9;
  margin-top: 10px;
  line-height: 27px;
}
.service-hover-part a.btn-read:hover {
  color: #010400;
}
.service-hover-part a.btn-read:before {
  background: #fff;
  z-index: -1;
}
.grid-image:hover .service-hover-part {
  top: 0;
  padding-top: 27px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.grid-image:hover .service-hover-part h3 {
  padding-left: 30px;
  text-align: left;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  margin-left: 0;
}

/*------------------------------------------------------------------
[8.1 Service Detail With Download ]
/*------------------------------------------------------------------*/
.download-border{
  float: left;
  width: 100%;
  border:1px solid #dcdcdc;
  padding: 18px 8px !important;
}
.download-border .max-title.max-title4 h1 {
  font-size: 18px;
}
.download-border h5 {
  margin-bottom: 30px;
}
.doc-btn {
  width: 100%;
  display: inline-block;
  border:1px solid #dcdcdc;
  text-align: center;
  margin: 5px 0;
  padding: 12px 0;
  color: #6f6f6f;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.doc-btn i {
  display: inline-block;
  margin-right: 10px;
}
.doc-btn:hover {
  color: #010400;
  border-color: #010400;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.common-space {
  margin-bottom: 100px;
}

/*------------------------------------------------------------------
[8.2 Tab And Diagrame ]
/*------------------------------------------------------------------*/
.right-way {
  float: left;
}
.align-right{
  text-align:right;
}
.business-planning {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.bs-tab-menu ul li a  , .full-tab .nav-tabs > li > a{
  font-size: 14px;
  color: #6f6f6f;
  border: 1px solid #7c7c7c;
  border-radius: 2px;
  margin: 0 18px 0 0;
  padding: 5px 26px;
}
.full-tab .nav-tabs > li:last-child > a {
  margin: 0 0;
}
.full-tab .nav-tabs{
  border-bottom: 0;
}
.bs-tab-menu ul li.active a , .bs-tab-menu ul li a:hover , .full-tab .nav-tabs > li.active > a, .full-tab .nav-tabs > li > a:hover, .full-tab .nav-tabs > li > a:focus {
  color: #010400;
  border-color: #7c7c7c;
  background: none;
}
.full-tab .tab-content ,.bs-tab-inner {
  float: left;
  width: 100%;
  border: 1px solid #7c7c7c;
  border-radius: 2PX;
  margin-top: 10px;
  padding: 28px;
}
.plan {
    float: left;
    width: 100%;
}

/*------------------------------------------------------------------
[9. Tab And Diagrame ]
/*------------------------------------------------------------------*/
.box-menu-part div.vc_tta-tabs-container {
  float: left !important;
  width: 33.33% !important;
  position: relative !important;
  border:1px solid #e0e0e0 !important;
  margin-bottom: 60px !important;
  margin-top:0 !important;    
}
.box-menu-part div.vc_tta-panels-container {
  width: 66.66% !important;    
}  
.box-menu-part div.vc_tta-tabs-container ul{
  display: inline-block !important;
  width: 100% !important;
  padding: 0 10px !important;
  list-style: none !important;
  margin: 0 !important;
}
.box-menu-part div.vc_tta-tabs-container ul li {
  float: left !important;
  width: 100% !important;
  border-bottom:1px solid #e0e0e0 !important;
  padding-left: 40px !important;
  position: relative !important;
  z-index: 1 !important;
}
.box-menu-part div.vc_tta-tabs-container ul li:last-child {
  border:none !important;
}
.box-menu-part div.vc_tta-tabs-container ul li a {
  font-size: 18px !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 700 !important;
  color: #010400 !important;
  padding: 25px 0 !important;
  float: left !important;
  width: 100% !important;
  background: none !important;
  border: none !important;
}
.box-menu-part .vc_tta-panels-container {
  border: none !important;
}
.box-menu-part div.vc_tta-tabs-container ul li.vc_active a , .box-menu-part div.vc_tta-tabs-container ul li:hover a , .box-menu-part div.vc_tta-tabs-container ul li:focus a {
  color: #62bbc1 !important;
  transition: all 0.8s ease-in-out !important;
  -webkit-transition: all 0.8s ease-in-out !important;
  -moz-transition: all 0.8s ease-in-out !important;
  -o-transition: all 0.8s ease-in-out !important;
}
.box-menu-part div.vc_tta-tabs-container ul li:before {
  position: absolute !important;
  content: "" !important;
  top: 0 !important;
  left: -10px !important;
  width: 0 !important;
  height: 0 !important; 
  border-bottom: 39px solid transparent !important;
  border-left: 21px solid #62bbc1 !important;
  border-top: 39px solid transparent !important;
  z-index: 0 !important;
  opacity: 0 !important;
} 
.box-menu-part div.vc_tta-tabs-container ul li.vc_active:before , .box-menu-part div.vc_tta-tabs-container ul li:hover:before ,  .box-menu-part div.vc_tta-tabs-container ul li:focus:before{
  left:-10px !important;
  opacity: 1 !important;
  transition: all 0.8s ease-in-out !important;
  -webkit-transition: all 0.8s ease-in-out !important;
  -moz-transition: all 0.8s ease-in-out !important;
  -o-transition: all 0.8s ease-in-out !important;
}
.download-border.box-menu-part div.vc_tta-tabs-container {
  padding-left: 65px;
  padding-right  : 65px;
}
.content-part.marg > h2 {
    margin-bottom: 0;
    margin-top: -10px;
}
.full-tab .bs-tab-menu ul li a {
  padding-left: 25px;
  padding-right: 25px;
}
.common-spacer {
  margin-bottom: 55px;
  float: left;
}

/*------------------------------------------------------------------
[9.1 Accordion ]
/*------------------------------------------------------------------*/
.accordian-custom {
  float: left;
  width: 100%;
}
.accordian-custom .panel-heading {
  border-color: #eeeeee;
  background-color: #fff;
  border-radius: 0px;
  padding: 0;
}
.accordian-custom .panel-group .panel {
    border-bottom: 0 none;
    border-radius: 0;
    margin-top: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
  border-top: none;
}
.accordian-custom .panel-group .panel span {
    border-right: 1px solid #eeeeee;
    color: #272838;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
    text-align: center;    
    width: 60px;
}
.accordian-custom .panel-group .panel .accordion-toggle.active span {
  border-bottom: 1px solid #eeeeee;
}
.accordian-custom .accordion-toggle {
  color:#010400;
}
.accordian-custom .accordion-toggle.active {
  color: #62bbc1;
}
.panel-body {
  padding-top: 45px;
  padding-left: 55px;
  padding-right: 55px;
  padding-bottom: 38px;
}

/*------------------------------------------------------------------
[10. Project List Page ]
/*------------------------------------------------------------------*/
section {
  clear: both !important;
}
.grid-image .service-hover-part.project {
  padding-top: 0;
  top: 100%;
  text-align: center;
}
.grid-image:hover .service-hover-part.project {
  top: 0; 
} 
.grid-box.right-way {
  padding: 0;
  margin: 0;
}
.grid-image:hover .service-hover-part.project h3{
  font-size: 30px;
  line-height: 40px;
  color: #fff;
  text-align: center;
}
.grid-image:hover .service-hover-part.project p {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.grid-box.project-masonry-item {
  height: auto;
  margin: 0;
  padding: 0;
}

/*------------------------------------------------------------------
[10.1 Load More Link ]
/*------------------------------------------------------------------*/
.load-more {
  color: #010400;
  font-size: 18px;
  font-weight: 700;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;

}
.load-more:hover , .load-more:focus {
  color: #60BCC2;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.pull-left.align-center {
  width: 100%;
  margin-top: 200px;
}

/*------------------------------------------------------------------
[11. Project Detail Page ]
/*------------------------------------------------------------------*/
.content-part.project h4{
  font-size: 18px;
  color: #62bbc1;
}
.content-part.project h2 {
  font-size: 30px;
}
.content-part.project p span {
  color: #010400;
}

/*------------------------------------------------------------------
[12. Blog Page ]
/*------------------------------------------------------------------*/
.blog-cat-box {
  float: left;
  width: 100%;
  margin-bottom: 80px;
}
.source-box {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 25px;
}

/*------------------------------------------------------------------
[12.1 Read More, Date, Tag And Category ]
/*------------------------------------------------------------------*/
.tags {
  width: auto;
}
.tag-bar {
  float: left;
  width: auto;
  border: 1px solid rgba(111, 111, 111, 0.3);
  color: #6f6f6f;
  font-size: 13px;
  padding: 5px 9px;
  margin-left:10px; 
}
.tag-bar img {
  display: inline-block;
  margin-right: 10px;
}
.tag-bar a {
  color: #6f6f6f;
}

/*------------------------------------------------------------------
[12.2 Search Box Sidebar ]
/*------------------------------------------------------------------*/
.search-box {
  float: left;
  width: 100%;
}
.search-box h5{
  float: left;
  font-size: 18px;
  margin-bottom: 15px;
}
.form-out {
  clear: both;
  float: left;
  font-size: 14px;
  padding:5px 20px ;
  min-width: 270px;
  border:1px solid #e5e5e5;
  margin: 10px 0;
}
.blue-bt {
  width: 100%;
  text-align: center;
  line-height: 30px;
  height: 30px;
  width: 100px;
  background: #08bbb7;
  color: #fff;
  border:none;
}

/*------------------------------------------------------------------
[12.3 Category List Sidebar ]
/*------------------------------------------------------------------*/
.category-list {
  float: left;
  width: 100%;
  margin-top: 60px;
  max-width: 270px;
  margin-bottom: 60px;
}
.category-list ul {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.category-list ul li {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.category-list ul li h5{
  font-size: 14px;
  float: left;
  width: auto;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin: 0;
}
.category-list ul li span {
  float: right;
  width: auto;
}
.category-list ul li a{
  color: #6f6f6f;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}
.category-list ul li.active a , .category-list ul li.active a h5 {
  color: #08BBB7;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.category-list h5 , .foloow-menu h5 , .tag-menu h5{
  margin-bottom: 20px;
}

/*------------------------------------------------------------------
[12.4 Social Follow Sidebar ]
/*------------------------------------------------------------------*/
.foloow-menu {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}
.social-bar {.tag-bar
  float: left;
  width: 100%;
}
.half-bar {
  float: left;
  width: 45%;
  margin-bottom: 10px;
  margin-right: 10px;
}
.half-bar .icon-bar {
  background:transparent;
  height: 51px;
  width: 51px;
  border:1px solid #7f7f7f;
  color: #7f7f7f;
  line-height: 51px;
  font-size: 28px;
  text-align: center;
  border-radius: 100%;
  float: left;
  margin-right: 10px;
  -webkit-transition: color 0.4s ease-in-out border-color 0.8s ease;
  -moz-transition: color 0.4s ease-in-out border-color 0.8s ease;
  -o-transition: color 0.4s ease-in-out border-color 0.8s ease;
}
.half-bar:hover .icon-bar{

  -webkit-transition: color 0.8s ease-in-out border-color 0.4s ease;
  -moz-transition: color 0.8s ease-in-out border-color 0.4s ease;
  -o-transition: color 0.8s ease-in-out border-color 0.4s ease;
}
.half-bar:hover .icon-bar.facebook  {
  color: #3a5897;
  border-color: #3a5897;
}
.half-bar:hover .icon-bar.twitter  {
  color: #4D9BCE;
  border-color: #4D9BCE;
}
.half-bar:hover .icon-bar.youtube {
  color: #DE2925;
  border-color: #DE2925;
}
.half-bar:hover .icon-bar.behance {
  color: #131418;
  border-color: #131418;
}
.half-bar:hover .icon-bar.dribbble {

  color: #DF3E7B;
  border-color: #DF3E7B;
}
.follow-content{
  float: left;
  width: auto;
  color: #7f7f7f;
  padding-top: 5px;
}
.follow-content span {
  float: left;
  width: auto;
  clear: both;
}
.tag-menu {
  float: left;
  width: 100%;
}
.list-of-tag a {
  float: left;
  width: auto;
  color: #6f6f6f;
  margin-right: 20px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.list-of-tag a:hover , .list-of-tag a:focus , .list-of-tag a.active {
  color: #62bbc1;  
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

/*------------------------------------------------------------------
[12.5 Page navigation ]
/*------------------------------------------------------------------*/
.pad-outer-left {
  padding-left: 45px;
}
.pad-outer-right {
  padding-right: 45px;
}
.pager-nav {
  float: left;
  width: 100%;
}
.pager-nav ul {
  float: left;
  width: auto;
  padding:0;
  margin: 0; 
  list-style: none;
}
.pager-nav ul li {
  float: left;
  width: auto;
  margin-right: 10px;
}
.pager-nav ul li a,
.pager-nav ul li span {
  float: left;
  font-size: 16px;
  color: #6f6f6f;
  width: 30px;
  height: 30px;
  border:1px solid #e7e7e7;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.page-numbers.current, .pager-nav ul li.active a , .pager-nav ul li a:hover , .pager-nav ul li a:focus , .pager-nav ul li a:active  {
  background:#62bbc1;
  color: #fff;
  border-color:transparent;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.next.page-numbers, .prev.page-numbers {
  background: #010400;
  color: #fff;
  border-color: transparent;
  font-weight: bold;
  font-size: 18px;
}
.pager-nav ul li.prev.disabled {
  display: none;
}

/*------------------------------------------------------------------
[13. Blog Detail Page ]
/*------------------------------------------------------------------*/
.quato {
  float: left;
  width: 100%;
  padding-left: 25px;
}
.quato-inner {
  float: left;
  width: 100%;
  padding-left: 32px;
  position: relative;    
}
.quato-inner:before {
  position: absolute;
  width:5px;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  background: #08bbb7;
}
.tags-import {
  float: left;
  width: auto;
}
.tags-import h6 {
  float: left;
  width: auto;
  color: #3a3a3a;
  font-size: 14px;
  margin: 0 5px 0 0;
  line-height: 24px;
}
.tags-import a {
  color: #6f6f6f;
  font-size: 14px;
  margin: 0 2px;
  position: relative;
  float: left;
  line-height: 24px;
}
.tags-import a:hover , .tags-import a:focus , .tags-import a.active {
  color: #62BBC1;
}
.tags-import a:after {
  content:",";
}
.tags-import a:last-child:after{
  display: none;
}

/*------------------------------------------------------------------
[13.1 List Comment ]
/*------------------------------------------------------------------*/
.direction {
  color: #010400;
  font-size: 14px;
}
.direction:hover , .direction:active , .direction:focus , .reply:hover , .reply:focus , .reply:active { 
  color: #62BBC1;  
}
.comment h3 span {
  color: #62BBC1;  
}
.profile-im{
  float: left;
  width: 100px;
  height: 100px;
  border-radius: 100%;
}
.comment-box {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.tit-box p , .tit-box h4{
  color:#010400 
}
.tit-box h4 {
  font-size: 16px;
}
.tit-box p {
  font-size: 13px;
}

/*------------------------------------------------------------------
[13.2 Replay Comment ]
/*------------------------------------------------------------------*/
.reply {
  float: left;
  width: auto;
  color: #010400;
  line-height: 24px;
}
.reply i {
  float: left;
  margin-right: 5px;
  line-height: 24px;
}
.txt {
  float: left;
  width: 100%;
  padding:16px  20px   ;
  border:1px solid #e5e5e5;
  color: #000000;
  font-size: 14px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.pad-right {
  padding-right: 0;
  margin-bottom: 10px;
}
textarea.txt {
  height: 185px;
  resize: none;
  overflow-y: auto;
}
.txt:focus {
  border-color:#62BBC1;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.comment-entry {
  float: left;
  width: 100%;
  margin-top: 70px;
}
.comment-entry .input-block button {
  color: #fff;
}

.comment-entry .input-block button:hover , .align-center.input-block button:hover {
  color: #62BBC1;
}
.comment-entry .input-block button:before , .align-center.input-block button:before{
  background:#e7e7e7;
}
.align-center.input-block button {
  max-width: 270px;
  float: none;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.col-md-8 .maintab-descriptions {
    display: none;
    float: left;
    border: none;
    padding: 0;
}
.col-md-8 .maintab-descriptions.active {
    display: block;
    float: left;
    border: none;
    padding: 0;
}
.box-menu-part.ex-tabs-menu div ul li a {
  border: none !important;
}
.video-bg {
  float: left;
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}
.full-height-sec {
  position: relative;
  overflow: hidden;
}
.element-with-video-bg {
    background-image: url(../images/service-bg.jpg);
}
video { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;      
    transform: translateX(-50%) translateY(-50%);
   background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
    background-size: cover;
    transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

.vc_tta-tabs-container{
  height: 100%;
}

/*------------------------------------------------------------------
[14. Contact Page ]
/*------------------------------------------------------------------*/
.wpcf7-form .align-center.input-block button {
  font-size: 18px !important;
}

.search-form .form-out {
  padding: 5px 10px;
}

.source-box .wpb_gallery .wpb_flexslider .flex-control-nav {
  top: 90%;
}