/*================================================

# Typography



/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 12, 2017 */



@font-face {

    font-family: 'dream_orphansregular';

    src: url('assets/fonts/dream_orphans-webfont.woff2') format('woff2'),

         url('assets/fonts/dream_orphans-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

==================================================*/

html {

  font-size: 100%;

}



body {

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

  font-size: 16px;

  line-height: 1.45em;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

  font-weight: 400;

  background-image: url(./assets/images/bg.jpg);
  
  background-position: 50% 0px;
  
  color: #f1f1f1;

}



p {

  margin-bottom: 40px;

  line-height: 1.75em;

}



small {

  font-size: 0.8em;

}



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

## Heading

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

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

  clear: both;

  line-height: 1.6em;

  color: #232323;

  font-family: 'Verdana', sans-serif;
  
  letter-spacing: -1px;

}



h1, h2, h3, h4 {

  font-weight: inherit;

}



h1 {

  font-size: 2.827em;

  margin: 0 0 em(30px);

}



h2 {

  font-size: 1.999em;

}



h3 {

  font-size: 1.414em;

}



h4 {

  font-size: 1.25em;

}



h5 {

  font-size: 1em;

}



h6 {

  font-size: 0.85em;

}



/*----------Start all heading in site--------*/

.section-header {

  margin-bottom: 75px;

}

.section-header > p {

  color: #727272;

}

.section-header .section-title {

  color: #bcf73c;

  font-size: 36px;

  /*font-weight: bold;*/

  margin-bottom: 20px;

}

.section-header .section-title span {

  color: black;

}

.section-header .divider {

  margin-bottom: 16px;

  position: relative;

}

.section-header .divider:before {

  background-color: #bcf73c;

  content: "";

  height: 1px;

  left: 50%;

  margin-left: -75px;

  position: absolute;

  top: 47%;

  width: 150px;

}

.section-header .divider i {

  background-color: #fff;

  color: #bcf73c;

  display: inline-block;

  font-size: 12px;

  padding: 3px;

  position: relative;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

}



.widget-title {

  color: #fff;

  font-size: 24px;

  font-weight: bold;

  text-transform: capitalize;

  line-height: 1.45em;

  margin-bottom: 30px;

}

.widget-title > span {

  position: relative;

  padding: 0 15px 5px 0;

}

.widget-title > span:before, .widget-title > span:after {

  content: "";

  position: absolute;

}

.widget-title > span:before {

  border: 2px solid rgba(28, 160, 242, 0.5);

  border-radius: 50%;

  bottom: -4px;

  height: 10px;

  right: -10px;

  width: 10px;

}

.widget-title > span:after {

  background-color: rgba(28, 160, 242, 0.5);

  bottom: 0;

  height: 2px;

  left: 0;

  width: 100%;

}



/*================================================

# Elements

==================================================*/

a {

  color: none;

  -webkit-transition: color 0.2s ease;

  transition: color 0.2s ease;

}

a:hover, a:focus, a:active {

  text-decoration: none;

}

a:focus {

  outline: none;

}

a:hover, a:active {

  outline: 0;

  text-decoration: none;

}



i {

  color: inherit;

}



blockquote {

  border-left: 3px solid #c39d6d;

}



.blockquote-reverse {

  border-right: 3px solid #c39d6d;

}



blockquote p {

  font-size: 16px;

  font-weight: 400;

}



cite {

  color: #c39d6d;

  font-size: 12px;

  opacity: 0.75;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";

}



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

## list

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

ul, ol {

  padding-left: 0.9em;

}



li > ul,

li > ol {

  margin-bottom: 0;

  margin-left: 1em;

}



dt {

  font-weight: bold;

}



dd {

  margin: 0 1.5em 1.5em;

}



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

## Table

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

.tb {

  display: table;

  width: 100%;

  height: 100%;

}

.tb .tb-cell {

  display: table-cell;

  vertical-align: middle;

}



table,

th,

td {

  border: 1px solid #e4e4e4;

  border-collapse: collapse;

}



table {

  margin: 0 0 1.5em;

  width: 100%;

}



/* End Animation Durations */

::-moz-selection {

  color: white;

  background: #1ca0f2;

}



::selection {

color: #c3c3c3;

background: #D96F76;
}



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

## Spacer

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

.space-top {

  margin-top: 20px;

}



.space-top-30 {

  margin-top: 30px;

}



.space-top-2x {

  margin-top: 40px;

}



.space-bottom {

  margin-bottom: 20px;

}



.space-bottom-30 {

  margin-bottom: 30px;

}



.space-bottom-2x {

  margin-bottom: 40px;

}



.space-left {

  padding-left: 15px;

}



.space-left-2x {

  padding-left: 30px;

}



.space-right {

  padding-right: 15px;

}



.space-right-2x {

  padding-right: 30px;

}



.space-25 {

  padding: 13px 0;

}



.space-50 {

  padding: 25px 0;

}



.space-100 {

  padding: 50px 0;

}



.space-150 {

  padding: 75px 0;

}



.space-200 {

  padding: 100px 0;

}



.no-margin {

  margin: 0 !important;

}



.no-padding {

  padding: 0 !important;

}



.no-border {

  border: none !important;

}



.bg-images {

  background-position: center center;

  background-size: cover;

  background-color: #fafafa;

  position: relative;

  background-repeat: no-repeat;

}

.bg-images:before {

  position: absolute;

  left: 0;

  top: 0;

  content: "";

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

  height: 100%;

  width: 100%;

}



.rating {

  color: #FCBF3E;

}



.facebook {

  background-color: #3D5A99;

}



.twitter {

  background-color: #1CA0F2;

}



.google-plus {

  background-color: #DC4A38;

}



.instagram {

  background-color: #1D87BD;

}



.pinterest {

  background-color: #BD081C;

}



.col-full-width {

  float: none;

  margin: 0 auto;

}



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

## Angle Style

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

.angel-style {

  position: relative;

  overflow: hidden;

}

.angel-style:after {

  background-color: #fff;

  content: "";

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transform: rotate(4deg) scale(1.2);

  transform: rotate(4deg) scale(1.2);

  width: 50px;

}



/*================================================

# Forms

==================================================*/

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

##Buttons

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

.btn:active {

  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;

}



.btn:focus {
  border-color: #202E6B!important;
  color: #202E6B;

}



.btn-default {

background-color: transparent;

border: 1px solid;

border-radius: 15px;

color: #AFFF00;

display: inline-block;

font-size: 16px;

font-weight: 600;

line-height: 25px;

padding: 9px 35px;

text-transform: lowercase;

-webkit-transition: all 0.2s;

transition: all 0.2s;
}

.btn-default:focus, .btn-default:hover {

background: none !important;

border: 1px solid #AFFF00;
}



.btn-submit {

  background-color: black;

  color: #0f0f0f;

  font-weight: bold;

  padding: 10px 25px;

  text-transform: uppercase;

  border-radius: 8px;

  transition: color 0.2s;

}

.btn-submit:hover {

  color: #5b5b5b;

}

.btn-submit:focus {
  border-color:#202E6B;
  color: #202E6B;

}

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

##Fields

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

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

  padding: 0.5em 1em;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

  outline: none;

}



