/*-
Template Name: Union - HTML Template for Business Consultancy and Finance Services
Template URI: //lovelytheme.com/tf/html
Description: This is Best Corporate Template
Author: HasTech
Author URI: //lovelytheme.com
Version: 1.0

[== TABLE OF CONTENTS ==]
1.Default CSS
2.Header Style
3.Slider Area
4.About Area
5.Services Area
6.progress Area
7.Register Area
8.Portfolio Area
9.Funfact Area
10.Team Area
11.pricing Area
12.Testimonials Area
13.Blog Area
14.Brand Area
15.Footer Area
16.Copy Right Area
17.Blog Page
18.Blog details
-*/


/* =[ 1.Default CSS ]= */

/* Google Font Import Here */
@import url('//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Raleway:500,700,800');

body {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}
img{
   max-width: 100%;
}
a:focus,
a:hover {
    color: #468ee4;
    text-decoration: none;
}
a,
button,
input {
    outline: medium none;
    color: #383838;
}
h1, h2, h3, h4, h5, h6 {
  color: #232323;
  font-family: "Raleway",sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}
h1 {
    font-size: 36px;
    font-weight: 700;
}
h2 {
    font-size: 30px;
}
h3 {
  font-size: 24px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
	font-weight:700;
	text-transform:uppercase;
}
ul {
    margin: 0px;
    padding: 0px;
}
li { list-style: none; display:inline-block; }
p {
  color: #606060;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px;
}
hr{
    margin: 60px 0;
    padding: 0px;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}
