/*
Author       : Syed Ekram.
Template Name: Ovi - Digital Agency Bootstrap Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START SERVICE DESIGN
    06. START PORTFOLIO DESIGN
    07. START PROMOTION DESIGN
    08. START TEAM DESIGN
    09. START TESTIMONIAL DESIGN
    10. START PRICING DESIGN
    11. START NEWSLETTER DESIGN
    12. START PARTNER DESIGN
    13. START BUY NOW DESIGN
    14. START CONTACT ADDRESS DESIGN
    15. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #212529;
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #333;
  font-weight: 400;
}
a {
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

:-moz-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

::-moz-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

:-ms-input-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #005ddc;
    border-right: 8px solid #005ddc;
    border-bottom: 8px solid #005ddc;
    border-left: 8px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding: 60px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h1 {
font-size: 60px;
font-weight: 900;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
h1.section-title-white{
font-size: 60px;
font-weight: 900;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
p.section-title-white{color:#fff;}
@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:30px;}
}
.section-title span{
background: #005ddc none repeat scroll 0 0;
display: block;
height: 3px;
margin: 20px auto;
width: 100px;
}
.section-title-white-span{background: #fff !important;}
.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
@media only screen and (max-width:480px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #005ddc none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 18px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img {
	width: 150px;
	height: auto;
	margin-top: 10px;
}
.bg-faded {
	background-color: transparent;
	transition: all 0.5s ease 0s;
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation {
	padding: 10px 0;
	/* border-bottom: 1px solid #000; */
	background-color: transparent;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
#navigation.navbar-fixed {
	padding:10px 0;
	background:#fff;
	border-color: #fff;
}
.header_right {
	display: block;
	flex-basis: auto;
}
#main-menu {

}
#main-menu ul{
	list-style-type: none;
	text-align: center;
}
#main-menu ul li{
	display: inline-block;
	margin-left:20px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-weight: 400;
	text-transform: capitalize;
	font-family: 'Ubuntu', sans-serif;
	transition: .5s;
	font-size: 16px;
	padding: 24px 0 26px;
	display: block;
	letter-spacing: 1px;
}

#navigation.navbar-fixed #main-menu ul li a{
	color: #000;
	padding: 22px 0 22px;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color: #fff;
}
#main-menu ul li > a:hover,
#main-menu ul li > a:focus{

	color: #fff;
}
#navigation #main-menu ul li a:hover,
#navigation #main-menu ul li a:focus,
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus{
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus{
	color: #000;
}

.slicknav_menu {
	font-size: 16px;
	box-sizing: border-box;
	background: #dff4e4;
	padding: 0px;
}
.slicknav_nav_icon{
	color: #6138bd;
	font-size: 24px;
}
#mobile_menu{
	display: none;
}
/* Responsive Design */
@media only screen and (max-width:1024px) { 
#main-menu ul li {
	margin-left: 30px;
}
}
/*END 1024px*/
@media only screen and (max-width: 991px){	
#main-menu ul li {
	margin-left: 9px;
}
#main-menu ul li a {
	font-size: 15px;
}
#navigation {
	padding: 10px 0 20px;
	background: #232434;
}
}
/*END 991px*/
@media only screen and (max-width: 880px){
#main-menu{
display: none;
}
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav{
background-color: #000;
}
#navigation #mobile_menu li a{
color: #fff;
font-weight: 400;
}
#navigation #mobile_menu li li a{
color: #222;
}
#navigation #mobile_menu li i{
display: none;
}
#navigation ul li ul, #navigation ul {
transition: .0;
}
#navigation.navbar-fixed #mobile_menu li a{
color: #fff;
}
.slicknav_nav a{
padding: 5px 0px;
transition: .3s;
}
#navigation #mobile_menu li a:hover,
#navigation #mobile_menu li a:focus{
color: #fff;
}
.slicknav_btn {
top: 24px;
background:#000;
}
}
/*END 767px*/

@media only screen and (max-width: 575px){
.slicknav_btn {
margin: 0;
text-decoration: none;
position: absolute;
top: 35px;
right: 17px;
}
.ti-angle-down {
	display: none;
}
}
/*END 575px*/
/*-------------------------------
# Dropdwon menu 
--------------------------------*/