input[type="search"] {

  -webkit-appearance: textfield;

}



input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



select {

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  background: transparent url("images/select-bg.png") no-repeat scroll 95% 50%;

}

select option[selected] {

  color: white;

}



input:-webkit-autofill,

textarea:-webkit-autofill,

select:-webkit-autofill {

  -webkit-box-shadow: 0 0 0px 1000px transparent inset;

  -webkit-text-fill-color: #333 !important;

}



input:-webkit-autofill:focus {

  -webkit-box-shadow: 0 0 0px 1000px transparent inset;

  -webkit-text-fill-color: #606060 !important;

}



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

input:-webkit-autofill:active {

  -webkit-transition: background-color 5000s ease-in-out 0s;

  transition: background-color 5000s ease-in-out 0s;

}



input,

select,

textarea {

  margin: 0;

  border: none;

  vertical-align: baseline;

  font-size: 100%;

  font-weight: 400;

  -webkit-transition: all 0.25s ease;

  transition: all 0.25s ease;

}



/* Form Controls */

.form-controllar {

  border: 0 none;

  border-radius: 0;

  box-shadow: 0 0 0 transparent inset;

  background-color: transparent;

  width: 100% !important;

}

.form-controllar:focus {

  border-color: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}



/*================================================

# Navigations

=================================================*/

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

## Menus

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

.mainmanu > li {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  padding: 15px 20px;

}

.mainmanu > li:last-child {

  padding-right: 0;

}



.mainmanu > li > a {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  line-height: 28px;

  padding: 0;

  position: relative;

  font-size: 16px;

  color: black;

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

  font-weight: bold;

  /*text-transform: capitalize;*/

}

.mainmanu > li > a:focus {

  background-color: transparent;

}

.mainmanu > li > a:before, .mainmanu > li > a:after {

  content: "";

  position: absolute;

  -webkit-transition: all 0.2s ease 0s;

  transition: all 0.2s ease 0s;

}

.mainmanu > li > a:before {

  border: 2px solid #1968FF;

  border-radius: 50%;

  bottom: -3px;

  height: 8px;

  left: -6px;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  width: 8px;

}

.mainmanu > li > a:after {

  background-color: #1968FF;

  bottom: 0;

  height: 1px;

  left: 0;

  width: 0%;

}

.mainmanu > li > a:hover {

  background-color: transparent;

}

.mainmanu > li:hover > a {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  color: #666666;

}