label {
    font-size: 15px;
    font-weight: 400;
    color: #626262;
}
*::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #4fc1f0;
    color: #fff;
    text-shadow: none;
}
.f-left {
    float: left
}
.f-right {
    float: right
}
.fix {
    overflow: hidden
}
.uppercase {
    text-transform: uppercase
}
.capitalize {
    text-transform: capitalize
}
.border{border:1px solid #c5c2c2}
.border-top{border-top:1px solid #c5c2c2}
.border-bottom{border:1px solid #c5c2c2}
.border-left{border:1px solid #c5c2c2}
.border-right{border:1px solid #c5c2c2}
.section-title {
  display: inline-block;
  margin-bottom: 19px;
  position: relative;
}
.section-title h2 {
  display: inline-block;
  line-height: 30px;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
.section-title h2 {
    margin-top: 0px;
    line-height: 27px;
}
.section-title p {
    margin-bottom: 0px;
    font-size: 14px;
	color:#606060;
	font-weight:400;
	padding: 0 20%;
}
.section-title .title-line { padding: 10px 0 }
.section-title h2::before, .section-after::before {
  background: #eeeeee none repeat scroll 0 0;
  bottom: 38px;
  content: "";
  display: block;
  height: 2px;
  left: -174px;
  margin: 0 auto;
  position: absolute;
  right: auto;
  width: 158px;
}
.section-after::before {
  bottom: 38px;
  left: auto;
  margin: 0 auto;
  right: -176px;
  top: auto;
}
.section-title h2::after, .section-after::after {
  background: #468ee4 none repeat scroll 0 0;
  bottom: 29px;
  content: "";
  display: block;
  height: 1px;
  left: -103px;
  margin: 0 auto;
  position: absolute;
  right: auto;
  width: 87px;
}
.section-after::after {
  left: auto;
  right: -105px;
  top: 20px;
}
.section-title-area {
  margin-bottom: 50px;
  text-align: center;
}
.section-title-area p {
  margin: 0 auto;
  width: 72%;
}
.section-title-2 { margin-bottom: 60px }
.section-title-2 h1 { margin-bottom: 0px }
.section-title-2 h2 {
    margin-top: 0px;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.section-title-2 p {
    margin-bottom: 0px;
    font-size: 16px;
}
.section-title-2 .title-line { padding: 20px 0 15px }
.section-title-2 .title-line:before {
    background: #4FC1F0;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 100px;
}
.section-title-2 .title-line-2:before {
    background: #fff;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 100px;
}
/* button */
a.button {
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03) inset;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
    background-color: #4FC1F0;
    color: #fff;
    font-size: 15px;
}
a.button i {
    background: rgba(0, 0, 0, 0.09);
    display: block;
    float: left;
    padding: 14px;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    width: 50px;
    text-align: center;
}
a.button span {
    display: block;
    float: left;
    position: relative;
    z-index: 2;
    padding: 11px 20px;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
}
a.button::after {
  background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: 1;
}
a.button:hover::after { width: 100% }
/*Text color*/
.text-blue { color: #4FC1F0; }
.text-white { color: #fff ;}
.text-black { color: #363636; }
.text-theme { color: #f10; }
.text-white h1, .text-white p, .text-white h2{ color: #fff; }
.text-white { color: #fff; }
.text-black { color: #363636 ;}
.text-theme { color: #f10; }
input {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #eceff8;
  box-shadow: none;
  color: #626262;
  font-size: 14px;
  height: 45px;
  padding-left: 10px;
  width: 100%;
}
select {
    width: 100%;
    background: #eceff8;
    border: 2px solid #eceff8;
    height: 45px;
    padding-left: 10px;
    box-shadow: none;
    font-size: 14px;
    color: #626262;
}
option {
    background: #fff;
    border: 0px solid #626262;
    padding-left: 10px;
    font-size: 14px;
}
input:focus {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #468ee4;
}
textarea {
    resize: vertical;
    background: #eceff8;
    border: 2px solid #eceff8;
    padding: 10px;
    width: 100%;
    font-size: 14px;
}
textarea:focus {
    background: transparent;
    border: 2px solid #4FC1F0;
    outline: none;
}
*::-moz-placeholder {
  color: #fff;
  font-size: 14px;
  opacity: 1;
}
/* basic button */
.basic_button {
  background: #468ee4 none repeat scroll 0 0;
  border: 1px solid #468ee4;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 30px;
  padding: 9px 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  width: 200px;
}
.basic_button:hover {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #468ee4;
  color: #468ee4;
}
.basic_button > span {
  font-size: 20px;
  margin-left: 6px;
  vertical-align: middle;
}
/*Basic margin padding*/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*Margin top*/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
.mt-130 { margin-top: 130px }
.mt-140 { margin-top: 140px }
.mt-150 { margin-top: 150px }

/* Margin right*/
.mr-0 { margin-right: 0px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/* Margin bottom*/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }
.mb-110 { margin-bottom: 110px }
.mb-120 { margin-bottom: 120px }
.mb-130 { margin-bottom: 130px }
.mb-140 { margin-bottom: 140px }
.mb-150 { margin-bottom: 150px }

/*Margin left*/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }

/*Padding top*/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-95 { padding-top: 95px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }
.pt-130 { padding-top: 130px }
.pt-140 { padding-top: 140px }
.pt-150 { padding-top: 150px }

/* Padding right*/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }

/* Padding bottom*/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-130 { padding-bottom: 130px }
.pb-140 { padding-bottom: 140px }
.pb-150 { padding-bottom: 150px }

/* Padding left*/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }

/* Page section padding */
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-15 { padding: 15px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-25 { padding: 25px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-95 { padding: 95px 0 }
.ptb-97 { padding: 97px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }

/* Page section margin */
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }

.pricing .container .row [class*="col-"] { }
/*Custom cloumn*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    float: left;
}
.col-1{
    width: 10%;
}
.col-2{
    width: 20%;
}
.col-3{
    width: 30%;
}
.col-4{
    width: 40%;
}
.col-5{
    width: 50%;
}
.col-6{
    width: 60%;
}
.col-7{
    width: 70%;
}
.col-8{
    width: 80%;
}
.col-9{
    width: 90%;
}
.col-10{
    width: 100%;
}
/*colored background*/
 .white-bg { background: #fff; }
 .gray-bg { background: #eceff7; }
 .blue-bg { background: #4FC1F0; }
 .default-bg { background: #50C1F0; }
 .transparent-bg { background: transparent; }
/*Opacity background*/
 .bg-opacity-black-10:before, .bg-opacity-black-20:before, .bg-opacity-black-30:before, .bg-opacity-black-40:before, .bg-opacity-black-50:before, .bg-opacity-black-60:before, .bg-opacity-black-70:before, .bg-opacity-black-80:before, .bg-opacity-black-90:before,  .bg-opacity-white-10:before,  .bg-opacity-white-20:before,  .bg-opacity-white-30:before,  .bg-opacity-white-40:before,  .bg-opacity-white-50:before,  .bg-opacity-white-60:before,  .bg-opacity-white-70:before,  .bg-opacity-white-80:before,  .bg-opacity-white-90:before{
   content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;
 }
 .bg-opacity-1 {background: rgba(20, 177, 187, 0.4) none repeat scroll 0 0;display: block;overflow: hidden;}
 .bg-opacity-black-10:before {  background: rgba(0, 0, 0, 0.1);}
 .bg-opacity-black-20:before {  background: rgba(0, 0, 0, 0.2);}
 .bg-opacity-black-30:before {  background: rgba(0, 0, 0, 0.3);}
 .bg-opacity-black-40:before {  background: rgba(0, 0, 0, 0.4);}
 .bg-opacity-black-50:before {  background: rgba(0, 0, 0, 0.5);}
 .bg-opacity-black-60:before {  background: rgba(0, 0, 0, 0.6);}
 .bg-opacity-black-70:before {  background: rgba(0, 0, 0, 0.7);}
 .bg-opacity-black-80:before {  background: rgba(0, 0, 0, 0.8);}
 .bg-opacity-black-90:before {  background: rgba(0, 0, 0, 0.9);}
 .bg-opacity-white-10:before {  background: rgba(255, 255, 255, 0.1);}
 .bg-opacity-white-20:before {  background: rgba(255, 255, 255, 0.2);}
 .bg-opacity-white-30:before {  background: rgba(255, 255, 255, 0.3);}
 .bg-opacity-white-40:before {  background: rgba(255, 255, 255, 0.4);}
 .bg-opacity-white-50:before {  background: rgba(255, 255, 255, 0.5);}
 .bg-opacity-white-60:before {  background: rgba(255, 255, 255, 0.6);}
 .bg-opacity-white-70:before {  background: rgba(255, 255, 255, 0.7);}
 .bg-opacity-white-80:before {  background: rgba(255, 255, 255, 0.8);}
 .bg-opacity-white-90:before {  background: rgba(255, 255, 255, 0.9);}

/* =[ 2.Header Style ]= */
header {
  background: #232323 none repeat scroll 0 0;
}
.index .header-area {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
.header-area .logo-area {
  margin: 25px 0;
}
.header-left ul li {
  margin-right: 35px;
}
.header-left ul li span {
  color: #606060;
  font-size: 16px;
  margin-right: 8px;
}
.header-left ul li a {
  color: #606060;
  font-family: lato;
}
.mobile-menu-area {
  display: none;
}
/* Header Right */
.social-icon ul { margin: 0; padding: 0; float:left; }
.social-icon ul li { display: inline-block; list-style: none; }
.social-icon ul li a {
  color: #666666;
  display: block;
  font-size: 16px;
  height: 35px;
  line-height: 50px;
  text-align: center;
  width: 35px;
}
li.search-active {
  margin-left: 23px;
  padding-left: 23px;
  position: relative;
}
li.search-active::before {
  color: #c5c2c2;
  content: "|";
  position: absolute;
  left: 0px;
  top: 15px;
}
.search-form {
  bottom: -61px;
  opacity: 0;
  position: absolute;
  right: -5px;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  z-index: 99999999;
  width: 205px;
}
.search-form input[type="text"] {
  background: #fbfbfb none repeat scroll 0 0;
  border: 1px solid #d9d9d9;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  padding: 5px 18px;
}
.search-active:hover .search-form {
  opacity: 1;
  transform: scaleY(1);
  z-index: 99;
}
.social-icon ul li a:hover { color: #14b1bb; }
.social-icon.socile-icon-style-2 ul li a { color: #fff; background: #323232; border-radius: 0;}
.social-icon.socile-icon-style-2 ul li a:hover { background: #EB3B60;  }

.social-icon.socile-icon-style-3 ul li a { color: #fff; background: transparent; border:1px solid #fff; }
.social-icon.socile-icon-style-3 ul li a:hover { background: #EB3B60; border-color:#EB3B60; }
/*Header Menu Area*/
/*menu style */
.main-menu {
  float: right;
}
.main-menu ul li a {
  color: #fff;
  display: block;
  font-family: raleway;
  font-weight: 600;
  line-height: 74px;
  padding: 25px 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.main-menu ul li.active a, .main-menu ul li:hover a {
  color: #468ee4;
}
.main-menu ul li > ul {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 2px 0 7px 0 rgba(0, 0, 0, 0.13);
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 174px;
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 235px;
  z-index: -9999;
}
.main-menu ul li ul li {
  display: block;
  overflow: hidden;
}
.main-menu ul li ul > li > a {
  border-bottom: 1px solid #eee;
  color: #555 !important;
  display: block;
  font-family: raleway;
  font-size: 13px;
  font-weight: 600;
  line-height: 12px;
  overflow: hidden;
  padding: 17px 20px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.main-menu ul li ul li a:hover {
  color: #468ee4 !important;
}
.main-menu ul li:hover ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 999;
}
.dropdown-toggle-search i {
  color: #fff;
  font-size: 16px;
}
.dropdown .search_dopdown {
  height: 71px;
  right: 0;
  width: 502px;
}
.search_dopdown .form-group {
  border: 0 none;
  margin: 7px 0 0;
  padding: 6px 9px;
}
.search_dopdown input[type="text"] {
  border-radius: 0;
  height: 46px;
  margin-right: 9px;
  width: 85%;
}
.search_dopdown .form-group button {
  border-radius: 0;
  height: 46px;
  width: 59px;
  transition: all 0.5s ease 0s;
}
.search_dopdown .form-group button:hover {
  background: #468ee4 none repeat scroll 0 0;
  border-color: #468ee4;
  color: #fff;
}
/*-mega-menu-*/
.main-menu ul#nav li .mega-menu {
  background: #ffffff none repeat scroll 0 0;
  opacity: 0;
  position: absolute;
  top: 160%;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 1040px;
  z-index: -99;
}
.main-menu ul#nav li:hover .mega-menu {
  margin-top: 0;
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 999;
}
.main-menu ul#nav li .mega-menu .single {
  border-right: 1px solid #eee;
  float: left;
  margin-bottom: 25px;
  margin-top: 25px;
  width: 25%;
}
.main-menu ul#nav li .mega-menu .single:last-child{border:none;border-bottom:0}
.main-menu ul#nav li .mega-menu .single > li > a {
  color: #555;
  display: block;
  font-size: 13px;
  font-weight: normal;
  line-height: 12px;
  margin: 0 35px;
  padding: 15px 10px;
  position: relative;
  text-align: left;
  text-transform: capitalize;
}
.main-menu ul#nav li .mega-menu .single > li > a::after {
  content: "\f2fb";
  font-family: material-design-iconic-font;
  font-size: 15px;
  height: 22px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 20px;
}
.main-menu ul#nav li .mega-menu .single li:first-child a::after {
  display: none;
}
.main-menu ul li ul > li:last-child > a {
  border: 0 none;
}
.main-menu ul#nav li .mega-menu .single li:first-child a {
  border-bottom: 1px solid #555;
  padding-left: 0;
  text-transform: uppercase;
  font-weight:600;
}
.main-menu ul#nav li .mega-menu .single > li> a:hover{color:#fff;}
.main-menu ul#nav li .mega-menu {
  left: auto;
  right: 0;
}
 /*Sticky Menu*/
 header.stick .main-menu-area {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #232323 none repeat scroll 0 0;
  position: fixed;
  width: 100%;
  left: 0;
  margin: auto;
  left: 0;
  z-index: 99999;
  box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
}
 .stick .main-menu > li > a{
 padding: 20px 18px;
  color: #303030;
 }
.logo {
	transition: all 0.3s ease 0s;
}
.logo img{
	transition: all 0.3s ease 0s;
	width: 194px;
}
.stick .logo img {
	transition: all 0.3s ease 0s;
    width: 150px;
}
 .stick .logo{
 	padding: 14px 0;
 }
 .stick .logo-area img {
  width: 76%;
}
.header-area.stick .logo-area {
  margin: 13px 0 5px;
}
.stick .main-menu ul > li > a {
  padding: 6px 15px;
}
.stick .main-menu ul li ul > li > a {
  padding: 17px 20px;
}

/* =[ 3.Slider Area ]= */
.camera_wrap.camera_amber_skin {
  margin: 0 !important;
}
.b_InDown{
    -webkit-animation: bounceInDown 15000ms ease-in-out;
    -moz-animation: bounceInDown 1500ms ease-in-out;
    -ms-animation: bounceInDown 1500ms ease-in-out;
    animation: bounceInDown 1500ms ease-in-out;
}
.b_InLeft{
     -webkit-animation: bounceInLeft 1500ms ease-in-out;
    -moz-animation: bounceInLeft 1500ms ease-in-out;
    -ms-animation: bounceInLeft 1500ms ease-in-out;
    animation: bounceInLeft 1500ms ease-in-out;
}
.b_InLeft_2{
     -webkit-animation: bounceInLeft 2500ms ease-in-out;
    -moz-animation: bounceInLeft 2500ms ease-in-out;
    -ms-animation: bounceInLeft 2500ms ease-in-out;
    animation: bounceInLeft 2500ms ease-in-out;
}
.b_InLeft_3{
     -webkit-animation: bounceInLeft 3500ms ease-in-out;
    -moz-animation: bounceInLeft 3500ms ease-in-out;
    -ms-animation: bounceInLeft 3500ms ease-in-out;
    animation: bounceInLeft 3500ms ease-in-out;
}
.b_InUp{
     -webkit-animation: bounceInUp 4500ms ease-in-out;
    -moz-animation: bounceInUp 4500ms ease-in-out;
    -ms-animation: bounceInUp 4500ms ease-in-out;
    animation: bounceInUp 4500ms ease-in-out;
}
.b_in{
     -webkit-animation: bounceIn 1000ms ease-in-out;
    -moz-animation: bounceIn 1000ms ease-in-out;
    -ms-animation: bounceIn 1000ms ease-in-out;
    animation: bounceIn 1000ms ease-in-out;
}
.b_rotUp{
     -webkit-animation: rotateInUpLeft 4000ms ease-in-out;
    -moz-animation: rotateInUpLeft 4000ms ease-in-out;
    -ms-animation: rotateInUpLeft 4000ms ease-in-out;
    animation: rotateInUpLeft 4000ms ease-in-out;
}
.slider-area {
  overflow: hidden;
  height: auto;
  width: 100%;
  position: relative;
}
.camera_prev, .camera_next, .camera_commands {
  cursor: pointer;
  height: 70px;
  margin-top: -35px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 70px;
  z-index: 2;
}
.camera_next > span {
  display: block;
  height: 100px;
  position: relative;
  right: 0;
  text-align: center;
  width: 100px;
}
.camera_next > span::after {
  color: #f1f1f1;
  content: "\f2fb";
  font-family: Material-Design-Iconic-Font;
  font-size: 59px;
  height: 100%;
  left: auto;
  position: absolute;
  right: -5px;
  top: 9px;
  width: 100%;
}
.camera_prev > span::after {
  color: #f1f1f1;
  content: "\f2fa";
  font-family: Material-Design-Iconic-Font;
  font-size: 59px;
  height: 100%;
  left: auto;
  position: absolute;
  right: 5px;
  top: 9px;
  width: 100%;
}
.camera_prev, .camera_next, .camera_commands {
  cursor: pointer;
  height: 100px;
  margin-top: -35px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100px;
  z-index: 2;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
  background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
  transition: all 0.4s ease 0s;
}
.camera_prevThumbs:hover, .camera_nextThumbs:hover, .camera_prev:hover, .camera_next:hover, .camera_commands:hover, .camera_thumbs_cont:hover {
  background: #fff;
}
.camera_prevThumbs:hover span::after , .camera_nextThumbs:hover span::after, .camera_prev:hover span::after, .camera_next:hover span::after, .camera_commands:hover span::after, .camera_thumbs_cont:hover span::after {
  color:#777;
}
.camera_wrap .camera_pag .camera_pag_ul {
  display: inline-block;
  list-style: outside none none;
}
.camera_pag {
  text-align: center;
  position: relative;
  top: -90px;
}
.camera_caption > div {
  background: transparent none repeat scroll 0 0;
  padding: 0;
}
.camera_caption {
  width: auto;
}
.camera_wrap h4,.camera_wrap h3,.camera_wrap h2,.camera_wrap h1 {
  color: #fff;
}
.camera_caption.capn1 {
  left: 11%;
  letter-spacing: 3px;
  position: relative;
  text-transform: uppercase;
  top: 33%;
}
.camera_caption.capn2 {
  left: 11%;
  position: relative;
  text-transform: uppercase;
  top: 35%;
}
.camera_caption.capn2 h1 {
  color: #468ee4;
  font-size: 70px;
}
.camera_caption.capn3 {
  left: 11%;
  position: relative;
  top: 38%;
  width: 49%;
}
.camera_overlayer {
  background: #222 none repeat scroll 0 0;
  opacity: 0.7;
}
.camera_caption.capn3 h4 {
  font-family: font-family: 'Poppins', sans-serif;
  font-size: 17px;
  line-height: 30px;
}
.camera_caption.capn4.capn5 {
  left: 211px;
}
.camera_caption.capn4 {
  left: 11%;
  top: 60%;
}
.camera_caption.capn4 > div {
  text-align: center;
}
.camera_caption .basic_button {
  color: #fff;
  display: block;
  line-height: 19px;
  padding: 17px 33px 14px;
}
.camera_caption.capn4 .basic_button {
  background: #468ee4 none repeat scroll 0 0;
  transition: all 0.4s ease 0s;
}
.camera_caption.capn5 .basic_button {
  background: #fff;
  color:#468ee4;
}
.camera_caption.capn4 .basic_button:hover {
  background: #fff;
  color:#468ee4;
}
.slider2.camera_caption.capn1, .slider2.camera_caption.capn2, .slider2.camera_caption.capn3, .slider2.camera_caption.capn4 {
  left: auto;
  right: 11%;
  text-align: right;
}
.camera_caption.capn4.capn5 {
  display: inline-block;
  font-weight: bold;
  left: 170px;
  position: relative;
  top: 43%;
}
.camera_caption.capn4.capn5 {
  display:block;
  font-weight: bold;
  left: 11%;
  position: relative;
  right: auto;
}
.camera_caption.capn4.capn5 a:hover {
  background: #468ee4 none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
}

/* =[ 4.About Area ]= */
.container-fluid {
  padding: 0;
}
.welcom_list > li {
  display: block;
}
.welcome-text-area h2 {
  text-transform: uppercase;
}
.welcome-text-area {
  margin-top: 140px;
  padding-left: 70px;
}
.icon_about i {
  color: #aaa;
  display: inline-block;
  float: left;
  font-size: 27px;
  margin-right: 10px;
  vertical-align: middle;
}
.icon_about > h4 {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 12px;
  margin-top: 9px;
}
.icon_about > p {
  margin: 0;
}
.about_con {
  margin-bottom: 40px;
}
.welcome-text-area h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 27px;
  text-transform: uppercase;
}

/* =[ 5.Services Area ]= */
.services_area {
  background: #f8f8f8 none repeat scroll 0 0;
}
.single_services {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  padding: 40px 30px;
  text-align: center;
  position: relative;
  transition-duration: 500ms;
  z-index: 1;
}
.feature_icon i {
  color: #468ee4;
  font-size: 40px;
  padding-bottom: 20px;
  transform: scale(1);
  transition-duration: 500ms;
}
.single_services:hover .feature_icon i{
  color: #468ee4;
  transform: scale(1.2);
}
.single_service p {
  margin-bottom: 0;
  transition: all 0.2s ease 0s;
}
.single_services h5 {
  font-weight: 600;
  text-transform: uppercase;
}
.single_services::after {
  background-color: #468ee4;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition-duration: 500ms;
  width: 100%;
  z-index: 5;
}
.single_services:hover::after {
  opacity: 1;
}
.feature_text > p {
  margin: 0;
}

/* =[ 6.progress Area ]= */
.progress-bar-text span {
  float: right;
}
.progress-bar {
  background: #ccc none repeat scroll 0 0;
  box-shadow: 0 0 0;
  height: 10px;
  margin: 0 0 19px;
  position: relative;
  width: 100%;
}
.progress-bar > span {
  background: #468ee4 none repeat scroll 0 0;
  display: block;
  height: 100%;
  width: 0;
}
.progress-bar-text {
  text-transform: uppercase;
}
.our-skill {
  overflow: hidden;
}
.skill-area {
  background: #fbfbfb none repeat scroll 0 0;
  padding-bottom: 0;
}
.skill-image {
  margin-top: -26px;
  text-align: right;
}
.single_extra_servic {
  border: 1px solid #eee;
  float: left;
  margin-bottom: 0;
  margin-right: 8px;
  padding: 15px 7px;
  width: 48%;
}
.icon_content > h4 {
  font-size: 20px;
  margin-bottom: 3px;
}
.single_extra_servic .icon {
  border-right: 1px solid #eee;
  color: #468ee4;
  display: inline-block;
  float: left;
  font-size: 36px;
  line-height: 40px;
  margin-right: 7px;
  margin-top: 3px;
  padding: 0 9px;
}
.icon_content {
  float: right;
  text-transform: capitalize;
  width: 77%;
}
.single_extra_servic .icon {
  border-right: 1px solid #eee;
  color: #468ee4;
  display: inline-block;
  float: left;
  font-size: 36px;
  line-height: 40px;
  margin-right: 7px;
  margin-top: 3px;
  padding: 0 9px;
}
.extra_service {
  margin-right: -15px;
  margin-top: 40px;
  overflow: hidden;
}

/* =[ 7.Register Area ]= */
.register_area {
  background: rgba(0, 0, 0, 0) url("images/bg_reg.png") no-repeat scroll center center / cover ;
  position: relative;
  z-index: 1;
}
.register_area::after {
  background: #468ee4 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.reg_left_text > h2 {
  color: #fff;
  line-height: 42px;
  margin-bottom: 0;
}
.reg_right_form .basic_button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #5999e7;
  color: #5999e7;
}
.reg_right_form .basic_button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #5999e7;
  color: #5999e7;
}
.reg_right_form .basic_button:hover {
  background: #5899e6 none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #fff;
}
.reg_right_form {
  text-align: right;
}

/* =[ 8.Portfolio Area ]= */
.portfolio-area {
  background: #f8f8f8 none repeat scroll 0 0;
}
.portfolio-area .section-title-area {
  margin-bottom: 29px;
}
.portfolio-area .all-portfolios {
  margin-top: -48px;
}
.portfolio-menu li {
  border-bottom:1px solid #eee;
  color: #383838;
  cursor: pointer;
  font-family: raleway;
  font-size: 14px;
  font-weight: 700;
  margin-left: -4px;
  padding: 10px 25px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.portfolio-menu li.active, .portfolio-menu li:hover {
  border-bottom: 2px solid #468ee4;
}
.portfolio-content .grid-sizer,
.portfolio-content .grid-item { width: 25%; }
/* Massonary 2 columns */
.portfolio-content .grid-item--width2 { width: 50%; }
.portfolio-image > a,.single-portfolio,.effect-titel {
  display: block;
  overflow: hidden;
  position: relative;
}
.single-portfolio .image-effect:hover img {
  transform: scale(2);
}
.image-effect .portfolio-image img {
  transition: all 10s ease 0s;
}
.effect-titel {
  background: rgba(89, 153, 231, 0.8) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  padding-top: 35%;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transition: all 0.6s ease 0s;
  visibility: hidden;
  width: 100%;
}
.effect-titel.three {
  padding-top: 16%;
}
.effect-titel > a {
  background: #14b1bb none repeat scroll 0 0;
  border-radius: 5px;
  display: block;
  height: 45px;
  line-height: 45px;
  margin: 0 auto 22px;
  transform: rotate(45deg);
  width: 45px;
}
.effect-titel a i {
  color: #fff;
  font-size: 25px;
  padding: 10px;
  transform: rotate(138deg);
}
.effect-titel h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.effect-titel > p {
  color: #fff;
  font-family: raleway;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
}
.image-effect:hover .effect-titel {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.effect-titel.two {
  padding-top: 73.4%;
}
.effect-titel {
  padding-top: 41.7%;
}
.project-details > h5 {
  color: #333;
  font-weight: 700;
  margin: 0 0 20px;
}
.project-information ul li {
  display: block;
  font-weight: 400;
  margin-bottom: 24.5px;
}
.project-information ul li span {
  font-size: 14px;
  font-weight: 600;
}
.portfolio-area .effect-titel a {
  transition: all 0.5s ease 0s;
}
.portfolio-area .effect-titel a:hover {
  color:#606060;
}

/* =[ 9.Funfact Area ]= */
.successful-area {
  background: rgba(0, 0, 0, 0) url("images/funfact_bg.png") no-repeat fixed center center / cover ;
  padding-bottom: 89px;
  padding-top: 92px;
  position: relative;
  z-index: 1;
}
.successful-area::after {
  background: #468ee4 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.counter-item .media-left, .counter-item .media-right,.counter-item .media-body {
  color: #fff;
  display: table-cell;
  font-size: 77px;
  vertical-align: middle;
  position: relative;
}
.media-body h3 .counter {
  font-family: poppins;
  position: relative;
}
.media-body h3 .counter::after {
  background: #fff none repeat scroll 0 0;
  bottom: 5px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.media-body > h3 {
  color: #fff;
  font-weight: bold;
  margin-top: 2px;
}
.counter-item .media-body h6 {
  color: #fff;
  font-size: 17px;
  font-weight: normal;
}
.counter-item .media-left, .counter .media > .pull-left {
  padding-right: 16px;
}

/* =[ 10.Team Area ]= */
.work_process_area {
  background: #f8f8f8 none repeat scroll 0 0;
}
.board-content {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: block;
  overflow: hidden;
  padding: 15px;
  position: relative;
  text-align: left;
}
.board-content .board-text {
  background: #fff none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 1;
  padding: 20px 20px 3px;
  text-align: center;
  top: -223px;
  transition: all 0.7s ease 0s;
  width: 100%;
}
.board-content:hover .board-text{
	opacity:1;
	top: 0;
}
.board-content h4 small {
  font-weight: 300;
  padding-top: 4px;
  text-transform: capitalize;
}
.board-content .person-social {
  border-top: 1px solid #f1f1f1;
  display: block;
  list-style: outside none none;
  margin: 0;
  padding: 17px 0 0;
  text-align: center;
}
.board-content .person-social li {
  display: inline-block;
  margin: 3px;
}
.board-content h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 16px;
  margin-top: 0;
  text-transform: uppercase;
}
.board-content .person-social li a i {
  background: #f5f5f5 none repeat scroll 0 0;
  border-top: 1px solid #f5f5f5;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  color: #666;
  height: 35px;
  line-height: 35px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 35px;
}
.board-content .person-social li a i:hover {
  background: #468ee4 none repeat scroll 0 0;
  color: #fff;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
  background: #07aaa5;
  font-weight: bold;
}
.mfp-bottom-bar {
  border-top: 2px solid #07aaa5;
}

/* =[ 11.pricing Area ]= */
.header-pricing {
  background-color: #fafafa;
}
.pricing-area {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eee;
  margin-top: 10px;
  padding: 0 0 50px;
  text-align: center;
}
.pricing-area .pricing-name {
  background: #468ee4  none repeat scroll 0 0;
  color: #fff;
}
.pricing-area .pricing-name h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 100px;
  margin: 0;
  text-transform: uppercase;
}
.pricing-area .pricing-features {
  margin-top: 70px;
}
.pricing-area .pricing-features span {
  border-bottom: 1px solid #f2f2f2;
  font-family: Poppins;
  font-size: 65px;
}
.pricing-area .pricing-features .pricing-list {
  list-style: outside none none;
  margin: 0;
  padding: 31px 0 20px;
}
.pricing-area .pricing-features .pricing-list li {
  display: block;
  padding: 5px 0;
}
.pricing-area.active {
  border: 1px solid #468ee4;
  margin-top: 2px;
  transition: all 0.5s ease 0s;
}
.pricing-area.active:hover {
  margin-top: 10px;
}
.pricing-area .basic_button {
  background: transparent none repeat scroll 0 0;
  border-radius: 0;
  color: #468ee4;
  text-transform: uppercase;
}
.pricing-area.active .basic_button {
  background: #468ee4;
  color: #fff;
}
.pricing-area .basic_button:hover {
  border-color: #468ee4;
  color:#fff;
  background: #468ee4;
}

/* =[ 12.Testimonials Area ]= */
.testimonials_area {
  background: rgba(0, 0, 0, 0) url("images/testimonials_bg.jpg") no-repeat scroll center center / cover ;
  position: relative;
}
.testimonials_area .section-title-area {
  position: relative;
  z-index: 9;
}
.testimonials_area::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.93;
  position: absolute;
  top: 0;
  width: 100%;
}
.testimonials {
  text-align: center;
}
.single_testimonial > img {
  border: 2px solid #468ee4;
  border-radius: 1%;
  margin-bottom: 38px;
}
.info_client {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #468ee4;
  margin: 0 auto;
  padding: 38px 14px;
  position: relative;
  width: 68%;
}
.info_client::after {
  background: #fff none repeat scroll 0 0;
  border-left: 1px solid #468ee4;
  border-top: 1px solid #468ee4;
  content: "";
  height: 40px;
  left: 50%;
  margin-left: -20px;
  position: absolute;
  top: -21px;
  transform: rotate(45deg);
  width: 40px;
  z-index: 4;
}
.single_testimonial .name {
  border-bottom: 1px solid #eee;
  color: #232323;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0 0 5px;
  padding: 0 0 4px;
  text-transform: uppercase;
}
.testimonials_area .owl-carousel .single_testimonial img {
  border: 2px solid #468ee4;
  border-radius: 1%;
  display: inline-block;
  margin-bottom: 38px;
  width: 140px;
}
.testimonials .owl-controls {
  bottom: 12px;
  position: absolute;
  right: 203px;
  z-index: 9999;
}
.testimonials .owl-controls .owl-nav div {
  border-radius: 0;
  margin: 0 3px;
  padding: 2px 7px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #468ee4 none repeat scroll 0 0;
  color: #fff;
}

/* =[ 13.Blog Area ]= */
.h_blog_process_area {
  background: #fefefe none repeat scroll 0 0;
}
.single-home-blog .lower-content {
  border: 1px solid #f4f4f4;
  padding: 25px 20px;
  position: relative;
}
.blog-header a {
  transition: all 0.4s ease 0s;
}
.blog-header > h3 {
  color: #383838;
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 10px;
}
.blog-header ul li {
  color: #aaa;
  margin-right: 10px;
}
.blog-header ul li i {
  color: #468ee4;
  margin-right: 4px;
}
.blog-header ul li a {
  color: #aaa;
  font-family: Poppins;
  font-size: 13px;
}
.blog-header .meta {
  margin-bottom: 8px;
}
.blog-header ul li a:hover {
  color: #468ee4;
}
.single-home-blog:hover {
  box-shadow: 0 15px 16px 0 rgba(0, 0, 0, 0.03), 0 0 82px 0 rgba(0, 0, 0, 0.02);
  transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.blog-content .basic_button {
  padding: 7px 0;
  width: 135px;
}
.blog-thumbnail {
  background: #f1f1f1 none repeat scroll 0 0;
}
.blog-thumbnail > a {
  display: block;
  padding: 10px;
  transition: all 0.2s ease 0s;
}
.single-home-blog .blog-content > p {
  margin-bottom: 20px;
  margin-top: 15px;
}
.h_blog .blog-header > h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 11px;
}

/* =[ 14.Brand Area ]= */
.brand_area {
  background: #f8f8f8 none repeat scroll 0 0;
}
.single_brand a {
  border: 1px solid #ddd;
  display: block;
  transition: all 0.5s ease 0s;
}
.single_brand a:hover {
  border: 1px solid #468ee4 ;
}
.single_brand .owl-nav {
  margin: 0;
}

/* =[ 15.Footer Area ]= */
.footer-area {
  background: #232323 none repeat scroll 0 0;
  padding-bottom: 95px;
}
.footer-widget {
  color: #f8f8f8;
}
.info_company p {
  color: #f8f8f8;
  margin-top: 15px;
}
.contact-info > li {
  font-family: poppins;
  margin: 15px 0;
}
.footer-widget .contact-info li i {
  border: 1px solid #f8f8f8;
  font-size: 20px;
  height: 29px;
  left: 0;
  line-height: 20px;
  margin-right: 9px;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  top: 0;
  vertical-align: middle;
  width: 30px;
}
.widget-title > h2 {
  color: #f8f8f8;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 44px;
  position: relative;
}
.widget-title > h2::after {
  background: #468ee4 none repeat scroll 0 0;
  bottom: -21px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 16%;
}
.footer-widget ul li a {
  color: #f8f8f8;
  display: block;
  font-size: 14px;
}
.footer-widget ul li a:hover {
  color: #468ee4 ;
}
.footer-widget li {
  display: block;
  margin-bottom: 13px;
  position: relative;
}
.footer-widget ul li a i {
  margin-right: 10px;
}
ul.contact-info > li {
  margin-bottom: 26px;
  padding-left: 40px;
  padding-top: 5px;
}
.widget_subscrip .basic_button {
  height: 46px;
  padding: 0;
  width: 29%;
}
.widget_subscrip .basic_button:hover {
  background: transparent none repeat scroll 0 0;
  border-color: #fff;
  color: #fff;
}
.widget_subscrip .form-group > input {
  color: #fff;
  height: 46px;
  margin-right: 3px;
  width: 69%;
}
.footer-widget p {
  color: #fff;
}
.widget_subscrip > form {
  display: block;
  margin-bottom: 11px;
  margin-top: 21px;
  overflow: hidden;
}
.footer-widget .social a i {
  border: 1px solid #fff;
  color: #fff;
  font-size: 16px;
  height: 37px;
  line-height: 36px;
  margin-right: 10px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 38px;
}
.footer-widget .social a i:hover {
background:#468ee4 ;
border-color:#468ee4
}

/* =[ 16.Copy Right Area ]= */
.copy-right-area {
  background: #100f0f none repeat scroll 0 0;
  padding: 20px 0;
  text-align: center;
}
.copy-right-text > p {
  color: #f8f8f8;
  margin-bottom: 0;
}
.copy-right-text a {
  color: #468ee4;
  transition: all 0.5s ease 0s;
}
.copy-right-text a:hover {
  color: #f8f8f8;
}
#scrollUp {
  background-color: #fff;
  bottom: 70px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 30px;
  height: 40px;
  line-height: 44px;
  right: 30px;
  text-align: center;
  width: 40px;
  transition: all 0.5s ease 0s;
}
#scrollUp i {
  color: #468ee4;
  line-height: 40px;
}
#scrollUp:hover {
  background-color: #468ee4;
}
#scrollUp:hover i {
    color: #fff;
}

/* =[ 17.Blog Page ]= */
.bradcame_area {
  background: rgba(0, 0, 0, 0) url("images/banner.jpg") no-repeat scroll center center / cover ;
  position: relative;
}
.bradcame_area::after {
  background: #f8f8f8 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.81;
  position: absolute;
  top: 0;
  width: 100%;
}
.bradcame ol {
  margin: 0;
  padding: 0;
}
.bradcame {
  position: relative;
  z-index: 9;
}
.bradcame ol li {
  color: #333;
  font-family: raleway;
  font-size: 15px;
  position: relative;
  text-transform: uppercase;
}
.bradcame ol li + li::before {
  color: #333;
  content: "";
  font-family: fontawesome;
  font-size: 19px;
  font-weight: normal;
  padding: 0 16px;
}
.bradcame li.active {
  color: #468ee4;
}
.blog_area iframe {
  border: 0 none;
  padding: 10px 10px 5px;
  width: 100%;
}
.blog-search input {
  border: 1px solid #ddd;
  font-size: 14px;
  height: auto;
  padding: 12px 15px;
  width: 100%;
}
.blog-search button {
  background-color: #468ee4 ;
  border: 0 none;
  color: #fff;
  font-size: 17px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  transition: all 0.3s ease 0s;
  border-left: 1px solid transparent;
}
.blog-search button:hover {
  background: transparent none repeat scroll 0 0;
  border-left: 1px solid #ddd;
  color: #468ee4;
}
.blog-search > form {
	position: relative;
}
h3.blog-sidebar-title::after {
  background: #468ee4 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 55px;
}
h3.blog-sidebar-title {
  border-bottom: 1px solid #eee;
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 19px;
  margin-top: 0;
  padding-bottom: 18px;
  position: relative;
  text-transform: capitalize;
}
.blog-category ul{}
.blog-category ul li {
  display: block;
  padding: 12px 0 12px 20px;
  position: relative;
}
.blog-sidebar{
}
.blog-category ul li:nth-child(n+2) {
		border-top: 1px solid #f2f2f2;
}
.blog-category ul li::before {
	content:"\f101 ";
	left: 0;
	position: absolute;
	top: 11px;
	font-family:fontawesome;
}
.blog-category ul li:hover a{
	padding-left:5px;
}
.blog-category ul li a {
  display: block;
  font-size: 14px;
  transition: all 0.3s ease 0s;
}
.blog-category ul li a span {
  float: right;
  padding-left: 5px;
}
.blog-flickr ul {
  margin-left: -5px;
  margin-top: -7px;
  overflow: hidden;
}
.blog-flickr ul li {
	float: left;
	width: 33.3%;
}
.blog-flickr ul li{}
.blog-flickr ul li a {
	display: block;
	margin: 5px;
}
.blog-flickr ul li a img{width:100%}
.blog-flickr > p {
	margin-top: 10px;
}
.blog-sidebar .widget {
  margin-top: 45px;
}
.blog-popular-post ul{}
.blog-popular-post ul li {
	margin-bottom: 25px;
	overflow: hidden;
}
.blog-popular-post ul li:last-child{
	margin-bottom:0;
}
.popular-post-img {
  float: left;
  height: 71px;
  margin-right: 15px;
  width: 24%;
}
.popular-post-content {
  float: left;
  font-family: poppins;
  width: 62%;
}
.popular-post-img a{}
.popular-post-img a img {
	height: 100%;
}
.popular-post-content{}
.popular-post-content>a{
	text-decoration: none !important;
	text-transform: uppercase;
}
.popular-date{}
.popular-date span{
	color: #666;
	font-size: 11px;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin-right:5px;
}
.popular-date span:first-child:after{
	content:" /";
	margin-left:5px;
	font-family:fontawesome;
}
.popular-date span i{}
.popular-date span a{
	color: #999;
}
.blog-border{
	border-right: 1px solid #f2f2f2;
	margin-bottom: 0px;
	padding-right: 40px;
	margin-top:0;
}
.blog-padding, .blog-border-left{
	margin-bottom: 0px;
	padding-left: 40px;
	margin-top:0;
}
.blog-padding-left{
	border-left: 0px solid #f2f2f2;
	padding-right: 40px;
}
.blog-border-left{
	border-left: 1px solid #f2f2f2;
}
.blog-bread{
	margin-top:15px;
}
.popular-date {
  color: #848484;
  margin-top: 8px;
  text-transform: capitalize;
}
.popular-tag-list > a {
  border: 1px solid #eee;
  display: inline-block;
  margin: 0 2px 6px 0;
  padding: 7px 11px;
  transition: all 0.3s ease 0s;
}
.popular-tag-list > a:hover {
  background: #468ee4 none repeat scroll 0 0;
  border-color: #468ee4;
  color: #fff;
}
.blog_area .single-home-blog {
  margin-bottom: 50px;
}
.blog_area iframe {
  padding: 10px 10px 5px;
  width: 100%;
}
.ct_pagination ul {
  text-align: center;
  width: 100%;
}
.ct_pagination ul li {
  display: inline-block;
}
.ct_pagination ul li a {
  border: 1px solid #f4f4f4;
  color: #606060;
  display: inline-block;
  font-size: 14px;
  height: 39px;
  line-height: 36px;
  transition: all 0.3s ease 0s;
  width: 57px;
}
.ct_pagination ul li a:hover, .ct_pagination ul li a.active{
  background: #468ee4 none repeat scroll 0 0;
  border-color: #468ee4;
  color: #fff;
}

/* =[ 18.Blog details ]= */
.blog-info .blog-header {
  margin-bottom: 15px;
  margin-top: 22px;
}
.blog-info > h3 {
  margin-bottom: 21px;
}
.news-allreply {
    display: inline-block;
    float: left;
    text-align: center;
}
blockquote {
  background-color: #f6f6f6;
  border-left: 2px solid #468ee4;
  color: #666666;
  font-size: 14px;
  line-height: 26px;
  margin: 23px 0;
  padding: 14px 50px;
}
h3.leave-comment-text {
    border-bottom: 1px solid #5b5b5b;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.nes-icon > a i {
    color: #666666;
    font-size: 14px;
    margin-top: 10px;
	transition: all 0.3s ease 0s;
}
.news-allreply img {
  border-radius: 5px;
  width: 100%;
}
.blog-img-details {
    padding-left: 90px;
}
.blog-title > h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 6px;
    text-transform: capitalize;
}
.blog-title > span {
    color: #666666;
    display: block;
    margin-bottom: 7px;
}
.blog-middle-mrg {
    margin: 32px 0 33px 90px;
}
.leave-form input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  color: #666666;
  font-size: 14px;
  height: 47px;
  margin-bottom: 30px;
  padding: 0 12px;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.leave-form input::-webkit-input-placeholder,
.text-leave textarea::-webkit-input-placeholder,
.main-input input::-webkit-input-placeholder,
.text-leave2 textarea::-webkit-input-placeholder {
    /* Chrome */

    color: #666666;
    opacity: 1;
}
.leave-form input::-moz-placeholder,
.text-leave textarea::-moz-placeholder,
.main-input input::-moz-placeholder,
.text-leave2 textarea::-moz-placeholder {
    /* Firefox 19+ */

    color: #666666;
    opacity: 1;
}
.leave-form input:focus,
.text-leave textarea:focus {
    border: 1px solid #468ee4;
}
.text-leave textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  color: #666666;
  font-size: 14px;
  height: 165px;
  margin-bottom: 30px;
  padding: 12px;
  transition: all 0.3s ease 0s;
  width: 100%;
}
button.submit {
    background-color: #444;
    border: 1px solid #444;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
button.submit:hover {
    background-color: transparent;
    color: #666;
}
.nes-icon > a:hover i {
  color: #468ee4;
}
.module-map > div {
  height: 550px;
}
.contacts input {
  background: #f8f8f8 none repeat scroll 0 0;
  border:0;
  border-bottom: 2px solid #468ee4;
  border-radius: 0;
  box-shadow: inherit;
  margin-bottom: 35px;
  height: 45px;
}
.contacts textarea {
  background: #f8f8f8 none repeat scroll 0 0;
  border:0;
  border-bottom: 2px solid #468ee4;
  border-radius: 0;
  box-shadow: inherit;
  margin-bottom: 35px;
}
.contacts .form-control:focus {
  border-color: inherit;
  box-shadow: inherit;
  outline: 0 none;
}
.c-right-area h4 {
  margin-bottom: 21px;
  text-transform: capitalize;
}
.sppb-addon-content > p {
  clear: both;
  display: block;
  margin-bottom: 30px;
  overflow: hidden;
}
.sppb-addon-content span {
  background: #468ee4 none repeat scroll 0 0;
  border: 1px solid #468ee4;
  clear: both;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 26px;
  height: 43px;
  line-height: 46px;
  margin-right: 16px;
  margin-top: 2px;
  overflow: hidden;
  padding-left: 1px;
  text-align: center;
  width: 44px;
}
.contac_p_area .social a i {
  border: 1px solid #606060;
  color: #606060;
  font-size: 16px;
  height: 37px;
  line-height: 36px;
  margin-right: 10px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 38px;
}
.contac_p_area .social a i:hover {
  border: 1px solid #468ee4;
  color: #fff;
  background:#468ee4
}
.contac_p_area .social {
  margin-top: 45px;
}
.widget_subscrip .form-group > input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
}
.contac_p_area {
  padding-bottom: 97px;
}

.col-md-10, .col-sm-10{
  float: right;
  color: white;
}

#dejan{
  float: right;
  color: white;
}
#langSelect {
  position: relative;
  right: 20px;
  top: 50px;
  z-index: 1000;
}
#langSelect button:active,
#langSelect button:focus {
    outline: none;
}
#langSelect img {
    margin: 0 10px;
    height: 12px;
    vertical-align: top;
}
#langSelect ul {
    display: none;
    list-style: none;
    width: 44px;
}
#langSelect ul li {
    margin: 5px 0;
}
#langSelect .lang-select-toggle,
#langSelect .lang-select-menu {
    text-align: right;
    border: 1px solid #CCCCCC;
    padding: 3px;
    height: 20px;
    background: white;
    border-radius: 4px;
    position: absolute;
}
#langSelect .lang-select-menu {
    height: auto;
}