#navigation #main-menu ul li ul ,
#navigation #main-menu ul li ul li ul {	
	background: #fff;
	box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
	left: -55px;
	list-style: outside none none;
	margin:  0;
	opacity: 0;
	padding:10px;
	position: absolute;
	text-align: left;
	top: 100%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 230px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid #000;
}
#navigation #main-menu ul li  ul li{
	position: relative;
}
#navigation #main-menu ul li ul li ul{
	top: 0;
	right: auto;
	left: 205px;
}
#navigation.navbar-fixed #main-menu ul li li a{
	color: #000;
} 
#navigation #main-menu ul li:hover ul,
#navigation #main-menu ul li ul li:hover > ul{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	visibility: visible;
}
#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}

#navigation.navbar-fixed #main-menu ul li ul li a, #navigation #main-menu ul li ul li a {
	color: #000;
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding: 5px 12px;
	position: relative;
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	text-transform: capitalize;
}

#navigation #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:hover,
#navigation.navbar-fixed #main-menu ul li ul li a:focus{
	color: #fff;
	background-color: #000;
	text-decoration: none;
}


@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
}
.social_profile {
	margin-top: 25px;
}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
}
.social_profile ul li{
display: inline-block;
}
@media only screen and (max-width:480px) { 
.social_profile ul li{margin:5px;}
}
.social_profile ul li a {
	color: #fff;
	float: left;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	padding: 0px 10px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
#navigation.navbar-fixed .social_profile ul li a {color: #000;}
@media only screen and (max-width:480px) { 
.social_profile ul li a{color: #000;}
}
.social_profile ul li a:hover{}
/*END SOCIAL DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_parallax{height: 700px;position:relative;}
.home_parallax:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.hero-text{padding-top:200px;position:relative;}
@media only screen and (max-width:480px) { 
.hero-text{padding-top:250px;}
}
@media only screen and (max-width:360px) { 
.hero-text{padding-top:200px;}
}
.hero-text img{margin-bottom:30px}	
.hero-text h1{	
color: #fff;
font-size: 120px;
font-weight: 900;
line-height: 120px;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.hero-text h1{font-size: 90px;
line-height: 90px;}
}

@media only screen and (max-width:480px) { 
.hero-text h1{font-size:50px;line-height: 60px;}
.slider-info h1{font-size:50px;line-height: 60px;}
}
.hero-text p{
color: #fff;
font-size: 24px;
margin-bottom: 25px;	
}
@media only screen and (max-width:480px) { 
.hero-text p {width: 100%;}
}
.btn-home-bg{
background: #fff none repeat scroll 0 0;
border: 3px solid #fff;
border-radius: 3px;
color: #333;
font-size: 16px;
font-weight: 700;
padding: 14px 60px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.btn-home-bg:hover, .btn-home-bg:focus{
background:#005ddc;
border: 3px solid #005ddc;	
color: #fff;
}
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.home_video{height: 750px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
left: 0;
position: absolute;
text-align: center;
top: 38%;
transform: translate(0%, -50%);
width: 100%;
z-index: 15;
}
video {min-width: 100%;}
@media only screen and (max-width:768px) { 
video {height: 100%;
min-width: 100%;}
}
/*START FLEXSLIDER CSS*/
.flexslider .slides > li:first-child {
	display: block; 
}
.flexslider.loading .slides > li:first-child {
	opacity: 1 !important;
} 
.flexslider{
	position: relative;	
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	border-radius: 0;
	overflow: hidden;
	background: none;
}
#home-slider .slides li{
	height: 700px;
	background-size: cover!important;
	 position: relative;
}
#home-slider .slides li:after {
    position: absolute;
    background:rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px; 
 }

.flex-control-nav li {
  display: block;
  margin: 0 0 6px 0; 
 }

.flex-control-paging li a {
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: none; 
 }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #FFF;
  border-color: #FFF; 
}
#home-slider.flexslider.loading {
  position: relative; 
}
#home-slider.flexslider.loading:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 40%;
    margin: 0 0 0 -15px;
    border: 4px solid #3cd2ad;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; 
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/*END FLEXSLIDER CSS*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us{padding-bottom:0px;}
.single_about {padding: 54px;}
.single_about h1{	
color: #fff;
font-size: 36px;
font-weight: 600;
margin-bottom: 0;
text-transform: capitalize;
}
.single_about p{}
.about_one{background:#1b1d1f;}
.about_two{background:#141618;}
.about_three{background:#005ddc;}
.single_about span{
background: #005ddc none repeat scroll 0 0;
display: block;
height: 2px;
margin: 25px 0;
width: 60px;	
}
span.about_three_span{
background: #fff none repeat scroll 0 0;	
}
.single_about p{color:#fff;}

/*ABOUT TWO*/
.single_about_two{padding-top: 150px;}
@media only screen and (max-width:768px) { 
.single_about_two{padding-top: 50px;}
}
@media only screen and (max-width:480px) { 
.single_about_two{padding-bottom: 50px;padding-top: 0px;}
}
.single_about_two h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
text-transform: capitalize;
}
.single_about_two p{margin: 30px 0;}