.mainmanu > li:hover > a:before {

  left: 100%;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.mainmanu > li:hover > a:after {

  width: 100%;

}

.mainmanu > li.active > a {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  color: #666666;

}

.mainmanu > li.active > a:before {

  left: 100%;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.mainmanu > li.active > a:after {

  width: 100%;

}



.fa-eye:before {

    content: "\f06e";

    font-size: 35px!important;

    color: #fff!important;

}



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

## Navigation Responsive

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

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

  .navigation-area .navbar-right {

    float: none !important;

    margin-right: 0px;

    padding: 0px;

    text-align: center;

  }

  .navigation-area .navbar-right .mainmanu {

    float: none;

    display: inline-block;

  }

  .navigation-area .navbar-header {

    text-align: center;

    width: 100%;

    padding: 10px 0;

  }

  .navigation-area .mainmanu > li {

    padding: 5px 15px;

  }

}

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

  .navigation-area .navbar-header {

    width: 100%;

  }

  .navigation-area .navbar-header .navbar-toggle {

    display: block !important;

    margin: 0;

  }

  .navigation-area .navbar-header .navbar-toggle .icon-bar {

    background-color: #000;

  }

  .navigation-area #navbar-main {

    border-top: 1px solid #e4e4e4;

  }

  .navigation-area .mainmanu {

    margin: 15px 0;

  }

  .navigation-area .mainmanu > li {

    padding: 5px 0;

  }

  .navigation-area .mainmanu > li > a {

    text-align: center;

  }

  .navigation-area .mainmanu > li > a:before {

    border-color: transparent !important;

  }

  .navigation-area .mainmanu > li > a:after {

    background-color: transparent !important;

  }

}

/*================================================

# Accessibility use for wp

=================================================*/

/* Text meant only for screen readers. */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {

  border-radius: 3px;

  clip: auto !important;

  display: block;

  font-size: 0.8em;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP tool-bar. */

}



/*================================================

# Site Layout

=================================================*/

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

## Header Content

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

/*------------------#Pre-Loader----------------*/

.preloader {

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

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  position: fixed;

  text-align: center;

  z-index: 99999;

}

.preloader .loader {

  position: relative;

  top: 45%;

}

.preloader .loader i.fa {

  font-size: 3em;

  color: #1ca0f2;

}



/*------------------Navigation And Typer Animation----------------*/

.navigation-area {

  background-color: white;

  border-radius: 0px;

  margin-bottom: 0;

  padding: 10px 0;

  -webkit-transition: all .4s;

  transition: all .4s;

}

.navigation-area .navbar-header {

  padding: 13px 0;

}



#sticky-header {

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99;

}

#sticky-header .navigation-area {

  padding: 5px;

  box-shadow: 1px 1px 10px -5px rgba(0, 0, 0, 0.4);

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

}



/* code for animated blinking cursor */

.typed-cursor {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  font-weight: 100;

  -webkit-animation: blink 0.7s infinite;

  animation: blink 0.7s infinite;

}



@-keyframes blink {

  0% {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  }



  50% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }



  100% {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  }

}

@-webkit-keyframes blink {

  0% {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  }



  50% {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  }



  100% {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  }

}

.social-share > a {

  border-radius: 5px;

  color: #fff;

  display: inline-block;

  font-size: 14px;

  height: 30px;

  line-height: 30px;

  margin-left: 5px;

  margin-top: 5px;

  position: relative;

  text-align: center;

  top: 5px;

  -webkit-transition: top 0.15s ease 0s;

  transition: top 0.15s ease 0s;

  width: 30px;

}

.social-share > a:hover {

  top: 0;

}



/*-------------Header hero content style-------------*/

.hero-area {

  background-color: #fff;

  height: auto;

  margin: 80px 15px;

  overflow: hidden;

  position: relative;

}

.hero-area .hero-thumb img {

  width: 100%;

}



.hero-content {

  padding: 20px 30px 0px 0;

}

.hero-content .social-share {

  text-align: right;

}



.hero-static {

  padding: 0 40px 30px;

}

.hero-static > h2 {

color: #000;

font-size: 36px;

font-weight: 700;

margin-bottom: 20px;

text-transform: capitalize;
}

.hero-static > h2 span {

color: #bcf73c;
}

.hero-static > p {

  margin-bottom: 20px;

  line-height: 1.85em;

  color: #85466B;

}

.hero-static .process {

  margin-bottom: 35px;

  text-align: center;

}

.hero-static .process .process-inner {

  display: inline-block;

  list-style: outside none none;

  margin: 0;

  padding: 0;

  position: relative;

  z-index: 0;

}

.hero-static .process .process-inner:before {

  border-top: 1px dashed #5B4F6B;

  content: "";

  left: 5%;

  position: absolute;

  top: 38%;

  width: 100%;

  z-index: -1;

}

.hero-static .process .process-inner > li {

  display: inline-block;

  margin-right: 40px;

  text-transform: capitalize;

}

.hero-static .process .process-inner > li:last-child {

  margin-right: 0;

}

