/*

 Theme Name: my_theme-child

 Template: my_theme

 Version: 1.1

 Text Domain: my_theme-child

 */
 @charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

h1, h2, h3, h4, h5, h6, p{

  margin: 0;

  padding: 0;

}

body {

  font-size: 16px;

  min-width: 320px;

  font-weight: 300;

  position: relative;

  line-height: 1.6;

  font-family: "Poppins", sans-serif;

  overflow-x: hidden;

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility; }

  body::-webkit-scrollbar-track {

    background-color: #fff; }

  body::-webkit-scrollbar {

    width: 5px;

    background-color: #fff; }

  body::-webkit-scrollbar-thumb {

    background-color: #4F90D2; }
/*our offices*/
.our-team {
    width: 100%;
    height: auto;
    float: left;
    margin: 44px 0 0 0;
}
.our-team article{width:100%;height:auto;float:left;padding:0 0 31px 0;}
.our-team article ul{list-style:none;padding:0px;margin:0px 0 0 0%;}
.our-team article ul li{list-style:none;width:17.6%;height:auto;float:left;margin:0 3% 0 0%;background-color:#fff; position:relative;}
.our-team article ul li:nth-child(5){margin-right: 0%;}
.our-team-about-offices{ width:99%; height:auto; float:left; color: #fff; text-align: center; font-family: 'Raleway', sans-serif;}
.our-team-about-offices p{font-family:'Raleway', sans-serif;font-size:18px;font-weight:700;text-decoration:none;color:#333;text-align:center;padding:20px 0 20px 0;text-transform: uppercase;margin: 0;}
.our-team-about-offices ul{list-style:none;padding:0px;margin:0px 0 0 0% !important;}
.our-team-about-offices ul li{font-family:'Raleway', sans-serif;font-size:15px;font-weight:700;text-decoration:none;color:#333; background-image:url(../img/telefone.png); background-position:18% 21px; background-repeat:no-repeat;width:71% !important; padding:20px 0 20px 29%;margin: 0 0 0 0% !important;}
.our-team-about-offices-m{width:100%; height:auto; float:left; font-family:'Raleway', sans-serif; color: #fff; font-size:14px;font-weight:normal;text-align:center; padding:30px 0;}
.our-team-about-offices-icon {
    width: 10%;
    height: auto;
    float: left;
    position: absolute;
    left: 45%;
    top: 48px;
    text-align: center;
}
.our-team-about-offices ul li {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    color: #333;
    background-image: url(../image/telefone.html);
    background-position: 18% 21px;
    background-repeat: no-repeat;
    width: 100% !important;
    padding: 20px 0 20px 29%;
    margin: 0 0 0 0% !important;
}
.five{
  width: 20%;
  float: left;
}
/*our office*/

.section-25{width:100%;float:left;text-align:center;padding:0 0 0px 0;}
.section-25 p{font-size: 27px;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;margin: 0;margin-bottom: 60px;}
.section-25 p:after {
    content: "";
    display: block;
    height: 2px;
    width: 55px;
    background-color: #4F90D2;
    margin: 0 auto;
    margin-top: 13px;
    margin-bottom: 18px;
}
.section-25 header{width:100%;float:left;}
.section-25 header h1{font-family:"Open Sans",sans-serif,Arial,Helvetica;font-size:30px;color:#333;font-weight:normal;text-align:center;padding:5px 0 5px 0;background:url(../image/bdr.html) top center no-repeat;margin:20px 0 0 0;}
.section-25 header h2{font-family:"Open Sans",sans-serif,Arial,Helvetica;font-size:15px;color:#333;font-weight:normal;text-align:center;padding:0 0 40px 0;}
.section-25 ul{list-style:none;margin:0px -2%;padding:0px;}
.section-25 ul li{display:inline;width: 16.5%;float:left;padding:10px 1%}
.section-25 ul li img{width: 92%;border: solid 1px #ededed;padding: 8px 4%;}

.mfp-wrap::-webkit-scrollbar-track {

  background-color: #fff; }



.mfp-wrap::-webkit-scrollbar {

  width: 5px;

  background-color: #fff; }



.mfp-wrap::-webkit-scrollbar-thumb {

  background-color: #4F90D2; }



html {

  font-size: inherit;

  margin-right: 0 !important; }



iframe {

  border: none;

  display: block; }



/*Page loader*/

.pace {

  pointer-events: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }



.pace-inactive {

  display: none; }



.pace .pace-progress {

  background: #4F90D2;

  position: fixed;

  z-index: 2000;

  top: 0;

  right: 100%;

  width: 100%;

  height: 2px; }



.pace .pace-progress-inner {

  display: block;

  position: absolute;

  right: 0px;

  width: 100px;

  height: 100%;

  -webkit-box-shadow: 0 0 10px #4F90D2, 0 0 5px #4F90D2;

  box-shadow: 0 0 10px #4F90D2, 0 0 5px #4F90D2;

  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);

  -ms-transform: rotate(3deg) translate(0px, -4px);

  transform: rotate(3deg) translate(0px, -4px); }



.pace .pace-activity {

  display: block;

  position: fixed;

  z-index: 2000;

  top: 15px;

  right: 15px;

  width: 14px;

  height: 14px;

  border: solid 2px transparent;

  border-top-color: #4F90D2;

  border-left-color: #4F90D2;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  -webkit-animation: pace-spinner 400ms linear infinite;

  animation: pace-spinner 400ms linear infinite; }



@-webkit-keyframes pace-spinner {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

    transform: rotate(360deg); } }



@keyframes pace-spinner {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    transform: rotate(0deg); }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

    transform: rotate(360deg); } }



.hidden {

  display: none; }



i {

  line-height: inherit !important; }



p {

  margin-top: 20px;

  margin-bottom: 0; }



/* Preloader */

#preloader {

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  position: absolute;

  background-color: #fff;

  z-index: 5;

  height: 100%;

  width: 100%;

  overflow: hidden; }



#status {

  position: absolute;

  left: 47%;

  top: 50%;

  margin: auto;

  width: 49px;

  height: 49px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  display: inline-block;

  vertical-align: middle;

  background: #4F90D2;

  animation: 1.15s infinite ease-in-out;

  -webkit-animation: 1.15s infinite ease-in-out;

  -moz-animation: 1.15s infinite ease-in-out;

  animation-name: loader;

  -webkit-animation-name: loader;

  -moz-animation-name: loader; }

  #status:before, #status:after {

    animation: 1.15s infinite ease-in-out;

    -webkit-animation: 1.15s infinite ease-in-out;

    -moz-animation: 1.15s infinite ease-in-out; }

  #status:before, #status:after {

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0; }



@keyframes loader {

  from {

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 1; }

  to {

    -webkit-transform: scale(1);

    transform: scale(1);

    opacity: 0.5; } }



@-webkit-keyframes loader {

  from {

    -webkit-transform: scale(0);

    opacity: 1; }

  to {

    -webkit-transform: scale(1);

    opacity: 0.5; } }



/*Background image*/

.background-image {

  background-size: cover;

  background-repeat: no-repeat; }



/*Sections*/

section, .section {

  padding-top: 85px;

  padding-bottom: 35px; }



/*padding 0*/

.padding-0 {

  padding: 0; }



.pad-t-0 {

  padding-top: 0; }



.video-iframe iframe {

  width: 100%; }



.canvas-background {

  position: absolute;

  width: 100%;

  z-index: 2;

  height: 100%;

  top: 0;

  left: 0; }



.pad-b-0 {

  padding-bottom: 0; }



.mar-t-0 {

  margin-top: 0; }



.left-text * {

  text-align: left; }



.left-text h2:after {

  margin-left: 0 !important; }



/*Vertical align*/

.table {

  position: relative;

  display: table;

  height: 100%;

  width: 100%; }

  .table .table-cell {

    display: table-cell;

    vertical-align: middle; }



/*notify*/

.notify {

  display: block;

  background-color: #775e41;

  color: #fff;

  text-align: center;

  padding: 3px; }



.hidden {

  display: none; }



/*Social links*/

ul.social-links {

  padding-left: 0;

  margin: 0; }

  ul.social-links li {

    font-size: 14px;

    line-height: 14px;

    display: inline-block;

    margin-left: 20px; }

    ul.social-links li:first-child {

      margin-left: 0; }

    ul.social-links li a {

      -webkit-transform: rotate(45deg) translate(0px, 0px);

      -ms-transform: rotate(45deg) translate(0px, 0px);

      transform: rotate(45deg) translate(0px, 0px);

      list-style: none;

      background-color: orange;

      -webkit-border-radius: 4px;

      border-radius: 4px;

      display: inline-block;

      width: 32px;

      height: 32px;

      line-height: 32px;

      vertical-align: middle;

      text-align: center;

      -webkit-transition: all 0.3s ease;

      transition: all 0.3s ease;

      color: #fff; }

      ul.social-links li a:hover {

        background-color: #504645; }

      ul.social-links li a i {

        -webkit-transform: rotate(-45deg) translate(0px, 0px);

        -ms-transform: rotate(-45deg) translate(0px, 0px);

        transform: rotate(-45deg) translate(0px, 0px); }



ul.minimal li a {

  background-color: #333232; }



/*Tabs services*/

.services-tabs {

  padding: 0; }

  .services-tabs .ui-tabs-nav {

    padding: 0; }

    .services-tabs .ui-tabs-nav li {

      width: 25%;

      white-space: initial;

      padding-right: 15px;

      padding-left: 15px;

      margin: 0;

      outline: none; }

      .services-tabs .ui-tabs-nav li .ui-tabs-anchor {

        text-align: center;

        outline: none;

        background-color: #212121;

        -webkit-transition: all 0.3s ease;

        transition: all 0.3s ease;

        padding-bottom: 18px;

        width: 100%; }

        .services-tabs .ui-tabs-nav li .ui-tabs-anchor i {

          color: #ababab;

          font-size: 65px; }

        .services-tabs .ui-tabs-nav li .ui-tabs-anchor p {

          color: #c5c5c5;

          font-size: 13px;

          line-height: 25px;

          letter-spacing: 0.9px; }

        .services-tabs .ui-tabs-nav li .ui-tabs-anchor h4 {

          color: #fff;

          font-size: 18px;

          font-weight: 400;

          margin-top: 10px;

          margin-bottom: 10px; }

    .services-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {

      background-color: #1b1b1b;

      -webkit-transform: scale(1.1);

      -ms-transform: scale(1.1);

      transform: scale(1.1); }

  .services-tabs .ui-tabs-panel {

    padding: 0; }



/*Start PREV & NEXT CONTROL SLIDER*/

.prev-next-block-rotate {
  display: none;

  -webkit-transition: all ease .5s;

  transition: all ease .5s; }

  .prev-next-block-rotate .slick-arrow {

    color: #fff; }

  .prev-next-block-rotate .wrap-prev, .prev-next-block-rotate .wrap-next {

    height: 60px;

    width: 60px;

    line-height: 60px;

    background-color: #fff;

    position: absolute;

    font-size: 22px;

    color: #fff;

    cursor: pointer;

    -webkit-transition: all ease .6s;

    transition: all ease .6s;

    text-align: center;

    top: 50%; }

    .prev-next-block-rotate .wrap-prev i, .prev-next-block-rotate .wrap-next i {

      color: #808080; }

  .prev-next-block-rotate .wrap-prev {

    -webkit-box-shadow: 1px 0px 2px #4e4e4e;

    box-shadow: 1px 0px 2px #4e4e4e;

    left: -25px; }

    .prev-next-block-rotate .wrap-prev i {

      position: relative; }

    .prev-next-block-rotate .wrap-prev:hover {

      left: 0; }

  .prev-next-block-rotate .wrap-next {

    -webkit-box-shadow: 0px 0px 2px #4e4e4e;

    box-shadow: 0px 0px 2px #4e4e4e;

    right: -25px; }

    .prev-next-block-rotate .wrap-next i {

      position: relative; }

    .prev-next-block-rotate .wrap-next:hover {

      right: 0; }



.opacity-control .wrap-prev, .opacity-control .wrap-next {

  opacity: 0.2; }

  .opacity-control .wrap-prev:hover, .opacity-control .wrap-next:hover {

    opacity: 1; }



/*F&R&C*/

.left {

  text-align: left; }

  .left span.after {

    margin: inherit; }



.right {

  text-align: right; }



.center {

  text-align: center; }

  .center .icon-play {

    margin: 0 auto; }

  .center .img-slide img {

    margin: 0 auto; }

  .center h1:after {

    margin: auto;

    margin-top: 8px;

    margin-bottom: 15px; }



/*Left & right*/

.text-left, .text-left.small-heading {

  text-align: left; }

  .text-left h2:after, .text-left.small-heading h2:after {

    margin: 13px 0 18px; }



/*Buttons*/

.btn {

  background-color: #4F90D2;

  border: none;

  color: #fff !important;

  font-size: 14px;

  line-height: 14px;

  font-weight: 100;

  padding: 15px 30px 15px 31px;

  -webkit-border-radius: 30px;

  border-radius: 30px;

  letter-spacing: 0.7px;

  display: block;

  -webkit-transition: all ease 0.50s;

  transition: all ease 0.50s;

  display: inline-block;

  text-decoration: none; }

  .btn:hover {

    background-color: #1D62A9;

    color: #fff;

    text-decoration: none; }

  .btn:focus {

    text-decoration: none;

    color: #000; 

  }



    .btn1 {

      background-color: ;

      border: 2px solid #fff;

      color: #fff;

      font-size: 14px;

      line-height: 14px;

      font-weight: 100;

      text-transform: uppercase;

      padding: 10px 30px 15px 31px;

      -webkit-border-radius: 30px;

      border-radius: 3px;

      letter-spacing: 0.7px;

      display: block;

      -webkit-transition: all ease 0.50s;

      transition: all ease 0.50s;

      display: inline-block;

      text-decoration: none; 

      margin-bottom: 30px;

    }

  .btn1:hover {

    background-color: #fff;

    color: #000;

    text-decoration: none; 

  }

  .btn1:focus {

    text-decoration: none;

    color: #fff; 

  }



/*Heading title*/

.heading-title {

  margin-bottom: 70px; }

  .heading-title h2 {

    color: #424242;

    font-size: 41px;

    text-transform: uppercase;

    line-height: inherit;

    margin-top: 0;

    margin-bottom: 0; }

    .heading-title h2 span {

      color: #4F90D2; }

  .heading-title .small-desd {

    font-size: 14px;

    text-transform: uppercase;

    color: #4F90D2;

    font-weight: 500;

    letter-spacing: 1px; }

    .heading-title .small-desd span {

      color: #424242; }

  .heading-title p {

    font-size: 16px;

    color: #585858;

    margin-bottom: 0; }



.small-heading h2 {

  font-size: 27px;

  letter-spacing: 1px; }

  .small-heading h2:after {

    content: "";

    display: block;

    height: 2px;

    width: 55px;

    background-color: #4F90D2;

    margin: 0 auto;

    margin-top: 13px;

    margin-bottom: 18px; }



.head-service h2 {

  color: #fff; }


.slider img{
width: 100%;
    height: 100vh;
    filter: brightness(0.6);
}



/*Accordion*/

.accordion .ui-accordion-header {

  margin: 10px 0 0 0;

  background-color: #504645;

  color: #fff;

  border: 1px solid #403837;

  font-size: 13px;

  font-weight: 500;

  text-transform: uppercase;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  cursor: pointer;

  outline: none;

  padding: 11px 10px 10px 5px;

  letter-spacing: 1px;

  position: relative;

  text-align: left; }

  .accordion .ui-accordion-header .ui-icon {

    display: none; }

  .accordion .ui-accordion-header i {

    margin-left: 10px;

    margin-right: 10px; }

  .accordion .ui-accordion-header:first-child {

    margin-top: 0; }

  .accordion .ui-accordion-header:after {

    font-family: 'Pe-icon-7-stroke';

    content: "\e688";

    color: #b3b3b3;

    font-size: 1.6875rem;

    height: 8px;

    width: 8px;

    display: block;

    position: absolute;

    right: 26px;

    top: 2px; }



.accordion .ui-state-active {

  background-color: #4F90D2;

  color: #fff;

  -webkit-border-radius: 2px 2px 0 0;

  border-radius: 2px 2px 0 0;

  border: none; }

  .accordion .ui-state-active:after {

    content: "\e682";

    color: #fff; }



.accordion .ui-accordion-content {

  background-color: #f8f8f8;

  border: 1px solid #dfdfdf;

  border-top: none;

  padding: 15px 20px 15px 20px; }

  .accordion .ui-accordion-content p {

    color: #5c5c5c;

    margin-top: 0;

    font-size: 14px;

    line-height: 23px; }



/*Buttont*/

.buttons-section .large-btn {

  margin-right: 25px;

  border: 2px solid #4F90D2; }

  .buttons-section .large-btn:last-child {

    margin-right: 0; }



.buttons-section .white-btn {

  background-color: #fff;

  color: #555; }

  .buttons-section .white-btn:hover {

    background-color: #4F90D2;

    color: #fff; }



.buttons-section .white-btn-all {

  background-color: #fff;

  color: #111;

  border-color: #fff; }

  .buttons-section .white-btn-all:hover {

    background-color: #4F90D2;

    border-color: #4F90D2;

    color: #fff; }



.buttons-section .accent-btn {

  background-color: #4F90D2;

  color: #fff; }

  .buttons-section .accent-btn:hover {

    background-color: #b28c62;

    color: #fff;

    border-color: #b28c62; }



.buttons-section .dark-btn {

  background-color: transparent; }

  .buttons-section .dark-btn:hover {

    background-color: #4F90D2;

    color: #fff; }



.buttons-section .dark-full-btn {

  background-color: #504645;

  border-color: #504645; }

  .buttons-section .dark-full-btn:hover {

    background-color: #4F90D2;

    color: #fff;

    border-color: #504645; }



.buttons-section .accent-br-btn {

  border-color: #4F90D2;

  background-color: transparent;

  color: #555; }

  .buttons-section .accent-br-btn:hover {

    background-color: #4F90D2;

    color: #fff; }



.buttons-section .white-tr-btn {

  background-color: transparent;

  border: 2px solid #fff; }

  .buttons-section .white-tr-btn:hover {

    background-color: #4F90D2;

    border-color: #4F90D2;

    color: #fff; }



.btn-down {

  position: absolute;

  display: block;

  -webkit-border-radius: 20px;

  border-radius: 20px;

  width: 25px;

  height: 35px;

  bottom: 30px;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

  text-decoration: none;

  line-height: 35px;

  vertical-align: middle;

  border: 2px solid rgba(255, 255, 255, 0.4);

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  z-index: 3; }

  .btn-down:hover {

    border-color: #fff; }

  .btn-down i {

    color: #fff;

    font-size: 13px; }



/*Form*/

form input[type=text], form input[type=email] {

  padding-bottom: 7px; }



form textarea {

  resize: vertical; }



form input[type=text], form input[type=email], form textarea, form select, form .selectize-input, form .selectize-input.full {

  border: 2px solid #fff;

  -webkit-border-radius: 0;

  border-radius: 0;

  background-color: transparent;

  display: block;

  width:84%;

  padding-top: 9px;

  padding-left: 20px;

  padding-right: 20px;

  margin-bottom:0;

  color: #333;

  -webkit-transition: all ease 0.50s;

  transition: all ease 0.50s; }

  form input[type=text]:focus, form input[type=email]:focus, form textarea:focus, form select:focus, form .selectize-input:focus, form .selectize-input.full:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: none;

    border-color:#FFF; }

  form input[type=text]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder, form .selectize-input::-webkit-input-placeholder, form .selectize-input.full::-webkit-input-placeholder {

    font-size: 14px;

    color: #333; }

  form input[type=text]::-moz-placeholder, form input[type=email]::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder, form .selectize-input::-moz-placeholder, form .selectize-input.full::-moz-placeholder {

    font-size: 14px;

    color: #333; }

  form input[type=text]:-moz-placeholder, form input[type=email]:-moz-placeholder, form textarea:-moz-placeholder, form select:-moz-placeholder, form .selectize-input:-moz-placeholder, form .selectize-input.full:-moz-placeholder {

    font-size: 14px;

    color: #333; }

  form input[type=text]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder, form .selectize-input:-ms-input-placeholder, form .selectize-input.full:-ms-input-placeholder {

    font-size: 14px;

    color: #333 !important; }



form input[type=submit] {

  outline: none; }



form .selectize-dropdown, form .selectize-input, form .selectize-input input {

  color: #fff;

  font-size: 14px; }



form .selectize-input {

  padding-top: 11px;

  padding-bottom: 10px; }



form .selectize-control:focus {

  outline: none; }



form .selectize-control.single .selectize-input:after {

  border-color: #fff transparent transparent transparent; }



form .selectize-control.single .selectize-input.dropdown-active:after {

  border-color: transparent transparent #fff transparent; }



form .input-active:after {

  content: ' ';

  display: block;

  position: absolute;

  top: 50%;

  right: 15px;

  margin-top: -3px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 5px 5px 0 5px;

  border-color: #808080 transparent transparent transparent;

  z-index: 9999; }



form .selectize-dropdown {

  background-color: #fff;

  border: none;

  -webkit-border-radius: 0;

  border-radius: 0;

  top: 44px !important;

  -webkit-transition: all ease 0.50s;

  transition: all ease 0.50s; }

  form .selectize-dropdown .selectize-dropdown-content .option {

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 20px;

    border-bottom: 1px dashed #ccc;

    color: #504645; }

    form .selectize-dropdown .selectize-dropdown-content .option:last-child {

      border-bottom: none; }



.selectize-input, .selectize-control.single .selectize-input.input-active {

  background: transparent;

  border-color: #4F90D2;

  -webkit-box-shadow: none;

  box-shadow: none; }

  .selectize-input:before, .selectize-control.single .selectize-input.input-active:before {

    display: none; }



/*Icon play*/

.icon-play {

  color: #fff;

  font-size: 60px;

  text-align: center;

  border: 2px solid #fff;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  width: 100px;

  height: 100px;

  display: block;

  outline: none !important;

  -webkit-transition: all ease 0.75s;

  transition: all ease 0.75s; }

  .icon-play i {

    position: relative;

    left: 4px; }

  .icon-play:hover {

    color: #4F90D2;

    border-color: #4F90D2; }

  .icon-play:focus {

    color: #4F90D2;

    border-color: #4F90D2; }



/*Start Custom superfish top menu*/

header {

  border-bottom: 1px solid transparent;

  -webkit-transition: all ease 0.50s;

  transition: all ease 0.50s;border: solid 1px #ccc; }



.sf-menu {

  margin-bottom: 0; }

  .sf-menu a {

    padding: 0;

    padding: 0 12px;

    border: none;

    color: #fff;

    text-decoration: none; }

  .sf-menu > li {

    font-weight: 600;

    font-size: 14px;

    line-height: 14px;

    text-transform: uppercase;

    -webkit-transition: all ease 0.50s;

    transition: all ease 0.50s;

    background-color: transparent;

    padding: 49px 0px 45px 0;

    letter-spacing: 0.7px; }

    .sf-menu > li:last-child a {

      padding-right: 0; }

    .sf-menu > li:hover {

      background-color: transparent; }

    .sf-menu > li.sfHover {

      background: none; }

      .sf-menu > li.sfHover > a {

        color: #4F90D2; }

    .sf-menu > li > a {

      border-bottom: none;

      -webkit-transition: all .5s ease;

      transition: all .5s ease;

      color: #000; }

      .sf-menu > li > a:hover {

        color: #4F90D2; }

      .sf-menu > li > a + * a {

        -webkit-transition: all .25s ease;

        transition: all .25s ease; }

        .sf-menu > li > a + * a:hover {

          color: #fff; }

  .sf-menu .buy-now-li a {

    color: #a6e454; }

  .sf-menu ul {

    -webkit-border-radius: 0 0 4px 4px;

    border-radius: 0 0 4px 4px;

    min-width: auto;

    -webkit-box-shadow: none;

    box-shadow: none;

    min-width: 230px;

    background-color: rgba(30, 30, 30, 0.97); }

    .sf-menu ul li {

      background: none; }

      .sf-menu ul li:first-child {

        padding-top: 2px; }

      .sf-menu ul li:last-child {

        border-bottom: none; }

      .sf-menu ul li:hover {

        background-color: #313131; }

      .sf-menu ul li a {

        padding: 12px 25px 12px;

        color: #fff;

        font-weight: 300;

        text-transform: none; }



.sf-arrows .sf-with-ul {

  padding: 0 16px 0 16px;

  position: relative;

  top: -2px; }

  .sf-arrows .sf-with-ul a {

    outline: none;

    padding: 0; }

  .sf-arrows .sf-with-ul:after {

    content: "";

    font-family: "FontAwesome";

    display: inline-block;

    top: 0;

    font-size: 12px;

    color: #fff;

    position: relative;

    left: 6px;

    border-top-color: transparent; }



.sf-arrows li .sf-with-ul:focus:after, .sf-arrows li:hover > .sf-with-ul:after {

  color: #4F90D2;

  border-top-color: transparent; }



.sf-arrows .sfHover .sf-with-ul:after {

  color: #4F90D2;

  border-top-color: transparent; }



.sf-menu li .sfHover {

  background: rgba(0, 0, 0, 0.3); }



.sf-menu ul ul li {

  background-color: rgba(30, 30, 30, 0.97);

  -webkit-border-radius: 0;

  border-radius: 0; }



.sf-arrows ul .sf-with-ul {

  padding: 12px 25px 12px; }

  .sf-arrows ul .sf-with-ul:after {

    border-left-color: transparent;

    content: "";

    font-family: "FontAwesome";

    display: inline-block;

    font-size: 12px;

    color: #fff !important;

    position: relative;

    left: 2px;

    float: right;

    right: 0;

    top: 0px;

    margin-top: 0;

    border: none;

    border-top-color: transparent; }

  .sf-arrows ul .sf-with-ul li {

    display: none !important; }



.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {

  border-left-color: transparent; }



header.is-sticky {

  background-color: #fff;

  position: fixed;

  width: 100%;

  z-index: 5;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease; }

  header.is-sticky .logo {

    padding: 12px 0 9px 0; }

    header.is-sticky .logo img {

      height: 43px; }

  header.is-sticky .show-full-screen {

    opacity: 1;

    visibility: visible; }

  header.is-sticky .toggle-top {

    top: 23px; }

  header.is-sticky .sf-menu > li {

    padding: 24px 0px 24px 0; }



.off-canvas-menu {

  top: 0px; }



header.is-sticky.fixed-tp-menu {

  top: 0; }



.content-wrap-lfm {

  margin-left: 300px;

  float: none;

  width: inherit;

  display: block; }



.sidenav .container {

  width: 90%; }



.header-type-1 {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 500;

  height: 100%;

  width: 300px; }

  .header-type-1:after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

    height: 100%;

    top: 0;

    right: 0;

    left: 0;

    background-color: rgba(255, 255, 255, 0.7);

    z-index: -1; }

  .header-type-1 .top-menu {

    float: none; }

  .header-type-1 .logo {

    width: 100%;

    text-align: center;

    margin-top: 50px; }

    .header-type-1 .logo .logo-white {

      display: none;

      margin: 0 auto; }

    .header-type-1 .logo .logo-dark {

      display: block;

      margin: 0 auto; }

  .header-type-1 .sf-menu li {

    padding: 15px 0px 15px 0; }

    .header-type-1 .sf-menu li:last-child a {

      padding-right: 12px; }

    .header-type-1 .sf-menu li a {

      color: #111; }

  .header-type-1 ul.social-links {

    display: inline-block;

    width: 100%;

    position: absolute;

    bottom: 50px;

    left: 0;

    text-align: center;

    margin-top: 50px; }

  .header-type-1 .sf-vertical {

    width: 100%;

    text-align: center; }

    .header-type-1 .sf-vertical ul {

      left: 100%;

      top: 0;

      -webkit-border-radius: 0 3px 3px 0;

      border-radius: 0 3px 3px 0; }

    .header-type-1 .sf-vertical > li {

      float: none; }

    .header-type-1 .sf-vertical li {

      width: 100%; }

      .header-type-1 .sf-vertical li:hover a {

        color: #4F90D2; }

      .header-type-1 .sf-vertical li:hover ul li a {

        color: #111; }

      .header-type-1 .sf-vertical li:hover ul li:hover {

        background-color: #313131; }

        .header-type-1 .sf-vertical li:hover ul li:hover a {

          color: #fff; }

        .header-type-1 .sf-vertical li:hover ul li:hover ul li a {

          color: #111; }

      .header-type-1 .sf-vertical li:hover ul li ul li:hover a {

        color: #fff; }

    .header-type-1 .sf-vertical .sf-with-ul {

      padding: 0 16px 0 16px;

      position: relative;

      top: -2px; }

      .header-type-1 .sf-vertical .sf-with-ul a {

        outline: none;

        padding: 0; }

      .header-type-1 .sf-vertical .sf-with-ul:after {

        content: "";

        font-family: "FontAwesome";

        display: inline-block;

        font-size: 12px;

        color: #505050;

        -webkit-transition: all 0.5s ease;

        transition: all 0.5s ease;

        position: relative;

        left: 6px;

        width: 0;

        height: 0;

        border-top-color: transparent; }

    .header-type-1 .sf-vertical li .sf-with-ul:focus:after, .header-type-1 .sf-vertical li:hover > .sf-with-ul:after {

      color: #4F90D2;

      border-top-color: transparent; }

    .header-type-1 .sf-vertical .sfHover .sf-with-ul:after {

      color: #fff;

      border-top-color: transparent; }

    .header-type-1 .sf-vertical a.sf-with-ul {

      padding-left: 25px; }

    .header-type-1 .sf-vertical ul {

      background-color: #fff;

      text-align: left;

      -webkit-box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35);

      box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35); }

      .header-type-1 .sf-vertical ul li {

        padding-top: 0;

        padding-bottom: 0; }

        .header-type-1 .sf-vertical ul li:first-child {

          padding-top: 0; }

        .header-type-1 .sf-vertical ul li:hover a {

          color: #000; }

          .header-type-1 .sf-vertical ul li:hover a:after {

            color: #fff !important; }

        .header-type-1 .sf-vertical ul li a {

          padding-top: 14px;

          padding-bottom: 11px;

          font-weight: 500; }

        .header-type-1 .sf-vertical ul li .sf-with-ul {

          padding-top: 14px;

          padding-bottom: 10px; }

      .header-type-1 .sf-vertical ul ul {

        -webkit-box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35);

        box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35); }

        .header-type-1 .sf-vertical ul ul li {

          background-color: #fff; }

  .header-type-1 .sf-arrows ul .sf-with-ul:after {

    color: #000 !important;

    left: -4px; }



#mobile-menu.active .nav_menu li {

  opacity: 1;

  -webkit-transform: translateY(-1rem);

  -ms-transform: translateY(-1rem);

  transform: translateY(-1rem);

  -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);

  transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1); }

  #mobile-menu.active .nav_menu li:nth-of-type(1) {

    -webkit-transition-delay: .5s;

    transition-delay: .5s; }

  #mobile-menu.active .nav_menu li:nth-of-type(2) {

    -webkit-transition-delay: .6s;

    transition-delay: .6s; }

  #mobile-menu.active .nav_menu li:nth-of-type(3) {

    -webkit-transition-delay: .7s;

    transition-delay: .7s; }

  #mobile-menu.active .nav_menu li:nth-of-type(4) {

    -webkit-transition-delay: .8s;

    transition-delay: .8s; }

  #mobile-menu.active .nav_menu li:nth-of-type(5) {

    -webkit-transition-delay: .9s;

    transition-delay: .9s; }

  #mobile-menu.active .nav_menu li:nth-of-type(6) {

    -webkit-transition-delay: 1s;

    transition-delay: 1s; }

  #mobile-menu.active .nav_menu li:nth-of-type(7) {

    -webkit-transition-delay: 1.1s;

    transition-delay: 1.1s; }

  #mobile-menu.active .nav_menu li:nth-of-type(8) {

    -webkit-transition-delay: 1.2s;

    transition-delay: 1.2s; }

  #mobile-menu.active .nav_menu li:nth-of-type(9) {

    -webkit-transition-delay: 1.3s;

    transition-delay: 1.3s; }

  #mobile-menu.active .nav_menu li:nth-of-type(10) {

    -webkit-transition-delay: 1.4s;

    transition-delay: 1.4s; }



/*Start Mobile full screen menu*/

#mobile-menu {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: none;

  z-index: 444;

  background-color: #fff; }

  #mobile-menu > .inner-wrap {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    max-height: 100%;

    overflow-y: auto;

    text-align: center;

    padding: 50px 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%); }

    #mobile-menu > .inner-wrap::-webkit-scrollbar-track {

      background-color: #fff; }

    #mobile-menu > .inner-wrap::-webkit-scrollbar {

      width: 5px;

      background-color: #fff; }

    #mobile-menu > .inner-wrap::-webkit-scrollbar-thumb {

      background-color: #4F90D2; }

    #mobile-menu > .inner-wrap > nav > .nav_menu {

      margin: 0;

      padding: 0 0 5px 0;

      list-style-type: none; }

      #mobile-menu > .inner-wrap > nav > .nav_menu ul {

        margin: 0;

        padding: 0 0 5px 0;

        list-style-type: none; }

  #mobile-menu .nav_menu li {

    opacity: 0;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

    -webkit-transition-delay: 0s;

    transition-delay: 0s; }

  #mobile-menu .nav_menu a {

    display: inline-block;

    padding: 8px 0;

    text-decoration: none;

    font-size: 29px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #000;

    -webkit-transition: all ease 0.50s;

    transition: all ease 0.50s; }

    #mobile-menu .nav_menu a:hover {

      color: #4F90D2; }

  #mobile-menu .nav_menu .sub-menu {

    display: none; }

    #mobile-menu .nav_menu .sub-menu a {

      text-transform: capitalize;

      padding: 2px 0;

      font-size: 1.125rem;

      letter-spacing: 1px; }

  #mobile-menu .nav_menu li.menu-item-has-children > a::after {

    content: '\f107';

    font-family: 'FontAwesome';

    margin-left: 4px;

    position: relative;

    right: -5px;
  display: none;
  }

  #mobile-menu .nav_menu li.menu-item-has-children > a.sub-active {

    color: #000; }

    #mobile-menu .nav_menu li.menu-item-has-children > a.sub-active::after {

      content: '\f106'; }

  #mobile-menu .nav_menu .buy-now-li a {

    color: #a6e454; }

  #mobile-menu li.current-menu-item > a, #mobile-menu li.current-page-item > a {

    color: #555555; }



/*Portfolio pop up*/

.modal-box {

  max-width: 620px;

  background: #fff;

  position: relative;

  margin: 0 auto;

  left: 0;

  overflow: hidden; }

  .modal-box .img-responsive {

    width: 100%; }

  .modal-box .modal-box-content {

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 20px; }

    .modal-box .modal-box-content h2, .modal-box .modal-box-content h3 {

      font-weight: 700;

      text-transform: uppercase;

      font-size: 25px;

      margin-bottom: 0; }

      .modal-box .modal-box-content h2 span, .modal-box .modal-box-content h3 span {

        color: #4F90D2; }

    .modal-box .modal-box-content h3 {

      font-size: 20px; }

      .modal-box .modal-box-content h3:after {

        content: "";

        display: block;

        height: 2px;

        width: 40px;

        background-color: #4F90D2;

        margin-top: 8px;

        margin-bottom: 15px; }

    .modal-box .modal-box-content p {

      margin-top: 5px;

      font-size: 14px; }

  .modal-box .list-project {

    padding-left: 0; }

    .modal-box .list-project li {

      list-style: none;

      font-size: 14px; }

      .modal-box .list-project li b {

        font-weight: 600; }

      .modal-box .list-project li a {

        color: #4F90D2; }

        .modal-box .list-project li a i {

          margin-left: 6px;

          position: relative;

          top: 1px; }

  .modal-box .slider-wrap {

    position: relative; }

  .modal-box iframe {

    border: none; }



/*Start Toggle menu - button*/

.toggle-mnu {

  float: right;

  display: none;

  width: 28px;

  height: 28px;

  top: 39px;

  right: 16px;

  position: relative;

  cursor: pointer; }

  .toggle-mnu span:after, .toggle-mnu span:before {

    content: "";

    position: absolute;

    left: 0;

    top: 8px; }

  .toggle-mnu span:after {

    top: 16px; }

  .toggle-mnu span {

    position: relative;

    display: block; }

  .toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {

    width: 100%;

    height: 3px;

    background-color: #000;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden; }

  .toggle-mnu.on span {

    background-color: transparent; }

  .toggle-mnu.on span:before {

    -webkit-transform: rotate(45deg) translate(-1px, 0px);

    -ms-transform: rotate(45deg) translate(-1px, 0px);

    transform: rotate(45deg) translate(-1px, 0px);

    background-color: #000; }

  .toggle-mnu.on span:after {

    background-color: #000;

    -webkit-transform: rotate(-45deg) translate(6px, -7px);

    -ms-transform: rotate(-45deg) translate(6px, -7px);

    transform: rotate(-45deg) translate(6px, -7px); }



body:not(.header-fixed) .logo, .toggle-mnu {

  z-index: 1001; }



.toggle-top {

  float: right;

  position: absolute;

  right: 40px;

  top: 37px;

  -webkit-transition: all ease 0.50s;

  transition: all ease 0.50s; }

  .toggle-top span {

    width: 24px;

    height: 3px;

    background-color: #fff;

    display: block;

    position: relative;

    margin-bottom: 1px;

    -webkit-transition: 0.20s all ease;

    transition: 0.20s all ease; }

    .toggle-top span:last-child {

      margin-bottom: 0; }

    .toggle-top span:nth-of-type(1) {

      width: 12px; }

    .toggle-top span:nth-of-type(2) {

      width: 19px; }

    .toggle-top span:nth-of-type(4) {

      width: 19px; }

    .toggle-top span:nth-of-type(5) {

      width: 12px; }

  .toggle-top:hover span:nth-of-type(1) {

    -webkit-transition-delay: .2s;

    transition-delay: .2s;

    width: 24px; }

  .toggle-top:hover span:nth-of-type(2) {

    -webkit-transition-delay: .3s;

    transition-delay: .3s;

    width: 24px; }

  .toggle-top:hover span:nth-of-type(4) {

    -webkit-transition-delay: .4s;

    transition-delay: .4s;

    width: 24px; }

  .toggle-top:hover span:nth-of-type(5) {

    -webkit-transition-delay: .5s;

    transition-delay: .5s;

    width: 24px; }



.on-top span:nth-of-type(1) {

  background-color: transparent;

  -webkit-transition-delay: 0s;

  transition-delay: 0s; }



.on-top span:nth-of-type(2) {

  width: 25px;

  -webkit-transform: rotate(-45deg) translate(-6px, 0px);

  -ms-transform: rotate(-45deg) translate(-6px, 0px);

  transform: rotate(-45deg) translate(-6px, 0px);

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  background-color: #fff; }



.on-top span:nth-of-type(3) {

  background-color: transparent;

  -webkit-transition-delay: 0s;

  transition-delay: 0s; }



.on-top span:nth-of-type(4) {

  width: 25px;

  -webkit-transform: rotate(45deg) translate(-5px, 0px);

  -ms-transform: rotate(45deg) translate(-5px, 0px);

  transform: rotate(45deg) translate(-5px, 0px);

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  background-color: #fff; }



.on-top span:nth-of-type(5) {

  background-color: transparent;

  -webkit-transition-delay: 0s;

  transition-delay: 0s; }



.active-fullscreen-topnav {

  overflow: hidden; }

  .active-fullscreen-topnav header {

    border-bottom: 1px solid #505050;

    background-color: #1d1d1d;

    position: fixed;

    width: 100%;

    z-index: 5; }

    .active-fullscreen-topnav header .logo {

      padding: 12px 0 9px 0; }

      .active-fullscreen-topnav header .logo img {

        height: 43px; }

  .active-fullscreen-topnav .show-full-screen {

    opacity: 1;

    visibility: visible; }

  .active-fullscreen-topnav .toggle-top {

    top: 23px; }

  .active-fullscreen-topnav .sf-menu > li {

    padding: 24px 0px 24px 0; }



.height-half {

  height: 40%; }



.height-half-60 {

  height: 60%; }



.height-full {

  height: 100%; }



.height-auto {

  height: 100%; }



.no-padding-top {

  padding-top: 0 !important; }



.no-padding-bottom {

  padding-bottom: 0 !important; }



.fullscreen-topnav {

  background-color: #4F90D2;

  position: fixed;

  z-index: 4;

  bottom: 0;

  width: 100%;

  top: 65px;

  opacity: 0;

  visibility: hidden;

  overflow: auto;

  -webkit-transition: all ease-in-out 0.7s;

  transition: all ease-in-out 0.7s; }

  .fullscreen-topnav::-webkit-scrollbar-track {

    background-color: #fff; }

  .fullscreen-topnav::-webkit-scrollbar {

    width: 5px;

    background-color: #fff; }

  .fullscreen-topnav::-webkit-scrollbar-thumb {

    background-color: #4F90D2; }

  .fullscreen-topnav .items .link {

    -webkit-transition: all ease 0.60s;

    transition: all ease 0.60s;

    text-align: center;

    background-color: #1b1b1b;

    border: 3px solid transparent;

    text-decoration: none; }

    .fullscreen-topnav .items .link:hover {

      text-decoration: none;

      background-color: rgba(33, 33, 33, 0.85);

      border-color: #585858; }

      .fullscreen-topnav .items .link:hover h2 {

        color: #fff; }

      .fullscreen-topnav .items .link:hover p {

        color: #4F90D2; }

  .fullscreen-topnav .content-nav p, .fullscreen-topnav .content-nav h2 {

    color: #fff;

    -webkit-transition: all ease 0.60s;

    transition: all ease 0.60s; }

  .fullscreen-topnav .content-nav h2 {

    font-weight: 600;

    margin-top: 4px; }

  .fullscreen-topnav .content-nav p {

    margin-bottom: 0; }

  .fullscreen-topnav h3 {

    color: #fff;

    font-size: 22px;

    font-weight: 400;

    padding-bottom: 15px;

    line-height: 22px;

    margin-top: 0;

    border-bottom: 1px solid #625958; }

  .fullscreen-topnav .text-item {

    background-color: #212121;

    padding-left: 40px;

    padding-right: 40px; }

    .fullscreen-topnav .text-item p {

      border-left: 3px solid #4F90D2;

      padding-left: 20px;

      font-weight: 400; }

  .fullscreen-topnav .form-full-screen {

    background-color: rgba(33, 33, 33, 0.9);

    padding-right: 45px;

    padding-left: 45px; }

  .fullscreen-topnav .video-play {

    text-align: center;

    color: #fff;

    background-color: rgba(27, 27, 27, 0.9); }

    .fullscreen-topnav .video-play .icon-play {

      margin: 0 auto; }



/*Back to top link*/

.top {

  position: fixed;

  bottom: 20px;

  right: 20px;

  z-index: 3;

  display: none; }

  .top a {

    color: #fff;

    background-color: #4F90D2;

    display: block;

    text-align: center;

    width: 45px;

    height: 45px;

    line-height: 45px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    opacity: 0.7;

    -webkit-transition: all ease .6s;

    transition: all ease .6s; }

    .top a i {

      font-size: 25px;

      vertical-align: middle; }

    .top a:hover {

      opacity: 1;

      color: #fff; }



.bg-dark-section {

  position: relative; }

  .bg-dark-section:after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.8);

    z-index: 1; }

    .bg-dark-section1:after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    left: 0;

    background-color: #fff;

    z-index: 1; }

  .bg-dark-section .container, .bg-dark-section .container-fluid {

    position: relative;

    z-index: 3; }

  .bg-dark-section .heading-title h2 {

    color: #000; }

  .bg-dark-section .heading-title p {

    color: #fff; }

  .bg-dark-section .heading-title .small-desd span {

    color: #fff; }

  .bg-dark-section p {

    color: #fff; }

  .bg-dark-section ul.list li {

    color: #fff; }

  .bg-dark-section .icon-progress i {

    color: #fff; }



.bg-white-section {

  position: relative; }

  .bg-white-section:after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    left: 0;

    background-color: rgba(232, 232, 232, 0.96);

    z-index: 1; }

  .bg-white-section .container, .bg-white-section .container-fluid {

    position: relative;

    z-index: 3; }



.white-70:after {

  background-color: rgba(255, 255, 255, 0.7); }



.white-80:after {

  background-color: rgba(255, 255, 255, 0.8); }



.white-90:after {

  background-color: rgba(255, 255, 255, 0.9); }



/*Background mask*/

.bg-mask {

  position: relative; }

  .bg-mask:after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

    height: 100%;

    top: 0;

    right: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.7);

    z-index: 1; }

  .bg-mask .container, .bg-mask .container-fluid {

    position: relative;

    z-index: 3; }



.bg-mask-small {

  position: relative; }

  .bg-mask-small:after {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

    height: 100%;

    top: 0;

    right: 0;

    left: 0;

    /*background-color: rgba(0, 0, 0, 0.5);*/

    z-index: 1; }

  .bg-mask-small .container, .bg-mask-small .container-fluid {

    position: relative;

    z-index: 3; }



.bg-mask-blue:after {

  background-color: rgba(48, 71, 211, 0.9); }



.bg-mask-white:after {

  background-color: rgba(255, 255, 255, 0.9); }



.bg-mask-black:after {

  background-color: rgba(0, 0, 0, 0.9); }



.bg-mask-yellow:after {

  background-color: rgba(211, 132, 38, 0.9); }



.bg-mask-red:after {

  background-color: rgba(211, 71, 48, 0.9); }



.bg-mask-darkness:after {

  background-color: rgba(35, 50, 57, 0.9); }



.bg-mask-darkmilness:after {

  background-color: rgba(66, 78, 92, 0.9); }



/*Small heading*/

.small-head h2 {

  text-transform: none;

  font-size: 18px;

  font-weight: 500;

  letter-spacing: 0.8px; }

  .small-head h2:after {

    content: "";

    display: block;

    height: 2px;

    width: 60px;

    background-color: #4F90D2;

    margin-top: 13px;

    margin-bottom: 18px; }



/*100 hv*/

.full-vh {

  height: -webkit-calc(100vh);

  height: calc(100vh); }



/*Full slider opacity*/

.opacity-none {

  opacity: 0; }



/*heading title big*/

.heading-title-big {
	position: absolute;
     top: 50%;
  margin-top: -140px;
    width: 100%;
    left: 0;

  font-size: 4rem;

  font-family: "Roboto", sans-serif;

  font-weight: 900;

  text-transform: uppercase;

  color: #fff;

  letter-spacing: 5px;

  line-height: initial;

  margin-bottom: 15px; }

  .heading-title-big span {

    color: #4F90D2; }



.aligncenter,  .alignleft, .alignright{
 width: auto !important;
height: auto !important;
    max-width: 100%;
}

.slide-title {

  margin-top: 30px;

  font-size: 1.625rem;

  color: #fff;

  text-transform: uppercase;

  font-weight: 500;

  letter-spacing: 2px; }

  .slide-title span {

    color: #4F90D2; }



.description-slide {

  margin-top: 20px;

  color: #fff;

  font-size: 0.9375rem;

  font-weight: 500;

  letter-spacing: 1px; }

  .description-slide span {

    color: #4F90D2; }



/*vertical-align*/

.vertical-align {

  display: table;

  position: relative;

  height: 100%;

  margin: 0 auto; }

  .vertical-align .container {

    display: table-cell;

    vertical-align: middle; }



span.after {

  width: 110px;

  height: 19px;

  display: block;

  position: relative;

  margin: 0 auto;

  background: url(../img/after.html) no-repeat; }



ul.list {

  margin: 0;

  padding: 0; }

  ul.list li {

    list-style: none;

    font-size: 16px;

    letter-spacing: 0.9px; }

    ul.list li:before {

      font-family: FontAwesome;

      content: "\f192";

      font-size: 11px;

      color: #4F90D2;

      -webkit-transform: translateY(-4px);

      -ms-transform: translateY(-4px);

      transform: translateY(-4px);

      margin-right: 10px; }



/*Portfolio controls*/

.controls-portfolio ul {

  padding-left: 0;

  margin-bottom: 50px;

  margin-top: 0; }

  .controls-portfolio ul li {

    display: inline-block;

    font-size: 14px;

    color: #606060;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    font-weight: 500;

    margin-right: 30px;

    cursor: pointer; }

    .controls-portfolio ul li:last-child {

      margin-right: 0; }

  .controls-portfolio ul .active {

    color: #4F90D2; }



/*Circle*/

.tizer-circle {

  position: relative;

  color: #fff;

  width: 40px;

  height: 40px;

  background-color: #4F90D2;

  text-align: center;

  font-size: 13px;

  line-height: 40px;

  vertical-align: middle;

  -webkit-border-radius: 50%;

  border-radius: 50%; }



/*Triangle*/

.tizer-triangle {

  position: absolute;

  top: 10px;

  right: 10px;

  color: #fff;

  font-size: 17px;

  height: 0;

  width: 0;

  border-top: 65px solid #4F90D2;

  border-left: 65px solid transparent; }

  .tizer-triangle i {

    position: absolute;

    top: -60px;

    right: 10px; }



/*Portfolio masonry*/

.container-full {

  width: 100%;

  height: inherit;

  position: relative; }



.masonry-portfolio {

  background-attachment: fixed; }

  .masonry-portfolio .masonry-item-pr {

    padding: 0;

    -webkit-animation-delay: 0.4s;

    animation-delay: 0.4s; }

  .masonry-portfolio .wrap-ms-pr {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    outline: none; }

    .masonry-portfolio .wrap-ms-pr .bg-mask-pr {

      background-color: rgba(17, 17, 17, 0.4);

      display: block;

      width: 100%;

      height: 100%;

      position: absolute;

      text-align: center; }

      .masonry-portfolio .wrap-ms-pr .bg-mask-pr .icon {

        position: relative;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        -webkit-border-radius: 50%;

        border-radius: 50%;

        display: inline-block;

        width: 50px;

        font-size: 17px;

        height: 50px;

        background-color: #111;

        color: #fff;

        text-align: center;

        line-height: 50px;

        vertical-align: middle; }

    .masonry-portfolio .wrap-ms-pr img {

      width: 100%;

      vertical-align: middle; }



/*linx full*/

.link-full {

  text-align: center; }

  .link-full a {

    color: #fff;

    font-size: 12px;

    letter-spacing: 0.4px;

    font-weight: 500;

    text-decoration: none;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    text-transform: uppercase; }

    .link-full a:hover {

      text-decoration: none;

      color: #4F90D2; }

    .link-full a i {

      margin-left: 5px; }



/*No padding*/

.items-nopadding > div {

  padding: 0; }



/*Tabs default*/

.tabs-default ul {

  border-bottom: 3px solid #4F90D2; }

  .tabs-default ul li {

    background-color: #f4f3f3;

    -webkit-border-radius: 2px 2px 0 0;

    border-radius: 2px 2px 0 0;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease; }

    .tabs-default ul li a {

      font-size: 16px;

      text-transform: uppercase;

      color: #606060;

      outline: none; }

  .tabs-default ul li.ui-tabs-active {

    background-color: #4F90D2; }

    .tabs-default ul li.ui-tabs-active a {

      color: #fff; }



.tabs-default .ui-tabs-panel, .tabs-default .ui-tabs-nav {

  padding-left: 0;

  padding-right: 0;

  padding-top: 0; }



.tabs-default p {

  color: #606060;

  font-size: 14px; }



.skillbar {

  position: relative;

  display: block;

  margin-bottom: 15px;

  width: 100%;

  background: #4F90D2;

  height: 24px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  -webkit-transition: 0.4s linear;

  transition: 0.4s linear;

  -webkit-transition-property: width, background-color;

  transition-property: width, background-color; }

  .skillbar:last-child {

    margin-bottom: 0; }

  .skillbar:nth-child(2n) .skillbar-title {

    background: #594f4e; }

  .skillbar:nth-child(2n) .skillbar-bar {

    background: #736b6a; }



.skillbar-title {

  position: absolute;

  top: 0;

  left: 0;

  width: 110px;

  font-weight: 500;

  overflow: hidden;

  font-size: 12px;

  color: #ffffff;

  background: #736b6a;

  -webkit-border-top-left-radius: 3px;

  border-top-left-radius: 3px;

  -webkit-border-bottom-left-radius: 3px;

  border-bottom-left-radius: 3px; }

  .skillbar-title span {

    display: block;

    color: #fff;

    padding: 0 20px;

    height: 24px;

    line-height: 26px;

    -webkit-border-top-left-radius: 3px;

    border-top-left-radius: 3px;

    -webkit-border-bottom-left-radius: 3px;

    border-bottom-left-radius: 3px; }



.skillbar-bar {

  height: 24px;

  width: 0px;

  background: #504645;

  -webkit-border-radius: 3px;

  border-radius: 3px; }



.skill-bar-percent {

  position: absolute;

  right: 10px;

  top: 0;

  font-size: 12px;

  font-weight: 600;

  line-height: 27px;

  color: #fff; }



/*Triggers*/

.item-triggel-carousel .icon {

  color: #fff;

  font-size: 79px;

  line-height: 79px;

  display: inline-block; }

  .item-triggel-carousel .icon i {

    line-height: initial !important; }



.item-triggel-carousel h2 {

  font-size: 18px;

  font-weight: 300;

  text-transform: uppercase;

  color: #fff;

  margin-bottom: 5px; }



.item-triggel-carousel p {

  margin-top: 0;

  font-size: 15px;

  color: #d7d7d7;

  font-weight: 300; }



#trigger-carousel .slick-slide {

  outline: none !important; }



/*Start Custom dots Slick slider*/

.dots-control-carousel {

  margin: auto;

  margin-top: 40px;

  height: 16px;

  text-align: center; }



.dots {

  display: inline-block !important;

  text-align: center; }



.dots-control, .dots {

  margin: 0;

  padding: 0; }

  .dots-control li, .dots li {

    float: left;

    list-style: none;

    margin-right: 12px; }

    .dots-control li:last-child, .dots li:last-child {

      margin-right: 0; }

    .dots-control li button, .dots li button {

      font-size: 0px;

      padding: 0;

      height: 8px;

      width: 8px;

      -webkit-border-radius: 50%;

      border-radius: 50%;

      outline: none;

      background-color: #fff;

      border: none;

      display: block; }

  .dots-control .slick-active button, .dots .slick-active button {

    position: relative;

    top: -1px;

    width: 10px;

    height: 10px;

    border: 2px solid #fff;

    background: none; }



/*Contact information wrap*/

.contact-wrap {

  text-align: right; }

  .contact-wrap p, .contact-wrap a {

    color: #fff;

    text-transform: uppercase;

    font-weight: 500;

    display: block; }

    .contact-wrap p i, .contact-wrap a i {

      color: #4F90D2;

      margin-right: 10px; }

  .contact-wrap p {

    margin-top: 15px;

    margin-bottom: 15px; }

    .contact-wrap p:first-child {

      margin-top: 0; }

  .contact-wrap .street {

    font-weight: 400;

    font-size: 14px; }

  .contact-wrap ul.social-links {

    margin-top: 40px; }

    .contact-wrap ul.social-links i {

      color: #fff;

      margin-right: auto; }



/*Contact form BG*/

form.contact-form-bg input[type='text'], form.contact-form-bg input[type='email'], form.contact-form-bg textarea {

  background-color: transparent;

  border: none;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  border-bottom: 2px solid rgba(0, 130, 58, 0.7);

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

form.contact-form-bg textarea{

  height: 200px;

}

  form.contact-form-bg input[type='text']:hover, form.contact-form-bg input[type='text']:active, form.contact-form-bg input[type='text']:focus, form.contact-form-bg input[type='email']:hover, form.contact-form-bg input[type='email']:active, form.contact-form-bg input[type='email']:focus, form.contact-form-bg textarea:hover, form.contact-form-bg textarea:active, form.contact-form-bg textarea:focus {

    border-color: #4F90D2; }

}



form.contact-form-bg input[type='submit'] {

  float: right;

  background-color: #fff;

  color: #555;

  border: 2px solid #4F90D2;

  font-weight: 600;

  padding-top: 13px;

  padding-bottom: 13px;

  line-height: 15px; }

  form.contact-form-bg input[type='submit']:hover {

    background-color: #504645;

    color: #fff;

    border-color: #fff; }



/*Contact form */

.contact-form-white input[type=text], .contact-form-white input[type=email], .contact-form-white textarea {

  border-color: #e1e1e1;

  color: #505050;

  font-size: 14px; }

  .contact-form-white input[type=text]:focus, .contact-form-white input[type=email]:focus, .contact-form-white textarea:focus {

    border-color: #4F90D2; }

  .contact-form-white input[type=text]:active, .contact-form-white input[type=email]:active, .contact-form-white textarea:active {

    border-color: #4F90D2; }

  .contact-form-white input[type=text]::-webkit-input-placeholder, .contact-form-white input[type=email]::-webkit-input-placeholder, .contact-form-white textarea::-webkit-input-placeholder {

    color: #7c7c7c; }

  .contact-form-white input[type=text]::-moz-placeholder, .contact-form-white input[type=email]::-moz-placeholder, .contact-form-white textarea::-moz-placeholder {

    color: #7c7c7c; }

  .contact-form-white input[type=text]:-moz-placeholder, .contact-form-white input[type=email]:-moz-placeholder, .contact-form-white textarea:-moz-placeholder {

    color: #7c7c7c; }

  .contact-form-white input[type=text]:-ms-input-placeholder, .contact-form-white input[type=email]:-ms-input-placeholder, .contact-form-white textarea:-ms-input-placeholder {

    color: #7c7c7c; }



.contact-form-white input[type=submit] {

  color: #fff;

  margin-top: 18px;

  float: right; }



.form-transperent input[type=text], .form-transperent input[type=email], .form-transperent textarea {

  color: #fff; }

  .form-transperent input[type=text]::-webkit-input-placeholder, .form-transperent input[type=email]::-webkit-input-placeholder, .form-transperent textarea::-webkit-input-placeholder {

    color: #ccc; }

  .form-transperent input[type=text]::-moz-placeholder, .form-transperent input[type=email]::-moz-placeholder, .form-transperent textarea::-moz-placeholder {

    color: #ccc; }

  .form-transperent input[type=text]:-moz-placeholder, .form-transperent input[type=email]:-moz-placeholder, .form-transperent textarea:-moz-placeholder {

    color: #ccc; }

  .form-transperent input[type=text]:-ms-input-placeholder, .form-transperent input[type=email]:-ms-input-placeholder, .form-transperent textarea:-ms-input-placeholder {

    color: #ccc; }



/*Links footer*/

.links h5 {

  font-size: 18px;

  margin-top: 0;

  margin-bottom: 15px;

  color: #fff;

  font-weight: 500;

  letter-spacing: 1.5px;

  text-transform: uppercase; }



.links ul.list li {

  font-size: 14px;

  margin-bottom: 5px; }

  .links ul.list li:before {

    font-size: 9px;

    position: relative;

    top: -1px; }

  .links ul.list li:last-child {

    margin-bottom: 0; }

  .links ul.list li a {

    color: #fff;

    text-decoration: none;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease; }

    .links ul.list li a:hover {

      color: #4F90D2; }



/*Gallery slide*/

.gallery-slide .dots-control-carousel {

  position: absolute;

  margin-top: 0;

  bottom: 18px;

  left: 0;

  right: 0;

  margin: 0 auto; }



/*slider opacity control*/

.gallery-slide .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-prev, .our-clients .prev-next-block-rotate .wrap-prev {

  left: -120px; }



.gallery-slide .prev-next-block-rotate .wrap-next, .section-testimonials .prev-next-block-rotate .wrap-next, .our-clients .prev-next-block-rotate .wrap-next {

  right: -120px; }



.gallery-slide .prev-next-block-rotate .wrap-prev, .gallery-slide .prev-next-block-rotate .wrap-next, .section-testimonials .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-next, .our-clients .prev-next-block-rotate .wrap-prev, .our-clients .prev-next-block-rotate .wrap-next {

  margin-top: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  opacity: 0.4; }



.gallery-slide .prev-next-block-rotate .wrap-prev:hover, .gallery-slide .prev-next-block-rotate .wrap-next:hover, .section-testimonials .prev-next-block-rotate .wrap-prev:hover, .section-testimonials .prev-next-block-rotate .wrap-next:hover, .our-clients .prev-next-block-rotate .wrap-prev:hover, .our-clients .prev-next-block-rotate .wrap-next:hover {

  opacity: 1; }



.gallery-slide:hover .prev-next-block-rotate .wrap-prev, .section-testimonials:hover .prev-next-block-rotate .wrap-prev, .our-clients:hover .prev-next-block-rotate .wrap-prev {

  left: 0px; }



.gallery-slide:hover .prev-next-block-rotate .wrap-next, .section-testimonials:hover .prev-next-block-rotate .wrap-next, .our-clients:hover .prev-next-block-rotate .wrap-next {

  right: 0px; }



.share-post-links li {

  background-color: #ececec;

  display: inline-block;

  text-align: center;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  margin-left: 5px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  .share-post-links li:last-child {

    margin-left: 0; }

  .share-post-links li:hover {

    background-color: #4F90D2; }

    .share-post-links li:hover a {

      color: #fff; }

  .share-post-links li a {

    width: 40px;

    height: 40px;

    color: #797979;

    display: block;

    vertical-align: middle;

    font-size: 14px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    line-height: 40px; }

    .share-post-links li a i {

      vertical-align: middle; }



.avatar-80 {

  width: 80px;

  height: 80px; }



/*Services*/

.item-service {

  margin-bottom: 30px;

  display: inline-block; }

  .item-service:hover .icon-service:after {

    background-color: rgba(0, 0, 0, 0.9); }

  .item-service:hover .small-i {

    display: none; }

  .item-service:hover .large-i {

    font-size: 150px;

    position: relative;

    line-height: 150px;

    color: #fff;

    height: 100%;

    width: 100%;

    text-align: center; }

    .item-service:hover .large-i i {

      position: relative;

      top: 50%;

      right: 0;

      opacity: 1;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%); }



.icon-service {

  background-color: #504645;

  position: relative;

  overflow: hidden;

  -webkit-transition: all 0.7s ease;

  transition: all 0.7s ease; }

  .icon-service .small-i {

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

    font-size: 99px;

    line-height: 99px;

    color: #fff;

    height: 100%;

    text-align: center; }

    .icon-service .small-i i {

      z-index: 4;

      -webkit-transition: all 0.5s ease;

      transition: all 0.5s ease;

      position: relative;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%); }

  .icon-service .large-i {

    -webkit-transition: all 0.7s ease;

    transition: all 0.7s ease;

    font-size: 150px;

    line-height: 150px;

    color: #fff;

    display: inline-block;

    height: 100%; }

    .icon-service .large-i i {

      -webkit-transition: all 0.6s ease;

      transition: all 0.6s ease;

      z-index: 4;

      position: absolute;

      opacity: 0.10;

      top: 50%;

      right: 30px;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%); }



.content-service {

  background-color: #f5f5f5;

  padding-top: 30px;

  padding-left: 30px;

  padding-right: 30px;

  padding-bottom: 25px; }

  .content-service h2 {

    font-size: 20px;

    line-height: 20px;

    margin-top: 0;

    margin-bottom: 0;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px; }

    .content-service h2 span {

      color: #4F90D2; }

  .content-service p {

    font-size: 14px;

    margin-top: 15px;

    color: #606060; }



.two-col .item-service .icon-service {

  height: 280px !important; }

  .two-col .item-service .icon-service .large-i {

    font-size: 350px;

    -webkit-transition: font-size 0.01s;

    transition: font-size 0.01s; }

    .two-col .item-service .icon-service .large-i i {

      opacity: 0.02; }



.two-col .item-service:hover .large-i {

  font-size: 150px; }

  .two-col .item-service:hover .large-i i {

    opacity: 1; }



/*Price item*/

.item-price-two {

  border-bottom: 1px solid #ccc;

  margin-bottom: 40px; }

  .item-price-two:last-child {

    margin-bottom: 0; }

  .item-price-two h2 {

    font-weight: 500;

    font-size: 16px;

    text-transform: uppercase;

    display: inline-block; }

  .item-price-two .price {

    display: inline-block;

    float: right;

    position: relative;

    bottom: 13px;

    border-bottom: 2px solid #000; }

    .item-price-two .price span {

      text-transform: uppercase;

      font-weight: 400;

      font-size: 14px;

      margin-right: 10px; }

    .item-price-two .price p {

      font-size: 40px;

      text-transform: uppercase;

      font-weight: 300;

      margin-top: 0;

      display: inline-block; }



.dark-price {

  border-color: #312e2e; }

  .dark-price h2 {

    color: #fff; }

  .dark-price .price {

    border-color: #fff; }

    .dark-price .price span {

      color: #716d6d; }



/*services-list*/

.services-list {

  margin: 0;

  padding: 0;

  border: 1px solid #eee; }

  .services-list li {

    list-style: none;

    font-weight: 500;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-left: 20px;

    font-size: 18px;

    border-bottom: 1px dashed #ccc;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease; }

    .services-list li:hover a {

      color: #4F90D2; }

    .services-list li:last-child {

      border-bottom: none; }

    .services-list li a {

      color: #504645;

      text-decoration: none;

      -webkit-transition: all 0.5s ease;

      transition: all 0.5s ease; }

  .services-list .active {

    background-color: #b28c62;

    border-bottom: none; }

    .services-list .active:hover {

      background-color: #cca67c; }

      .services-list .active:hover a {

        color: #fff; }

    .services-list .active a {

      color: #fff; }



.dh-overlay {

  top: -100%; }



.acc-head {

  font-weight: 500;

  font-size: 19px; }



/*text fade*/

#slider-item .text-fade {

  position: relative; }



.display-page {

  padding-top: 130px;

  padding-bottom: 90px;

  color: #fff; }

  .display-page h1 {

    font-size: 37px;

    font-weight: 600;

    text-transform: uppercase; }

    .display-page h1:after {

      content: "";

      display: block;

      height: 2px;

      width: 60px;

      background-color: #4F90D2;

      margin-top: 8px;

      margin-bottom: 15px; }

    .display-page h1 span {

      color: #4F90D2; }

  .display-page p {

    font-size: 14px; }



.unity {

  padding-bottom: 90px; }

  .unity .description {

    margin-bottom: 120px; }



.head-project {

  padding-top: 80px;

  padding-bottom: 80px; }

  .head-project .title-project {

    margin-top: 0; }



.content-project p {

  font-size: 14px;

  color: #606060; }



.content-project h2, .content-project h3 {

  font-weight: 600;

  text-transform: uppercase;

  font-size: 20px;

  letter-spacing: 1px;

  margin-bottom: 0; }

  .content-project h2 span, .content-project h3 span {

    color: #4F90D2; }

  .content-project h2:after, .content-project h3:after {

    content: "";

    display: block;

    height: 2px;

    width: 40px;

    background-color: #4F90D2;

    margin-top: 8px;

    margin-bottom: 15px; }



.content-project .list-project {

  padding-left: 0; }

  .content-project .list-project li {

    list-style: none;

    font-size: 14px;

    margin-bottom: 5px;

    color: #585858;

    letter-spacing: 0.5px; }

    .content-project .list-project li:last-child {

      margin-bottom: 0; }

    .content-project .list-project li b {

      font-weight: 600; }

    .content-project .list-project li a {

      color: #4F90D2; }

      .content-project .list-project li a i {

        margin-left: 6px;

        position: relative;

        top: 1px; }



.single-project .about-us {

  padding-top: 0; }



.single-project .full-slider .slide .small-text .heading-title-big {

  font-size: 65px; }



.gallery-slide {

  overflow: hidden;

  position: relative; }



/*Service single*/

.content-service-single {

  padding-bottom: 30px; }

  .content-service-single h1, .content-service-single h2, .content-service-single h3, .content-service-single h4, .content-service-single h5 {

    margin-top: 0; }

    .content-service-single h1:after, .content-service-single h2:after, .content-service-single h3:after, .content-service-single h4:after, .content-service-single h5:after {

      content: "";

      display: block;

      height: 2px;

      width: 40px;

      background-color: #4F90D2;

      margin-top: 8px;

      margin-bottom: 15px; }

  .content-service-single ul.list {

    margin-top: 30px; }



.service-about ul.list {

  margin-top: 15px; }



/*=============== Start blog pages =================*/

.video-post iframe {

  width: 100%; }



/*.blog-classic*/

.read-post-classic {

  padding-bottom: 88px; }



hr {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease; }



.blog-classic .post-content-classic .post-data {

  padding-top: 0; }



.blog-classic .post.sticky .post-data, .blog-classic .post.sticky .content {

  padding: 0; }



.blog-classic .post.sticky .post-data {

  margin-bottom: 20px; }



.blog-classic > div {

  margin-bottom: 30px; }



.blog-classic .type-post:hover hr {

  border-color: #4F90D2; }



.blog-classic .type-post:hover .btn-default {

  background-color: #504645; }



/* endblog-classic*/

/* .right-sidebar*/

.right-sidebar #sidebar {

  position: relative;

  padding-top: 100px; }

  .right-sidebar #sidebar:before {

    content: '';

    position: absolute;

    height: 100%;

    width: 200%;

    top: 0;

    bottom: 0;

    right: auto;

    left: -20%; }



.pagination-btns {

  background: #4F90D2;

  text-align: center; }

  .pagination-btns h2 {

    display: none; }

  .pagination-btns .pagination {

    margin: 0 auto; }

    .pagination-btns .pagination .current {

      background: #504645; }

    .pagination-btns .pagination a {

      text-decoration: none;

      -webkit-transition: all ease 0.76s;

      transition: all ease 0.76s;

      color: #fff;

      padding: 20px;

      display: inline-block;

      font-size: 1.75rem;

      font-weight: 400; }

      .pagination-btns .pagination a:hover {

        background: rgba(0, 0, 0, 0.2); }

    .pagination-btns .pagination span {

      padding: 20px;

      display: inline-block;

      font-size: 1.75rem;

      font-weight: 400;

      color: #fff; }



#sidebar {

  position: relative;

  padding-top: 90px; }

  #sidebar:before {

    content: '';

    position: absolute;

    height: 100%;

    width: 200%;

    top: 0;

    bottom: 0;

    right: -15%;

    background: #f8f8f8;

    z-index: -1; }

  #sidebar.right:before {

    left: -15%; }

  #sidebar h4 {

    font-size: 18px;

    margin: 60px 0 20px 0; }

    #sidebar h4:first-child {

      margin-top: 0; }

    #sidebar h4:after {

      content: "";

      display: block;

      height: 2px;

      width: 40px;

      background-color: #4F90D2;

      margin-top: 9px;

      margin-bottom: 15px; }

  #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {

    text-align: left; }

  #sidebar h2:after, #sidebar h3:after, #sidebar h5:after, #sidebar h6:after {

    display: none; }

  #sidebar ul {

    margin: 0;

    padding: 0;

    overflow: hidden; }

    #sidebar ul li {

      list-style: none;

      margin: 0 0 10px 0; }

      #sidebar ul li a {

        color: #5c5c5c;

        text-decoration: none;

        -webkit-transition: all ease 0.57s;

        transition: all ease 0.57s; }

        #sidebar ul li a:hover {

          color: #4F90D2; }

      #sidebar ul li .children li a:hover, #sidebar ul li .sub-menu li a:hover {

        color: #4F90D2; }

      #sidebar ul li.cat-item a:before {

        font-family: FontAwesome;

        content: "\f192";

        font-size: 11px;

        color: #4F90D2;

        -webkit-transform: translateY(-4px);

        -ms-transform: translateY(-4px);

        transform: translateY(-4px);

        margin-right: 10px; }

    #sidebar ul.menu li a:before {

      font-family: FontAwesome;

      content: "\f192";

      font-size: 11px;

      color: #4F90D2;

      -webkit-transform: translateY(-4px);

      -ms-transform: translateY(-4px);

      transform: translateY(-4px);

      margin-right: 10px; }

    #sidebar ul li .children, #sidebar ul li .sub-menu {

      margin: 10px 0 0 25px; }

    #sidebar ul li .children li a, #sidebar ul li .sub-menu li a {

      color: #7e7e7e;

      font-size: 14px; }

  #sidebar label {

    font-size: 14px; }

  #sidebar select {

    background: #fff url("images/arrow-down.html") 95% 50% no-repeat;

    border: 1px solid rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 4px;

    border-radius: 4px;

    text-overflow: '';

    text-indent: 0.01px;

    padding: 10px;

    width: 100%;

    font-size: 14px;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none; }

  #sidebar .tagcloud {

    overflow: hidden; }

    #sidebar .tagcloud a {

      display: block;

      float: left;

      background: rgba(0, 0, 0, 0.1);

      -webkit-border-radius: 2px;

      border-radius: 2px;

      color: #5c5c5c;

      font-size: 14px;

      padding: 6px 12px;

      margin: 0 6px 6px 0;

      -webkit-transition: all ease 0.55s;

      transition: all ease 0.55s;

      text-decoration: none; }

      #sidebar .tagcloud a:hover {

        background: #4F90D2;

        color: #fff; }

  #sidebar .search-form label {

    width: 96%;

    margin: 0; }

    #sidebar .search-form label input {

      background: #fff url("../img/search.html") 95% 50% no-repeat;

      width: 95%;

      -webkit-border-radius: 3px;

      border-radius: 3px;

      border: 1px solid #dadada;

      padding-left: 20px;

      padding-top: 10px;

      padding-bottom: 10px;

      font-size: 14px;

      -webkit-transition: all 0.3s ease;

      transition: all 0.3s ease; }

      #sidebar .search-form label input:focus {

        -webkit-box-shadow: none;

        box-shadow: none;

        outline: none;

        border-color: #4F90D2; }

    #sidebar .search-form label span {

      display: none; }

  #sidebar .search-form .search-submit {

    display: none; }

  #sidebar ul.social-links {

    overflow: visible;

    margin-top: 25px;

    margin-left: 7px; }

    #sidebar ul.social-links li {

      margin-right: 17px; }

      #sidebar ul.social-links li:last-child {

        margin-right: 0; }

      #sidebar ul.social-links li a {

        color: #fff; }



.blog-page .single-post p {

  margin: 0 0 20px 0;

  color: #5c5c5c; }



.blog-page .single-post {

  padding-top: 100px; }

  .blog-page .single-post .heading-title {

    margin-top: 30px;

    margin-bottom: 50px; }

    .blog-page .single-post .heading-title h2 {

      font-weight: 500; }



.blog-page .small-heading h2 {

  font-size: 23px;

  font-weight: 600; }



.blog-page .post-data {

  padding-top: 30px;

  margin-bottom: 15px; }

  .blog-page .post-data p {

    color: #6b6b6b;

    font-size: 14px;

    display: inline-block;

    margin-bottom: 0px; }

    .blog-page .post-data p:after {

      content: "";

      color: #4F90D2;

      display: inline-block;

      position: relative;

      margin-right: 9px;

      margin-left: 14px;

      font-family: "FontAwesome"; }

    .blog-page .post-data p:last-child:after {

      display: none; }

    .blog-page .post-data p a {

      color: #6b6b6b;

      -webkit-transition: all 0.3s ease;

      transition: all 0.3s ease;

      text-decoration: none; }

      .blog-page .post-data p a:hover {

        color: #4F90D2; }



.blog-single-post header {

  position: relative;

  background-color: #504645; }



.blog-single-post .sf-menu a {

  color: #504645; }



.blog-single-post .sf-menu > li.sfHover {

  background: none; }

  .blog-single-post .sf-menu > li.sfHover > a {

    color: #4F90D2; }



.blog-single-post .sf-menu > li > a {

  border-bottom: 5px solid transparent;

  -webkit-transition: all .5s ease;

  transition: all .5s ease;

  color: #fff; }

  .blog-single-post .sf-menu > li > a:hover {

    color: #4F90D2; }



.blog-single-post .sf-menu ul {

  border-top: 2px solid #4F90D2;

  background-color: #fff; }

  .blog-single-post .sf-menu ul li {

    border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }

    .blog-single-post .sf-menu ul li:last-child {

      border-bottom: none; }

    .blog-single-post .sf-menu ul li:hover a {

      color: #504645; }



.blog-single-post .sf-arrows li > .sf-with-ul:after {

  border-top-color: #fff; }



.blog-single-post .sf-arrows li .sf-with-ul:focus:after, .blog-single-post .sf-arrows li:hover > .sf-with-ul:after {

  border-top-color: #4F90D2; }



.blog-single-post .sf-arrows .sfHover .sf-with-ul:after {

  border-top-color: #4F90D2; }



.comment-respond .small-heading {

  margin-bottom: 50px; }



.post {

  margin-bottom: 60px;

  padding-bottom: 60px;

  border-bottom: 1px solid #e7e7e7; }

  .post:last-child {

    margin-bottom: 0;

    padding-bottom: 0;

    border: none; }

  .post.sticky {

    padding-bottom: 0;

    border-bottom: none; }

  .post .post-thumb {

    position: relative; }

  .post.sticky .post-thumb {

    margin-bottom: 0; }

  .post img {

    max-width: 100%;

    vertical-align: bottom;

    -webkit-transition: ease-in-out 0.50s;

    transition: ease-in-out 0.50s; }

  .post .content h3 {

    font-size: 21px;

    margin: 0 0 10px 0;

    color: #393939;

    font-weight: 700; }

    .post .content h3 + p a {

      color: #979797; }

  .post .content p {

    color: #606060;

    font-size: 14px;

    letter-spacing: 0.5px;

    line-height: 25px; }

  .post .content:after {

    display: none; }

  .post .content a {

    color: #383838;

    text-decoration: none;

    -webkit-transition: ease-in-out 0.60s;

    transition: ease-in-out 0.60s; }

    .post .content a:hover {

      color: #4F90D2; }

  .post .content + p {

    font-size: 14px;

    font-weight: 700;

    color: #979797; }

  .post .content .btn-default {

    color: #fff;

    background-color: #4F90D2; }

    .post .content .btn-default:hover {

      color: #fff;

      background: #504645; }

  .post h2 {

    font-size: 22px;

    margin: 0 0 10px 0;

    font-weight: 900; }



.slider-portfolio-single .slide img {

  width: 100%; }



.post.sticky {

  position: relative;

  background: #f8f8f8; }

  .post.sticky .post-data {

    padding-top: 30px;

    padding-left: 30px;

    padding-right: 30px; }

    .post.sticky .post-data p {

      margin-bottom: 0; }

  .post.sticky .content {

    padding: 30px;

    padding-top: 15px; }

  .post.sticky:after {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    right: 10px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 50px 50px 0;

    border-color: transparent #4F90D2 transparent transparent; }

  .post.sticky:before {

    content: "\f135";

    position: absolute;

    color: #fff;

    z-index: 1;

    top: 7px;

    right: 17px;

    font-size: 14px;

    display: inline-block;

    font-family: 'FontAwesome';

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

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

  .post.sticky:after {

    right: 0; }

  .post.sticky:before {

    right: 10px; }



.post-thumbnail {

  margin-bottom: 20px; }



.single-post {

  padding-bottom: 50px; }



.info span {

  margin: 0 5px; }

  .info span:first-child {

    margin-left: 0; }



.author-bio {

  overflow: hidden;

  background: #504645;

  padding: 30px 0; }

  .author-bio h3 {

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    margin-top: 0;

    margin-bottom: 10px; }

  .author-bio p {

    color: #eee;

    font-size: 14px; }

  .author-bio .profile-img {

    text-align: center; }

    .author-bio .profile-img img {

      -webkit-border-radius: 50%;

      border-radius: 50%;

      margin-left: 10px; }

  .author-bio .author-info {

    padding-left: 25px; }

    .author-bio .author-info .author-description {

      color: #eee;

      margin: 0; }



.entry-content blockquote {

  margin: 30px 0; }



.format {

  display: inline-block;

  background: #f8f8f8;

  font-size: 0;

  letter-spacing: 0;

  margin: 10px 0 0 10px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  width: 45px;

  height: 45px;

  line-height: 45px;

  text-align: center;

  vertical-align: middle;

  font-weight: normal; }

  .format:hover {

    background: #f8f8f8; }

  .format:before {

    font-family: FontAwesome;

    display: inherit;

    font-size: 15px;

    vertical-align: middle;

    color: #979797; }



.format-chat .format:before {

  content: "\f086"; }



.format-quote .format:before {

  content: "\f10d"; }



.format-link .format:before {

  content: "\f0c1"; }



.format-status .format:before {

  content: "\f075"; }



.format-aside .format:before {

  content: "\f10c"; }



.format-video .format:before {

  content: "\f04b"; }



.format-audio .format:before {

  content: "\f025"; }



.format-image .format:before {

  content: "\f03e"; }



.format-gallery .format:before {

  content: "\f030"; }



.gallery-item {

  display: inline-block;

  padding: 1.79104477%;

  text-align: center;

  vertical-align: top;

  width: 100%; }

  .gallery-item figcaption {

    padding: 15px 5px 0 5px; }



.gallery-columns-4 .gallery-item {

  max-width: 25%; }



.gallery-columns-3 .gallery-item {

  max-width: 33.33%; }



.gallery-item a {

  -webkit-transition: all 300ms ease-in-out;

  transition: all 300ms ease-in-out; }

  .gallery-item a:hover {

    opacity: 0.6; }



.format-gallery .post-thumb {

  margin-bottom: 0; }



.excerpt {

  margin-top: 30px; }



article.post .nav-links a, .comment-navigation div a {

  display: inline-block;

  background: #f8f8f8;

  padding: 10px;

  width: 49%;

  text-align: center;

  margin-top: 30px; }



article.post .nav-links a:hover {

  background: #26a1e0;

  color: #fff; }



.comment-navigation div a:hover {

  background: #26a1e0;

  color: #fff; }



.comment-navigation h1 {

  display: none; }



.comment-navigation div a {

  margin-top: 0; }



#comment-nav-below {

  margin-bottom: 30px; }



.page-links {

  margin-bottom: 30px; }

  .page-links a {

    display: inline-block;

    color: #fff;

    padding: 10px 15px;

    background: #26a1e0; }

  .page-links span {

    margin-right: 5px; }

  .page-links a span {

    margin: 0; }



.share-post h4, .share-post ul.share-post-links {

  display: inline-block; }



.blog-page .comments-area p {

  font-size: 14px; }



.blog-page .comments-area .info {

  margin-bottom: 10px; }



.blog-page .comments-area .user {

  font-weight: 600; }



.blog-page .comment-list {

  padding: 0;

  list-style: none; }

  .blog-page .comment-list > li {

    margin: 15px 0;

    padding: 15px 0 30px 0; }

    .blog-page .comment-list > li ul, .blog-page .comment-list > li ol {

      margin-bottom: 30px; }

  .blog-page .comment-list img {

    -webkit-border-radius: 50%;

    border-radius: 50%; }

  .blog-page .comment-list .user {

    font-size: 18px;

    margin-bottom: 0; }

    .blog-page .comment-list .user span {

      background: #4F90D2;

      font-size: 9px;

      display: inline-block;

      text-transform: uppercase;

      font-weight: 600;

      padding: 4px 5px;

      -webkit-border-radius: 3px;

      border-radius: 3px;

      margin-left: 5px;

      -webkit-transform: translateY(-2px);

      -ms-transform: translateY(-2px);

      transform: translateY(-2px);

      -webkit-transition: all .3s ease-in-out;

      transition: all .3s ease-in-out; }

      .blog-page .comment-list .user span a {

        color: #fff;

        -webkit-transition: all .3s ease-in-out;

        transition: all .3s ease-in-out;

        text-decoration: none; }

      .blog-page .comment-list .user span:hover {

        background: #f8f8f8; }

        .blog-page .comment-list .user span:hover a {

          color: #5c5c5c; }

  .blog-page .comment-list .info {

    font-size: 14px;

    font-weight: 400;

    color: #979797;

    margin-bottom: 10px; }

  .blog-page .comment-list .children {

    list-style: none;

    padding: 0;

    border-top: 1px solid #e7e7e7; }

    .blog-page .comment-list .children li {

      border-bottom: 1px solid #e7e7e7;

      padding-left: 100px;

      padding-top: 40px;

      padding-bottom: 40px; }

    .blog-page .comment-list .children .children {

      border: none; }

      .blog-page .comment-list .children .children li {

        padding-left: 200px; }



h3#reply-title:after {

  content: '';

  display: block;

  height: 2px;

  width: 70px;

  background: #26a1e0;

  margin: 20px 0 0 0;

  -webkit-animation: title-border .5s ease-in;

  animation: title-border .5s ease-in; }



.comment-form-author, .comment-form-email {

  float: left;

  width: 33.3%;

  padding-right: 30px; }



.comment-form-comment:before, .comment-form-url:after {

  content: ".";

  visibility: hidden;

  display: block;

  height: 0;

  clear: both; }



.comment-notes {

  margin-bottom: 30px; }



/*Masonry*/

.grid-sizer {

  width: 25%; }



.masonry-container .masonry-item {

  padding: 0;

  margin-bottom: 40px;

  border-bottom: none; }

  .masonry-container .masonry-item article {

    -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06);

    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06);

    -webkit-transition: all 0.4s ease;

    transition: all 0.4s ease;

    border: 1px solid #eaeaea;

    margin-bottom: 20px;

    margin-left: 10px;

    margin-right: 10px; }

    .masonry-container .masonry-item article:hover {

      -webkit-box-shadow: 0 0 19px 0 rgba(80, 70, 69, 0.35);

      box-shadow: 0 0 19px 0 rgba(80, 70, 69, 0.35); }

    .masonry-container .masonry-item article .post-data {

      padding-left: 15px;

      padding-right: 15px;

      padding-top: 20px; }

    .masonry-container .masonry-item article .content {

      padding-left: 15px;

      padding-right: 15px;

      padding-bottom: 20px; }

      .masonry-container .masonry-item article .content p {

        font-size: 13px; }

      .masonry-container .masonry-item article .content h3 {

        font-size: 19px; }



header {

  -webkit-transition: all ease 0.50s;

  transition: all ease 0.50s;

  position: absolute;

  top: 0;

  width: 100%;

  background-color: #fff !important;

  z-index: 4;

  /*Dark logo*/ }

  header .top-menu {

    float: right; }

  header .logo {

    display: inline-block;

    padding: 29px 0 19px 0;

    position: relative; }

    header .logo img {

      height: 60px;

      -webkit-transition: all ease 0.50s;

      transition: all ease 0.50s; }

    header .logo .logo-dark {

      display: none; }

  header .dark-logo .logo-white {

    display: none; }

  header .dark-logo .logo-dark {

    display: block; }



form .btn {

  margin-top: 25px; }



.slider {

  position: relative;

  overflow: hidden;

  padding: 0; }




  .slider .buttons-section {

    margin-top: 45px; }

  .slider .dots-control-carousel {

    position: absolute;

    z-index: 3;

    margin-top: 0;

    bottom: 30px;

    right: 30px; }

    .slider .dots-control-carousel li {

      margin-right: 12px; }

      .slider .dots-control-carousel li button {

        font-size: 0px;

        padding: 0;

        height: 15px;

        width: 15px;

        -webkit-border-radius: 50%;

        border-radius: 50%;

        outline: none;

        opacity: 0.5;

        background-color: transparent;

        border: 3px solid #fff;

        display: block; }

    .slider .dots-control-carousel .slick-active button {

      position: relative;

      top: -1px;

      width: 15px;

      height: 15px;

      opacity: 1;

      border: none;

      background: #fff; }



.tlt span {

  color: #fff; }



.letter-s-8 {

  letter-spacing: 8px; }



.full-slider .slide .img-slide {

  margin-bottom: 30px; }



/*Customize for slids*/

.full-slider .slide, .wrap-header .slide {

  /*small text*/ }

  .full-slider .slide .head-desc .description-slide, .wrap-header .slide .head-desc .description-slide {

    margin-top: 0; }

  .full-slider .slide .small-text .description-slide, .wrap-header .slide .small-text .description-slide {

    font-weight: 300;

    font-size: 14px; }

  .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big {

    font-size: 45px; }

  .full-slider .slide .black-text .description-slide, .full-slider .slide .black-text .heading-title-big, .wrap-header .slide .black-text .description-slide, .wrap-header .slide .black-text .heading-title-big {

    color: #1d1c1c; }



/*home*/

.dark-load header {

  z-index: 6;

  background-color: #1d1d1d; }



/*About us*/

.about-us {

  background-color: #fff;

  position: relative; }



/*Into slider*/

.into-slider {

  padding: 0;

  position: relative; }

  .into-slider .item {

    background-color: #39B24B;

    color: #fff;

    text-align: center;

    padding-top: 30px;

    padding-bottom: 50px;

    padding-left: 15px;

    padding-right: 15px;
    min-height: 320px;
  }

    .into-slider .item i {

      font-size: 4.0625rem;

      color: #fff; }

    .into-slider .item h4 {

      font-size: 1.125rem;

      font-weight: 500;

      margin-top: 0;

      margin-bottom: 10px;

      text-transform: uppercase;

      letter-spacing: 0.6px; }

    .into-slider .item p {

      font-size: 18px;

      color: #fff; }

  .into-slider > div > div > div {

    padding: 0; }

    .into-slider > div > div > div:nth-child(2n) .item {

      background-color: #8BC73F;

    }



.item-about .icon {

  display: inline-block;

  padding-right: 10px;

  float: left; }

  .item-about .icon i {

    font-size: 73px;

    color: #555; }

  .item-about .icon .bg-icon {

    position: absolute;

    top: -60px;

    left: 50px; }

    .item-about .icon .bg-icon i {

      font-size: 152px;

      opacity: 0.05; }



.item-about .content {

  padding-left: 20px;

  overflow: hidden; }

  .item-about .content h3 {

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 0.8px;

    text-transform: uppercase;

    color: #555;

    margin-bottom: 0; }
    .item-about .content p{
      text-align: justify;
    }

    .item-about .content h3 span {

      color: darkorange; } }

  .item-about .content p {

    margin-top: 8px;

    font-size: 14px;

    line-height: 22px;

    color: #606060; }



.light-item .icon i {

  color: #fff; }



.light-item .content h3 {

  color: #fff; }



.light-item .content p {

  color: #e2e2e2; }



/*Services section*/

.services-section .slick-list {

  overflow: visible; }



.services-section .ui-tabs-panel .heading-title {

  margin-bottom: 0; }



.services-section .ui-tabs-panel p {

  font-size: 14px;

  line-height: 23px; }



.services-section .link-full {

  padding-top: 60px; }



/*  How we work section */

.section-how-we-work {

  background-color: #fafafa; 

}

  .section-how-we-work .icon-container {

    -webkit-border-radius: 50%;

    border-radius: 50%;

    border: 3px solid rgba(66, 66, 66, 0.47);

    height: 120px;

    width: 120px;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 35px;

    -webkit-transition: all .26s ease;

    transition: all .26s ease;

  }

    .section-how-we-work .icon-container:after {

      content: "";

      display: block;

      width: 70px;

      height: 1px;

      border-top: 2px dashed #ccc;

      position: absolute;

      right: -37px;

      top: 28%; }

    .section-how-we-work .icon-container:hover {

      border-color: #4F90D2; }

      .section-how-we-work .icon-container:hover .icon {

        border-color: white;

        background-color: #4F90D2; }

    .section-how-we-work .icon-container .icon {

      width: 90px;

      height: 90px;

      background-color: #0a5082;

      display: inline-block;

      position: relative;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%);

      -webkit-border-radius: 50%;

      border-radius: 50%;

      -webkit-transition: all ease 0.75s;

      transition: all ease 0.75s; }

      .section-how-we-work .icon-container .icon i {

        position: relative;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%);

        font-size: 40px;

        color: #fff; }

  .section-how-we-work .item-icon:last-child .icon-container:after {

    display: none; }

  .section-how-we-work .item-icon p {

    color: #606060;

    font-weight: 400;

    margin-top: 14px;

    letter-spacing: 0.4px;

    font-size: 14px; }

  .section-how-we-work h3, .section-how-we-work p {

    text-align: center; }

    .item-icon{

      text-align: center;

      margin-bottom: 40px;

    }



  .section-how-we-work h3 {

    font-size: 1.125rem;

    font-weight: 600;

    margin-bottom: 10px;

    color: #555;

    text-transform: uppercase; }



/*  How work progress */

.section-work-progress .heading-title {

  margin-bottom: 0; }



.icon-progress {

  text-align: center; }

  .icon-progress i {

    font-size: 65px;

    line-height: 65px !important; }

  .icon-progress p {

    font-size: 18px;

    margin-top: 10px;

    text-transform: uppercase;

    letter-spacing: 2px; }



/*Portfolio section */

.section-portfolio {

  padding-bottom: 0; }

  .section-portfolio .heading-title {

    margin-bottom: 40px; }

  .section-portfolio .mix {

    display: none; }

  .section-portfolio .set-tab {

    color: #4F90D2; }

  .section-portfolio .heading-title {

    margin-bottom: 85px; }



.container-carousel {

  position: relative; }



.portfolio > div {

  padding: 0; }



.portfolio-pd > div {

  padding-left: 15px;

  padding-right: 15px;

  margin-bottom: 15px;

  margin-top: 15px; }



.item-portfolio {

  position: relative; }

  .item-portfolio img {

    display: block;

    width: 100%;

    top: 0; }



.content-wrap {

  height: 100%;

  width: 100%;

  overflow: hidden;

  display: table; }

  .content-wrap .content-va {

    display: table-cell;

    vertical-align: middle; }



.item-wrap {

  position: relative;

  overflow: hidden; }

  .item-wrap .tizer-circle {

    position: absolute;

    right: 25px;

    top: 25px; }

  .item-wrap .content-wrap {

    position: relative; }

  .item-wrap img {

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s; }

  .item-wrap:hover .content {

    opacity: 1; }

  .item-wrap:hover img {

    -webkit-filter: blur(10px);

    filter: blur(10px); }

  .item-wrap:hover .content::before {

    background-color: rgba(0, 0, 0, 0.7); }

  .item-wrap:hover h2, .item-wrap:hover p {

    color: #fff; }

  .item-wrap .content {

    padding-left: 40px;

    padding-right: 40px;

    position: absolute;

    text-align: center;

    height: 100%;

    width: 100%;

    top: 0; }

    .item-wrap .content::before {

      display: block;

      top: 10px;

      -webkit-transition: all 0.5s ease;

      transition: all 0.5s ease;

      right: 10px;

      bottom: 10px;

      left: 10px;

      position: absolute;

      content: ''; }

  .item-wrap h2 {

    font-size: 18px;

    margin-bottom: 0px;

    line-height: 18px;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase; }

    .item-wrap h2:after {

      content: "";

      display: block;

      height: 1px;

      width: 30px;

      background-color: #4F90D2;

      margin: 0 auto;

      margin-top: 12px;

      margin-bottom: 5px; }

  .item-wrap p {

    margin-top: 10px;

    font-size: 14px;

    color: #fff; }



/*Section trigger*/

.section-trigger .heading-title {

  margin-bottom: 35px; }

  .section-trigger .heading-title h2:after {

    display: none; }



/*Section We are in numbers*/

.section-we-are-numbers .item-number {

  text-align: center; }

  .section-we-are-numbers .item-number .num {

    background-color: #4F90D2; }

    .section-we-are-numbers .item-number .num h2 {

      font-size: 65px;

      line-height: 65px;

      padding-top: 22px;

      padding-bottom: 13px;

      font-weight: 600;

      margin-bottom: 0;

      margin-top: 0;

      color: #fff; }

  .section-we-are-numbers .item-number .name {

    background-color: rgba(80, 70, 69, 0.5);

    padding-top: 36px;

    padding-bottom: 36px; }

    .section-we-are-numbers .item-number .name p {

      font-size: 18px;

      margin-top: 0;

      font-weight: 500;

      color: #fff;

      text-transform: uppercase; }



.section-we-are-numbers div > div:nth-child(2n) .item-number .num {

  background-color: rgba(80, 70, 69, 0.5); }



.section-we-are-numbers div > div:nth-child(2n) .item-number .name {

  background-color: #4F90D2; }



/*Team section*/

.item-team ul.social-links {

  position: absolute;

  top: 50%;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 0;

  right: 0;

  text-align: center; }

  .item-team ul.social-links li {

    opacity: 0;

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    transform: translateY(10px);

    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

    -webkit-transition-delay: 0s;

    transition-delay: 0s; }



.item-team:hover .mask-info {

  opacity: 0.6; }



.item-team:hover ul.social-links li {

  opacity: 1;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); }

  .item-team:hover ul.social-links li:nth-of-type(1) {

    -webkit-transition-delay: .3s;

    transition-delay: .3s; }

  .item-team:hover ul.social-links li:nth-of-type(2) {

    -webkit-transition-delay: .4s;

    transition-delay: .4s; }

  .item-team:hover ul.social-links li:nth-of-type(3) {

    -webkit-transition-delay: .5s;

    transition-delay: .5s; }

  .item-team:hover ul.social-links li:nth-of-type(4) {

    -webkit-transition-delay: .6s;

    transition-delay: .6s; }

  .item-team:hover ul.social-links li:nth-of-type(5) {

    -webkit-transition-delay: .7s;

    transition-delay: .7s; }

  .item-team:hover ul.social-links li:nth-of-type(6) {

    -webkit-transition-delay: .8s;

    transition-delay: .8s; }



.item-team h2 {

  font-size: 16px;

  color: #222;

  font-weight: 500;

  margin-top: 17px;

  margin-bottom: 4px; }



.item-team span {

  color: #4F90D2; }



.item-team p {

  margin-bottom: 0;

  margin-top: 10px;

  font-size: 14px;

  color: #606060; }



.img-wrap {

  position: relative; }

  .img-wrap img {

    width: 100%; }



.mask-info {

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  opacity: 0;

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #fff;

  border: 4px solid #4F90D2; }



/*==========   Start Testimonials Section  ==========*/

.section-testimonials {

  overflow: hidden; }

  .section-testimonials .dots-control-carousel {

    margin-top: 0; }

  .section-testimonials .prev-next-block-rotate .wrap-prev, .section-testimonials .prev-next-block-rotate .wrap-next {

    z-index: 4; }

  .section-testimonials .dots-control-carousel {

    margin-top: 50px; }



.testimonials-items * {

  outline: none; }



.item-testimonials {

  padding: 25px;

  text-align: center;

  background-color: rgba(84, 74, 73, 0.35);

  -webkit-border-radius: 3px;

  border-radius: 3px;

  -webkit-transition: all ease-in-out .6s;

  transition: all ease-in-out .6s; }

  .item-testimonials:hover {

    -webkit-transform: translateY(-2%);

    -ms-transform: translateY(-2%);

    transform: translateY(-2%); }

    .item-testimonials:hover img {

      border-color: #4F90D2; }

  .item-testimonials img {

    -webkit-border-radius: 50%;

    border-radius: 50%;

    width: 118px;

    margin: 0 auto;

    display: inline-block;

    border: 4px solid #544a49;

    -webkit-transition: all ease .6s;

    transition: all ease .6s; }

  .item-testimonials p {

    padding-top: 10px;

    color: #fff;

    font-weight: 300;

    font-size: 0.9375rem;

    letter-spacing: .2px;

    padding-bottom: 22px; }

  .item-testimonials span {

    display: block;

    font-size: 1rem; }

  .item-testimonials .name {

    color: #4F90D2;

    font-weight: 500; }

  .item-testimonials .person {

    color: #a5a5a5; }

    .oserh{

      color: #000;

      margin-bottom: 30px;      

      text-align: center;

      border:1px solid #ccc;

    background: #4F90D2;

    }

    .oserh h3{

      margin-bottom: 0px;

      font-size: 14px;

      margin-top: 20px;

      color: #fff;

      font-weight: normal;

    }

     .oserh p {

      color: #fff;

      margin-top: 0;

     }

    .oserh p span{

      font-size: 50px;

      color: #fff;

      font-weight: 500;

    }

    .readmore{

      padding:5px 10px;

      margin-bottom: 20px;

      font-size: 12px;

    }

    .oservices{

      color: #000;

      font-size: 50px;

      line-height: normal;

    }



    .oserh1{

      color: #000;

      margin-bottom: 30px;      

      text-align: center;

      border:1px solid #4F90D2;

      background: #fff; 

    }

    .oserh1 h3{

      margin-bottom: 0px;

      font-size: 14px;

      margin-top: 0;

      color: #000;

      font-weight: normal;

      margin-bottom: 20px;

    }

     .oserh1 p {

      color: #fff;

      margin-top: 0;

     }

    .oserh1 p span{

      font-size: 50px;

      color: #fff;

      font-weight: 500;

    }

/*==========   Start Choose us  ==========*/

.item-choose {

  position: relative;

  margin-bottom: 50px; }

  .item-choose .content h3 {

    letter-spacing: 0.2px;

    margin-top: 0; }



/*==========   Start Our clients  ==========*/

.our-clients {

  overflow: hidden;

  padding-top: 70px;

  padding-bottom: 70px;

  position: relative;
}

  .our-clients .item-carousel img {

    position: relative;

    left: 0;

    right: 0;

    margin: 0 auto; }



.clients-carousel * {

  outline: none; }



/*========= Start our location ==========*/

.our-locations {

  padding: 0; }

  .our-locations .heading-location {

    background-color: #4F90D2;

    text-align: center;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    text-transform: uppercase;

    padding-top: 15px;

    padding-bottom: 15px;

    -webkit-transition: all 0.5s ease;

    transition: all 0.5s ease;

    cursor: pointer; }

    .our-locations .heading-location:hover {

      background-color: #504645; }

  .our-locations .active-map {

    background-color: #504645; }



/*========= Start Footer ==========*/

footer {


  background-color: #212124; }

  footer > div {

    padding-bottom: 80px; }

    footer > div:last-child {

      padding-bottom: 20px; }

  footer p {

    color: #fff;

    font-size: 13px;

    margin-top: 25px;

    line-height: 26px; }

  footer ul.social-links {

    margin-top: 30px;

    margin-left: 5px; }

  footer .down-footer {

    background-color: #272729;

    padding-top: 20px; }

    footer .down-footer p {

      display: inline-block;

      float: left;

      margin-top: 0; }

      footer .down-footer p a {

        color: #4F90D2; }

    footer .down-footer ul {

      padding-left: 0;

      margin: 0;

      float: right; }

      footer .down-footer ul li {

        font-size: 14px;

        text-transform: uppercase;

        font-weight: 500;

        list-style: none;

        display: inline-block;

        margin-right: 15px; }

        footer .down-footer ul li:last-child {

          margin-right: 0; }

        footer .down-footer ul li a {

          color: #fff;

          text-decoration: none;

          -webkit-transition: all 0.5s ease;

          transition: all 0.5s ease; }

          footer .down-footer ul li a:hover {

            color: #4F90D2; }

  footer .links p {

    margin-top: 0; }



.footer-minimal .down-footer p {

  display: block;

  float: none; }



/*Who we are*/

.whe-we-are {

  padding-top: 0;

  padding-bottom: 0; }

  .whe-we-are .heading-title {

    margin-bottom: 0; }



.buttons-section .white-btn {

  background-color: #4F90D2;

  border-color: #fff;

  color: #fff; }

  .buttons-section .white-btn:hover {

    background-color: #9e7d57; }



.right-full {

  background-color: rgba(255, 255, 255, 0.95);

  position: relative;

  padding-top: 80px;

  padding-bottom: 80px; }

  .right-full .center-all {

    width: 50%;

    -webkit-transform: translateX(50%);

    -ms-transform: translateX(50%);

    transform: translateX(50%); }



.left-full {

  position: relative; }

  .left-full .center-all {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%); }



/*.section-our-services*/

.section-our-services {

  padding-bottom: 50px; }



/*==========   Start Price Table Section  ==========*/

.item-price {

  background-color: #fff;

  -webkit-box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35);

  box-shadow: 4px 0 19px rgba(80, 70, 69, 0.35);

  -webkit-transition: all ease-in-out .4s;

  transition: all ease-in-out .4s; }

  .item-price:hover {

    -webkit-transform: translateY(-3%);

    -ms-transform: translateY(-3%);

    transform: translateY(-3%); }

    .item-price:hover .head .name-wrap:after {

      -webkit-transform: translateY(-2%);

      -ms-transform: translateY(-2%);

      transform: translateY(-2%); }

  .item-price .head {

    background-color: #f8f8f8; }

    .item-price .head .name-wrap {

      color: #fff;

      background-color: #2d2c2c;

      position: relative;

      text-align: center;

      padding-top: 15px; }

      .item-price .head .name-wrap h2 {

        font-size: 17px;

        font-weight: 400;

        margin-top: 0;

        margin-bottom: 0;

        letter-spacing: .3px; }

      .item-price .head .name-wrap:after {

        content: "";

        display: block;

        width: 100%;

        height: 30px;

        position: absolute;

        background-image: url("../img/s1_triangle1.html");

        background-size: contain;

        background-repeat: no-repeat; }

    .item-price .head .price-wrap {

      color: #4F90D2;

      text-align: center;

      padding-top: 30px; }

      .item-price .head .price-wrap p {

        font-weight: 300;

        font-size: 55px;

        position: relative;

        top: -5px;

        color: #504645; }

        .item-price .head .price-wrap p span {

          font-weight: 600;

          font-size: 1.5rem;

          vertical-align: top;

          margin-right: 4px;

          line-height: 4.3125rem; }

      .item-price .head .price-wrap .per-mn {

        display: block;

        position: relative;

        top: -15px; }

  .item-price .body ul {

    padding-left: 0;

    margin-top: 0; }

    .item-price .body ul li {

      text-align: center;

      color: #5c5757;

      font-size: 0.875rem;

      font-weight: 400;

      list-style: none;

      padding-top: 11px;

      padding-bottom: 11px; }

      .item-price .body ul li:nth-child(2n+1) {

        background-color: #f1f1f1; }

      .item-price .body ul li:last-child {

        padding-top: 19px;

        padding-bottom: 19px; }



.most-price {

  background-color: #504645;

  position: relative; }

  .most-price .head {

    background-color: #6a6261; }

    .most-price .head .name-wrap {

      background-color: transparent; }

      .most-price .head .name-wrap h2 {

        font-size: 17px;

        font-weight: 400;

        color: #fff;

        position: relative;

        top: 20px; }

      .most-price .head .name-wrap:after {

        display: none; }

    .most-price .head .price-wrap {

      padding-top: 15px;

      padding-bottom: 15px; }

      .most-price .head .price-wrap p {

        color: #fff; }

      .most-price .head .price-wrap .per-mn {

        color: #bdbdbd; }

  .most-price .body ul li {

    color: #fafafa;

    background-color: #6a6261; }

    .most-price .body ul li:nth-child(2n+1) {

      background-color: #504645; }

  .most-price:before {

    content: 'Most popular plan';

    display: block;

    background: #4F90D2;

    position: absolute;

    width: 100%;

    left: 0;

    top: -31px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 0.75rem;

    padding: 8px 5px; }



/*==========   Start .faq-section ==========*/

.faq-section h2 {

  margin-bottom: 20px; }



.faq-section .accordion {

  margin-bottom: 50px; }

  .faq-section .accordion:last-child {

    margin-bottom: 0; }



/*==========   Start .chooce-us-acc  ==========*/

.chooce-us-acc .heading-title {

  margin-bottom: 0; }



.icon-circle {

  background: rgba(198, 156, 109, 0.1);

  -webkit-transition: background 0.2s, -webkit-transform ease-out 0.1s;

  transition: background 0.2s, -webkit-transform ease-out 0.1s;

  transition: transform ease-out 0.1s, background 0.2s;

  transition: transform ease-out 0.1s, background 0.2s, -webkit-transform ease-out 0.1s; }

  .icon-circle:after {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    content: '';

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    top: 0;

    left: 0;

    padding: 0;

    z-index: -1;

    -webkit-box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1);

    box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1);

    opacity: 0;

    -webkit-transform: scale(0.9);

    -ms-transform: scale(0.9);

    transform: scale(0.9);

    -webkit-transition: all ease 0.90s;

    transition: all ease 0.90s; }

  .icon-circle:hover {

    background: rgba(198, 156, 109, 0.05);

    -webkit-transform: scale(0.93);

    -ms-transform: scale(0.93);

    transform: scale(0.93);

    color: #fff; }

    .icon-circle:hover:after {

      -webkit-animation: sonarEffect 1.3s ease-out 75ms;

      animation: sonarEffect 1.3s ease-out 75ms; }



@-webkit-keyframes sonarEffect {

  0% {

    opacity: 0.3; }

  40% {

    opacity: 0.5;

    -webkit-box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1), 0 0 10px 10px #4F90D2, 0 0 0 10px rgba(198, 156, 109, 0.5);

    box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1), 0 0 10px 10px #4F90D2, 0 0 0 10px rgba(198, 156, 109, 0.5); }

  100% {

    -webkit-box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1), 0 0 10px 10px #4F90D2, 0 0 0 10px rgba(198, 156, 109, 0.5);

    box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1), 0 0 10px 10px #4F90D2, 0 0 0 10px rgba(198, 156, 109, 0.5);

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 0; } }



@keyframes sonarEffect {

  0% {

    opacity: 0.3; }

  40% {

    opacity: 0.5;

    -webkit-box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1), 0 0 10px 10px #4F90D2, 0 0 0 10px rgba(198, 156, 109, 0.5);

    box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1), 0 0 10px 10px #4F90D2, 0 0 0 10px rgba(198, 156, 109, 0.5); }

  100% {

    -webkit-box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1), 0 0 10px 10px #4F90D2, 0 0 0 10px rgba(198, 156, 109, 0.5);

    box-shadow: 0 0 0 2px rgba(198, 156, 109, 0.1), 0 0 10px 10px #4F90D2, 0 0 0 10px rgba(198, 156, 109, 0.5);

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    opacity: 0; } }



.anim-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-box-shadow: 0 0 1px transparent;

  box-shadow: 0 0 1px transparent;

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform; }

  .anim-shadow:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform; }

  .anim-shadow:hover, .anim-shadow:focus, .anim-shadow:active {

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px); }

  .anim-shadow:hover:before, .anim-shadow:focus:before, .anim-shadow:active:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    -ms-transform: translateY(5px);

    transform: translateY(5px); }



.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out; }



.mfp-with-zoom.mfp-ready .mfp-container {

  opacity: 1; }



.mfp-with-zoom.mfp-ready.mfp-bg {

  opacity: 0.8; }



.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {

  opacity: 0; }



.toBottomFromTop:hover i, .btn-down:hover i {

  -webkit-animation: toBottomFromTop 0.5s forwards;

  animation: toBottomFromTop 0.5s forwards; }



@-webkit-keyframes toBottomFromTop {

  49% {

    -webkit-transform: translateY(100%); }

  50% {

    opacity: 0;

    -webkit-transform: translateY(-100%); }

  51% {

    opacity: 1; } }



@keyframes toBottomFromTop {

  49% {

    -webkit-transform: translateY(100%);

    transform: translateY(100%); }

  50% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%); }

  51% {

    opacity: 1; } }



/*Animation full screen menu*/

.rotate {

  opacity: 0;

  -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;

  transition: opacity 0.7s, -webkit-transform 0.7s;

  transition: opacity 0.7s, transform 0.7s;

  transition: opacity 0.7s, transform 0.7s, -webkit-transform 0.7s;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0); }



.active-fullscreen-topnav .rotate {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1); }



.anim-shadow {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-box-shadow: 0 0 1px transparent;

  box-shadow: 0 0 1px transparent;

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform; }

  .anim-shadow:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    top: 100%;

    left: 5%;

    height: 10px;

    width: 90%;

    opacity: 0;

    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform; }

  .anim-shadow:hover, .anim-shadow:focus, .anim-shadow:active {

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px); }

  .anim-shadow:hover:before, .anim-shadow:focus:before, .anim-shadow:active:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    -ms-transform: translateY(5px);

    transform: translateY(5px); }



/*mfp*/

.mfp-fade.mfp-bg {

  opacity: 0;

  -webkit-transition: all 0.15s ease-out;

  transition: all 0.15s ease-out; }

  .mfp-fade.mfp-bg.mfp-ready {

    opacity: 0.8; }

  .mfp-fade.mfp-bg.mfp-removing {

    opacity: 0; }



.mfp-fade.mfp-wrap .mfp-content {

  opacity: 0;

  -webkit-transition: all 0.15s ease-out;

  transition: all 0.15s ease-out; }



.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

  opacity: 1; }



.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

  opacity: 0; }



.toTopFromBottom:hover i {

  -webkit-animation: toTopFromBottom 0.5s forwards;

  animation: toTopFromBottom 0.5s forwards; }



@-webkit-keyframes toTopFromBottom {

  49% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%); }

  50% {

    opacity: 0;

    -webkit-transform: translateY(100%);

    transform: translateY(100%); }

  51% {

    opacity: 1; } }



@keyframes toTopFromBottom {

  49% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%); }

  50% {

    opacity: 0;

    -webkit-transform: translateY(100%);

    transform: translateY(100%); }

  51% {

    opacity: 1; } }



.item-team {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s; }



.services-tabs li:nth-child(1) {

  -webkit-animation-delay: 0.6s;

  animation-delay: 0.6s; }



.services-tabs li:nth-child(2) {

  -webkit-animation-delay: 0.7s;

  animation-delay: 0.7s; }



.services-tabs li:nth-child(3) {

  -webkit-animation-delay: 0.8s;

  animation-delay: 0.8s; }



.services-tabs li:nth-child(4) {

  -webkit-animation-delay: 0.9s;

  animation-delay: 0.9s; }



.ui-corner-bottom {

  opacity: 0;

  -webkit-transition: opacity 0.5s ease-in-out;

  transition: opacity 0.5s ease-in-out; }



.ui-corner-bottom[aria-hidden="false"] {

  opacity: 1; }



#slider-item .text-fade .in-item {

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

  opacity: 0;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

  -webkit-transition-delay: 0s;

  transition-delay: 0s; }



#slider-item .text-fade .active {

  z-index: 4;

  opacity: 1;

  position: relative;

  -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);

  transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);

  -webkit-transition-delay: .5s;

  transition-delay: .5s; }



.inn p, .inn{
 text-align:justify;
}

.inn li{
 text-align:left;
}


/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1300px) {

  .toggle-top {

    position: relative;

    left: 40px; } }



@media only screen and (max-width: 1160px) {

  /*START Left menu style normal*/

  .content-wrap-lfm {

    margin-left: 0; }

    .content-wrap-lfm .sidenav .container {

      width: 970px; }

  .header-type-1 {

    position: relative;

    left: auto;

    background-color: #1d1d1d;

    background-image: none !important;

    top: auto;

    z-index: 6;

    height: 65px;

    width: 100%; }

    .header-type-1:after {

      display: none; }

    .header-type-1 ul.social-links {

      display: none; }

    .header-type-1 .logo {

      float: left;

      display: inline-block;

      width: auto;

      padding-top: 12px;

      padding-bottom: 0;

      margin-top: 0;

      margin-left: 20px; }

      .header-type-1 .logo .logo-dark {

        display: none; }

      .header-type-1 .logo .logo-white {

        display: block; }

    .header-type-1 .dark-logo .logo-dark {

      display: block; }

    .header-type-1 .dark-logo .logo-white {

      display: none; }

    .header-type-1 .top-menu {

      display: none; }

    .header-type-1 .toggle-mnu {

      display: block;

      top: 23px;

      right: 41px; }

  /*END Left menu style normal*/ }



@media only screen and (max-width: 1200px) {

  .fullscreen-topnav .items .link:nth-of-type(2) {

    background-color: rgba(85, 85, 85, 0.9); }

  .section-how-we-work .icon-container:after {

    width: 33px;

    right: -17px; }

  .avatar-80 {

    width: 50px;

    height: 50px; } }



/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {

  /**/

  header .sf-menu {

    display: none; }

  header .logo {

    padding: 12px 0 9px 0; }

    header .logo img {

      height: 43px; }

  header .toggle-mnu {

    display: block;

    top: 23px;

    right: 41px; }

  header .toggle-top {

    top: 23px;

    padding-left: 14px;

    margin-left: 0;

    border-left: 1px solid #ccc; }

  .background-image {

    background-position: 50% 50%; }

  /**/

  .heading-title-big {

    font-size: 52px; }

  .slide-title {

    font-size: 22px; }

  .description-slide {

    font-size: 13px;

    font-weight: 400;

    line-height: 24px; }

  .btn {

    padding: 12px 25px 12px 25px;

    font-size: 13px;

    line-height: 13px; }

  /*Sections style*/

  .about-us {

    padding-bottom: 55px; }

    .about-us .item-about {

      margin-bottom: 30px; }

  /*Tabs services*/

  .services-section ul.list {

    margin-top: 30px; }

  /*Tabs services*/

  .services-tabs {

    padding: 0; }

    .services-tabs .slick-list {

      overflow: hidden; }

    .services-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {

      background-color: #1b1b1b;

      -webkit-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1); }

    .services-tabs .ui-tabs-panel {

      margin-top: 30px; }

  /*How we work*/

  .section-how-we-work {

    padding-bottom: 35px; }

    .section-how-we-work .icon-container:after {

      display: none; }

    .section-how-we-work .item-icon {

      margin-bottom: 50px; }

  /*section-work-progress*/

  .section-work-progress {

    padding-bottom: 45px; }

    .section-work-progress .heading-title {

      margin-bottom: 30px; }

    .section-work-progress .icon-progress {

      margin-bottom: 40px; }

  /*Section We are in numbers*/

  .section-we-are-numbers div > div:nth-child(2n) .item-number .num {

    background-color: #625958; }

  .section-we-are-numbers div > div:nth-child(2n) .item-number .name {

    background-color: rgba(80, 70, 69, 0.5); }

  /*Team section*/

  .section-team {

    padding-bottom: 35px; }

    .section-team .item-team {

      padding-bottom: 50px; }

  /*section-testimonials*/

  .section-testimonials .prev-next-block-rotate {

    display: none; }

  /*section-choose-us*/

  .section-choose-us {

    padding-bottom: 20px; }

    .section-choose-us .item-about {

      margin-bottom: 65px; }

      .section-choose-us .item-about .icon {

        line-height: 73px; }

        .section-choose-us .item-about .icon .bg-icon {

          top: 0; }

          .section-choose-us .item-about .icon .bg-icon i {

            font-size: 130px; }

  /*contact form*/

  .contact-wrap {

    text-align: center;

    margin-bottom: 50px; }

  /*footer*/

  footer {

    text-align: center; }

    footer > div {

      padding-bottom: 30px; }

    footer .social-links {

      margin-bottom: 50px; }

    footer .links {

      padding-bottom: 30px; }

    footer ul.footer-menu {

      display: none; }

    footer .down-footer p {

      float: inherit;

      display: block;

      text-align: center; }

  .contact-2 {

    padding-bottom: 30px; }

  section .accordion {

    margin-top: 30px; }

  .services-list {

    margin-bottom: 30px; }

  .service-single ul.list {

    margin-top: 20px; }

  .service-about, .item-about {

    padding-bottom: 40px; }

    .service-about:last-child, .item-about:last-child {

      padding-bottom: 0; }

    .service-about .icon i, .item-about .icon i {

      width: 70px; }

    .service-about .icon .bg-icon, .item-about .icon .bg-icon {

      top: -20px;

      left: 70px; }

      .service-about .icon .bg-icon i, .item-about .icon .bg-icon i {

        font-size: 100px; }

  .item-price .head .name-wrap:after {

    background-size: 100% 100%;

    height: 30px; }

  .most-price:before {

    position: relative;

    top: 0; }

  .item-price-two:last-child {

    margin-bottom: 40px; }

  .blog-classic .post-content-classic {

    margin-top: 20px; }

  .blog-classic .post.sticky:after {

    right: 15px; }

  .blog-classic .post.sticky:before {

    right: 8px;

    margin-right: 15px; }

  /*Blog*/

  .comment-list .children .children li {

    padding-left: 50px; }

  .related-projects .item-portfolio {

    margin-bottom: 30px; }

    .related-projects .item-portfolio:nth-last-child(-n+2) {

      margin-bottom: 0; }

  #sidebar:before {

    display: none; }

  .content-project {

    margin-top: 30px; } }



/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {

  header .toggle-mnu {

    right: 0px; }

  header .toggle-top {

    left: 27px; }

  .description-slide {

    font-size: 12px; }

  .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big {

    font-size: 40px; }

  .fullscreen-topnav .items .text-item {

    height: auto;

    padding-top: 40px;

    padding-bottom: 40px; }

  .prev-next-block-rotate {

    display: none; }

  /*Section We are in numbers*/

  .section-we-are-numbers {

    padding-bottom: 0; }

  /*section-testimonials*/

  .section-testimonials .dots-control-carousel {

    margin-top: 30px; }

  .display-page h1 {

    font-size: 30px; }

  .display-page p {

    font-size: 13px; }

  .right-full .center-all {

    width: 100%;

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0); }

  #sidebar {

    padding-bottom: 30px; }

  .profile-img .dark-hex img {

    margin-bottom: 30px; } }



/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {

  /**/

  .heading-title-big {
	top: -50px !important;
    font-size: 40px; }

  .full-slider .embed-responsive-item {

    display: none; }

  .full-slider img {

    display: none; }

  .heading-title h2 {

    font-size: 30px;

    margin-bottom: 10px; }

  .full-slider .slide .small-text .heading-title-big, .wrap-header .slide .small-text .heading-title-big {

    font-size: 30px; }

  .small-head h2 {

    font-size: 16px; }

  .small-heading h2 {

    font-size: 25px; }

  .heading-title p {

    font-size: 13px; }

  .slide-title {

    font-size: 18px; }

  .description-slide {

    font-size: 12px; }

  .controls-portfolio ul li {

    margin-bottom: 10px; }

  /*Team*/

  .item-team h2 {

    font-size: 15px; }

  .item-team span {

    font-size: 13px; }

  .item-team p {

    font-size: 13px; }

  .item-team ul.social-links li {

    margin-left: 2px;

    font-size: 13px;

    line-height: 13px; }

    .item-team ul.social-links li a {

      width: 29px;

      height: 29px;

      line-height: 29px;

      -webkit-transform: rotate(0deg) translate(0px, 0px);

      -ms-transform: rotate(0deg) translate(0px, 0px);

      transform: rotate(0deg) translate(0px, 0px); }

      .item-team ul.social-links li a i {

        -webkit-transform: rotate(0deg) translate(0px, 0px);

        -ms-transform: rotate(0deg) translate(0px, 0px);

        transform: rotate(0deg) translate(0px, 0px); }

  .post .post-data p {

    font-size: 13px; }

  .post .content h3 {

    font-size: 18px; }

  .related-projects .item-portfolio {

    margin-bottom: 30px; }

    .related-projects .item-portfolio:nth-last-child(-n+2) {

      margin-bottom: 0; }

    .related-projects .item-portfolio .content-wrap .content-va p {

      display: none; }

    .related-projects .item-portfolio .content-wrap .content-va h2 {

      margin-top: 0; }

      .related-projects .item-portfolio .content-wrap .content-va h2:after {

        display: none; }

  .related-projects .tizer-circle {

    display: none; } }



/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {

  /**/

  .buttons-section .btn {

    margin-right: 0 !important;

    margin-bottom: 15px; }

    .buttons-section .btn:last-child {

      margin-bottom: 0; } }



/* Custom, iPhone Retina */

@media only screen and (max-width: 350px) {

  .buttons-section .large-btn:first-child {

    margin-right: 15px !important; }

  .btn {

    font-size: 12px; }

  .heading-title-big {

    font-size: 26px; } }



/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {

  /**/ }



/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {

  /**/ }



/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {

  /**/ }



/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {

  /**/ }



/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {

  /**/ }



/* Large Devices, Wide Screens */

@media only screen and (max-height: 860px) {

  /**/

  .active-fullscreen-topnav .height-half-60 .items .height-full {

    height: 530px;

    padding-top: 50px;

    padding-bottom: 50px; }
}
@media only screen and (min-width: 768px) and (max-width: 969px){
  .our-team article ul li{
    width: 31%;
    margin: 0 2% 15px 0%;
  }
  .our-team article{
    padding: 0 0 0px 0;
  }
  .our-team{
    margin: 0;
  }
}
@media only screen and (min-width: 240px) and (max-width: 767px){
  .our-team article ul li{
    width: 90%;
    margin: 5%;
  }
  .our-team{
    margin-top: 0;
  }
  .our-team article{
    padding-bottom: 0;
  }
}

/*-------------*/

.container .row img{
	width: 100%;
    height: 100vh;
    filter: brightness(0.6);
}
.container-slide{
	width: 100%;
}
.col-md-12{
	padding: 0px !important;
}
.textwidget form{
	max-width: 700px;
    margin: 0 auto;
}
.textwidget form input{
	width: 100% !important;
    height: 50px;
    border-color: #cecece !important;
    background: #fff !important;
    color: #4e4e4e;
    border-bottom-width: 2px !important;
    margin-bottom: 10px;
}
.textwidget form input[type='submit']{
	background: #cecece !important;
}
.textwidget form input[type='tel']{
	padding-left: 20px !important;
}
header img{
	max-width: 240px !important;
}
.user_error{
	width: 100%;
    height: 100vh;
    background: url(img/404-error.jpg) center center;
    background-repeat: no-repeat;
    background-size: contain;
}