.single_about_two_img{text-align: center;}
.single_about_two_img img{}
/*END ABOUT TWO*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service{position: relative;
padding-top:60px;
padding-bottom:0px;}
.our_service:before {
background: #005bbc none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.85;
position: absolute;
top: 0;
width: 100%;
}
.serviceBox{
margin-bottom: 60px;
margin-top: 96px;
text-align: center;
}
.serviceBox .service-icon{
    width:100px;
    height:100px;
    border: 1px solid #b9b9b9;
    text-align: center;
    line-height: 100px;
    font-size: 40px;
    background: #fff;
    transform: rotate(-45deg);
    margin: -75px auto -20px;
}
.serviceBox .service-icon i{
    transform: rotate(45deg);
    transition:all 0.3s ease-out;
}
.serviceBox .service-content{
    margin-top: 60px;
}
.serviceBox .service-content h3{
color: #fff;
font-weight: 600;
text-transform: capitalize;
}
.serviceBox .service-content h3:after{
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
display: block;
height: 4px;
margin: 20px auto 15px;
width: 70px;
}
.serviceBox .service-content p{color:#fff;}
.serviceBox .read{
    margin-top: 20px;
}
.serviceBox .read a{
    color:#fff;
    text-transform: capitalize;
}
@media only screen and (max-width: 990px){
    .serviceBox{
        margin-top: 90px;
    }
}

/*START COUNTER*/
.counter_feature {
  padding-top: 60px;
}
.counter_title{}
.counter_title h1{
color: #fff;
margin-top: 90px;
text-align: center;
text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
.counter_title h1{margin-top:0px;margin-bottom:60px;}
}
.complete-project-area {}