.hero-static .process .process-inner > li i.fa {

  background-color: white;

  border: 1px solid #85466B;

  border-radius: 50%;

  color: #5B4F6B;

  display: block;

  font-size: 16px;

  height: 50px;

  line-height: 50px;

  margin-bottom: 5px;

  text-align: center;

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

  transition: all 0.15s ease 0s;

  width: 50px;

}



/*-------------Header Area Responsive-------------*/

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

  .hero-static h2 {

    font-size: 32px;

  }

}

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

  .hero-area {

    height: auto;

    padding: 15px;

  }

  .hero-area .hero-content {

    padding: 0px;

  }

  .hero-area .hero-content .hero-static {

    text-align: center;

    padding: 15px 0 50px;

  }

  .hero-area .hero-content .hero-static > h2 {

    font-size: 42px;

  }

  .hero-area .hero-content .hero-static .process {

    margin-bottom: 50px;

  }

}

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

  .hero-area .hero-content .hero-static > h2 {

    font-size: 26px;

  }

  .hero-area .hero-content .hero-static .process .process-inner > li {

    margin-right: 25px;

  }

}

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

  .hero-area .hero-content .hero-static > h2 {

    font-size: 18px;

  }

  .hero-area .hero-content .hero-static p {

    font-size: 12px;

  }

}

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

## Main Content

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

.main-contant {

  position: relative;

  z-index: 2;

  background-color: inherit;

}



.skill-section,

.portfolio-section,

.latest-post-section {

  background-color: #f8f8f8;

}



/*-------------Style For Services Section-------------*/

.services-content {

  margin: 0;

  display: -webkit-flex;

  display: -webkit-box;

  display: -moz-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}

.services-content > div {

  -webkit-flex: 1 1 33.33% !important;

  -webkit-box-flex: 1 1 33.33% !important;

  -moz-flex: 1 1 33.33% !important;

  -moz-box-flex: 1 1 33.33% !important;

  -ms-flex: 1 1 33.33% !important;

  flex: 1 1 33.33% !important;

}

.services-content .col-md-4 {

  padding-right: 0px;

  /*border-top: 1px solid #e4e4e4;*/

  /*border-right: 1px solid #e4e4e4;*/

}

.services-content .col-md-4 .service-item {

  padding-right: 15px;

}

.services-content .col-md-4:nth-child(1), .services-content .col-md-4:nth-child(2), .services-content .col-md-4:nth-child(3) {

  /*border-top: 0px solid;*/

}

.services-content .col-md-4:nth-child(1) .service-item, .services-content .col-md-4:nth-child(2) .service-item, .services-content .col-md-4:nth-child(3) .service-item {

  padding-top: 15px;

}

.services-content .col-md-4:nth-child(3n), .services-content .col-md-4:last-child {

  /*border-right: 0px solid;*/

}



.service-item {

  padding: 65px 0 5px;

}

.service-item .service-icon {

  float: left;

  font-size: 26px;

  width: 40px;

  text-align: center;

  margin-top: 10px;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  height: 40px;

  background-color: #AFFF00;

  line-height: 40px;

  border-radius: 5px;

  color: white;

  margin-left: 12px;

}

.service-item .service-icon > i {

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.service-item .service-icon:before {

  background-color: rgba(99, 21, 166, 0.5);

  border-radius: 50%;

  content: "";

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  -webkit-transform: scale(1);

  transform: scale(1);

  width: 100%;

  -webkit-transition: -webkit-transform 0.18s;

  transition: -webkit-transform 0.18s;

  transition: transform 0.18s;

  transition: transform 0.18s, -webkit-transform 0.18s;

}

.service-item .service-info {

  padding-left: 80px;

}

.service-item .service-info > h4 {

  color: #010101;

  display: inline-block;

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

  font-size: 16px;

  font-weight: 700;

  margin: 0 0 15px;

  text-transform: uppercase;

  -webkit-transition: color 0.18s ease 0s;

  transition: color 0.18s ease 0s;

}

.service-item .service-info > p {

  font-size: 14px;

  line-height: 2em;

}



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

  -webkit-transform: scale(1.5);

  transform: scale(1.5);

}



.service-item:hover .service-info h4 {

  color: #1ca0f2;

}



/*-------------Style For Skill Section-------------*/
#service p {
	color:#f1f1f1;
}

.skill-img {

  margin: 0 auto;

  width: 73%;

}



.single-skill {

  margin-bottom: 30px;

}

.single-skill h4 {

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

  font-size: 16px;

  font-weight: bold;

  letter-spacing: 1px;

  text-transform: uppercase;

}

.single-skill .progress {

  background-color: #e9e9e9;

  border-radius: 10px;

  box-shadow: 0 1px 2px transparent inset;

  height: 7px;

  overflow: visible;

}

.single-skill .progress .progress-bar {

  background-color: #9609FF;

  border-radius: inherit;

  position: relative;

  z-index: 0;

}

