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

    Template Name: Tionscal - Factory and Industrial HTML Template
    Template URI: http://rockstheme.com
    Description: This is html5 template
    Author: Rocks_theme
    Author URI: http://rockstheme.com
    Version: 1.0

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

    /*-----------------------------------------------------------------------------------  
     CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. Header Top Area
       2.1 Header Bottom Area
       2.1 Sticky Header Area
       2.3. Mobile Menu Area
    3. Slider Area
    4.Welcome Services Area
    5.About Area
    6.Services Area
    7.Counter Area
    8.project Area
    9. Testimonials Area
    10. Blog Area
	11. Quote  Area
	12. banner Area
	13. Footer Area
	14.Home page 2
	15.Overview  Area
	16. Home page 3
	17. team  Area
	18.Home page 4
	19.Home 4 Quote Area
	20.Home page 5
	21.Home page 6
	22. Breadcumbs Area
	23. pages genaral css
	24. Error page
	25.	Contact Us page
	26. Blog Details page
	27. Project Details page
	28.Sub Services Pages


    
-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  Google Fonts
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Open+Sans:400,400i,600,700|Raleway:400,500,600,700,800');


/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}
.portfolio h3{
    color:white !important;
}

.far-en p{
    width:75%;
    padding: 10px;
    margin-left: 25%;
    margin-top: -10px;
    border-top: none !important;
    border:1px solid #48BC85;
}
.btn-default:hover{
    background-color: #010080 !important;
    color: white !important;
}

.alignright {
	float:right;
	margin-left:15px;
	margin-bottom: 15px;
}
.aligncenter {
	display:block;
	margin:0 auto 15px;
}
a:focus {
	outline:0px solid;
}
img {max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
	margin:0 0 15px;
    color: #777;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px;
	color: #444;
    font-weight: 700;
	font-family: 'Raleway', sans-serif;
}
h1{
	font-size: 48px;
	line-height: 50px;
	font-family: 'Montserrat', sans-serif;
		
}
h2{
	font-size: 38px;
	line-height: 40px;
		
}
h3{
	font-size: 30px;
	line-height: 32px;
		
}
h4{
	font-size: 24px;
	line-height: 26px;
		
}
h5{
	font-size: 20px;
	line-height: 22px;
		
}
h6{
	font-size: 16px;
	line-height: 20px;
		
}
a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:active, a:hover {
  outline: 0 none;
}
a:hover, a:focus {
    color: #1712a1;
    text-decoration: none;
}
body {
	background: #fff none repeat scroll 0 0;
	color: #777;
    font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: left;
	overflow-x: hidden;
	line-height: 24px;
}
#scrollUp {
  background: #000 none repeat scroll 0 0;
  border-radius: 2px;
  bottom: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  color: #fff;
  font-size: 20px;
  height: 34px;
  line-height: 30px;
  opacity: 0.6;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 34px;
}
#scrollUp:hover {
    background: #1712a1;
    opacity: 1;
}
.clear{
	clear:both;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
/* input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] { */
	/* -moz-appearance: none; */
	/* box-shadow: none !important; */
/* } */
input:focus, textarea:focus, select:focus {
    outline: none;
}
div#preloader { 
	position: fixed;
	left: 0; 
	top: 0; 
	/*z-index: 99999;*/
	width: 100%;
	height: 100%;
	overflow: visible;
	/*background: #fff url('img/logo/preloader.html') no-repeat center center;*/
}
.navbar-collapse {
    padding-left: 0px;
}
::-moz-selection {
    background: #1712a1;
    text-shadow: none;
}
::selection {
    background: #1712a1;
    text-shadow: none;
}
.color{
    color:#1712a1;
    font-weight: 700;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.area-padding{
	padding: 10px 0px;
    margin-bottom: 2%;
}
.area-padding-2{
    padding: 70px 0px 50px;
}
.padding-2{
    padding-bottom: 90px;
}
.section-headline{
    margin-bottom: 60px;
    position: relative;
}
.section-headline h3 {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    margin-top: 30px;
    text-transform: uppercase;
    color: #010080;
}
.section-headline.white-headline h3,
.section-headline.white-headline p {
    color:#fff;
}
.section-headline.text-left {
    margin-bottom: 30px;
}
.section-headline::after {
    border: 1px solid #010080;
    bottom: -18px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 80px;
    right: 0;
}
.partners-img img{
      margin-left: 11vw; 
      margin-bottom: 8%;"
}
/*.slide-toggle::after{
   height: 130px;
    border-right: 2px solid grey;
    content: "";
    top: 0%;
    left: 90.5%;
     margin: 0 auto;
    position: absolute;
    
}*/
.b-img{
    margin-left: -4px!important;
    width: 60%;

}
.slide-toggle1 img{
    border-left: 2px solid grey;
    padding-left: 15px;

}
.partners{
    position: relative;
}
.partners h2 {
    color: #010080;
    /*font-size: 60px;*/
    position: absolute;
    top: 18%;
    left: 19%;
    right: 0%;
    bottom: 0%;
    margin: auto;
   
    }
.partners1-img{
           width: 30%;
    position: absolute;
    top: 11%;
    left: 45%;
    right: 0%;
    bottom: 0%;
    margin: auto;
}
.partners2-img{
    max-width: 230px;
        position: absolute;
        top: 55%;
        left: -43%;
        right: 0%;
        bottom: 0%;
        margin: auto;
}
.partners3-img{
    max-width: 17%;
        position: absolute;
        top: 57%;
        left:40%;
        right: 0%;
        bottom: 0%;
        margin: auto;
}

.section-headline.text-left h3::after {
    border: 2px solid #1712a1;
    left: 0;
    right: auto;
}
.section-headline p {
    max-width: 650px;
    font-size: 16px;
    letter-spacing: 0.5px;
    margin: 0 auto;
    line-height: 26px;
}
.mar-row{
    margin-top: 40px;
}
.small-title {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 10px;
	color:#1712a1;
}
.section-headline h4 {
    font-size: 26px;
    max-width: 800px;
    line-height: 36px;
    font-weight: 700;
    margin: 0 auto;
    text-transform: uppercase;
}
.load-more-btn {
    text-transform: uppercase;
    background: #1712a1;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    font-weight: 600;
    margin-top: 30px;
    border-radius: 3px;
    width: 200px;
	transition: 0.4s;
	border:2px solid #1712a1;
}
.load-more-btn:hover{
    background: #fff;
	border:2px solid #1712a1;
    color: #1712a1;
	transition: 0.4s;
}
.bg-color{
	background: #f9f9f9;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.parallax-bg{
    position:relative;
}
.parallax-bg:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#002c57;
    opacity:.8;
    content:"";
}
.single-brand-item{
	border:1px solid #ccc;
}
.left-headline{
	position: relative;
	padding-bottom: 10px;
}
.left-headline::after {
    border: 1px solid #1712a1;
    bottom: 0px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 60px;
    right: auto;
}
.sub-headline{
	position: relative;
	margin-bottom: 30px;
}
.sub-headline::after{
	position:absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
	background: #1712a1;
}
.sub-headline h4 {
    text-transform: uppercase;
    font-size: 24px;
    padding-bottom: 20px;
}
.center-headline h3 {
    max-width: 900px;
    font-size: 34px;
    line-height: 42px;
    margin: 40px auto 42px;
     color: #010080;
}
.center-headline h3::after{
	position:absolute;
	content: "";
	left: 0;
	bottom: 31px;
	width: 50px;
	right: 0;
	margin: 0 auto;
	height: 2px;
	background: #010080;
}
/*--------------------------------*/
/*  2. Header top Area
/*--------------------------------*/
.topbar-left ul li {
    display: inline-block;
}
.topbar-area {
    background:white;
    height: 190px;
    margin-bottom: -60px!important;

}
.topbar-area img{
    width: 140px;
}
.border{
    border-bottom: 2px solid #c7a939;
    width: 100%;
}
.topbar-left ul li a {
       color: black;
    display: block;
    font-weight: 600;
    margin-right: 17px;
    padding: 55px 0;
    text-decoration: none;
    font-size: 17px;
}
.topbar-left ul li a i {
    color: #f3f3f3;
    font-size: 20px;
    padding-right: 7px;
}
.quote-button {
    float: right;
}
.quote-button .quote-btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    background: #1712a1;
    display: inline-block;
    border: 2px solid #1712a1;
    padding: 11px 20px;
    margin: 0px;
	transition: 0.4s;
}
.quote-button .quote-btn:hover {
	background: #fff;
	color: #1712a1;
	border: 2px solid #fff;
	transition: 0.4s;
}
.slogan {
    margin-bottom: 0px;
    padding: 16px 0px;
    color: #fff;
    font-size: 16px;
}
/*----------------------------------------*/
/*  2.1 Header Bottom Area 
/*----------------------------------------*/
.header-area{
	background: #010080;
	box-shadow: 2px 2px 5px #ccc, 0px 0px 0px #ccc;
   
}

.logo-bg{
	background: #f5f5f6;
	z-index: 10;
}
.logo-bg:after {
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    border-top: 100px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 100px solid #f5f5f6;
	z-index: 10;
}
.logo-bg:before {
    content: "";
    position: absolute;
    left: -90px;
    top: 0;
    background: #f5f5f6;
    z-index: 10;
    width: 90px;
    height: 100%;
}
.logo {
    display: block;
	    width: 50%;
}
.logo a {
    display: inline-block;
    height: auto;
       padding: 5px 0;
}
.main-menu ul.navbar-nav li {
    float: left;
    position: relative;
}
.main-menu ul.navbar-nav > li >a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    font-size: 16px;
    /*font-weight: 700;*/
        /*padding:60px 0px;*/
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
	margin: 0px 15px;
    letter-spacing: 2px;
}
.main-menu ul.navbar-nav li a:hover{
	color: #8ffefe;
    font-weight: 700;
}
.main-menu ul.navbar-nav > li > a::before {
    /* background: #1712a1; */
    content: "";
    height: 2px;
    position: absolute;
    top: 0;
    width: 0;
    transition: .5s;
	left: 0px;
}
.far-ul{
    float: left !important;
    display: inline-block !important;

}
.far-ul-1{
    float: left !important;
    display: inline-block !important;
    margin-left: 58px
}
.main-menu ul.navbar-nav >li:hover > a:before, .main-menu ul.navbar-nav >li.active > a::before {
    width: 100%;
}
.main-menu ul.navbar-nav li.active a:focus {
    color: #333;
}
.main-menu ul.navbar-nav li.active a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #1712a1;
    position: relative;
    z-index: 9999999;
}
.navbar {
    border: medium none;
    margin-bottom: 0;
}
.navbar-default {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none;
    color:#333;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: none;
}
.main-menu ul.nav li ul.sub-menu {
    background: #8ffefe;
    /*border-top: 2px solid #1712a1;*/
    left: 0;
    opacity: 1 !important;
    position: absolute;
    top: 100%;
    left: -120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100vw;
    height: 50px;
    z-index: -99;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
   .main-menu ul.nav li ul.sub-menu {
    background: #8ffefe;
    left: 0;
    opacity: 1 !important;
    position: absolute;
    top: 100%;
    left: -120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 1400px;
    
}
}}
.main-menu ul.nav li ul.we-do {
    position: absolute;
    left: -182% !important;
  
}
.main-menu ul.nav li ul.we-do li:first-child {
 margin-left: 50px !important;

}

.main-menu ul.nav li ul.pro-duct{
 position: absolute;
    top: 100%;
    left: -200% !important;
}
.main-menu ul.nav li ul.pro-duct li:first-child {
 margin-left: 33% !important;

}

.main-menu ul.nav li ul.pro-ject{
 position: absolute;
    top: 100%;
    left: -515% !important;
}

.main-menu ul.nav li ul.pro-ject li:first-child {
 margin-left: 33% !important;

}

.main-menu ul.nav li ul.sub-menu li:hover{
   background: #010080  !important; 
}
.main-menu ul.nav li ul.sub-menu li:first-child{
  margin-left: 348px
}
.pagess {
    position: relative;

}
.pagess:hover {
   
  background-color: #010080 !important;
  /*padding-bottom: 19px;*/
   

}
.navbar.navbar-default {
    /*float: right;*/
}
.main-menu ul.nav li ul.sub-menu li {
    /*border-bottom: 1px solid #ddd;*/
    padding: 0;
    position: relative;
    /*width: 100%;*/
}
.main-menu ul.nav li:hover ul.sub-menu{
    top:100%;
    opacity:1;
    z-index:999;
    visibility:visible;
}
.main-menu ul.nav li ul.sub-menu li a {
    color: #444;
    display: block;
    font-size: 15px;
    text-align: center;
    font-weight: 700;
    padding: 13px 0px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}
/*.main-menu ul.nav li ul.sub-menu li:nth-of-type(1){
   margin-left: 300px;
}*/
.main-menu ul.nav li:hover ul.sub-menu li a:hover{
    color:#fff;

}
.main-menu ul.nav li ul.sub-menu li:last-child {
    border:none;
}
.stick span.search-button i,.stick .header-search input{color:#444}
.search-option-5 button.button {
    display: inline-block;
    border: none;
    background: none;
    padding: 0;
}
.search-option {
    background: #fff none repeat scroll 0 0;
    bottom: -48px;
    color: #444;
    display: none;
    position: absolute;
    right: 20px;
    width: 260px;
    z-index: 99999;
}
.search-option input {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #444;
    display: block;
    float: left;
    font-size: 14px;
    font-style: italic;
    padding: 8px 10px;
    width: 210px;
    height: 44px;
}
.search-option button.button {
    background: #1712a1;
    border: medium none;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 17px;
    line-height: 35px;
    padding: 5px 15px;
    text-align: center;
}
.header-right-link a.main-search {
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 16px;
    line-height: 39px;
    position: relative;
    text-align: center;
    width: 40px;
    height: 40px;
    background: #1712a1;
    border-radius: 5px;
    margin: 30px 0px 30px 10px;
}

@media only screen and (max-width: 768px) {
  .logo {
    top:0px !important;
	max-width:70px !important;
  }
  .slider-three .img-layer img
  {
	  width:67% !important;
	  margin-top:15%;
  }
  .slider-three .text-layer
  {
	  right:7% !important;
	  width:80% !important;
	  margin-top:15%;
  }
}
/*--------------------------------*/
/* 2.2. Sticky Header Area
/*--------------------------------*/
.header-area.stick {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
    box-shadow: 0px 0px 5px #000, -2px -2px 5px #000;
       background: #fcba4a;
    opacity: .7;
}
.header-area.stick .logo a {
    display: inline-block;
    height: auto;
       padding: 0px 0;
}
.header-area.stick .main-menu ul.navbar-nav li a {
    padding: 48px 0px;
	
}
.header-area.stick .quote-button {
    float: right;
    padding: 13px 5px;
}
.header-area.stick .header-right-link a.main-search {
    margin: 17px 0px 17px 10px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
    color: #000;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{
    color: #fff;
}
.header-area.stick .navbar-brand>img {
    display: block;
    width: 160px;
    height: auto;
}
.header-area.stick .logo-bg:after {
    border-top: 76px solid transparent;
}
/*----------------------------------------*/
/*  2.3. Mobile Menu Area
/*----------------------------------------*/
.mobile-menu-area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 10px 0px ;
}
.mean-container .mean-bar::after {
    content: "";
    font-size: 21px;
    left: 5%;
    position: absolute;
    top: 12px;
    text-transform: uppercase;
    font-weight: 500;
}
.mean-container a.meanmenu-reveal:hover {
    color:#252525
}
.mean-container .mean-nav ul {
    list-style-type: none;
    margin: 20px 0px;
    padding: 0;
    width: 100%;
}
.mean-container .mean-nav ul li a {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #444;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 13px 10px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 90%;
}
.mean-nav ul li.mean-last {
    margin-bottom: 20px;
}
.mean-container .mean-nav ul li a.mean-expand {
    color: #444;
    line-height: 17px;
}
.mean-container .mean-nav ul li {
    width: 99.7%;
}
/*----------------------------------------*/
/*  3. Slider Area
/*----------------------------------------*/
.intro-content {
    position: relative;
    z-index: 1;
}
.intro-content::after {
    background: rgba(10, 27, 40, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.slider-content {
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: 3;
    left: 0;
    margin: 0 auto;
    margin-top: -160px;
}
.layer-1-2 {
    margin: 20px 0;
}
.layer-1-1 p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.60px;
    line-height: 30px;
    font-weight: 500;
    max-width: 750px;
    margin-bottom: 30px;
}
.layer-1-2 h1 {
    color: #fff;
    font-size: 52px;
    line-height: 64px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 20px 0px;
    max-width: 925px;
}
.ready-btn {
    border: 1px solid #1712a1;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
    background: #1712a1;
    width: 160px;
}
.ready-btn:hover{
    color: #fff;
    background: #1712a1;
    border: 2px solid #1712a1;
    text-decoration: none;
}
.ready-btn.right-btn {
    margin-left: 15px;
    background: transparent;
    border: 2px solid #fff;
	color:#fff;
}
.ready-btn.right-btn:hover{
    background: #1712a1;
    border: 2px solid #1712a1;
}
.ready-btn.left-btn:hover{
    background: transparent;
    border: 2px solid #fff;
	color:#fff;
}
.layer-1-2 .color {
    color: #1712a1;
    font-weight: 900;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    /* color: #fff; */
    /* font-size: 22px; */
    /* margin-top: -20px; */
    /* position: absolute; */
    /* top: 50%;; */
    /* text-align: center; */
    /* line-height: 42px; */
    /* opacity: 0; */
    /* border:2px solid #fff; */
    /* width: 44px; */
    /* height: 44px; */
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
    right: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
    left: 2%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
    color:#fff;
    background: #1712a1;
    border: 2px solid #1712a1;
}
.intro-carousel .owl-item .layer-1-2{
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 0.3s;
}
.intro-carousel .owl-item .layer-1-1{
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 1s;
}
.intro-carousel .owl-item .layer-1-3{
    transform: translateY(100%);
    opacity: 0;
    transition: all 1s ease-in-out 1.5s;
}
.intro-carousel .owl-item.active .layer-1-2,
.intro-carousel .owl-item.active .layer-1-1,
.intro-carousel .owl-item.active .layer-1-3{
    transform: translateY(0);
    opacity: 1;
}
.intro-carousel .owl-item.active .slider-images img{
	transform: scale(1.1);
	transition: 10s;
}
/*----------------------------------------*/
/*  4. Wellcome Services Area
/*----------------------------------------*/
.left-headline h3 {
    font-size: 34px;
    line-height: 44px;
    font-family: 'Montserrat', sans-serif;
}
.well-services{
    padding: 30px 20px;
	box-shadow: 0 15px 24px rgba(0, 0, 0, 0.33);
	position: relative;
}
.well-services::after{
    position: absolute;
	left:0;
	bottom:0;
	width: 0%;
	height: 2px;
	background: #1712a1;
	content:"";
	transition: 0.5s;
}
.services-column{
	margin-top: 30px;
}
.well-content h4 {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;
    text-transform: capitalize;
}
.well-content h4 a{
	color:#444;
}
.well-services:hover::after{
	width: 100%;
	height: 2px;
	background: #1712a1;
	transition: 0.5s;
}
.well-content h4 a:hover {
	color:#1712a1;
}
.well-icon {
    margin-bottom: 20px;
    display: block;
}
.well-icon a{
	font-size: 60px;
	line-height: 60px;
	color:#1712a1;
}
/*----------------------------------------*/
/*  5. About area
/*----------------------------------------*/
.about-content h4 {
    line-height: 38px;
    text-transform: capitalize;
    font-size: 30px;
    position: relative;
    padding-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
}
.about-content h4 ::after {
    border: 1px solid #1712a1;
    bottom: 3px;
    content: "";
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 12%;
}
.about-content p {
    font-size: 14px;
    letter-spacing: 0.50px;
    line-height: 24px;
}
.about-details {
    overflow: hidden;
    display: block;
    padding-top: 10px;
}
.icon-title{
	display: block;
	overflow: hidden;
}
.single-about {
    width: 48%;
    float: left;
    margin-right: 20px;
}
.single-about p{
	text-align: left;
}
.single-about:nth-child(2n),
.single-about:nth-child(4n){
	margin-right:0px;
}
.single-about:nth-child(3n),
.single-about:nth-child(4n){
	margin-bottom:0px;
}
.single-about a {
    font-size: 40px;
    color: #1712a1;
    float: left;
    line-height: 49px;
}
.single-about h5 {
    font-size: 18px;
    color: #666;
    float: left;
    line-height: 50px;
    padding-left: 10px;
    margin-bottom: 0;
    font-weight: 600;
}
.about-image {
    border-radius: 10px;
}
.about-image img {
    border-radius: 10px;
}
/*.video-inner {
    background: url("image/mision.jpg");
	background-position: center center;
	background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 6px;
}*/
/*.video-inner::after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    content:"";
    background: rgba(10, 27, 40, 0.2) none repeat scroll 0 0;
}*/
.video-content {
    width: 100%;
    height: 100%;
    min-height: 380px;
}
.video-play.vid-zone {
    background: #1712a1;
    border-radius: 100%;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    line-height: 58px;
    text-align: center;
    width: 60px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    z-index: 999;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.4s;
    margin-top: -35px;
}
.video-play.vid-zone i {
    color: #fff;
    margin-left: 5px;
}
.video-play.vid-zone:hover {
    background: #fff;
    color: #1712a1;
	transition: 0.4s;
}
.video-play.vid-zone:hover i{
    color: #1712a1;
}
/*--------------------------------*/
/* 6.Services Area
/*--------------------------------*/
.services-area{
    position: relative;
}
.home-blog img{
    padding: 33px !important;
}
.box-box{
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.16) !important;
    margin-bottom: 40px;
}
.single-services{
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
    z-index: 1;
}
.main-services {
    display: block;
    overflow: hidden;
    padding: 20px;
    position: relative;
    z-index: 1;
}
.services-icon {
    width: 60px;
    float: left;
    height: 100px;
    font-size: 40px;
    color: #1712a1;
}
.services-img {
    overflow: hidden;
    position: relative;
     width: 360px;
    height: 250px;
}
.services-img img {
    transform: scale(1.1);
    transition: 0.4s;
   
}