.single-project-complete{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;  
}
.brnone{border-right: 0px ;}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete h2 {
font-size: 45px;
font-weight: 600;
}
.single-project-complete h2::after {
border-bottom: 1px solid #005bbc;
border-top: 1px solid #005bbc;
content: "";
display: block;
height: 4px;
margin: 20px auto;
width: 70px;
}
.single-project-complete i{
display: block;
font-size: 34px;
margin-bottom: 15px;	
}
.single-project-complete h3 {
font-size: 15px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 0;
text-transform: uppercase;
}
/*END COUNTER*/
/*
* ----------------------------------------------------------------------------------------
* 05.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.box{position: relative; }
.box:before,
.box:after{
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
content: "";
height: 90%;
left: 5%;
position: absolute;
top: 5%;
transform: scale(0);
transform-origin: 0 0 0;
transition: all 0.5s ease 0s;
width: 90%;
}
.box:after{
    transform-origin: 100% 100% 0;
}
.box:hover:before,
.box:hover:after{
    transform: scale(1);
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 32%;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
}
.box .title{
color: #fff;
font-size: 24px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 25px;
text-transform: capitalize;
}
.box .post{
    display: block;
    font-size: 15px;
    color: #fff;
    margin-bottom: 10px;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{
    display: inline-block;
}
.box .icon li a{
background: #005bbc none repeat scroll 0 0;
border: 2px solid #005bbc;
border-radius: 30px;
color: #fff;
display: block;
font-size: 18px;
height: 50px;
line-height: 50px;
margin-right: 10px;
transition: all 0.3s ease 0s;
width: 50px;
}
.box .icon li a:hover{
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
color: #333;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}
.view_more_btn {
  margin-top: 60px;
}
.btn-project-bg{
background: #005bbc none repeat scroll 0 0;
border: 1px solid #005bbc;
border-radius: 3px;
box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 14px 60px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.btn-project-bg:hover, .btn-project-bg:focus{
background:#005ddc;
border: 1px solid #005ddc;	
color: #fff;
}
/*project modal*/
.modal-title {
    color: #333;
    margin: 0;
    text-transform: uppercase;
}
.modal-content {
    padding: 10px 30px;
    border-radius: 0px;
}
.modal-body { margin-bottom: 15px }
.modal-body p { margin: 15px 0 0 }
.project-list { margin-top: 30px }
.project-list label {
	color: #333;
	margin-bottom: 0;
	margin-right: 0;
	width: 120px;
}
.project-list li {
    padding: 7px 0;
    font-size: 14px;
}
.project-list li a {
    color: #333;
    margin-bottom: 0;
    margin-right: 7px;
    width: 125px;
}
.project-list li a:hover { color: #005ddc; }
/*End project modal*/
/*
* ----------------------------------------------------------------------------------------
* 06.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotion_section{
padding:100px 0;
position: relative;
}
.promotion_section:before {
background:#005bbc;
content: "";
height: 100%;
left: 0;
opacity:0.85;
position: absolute;
top: 0;
width: 100%;
}
.promotion-content{}
.promotion-content h1{
color: #fff;
font-size: 54px;
font-weight: 600;
text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.25);
text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
.promotion-content h1{font-size:30px;}
}
.promotion-content h3{
color: #fff;
font-size: 30px;
font-weight: 500;
letter-spacing: 1px;
margin-top: 15px;	
}
@media only screen and (max-width:480px) { 
.promotion-content h3{font-size:24px;}
}
/*
* ----------------------------------------------------------------------------------------
* 07.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.meet-team {
  background: #f7f7f7 none repeat scroll 0 0;
}
.our-team{background: #fff none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
margin: 0 15px;
padding: 20px;
text-align: center;}
.our-team .pic{
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.our-team .pic:before,
.our-team .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 13px solid #e6e5e5;
    position: absolute;
    top: 0;
    left: 0;
}
.our-team .pic:after{
    border-color: #005bbc #e6e5e5 #e6e5e5 #005bbc;
    z-index: 1;
    transform: rotate(-10deg);
    transition: all 0.5s ease 0s;
}
.our-team:hover .pic:after{ transform: rotate(350deg); }
.our-team img{
    width: 100%;
    height: auto;
}
.our-team .title{
font-size: 24px;
font-weight: 600;
margin: 15px 0 5px;
padding-bottom: 15px;
position: relative;
text-transform: capitalize;
}
.our-team .title:after{
    content: "";
    width: 30px;
    height: 2px;
    background: #222;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.our-team .post{
    display: block;
}
.our-team .icon{
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}
.our-team .icon li{ display: inline-block; }
.our-team .icon li a{
background: #f1f1f1 none repeat scroll 0 0;
border-radius: 50%;
color: #999;
display: inline-block;
font-size: 15px;
height: 40px;
line-height: 40px;
margin-right: 5px;
transition: all 0.3s ease-out 0s;
width: 40px;
}
.our-team .icon li a:hover{
    background: #005bbc;
    color: #fff;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
background-color: #005bbc !important;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top: 20px;
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial{
    padding: 20px 20px 20px 90px;
    margin: 10px 20px 50px 55px;
    border-left: 3px solid #005bbc;
    position: relative;
}
.testimonial:after{
    content: "";
    border-bottom: 25px solid #005bbc;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    position: absolute;
    bottom: -24px;
    left: -26px;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #005bbc;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -50px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
font-size: 22px;
font-weight: 600;
margin: 0 0 7px;
text-transform: capitalize;
}
.testimonial .post{
color: #777;
display: block;
text-transform: capitalize;
}
@media only screen and (max-width: 479px){
    .testimonial{
        padding: 20px 0 20px 60px;
        margin: 10px 20px 50px 50px;
    }
    .testimonial .title{ font-size: 20px; }
}
/*
* ----------------------------------------------------------------------------------------
* 09.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-plan{
background:#f7f7f7;
}
.pricingTable {
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.pricingTable .pricingTable-header{
    padding: 30px 0;
    background: #333;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .pricingTable-header{
    background: #005bbc;
}
.pricingTable .pricingTable-header:before,
.pricingTable .pricingTable-header:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #d9d9d8;
    position: absolute;
    bottom: 12px;
}
.pricingTable .pricingTable-header:before{
    left: 40px;
}
.pricingTable .pricingTable-header:after{
    right: 40px;
}
.pricingTable .heading{
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
margin-top: 0;
text-transform: uppercase;
}
.pricingTable .price-value{
color: #fff;
display: inline-block;
font-size: 50px;
font-weight: 600;
position: relative;
transition: all 0.3s ease 0s;
}
.pricingTable:hover .price-value{
    color: #fff;
}
.pricingTable .currency{
font-size: 30px;
font-weight: 600;
left: -15px;
position: absolute;
top: -10px;
}
.pricingTable .month{
bottom: 15px;
color: #fff;
font-size: 16px;
position: absolute;
right: -34px;
text-transform: uppercase;
top: 15px;
}
.pricingTable .pricing-content{
    padding-top: 50px;
    background: #fff;
    position: relative;
}
.pricingTable .pricing-content:before,
.pricingTable .pricing-content:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #7c7c7c;
    position: absolute;
    top: 12px;
}
.pricingTable .pricing-content:before{
    left: 40px;
}
.pricingTable .pricing-content:after{
    right: 40px;
}
.pricingTable .pricing-content ul{
    padding: 0 20px;
    margin: 0;
    list-style: none;
}
.pricingTable .pricing-content ul:before,
.pricingTable .pricing-content ul:after{
    content: "";
    width: 8px;
    height: 46px;
    border-radius: 3px;
    background: linear-gradient(to bottom,#818282 50%,#727373 50%);
    position: absolute;
    top: -22px;
    z-index: 1;
    box-shadow: 0 0 5px #707070;
    transition: all 0.3s ease 0s;
}

.pricingTable .pricing-content ul:before{
    left: 44px;
}
.pricingTable .pricing-content ul:after{
    right: 44px;
}
.pricingTable .pricing-content ul li{
border-bottom: 1px solid #eee;
padding: 10px 0;
}
.pricingTable .pricing-content ul li:last-child{
    border-bottom: none;
}
.pricingTable .read{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background: #333;
    padding: 8px 25px;
    margin: 30px 0;
    transition: all 0.3s ease 0s;
}
.pricingTable .read:hover{
    text-decoration: none;
}
.pricingTable:hover .read{
    background: #005bbc;
}
@media screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 25px; }
}
/*
* ----------------------------------------------------------------------------------------
* 10.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter_section{
padding:100px 0;
position: relative;
}
.newsletter_section:before {
background: #005bbc none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.85;
position: absolute;
top: 0;
width: 100%;
}
.newsletter-title {
color: #fff;
font-weight: 900;
margin-bottom: 30px;
position:relative;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.newsletter-title {
font-size: 22px;
margin-bottom: 30px;
margin-top: 0;
text-align: center;
}
}
.newsletter input {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius:0px !important;
box-shadow: none;
color: #333;
font-family: montserrat,sans-serif;
font-size: 14px;
height: 50px !important;
position:relative;
}
.newsletter input:hover,
.newsletter input:focus {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
}
.newsletter_form_border{
background: #fff none repeat scroll 0 0;
display: block;
height: 2px;
margin: auto auto 30px;
width: 100px;	
}
.btn-newsletter-bg {
background: #333 none repeat scroll 0 0;
border: 2px solid #333;
border-radius: 0;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 14px;
font-weight:600;
letter-spacing: 0.5px;
margin-left: 20px;
padding: 8px 20px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {padding: 7px 20px;}
}
.btn-newsletter-bg:hover,
.btn-newsletter-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {margin-left:0px;  }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner { text-align: center }
.partner.owl-theme .owl-controls {display: none!important;}
.partner img {
border: 1px solid #eee;
display: inline-block;
width: 150px;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START BUY NOW DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_now {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 60px 0;
}
.buy_now_title {
font-size: 30px;
font-weight: 600;
margin-bottom: 0;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .buy_now_title { font-size: 22px ;line-height: 48px;}
}
@media only screen and (max-width:360px) { 
    .buy_now_title {line-height: 36px;}
}
.btn-promotion-bg {
background: #005bbc none repeat scroll 0 0;
border: 1px solid #005bbc;
border-radius: 2px;
box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.06);
color: #fff;
font-size: 15px;
font-weight: 600;
margin-left: 200px;
padding: 14px 50px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:768px) { 
.btn-promotion-bg {margin-left: 0px;}
}
@media only screen and (max-width:320px) { 
.btn-promotion-bg {margin-left: 0;
margin-top: 30px;}
}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END BUY NOW DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

.contact_section{background:#333;}
.contact-address{
background: #f5f5f5 none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
padding: 40px 30px;
}
.contact-address i {
  display: block;
  font-size: 50px;
  margin-bottom: 20px;
}
.contact-address h1{
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;	
}
.contact-address-content {
  margin-bottom: 20px;
}
.contact-address p{}
.contact-address a{color:#005bbc;}
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.footer{
background:#222;
padding:30px 0;
}

.copyright p{color: #fff;
font-size: 13px;
text-transform: uppercase;}

/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/