.single-skill .progress .progress-bar > span {

  background-color: #070707;

  border-radius: 4px;

  color: white;

  padding: 4px 9px;

  position: absolute;

  right: -19px;

  top: -38px;

  z-index: 99;

}

.single-skill .progress .progress-bar > span:after {

  border-color: #070707 transparent transparent;

  border-style: solid;

  border-width: 6px 4px;

  bottom: -12px;

  content: "";

  left: 18px;

  position: absolute;

}



/*-------------Style For Counter Section-------------*/

.counter-section {

  padding: 30px 0;

}

.counter-section .content-wrap {

  height: 245px;

  margin-bottom: 0;

  width: 100%;

}

.counter-section .content-wrap .single-count {

  display: table-cell;

  font-weight: bold;

  text-align: center;

  vertical-align: middle;

}

.counter-section .content-wrap .single-count .count-number,

.counter-section .content-wrap .single-count .text {

  color: white;

  margin: 0;

}

.counter-section .content-wrap .single-count .count-number {

  font-size: 72px;

  line-height: 1.2em;

}

.counter-section .content-wrap .single-count .count-number:first-letter {

  color: #1ca0f2;

}

.counter-section .content-wrap .single-count .text {

  font-size: 18px;

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

  text-transform: uppercase;

}

.counter-section .description {

  color: white;

  font-size: 18px;

  line-height: 1.8em;

  margin: 0 auto 60px;

  width: 68%;

  font-weight: 600;

}

.counter-section .description span {

  color: #1ca0f2;

}



/*-------------Style For Recent Work Section-------------*/

.single-work {

  border-bottom: 4px double #e4e4e4;

  padding-bottom: 50px;

  margin-bottom: 60px;

}

.single-work:last-child {

  border-bottom: 0px double;

  margin-bottom: 0px;

  padding-bottom: 0;

}

.single-work .product-details {

  margin-top: 65px;

}

.single-work .product-details h3, ul {
	color:#f1f1f1;
	
}

.single-work .product-details .work-product-title {

  font-size: 33px;

  margin-bottom: 25px;

}

.single-work .product-details > p {

  line-height: 2em;

  margin-bottom: 25px;
  

}

.single-work .product-details > ul {

  padding-left: 40px;

}

.single-work .product-details > ul > li {

  margin-bottom: 10px;

  padding-left: 5px;

  list-style-type: square;

}

.single-work .btn-preview {

  margin-top: 30px;

}



/*-------------Style For Portfolio Section-------------*/

/*-----portfolio nav------*/

.portfolio-nav-main {

  margin-bottom: 45px;

  text-align: center;

}

.portfolio-nav-main .portfolio-categories-nav {

  display: inline-block;

  list-style: outside none none;

  padding: 0;

  position: relative;

}

.portfolio-nav-main .portfolio-categories-nav:before {

  background-color: #e4e4e4;

  bottom: 0;

  content: "";

  height: 1px;

  left: 0;

  position: absolute;

  width: 100%;

}

.portfolio-nav-main .portfolio-categories-nav > li {

  display: inline;

}

.portfolio-nav-main .portfolio-categories-nav > li > a {

  display: inline-block;

  /*font-weight: bold;*/

  padding: 0 40px 20px;

  position: relative;

  text-transform: capitalize;

  color: #3d3d3d;

  -webkit-transition: color 0.2s;

  transition: color 0.2s;

}

.portfolio-nav-main .portfolio-categories-nav > li > a:hover {

  color: #fff !important;

}

.nav>li>a:hover {
  color: #fff !important;
}

.portfolio-nav-main .portfolio-categories-nav > li > a span {

    background-color: rgba(188, 247, 60, 0.5);
    
    border-radius: 50%;
    
    bottom: -10px;
    
    height: 20px;
    
    left: 44%;
    
    position: absolute;
    
    width: 20px;
    
    z-index: 0;

}

.portfolio-nav-main .portfolio-categories-nav > li > a span:before {

    background-color: rgba(188, 247, 60, 0.5);
    
    border-radius: 50%;
    
    bottom: -22%;
    
    content: "";
    
    height: 30px;
    
    left: -5px;
    
    position: absolute;
    
    width: 30px;
    
    z-index: 2;

}

.portfolio-nav-main .portfolio-categories-nav > li > a span:after {

    background-color: #fcfcfc;
    
    border-radius: 50%;
    
    bottom: 5px;
    
    content: "";
    
    height: 10px;
    
    left: 5px;
    
    position: absolute;
    
    width: 10px;
    
    z-index: 5;

}



/*-----Single Portfolio item style------*/

.single-portfolio-item {

  margin-bottom: 30px;

}

.single-portfolio-item .single-portfolio-item-inner {

  border-radius: 5px;

  position: relative;

  overflow: hidden;

  display: block;

}