.image-layer {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.80) none repeat scroll 0 0;
    z-index: 1;
    opacity: 1;
	transition: 0.4s;
}
.image-layer a {
    display: block;
    text-align: center;
    position: relative;
    top:25%;
    margin-top: -10px;
}
.image-layer h5 {
    display: block;
    text-align: center;
    position: relative;
    top: 40%;
    color: white;
    margin-top: -10px;
}
.image-layer a i {
    border-radius: 50%;
	background: transparent;
	font-size: 100px;
	color:#fff;
	opacity: 0.90;
}
.service-content h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
}
.service-btn {
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    z-index: 2;
}
.service-btn::after {
    position: absolute;
    content: "\f105";
    font-family: fontAwesome;
    right: -12px;
    top: -3px;
}
.single-services:hover .services-img img {
    transform: scale(1);
    transition: 0.4s;
}
.single-services:hover .image-layer {
    position: absolute;
    left: 0;
    top: 0;
	transition: 0.4s;
}
.single-services:hover .service-content h4{
    color: #1712a1;
}
.single-services:hover .service-btn:hover{
    color: #1712a1;
}
.services-carousel .col-md-4{
	width: 100%;
}
.services-carousel{
	margin-bottom: 20px;
}
.services-carousel.owl-carousel .owl-stage-outer {
    padding-bottom: 5px;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    color: #fff;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: 50%;;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    border:1px solid #fff;
    width: 40px;
    height: 40px;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.services-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
    right: 1%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
    left: 1%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.services-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
    color:#fff;
    background: #1712a1;
    border: 1px solid #1712a1;
}
/*----------------------------------------*/
/* 7.Counter Area
/*----------------------------------------*/
.counter-area{
   background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll bottom center / cover; 
}
.counter-inner {
    background: #f6f6f6;
    padding: 100px 30px 100px 70px;
}
.fun_text {
    text-align: center;
    padding: 30px 15px;
    border-radius: 10px;
	background: #fff;
}
.fun_text:nth-child(3n){
	margin-right: 0px;
}
.fun_text span {
    color: #1712a1;
    display: block;
    font-size: 54px;
    font-weight: bold;
    padding-bottom: 10px;
    line-height: 60px;
}
.fun_text > h5 {
    color: #444;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
}
/*--------------------------------*/
/*  8.project Area
/*--------------------------------*/
.single-awesome-project {
    float: left;
    overflow: hidden;
    width:100%;
}
.project-all{
    margin-top: -40px;
}
.project-all .single-awesome-project {
    margin-top: 30px;
	position: relative;
}
.first-item {
    margin-bottom: 30px;
}
.project-carousel .col-md-4{
	width: 100%;
}
.awesome-img{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.awesome-img img{
    transform: scale(1.1);
    transition: 0.4s;
}
.single-awesome-project:hover .awesome-img img{
    transform: scale(1);
    transition: 0.4s;
}
.awesome-img > a {
    display: block;
    position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
    opacity: 1;
}
.single-awesome-project:hover .add-actions{
    opacity: 1;
}
.awesome-img > a::after {
    background: rgba(0,44,87,0.95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: 0.4s;
}
.add-actions {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 9999;
    top: 0;
    cursor: pointer;
}
.port-icon {
    color: #f4f4f4;
    display: inline-block;
    cursor: pointer;
    top: 80%;
    position: relative;
    font-size: 40px;
    margin-top: -25px;
    float: right;
    right: 20px;
}
.project-dec {
    display: block;
    padding: 20px 0px 0px 0px;
    position: absolute;
    top: 10px;
	left: 30px;
    transition: 0.5s;
	opacity: 0;
}
.project-dec h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-decoration: none;
    text-transform: capitalize;
    margin-bottom: 5px;
    cursor: pointer;
}
.project-dec h4 a {
    color: #fff;
}
.project-dec h4 a:hover {
    color: #1712a1;
}
.project-dec span {
    font-size: 14px;
}
.project-dec p{
	margin-bottom: 0px;
}
.pst-content {
    padding-left: 10px;
}
.single-awesome-project:hover .project-dec {
    left: 40px;
    transition: 0.5s;
	opacity: 1;
}
.project-menu li a {
    color: #444;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    font-weight: 700;
    letter-spacing: 0.5px;
    border-radius: 2px;
}
.project-menu li a.active,
.project-menu li a:hover {
    color: #fff;
    text-decoration: none;
	background: #1712a1;
}
.project-menu {
    margin-bottom: 10px;
}
.project-menu li {
    display: inline-block;
}
.project-menu li a:hover {
    color: #fff;
    text-decoration: none;
}
.project-content{
	margin-top: -10px;
}
.project-content .single-awesome-project{
	/*margin-top: 30px;*/
}
.project-content .project-dec {
    top: 40px;
}
.project-content .single-awesome-project:hover .project-dec {
    top: 40px;
}
/*----------------------------------------*/
/*  9. Testimonials Area
/*----------------------------------------*/
.testimonial-area{
	background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll bottom center / cover; 
}
.single-testi {
    padding: 30px 20px;
    position: relative;
    background-color: #fff;
}
.testimonial-img {
    margin-top: 30px;
}
.testimonial-img img {
    height: auto;
    border-radius: 50%;
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
}
.testimonial-carousel .testimonial-text {
    position: relative;
	margin-top: -5px;
}
.testimonial-text p {
    color: #fff;
    font-style: italic;
    font-size: 20px;
    letter-spacing: 0.8px;
    line-height: 30px;
}
.testimonial-text h5 {
    color: #fff;
    font-size: 20px;
}
.testimonial-text a{
  color: #fff;  
}
.client-name {
    margin-top: 15px;
    display: inline-block;
}
.client-name h4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0px;
	color:#FFF;
}
.client-name span {
    font-size: 13px;
	color:#fff;
}
/*----------------------------------------*/
/*  10. Blog Area
/*----------------------------------------*/
/*.blog-grid {
    margin-top: -30px;
}*/
/*.blog-image{
  overflow: hidden;
    display: block;
}*/
/*.image-scale {
    position: relative;
    transform: scale(1.1);
    display: block;
    transition: 0.5s;
}*/
.image-scale::after{
    position: absolute;
    content: "";
    background: rgba(0,46,91,0.30);
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}
.blog-content a h4 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
    color: #444;
    line-height: 26px;
    margin-top: -20px;
}
.blog-meta {
    position: relative;
    top: -40px;
    background: #1712a1;
    width: 60px;
    padding: 7px 10px;
    left: 15px;
    text-align: center;
}
.blog-meta span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.blog-title {
    margin-top: -5px;
}
/*.single-blog:hover .image-scale {
  transform: scale(1);
  transition: 0.5s;
}*/
.single-blog:hover .image-scale::after{
    background: rgba(0,46,91,0);
}
.single-blog {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}
.blog-grid-fast {
    margin-top: -30px;
}
.single-blog.b-mar{
    margin-top: 20px;
}
.blog-content a h4:hover{
    color:#1712a1;
}
.blog-btn {
    display: inline-block;
    font-weight: 700;
    color: #444;
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
}
.blog-btn::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0px;
    opacity: 0;
    transition: 0.5s;
    background: #1712a1;
    width: 0px;
    height: 2px;
}
.blog-btn:hover {
    color: #1712a1;
}
.blog-btn:hover.blog-btn::after {
    width: 100%;
    opacity: 1;
    transition: 0.5s;
}
/*----------------------------------------*/
/*  11. Quote  Area
/*----------------------------------------*/
.contact-quote-area{
   background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll bottom center / cover; 
}
.quote-details {
    padding: 12% 17%;
    display: block;
    overflow: hidden;
}
.quote-main h4,
.company-faq h4{
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 24px;
}
.quote-details .sub-headline h4{
	color:#fff;
}
.contact-quote-area #contactForm input {
    border-radius: 0;
    height: 46px;
    margin-bottom: 20px;
    background: transparent;
    color: #fff;
    border-color: #ddd;
}
.contact-quote-area .contact-form textarea#message {
    height: 116px;
    border-radius: 0;
    margin-bottom: 20px;
    background: transparent;
    color: #fff;
}
.contact-quote-area .quote-btn {
    background: #1712a1;
    border: 1px solid #1712a1;
    color: #fff;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    width: 160px;
    transition: 0.4s;
}
.contact-quote-area .quote-btn:hover{
    background: transparent;
    color:#fff;
	transition: 0.4s;
	border: 1px solid #fff;
}
.help-block.last-part{
	margin:0px;
}
.contact-headline {
    margin-top: 20px;
    margin-bottom: 40px;
}
.contact-quote-area .col-md-6{
	padding-left: 0px;
	padding-right: 0px;
}
.company-faq {
    padding: 12% 17%;
    display: block;
    overflow: hidden;
    background: #f9f9f9;
}
.faq-details .panel-heading {
    padding: 0;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
   box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.panel-default {
    border-color: #ddd;
    border-radius: 0 !important;
}
.panel-group .panel+.panel {
    margin-top: 10px;
}
.panel-default > .panel-heading {
    color: #666;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    background: #fff;
}
.faq-details h4.check-title a {
    color: #666;
    display: block;
    font-weight: 500;
    padding: 10px 10px 10px 40px;
    text-decoration: none;
    background: #fff;
}
.panel-body {
    padding: 15px 15px 0px 45px;
}
.faq-details h4.check-title {
    color: #666;
    font-size: 16px;
    margin-bottom: 0px;
    text-transform: capitalize;
}
.faq-details a span.acc-icons {
    position: relative;
}
.faq-details a span.acc-icons::before {
    color: #666;
    content:"\e874 ";
    font-family: tionscal;
    font-size: 16px;
    left: -26px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
}
.faq-details a.active span.acc-icons::before {
    color: #1712a1;
    content: "\e873";
    font-family: tionscal;
    font-size: 16px;
    left: -26px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
}
.faq-details .panel-heading h4 a.active {
    color: #1712a1;
    background: #f9f9f9;
}
/*----------------------------------------*/
/*  12. banner Area
/*----------------------------------------*/
.banner-area{
	background: #1712a1;
}
.banner-area{
	padding: 30px 0px;
}
.banner-content h4 {
    margin: initial;
    float: left;
    font-size: 28px;
    max-width: 630px;
    line-height: 34px;
    color: #fff;
}
.banner-contact {
    padding: 15px 0px;
}
.banner-btn {
    border: 1px solid #fff;
    display: inline-block;
    padding: 14px 24px;
    color: #1712a1;
    font-weight: 600;
    font-size: 20px;
    background: #fff;
    border-radius: 5px;
    float: right;
    margin: 7px 0px;
    font-size: 22px;
    font-weight: 700;
	transition: 0.4s;
}
.banner-btn:hover{
    border: 1px solid #111;
    color: #fff;
    background: #111;
	transition: 0.4s;
}
/*----------------------------------------*/
/*  13. Footer Area
/*----------------------------------------*/


.footer-area {
    padding: 70px 0;
    background: #071333;

}
.footer-logo{
	margin-bottom: 15px;
}
.footer-logo img{
    width: 85px;
    margin-left: 5%;
}
.footer-head p {
    color: white;
    font-family: 'Poppins', sans-serif;
    /*font-style: italic;*/
}
.footer-head h4 {
    color: white;
    font-size: 19px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 400;
}
.footer-services-link ul.footer-list{
	width: 50%;
	float: left;

}
.footer-icons ul li {
    display: inline-block;
}
.footer-icons ul li a {
        color: #c8c8c8;
    display: block;
    font-size: 17px;
    line-height: 38px;
    text-align: center;
    margin-right: 4px;
    width: 47px;
    height: 47px;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
/*.footer-tags li a:hover,
.footer-icons ul li a:hover{
    color: #fff;
	background: #000080;
	border:1px solid #1712a1;
}*/

.font-f address{
    font-family: 'Poppins', sans-serif;
}
.footer-tags li {
    float: left;
}

.footer-tags li a {
    color: #ddd;
    display: block;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin: 3px;
    border: 1px solid #002C57;
    background: #002C57;
    font-weight: 600;
    padding: 3px 5px;
    border-radius: 2px;
}
.footer-icons {
        margin-top: 0px;
}
.suscribe-input input {
    background: transparent;
    border: medium none;
    color: #ddd;
    font-size: 15px;
    line-height: 24px;
    padding: 11px 15px;
    height: 42px;
    border-radius: 0;
    width: 85%;
    border: 1px solid #ddd;
}
.suscribe-input button {
    background: #1712a1;
    border: 1px solid #1712a1;
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 3px;
    transition: 0.4s;
    margin-top: 15px;
    text-transform: capitalize;
	font-weight: 700;
}
.suscribe-input button:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #1712a1;
    transition: 0.4s;
}
.footer-contacts p span {
    color: #1712a1;
    font-weight: 700;
}
.footer-content {
    display: block;
    overflow: hidden;
}
.footer-list li a {
    color: BLACK;
    padding: 3px 0px 3px 20px;
    display: block;
    position: relative;
    font-weight: 500;
}
.footer-list li:first-child a{
	padding-top: 0px;
}
.footer-list li:last-child a{
	padding-bottom: 0px;
}
.footer-list li a::after {
    position: absolute;
    content: "\e87a";
    right: auto;
    top: 2px;
    font-family: tionscal;
    font-size: 12px;
    left: 0;
}
.footer-list li a:hover {
    color: #1712a1;
}
.footer-area-bottom {
    background: #071333 none repeat scroll 0 0;
    padding: 25px 0;
	border-top: 1px solid #333;
}
.copyright-text a:hover{
	text-decoration: underline;
	color:#1712a1;
}
.copyright-text a {
    color: #ddd;
}
.copyright > p {
    margin-bottom: 0;
    color: #ddd;
    text-align: center;
}
.copyright a {
    color:#010080;
    font-weight: bold;
}
/*--------------------------------*/
/* 14.Home page 2
/*--------------------------------*/

.intro-area-2 .layer-1-2 h1 {
    margin: 20px auto;
}
.intro-area-2 .layer-1-1 p {
    margin: 0px auto 30px;
}
.header-two{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 999;
}
.topbar-area-2{
	background: rgba(17,17,17,0.50);
}
.header-area-2{
	background: rgba(17,17,17,0.50);
	box-shadow:none;
	border-top: 1px solid rgba(255,255,255,0.1);
}
.topbar-area-2 .topbar-left ul li a{
	color: #fff;
}
.header-area-2 .main-menu ul.navbar-nav li a{
	color: #fff;
}
.header-area-2 .main-menu ul.navbar-nav li a:hover{
	color: #1712a1;
}
.intro-area-2 .slider-content {
    margin-top: -100px;
}
.header-area-2.stick {
    background: #111;
}
.footer-area.footer-area-2{
    background: #f5f5f5;
}
.footer-area-2 .footer-tags li a {
    border: 1px solid #222;
    background: #222;
}
.marker-list li {
    color: #444;
    float: left;
    padding-left: 30px;
    margin: 4px 0px;
    position: relative;
}
.marker-list li::after {
    position: absolute;
    content: "\e87f";
    left: 0px;
    top: 0px;
    font-family: tionscal;
    color: #1712a1;
    font-weight: 700;
}
.marker-list{
    margin-left: -25px;
}
.far-v{
    color: #008001 !important;
}
.read-btn {
    border: 1px solid #e6e6e6;
    color: #000;
    display: inline-block;
    font-size: 12px;
    line-height: 40px;
    margin-top: 20px;
    padding: 0 30px;
}
.video-text h4 {
    font-size: 30px;
    margin-top: 30px;
    margin-left: 10px;
    line-height: 25px;
    text-align: center;
    color: #010080;
}
.far-ab h2{
    margin-top: 50px !important;
      text-align: center;
    color: #010080;
}

.far-p p{
    margin-top: 30px;
    margin-left: 10px !important;
    text-align: justify !important;
   padding: 15px 146px 0px 146px !important;
    font-size: 20px !important;
    /*font-style: italic !important;*/
}
.card-1{
    height: 250px;
    background-color: white;
    opacity: .8;
   
}


.card-1 li{
float:none !important;
text-align: left;
font-size: 15px;
color: black;


}

.services-all{
	margin-top: -30px;
}


.services-all .single-services{
	margin-top: 30px;
}


.sevices-mtop{
    margin-top: 180px !important;
}


/*----------------------------------------*/
/*  15.Overview  Area
/*----------------------------------------*/
.overview-area{
   background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll center center / cover; 
}
.parallax-bg{
    position:relative;
}
.overview-area.parallax-bg:before{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#002c57;
    opacity:.8;
    content:"";
}
.overview-area .col-md-6{
	padding-left: 0px;
	padding-right: 0px;
}
.main-view {
    padding-bottom: 15px;
}
.main-view:last-child{
	padding-bottom: 0px;
}
.company-content {
    background: #f9f9f9;
    padding: 12% 16%;
}

.view-images {
    float: left;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    color: #1712a1;
}
.view-content {
    padding-left: 80px;
}
.main-view:last-child p{
	margin-bottom: 0px;
}
.view-content h4 {
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
.client-details {
    padding: 12% 16%;
    text-align: center;
    display: block;
    overflow: hidden;
}
.client-head {
    text-align: left;
    margin-left: 10px;
    padding-left: 20px;
    position: relative;
}
.client-head::before{
    position: absolute;
    content: "";
    width: 5px;
    height: 80px;
    background: #1712a1;
    left:0;
    top:0px;
}
.client-head h3 {
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.client-head p {
    color: #fff;
}
.single-client {
    float: left;
    width: 50%;
    padding: 10px;
}
.single-client a {
    display: inline-block;
    opacity: 0.9;
    transition: 0.4s;
    border: 1px solid #fff;
    background: #fff;
}
.single-client a:hover{
    opacity: 1;
    transition: 0.4s;
}
.footer-area-2 .footer-head p,
.footer-area-2 .footer-head h4 {
    color: #444;
}
.footer-area-2 .footer-icons ul li a {
    color: #1712a1;
    border: 1px solid #1712a1;
}
.footer-area-2 .footer-icons ul li a:hover{
	color:#fff;
}
.footer-area-2 .footer-list li a{
	color:#444;
}
.footer-area-2 .footer-list li a:hover{
	color:#1712a1;
}
.well-inner .well-services{
	margin-top: 30px;
}
.well-inner{
	margin-top: -30px;
}

/*--------------------------------*/
/* 16. Home page 3
/*--------------------------------*/
.header-area-3 .logo-bg{
	background: #1712a1;
	z-index: 10;
	margin-left: 15px;
}
.header-area-3 .menu-bg {
    position: relative;
    margin-left: -30px;
    margin-right: -15px;
    background: rgba(17,17,17,0.50);
}
.header-area-3{
	background: transparent;
}
.header-area-3 .logo-bg:before {
    display: none;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev, 
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    color: #fff;
    font-size: 18px;
    margin-top: -20px;
    position: absolute;
    top: 50%;;
    text-align: center;
    line-height: 39px;
    opacity: 0;
    border:1px solid #fff;
    width: 40px;
    height: 40px;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{
    left: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    right: 10%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{
    right: 1%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{
    left: 1%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    opacity: 1;
}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{
    color:#fff;
    background: #1712a1;
    border: 1px solid #1712a1;
}
.project-carousel .col-md-4{
	padding-left: 0px;
	padding-right: 0px;
}
/*----------------------------------------*/
/*  17. team  Area
/*----------------------------------------*/
.team-area{
  position: relative;
}
.team-member,page-team-member{
	margin-top: -30px;
}
.single-member {
    position: relative;
    overflow: hidden;
	margin-top: 30px;
}
.team-content {
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,44,87,0.90) none repeat scroll 0 0;
    padding: 22px 20px;
    transition: 0.5s;
}
.team-share {
    opacity: 0;
}
.single-member:hover .team-content {
    transition: 0.5s;
    top:0px;
    padding: 50px 20px;
    background: rgba(0,44,87,0.99) none repeat scroll 0 0;
}
.single-member:hover .team-share {
    opacity: 1;
}
.team-title h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
}
.team-title h6 {
    color: #1712a1;
}
.team-share p {
    color: #fff;
    letter-spacing: 1px;
}
.social-icon li{
    display: inline-block;
}
.social-icon li a {
    color: #fff;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    border-radius: 50%;
}
.social-icon li a:hover{
    color: #1712a1;
}
.team-content .social-icon{
  margin-top: 15px;
}
.footer-area-3
{
	background: #010080;
}
.footer-bottom-3
{
background: black;
}
/*--------------------------------*/
/* 18.Home page 4
/*--------------------------------*/
.intro-area-4 .layer-1-2 h1 {
    font-size: 48px;
    line-height: 58px;
    text-transform: capitalize;
    max-width: 800px;
    font-weight: 600;
}
.welcome-area-2 .well-services{
	position: relative;
	transition: 0.4s;
}
.welcome-area-2 .well-services:hover{
	background:#1712a1;
	transition: 0.4s;
}
.welcome-area-2 .well-services:hover .well-icon a,
.welcome-area-2 .well-services:hover .well-content p,
.welcome-area-2 .well-services:hover .well-content h4 a{
	color:#fff;
}
.project-content-4 .single-awesome-project {
    margin-top:0px;
}
.project-content-4 .col-md-4{
	padding-left: 0px;
	padding-right: 0px;
}
.project-content-4 {
    margin-top: 0px;
}
/*----------------------------------------
  19.Home 4 Quote Area
----------------------------------------*/
.quote-area {
    background:#002c57;
	height: auto;
	width: 100%;
}
.quote-area #contactForm input {
    border: none;
    border-radius: 0;
    height: 46px;
    margin-bottom: 20px;
}
.quote-area #contactForm input.last-part{
	margin-bottom: 0px;
}
.quote-area .contact-form textarea#message{
    height: 116px;
    border-radius: 0;
    border: none;
    margin-bottom: 20px;
}
.quote-area .quote-btn {
    background: #1712a1;
    border: 1px solid #1712a1;
    color: #fff;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    width: 100%;
}
.quote-area .quote-btn:hover{
    background: #fff;
    color:#1712a1;
}
.quote-area .help-block.last-part{
	margin:0px;
}
.sub-head h4 {
    position: relative;
    color: #fff;
    padding-bottom: 40px;
    text-transform: uppercase;
}
.sub-head h4::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 10px;
    width: 50px;
    height: 2px;
    background: #1712a1;
}
.sub-head p{
	color:#fff;
}
/*--------------------------------*/
/* 20.Home page 5
/*--------------------------------*/
.topbar-area-5{
	background: transparent;
}
.header-area-5{
	background: transparent;
}
/*--------------------------------*/
/* 21.Home page 6
/*--------------------------------*/
.header-area-6 {
    background:#fff;
	border-top:1px solid rgba(255,94,20,0.20);
	box-shadow: none;
}
.header-middle-area .header-info {
    width: 33.33%;
    float: left;
    padding: 33px 0px;
}
.header-middle-area .header-info-text span {
    display: block;
    font-size: 14px;
}
.header-middle-area .info-simple{
	font-weight: 700;
	color: #777;
	font-size:12px;
}
.header-middle-area .header-icon {
    float: left;
    margin-right: 10px;
}
.header-middle-area .logo a{
	padding: 25px 0;
}
.header-icon i {
    color: #1712a1;
    font-size: 34px;
    line-height: 40px;
}
.info-first {
    font-weight: 700;
	color: #444;
}
.header-area-6.stick {
    background:#fff;
}
.header-area-6 .navbar.navbar-default {
    float: left;
}
.header-area-6 .main-menu ul.navbar-nav li a {
    padding: 20px 15px;
	color: #444;
	margin: 0px;
}
.header-area-6.stick .main-menu ul.navbar-nav li a {
	padding: 25px 15px;
}
.header-area-6 .main-menu ul.navbar-nav li.active >a,
.header-area-6 .main-menu ul.navbar-nav > li > a:hover{
    background:#1712a1;
	color:#fff;
}
.header-area-6 .header-right-link a.main-search {
    margin: 10px 0px 10px 10px;
}
.header-area.stick .header-right-link a.main-search {
    margin: 15px 0px 15px 10px;
}
/*----------------------------------------*/
/*  22. Breadcumbs Area
/*----------------------------------------*/
.page-area{
    position: relative;
}
.page-area {
    background: url(img/background/b.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.breadcumb-overlay {
  position: absolute;
  background: rgba(10, 27, 40, 0.6) none repeat scroll 0 0;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
}
.breadcrumb{
    padding: 100px 0px;
    background-color: transparent;
    margin-bottom: 0;
}
.breadcrumb .section-headline h3 {
    font-size: 48px;
    letter-spacing: 2px;
    line-height: 48px;
	text-transform: inherit;
    color: #010080;
}
.breadcrumb .section-headline{
    margin-bottom: 0px;
}
.breadcrumb .section-headline h3::after {
    display: none;
}
.breadcrumb ul {
    padding: 10px 0px;
}
.breadcrumb ul li {
    display: inline-block;
    color: #fff;
    padding: 0px 10px 0px 20px;
    position: relative;
    font-size: 16px;
}
.breadcrumb ul li.home-bread{
    padding-left: 0px;
}
.breadcrumb ul li.home-bread::after {
    position: absolute;
    content: "\f105";
    font-family: fontAwesome;
    right: -10px;
    top: 0;
}
.breadcrumb .section-headline::after {
    display: none;
}
/*--------------------------------*/
/* 23. pages genaral css
/*--------------------------------*/
.testimonial-page-area .single-testimonial{
	margin-top: 30px;
}
.testimonial-page-area .single-testimonial {
    border: 1px solid #f4f4f4;
    padding: 20px;
}
.testimonial-page-area .client-name span,
.testimonial-page-area .client-name h4,
.testimonial-page-area .testimonial-text p{
	color:#444;
}
.testimonial-page-area .testimonial-text p{
	font-size: 15px;
	line-height: 24px;
	font-style: normal;
}
.testimonial-page-area .Reviews-content {
    margin-top: -30px;
}
.testimonial-page-area .testimonial-img {
    margin-top: 30px;
}
.faq-page-area .faq-content {
    background: #f9f9f9;
    padding: 6% 10%;
    border-radius: 5px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.faq-page-area .contact-form input[type="text"], 
.faq-page-area .contact-form input[type="email"] {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 44px;
    margin-bottom: 15px;
    padding-left: 20px;
    width: 100%;
}
.faq-page-area .faq-content .contact-form textarea#message {
    height: 135px;
}
.faq-page-area .quote-btn {
    font-weight: 600;
    color: #fff;
    background: #1712a1;
    display: inline-block;
    border: 2px solid #1712a1;
    padding: 10px 20px;
    width: 134px;
    text-transform: uppercase;
    border-radius: 3px;
    transition: 0.4s;
    margin-top: 10px;
}
.faq-page-area .quote-btn:hover{
	background: #fff;
	color: #1712a1;
	transition: 0.4s;
}
/*--------------------------------*/ 
/* 24. Error page
/*--------------------------------*/
.error-easy-text {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
}
.high-text{
    font-size: 200px;
    line-height: 200px;
}
.error-bot{
    font-size: 24px;
}
.error-btn {
    background: #1712a1;
    border: 2px solid #1712a1;
    color: #fff;
    font-size: 16px;
    padding: 12px 20px;
    transition: 0.4s;
    margin-top: 15px;
    text-transform: capitalize;
    margin-top: 30px;
    display: inline-block;
	font-weight: 700;
}
.error-btn:hover{
    background: #fff;
    border: 2px solid #1712a1;
    color: #1712a1;
}
/*----------------------------------------*/
/*  25.	Contact Us page
/*----------------------------------------*/
.contact-details {
    display: block;
    overflow: hidden;
    background: #f5f5f5;
    padding: 40px 30px;
    margin-bottom: 40px;
}
.contact-head {
    background: #f9f9f9;
    padding: 40px 30px;
}
.contact-head h3 {
    font-weight: 600;
    font-size: 26px;
}
.contact-inner a i {
    color: #1712a1;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
    border-radius: 50%;
}
.contact-inner a {
    color: #666;
    font-size: 16px;
    display: block;
}
.contact-head p {
    font-size: 16px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 44px;
    margin-bottom: 15px;
    padding-left: 20px;
    width: 100%;
}
.contact-form textarea#message {
    border: 1px solid #ccc;
    border-radius: 0px;
    height: 180px;
    padding: 20px;
    width: 100%;
}
.contact-page .contact-btn {
    background: #1712a1;
    border: 2px solid #1712a1;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
    padding: 10px 40px;
    transition: 0.4s;
    width: auto;
    float: left;
    text-transform: uppercase;
	border-radius: 2px;
	font-weight: 700;
}
.contact-page .contact-btn:hover {
    background:transparent;
    border: 2px solid #1712a1 ;
    color: #1712a1;
    transition: 0.4s;
}
.map-area {
    padding-top: 90px;
}
/*----------------------------------------
   26. Blog Details page
----------------------------------------*/
.blog-search-option input {
    padding: 5px 15px;
    width: 80%;
    border: none;
    height: 42px;
}
.blog-search-option {
    margin-bottom: 30px;
    display: block;
    border: 1px solid #ccc;
}
.blog-search-option button {
    background: transparent;
    border: none;
}
.blog-search-option button i {
    line-height: 16px;
    font-size: 20px;
    padding: 0px 10px;
}
.blog-search-option button i:hover {
    color: #1712a1;
}
.left-blog h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 15px 0px;
    text-transform: capitalize;
}
.left-blog {
    overflow: hidden;
    padding-bottom: 20px;
}
.left-blog li {
    display: block;
}
.left-blog ul li a {
    color: #444;
    display: block;
    font-size: 16px;
    padding: 10px 0px 10px 25px;
    text-transform: capitalize;
    position: relative;
}
.left-blog ul li a:before {
    position: absolute;
    content: "\e87a";
    font-family: tionscal;
    left: 0px;
    top: 10px;
    font-size: 14px;
}
.popular-tag.left-blog ul li a:before {
    display: none;
}
.recent-single-post {
    display: block;
    overflow: hidden;
    padding: 15px 0px;
}
.recent-single-post:last-child {
    border-bottom: none;
}
.post-img {
    display: inline-block;
    float: left;
    padding-right:10px;
    width: 35%;
}
.pst-content {
    display: inline-block;
    float: left;
    width: 65%;
    padding-left: 10px;
}
.pst-content p a:hover,.left-blog ul li a:hover {
    color: #1712a1;
}
.left-blog-page {
    
}
.pst-content p a {
    color: #444;
    font-size: 15px;
}
.blog-tags {
    padding: 1px 0;
}
.left-blog li:last-child {
    border-bottom: 0 ;
}
.popular-tag.left-blog ul li a:hover{
    color: #fff;
}
.popular-tag.left-side-tags.left-blog ul {
    padding:0px;
}
.left-tags .left-side-tags ul li {
    border-bottom: 0;
    display: inline-block;
    margin: 5px 0px;
}
.left-tags .left-side-tags ul li a {
    padding: 5px 10px;
    width: auto;
    border: 1px solid #1712a1;
    background: #1712a1;
    color: #fff;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
}
.left-tags .left-side-tags ul li a:hover {
    border: 1px solid #1712a1;
    background: #fff;
	color:#1712a1
}
.left-side-tags h4 {
    margin-bottom: 15px;
}
.comments-heading h3, h3.comment-reply-title {
    border-bottom: 1px solid #e8e8e9;
    color: #444;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    text-transform: capitalize;
}
.comments-list ul li{
    margin-bottom: 25px;
}
.comments-list-img{
    float: left;
    margin-right: 15px;
}
.comments-content-wrap {
    color: #444;
    font-size: 14px;
    margin: 0 0 15px 60px;
    padding: 10px;
    position: relative;
}
.blog-content p {
    font-size: 15px;
	letter-spacing: 0.50px;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: 5px solid #1712a1;
    font-style: italic;
}
blockquote p {
    font-size: 16px !important;
    line-height: 28px;
}
.author-avatar {
    display: inline-block;
    float: left;
    width: 10%;
}
.author-description h2 {
    color: #777;
    font-size: 20px;
    text-transform: uppercase;
}
.author-description h2 a {
    color: #333;
}
.comments-content-wrap span b{margin-right:5px}
.comments-content-wrap span a:hover{}
span.post-time{margin-right:5px}
.comments-content-wrap p {
    color: #444;
    margin-top: 10px;
}
li.threaded-comments{margin-left:50px}
.comment-respond {
    margin-top: 20px;
}
span.email-notes{color: #42414f;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;}
.comment-respond p {
    color: #444;
    margin-bottom: 5px;
}
.comment-respond input[type=text],.comment-respond input[type=email]{
    border: 1px solid #e5e5e5;
    border-radius: 0;
    height: 32px;
    margin-bottom: 15px;
    padding: 0 0 0 10px;
    width: 100%;}
.comment-respond textarea#message-box{
    border: 1px solid #e5e5e5;
    border-radius: 0;
    max-width: 100%;
    padding: 10px;
	height: 160px;
    width: 100%;
}
.comments-content-wrap span a {
    color: #1712a1;
}
.comments-content-wrap span a:hover {
    color: #1712a1;
}
.comment-respond .add-btn.contact-btn {
    background: #1712a1;
    color: #fff;
    display: block;
    font-size: 16px;
    margin-top: 5px;
    padding: 12px 20px;
    transition: 0.4s;
    border-radius: 5px;
    width: auto !important;
    margin-top: 20px;
    border: 2px solid #1712a1;
    text-transform: uppercase;
    font-weight: 700;
}
.comment-respond .add-btn.contact-btn:hover{
    background: #FFF;
	color: #1712a1;
    border:2px solid #1712a1;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 30px 0 0px;
    border-radius: 4px;
}
.pagination>li>a, 
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #fff;
    background-color: #333;
    border: none;
    margin-left: -1px;
    border-radius: 5px;
}
.pagination>li {
    display: inline-block;
    margin: 0px 3px 0px 0px;
}
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{
    z-index: 3;
    color: #fff;
    background-color: #1712a1;
    border-color: #1712a1;
    cursor: default;
    border-radius: 5px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #1712a1;
    border-color: #1712a1;
    border-radius: 2px;
}
.blog-page-details .left-blog-page {
    margin-top:0px;
    margin-bottom:30px;
}
.single-post-comments {
    margin-top: 30px;
}
.left-head-blog .pst-content p{
	margin-bottom: 5px;
}
/*----------------------------------------
 27. Project Details page
----------------------------------------*/
.project-page-area .project-menu li a {
    color: #444;
}
.project-2-column .project-single {
    float: left;
    width: 50%;
}
.project-4-column .project-single {
    float: left;
    width: 25%;
}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 40px;
    border-radius: 50%;
}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
    top: 50%;
    position: absolute;
    left: 3%;
    margin-top: -30px;
}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover,
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover{
    background: #1712a1;
    border: 1px solid #1712a1;
    color: #fff;
}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
    margin-top: -15px;
    position: absolute;
    right: 3%;
    top: 50%;
}
.project-history {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 3px;
}
.project-details h4 {
    font-size: 26px;
    font-weight: 600;
}
.project-name ul li {
    color: #444;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    margin: 10px 0px;
}
.project-name span {
    padding-right: 15px;
    min-width: 110px;
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
}
.project-inner {
    margin-bottom: 30px;
}
.project-share {
    margin-top: 30px;
}
.project-share ul li {
    display: inline-block;
	margin-top: 10px;
}
.project-share ul li a {
    color: #666;
    display: block;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border: 1px solid #666;
    border-radius: 50%;
}
.project-share li a:hover{
    color: #fff;
    background: #1712a1;
    border: 1px solid #1712a1;
}
.project-content.project-related{
    margin-top: -30px;
}
/*----------------------------------------*/
/* 28.Sub Services Pages
/*----------------------------------------*/
.single-page-head {
    margin-bottom: 30px;
}
.single-services-page p {
    color: #666;
    margin-bottom: 0px;
    font-size: 15px;
    letter-spacing: 0.5px;
}
.left-menu li:first-child {
    margin: 0px 0px 2px
}
.left-contact h4 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.left-menu li {
    display: block;
    margin-bottom: 3px;
}
.build-img .page-img {
    padding-bottom: 0;
}
.left-menu ul li.active a {
    background: #1712a1 none repeat scroll 0 0;
    color: #fff;
    position: relative;
}
.left-menu ul li a:hover {
    color: #fff;
    background: #1712a1; 
}
.left-menu ul li a {
    background: #f9f9f9;
    color: #666;
    display: block;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 20px 14px 20px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}