.single-portfolio-item .single-portfolio-item-inner .port-thumb {

  border-radius: inherit;

  height: 270px;

  width: 100%;

}



#post-masonry .single-portfolio-item-inner .port-thumb {

  height: auto;

}



.portfolio-overlay {

  height: 100%;

  left: -50%;

  padding: 10px;

  position: absolute;

  top: 0;

  width: 100%;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.portfolio-overlay .portfolio-overlay-inner {

  padding: 0 15px;

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

  border-radius: 4px;

}

.portfolio-overlay .portfolio-overlay-inner .fa.fa-camera-retro {

  background-color: white;

  border-radius: 2px;

  color: black;

  display: inline-block;

  font-size: 25px;

  padding: 5px 6px;

}

.portfolio-overlay .portfolio-overlay-inner .tb-cell > h3 {

  color: white;

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

  font-size: 18px;

  font-weight: bold;

  line-height: 24px;

  margin-bottom: 0px;

  margin-top: 60px;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



.single-portfolio-item:hover .portfolio-overlay {

  left: 0;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.single-portfolio-item:hover .portfolio-overlay .tb-cell > h3 {

  margin-top: 15px;

}



/*-----Portfolio Popup style------*/

.portfolio-popup {

  background-color: transparent;

  margin: 50px auto;

  padding: 30px 30px 45px;

  width: 75%;

}

.portfolio-popup .title {

  font-size: 22px;

  font-weight: bold;

  margin-bottom: 35px;

  text-align: left;

}

.portfolio-popup img {

  border-radius: 7px;

  max-width: 100%;

}

.portfolio-popup .protfolio-popup-info {

  border-top: 1px solid #eee;

  margin: 20px 0 55px;

  text-align: center;

}

.portfolio-popup .protfolio-popup-info > p {

  margin-bottom: 20px;

  color: #FFF;

}

.portfolio-popup .protfolio-popup-info > h3 {

  font-size: 20px;

  font-weight: 600;

  margin: 35px 0 20px;

  text-transform: capitalize;

}

.portfolio-popup .protfolio-popup-info .btn-live {

  border-radius: 10px;

}



.mfp-close {

  color: white !important;

  font-size: 36px;

}



/*-----Portfolio Masonary------*/

.portfolio-item-content #port-masonry {

  margin-bottom: -90px;

}

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

  .portfolio-item-content #port-masonry {

    margin-bottom: 0px;

  }

  .portfolio-item-content #port-masonry .single-portfolio-item .single-portfolio-item-inner .port-thumbnil {

    width: 100% !important;

  }

}



/*-------------Style For Customer Reviews Section-------------*/

#customer-reviews {

  padding: 0 15px;

}

#customer-reviews .owl-controls {

  margin-top: 20px;

  text-align: center;

}

#customer-reviews .owl-controls .owl-dots > div {

  background-color: #ddd;

  display: inline-block;

  height: 3px;

  margin: 0 3px;

  width: 25px;

}

#customer-reviews .owl-controls .owl-dots > div.active {

  background-color: #1ca0f2;

}



.single-customer-review {

  color: white;

  padding: 50px 0 0;

}

.single-customer-review .customer-header {

  display: inline-block;

  color: white;

  margin-bottom: 35px;

}

.single-customer-review .customer-header .customer-thumb {

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

  border-radius: 50%;

  height: 75px;

  width: 75px !important;

  margin-right: 20px;

  margin: 0 auto;

}

.single-customer-review .customer-header h3.customer-name {

  font-weight: bold;

  text-transform: capitalize;

  line-height: 24px;

  margin: 15px 0 5px;

  color: inherit;

}

.single-customer-review .customer-header p {

  text-transform: capitalize;

  font-size: 14px;

  margin-bottom: 0px;

}

.single-customer-review .customer-info > p {

  margin-bottom: 15px;

  line-height: 1.8em;

}

.single-customer-review .customer-info .rating {

  margin-bottom: 20px;

}



/*-------------Style For Latest Blog Section-------------*/

.post {

  background-color: white;

  box-shadow: 0 0 10px -5px #a1a1a1;

  margin-bottom: 30px;

}

.post .post-thumb-content {

  position: relative;

  margin-bottom: 20px;

}

.post .post-thumb-content .post-thumb {

  height: 220px;

  overflow: hidden;

}

.post .post-thumb-content .post-thumb a {

  display: block;

  height: inherit;

}

.post .post-thumb-content .post-thumb img {

  height: inherit;

  width: 100%;

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: -webkit-transform 0.5s;

  transition: -webkit-transform 0.5s;

  transition: transform 0.5s;

  transition: transform 0.5s, -webkit-transform 0.5s;

}

.post .post-thumb-content .post-thumb:hover img {

  -webkit-transform: scale(1.15);

  transform: scale(1.15);

}

.post .post-thumb-content .entry-date {

  position: absolute;

  bottom: 0;

  font-size: 12px;

  right: 0;

  color: white;

  background-color: black;

  padding: 8px 20px;

}

.post .post-details {

  padding: 0 20px 35px;

}

.post .post-details .entry-title {

  font-size: 22px;

  font-weight: 600;

  margin: 0px 0 14px;

}

.post .post-details .entry-title:hover a {

  color: inherit;

}

.post .post-details .entry-meta {

  margin-bottom: 10px;

}

.post .post-details .entry-meta > span {

  display: inline-block;

  font-size: 13px;

  margin-right: 20px;

  font-style: italic;

}

.post .post-details .entry-meta > span > a:hover {

  color: #1ca0f2;

}

.post .post-details .entry-content > p:last-child {

  margin-bottom: 0;

}



/*-------------Style For Contact Us Section-------------*/
.error {
	color:#606060;
	
}
.contuct-us {

  padding-bottom: 80px;

}

.contuct-us .section-title {

  color: #484848;

}

.contuct-us #gmaps {

  background-color: #f8f8f8;

  height: 400px;

  width: 100%;

}

.contuct-us #contact_form .form-controllar {

  border-bottom: 1px solid #eaeaea;

}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#c1c1c1!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#c1c1c1!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    ccolor:#c1c1c1!important;
}


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

## Footer Content

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

.site-footer {

  position: fixed;

  width: 100%;

  z-index: -1;

  bottom: 0;

}



.footer-top {

  background-color: #010101;

  color: #cccccc;

  padding: 10px 0 70px;

}

.footer-top p {

  font-size: 16px;

  margin-bottom: 25px;

}



.footer-bottom {

  background-color: #1b1b1b;

  color: #b4b4b4;

  padding: 15px 0;

}

.footer-bottom p {

  margin-bottom: 0;

}



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

# Email Subscribe Widget

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

#mc-form {

  overflow: hidden;

}

#mc-form p {

  margin-bottom: 10px;

}

#mc-form .form-controller {

  background: transparent;

  font-style: italic;

  height: 50px;

  width: 100% !important;

  margin-bottom: 10px;

  border: 4px solid #ADADAD !important;

}

#mc-form .btn {

  border: none;

}

#mc-form .pad-left {

  padding-left: 5px;

}

#mc-form .pad-right {

  padding-right: 5px;

}

#mc-form .mail-chip-button {

  background: #1ca0f2;

  position: relative;

  text-transform: uppercase;

  border: 0 none;

  font-size: 13px;

  font-weight: bold;

  letter-spacing: 1px;

  word-spacing: 3px;

  padding: 10px 30px;

  color: white;

  margin-bottom: 15px;

}

#mc-form label {

  display: block;

}



/*-------------Services Section Responsive-------------*/

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

  .site-footer {

    position: relative !important;

    z-index: 99 !important;

  }

}

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

## Footer Content

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

.dark-version {

  background-color: #0f0f0f;

  color: #333;
}

.dark-version .section-header .divider i {

  background-color: transparent;

} 

.dark-version .hero-area,

.dark-version .angel-style::after,

.dark-version .skill-section,

.dark-version .recent-work-section,

.dark-version .contuct-us,

.dark-version .hero-static .process .process-inner > li i.fa,

.dark-version .post {

background-color: #0f0f0f;
}

.dark-version .services-section,

.dark-version .portfolio-section,

.dark-version .latest-post-section {

  background-color: #1968FF;

}

.dark-version .section-header > p,

.dark-version .hero-static > p,

.dark-version .counter-section .description {

color: #fff;
}

.dark-version .hero-static > h2,

.dark-version .mainmanu > li > a,

.dark-version .section-header .section-title span {

  color: white;

}

.dark-version .navigation-area {

  background-color: #0f0f0f;

}

.dark-version #sticky-header .navigation-area {

  background-color: rgba(15, 15, 15, 0.65);

  box-shadow: 1px 1px 10px -5px rgba(255, 255, 255, 0.4);

}

.dark-version .service-item .service-info > h4,

.dark-version .single-work .product-details .work-product-title,

.dark-version .portfolio-nav-main .portfolio-categories-nav > li > a,

.dark-version .post .post-details .entry-title,

.dark-version .contuct-us .section-title,

.dark-version .single-skill h4 {

  color: #fff;

}

.dark-version .services-content .col-md-4,

.dark-version .recent-work-section .single-work,

.dark-version .contuct-us #contact_form .form-controllar {

  border-color: #fff !important;

}

.dark-version .portfolio-nav-main .portfolio-categories-nav::before {

  background-color: #bcf73c;

}

.dark-version .btn-default:hover {

  color:#AFFF00;
  

}

.dark-version .preloader {

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

}

.dark-version .navigation-area #navbar-main {

  border: #ddd;

}

.dark-version .navigation-area .navbar-header .navbar-toggle .icon-bar {

  background-color: white;

}

.dark-version .navigation-area .mainmanu > li > a:hover {

  color: #1ca0f2;

}