.left-menu ul li.active a::after, .left-menu ul li a:hover::after {
    content: "\e87a";
    font-family: tionscal;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 15px;
}
.about-btn{
	position: relative;
}
.down-btn {
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 20px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    position: relative;
	margin-bottom: 3px;
	background: #f9f9f9;
}
.about-btn .down-btn i{
	padding-right: 10px;
}
.down-btn:hover{
    color:#fff;
    background: #1712a1;
}
.single-well h3 {
    margin-bottom: 15px;
    font-size: 28px;
}
.support-text {
    padding: 20px;
    background: #f9f9f9;
    transition: 0.4s;
	padding: 30px 20px;
}
.support-text h4{
    color:#1712a1;
    font-weight: 700;
}
.support-text a {
    margin: 30px 0px 15px;
    display: block;
    font-size: 22px;
    color: #444;
    font-weight: 700;
}
.support-text p {
    font-size: 16px;
    line-height: 26px;
    color:#444;
    font-weight: 700;
}
.support-text a i {
    display: inline-block;
    font-size: 30px;
    line-height: 22px;
    padding-right: 8px;
}
.page-content h3 {
    font-weight: 600;
    padding: 15px 0 0;
}
.single-well {
    margin-top: 20px;
}
.single-well a h4 {
    font-weight: 600;
    line-height: 30px;
}
.single-page {
    overflow: hidden;
}
.service-list li {
    display: block;
    position: relative;
    padding-left: 30px;
    color: #666;
}
.service-list li::before{
    position: absolute;
    left: 0;
    content:"\f00c";
    font-family:fontawesome;
    top:0;
    color: #1712a1;
}
.single-page-head .service-btn{
    width: 100%;
    margin: 20px 0px 0px 0px;
}
.single-services-page .marker-list li {
    color: #666;
}
.mar-row .single-well {
    margin-top: 0px;
}
.marker-list li:nth-of-type(2){
   margin-left: -217px;
   margin-top:15px;
}
.marker-list li {
    color: #666;
    margin-left: 30px;
  
    font-size: 15px;
}
.marker-list li::after {
    position: absolute;
    content: "\e886";
    left: 10px;
    top: opx;
    font-family: tionscal;
    color: #1712a1;
    font-weight: 700;
}
.tab-menu {
    display: block;
    text-align: center;
}
.tab-menu ul.nav{
    margin: 0;
    padding: 0;
}
.tab-menu ul.nav li {
    border: medium none;
    display: inline-block;
}
.tab-menu ul.nav li a {
	color: #1712a1;
}
.tab-menu ul.nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #444;
    display: block;
    font-weight: 600;
    padding: 10px 20px;
    margin-right: 5px;
    text-transform: uppercase;
    width: 131px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: #1712a1 !important;
  border-color: #1712a1;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #fff !important;
  cursor: default;
  position: relative;
}
.event-content.head-team h5 {
    background: #1712a1 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}









/* slider three 
=====================*/
.slider-three {
  overflow: hidden;
  position: relative;
  height: 740px;
}
.slider-three-bg {
  background: rgba(0, 0, 0, 0) url("img/slider/s1.jpg") repeat scroll center center / cover ;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider-three-bg  {
  -webkit-animation: 50s ease 0s normal none infinite running zoomEffect;
  animation: 50s ease 0s normal none infinite running zoomEffect;
  -webkit-transform: scale(1, 1) translate(0px, 0px);
  -ms-transform: scale(1, 1) translate(0px, 0px);
  transform: scale(1, 1) translate(0px, 0px);
  -webkit-transition:0.3s;
  transition:0.3s;
  height: 100%;
  left: 0;
  margin-bottom: -25px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.slider-three .slide-text {
    position: relative;
    z-index: 2;
}
.slider-three .text-layer {
  right: 13%;
  width: 38%;
  top: 30px;
}
.slider-three .img-layer {left: 17%;}
.slider-three .text-layer h1 span {color: #fff;}
.slider-three .p-list p {line-height: 28px;}
.slider-three .p-list {
  margin-top: 30px;
  width: 95%;
}
@media (min-width: 1500px) and (max-width: 1666px) {
	
.slider-three .img-layer {left: 13%;}
.slider-three .text-layer {
  right: 0;
  width: 50%;
  top: 40px;
}

}

/* zoomEffect keyframes
============================*/
@-webkit-keyframes zoomEffect {
 0% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
 25% {
 -webkit-transform: scale(1.3, 1.3) translate(50px, 50px);
}
 50% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
 75% {
 -webkit-transform: scale(1.3, 1.3) translate(-50px, -50px);
}
 100% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
}
@keyframes zoomEffect {
 0% {
 -webkit-transform: scale(1, 1) translate(0, 0);
 transform: scale(1, 1) translate(0, 0);
}
 25% {
 -webkit-transform: scale(1.3, 1.3) translate(50px, 50px);
 transform: scale(1.3, 1.3) translate(50px, 50px);
}
 50% {
 -webkit-transform: scale(1, 1) translate(0, 0);
 transform: scale(1, 1) translate(0, 0);
}
 75% {
 -webkit-transform: scale(1.3, 1.3) translate(-50px, -50px);
 transform: scale(1.3, 1.3) translate(-50px, -50px);
}
 100% {
 -webkit-transform: scale(1, 1) translate(0, 0);
 transform: scale(1, 1) translate(0, 0);
}
}


.ab ul{
	
  list-style-type: circle;
 !important;
}
/*--------------------------------*/
/* .End CSS
/*--------------------------------*/

</*---------------farman------------*/>



 
       
 
/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
    
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 17px;
   
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);*/
}
.abc img{
    box-shadow: none;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
    
        .overview-far h2{
  text-align:center;
  padding: 20px;
  padding-bottom: 52px;
    color: #010080;
 }


 .over{
    background-color:white;
    width: 88%;
    margin-left: 90px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.16);

 }
 .background{
     background-color: white;
      width: 100%;
     /*height: 400px;*/
     
    }
.section-first{
    margin-top: 5PX;
}
    .overview-far-1{
        margin-top: 100px;
    }
    
     .overview-far-1 h2{
        padding-bottom:0px;
        margin-bottom: -50px;
        text-align: center;
        color: #010080;
    }
.border{
    border-bottom: 2px solid #010080;
    width: 150px;
  top:82px;
  left: 510px;
  position: absolute;
}
.border-1{
    border-bottom: 2px solid  #010080;
    width: 150px;
  top:60px;
  left: 518px;
  position: absolute;
}
.overview-supplier{
    margin-top: 80px;
    margin-bottom: 50px;
}
.overview-supplier h2{
    text-align:center;
  padding: 20px;
  padding-bottom:0px;
  margin-bottom: -20px;
   color: #010080;
}



.topbar-left img{
    width: 25px;
    height: auto;
}
.topbar-left p{
    text-transform: capitalize;
}

.box-h {
    border: 1px solid blue;
    height: 100px;
    width: 0px;
    position: absolute;
    top: 10%;
    left: 33%;
    margin: auto;
}

.home-bg{
    width: 100%;
    height: 100%;
    background-image: url(image/cir1.jpg);
    background-size: cover;
    background-position: center;
    margin-bottom:60px;
    padding-bottom: 140px;
   
}

/*-----------about--------*/
#more {
    display: none;
}
.founder-p{
    background-color:#8ffefe !important;
    margin-top: 20px;
    opacity: .8;
}

.far-founder{
    background-image: url(image/founder.jpg);
    /*height: 700px;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.col-text-center {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}



.about-far .row {
    margin-left: -15px;
    margin-right: -15px;
}
.about-far .section-title {
    margin-bottom: 80px;
}

.about-far .section-title h2 {
    color: #010080;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px;
  
    text-align: center !important;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}



.about-far .title-line {
    background: #010080 none repeat scroll 0 0;
    height: 2px;
    margin: 15px auto 30px;
    position: relative;
    width: 100px;
   
}
.about-far .title-line::after {
    background: #010080 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0%;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 5.5px;
    width: 57px;
}
.about-far .title-line p {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    margin-left: 50%;
}

.single-service.margin-bottom {
    border: 2px solid #c7a939;
}
.single-service.margin-bottom {
    margin-bottom: 65px;
}

.service-icon-two {
    left: 0;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    z-index: 2;
}
.service-one .single-service {
    border: 2px solid #c7a939;
    margin-left: 29px;
    position: relative;
}
.hexagon {
    background: #f1f1f1 none repeat scroll 0 0;
    height: 38px;
    left: 0;
    margin-left: -29px;
    position: absolute;
    top: 0;
    width: 58px;
}
.hexagon::before {
    border-bottom: 16px solid #f1f1f1;
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -16px;
    width: 0;
}
.hexagon::after {
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;
    border-top: 16px solid #f1f1f1;
    bottom: -16px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.service-icon-two i {
    color: #c7a939;
}
.flaticon-like:before {
    content: "\f104";
}
.service-one .service-text {
    overflow: hidden;
    padding: 20px 20px 20px 50px;
}   
.service-one .service-text {
    overflow: hidden;
    padding: 20px 20px 20px 50px;
}.service-icon-two {
    left: 0;
    margin-top: -18px;
    position: absolute;
    top: 50%;
    z-index: 2;
}
.service-text h4 {
    font-weight: 400;
    margin-bottom: 10px;
    color: #000;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 25px;  
}

.about h1, h2, h3, h4, h5, h6{  
   margin: 0 0 15px;
    color: #444;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}  



/*-- counterup section start--*/

.bg-color-1 {
    background: #c7a939 none repeat scroll 0 0;
    margin-top: -60px;
    margin-bottom: 50px;
}
.section-padding {
    padding: 40px 0;
}
.counterup-one .col-sm-6:first-child .single-counter {
    border: 0 none;
}
.single-counter i {
    font-size: 90px;
    color: #010080;
}


.counterup-one .single-counter .counter, .counterup-one .single-counter > h3 {
    color: #fff;
}
.counterup-one .single-counter > h3 {
    font-size: 20px;
    margin: 5px 0 15px;
}


.single-counter > h3, .single-counter .counter {
    font-weight: 400;
}
.single-counter > h3 {
    color: #969696;
    font-size: 20px;
    line-height: 1;
}

.single-counter .counter {
    color: #5e5e5e;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    line-height: 1;
}

.single-counter > h3, .single-counter .counter {
    font-weight: 400;
}
.single-counter > h3, .single-counter .counter {
    font-weight: 400;
}

/* offer section >> accordion one 
=====================================*/
.accordion-one .panel,.accordion-three .panel {
    width: 100%;
    position:relative;
}
.accordion-one .faq-heading::after,.accordion-three .faq-heading::after {
    font-family:"Material-Design-Iconic-Font";
    position: absolute;
    text-align: center;
}
.accordion-one .faq-heading::after {
    background: #c7a939 none repeat scroll 0 0;
    color: #fff;
    content: "\f278";
    font-size: 22px;
    height: 56px;
    line-height: 56px;
    top: 0;
    width: 60px;
}
.accordion-one [aria-expanded="true"] .faq-heading:after {
    content:"\f273";
}
.accordion-one [data-target="#collapse1"] .faq-heading:after {
    content:"\f273";
}
.accordion-one [aria-expanded="false"] .faq-heading:after {
    content:"\f278"!important;
}
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel {
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
    float:none;
}
.panel-group .panel + .panel {
  margin-top: 2px;
}
.faq-heading > h3 {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 56px;
    margin: 0;
    padding-left: 92px;
    text-transform: capitalize;
}
.faq-p {
  background: #f1f1f1 none repeat scroll 0 0;
  border-top: 2px solid #fff;
  padding: 25px;
}
.faq-p p {
    color: #000;
    line-height: 24px;
}
.faq-heading {
    cursor: pointer;
}


/*-- testimonial section start --*/


 {
    position: relative;
}

.bg-one {
    background: rgba(0, 0, 0, 0) url(img-1/bg/1.jpg) repeat scroll center center/cover;
}
.overlay .container {
    position: relative;
    z-index: 2;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.testimonial-one .single-testimonial img {
    display: inline-block;
    margin-bottom: 20px;
    border-radius: 50px;
}
.single-testimonial > span {
    color: #fff;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.client-des {
    border: 1px solid #fff;
    padding: 55px 60px;
    position: relative;
    margin: 30px 15px 0 15px;
} 
.client-des p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    text-align: justify;

}
p {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.client-des::after {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: none;
    border-right: none;
    background: #010080  none repeat scroll 0 0;
    content: "";
    height: 26px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    border-radius: 3px 0 0;
    top: -13px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 26px;
}
.single-testimonial > h2 {
    color: #fff;
    line-height: 36px;
    margin-bottom: 10px;
}

.slick-dots {
    display: inline-block !important;
    margin-top: 35px;
    overflow: hidden;
}
.slick-dots > li {
    line-height: 1;
}

ul li {
    float: left;
}

.slick-dots .slick-active button {
    background: #fff none repeat scroll 0 0;
    width: 30px;
}

.testimonial-one .slick-dots button {
    border-radius: 2px;
}
.slick-dots button {
    background: #d6d6d6 none repeat scroll 0 0;
    border: 0 none;
    font-size: 0;
    height: 12px;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 13px;
}
.slick-dots {
    display: inline-block !important;
    margin-top: 35px;
    overflow: hidden;
}

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


.overlay-one:after {
    /*background: rgba(199, 169, 57, .8) none repeat scroll 0 0;*/
}

.abc img {
    width:12%;
    border: none !important;
}




/*---- latest-blog section start ----*/
.bg-color-7 {
    background: #ffffff none repeat scroll 0 0;
}

.section-padding {
    padding: 40px 0;
}
.section-title h2 {
    color: #303030;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}
.founder-text{
    color:#010080 !important;
}
.title-line {
    background: #010080 none repeat scroll 0 0;
    height: 2px;
    margin: 15px auto 30px;
    position: relative;
    width: 100px;
}
.title-line::after {
    background: #010080 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 5.5px;
    width: 57px;
}
.title-line {
    background: #010080 none repeat scroll 0 0;
    height: 2px;
    margin: 15px auto 30px;
    position: relative;
    width: 100px;
}


p {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    
    line-height: 26px;
}

.single-blog {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}

.blog-img {
    position: relative;
    overflow: hidden;
}

.blog-img img {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
img {
    max-width: 100%;
}
.link-icon, .blog-img.overlay::after {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.link-icon {
    color: #fff;
    font-size: 30px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 40px;
    z-index: 66;
    text-align: center;
}
a {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.blog-img.overlay::after {
    background: rgba(199, 169, 57, .9) none repeat scroll 0 0;
    opacity: 0;
}

.link-icon, .blog-img.overlay::after {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.overlay:after {

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,.8);
}
.blog-text-main {
    border: 1px solid #e6e6e6;
    border-top: 0;
}
.blog-date {
    border-bottom: 1px solid #e6e6e6;
}

.blog-date {
    padding: 0 10px;
}
.floatleft {
    float: left;
}
.blog-date .left p {
    position: relative;
    top: 2px;
}

.blog-date .left p, .blog-date .left p a, .blog-date .right a {
    color: #747474;
}

.blog-date .left p, .blog-date .left p a {
    font-weight: 300;
}
.blog-date .left p, .blog-date .right a {
    line-height: 40px;
}
p {
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.floatright {
    float: right;
}
.blog-date .left p, .blog-date .left p a, .blog-date .right a {
    color: #747474;
}

.blog-date .left p, .blog-date .right a {
    line-height: 40px;
}
.blog-text {
    padding: 30px 14px 18px;
}
.blog-text-main {
    border: 1px solid #e6e6e6;
    border-top: 0;
}
.blog-text {
    padding: 30px 14px 18px;
}
.blog-text > h3 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.blog-text > p {
    color: #000;
}
.read-btn {
    border: 1px solid #e6e6e6;
    color: #000;
    display: inline-block;
    font-size: 12px;
    line-height: 40px;
    margin-top: 20px;
    padding: 0 30px;
}

.read-btn-1 {
    border: 1px solid #010080;
    color: #000000;
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    margin-top: 20px;
    padding: 0 30px;
}

.read-btn-1:hover{
background-color: #010080 !important;


}
.btn-1 {
    border: 1px solid #010080;
    color: #000000;
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    margin-top: 20px;
    padding: 0 30px;
    background:none !important;
}

.btn-1:hover{
background-color: #010080 !important;
color: white;

}

.hvr-right {
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color;
    transition-property: color;
    vertical-align: middle;
    overflow: hidden;
}


.hvr-right:hover::before, .hvr-right:focus::before, .hvr-right:active::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.read-btn:hover, .read-btn:focus {
    color: #fff;
    border-color: transparent;
}
a:active, a:hover {
    outline: 0 none;
    text-decoration: none;
}
a:hover, a:hover, a:focus {
    color: #fff;
    text-decoration: none;
}


.read-btn:hover, .read-btn:focus {
    background: #010080;
    color: #fff;
    border-color: transparent;
}



.single-blog:hover .blog-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.single-blog:hover .link-icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.single-blog:hover .overlay::after {
    -webkit-transform: scale(0.93, 0.9);
    -ms-transform: scale(0.93, 0.9);
    transform: scale(0.93, 0.9);
    opacity: 1;
}

.blog-img.overlay::after {
    background: rgba(199, 169, 57, .9) none repeat scroll 0 0;
    opacity: 0;
}
.link-icon, .blog-img.overlay::after {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}


.overlay-one:after {
    background: grey !important;
}

.overlay:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    /*background:rgba(0,0,0,.8);*/
}



/* all background image 
==================================*/
.bg-one {background: rgba(0, 0, 0, 0) url("../img/bg/1.jpg") repeat scroll center center/cover;}
.bg-two{background:rgba(0, 0, 0, 0) url("../img/bg/2.jpg") repeat scroll center center/cover ;}
.bg-three{background:rgba(0, 0, 0, 0) url("../img/bg/3.jpg") repeat scroll center center / cover ;}
.bg-four {background: rgba(0, 0, 0, 0) url("../img/bg/4.jpg") repeat scroll center center/cover;}

/* all background overlay 
===================================*/
.overlay{position:relative;}
.overlay:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background:rgba(0,0,0,.8);
}
.overlay .container{position:relative;z-index:2;}
.overlay-one:after{background:rgba(199, 169, 57, .8) none repeat scroll 0 0;}
.overlay-two:after{background:rgba(36, 49, 65, 0.85) none repeat scroll 0 0;}
.overlay-three:after{background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;}
.overlay-four:after{background:rgba(34, 34, 34, 0.9) none repeat scroll 0 0;}
.overlay-five:after{background:rgba(36, 49, 65, 0.8) none repeat scroll 0 0;}
.overlay-six:after{background:rgba(255, 255, 255, 0.95) none repeat scroll 0 0;}

/* all background color 
===============================*/
.bg-color-1 {background: #c7a939 none repeat scroll 0 0;}
.bg-color-2 {background: #c7a939 none repeat scroll 0 0;}
.bg-color-3 {background: #f2f2f2 none repeat scroll 0 0;}
.bg-color-4 {background: #f1f1f1 none repeat scroll 0 0;}
.bg-color-5 {background: #434343 none repeat scroll 0 0;}
.bg-color-6 {background: #f5f5f5 none repeat scroll 0 0;}
.bg-color-7 {background: #ffffff none repeat scroll 0 0;}

/* background icon after
===============================*/
.bg-icon .container {z-index: 2;}
.bg-icon,.bg-icon .container{position: relative;}
.bg-icon-one::after {background: rgba(0, 0, 0, 0) url("../img/icons/6.png") no-repeat scroll right center;right: 15%;}
.bg-icon-two::after {background: rgba(0, 0, 0, 0) url("../img/icons/5.png") no-repeat scroll left center;right: -13%;}
.bg-icon-three::after {background: rgba(0, 0, 0, 0) url("../img/icons/7.png") no-repeat scroll right center;right: 25%;}
.bg-icon::after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/* background-icon 
===============================*/
.icon-bg1 {background-image: url("../img/icons/1.png")}
.icon-bg2 {background-image: url("../img/icons/2.png")}
.icon-bg3 {background-image: url("../img/icons/3.png")}

/* Hover Effect hvr-right 
=================================*/



.hvr-right::before {
    background: #010080 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-right {
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color;
    transition-property: color;
    vertical-align: middle;
    overflow:hidden;
}
.hvr-right:hover::before, .hvr-right:focus::before, .hvr-right:active::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.blue-dark::before{background: #010080 none repeat scroll 0 0;}
.blue-dark a:hover ,.white-blue a:hover {color: #288feb;}
.white-blue::before{background: #288feb none repeat scroll 0 0;}
.white-blue a:hover ,.promo-text .button-style-1 a:hover{color: #ffffff;}
.white-blue a:focus ,.promo-text .button-style-1 a:focus{color: #ffffff;}
.button-style-1 a {
    background: #010080  none repeat scroll 0 0;
    border-radius: 20px;
    display: inline-block;
    color: white;
    font-size: 15px;
    line-height: 47px;
    padding: 0 40px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: center;
    font-family:"Montserrat",sans-serif;
}




html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {
    float:left;
    margin-right:15px;
    margin-bottom: 15px;
}
.alignright {
    float:right;
    margin-left:15px;
    margin-bottom: 15px;
}
.aligncenter {
    display:block;
    margin:0 auto 15px;
}
a:focus {outline:0px solid}
img {max-width:100%;}
.fix {overflow:hidden}
p {margin:0px;}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 10px;
    font-weight:600;
    font-family: 'Montserrat', sans-serif;
}
h1,h4{text-transform:uppercase;}
h4{color:#636363;}
a{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-decoration:none;
    font-weight:400;
    color:#fff;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
}
a:hover,a:hover, a:focus {
    color: #fff;
    text-decoration: none;
}
button:focus,a:focus {
    outline: 0;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 0px;
}
a:active, a:hover {
    outline: 0 none;
    text-decoration:none;
}
i{font-size:16px;}
p{
    color:#000;
    font-family: 'Poppins', sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:26px;
}
ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
ul li{float:left;}
hr.line {
    background: #288feb none repeat scroll 0 0;
    border: 0 none;
    height: 1px;
    margin: 0 auto;
    width: 100px;
}
.d-table {
    display: table;
    height: 100%;
    width: 100%;
}
.d-tablecell {
    display: table-cell;
    vertical-align: middle;
}
.col-text-center{
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.clear{clear:both}
body {
    font-family: 'Poppins', sans-serif;
    color:#8c8c8c;
    font-size:14px;
    font-weight:400;
    background:#ffffff;
}
::-moz-selection {
    background: #288feb;
    text-shadow: none;
    color:#fff;
}
::selection {
    background: #288feb;
    text-shadow: none;
    color:#fff;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
input::-moz-placeholder, textarea::-moz-placeholder,
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input::-ms-input-placeholder, textarea::-ms-input-placeholder{opacity:1;}
input:focus, textarea:focus {outline: 0px;}
.mailchimp-alerts.text-centre {
  color: #fff;
  padding-top: 5px;
}

/* Loding bar 
======================*/
#loading{
    background:rgba(40, 143, 235, 1) none repeat scroll 0 0;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999999;
    margin-top: 0px;
    top: 0px;
}
#loading-center{
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;    
}
.object{
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    border-left: 2px solid #FFF;
    border-right: 2px solid #FFF;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    -webkit-animation: animate 2s infinite;
    animation: animate 2s infinite; 
}
#object_one{
    left: 75px;
    top: 75px;
    width: 50px;
    height: 50px;
}
#object_two{
    left: 65px;
    top: 65px;
    width: 70px;
    height: 70px;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

#object_three{
    left: 55px;
    top: 55px;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
#object_four{
    left: 45px;
    top: 45px;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}   

@-webkit-keyframes animate {

50% {
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg); 
  }
      
100% {
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg); 
  }   

}

@keyframes animate {

50% {
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg); 
  }
 
100% {
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg); 
  }   

}

/* ScrollUp 
===============*/
#scrollUp {
    display: none !important;
    height: 50px;
    right: 15px;
    background: #288feb none repeat scroll 0 0;
    bottom: 55px;
    text-align: center;
    width: 45px;
}
#scrollUp i { 
    color: #fff;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
}
#scrollUp:hover {background: #1479d2 none repeat scroll 0 0;}

/* Montserrat Light font
=============================*/
@font-face {
    font-family: 'Montserrat Light';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'),
        url(../fonts/montserrat-light.woff) format('woff'),
        url(../fonts/montserrat-light.ttf) format('truetype');
}

/* section padding 
=========================*/
.section-padding{padding:40px 0;}
.section-padding-top{padding-top:100px;}
.section-padding-bottom{padding-bottom:100px;}

/* section title 
=========================*/
.section-title {margin-bottom: 80px;}
.section-title h2 {
    color: #010080;
    font-size: 36px;
    font-weight: 700;
    margin-top:60px;
    margin-bottom: 0;
    text-transform:uppercase;
}
.title-line {
    background: #010080 none repeat scroll 0 0;
    height: 2px;
    margin: 15px auto 30px;
    position: relative;
    width: 100px;
}
.title-line::after {
    background: #010080 none repeat scroll 0 0;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 5.5px;
    width: 57px;
}

/* all background image 
==================================*/
.bg-one {background: rgba(0, 0, 0, 0) url("../img/bg/1.jpg") repeat scroll center center/cover;}
.bg-two{background:rgba(0, 0, 0, 0) url("../img/bg/2.jpg") repeat scroll center center/cover ;}
.bg-three{background:rgba(0, 0, 0, 0) url("../img/bg/3.jpg") repeat scroll center center / cover ;}
.bg-four {background: rgba(0, 0, 0, 0) url("../img/bg/4.jpg") repeat scroll center center/cover;}

/* all background overlay 
===================================*/
.overlay{position:relative;}
.overlay:after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background:rgba(0,0,0,.8);
}
.overlay .container{position:relative;z-index:2;}
.overlay-one:after{background:rgba(199, 169, 57, .8) none repeat scroll 0 0;}
.overlay-two:after{background:rgba(36, 49, 65, 0.85) none repeat scroll 0 0;}
.overlay-three:after{background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;}
.overlay-four:after{background:rgba(34, 34, 34, 0.9) none repeat scroll 0 0;}
.overlay-five:after{background:rgba(36, 49, 65, 0.8) none repeat scroll 0 0;}
.overlay-six:after{background:rgba(255, 255, 255, 0.95) none repeat scroll 0 0;}

/* all background color 
===============================*/
.bg-color-1 {background: #c7a939 none repeat scroll 0 0;}
.bg-color-2 {background: #c7a939 none repeat scroll 0 0;}
.bg-color-3 {background: #f2f2f2 none repeat scroll 0 0;}
.bg-color-4 {background: #f1f1f1 none repeat scroll 0 0;}
.bg-color-5 {background: #434343 none repeat scroll 0 0;}
.bg-color-6 {background: #f5f5f5 none repeat scroll 0 0;}
.bg-color-7 {background: #ffffff none repeat scroll 0 0;}

/* background icon after
===============================*/
.bg-icon .container {z-index: 2;}
.bg-icon,.bg-icon .container{position: relative;}
.bg-icon-one::after {background: rgba(0, 0, 0, 0) url("../img/icons/6.png") no-repeat scroll right center;right: 15%;}
.bg-icon-two::after {background: rgba(0, 0, 0, 0) url("../img/icons/5.png") no-repeat scroll left center;right: -13%;}
.bg-icon-three::after {background: rgba(0, 0, 0, 0) url("../img/icons/7.png") no-repeat scroll right center;right: 25%;}
.bg-icon::after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/* background-icon 
===============================*/
.icon-bg1 {background-image: url("../img/icons/1.png")}
.icon-bg2 {background-image: url("../img/icons/2.png")}
.icon-bg3 {background-image: url("../img/icons/3.png")}

/* Hover Effect hvr-right 
=================================*/
.hvr-right::before {
    background: #010080 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50% 0;
    -ms-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-right {
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color;
    transition-property: color;
    vertical-align: middle;
    overflow:hidden;
}
.hvr-right:hover::before, .hvr-right:focus::before, .hvr-right:active::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.blue-dark::before{background: #010080 none repeat scroll 0 0;}
.blue-dark a:hover ,.white-blue a:hover {color: #288feb;}
.white-blue::before{background: #288feb none repeat scroll 0 0;}
.white-blue a:hover ,.promo-text .button-style-1 a:hover{color: #ffffff;}
.white-blue a:focus ,.promo-text .button-style-1 a:focus{color: #ffffff;}
.button-style-1 a {
    background: #010080  none repeat scroll 0 0;
    border-radius: 20px;
    display: inline-block;
    font-size: 15px;
    line-height: 47px;
    padding: 0 40px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: center;
    font-family:"Montserrat",sans-serif;
}

/* custom select 
=============================*/
select {-moz-appearance: none;-webkit-appearance: none;}
.custom-select {position: relative;}
.custom-input input, .custom-select select {
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0 20px;
    width: 100%;
}
.custom-input input{padding: 7px 15px;}
.custom-select::after {
    border-left: 1px solid #ddd;
    color: #1b1b1b;
    content: "\f2f9";
    font-family: "Material-Design-Iconic-Font";
    font-size: 15px;
    height: 100%;
    line-height: 35px;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
}
.custom-select select:focus {
    -webkit-box-shadow: 0 0 0px 0px #ddd;
    box-shadow: 0 0 0px 0px #ddd;
}

/* live chat box 
======================*/
.live-chat {
    position: relative;
}
.chat-box {
    background: #fff none repeat scroll 0 0;
    position: absolute;
    right: 0;
    width: 350px;
    z-index: 5;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: -webkit-transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    vertical-align: top;
    visibility: visible;
}
.live-chat .chat-box-active{
    opacity: 1;
    overflow: visible;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
    transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
    z-index: 9999999;
}
.chat-box .head {
    background: #1c7bd0 none repeat scroll 0 0;
    line-height: 40px;
    padding: 0 20px;
}
.chat-box .left span {
    color: #fff;
    font-size: 15px;
    text-transform: capitalize;
}
.chat-box .right i {
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 40px;
    padding: 0 10px;
}
.chat-body {
    padding: 10px 30px;
}
.chat-body > p {
  text-align: center;
  margin-bottom: 10px;
}
.chat-body textarea{height:auto;}
.chat-body input[type="button"] {
  background: #288feb none repeat scroll 0 0;
  border: 0 none;
  color: #fff;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  text-transform: uppercase;
}
.chat-body input[type="button"]:hover {
  background: #1c7bd0 none repeat scroll 0 0;
}

/*=========================
[ 2. Home Version One ]
===========================*/
.header-style-one .header-bottom {
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 2;
}

/* language select 
========================*/
.lang .custom-select::after {
    border-left: 0 none;
    color: #c8c8c8;
    font-size: 18px;
    line-height: 40px;
}
.lang .custom-select select {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #c8c8c8;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0 0;
    cursor:pointer;
    font-family: 'Montserrat Light';
}

/* header right 
=======================*/
.header-style-one .header-top .right li,
.header-style-one .header-top .right li a{
    color: #c8c8c8;
    font-family: 'Montserrat Light';
    font-size: 12px;
}
.header-style-one .header-top .right li{
    line-height: 40px;
    margin-left: 30px;
}
.header-style-one .header-top .right .live-chat a {
    background: #288feb none repeat scroll 0 0;
    display: block;
    font-size: 14px;
    font-weight:400;
    color:#fff;
    font-family: 'Montserrat';
    padding: 0 25px;
}
.header-style-one .header-top .right .live-chat a:focus,
.header-style-one .header-top .right .live-chat a:hover{
    color:#fff;
    background:#1c7bd0;
}
.header-style-two .header-top .left li a,
.header-style-one .header-top .right li a,
.header-style-one .header-top .live-chat > a{
    text-transform:capitalize;
}
.header-style-one .search-box button {border-color:#fff;}
.header-style-one .search-box form {
  background: #288feb none repeat scroll 0 0;
  z-index: 99999;
}

/* slider one 
=========================*/
.slider-one{
    position:relative;
    z-index:1;
}
.slider-one .text-layer h2,.slider-one .text-layer h1,.slider-one .p-list p{
  color: #3e3e3e;
}
.lay1,.lay2-1 {
  left: 11%;
  margin-top: -235px;
  top: 50%;
}
.text-lay {position: inherit;}
.text-lay span {position: static;}
.text-lay {
    left: 50%;
    top: 50%;
}
.text-lay.lay2,.text-lay.lay2-2 {
  margin-left: -3px;
  top: 29%;
}
.text-lay.lay3,.text-lay.lay2-3 {
  margin-left: -5px;
  top: 34%;
}
.text-lay.lay4,.text-lay.lay2-4 {
  top: 46.5%;
}
.text-lay.lay6,.text-lay.lay2-6 {
  top: 53.5%;
}
.text-lay.lay7,.text-lay.lay2-7 {
  top: 56.9%;
}
.text-lay.lay8,.text-lay.lay2-8 {
  top: 64%;
}
div.anim-arrows > span.anim-arrows-prev::after {
  content: "";
}
div.anim-arrows > span.anim-arrows-next::after {
  content: "\f2fb";
}
div.anim-arrows > span.anim-arrows-prev::after, div.anim-arrows > span.anim-arrows-next::after {
  font-family: "Material-Design-Iconic-Font";
}
.slider-one .anim-dots {display: none;}

/* domain search 
=========================*/
.domain-search-one .section-title {
  margin-bottom: 40px;
}
.domain-search-one .section-title > h3,
.welcome-one .section-title > h3 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.domain-search-one .title-line::after,
.welcome-one .title-line::after {
    margin: 0;
}
.domain-search-one .title-line {
    margin: 15px 0 20px;
}
.domain-search-one,
.welcome-one {
    position: relative;
}

/* service one 
==========================*/
.service-one .service-text > p {
  color: #000;
}
.service-one .single-service::after {
    border: 1px solid #f8f8f8;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.service-one .single-service {
    border: 2px solid #c7a939;
    margin-left: 29px;
    position: relative;
}
.service-one .service-text {
    overflow: hidden;
    padding: 20px 20px 20px 50px;
}
.service-one .service-text h4 {font-size: 22px;}
.service-icon-two {
  left: 0;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  z-index: 2;
}
.service-icon-two .hexagon{
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.service-one .single-service:hover .service-icon-two .hexagon {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.hexagon::before {
    border-bottom: 16px solid #f1f1f1;
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -16px;
    width: 0;
}
.hexagon::after {
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;
    border-top: 16px solid #f1f1f1;
    bottom: -16px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.hexagon {
    background: #f1f1f1 none repeat scroll 0 0;
    height: 38px;
    left: 0;
    margin-left: -29px;
    position: absolute;
    top: 0;
    width: 58px;
}
.service-icon-two i {
  color: #8a8a8a;
  font-size: 30px;
  line-height: 44px;
  margin-left: -14px;
  position: relative;
  z-index: 5;
}
.service-icon-two i,.hexagon,.service-one .single-service::after,.service-one .single-service,
.service-one .single-service .hexagon:after,.service-one .single-service .hexagon:before {
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
/*.service-one .single-service:hover,.service-one .single-service:hover::after{
    border-color:#c7a939;
}*/
.service-one .single-service:hover .hexagon:after{border-top-color:#c7a939;}
.service-one .single-service:hover .hexagon:before{border-bottom-color:#c7a939;}
.service-one .single-service:hover .hexagon{background:#c7a939;}
.service-one .single-service:hover .service-icon-two i{color:#fff;}

/* counterup one 
=======================*/
.counterup-one .single-counter {
    border-left: 1px solid #010080;
}
.counterup-one .col-sm-6:first-child .single-counter {
    border: 0 none;
}
.counterup-one .single-counter > h3 {
  font-size: 20px;
  margin: 5px 0 15px;
}
.counterup-one .single-counter .counter,.counterup-one .single-counter > h3 {
  color: #010080;
  font-weight: 700;
}

/* pricing table one 
==========================*/
.pricing-one .head-part > h2 {
  line-height: 30px;
  margin: 0 0 5px 0;
}
.pricing-one .head-part {
  padding: 60px 0 95px;
}
.content-part,.pricing-one .head-part,
.dolar-price > h1,
 .dolar-price > p ,
 .dolar-price > h1 sup,
 .hexagon-one{
    position: relative;
}
.dolar-price {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -68px;
  width: 125px;
}
.dolar-price > h1,
.dolar-price > p {
    color: #fff;
    margin: 0;
    top: -30px;
    z-index: 5;
}
.dolar-price > h1 span {
    font-size: 20px;
    font-weight: 600;
}
.dolar-price > p {
    font-weight: 300;
    line-height: 1;
    margin-top: 3px;
    font-family: 'Montserrat Light';
}
.dolar-price > h1 sup {
    font-size: 20px;
    margin-right: 5px;
    top: -8px;
}
.hexagon-one {
  background: #288feb none repeat scroll 0 0;
  bottom: -35px;
  height: 70px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 120px;
  z-index: 1;
  top: 100%;
}
.hexagon-one::before,.hexagon-one::after  {
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0;
}
.hexagon-one::before {
  border-bottom: 35px solid #288feb;
  top: -35px;
}
.hexagon-one::after {
  border-top: 35px solid #288feb;
  bottom: -35px;
}
.hexagon-one.white-hexagon::before {
  border-bottom-color:#fff;
}
.hexagon-one.white-hexagon::after {
  border-top-color:#fff;
}
.hexagon-one.white-hexagon {
    background: #fff none repeat scroll 0 0;
    height: 74px;
    left: -2px;
    position: absolute;
    top: 26%;
    width: 124px;
}
.pricing-one .content-part > ul {
  padding: 78px 0 42px;
}
.pricing-one .content-part li:nth-child(2n+1) {
  background: #fff none repeat scroll 0 0;
}
.pricing-one .content-part li {
  border-bottom: 1px solid #e6e6e6;
}

/* testimonial one 
=====================*/
.testimonial-one .single-testimonial img {
    display: inline-block;
    margin-bottom: 20px;
}
.client-des {
  border: 1px solid #010080;
  padding: 55px 60px;
  position: relative;
  margin: 30px 15px 0 15px;
}
.client-des p {
    color: black;
    font-size: 18px;
    line-height: 36px;
}
.client-des::after {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: none;
    border-right: none;
    background: ##010080  none repeat scroll 0 0;
    content: "";
    height: 26px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    border-radius: 3px 0 0;
    top: -13px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 26px;
}
.testimonial-one .slick-dots button {
  border-radius: 2px;
}

/* latest blog one 
========================*/
.link-icon {
    color: #fff;
    font-size: 30px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 40px;
    z-index:66;
    text-align:center;
}
.link-icon,.blog-img.overlay::after {-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.blog-img {
    position: relative;
    overflow: hidden;
}
.blog-img img {-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.single-blog:hover .blog-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.blog-img.overlay::after {
  background: #010080  none repeat scroll 0 0;
  opacity:0;
}
.single-blog:hover .overlay::after {
  -webkit-transform: scale(0.93, 0.9);
  -ms-transform: scale(0.93, 0.9);
  transform: scale(0.93, 0.9);
  opacity:1;
}
.single-blog:hover .link-icon {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.blog-text-main {
    border:1px solid #e6e6e6;
    border-top:0;
}
.blog-date {padding: 0 10px;}
.blog-date .left p, .blog-date .right a {line-height: 40px;}
.blog-date .left p,.blog-date .left p a{font-weight:300;}
.blog-date .left p,
.blog-date .left p a,
.blog-date .right a {
    color: #747474;
}
.blog-date .left p {
  position: relative;
  top: 2px;
}
.blog-date {border-bottom: 1px solid #e6e6e6;}
.blog-date .right a:hover,.blog-date .left p a:hover,.theme-color{color:#288feb;}
.blog-date .left p a {
  font-family: poppins;
  text-transform: capitalize;
}
.blog-text {
    padding: 30px 14px 18px;
}
.blog-text > h3 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
}
.blog-text > p {color: #000;}
.read-btn {
    border: 1px solid #e6e6e6;
    color: #000;
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    margin-top: 20px;
    cursor: pointer;
    font-weight: 700;
    margin-left: 28%;
    padding: 0 30px;
    box-shadow: 0px 0px 1px 0px rgb(0,0,0,0.6);
}
.read-btn:hover,.read-btn:focus {
    color: #fff;
    border-color:transparent;
}

.caption h5{
    text-align: center !important;
}

.no-mar-left a{
    margin-left: 0px!important;
}
/* footer section 
=======================*/
.footer-text a {
    color: #fff;
    line-height: 30px;
    text-transform: capitalize;
}
.footer-text li {
    float: none;
}
.footer-logo.footer-text li {
    color: #fff;
}
.footer-logo.footer-text li a,
.footer-text a,
.footer-logo.footer-text li {
    font-family: 'Montserrat Light', arial;
}
.footer-logo.footer-text li strong {
    font-weight: 400;
    font-size:16px;
    color:#fff;
    font-family:'Montserrat', sans-serif;
}
.footer-logo.footer-text li:first-child {
    margin-bottom: 20px;
}
.footer-text.footer-logo > a {
  margin-bottom: 5px;
  display: block;
}
.footer-text > h3 {
    color: #fff;
    font-weight: 400;
    line-height: 30px;
}
.footer-text a:hover {
    padding-left: 5px;
}
.footer-text a:hover ,.footer-two .footer-bottom .right li a:hover{
    color: #000;
}
.footer-one .footer-bottom .right li a:hover,.footer-one .footer-bottom .left a:hover{
    color: #243141 ;
}
.footer-logo.footer-text a:hover,.footer-text .visa-card a:hover {padding-left: 0px;}
.visa-card {margin-top: 35px;}
.visa-card > h4 {
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
}
.footer-text .button-style-1 {margin-top: 25px;}
.footer-text .button-style-1 a:hover {padding: 0 25px;color:#fff;}
.footer-text .button-style-1 a i {
    font-size: 16px;
    margin-right: 6px;
    position: relative;
    top: 2px;
}
.footer-one .footer-text .button-style-1 a {
  border-radius: 20px;
  font-size: 12px;
  line-height: 44px;
  padding: 0 25px;
  text-transform: uppercase;
}

/* footer bottom 
======================*/
.footer-bottom {
    padding: 15px 0;
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.footer-bottom .left p, .footer-bottom a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-transform: capitalize;
    font-family:"Poppins",sans-serif;
}
.footer-bottom .right li a {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}
.footer-bottom .right li span {
    color: #fff;
    font-size: 12px;
    margin: 0 10px;
    font-weight: 300;
}
.footer-bottom .right li {
    padding-top: 4px;
}

/*=========================
[ 3. Home Version Two ]
===========================*/
.header-style-two .header-top {background: #303030 none repeat scroll 0 0;}
.header-style-two .header-top .right li a ,
.header-style-two .header-top .left li,
.header-style-two .header-top .left li a{
    color: #9a9a9a;
}
.header-style-two .header-top .left li a{
    font-family:"Poppins",sans-serif;
    text-transform:capitalize;
    font-size:14px;
}
.header-style-two .header-top .right li a:hover,
.header-style-two .header-top .left li a:hover,
.header-style-one .header-top .right li a:hover{
    color: #288feb;
}
.header-style-two .header-top ul li,.header-top .social-icon ul li a {
    line-height: 50px;
}
.header-top .social-icon li:last-child {
  margin-left: 10px;
}
.header-style-two .header-top .left li {
    font-size: 13px;
    font-weight: 300;
    margin-right: 30px;
}
.header-style-two .header-top .right li a {
  font-size: 14px;
  padding: 0 10px;
  display: block;
}

/* language select 
=======================*/
.header-style-two .lang .custom-select::after {line-height: 46px;}
.header-style-two .lang .custom-select::after,
.header-style-two .lang .custom-select select {color: #9a9a9a;}
.header-style-two .lang .custom-select select {
    height: 50px;
    line-height: 50px;
}

/* mainmenu
=======================*/
.mobile-menu-area{display:none;}
.logo,.header-bottom .right {line-height: 100px;}
nav a {
    color: #5f5f5f;
    font-size: 14px;
    font-weight: 600;
    margin: 0 15px;
    position: relative;
    display:block;
}
nav a::after,nav a::before {
    background: #288feb none repeat scroll 0 0;
    content: "";
    height: 1px;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 50%;
}
nav a::after {
  left: 0;
  margin-top: -10px;
  top: 50%;
}
nav a::before {
    margin-top: 11px;
    right: 0;
    top: 50%;
}
/*nav ul>li:hover> a::after, nav ul>li:hover> a::before ,nav li a.active::after, nav li a.active::before {
    opacity: 1;
}*/

nav a:hover::after {left: 50%;}
nav a:hover::before {right: 50%;}
nav ul>li:hover> a,nav li a.active,nav li a:focus{
    color:white;
}

/* dropdown menu 
=========================*/
.mainmenu ul > li {position: relative;}
.mainmenu nav > ul > li > ul {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  left: 0;
  padding: 10px 0;
  position: absolute;
  top: 140%;
  visibility: hidden;
  width: 220px;
  opacity:0;
  -webkit-transition:.3s;
  transition:.3s;
  z-index:999999;
  border-top:1px solid #D4D4D4;
}
.mainmenu ul li:hover ul {
  top: 102%;
  visibility: visible;
  opacity:1;
}
.mainmenu ul > li ul li {
    float: none;
    line-height: 38px;
    padding: 0 10px 0 20px ;
}
.mainmenu ul > li ul li a:after,.mainmenu ul > li ul li a:before{opacity:1;}
.mainmenu ul > li ul li a{
    margin:0;
    display:inline-block;
}

/* mega menu 
=====================*/
.mainmenu{
  position:relative;
  margin-left: 200px!important;
}
.mainmenu ul > li.mega-parent {
  position:static;
}
.mainmenu ul > li ul.megamenu li i {
  color: #288feb;
  margin-right: 8px;
}
.mainmenu ul > li ul.megamenu{
  width:100%;
}
li ul.megamenu li.mega-column {
  float: left;
  padding: 0 0 0 10px;
  width: 33.33%;
}

/* sticky menu 
====================*/
.is-sticky .header-bottom {
  z-index: 99999999;
  position: relative;
  background: #fff;
}
.header-style-two .is-sticky .header-bottom {
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.3);
}
.is-sticky .logo,.is-sticky  .header-bottom .right {
  line-height: 70px;
}
.is-sticky i.displaynone {
  line-height: 65px;
}
.is-sticky .search-box form {
  background: rgba(40, 143, 235,.8) none repeat scroll 0 0;
  border: 1px solid #fff;
}
.is-sticky .search-box button {
  height: 43px;
  border-color: #fff;
}
.is-sticky .mainmenu ul li:hover ul {
  top: 103%;
}

.header-bottom.sticky{
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.header-bottom.sticky .header-bottom-bg {
    background: transparent none repeat scroll 0 0;
}
.header-bottom.sticky .logo {
    line-height: 70px;
    -webkit-transition:.4s;
    transition:.4s;
}
.header-bottom.sticky .cart-menu-area li a span {
    top:8px;
}
.header-bottom.sticky .mean-container .mean-bar ,.header-bottom.sticky .mean-container .mean-nav {
  top: 10px;
}

/* search box 
=====================*/
.search-box > i {
    color: #288feb;
    cursor: pointer;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    position: relative;
    text-align: center;
    top: 3px;
    width: 20px;
}
i.displaynone {
    left: 0;
    line-height: 90px;
    position: absolute;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    visibility: hidden;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.search-parent .displaynone {
    visibility: visible;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
.search-parent .displayblock {
    visibility: hidden;
}
.search-box form {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
  position: absolute;
  right: 0;
  z-index: 1003;
  top: 101%;
}
.search-box form,.search-box-three form {
  height: 45px;
  line-height: 45px;
  width: 500px;
}
.search-box {
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.search-box button,
.search-box input,
.search-box-three button,
.search-box-three input{
    background: transparent none repeat scroll 0 0;
}
.search-box input, .search-box-three input {
  border: 0 none;
  color: #fff;
  float: right;
  padding: 0 20px;
  width: 90%;
}
.search-box input,
 .search-box-three input,
 .search-box button,
 .search-box-three button {
  background: transparent none repeat scroll 0 0;
}
.search-box button,.search-box-three button {
    border:0;
    border-left:1px solid #9a9a9a;
    color: #fff;
    float: right;
    font-size: 20px;
    width: 10%;
    height:45px;
}
.search-box input::-webkit-input-placeholder,
.search-box-three input::-webkit-input-placeholder{
    color:#fff;
}

/* slider text 
======================*/
.camera_overlayer {
  background: rgba(0,0,0,.7);
}
.text-layer h2 ,.text-layer h1,.p-list p,.domain-search .section-title > h2, .domain-search .section-title > p{color: #fff;}
.text-layer h2 {
    font-size: 32px;
    margin: 0px;
    line-height: 40px;
}
.text-layer h1 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
}
.text-layer h1 span,.footer-two  .footer-bottom .left a:hover {
    color: #288feb;
}
.p-list p {
    line-height: 30px;
    font-size:16px;
}

.text-layer .button-style-1 a {
    margin-top: 30px;
}
.img-layer {
    bottom: -7px;
    position: absolute;
    right: 10%;
    text-align: right;
}

/* next prev 
========================*/
.camera_prev, .camera_next {
    border-radius: 50%;
    height: 58px;
    line-height: 58px;
    margin-top: -29px;
    overflow: hidden;
    background: transparent;
    width: 58px;
}
.camera_next {right: 30px;}
.camera_prev {left: 30px;}
.camera_next > span::after,
.camera_prev > span::after {
    background: transparent;
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 40px;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff;
}
.camera_next > span:hover::after,
.camera_prev > span:hover::after {
    background: #288feb;
}
.camera_next > span::after {
    content: "\f2fb";
}
.camera_prev > span::after {
    content: "\f2fa";
}

/* slider animated delay
=======================*/
.slider-two .animated{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.time-delay1{
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.time-delay2{
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.time-delay3{
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.time-delay4{
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}
.time-delay5{
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
}

/* choose section 
========================*/
.single-choose {
    background-position: center center;
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    padding: 60px 0px;
}
.single-choose p {
    padding: 0 40px;
    color:#969696;
}
.main-choose {
    padding-top: 10px;
}
.single-choose h3 {
    color: #575757;
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 20px;
}
.single-choose .button-style-1 a {
    background: #575757 none repeat scroll 0 0;
    font-size: 12px;
    line-height: 37px;
    margin-top: 40px;
}
.single-choose .button-style-1 a:hover {
  background: #288feb none repeat scroll 0 0;
  color: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.4);
  box-shadow: 0 2px 6px rgba(0,0,0,.4);
}

/* domain search section 
===========================*/
.domain-search .section-title {
  margin-bottom: 50px;
}
.enter-domain > input ,.subscribe-input input{
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    border: 0 none;
    line-height: 45px;
    padding: 2px 30px 0 30px;
    width: 100%;
}
.enter-domain {
  float: left;
  margin-right: 30px;
  position: relative;
  width: 75%;
}
.dot-com ,.enter-domain > input,.dot-check label {color:#d9d9d9;}
.dot-check input {
    margin: 0 8px 0 0;
    position: relative;
    top: 1px;
}
.dot-check label {
    font-size: 14px;
    margin: 0;
    width: 82px;
    font-family: 'Poppins', sans-serif;
}
.dot-check {margin: 17px 0 0 20px;}
.dot-com {
    position: absolute;
    right: 20px;
    top: 30%;
}
.dot-com::after {
    background: #787878 none repeat scroll 0 0;
    content: "";
    height: 15px;
    left: -10px;
    position: absolute;
    top: 2px;
    width: 1px;
}
.domain-box button,.subscribe-box button {
    background: #288feb none repeat scroll 0 0;
    border: 0 none;
    line-height: 47px;
    padding: 0 15px;
    width: 21%;
    text-transform: uppercase;
    color: #fefefe;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: .3s;
    transition: .3s;
}

/* service section  
========================*/
.service-icon i {
    border: 1px solid #bebebe;
    color: #8a8a8a;
    float: left;
    font-size: 32px;
    height: 58px;
    line-height: 62px;
    margin-right: 22px;
    margin-top: 2px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 58px;
}
.service-text {overflow: hidden;}
.service-text h4{
    font-weight: 400;
    margin-bottom: 10px;
    color:#000;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    text-transform: capitalize;
    font-size:22px;
}
.service-text > p {
    color: #969696;
}
.single-service.margin-bottom{margin-bottom:65px;}
.single-service:hover .service-icon i {
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4);
    color: #fff;
    border-color:#288feb;
}

/* counerup section 
==========================*/
.single-counter > h3 {
    color: #969696;
    font-size: 20px;
    line-height: 1;
}
.single-counter > h3,.single-counter .counter {font-weight:400;}
.single-counter .counter {
    color: #5e5e5e;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    line-height: 1;
}


/* pricing table section 
===========================*/
.head-part {
    overflow: hidden;
    padding: 70px 0 25px;
    position: relative;
}
.catelog h5,.active-hover .content-part .button-style-1 a,
.single-service:hover .service-icon i{
    background: #288feb none repeat scroll 0 0;
}
.catelog h5 {
    color: #fff;
    line-height: 40px;
    margin: 0;
    position: absolute;
    right: -42px;
    text-transform: uppercase;
    top: 30px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 190px;
}
.content-part li {
    color: #777;
    float: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 45px;
    font-family: "Montserrat",sans-serif;
}
.content-part li:nth-child(odd) {
    background: #f5f5f5 none repeat scroll 0 0;
}
.content-part > ul {
    padding: 42px 0;
}
.content-part {
    padding-bottom: 40px;
}
.content-part .button-style-1 a:hover ,.active-hover .content-part .button-style-1 a {-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);}
.content-part .button-style-1 > a {
    font-size: 14px;
    line-height: 36px;
    padding: 0 42px;
    background: #434343 ;
}
.single-pricing-table:hover ,.active-hover.single-pricing-table {
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}
.single-pricing-table {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.head-part > h2 {
    color: #fff;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
}
.head-part > p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}
.head-part > h1 {
    color: #288feb;
    line-height: 24px;
    margin: 25px 0 0;
}
.head-part span {
    color: #fff;
    font-size: 20px;
    text-transform: lowercase;
}

/* testimonial section 
=============================*/
.single-testimonial > p {
    color: #fff;
    font-size: 18px;
    line-height: 36px;
}
.horizontal-line {
    background: #fff none repeat scroll 0 0;
    height: 40px;
    margin: 10px auto;
    width: 2px;
}
.single-testimonial > h2 {
    color: black;
    line-height: 36px;
  
}
.single-testimonial > span {
    color: black;
    font-family: "Montserrat",sans-serif;
    font-size: 25px;
    font-weight: 400;
}

/* slick dots 
=====================*/
.slick-dots button {
    background: #d6d6d6 none repeat scroll 0 0;
    border: 0 none;
    font-size: 0;
    height: 12px;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 13px;
}
.slick-dots li:last-child button {
    margin-right: 0;
}
.slick-dots .slick-active button {
    background: #fff none repeat scroll 0 0;
    width: 30px;
}
.slick-dots > li {
    line-height: 1;
}
.slick-dots {
    display: inline-block !important;
    margin-top: 35px;
    overflow: hidden;
}

/* features section 
==========================*/
.features-text {padding-top: 50px;}
.features-text > h2,
.features-text > h1 {
    color: #434343;
    font-weight: 700;
    margin:0;
}
.features-text > h2 {
  margin-bottom: 5px;
}
.features-text > h1 {
    margin-bottom:20px;
}
.features-text > p {
    color: #969696;
    line-height: 28px;
}
.features-text li {
    color: #969696;
    line-height: 28px;
    margin-bottom: 5px;
}
.features-text > ul {
    padding: 35px 0;
}
.features-text li i {
    color: #288feb;
    font-size: 18px;
    margin-right: 13px;
    position: relative;
    top: 2px;
}
.features-text .button-style-1 a{-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);}

/* subscribe section 
==========================*/
.subscribe-area .section-title {
  margin-bottom: 40px;
}
.subscribe-two .section-title > h2,
.subscribe-two .section-title p {
  color: #fff;
}
.subscribe-box {
    width: 580px;
    margin:0 auto;
}
.subscribe-input > input {
    border-radius: 18px;
    color: #f5f5f5;
    float: left;
    line-height: 42px;
    margin-right: 10px;
    padding: 2px 22px 0;
    width: 68.26%;
}
.subscribe-box button {
    border-radius: 20px;
    line-height: 44px;
    width: 30%;
}

/* offer section >> accordion one 
=====================================*/
.accordion-one .panel,.accordion-three .panel {
    width: 100%;
    position:relative;
}
.accordion-one .faq-heading::after,.accordion-three .faq-heading::after {
    font-family:"Material-Design-Iconic-Font";
    position: absolute;
    text-align: center;
}
.accordion-one .faq-heading::after {
    background: #c7a939 none repeat scroll 0 0;
    color: #fff;
    content: "\f278";
    font-size: 22px;
    height: 56px;
    line-height: 56px;
    top: 0;
    width: 60px;
}
.accordion-one [aria-expanded="true"] .faq-heading:after {
    content:"\f273";
}
.accordion-one [data-target="#collapse1"] .faq-heading:after {
    content:"\f273";
}
.accordion-one [aria-expanded="false"] .faq-heading:after {
    content:"\f278"!important;
}
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel {
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 none;
    float:none;
}
.panel-group .panel + .panel {
  margin-top: 2px;
}
.faq-heading > h3 {
    background: #f1f1f1 none repeat scroll 0 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 56px;
    margin: 0;
    padding-left: 92px;
    text-transform: capitalize;
}
.faq-p {
  background: #f1f1f1 none repeat scroll 0 0;
  border-top: 2px solid #fff;
  padding: 25px;
}
.faq-p p {
    color: #000;
    line-height: 24px;
}
.faq-heading {
    cursor: pointer;
}

/* promo section two 
============================*/
.promo-area.section-padding {
    padding: 95px 0 75px 0;
}
.promo-two{
    overflow: hidden;
    position: relative;
}
.promo-two.bg-icon-two::after {top: 0px;}
.promo-text {
    position: relative;
    z-index: 2;
}
.promo-text h2,
.promo-text h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: capitalize;
}
.promo-text p {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
}
.promo-text .button-style-1 a {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
  color: #288feb;
  font-size: 16px;
  padding: 0 50px;
  margin-top: 10px;
  -webkit-transition:.5s;
  transition:.5s;
}
.promo-text .button-style-1 a:hover{background:transparent none repeat scroll 0 0;}

/* brand logo section 
============================*/
.brand-logo li {width: 20%;}
.brand-logo a {
    border: 1px solid #dddddd;
    display: inline-block;
}
.brand-logo a:hover {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
/* footer two 
=======================*/
.footer-two .footer-bottom .right li span,
.footer-two .footer-bottom .right li a,
.footer-two .footer-bottom .left p,
.footer-two  .footer-bottom .left a {
  color: #8b8b8b;
}

/*==================================
[ 4. Home Version Three ]
====================================*/
.header-style-three .header-top .left{
    line-height: 0px;
    margin-left: -15px;
}
.header-style-three .lang {
    float: left;
}
.header-style-three .social-icon {
    display: inline-block;
    margin-left: 20px;
}
.social-icon li a {font-size: 16px;}
.header-style-three .social-icon ul li a {
    color: #c8c8c8;
    display: block;
        font-size: 17px;
    line-height: 40px;
    padding: 0 13px 0 12px;
}
.header-style-three .header-top .right a span {
    position: relative;
    right: -2px;
    top: -3px;
    font-size: 10px;
}
.header-style-three .header-top .right a:hover{background:#288feb;}
.header-style-three .social-icon ul li a:hover,
.header-style-three .header-middle .right li a:hover {
    color: grey!important;
    /*margin-left: 30px;*/
}
.header-style-three .header-middle .right li a:nth-of-type(1){
margin-left: -5px!important; 
}
.header-style-three .header-middle .right li a{
    color: #444!important;

}
.header-style-three .header-top .right a {
    /*border-left: 1px solid #c7a939;*/
    color: #ddd;
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 40px;
    padding: 0 15px;
    text-transform: capitalize;
    
}
.header-style-three .header-top .right a,.team-text > h5 {
  font-family: "Montserrat Light",arial;
}
.header-style-three .header-top .right li:last-child a {
    /*border-right: 1px solid #c7a939;*/
    line-height:39px;
    margin-right: 15px;
}
.header-style-three .header-middle .right li h4 {
    color: #575757;
    font-weight: 500;
    margin-bottom: 0;
    text-transform: capitalize;
}
.header-style-three .header-middle .right li {
    margin-right: 30px;
}
.header-style-three .header-middle .right {
    padding-top: 26px}
.header-style-three .header-middle .right li a {
      color: #797979;
    font-size: 15px;
    text-transform: uppercase;
}
.header-style-three .is-sticky .header-bottom {
  background: #288feb none repeat scroll 0 0;
}
.header-style-three .search-box-three {padding: 13px 0;}
.search-box-three form {
  background: rgba(36,49,65,.10) none repeat scroll 0 0;
}
.search-box-three form {
  height: 34px;
  line-height: 34px;
  width: 480px;
}
.search-box-three button {
  background: rgba(36,49,65,.10) none repeat scroll 0 0;
  border: 0;
  height:34px;
  width: 48px;
}
.search-box-three button i {
  position: relative;
  top: 2px;
}
.search-box-three input {
  width: 430px;
  padding: 1px 20px 0;
}
.header-style-three nav a::after,.header-style-three  nav a::before {
  background: #fff none repeat scroll 0 0;
}
.header-style-three nav a {
  color: #fff;
}
.header-style-three nav a {
  line-height: 60px;
}
.header-style-three nav a:hover,.header-style-three nav a,.header-style-three nav a:focus{
  color: #fff;
}
.header-style-three .header-bottom .right {
  line-height: 60px;
}

/* dropdown menu three
=========================*/
.header-style-three nav li ul li a {
  line-height: 35px;
  color:#5f5f5f;
}
.header-style-three nav> ul>li:hover> a {
  color:#fff;
}
.header-style-three nav> ul> li> ul> li:hover> a,
.header-style-three nav> ul> li> ul> li ul li:hover a,
.header-style-three nav li ul li a.active{
  color:#288feb;
}

/* slider three 
=====================*/
.slider-three {
  overflow: hidden;
  position: relative;
  height: 740px;
}
.slider-three-bg {
  background: rgba(0, 0, 0, 0) url("img-1/slider/2.jpg") repeat scroll center center / cover ;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.slider-three-bg  {
  -webkit-animation: 50s ease 0s normal none infinite running zoomEffect;
  animation: 50s ease 0s normal none infinite running zoomEffect;
  -webkit-transform: scale(1, 1) translate(0px, 0px);
  -ms-transform: scale(1, 1) translate(0px, 0px);
  transform: scale(1, 1) translate(0px, 0px);
  -webkit-transition:0.3s;
  transition:0.3s;
  height: 100%;
  left: 0;
  margin-bottom: -25px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.slider-three .slide-text {
    position: relative;
    z-index: 2;
}
.slider-three .text-layer {
  right: 13%;
  width: 38%;
  top: 30px;
}
.slider-three .img-layer {left: 17%;}
.slider-three .text-layer h1 span {color: #fff;}
.slider-three .p-list p {line-height: 28px;}
.slider-three .p-list {
  margin-top: 30px;
  width: 95%;
}
@media (min-width: 1500px) and (max-width: 1666px) {
    
.slider-three .img-layer {left: 13%;}
.slider-three .text-layer {
  right: 0;
  width: 50%;
  top: 40px;
}

}

/* zoomEffect keyframes
============================*/
@-webkit-keyframes zoomEffect {
 0% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
 25% {
 -webkit-transform: scale(1.3, 1.3) translate(50px, 50px);
}
 50% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
 75% {
 -webkit-transform: scale(1.3, 1.3) translate(-50px, -50px);
}
 100% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
}
@keyframes zoomEffect {
 0% {
 -webkit-transform: scale(1, 1) translate(0, 0);
 transform: scale(1, 1) translate(0, 0);
}
 25% {
 -webkit-transform: scale(1.3, 1.3) translate(50px, 50px);
 transform: scale(1.3, 1.3) translate(50px, 50px);
}
 50% {
 -webkit-transform: scale(1, 1) translate(0, 0);
 transform: scale(1, 1) translate(0, 0);
}
 75% {
 -webkit-transform: scale(1.3, 1.3) translate(-50px, -50px);
 transform: scale(1.3, 1.3) translate(-50px, -50px);
}
 100% {
 -webkit-transform: scale(1, 1) translate(0, 0);
 transform: scale(1, 1) translate(0, 0);
}
}

/* team one 
=====================*/
.all-team-member{
    position:relative;
    z-index:1;
}
.team-img {
  -webkit-box-shadow:inset 0px 0px 0px 2px #f1f1f1;
    box-shadow:inset 0px 0px 0px 2px #f1f1f1;
}
.team-img > img {z-index:-1;}
.single-member {overflow: hidden;}
.team-img,.team-img > img {position: relative;}
.team-img,.team-img > img,
.team-img.overlay:after,
.single-member,
.team-text h5,
.team-text h3 {-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.single-member:hover {
  -webkit-box-shadow: 0px 5px 8px rgba(0,0,0,.25);
  box-shadow: 0px 5px 8px rgba(0,0,0,.25);
}
.single-member:hover .team-img {
  -webkit-box-shadow:inset 0px 0px 0px 2px transparent;
  box-shadow:inset 0px 0px 0px 2px transparent;
}
.team-text {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
}
.team-img.overlay:after,
.team-text h5,
.team-text h3{
    opacity:0;
    -webkit-transform: translate(460px,-100px) rotate(180deg);
    -ms-transform: translate(460px,-100px) rotate(180deg);
    transform: translate(460px,-100px) rotate(180deg);
} 
.single-member:hover .team-img.overlay:after,
.single-member:hover .team-text h5,
.single-member:hover .team-text h3{
    opacity:1;
    -webkit-transform: translate(0,0px);
    -ms-transform: translate(0,0px);
    transform: translate(0,0px);
}
.single-member .social-icon ul {
  display: inline-block;
  margin-top: 20px;
}
.team-text .social-icon a {
    color: #434343;
    padding: 0 15px;
}
.team-text .social-icon a:hover ,
.page-header-area .right ul li a:hover,
.single-contact li a:hover,
.social-media li a:hover,
.comment-box .text span a:hover,
.login .right a:hover,
.page-box-title span a,
.login .left label a{
    color: #288feb;
}
.team-text > h3 {
  color: #6a6a6a;
  font-weight: 400;
  padding-top: 10px;
  margin-bottom: 5px;
}
.team-text > h5 {
    color: #818181;
    font-size:16px;
}
.team-text .social-icon {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity:0;
}
.single-member:hover .team-text .social-icon{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    opacity:1;
}

/*==================================
[ 5. Pages ]
====================================*/
/* pages header  
=======================*/
.page-header-area {
  padding-top: 92px;
}
.pages-header .header-bottom {
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  position: relative;
}
.page-header-area .left h1 {
    color: #434343;
    margin: 0;
}
.page-header-area .right li, .page-header-area .right li a {
    color: #434343;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}
.page-header-area .right {
    padding: 10px 0;
}
.page-header-area .right li a:hover {
    color: #000;
}
.page-header-area .right li i {
    font-size: 20px;
    line-height: 14px;
    margin: 0 10px;
    position: relative;
    top: 2px;
}

/* about welcome section
============================== */
.welcome-one .section-title > h3 {
    color: #606060;
    margin: 0;
}
.welcome-one .section-title > h2 {
    color: #434343;
}
.welcome-one .section-title > p {
    color: #969696;
    font-size: 15px;
}
.welcome-one .section-title > p {
}
.welcome-one .section-title > p:last-child {
    margin-top: 30px;
}
.welcome-one .title-line {
  margin: 30px auto 30px 0;
}
.welcome-img {
    display: inline-block;
    position: relative;
}
.shape-one {
    border: 20px solid rgba(40, 143, 235, 0.6);
    content: "";
    height: 103%;
    left: 0;
    position: absolute;
    top: 29px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 94%;
}
.welcome-img > img {
    margin-left: 40px;
}

/* search domain result page 
=================================*/
.list-header {
    padding: 50px 65px 50px 50px;
}
.add-to-cart button {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #fefefe;
    font-weight: 400;
    height: 44px;
    line-height: 40px;
    margin-right: 20px;
    padding: 0 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.list-header .add-to-cart button:hover {
    border-color: #1479d2;
}
.domain-list li span,.add-to-cart button {
    font-family: "Montserrat",sans-serif;
}
.list-header .right {padding: 3px 0;}
.buy-now a {
    background: #288feb none repeat scroll 0 0;
    display: inline-block;
    line-height: 44px;
    padding: 0 40px;
}
.list-header .left h3 {
    color: #fff;
    margin-bottom: 5px;
}
.list-header .left h4 {
    color: #288feb;
    margin: 0;
}
.list-header .left h3,.list-header .left h4 {
    font-weight: 400;
    text-transform: lowercase;
}
.check-icon {
    background: #288feb none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 36px;
    height: 47px;
    line-height: 47px;
    margin-right: 18px;
    text-align: center;
    width: 47px;
}
.domain-list li {
    background: #f5f5f5 none repeat scroll 0 0;
    float: none;
    margin-bottom: 2px;
    overflow: hidden;
    padding: 0 65px 0 50px;
}
.domain-list ul li:last-child{
    margin-bottom: 0px;
}

.domain-list li .right, .domain-list li .left {
    line-height: 74px;
}
.control-checkboxx {
  color: #666;
  cursor: pointer;
  display: inline;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding-left: 37px;
  position: relative;
}
.control-checkboxx input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  top:5px;
  left:5px;
}
.control-checked {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control-checkboxx:hover input ~ .control-checked,
.control-checkboxx input:focus ~ .control-checked {
  background: #ccc;
}
.control-checkboxx input:checked ~ .control-checked {
  background: #288feb none repeat scroll 0 0;
}
.control-checkboxx:hover input:not([disabled]):checked ~ .control-checked{
  background: #1479d2;
}
.control-checkboxx input:disabled ~ .control-checked {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control-checked::after {
    color: #fff;
    content: "";
    display: none;
    font-family: "Material-Design-Iconic-Font";
    left: 4px;
    position: absolute;
    top: -27px;
    font-weight: 300;
}
.control-checkboxx input:checked ~ .control-checked:after {
  display: block;
}
.control-checkboxx input:disabled ~ .control-checked:after {
  border-color: #7b7b7b;
}
.domain-list .add-to-cart button {
    margin: 0px 15px 0 25px;
    border: 2px solid #288feb;
    color: #288feb;
}
.domain-list li span {
    color: #646464;
    font-size: 18px;
    font-weight: 600;
}
.domain-list li .left form {
    height: 0;
}
.domain-list .add-to-cart button:hover,
.domain-list .add-to-cart button:focus{
    color:#fff;
}

/* team two row  
======================*/
.team-two-row .single-member {
  margin-bottom: 30px;
}
.team-two-row .all-team-member {
  margin-bottom: -30px;
  overflow: hidden;
}

/* pricing tables page
========================*/
.month-price h1 {
    color: #fff;
    line-height: 75px;
    margin: 0;
}
.pricing-three .content-part {
    padding: 65px 40px;
}
.pricing-three .content-part p {
    color: #777;
    margin-bottom: 45px;
    text-align: center;
}
.month-price sup {
    font-size: 20px;
}
.month-price span {
    font-size: 20px;
}
.month-price sub {
    font-size: 14px;
    text-transform: lowercase;
    top: 0;
}
.month-price sub,
.comment-box .text span,
.comment-box .text span a{
    font-family:"Montserrat Light";
}

/* blog page 
=======================*/
.blog-page .single-blog {
    margin-bottom: 30px;
}
.pagnation-ul {margin-top: 50px;}
.pagnation-ul a {
  border: 1px solid #e6e6e6;
  color: #616161;
  display: block;
  font-size: 12px;
  line-height: 24px;
  margin: 0 6px;
  padding: 0 12px;
}
.pagnation-ul ul {
    display: inline-block;
    margin-bottom: -5px;
}
.pagnation-ul a:hover,.pagnation-ul li.active a,.pagnation-ul a:focus {
    color: #fff;
    background:#288feb;
    border-color:#288feb;
}

/* blog details page 
========================*/
.blog-details-area .single-blog:hover .blog-img img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.blog-details-area .blog-date {padding: 0 25px;}
.blog-details-area .blog-date,
.blog-details-area .blog-text-main {
  border-color:#f5f5f5;
}
.blog-details-area .single-blog{
    margin-bottom:30px;
}
.blog-details-area .blog-date .left li,
.blog-details-area  .blog-date .right li {
  line-height: 40px;
}
.blog-details-area .blog-text > h3 {
  font-size: 20px;
  line-height: 1;
  margin: 0;
  padding: 30px 0 15px;
}
.blog-details-area .blog-text {
  padding: 0 25px 45px;
}
.blog-details-area .blog-text > p {
  line-height: 24px;
  margin-bottom:5px;
}
.blog-details-area p.bg-p {
  margin-top: 25px;
  margin-bottom: 40px;
  padding: 25px;
}
.share-tag.blog-date {
  border-bottom: 0px;
  border-top:1px solid #f5f5f5;
}
.share-tag .social-media {
  margin-top: 0;
}
.share-tag li {
    color: #4b4b4b;
    font-family: "Montserrat",sans-serif;
}
.share-tag li a {
    color: #747474;
    text-transform: lowercase;
}
.share-tag .right li {
  margin-left: 5px;
}

/* comment area 
========================*/
.blog-details-area .input-box textarea {
    height: 83px;
    -webkit-margin-after: 8px;
}
.comment-area .contact-form h4,
.comment-box{
    border: 1px solid #f5f5f5;
}
.comment-box {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 15px 25px 15px 15px;
}
.comment-box > img {
    float: left;
    margin-right: 30px;
}
.comment-box .text {
    overflow: hidden;
    padding: 5px 0;
}
.comment-box .text > p {
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;
    margin-right: -18px;
}
.comment-box .text span, .comment-box .text span a {
    font-weight: 300;
    text-transform: capitalize;
}
.comment-box .text > h4 {
    color: #555555;
    font-weight: 400;
    text-transform: capitalize;
}
.comment-box.middle {
    margin-left: 100px;
}
.comment-area .contact-form h4 {
    font-weight: 400;
    line-height: 50px;
    margin: 60px 0 20px;
    padding: 0 20px;
    text-transform: capitalize;
}

/* slidebar 
=================*/
.single-content {
    border: 1px solid #f1f1f1;
    margin-bottom: 30px;
    padding: 30px 25px;
}
.single-content h3 {
    font-weight: 400;
    margin-bottom: 15px;
}
.single-content h3,
.tag-btn a ,
.comment-area .contact-form h4,
.comment-box .text > p,
.comment-box .text span,
.comment-box .text span a{
    color: #575757;
}
.single-content p ,
.single-content .custom-select select{
    color: #969696;
}
.single-content form {position: relative;}
.single-content .custom-select select {
    border-color: #f2f2f2;
    height: 38px;
    line-height: 38px;
    padding: 2px 20px 0;
}
.single-content .custom-select::after {
  background: #f1f1f1 none repeat scroll 0 0;
  border-left: 0 none;
  color: #7d7d7d;
  font-size: 24px;
  line-height: 38px;
  cursor:pointer;
  width: 35px;
}
.tag-btn a {
    border: 1px solid #d8d8d8;
    display: inline-block;
    font-family: poppins;
    line-height: 29px;
    margin: 0 -5px 12px 12px;
    padding: 2px 15px 0;
    text-transform: inherit;
}
.tag-btn {margin-left: -10px;}
.tag-btn a:hover {
    background: #288feb none repeat scroll 0 0;
    border-color: #288feb;
    color: #fff;
}

/* contact pages
=========================*/
.contact-style-1 .extra-padding {padding: 0 30px;}
.contact-form > h2,
.social-media.social-icon h2 {
    color: #5f5f5f;
    margin-bottom: 30px;
}
.single-contact {
    margin-bottom: 20px;
    padding: 30px 0 30px 60px;
    -webkit-transition:.3s;
    transition:.3s;
}
.single-contact.active,
.single-contact:hover{
  background: #fff;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
.single-contact > h3 {color: #5f5f5f;}
.single-contact li,
.single-contact li a {
  color: #696969;
  font-size: 16px;
  line-height: 24px;
}
.single-contact li a {text-transform: lowercase;}
.single-contact li{float: none;}
.social-media li a {
  color: #555;
  padding: 0 13px;
}
.social-media {margin-top: 95px;}
.social-media ul {margin-left: -10px;}
.single-contact li,
.single-contact li a,
.input-box input,
.input-box textarea,
.login .left label,
.login .right a,
.page-box-title span,
.page-box-title span a,
.login .left label a,
.table-one tr th,
.table-one tr td{
  font-family: "Montserrat Light";
}
.input-box input{height: 35px;}
.input-box input,
.input-box textarea {
    border:1px solid #eaeaea;
    color: #a9a9a9;
    font-size: 13px;
    line-height:35px;
    margin-bottom: 15px;
    width: 100%;
    padding:0 15px;
}
.input-box input:last-child ,
.single-contact:last-child{
    margin-bottom: 0;
}
.contact-style-1 .input-box textarea {
    -webkit-margin-after: 7px;
    height: 85px;
}
.contact-style-1 .input-box h2 {
    margin-top: 30px;
    margin-bottom: 40px;
}
.input-box button {
    background: #288feb none repeat scroll 0 0;
    border: 0 none;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-family: "Montserrat",sans-serif;
    line-height: 37px;
    padding: 0 50px;
    text-transform: uppercase;
}
#googleMap.google-map {
    height: 500px;
    width:100%;
}

/* contact page style two 
==========================*/
.contact-style-2 .extra-padding {
    padding: 105px 85px 55px;
}
.contact-style-2 .input-box button {
  display: inline-block;
  -webkit-box-shadow:none;
  box-shadow:none;
}
.contact-style-2 .input-box input,
.contact-style-2  .input-box textarea {
    border: 0px;
    border-bottom:1px solid #e0e0e0;
    color:#8d8d8d;
    background:transparent;
    padding:0;
}
.contact-style-2 .input-box textarea {margin: 65px 0 50px;}
.all-contact-two {
  margin-bottom: -83px;
  overflow: hidden;
  padding: 10px 0;
  margin-top:-10px;
  position: relative;
  z-index: 2;
}

/* login page 
====================*/
.login-area .extra-padding,
.register-area .extra-padding,
.cart-area .main-box{
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.login-area .extra-padding,
.register-area .extra-padding{
    padding: 80px 100px;
}
.login.input-box input,
 .login.input-box textarea {
  border: 1px solid #ccc;
  font-size: 13px;
  line-height: 35px;
}
.login.input-box input,
.login.input-box textarea,
.login .left label,
.login .right a ,
.page-box-title span{color: #959595;}
.login .left,.login .right{margin-top:5px;}
.login .left input,
.login .left label{
    position: relative;
    top: 2px;
}
.login .left input {
    float: left;
    height: auto;
    line-height: 1;
    margin: 0 10px 0 0;
    width: auto;
}
.login .left label,
.login .right a{
    font-size: 12px;
}
.login .left label {
    font-weight: 300;
    margin: 0;
}
.login form button {
    -webkit-box-shadow:none;
    box-shadow:none;
    margin-top:55px;
}
.login .right a ,
.page-box-title span a,
.login .left label a{
    text-transform: capitalize;
}
.page-box-title{margin-bottom: 55px;}
.page-box-title h3,.table-one tr th {
    text-transform:uppercase;
    margin:0;
}
.page-box-title span,
.page-box-title span a,
.login .left label a{
    font-weight:300;
    font-size:12px;
}

/* Registration page
=========================*/
.register-area .login form button {margin-top:35px;}
.page-box-title span a:hover,
.login .left label a:hover,
.page-box-title h3 {
    color:#434343;
}

/* Cart Page
=========================*/
.cart-area .main-box{padding:80px 0;}
.table-responsive {overflow-x: inherit;}
table {width: 100%;}
.table-one tr th{
    line-height: 43px;
    font-weight: 400;
    color:#fff;
    background:#288feb;
}
.table-one tr th,.table-one tr td{
    line-height: 43px;
    text-align:center;
    font-size:14px;
    border: 2px solid #fff;
}
.table-one tr td {
    background: #f8f8f8 none repeat scroll 0 0;
    text-transform: lowercase;
    font-weight: 300;
    color:#626262;
}
.duration-select.custom-select {display: inline-block;}
.duration-select.custom-select::after {
  border-left: 0 none;
  color: #626262;
  content: "";
  font-size: 16px;
  right: 0;
  line-height: 43px;
  width: auto;
}
.duration-select.custom-select select {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  padding: 0 10px 0 0;
  width: auto;
  cursor:pointer;
}
.duration-select.custom-select select option{padding:3px 5px;}
.table-one tr td i {
    cursor: pointer;
    padding: 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.table-one tr td i:hover {color: red;}
.cart-btn {margin-top: 38px;}
.cart-btn a {
    color: #fff;
    line-height: 42px;
    text-align: center;
    width: 100%;
}

/* checkout page 
=======================*/
.checkout-area .input-box input {height: 43px;}
.checkout-area .login.input-box input,
.checkout-area  .login.input-box textarea{
  color: #a9a9a9;
}
.checkout-area .login.input-box input,
.checkout-area  .login.input-box textarea {
  border: 1px solid #e9e9e9;
  font-size: 14px;
  line-height: 43px;
  margin-bottom: 17px;
}
.checkout-area .login form button {margin-top: 38px;}
.main-box .padding-top{padding-top:95px;}
.order-payment .table-one tr td {width: 50%;}
.order-payment .total-order > td:first-child {
    color: #288feb;
    font-family: "Montserrat",sans-serif;
    text-transform: uppercase;
}
.order-payment .total-order > td {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
}
.order-payment .table-one {margin-bottom: -15px;}
.payment-method {padding-left: 55px;}
.accordion-three .faq-heading::after {
  border: 1px solid #ccc;
  color: #959595;
  content: "\f26b";
  font-size: 14px;
  height: 14px;
  left: 0;
  line-height: 14px;
  top: 4px;
  width: 15px;
}
.accordion-three [data-target="#collapse1"] .faq-heading::after {
  content: "";
}
.accordion-three [aria-expanded="true"] .faq-heading::after {
  content: "";
}
.accordion-three [aria-expanded="false"] .faq-heading::after {
  content: "\f26b" !important;
}
.accordion-three .faq-heading > p {
    color: #797979;
    font-weight: 500;
    margin-left: 25px;
}
.accordion-three .faq-p {
    padding: 10px 0;
    background: transparent;
    border-top: 0px solid #fff;
}
.accordion-three .faq-p p {color: #919191;}
.order-payment .visa-card {margin-top: 10px;}

/* 404 not found page
===================== */
.search-replace-icon i {
    color: #e2e2e2;
    font-size: 400px;
}
.error-content h1 {font-size: 200px;}
.error-content > p {
    color: #9f9f9f;
    margin-bottom:30px;
}
.error-content > p a {
    font-family: "Poppins",sans-serif;
    text-transform: inherit;
}
.error-content p a:hover,.error-content h1 {
    color: #434343;
}
.error-content .search-box-three form {
  background: transparent none repeat scroll 0 0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.error-content .search-box-three form {
  height: 45px;
  line-height: 45px;
  width: 100%;
}
.error-content .search-box-three input,
.error-content .search-box-three input::-moz-placeholder{
  color: #c7c7c7;
}
.error-content .search-box-three input::-webkit-input-placeholder{
  color: #c7c7c7;
}
.error-content .search-box-three input {
  width: 91.5%;
  color: #c7c7c7;
}
.error-content .search-box-three button {
  background: #288feb none repeat scroll 0 0;
  width: 45px;
  height: 45px;
}

/*==============================
[ 6. Color Switcher Box ]
===============================*/
/* switcher button
=========================== */
.switcher-button {
  background-color: #288feb;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 25px;
  height: 50px;
  position: absolute;
  right: -60px;
  text-align: center;
  top: 0;
  width: 50px;
}
.switcher-button i {
  line-height: 50px;
}
.switcher-button.btnclose {
    border-radius: 0;
    right: -50px;
}
.switcher-button:hover{
    color:#fff;
}

/* switcher body
=========================== */
.switcher-body.sidebarmain{left:0;}
.switcher-body {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
  left: -260px;
  padding: 0;
  position: fixed;
  top: 25%;
  width: 260px;
  /* z-index: 2147483647; */
  z-index: 999999;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
}
.switcher-body h3 {
  background-color: #288feb;
  font-size: 18px;
  margin: 0;
  padding: 16px 0 15px 20px;
  color: #fff;
}
.switcher-body h5 { color: #303030; }
.switcher-options {
    padding: 15px 20px 20px 15px;
    float: left;
    width: 100%;
}
body{-webkit-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}

/* switcher layout 
===========================*/
.main-wrapper {
  position: relative;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.main-wrapper.wrapper-boxed {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
  float: none;
  margin: 0 auto;
  max-width: 1200px;
}

.main-wrapper.wrapper-wide {
  background-color: #ffffff;
}
.layout-btn {
  margin-left: -7px;
}
.layout-btn a {
  float: left;
  width: 50%;
  padding: 0px 0px 0px 7px;
  margin-bottom: 15px;
}
.layout-btn a span {
  background-color: #288feb;
  color: #fff;
  float: left;
  padding: 10px;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  width: 100%;
}
.layout-btn a span:hover ,.switcher-button:hover{
    background-color:#1c7bd0
}

/* switcher color btn
===========================*/
.switcher-options ul.switcher-color { margin-left: -2px; }
.switcher-options .switcher-color li {
    float: left;
    list-style: none;
    padding-left: 5px;
    margin-bottom: 5px;
    text-align: center;
    width: 20%;
}
.switcher-options .switcher-color li a {
  border-radius: 50%;
  float: left;
  height: 30px;
  width: 30px;
  -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.3);
  box-shadow: 0px 0px 6px rgba(0,0,0,.3);
}

/* switcher pattern and background image 
===========================*/
.switcher-pattern,.switcher-bg {
  float: left;
  width: 100%;
  padding: 14px 0px 0px 0px;
}
.switcher-pattern a,.switcher-bg a {
  float: left;
  width: 20%;
  padding: 0px 0px 5px 5px;
  height: 45px;
}
.switcher-pattern a{
    overflow:hidden;
}
.switcher-pattern a img,.switcher-bg a img {
  -webkit-box-shadow: 0px 0px 0px 1px #ddd;
  box-shadow: 0px 0px 0px 1px #ddd;
  width: 100%;
}
.switcher-bg a img { height: 100%; }
.pattren-wrap,.background-wrap { margin-left: -5px; }

/* choose background color 
===============================*/
.cs-color-1 {
  background: #f05a66;
}
.cs-color-2 {
  background: #41c3ac;
}
.cs-color-3 {
  background: #00AFB7;
}
.cs-color-4 {
  background: #654321;
}
.cs-color-5 {
  background: #4CAF52;
}
.cs-color-6 {
  background: #F6AC4B;
}
.cs-color-7 {
  background: #4f4872;
}
.cs-color-8 {
  background: #FF6400;
}
.cs-color-9 {
  background: #26c281;
}
.cs-color-10 {
  background: #913D88;
}

/* wrapper-boxed home page one 
=====================*/
.wrapper-boxed .anim-slider {height: 700px;}
.wrapper-boxed .text-lay.lay3, .text-lay.lay2-3 {
  top: 34%;
}
.wrapper-boxed .text-lay {left: 50%;}
.wrapper-boxed .lay1,.wrapper-boxed  .lay2-1 {
  left: 8%;
  margin-top: -175px;
  width: 470px;
}
.wrapper-boxed .text-layer h1 {
  font-size: 50px;
}

.wrapper-wide .is-sticky .header-bottom {
  width: 100% !important;
}
.wrapper-boxed .is-sticky .header-bottom {
  left: 0;
  margin: 0 auto;
  right: 0;
  width: 1200px !important;
}

/* wrapper-boxed home page two 
=====================*/
.wrapper-boxed .img-layer img {
  width: 70%;
}

/* wrapper-boxed home page three 
=====================*/
.wrapper-boxed .slider-three .text-layer {
  right: 0;
  width: 50%;
}
.wrapper-boxed .slider-three .img-layer {
  left: 0;
}

.wrapper-boxed .text-layer h2 {
  font-size: 28px;
  line-height: 45px;
}

/* reset all
================= */
.reset-all.layout-btn {
    text-align: center;
}
.reset-all .resetall {
    display: inline-block;
    float: none;
    margin: 10px auto -5px 0;
}


/*------potfolio------*/

.section-first img{
    width: 100%;
}

.section-first h2{
    color: white;
    position: absolute;
    top: 80%;
    left: 80%;
}
.portfolio-sub p{
    color: white;
    font-size: 30px;
    background-color: blue;
    padding: 30px;
    margin-top: 30px;
}


/*--------contact-----*/

.centered h2{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
  
.code{

    width: 10%;
    display: inline-block;
    float: left;
}
.num{
    /*float: left;*/
    width: 87%; display: inline-block;
    margin-left:14px;  
}

.contact-section input[type="text"],input[type="email"],input[type="tel"]{

    height: 50px;
}
  .g-map iframe{
width: 100%;
height: 400px;
margin-top:30px;
    }

.contacts-us h5{
    font-size: 20px;
    margin-left: 25%;

}
.contacts-us p{
   
    margin-left: 25%;
    
}

.Specification .table-bordered{
        border: 2px solid #ddd;
    font-size: 15px;
    color: black;
    margin-bottom: 5%;
}

.firstpart  {       

        box-shadow: inset 3px 3px 3px #8ffefe  !important;
    border: 0 !important;
    background-color: #f3f3f3 !important;
    color: #999 !important;
}
      .first p
      {
      font-size:12px !important;
      color:#969696;
          margin-bottom: 15px;
      }
      .checkbox
      {
      margin-top:40px;
      margin-bottom:40px;
      }
      .form-btn
      {
      padding:10px 50px;
      border-radius:6px;
      letter-spacing:2px;
      background-color:#010080;
      color:white;
      font-weight:bold;
      }
      hr{
      height: 10px;
    border: none;
    background: url(image/divider.png) repeat-x center top;
}

.second 
{
text-align:center;
}

/*-------our project---------*/

.our-project{
    width: 100%;
    height: 300px;
    margin-top: 5%;
background-image: url(image/project-bg.jpg);

}

.awesome-img {
    margin-top: 20px;
}



/*------slider----*/


.top{
margin-top: -26%
}
.top-img
{
margin:0 0 26% 40%;
}
.top-img1
{
margin-top:-25%;
}
.top-i{
    margin:-10% 22% 0% 0%;
    }
    .text-layer h1{
        color: white;
    }
.time-delay3, .time-delay4 p
{
color:white;
}



/*--------pastr-project-----*/


.teen-section{
margin-top: 80px;
}
.serve2 h3{
margin-top: 20px;
margin-left: 50px;
color: black;
}
/*.serve2 h3:hover{
color: #008CBA;
}*/
.serve2 p{
margin-top: -15px;
margin-left: 50px;
color: #000000;
font-size: 17px;
}
.bottom-space{
    margin-bottom: 50px;
}
.serve2 h5{
margin-top: -15px;
margin-left: 50px;
color: #000000;
font-size: 20px;
}
.far-top{
    margin-top: 50px !important;
}
.box3{
border: 1px solid #008CBA;
width: 150px;
height: 0px;
margin-left: 52px;
}
.serve2 a{
text-decoration: none;
}
/*.serve2{
border-top: 1px solid grey;

}*/
.arrow2{
margin-top: 30px;
}
.leran2{
margin-left: 50px;
color: orange;
font-size: 18px;
margin-top: 40px;
}
.clr-my1{
margin-top: -178px;
margin-left: -570px;
color: black!important;
}
.teen-section .col-md-6{
padding-right: 0px;
padding-left: 0px;
}
.teen1-section .col-md-6{
padding-right: 0px;
padding-left: 0px;
}
.teen2-section .col-md-6{
padding-right: 0px;
padding-left: 0px;
}
.media h3{
margin-top: 40px;
margin-left: 50px;
color: black;
}
/*.media h3:hover{
color: #008CBA;
}*/
.media p{
margin-top: 0px;
margin-left: 50px;
color: #000000;
font-size: 17px;
}
.media h5{
margin-top: 0px;
margin-left: 50px;
color: #000000;
font-size: 20px;
}
.box4{
border: 1px solid #008CBA;
margin-left: 102px;
width: 150px;
height: 0px;
}
.media a{
text-decoration: none;
}
.arrow3{
margin-top: 30px;
}
.leran3{
margin-left: 100px;
color: orange;
font-size: 18px;
margin-top: 40px;
}
.clr-my2{
margin-top: -178px;
margin-left: -525px;
color: black!important;
}
.box-3{
border: 1px solid #008CBA;
margin-left: 55px;
width: 100px;
height: 0px;
}
.serve1{
position: relative;
width: 100%;
}
.image1 {
display: block;
width: 100%;
height: auto;
}
.overlay1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .3s ease;
transition: .3s ease;
opacity: .5;
}
.serve1:hover .overlay1 {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(1);
}
.text-1 {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
border:2px solid white;
border-radius: 50px;
padding: 30px;
color: white;
}


.past-project-section{
    margin-top: 50px;
      margin-bottom:  50px;
}

.past-project button{
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #010080;
    color: white;
    margin-left: 33%;
    display: block;
    margin-top:4%;
}
/*.past-project-section .thumbnail{
    height: 510px;
    border: none !important;
}*/
.past-project-section .thumbnail {
    /*margin-top: -50px !important;*/
    border: 1px solid blue !important;
}

.past-project img{
    width: 360px !important;
    height: 250px !important;
 /*   margin: 10%;*/
  
}
.bottom-p{
    padding-bottom: 20px !important;
}



.bg-color{
    background-color: #f3f3f3;
}

.far-en{
    background-color: #f3f3f3;
}
/*----battery---*/

.battery{
    padding: 0 10%;
    text-align: justify;
    margin-bottom: 30px;
    margin-top: 2%;
    background-color: #f3f3f3;
}

.co-services{
    
    background-color: #f3f3f3;
}



.battery h4{

    margin-top: 30px;
    color: black;
}

.battery  p, .battery li{

        font-size: 17px;
        color: black !important;
    font-weight: 400;
    line-height: 30px;
}

.battery span{
font-weight: 700;

}

.none-padding{
    padding: 0px !important;
}

.design-1
        {
        width: 100%;
        height: 500px !important;
    }

.design
        {
     cursor: pointer;
    height:350px;
    width:350px;
    margin-top: 5%;
}

/*.design-img img
        {
    height:350px;
    width:350px;
}*/

.l-icon i{
    font-size: 3em;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 43%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

.r-icon i{
    font-size: 3em;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 43%;
    left:0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}

.portfolio h2 {
    background-color: #010080;
        line-height: 1.5em;
   
    font-weight: 700;
    width: 25%;
    min-width: 200px;
        padding: 16px 3px;
    font-size: 22px;
    margin:3% 0 0;
}

 .portfolio h3 {
    margin-left: 25%;
    background-color: #8ffefe;
    padding: 10px;
    color: black !important;
    margin-bottom: 10px;
     font-size: 15px
}

.co-text h4{
    color: black;
    font-size:20px;
    margin-bottom: 5%;
    font-weight: bold;

}
.co-text{
    text-align: center;
    width: 100%;
    height:100%;
    margin-top: 5%;
    padding:20px;
    /*border: 2px solid red;*/
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1.6);


}




.card-1 ul li{
    text-align: justify;
}
.far-ul li{
    text-align: left !important;
}
.far-ul-1 li{
    text-align: left !important;
}
  .strapline {
    position: relative;
    margin-bottom: 0;
    padding: 1em .25em;
    color: #fff;
    background: #252525;
    text-align: center;
}
.strapline:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #252525;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}
.found
{
margin-top: 0px!important;
    margin-bottom: 5%;
}
.found-2 h1{
font-family: "Montserrat",Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .125em;
    margin-top: 0;
    margin-bottom: .25em;
    line-height: 1;
    }
    .found-2 p{
    font-size:16px;
    text-align:justify;
    }


.ruted{
position: relative;
width: 100%;
}
.overlay-far {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: #000000e0;
overflow: hidden;
width: 100%;
height:0;
transition: .5s ease;
}
.ruted:hover .overlay-far {
bottom: 0;
height: 100%;
width: 100%;
opacity: .8;
}
.ruted{
overflow: hidden;
}
.text {
color: white;
border: 2px solid white;
padding: 10px;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font-weight: 600;
}
.photos img{  
transition: transform 0s;
margin-top: 0px;
width: 100%;
transition-delay: 0s;
transition-duration: 1s;
margin: 0px;
}
.ruted:hover img{
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.3); 
}


.card li{
float:none !important;
font-size:18PX;

padding:  8PX 0PX;

}
.card-body
{
font-size:22PX;
background: #010080;
height:70PX;

}`
.caption ul{
list-style-type: circle !important;
}

.thumbnail .caption{
    padding: 9px 30px;
    }
    .thumbnail
    {
    padding:0 !important;
    border: 1px solid #010080 !important;
    }
    .card-body h5{
    padding:  10px;
    color: white;
    }
/*.main-menu ul.navbar-nav li a :hover > .last-section{
    display: block;
}
*/
.last-section{
    width: 100%;
    height: 45px;
    background-color:#52b3f9;
    margin-bottom: 0px;  
    
}
.sub-nav ul li:nth-of-type(1){
    margin-left: 110px;
    
}
.sub-nav ul li{
    margin-left: 30px;
    margin-top: 10px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
}

/*.active:hover{
    background-color: #52b3f9 !important;
    padding-bottom: 19px;
}*/

.nav-1 ul li:nth-of-type(1) {
    margin-left: -70px !important;
}
.nav-1 ul li {
    font-size:12px !important;
}
 .nav-2 ul li:nth-of-type(1){
    padding-left: 180px !important;
 }
 .nav-3 ul li:nth-of-type(1){
    padding-left: 160px !important;
 }
/*.box-box .col-md-4{
    margin-left: -20px;
    margin-right: -20%;
}
*/



.box, .box1{
      float:left;
        overflow: hidden;
       display:none;
   
    }
    .box p, .box1 p
    {
        font-size: 18px !important;
    text-transform: lowercase !important;
    }
  .box li, .box1 li{
  margin-top:6px;
  margin-right:20px;
  }


.far-eb{
    margin-bottom: 2%;
}


/*--------new nav-bar mobile--------*/


.dropbtn {
      background: #8ffefe;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: justify;
  
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #3498DB;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  width: 280px ;
}

/*.dropdown a:hover {
    background-color: #3498DB;
   
}
*/
.show {display: block;}

.nav a{
display: inline-block;

}
.nav a: hover{
background-color: #3498DB !important;

}

.chang-1{
    padding: 5px !important;
}



/*-----------modal-------*/


/*.modal-content{
        height: 400px;
}*/
.modal-header{
    /*background-color: #269abc;*/
}
.modal-title{
        color: white;
    font-size: 25px;
    padding: 25px 25px 0px 0px;
    text-align: center;
}


.chang-bt{
    margin-left: 42% !important;
    margin-bottom: 5% !important;
}
.modal-body p{
    text-align: center;
    margin-top: 2%;
    font-size: 18px;
}
.modal-body h5{
    font-size: 22px;
    text-align: center;
    margin-top:2%;
}





/*----media query------*/

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




.past-project img{
    width: 100% !important;

  
}

.p-list p{
    color: white !important;
    margin-left: 65px;
    text-align: center;
}
.chang-1{
    position: absolute;
    top: -3px;
    left: 230px;
    margin: auto
}
.chang-1 .dropbtn {
    padding: 5px !important;
    }


.chang-1 .dropbtn {
    padding: 11px 5px !important;
    margin-left: 0%;
    background:none !important;
}
.text-layer .button-style-1 a {
margin-left: 35%;
margin-top: 19px;
}
.mean-container .mean-nav ul {
margin-left: -45px!important;
margin-top: 27px;
}
.mean-container .mean-bar{
    margin-left: 70px;

}

.far-1{
    width: 80px !important;
    margin-top: 0px;
    margin-left: 0px;
    /*position: fixed;*/
}
.mean-container .mean-bar, .mean-container .mean-nav{
        height: 5px;
    /*position: fixed;*/
    height: 25px; 
    margin-top: -10px;
}

.mean-container .mean-nav ul li li a {
    width: 87.5%;
    margin-left: 45px;
   
}
.mobile-menu-area{
margin-bottom: 1px !important;
height: 65px;
background-color: #288feb;
}
.mean-container .mean-nav ul li a{
    width: 100%;
    /*margin-left: 10px;*/
}
.mean-container .mean-nav ul li:hover{
   background-color: white;
   margin-left: 0px;
   padding-right: 20px;

}

.top-img1 {
    margin-top: -730px !important;
    margin-left: -58px;
}

.text-layer h1{
    margin-left: 63px !important;
    margin-top: -300px !important;
    text-align: center;
}
.video-text h4 {
    text-indent: 28px;
    margin-left: -25px;
    font-size: 20px;
}
.far-ab{
    margin-top: 30px;
}
.border {
width: 90px;
    top: 60px;
    left: 106px;
    
}
.overview-far h2{
    font-size: 18px;
    margin-left: -20px;
}
.over{
    margin-left: 27px;
}
.overview-far-1 h2{
    font-size: 20px;
}
.border-1 {
    border-bottom: 2px solid #010080;
    width: 100px;
    top: 50px;
    left: 99px;
    position: absolute;
}
.overview-supplier h2{
    font-size: 20px;
}
.section-headline h3{
    font-size: 18px;
}
.section-headline p{
    font-size: 14px;
}
.services-img {
    overflow: hidden;
    position: relative;
     width: 100%;
    height: 100%;
}



/*----=about----*/

.about-far .section-title h2 {
font-size: 25px;
line-height: 30px;
}


.single-testimonial > h2 {
font-size: 25px
}


.section-title h2{
    font-size: 25px;
    line-height: 32px;
}
.thumbnail {
    margin-top: 93px;
}
.design img{
    width: 270px !important;
    height: 250px !important;
    margin-top: 10px;
}
.design .col-md-4{
    margin-top: 0px !important;
}

.section-first h2 {
    top: 58%;
    left: 53%;
    font-size: 25px;
}

.portfolio h2 {
   
        line-height: 23px !important;
    padding: 20px 15px !important;
    font-size: 19px !important;
    width: 100%;
    margin-top: 20px;

    
}
.found-2 h1{
    font-size: 29px;

}
.found-2 p{
    font-size: 15px !important;
    
}
.strapline {
    font-size: 30px;
}
.code{
    width: 17%!important;
}
.num{
    width: 77%!important;
}
.secondpart{
    height: 200px !important;
}
.map iframe{
    height: 250px !important;
}
.form-section{
    width: 100%!important;
}
.section-headline {
    margin-bottom: 0px !important;

}
.section-headline::after {
bottom: 0px!important;
}
.mean-container a.meanmenu-reveal{
    margin: 0px 208px !important;
}

.battery{
    padding: 0px;
    text-align: justify;
    margin-bottom: 30px;
}


.battery  p, .battery li{
      
    line-height: 25px;
    font-size: 15px;
}

.far-p p{
    padding: 0px !important;
    font-size: 15px !important;
}
.card-1 li{
    font-size: 10px !important;
}
.far-ul-1{
    /*margin-left: 77px!important;*/
}

.box-box {
margin-top: 25px !important;

}
/*.sub-menu li:hover {
       padding-right: 65px!important;
    width: 84% !important;
    margin-left: 45px !important;

}*/
.sub-menu li{
    padding-right: 65px!important;
    

}
.far-en p{
    width:100%;
  
    margin-left: 0px;
    
}
 .portfolio h3 {
    margin-left: 0%;
}
.far-ab h2 {
font-size:25px;
}
.far-founder{
    /*height: 550px;*/
}
.founder-p{
    margin-top: 0px;
}
.center-headline h3 {
    margin-top: 10% !important;
    font-size: 30px;
    line-height: 35px;
    margin: 0px auto 45px;
    
}
.data-p{
    font-size: 20px;
    line-height: 30px;
    text-align: center;
}




.past-project-section .thumbnail {

    margin-top: 0px !important;
}
.past-project button {
margin-left: 18%;
}



.Specification .table-bordered{
    
    font-size: 12px;
    
}

.footer-head h4 {
    margin-top: 5%;
    margin-bottom: 10px !important;

}
.pagess:hover {
   
  background-color: #3498DB !important;
  padding-bottom: 19px;
  width: 100%;
}
.chang-crose button{
    border: none;
    font-size: 35px;
    color: white;
}

.chang-crose img{
        width: 22%;
    margin: 5% 10%;
}
.social-subnev{
    width: 100%;
    height: 65px;
    margin-left: 8px;
}
.social-subnev ul li a{
   margin: 16px 11px;
   padding: 0% 28%;
}


#slide-navbar-collapse {
    position: fixed;
    top: 0;
    left: 15px;
    z-index: 99;
    width: 280px;
    height: 100%;
    background-color: #010080;
    overflow: auto;
  }
  .chang {
    background-color: #010080;
    border-bottom: 2px solid white;
  }
  .chang:hover {
    background-color: #8ffefe;
    color:#5f5f5f;
  }
  .chang a{
    color: #ffffff;
  }
  .new-bar .nav>li{
    width: 100% !important;
  }
.chang-bt{
    margin-left: 40% !important;
    
}
.partners-img img{
      margin-left: 0vw; 
      margin-top:5%;
}
.section-headline::after {
    border: 1px solid #010080;
    bottom: -18px;
    content: "";
    left: 0;
    margin: -10px auto;
    position: absolute;
    width: 80px;
    right: 0;
}
.partners h2 {
    color: #010080;
    font-size:20px;
    position: absolute;
    top: 18%;
    left: 11%;
    right: 0%;
    bottom: 0%;
    margin: auto;
    }
 
   .partners1-img {
     width: 46%;
    position: absolute;
    top: 14%;
    left: 58%;
    right: 0%;
    bottom: 0%;
    margin: auto;
}

   .partners2-img {
    max-width: 106px;
    position: absolute;
     top: 57%;
    left: -52%;
    margin: auto;
}
.partners3-img {
    max-width: 30%;
    position: absolute;
    top: 60%;
    left: 48%;
    right: 0%;
    bottom: 0%;
    margin: auto;
}
.b-img {
    margin-left: -8px!important;
    width: 75%;
}
/*.video-inner{
    margin-bottom: 5%;
    }*/


.home-bg {

     margin-bottom: 10px; 
     padding-bottom: 0px; 
}

.design {
    cursor: pointer;
    height: 250px;
    margin-top: 5%;
    width: 100%;
}
.far-eb{
    margin-bottom: 5%;
}
.image-layer a{
        margin-top: -16px;
}

.read-btn {
    margin-left: 34px;
}
.read-btn-1 {
    margin-left: 46px !important;
}

.sevices-mtop{
    margin-top: 30px !important;
}

}




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

   .top-img{
    margin-top: -66%;
   }

   .text-layer h1 {
    font-size: 35px;
    margin-top: -95%;
   
}

.card-1 {
       height: 200px;
    width: 360px;
    background-color: white;
    opacity: .8;
}
.sevices-mtop{
    margin-top:30px !important;
    margin-left: -2%;
}
.home-bg{
    padding-bottom: 0px !important;
}

.border {
    left: 40%; 
}
.border-1 {
    left: 40%; 
}
.over {
    margin-left: 45px;
}
.c-right{
    padding-right: 10%;
}
.partners-img img{
    margin-left: 0vw;
}
.partners1-img {
    width: 48%;
    position: absolute;
    top: 12%;
    left: 56%;
    right: 0%;
    bottom: 0%;
    margin: auto;
}
.partners2-img {
    width:30%;
    position: absolute;
    top: 57%;
    left: -53%;
    right: 0%;
    bottom: 0%;
    margin: auto;
}

.partners3-img {
    max-width: 32%;
    position: absolute;
    top: 57%;
    left: 54%;
    right: 0%;
    bottom: 0%;
    margin: auto;
}
.partners h2 {
    color: #010080;
    position: absolute;
    top: 20%;
    left: 11%;
    right: 0%;
    bottom: 0%;
    margin: auto;
}
.read-btn-1{
    margin-left: 10%!important;
}

.read-btn{
    margin-left: 26%;
}

.portfolio h2{
    width: 218px;
}

.past-project-section .thumbnail{
    margin-top: 0px;
}
.bt-b{
    margin-bottom: 12% !important;
}
/*.main-menu ul.nav li ul.sub-menu li a {
   
    font-size: 9px;
    padding: 7px 0px;
    
}
.main-menu ul.nav li ul.we-do{
    margin-left: 42%;
}
.main-menu ul.nav li ul.we-do li:first-child{
    margin-left: 0px!important;
}*/
}



@media only screen and (min-width: 992px) {
    .card-1{
    height: 250px;
    background-color: white;
    opacity: .8;
    display: none;
   
}
.card-a {
    position: absolute;
    left: 4%;
    top: 100%;
    width: 360px;
   height: 250px;
    background-color: white;
    z-index: 1;
    opacity: 1;
    transition: 0.4s;
    box-shadow: 0px 0px 10px 1px rgb(0,0,0,.6);
}
.card-b {

    width: 360px;
   height: 170px;
   
}

.single-services:hover .card-a {
    display: block;
}

/*.single-services:hover .card-b {
    display: block;
}*/

.mission-h img{
    height: 350px;
    margin-left: 14px;
}



}