.dark-version .btn-submit {

  background-color: #ffffff;

}

.dark-version .btn-submit:hover {

  background-color: transparent;
  border-color: #5b5b5b;

}


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

## Layout Responsive

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

/*-------------Cmmon Style Responsive-------------*/

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

  .angel-style {

    padding-bottom: 50px;

  }

  .angel-style:after {

    background-color: transparent;

  }

}

/*-------------Services Section Responsive-------------*/

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

  .services-content > div {

    flex: 1 1 50% !important;

  }

  .services-content .col-md-4:nth-child(3) {

    /*border-top: 1px solid #e4e4e4 !important;

    border-right: 1px solid #e4e4e4 !important;*/

  }

  .services-content .col-md-4:nth-child(3) .service-item {

    padding-top: 65px !important;

  }

  .services-content .col-md-4:nth-child(2n), .services-content .col-md-4:last-child {

   /* border-right: 0px solid;*/

  }

}

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

  .services-section .services-content > div {

    flex: 1 1 100% !important;

  }

  .services-section .services-content .col-md-4 {

   /* border: 0px solid !important;*/

  }

  .services-section .services-content .col-md-4 .service-item {

    padding-top: 20px !important;

  }

}

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

  .services-section .services-content .col-md-4 {

    padding-left: 0px;

  }

}

/*-------------Skill Section Responsive-------------*/

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

  .skill-img {

    width: 80%;

  }

}

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

  .skill-img {

    margin: 0 auto 25px;

  }



  .single-skill {

    margin-bottom: 45px;

  }

}

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

  .skill-img {

    width: 96%;

  }



  .single-skill {

    margin-bottom: 35px;

  }

  .single-skill h4 {

    font-size: 14px;

  }

}

/*-------------Counter Section Responsive-------------*/

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

  .content-wrap {

    height: 200px;

    padding-top: 10px;

  }

  .content-wrap .description {

    font-size: 16px;

    line-height: 1.6em;

    width: 80%;

  }

}

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

  .counter-section .content-wrap {

    display: inline-block;

    height: auto;

    padding-top: 60px;

  }

  .counter-section .content-wrap .single-count {

    display: inline-block !important;

    width: 49%;

    margin-bottom: 60px;

  }



  .description {

    width: 98%;

  }

}

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

  .counter-section .content-wrap .single-count {

    width: 100%;

  }

  .counter-section .description {

    display: none;

  }

}

/*-------------Counter Section Responsive-------------*/

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

  .single-work {

    padding-bottom: 35px;

  }

  .single-work .col-md-6 .img-responsive {

    margin: 0 auto;

  }

}

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

  .single-work .work-product-title {

    font-size: 30px;

  }

}

/*-------------Portfolio and Blog Section Responsive-------------*/

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

  /*----Portfolio PopUp----*/

  .portfolio-popup {

    width: 80%;

  }

}

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

  .portfolio-popup {

    width: 95%;

  }

}



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

  .single-portfolio-item .single-portfolio-item-inner .port-thumb {

    height: 250px;

  }

}

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

  .single-portfolio-item .single-portfolio-item-inner .port-thumb {

    height: 220px;

  }

}

@media only screen and (max-width: 600px) {
  .hero-area .hero-content .hero-static > h2 {
    font-size:32px;

  }
  .space-150 {

    padding: 50px 0;

  }



  .single-portfolio-item {

    width: 100%;

  }

  .single-portfolio-item .single-portfolio-item-inner .port-thumb {

    height: auto !important;

  }



  .latest-post-section .row .col-md-4 {

    width: 100%;

  }

  .latest-post-section .row .col-md-4 .post .post-thumb-content .post-thumb {

    height: auto !important;

  }



  .portfolio-nav-main .portfolio-categories-nav:before {

    background-color: transparent !important;

  }

  .portfolio-nav-main .portfolio-categories-nav > li > a {

    border: 1px solid #ddd;

    margin-bottom: 5px;

    padding: 10px 25px;

  }

  .portfolio-nav-main .portfolio-categories-nav > li > a > span {

    display: none;

  }

}

/*-------------Customer And Contact Section Responsive-------------*/

@media only screen and (max-width: 420px) {
  .hero-area .hero-content .hero-static > h2 {
    font-size:22px;

  }

  #customer-reviews .single-customer-review .customer-header {

    margin-bottom: 25px;

  }

  #customer-reviews .owl-controls {

    margin-top: 10px;

  }



  .map-area #gmaps {

    height: 300px;

  }

}

/*-------------Dark Version Responsive-------------*/

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

  .dark-version .angel-style:after {

    background-color: transparent;

  }

  .dark-version .services-content .col-md-4:nth-child(3) {

   /* border-color: #6e6e6e !important;*/

  }

}

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

  .dark-version .portfolio-nav-main .portfolio-categories-nav > li > a {

    border-color: #fcfcfc;

  }

}