/*
Author       : themes_mountain.
Template Name: TheOne - One Page Parallax Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START HOME DESIGN
    03. START BOOTSTRAP NAVIGATION OVERRIDES
    04. START ABOUT DESIGN
    05. START FEATURES DESIGN
    06. START COUNTER DESIGN
    07. START PROMOTION DESIGN
    08. START TEAM DESIGN
    09. START COMPANY PARTNER LOGO
    10. START SERVICE DESIGN
    11. START OFFER DESIGN
    12. START TESTIMONIAL DESIGN
    13. START PORTFOLIO DESIGN
    14. START PRICING DESIGN
    15. START CONTACT ADDRESS DESIGN
    16. START CONTACT FORM DESIGN
    17. START FOOTER DESIGN
    18. START BLOG DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #767676;
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
color: #272a31;
font-weight: 300;
letter-spacing: 0;
margin: 0;
font-family: montserrat,sans-serif;
}
a {
font-family: montserrat,sans-serif;
text-decoration: none;
color: #272a31;
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;
}
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: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 9px solid rgba(0, 0, 0, 0.08);
    border-right: 9px solid rgba(0, 0, 0, 0.08);
    border-bottom: 9px solid rgba(0, 0, 0, 0.08);
    border-left: 9px solid #556df4;
    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);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	font-weight: 300;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
	padding-bottom: 20px;
}
@media only screen and (max-width:480px) { 
.section-title h2 {font-size:35px;}
}
.section-title p{width:70%;margin:auto;}
@media only screen and (max-width:768px) { 
.section-title p{width:90%;padding:0px 10px;}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #556df4 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: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BTN DESIGN*/
.all_btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	border: 2px solid #556df4;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding: 10px 30px;
	color: #556df4;
	text-transform: capitalize;
	font-size: 15px;
	letter-spacing: 0.3px;
	word-spacing: 1px;
	border-radius: 30px;
}
.all_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #556df4;
  border-radius: 30px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.all_btn:hover, .all_btn:focus, .all_btn:active {
  color: white;
}
.all_btn:hover:before, .all_btn:focus:before, .all_btn:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/*END BTN DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home-parallax {position: relative;height:750px;}
.home-parallax:before {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.slider{margin-top:250px;}
.slider .bx-wrapper .bx-viewport {
	background: transparent;
	border: 0;
	box-shadow: none;
}
.slider ul li {
color: #fff;
font-family: montserrat,sans-serif;
font-size: 80px;
font-weight: 400;
height: 100px;
line-height: 70px;
margin-bottom: 30px;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width:768px) { 
.slider ul li {
font-size: 60px;
height: 100px;
line-height: 70px;
}
}
@media only screen and (max-width:480px) { 
.slider ul li {
font-size: 40px;
height: 100px;
line-height: 70px;
}
}
@media only screen and (max-width:360px) { 
.slider ul li {
font-size: 30px;
height: 100px;
line-height: 70px;
}
}
.slider .arrow {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 45px;
	font-size: 32px;
	color: #fff;
	margin: 0 auto;
	margin-top: 100px;
	border: 2px solid #fff;
	border-radius: 50%;
}
.slider .arrow{
    -webkit-animation-name: bounce-arrow; 
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: bounce-arrow; 
    -moz-animation-duration: 1s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes bounce-arrow {
    0% {
        top: 0px;
    }
    25% {
        top: 6px;
    }
    50% {
        top: 12px;
    }
    75% {
        top: 6px;
    }
    100% {
        top: 0px;
    }
}

@-moz-keyframes bounce-arrow {
    0% {
        top: 0px;
    }
    25% {
        top: 6px;
    }
    50% {
        top: 12px;
    }
    75% {
        top: 6px;
    }
    100% {
        top: 0px;
    }
}


/*
* ----------------------------------------------------------------------------------------
* 02.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
	background: none;
	border: medium none;
	border-radius: 0;
	margin-bottom: 0;
	padding: 20px 0;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
	border-bottom: 0px;
	transition: all 0.4s ease-in-out 0s;
	width: 100%;
}
@media only screen and (max-width:480px) { 
.navbar-default {background: #fff;}
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #556df4 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-default .navbar-form { border-color: #fff }
.navbar-brand { margin-top: -4px;
padding: 0; }
.navbar-brand img {
    width: 150px;
	transition: all 0.3s ease 0s;
}
@media only screen and (max-width:480px) { 
.navbar-brand img {margin-left:10px;}
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #fff!important;
font-family: "montserrat",sans-serif;
font-size: 13px;
letter-spacing: 0.2px;
position: relative;
text-transform: uppercase;
transition: color 0.25s ease 0s;
}
.menu-top li a:hover { color: #556df4!important }
@media only screen and (max-width:480px) { 
.menu-top li a {
color: #333!important;}
}
.navbar-default.menu-shrink {
background:#fff;
padding: 15px 0;
width: 100%;
 margin-top:0px
}
.navbar-default.menu-shrink li a {color:#333 !important; }
.navbar-default.menu-shrink li a:hover { color: #556df4 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #556df4 }
/*
* ----------------------------------------------------------------------------------------
* 03.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us{
padding-bottom:30px;
}
.single_about{margin-bottom: 30px;}
.single_about span{
float:left;
color:#556df4;
font-size:30px;
margin-right:20px;
margin-bottom: 20px;
}
.single_about h4 {
	overflow: hidden;
	font-size: 20px;
	margin-bottom: 20px;
}
.single_about p{overflow:hidden;}
/*START ABOUT TWO+THREE DESIGN*/
.about_content{
padding-top: 120px;
padding-right: 40px;
}
@media only screen and (max-width:768px) { 
.about_content {padding-bottom:60px;padding-right:0px;}
.about_content{padding-top:0px;}
}
.about_content span{
color:#556df4;
margin-bottom:25px;
font-size:30px;
display: block;
}
.about_content h3 {
	margin-bottom: 25px;
	font-size: 26px;
	line-height: 33px;
}
.about_content p {margin-bottom:25px;}
.about_content_three{padding-top:120px;padding-left: 40px;}
@media only screen and (max-width:768px) { 
.about_content_three {}
.about_content_three{padding-top:60px;padding-left:0px;}
}
.about_content_three span{
color:#556df4;
margin-bottom:25px;
font-size:30px;
display: block;
}
.about_content_three h3 {
	margin-bottom: 25px;
	font-size: 26px;
	line-height: 33px;
}
.about_content_three p {margin-bottom:25px;}
/*END ABOUT TWO+THREE DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-team{
background:#000;
overflow: hidden;
position: relative;
transition: all 0.3s ease 0s;
}
.our-team img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out 0s;
	
}
.our-team:hover img{	
    opacity: 0.5;
}
.our-team .team-content{
    color: #fff;
    opacity: 0;
    position: absolute;
    bottom: 30px;
    left: 40px;
    transform: translate(-10px, 0px);
    transition: all 0.3s ease 0s;
}
.our-team:hover .team-content{
    opacity: 1;
    transform: translate(20px, 0px);
    transition-delay: 0.2s;
}
.our-team .title{
color: #fff;
display: block;
font-size: 20px;
font-weight: 900;
margin: 0 0 7px;
text-transform: uppercase;
}
.our-team .post{
display: block;
font-weight: 400;
}
.our-team .social{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 35px;
    text-align: center;
    opacity: 0;
    position: absolute;
    bottom: 35px;
    transition: all 0.3s ease 0s;
}
.our-team:hover .social{
    opacity: 1;
}
.our-team .social li{
    display: block;
}
.our-team .social li a{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #556df4;
    font-size: 17px;
    color: #fff;
    opacity: 0.9;
    position: relative;
    transform: translate(-35px, 35px);
    transition: all 0.3s ease-in-out 0s
}
.our-team:hover .social li:nth-child(1) a{
    transition-delay: 0.3s;
}
.our-team:hover .social li:nth-child(2) a{
    transition-delay: 0.2s
}
.our-team:hover .social li:nth-child(3) a{
    transition-delay: 0.1s;
}
.our-team:hover .social li:nth-child(4) a{
    transition-delay: 0s;
}
.our-team:hover .social li a{
    transform: translate(0, 0)
}
.our-team .social li a:hover{
    width: 40px;
    background: #556df4;
    transition-delay: 0s;
}
.our-team .icon{
background: #556df4 none repeat scroll 0 0;
bottom: 0;
color: #fff;
height: 35px;
left: 0;
line-height: 35px;
position: absolute;
text-align: center;
width: 35px;
}
@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: #556df4 !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: 60px;
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
 
 
/*
* ----------------------------------------------------------------------------------------
* 06. START VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
.view_our_video {
position: relative;
padding:100px 0;
}
.view_our_video:before {
    background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.our_video{}
.our_video h1{
color: #fff;
font-size: 50px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 20px;
text-transform: capitalize;
}
.our_video p {
	color: #fff;
	font-weight: 400;
	margin: auto auto 40px;
	width: 70%;
	word-spacing: 2px;
}
.our_video h1 i{
color:#556df4;
font-size: 15px;
vertical-align: middle;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.our_video a  {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
border: 10px solid rgba(0, 0, 0, 0.05);
border-radius: 100px;
color: #556df4;
display: block;
font-size: 24px;
height: 100px;
line-height: 80px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100px;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.works_area{padding-top:60px;}
.work_all_item .mix {
  display: none;
}
.our_work_menu {
  margin-bottom: 50px;
}

.our_work_menu ul{
	list-style-type: none;
	padding: 0;
}
.work_all_item .col-md-3{
	padding: 0;
}
.our_work_menu ul li {
	background: #f9f9f9 none repeat scroll 0 0;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin: 0 7px 15px;
	padding: 15px 30px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	color: #333;
	letter-spacing: 1px;
}
.our_work_menu ul li:hover, .our_work_menu ul li.active{
background: #556df4 none repeat scroll 0 0;
border-color: #556df4;
color: #fff;
}
#our_work .grid-item{
	margin-top: 30px;
}
.single_project {
  padding-bottom: 40px;
}
.single_our_work{
	overflow: hidden;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}

.single_our_work img{
	width: 100%;
	transition: all 0.2s ease 0s;
}

.single_our_work figure{
	margin-bottom: 0;	
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	transition: .5s;
	opacity: 0;
	visibility: hidden;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h5{
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 5px;
	margin-top: 20px;
	text-transform: capitalize;
}


.sing_work_text_link p{
	margin: 0 0 10px;
}
.sing_link_img a i.fa{
	font-size: 14px;	
}
.sing_link_img a{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #556df4;
	display: inline-block;
	height: 40px;
	line-height: 41px;
	transition: all 0.3s ease 0s;
	width: 40px;	
}
.sing_link_img a:hover{	
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #333;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
	background: #556df4;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	visibility: visible;
}
.vbox-content {
  float: left;
  margin-top: 100px!important;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

/*project modal*/
.modal-title {
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content {
  border-radius: 0;
  margin-top: 80px;
  padding: 10px 30px;
}
.modal-body{
	margin-bottom: 15px;
}
.modal-body p{
margin: 20px 0;
}
.project-list {
margin: 30px 0;
}
.project-list label{
color: #333;
margin-bottom: 0;
margin-right: 20px;
width: 100px;
}
.project-list li{
padding: 7px 0;
font-size: 14px;
}
.project-list li a{
color: #777;
font-size: 13px;
transition: all 0.4s ease 0s;
}
.project-list li a:hover{color:#083c5a;}
/*End project modal*/

 
/*
* ----------------------------------------------------------------------------------------
* 13.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-project-complete{
    text-align: center;
    
}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete h2 {
    font-size: 60px;
    font-weight: 900;
    color: #556df4;
	font-family:montserrat,sans-serif;
}
.single-project-complete h3 {
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
margin-top: 7px;
text-transform: uppercase;
} 
 /*
* ----------------------------------------------------------------------------------------
* 09.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner { text-align: center }
.partner.owl-theme .owl-controls {display: none!important;}
/*
* ----------------------------------------------------------------------------------------
* 09.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
 
/*
 * ----------------------------------------------------------------------------------------
 * 10.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.feature-content{
background:#f9f9f9;
padding-top:60px;
padding-bottom:30px;
}
.single_feature{
background:#fff;
padding: 60px 50px;
position:relative;
margin-bottom:30px;
border-radius:3px;
box-shadow:0px 3px 10px 0px rgba(200, 200, 200, 0.1);
transition: all 0.3s ease 0s;
}
.single_feature:hover{background:#556df4;}
.single_feature i {
	color: #556df4;
	font-size: 30px;
	margin-bottom: 25px;
}
.single_feature:hover i{color:#fff;}
.single_feature h4{
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
margin-top: 0;
text-transform: capitalize;
}
.single_feature:hover h4{color:#fff;}
.single_feature:hover p{color:#fff;}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
/*
* ----------------------------------------------------------------------------------------
* 12.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial_client{}
.testimonial-text{}
.testimonial-text i{
color: #556df4;
font-size: 40px;
margin-bottom: 10px;}
.testimonial-text p{
margin-bottom: 20px;
margin-top: 10px;
}
.testimonial-text h4{color:#333;}
.testimonial-text h4 span{
color: #556df4;
font-size: 14px;
font-weight: 400;
}

/*
* ----------------------------------------------------------------------------------------
* 12.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
 

/*
* ----------------------------------------------------------------------------------------
* 14.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-pricing {
	background: #f9f9f9 none repeat scroll 0 0;
	border-radius: 5px;
	/* box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.06); */
	padding-top: 20px;
	transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.single-pricing{margin-bottom: 30px;}
}
.single-pricing > h4 {
font-size: 20px;
font-weight: 400;
margin: auto auto 30px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
.single-pricing-bg > h4 {
font-size: 20px;
font-weight: 400;
margin: auto auto 30px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
color:#fff;
}

.pricing-price{
background: #fff none repeat scroll 0 0;
border-radius: 500px;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.11);
height: 110px;
line-height: 27px;
margin: 0 auto 15px;
padding: 30px 16px 16px;
text-align: center;
width: 110px;
background:#556df4;
}
.value{
display: block;
font-family: montserrat,sans-serif;
font-size: 28px;
font-weight: 400;
color: #fff;
}
.vylist{
color: #fff;	
display: block;
font-size: 14px;
}
.pricing-price-bg .value{color:#fff;}
.pricing-price-bg .vylist{color:#fff;}
.pricing-price-bg{
background: #556df4 none repeat scroll 0 0;
}
.pricing-price-bg h4 {
color:#fff;
  margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price-bg p {
  color: #fff!important;
  font-size: 22px;
}
.pricing-price h4 {
  margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price p {
  color: #333;
  font-size: 22px;
}

.pricing-price p span{font-size: 16px;}

.pricing-features{padding: 10px 0;}
.pricing-features p{
border-bottom: 1px solid rgba(42, 42, 42, 0.03);
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing-features-white p{
border-bottom: 1px solid rgba(42, 42, 42, 0.08);
color:#fff;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing_btn{
padding: 30px 0;
text-align: center;
}
.btn-light-bg-two-active {
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
color: #333;
font-family: montserrat,sans-serif;
font-size: 18px;
padding: 10px 50px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.btn-light-bg-two-active:hover, .btn-light-bg-two-active :focus{background:#333;border: 2px solid #333;color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 14.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 11.START OFFER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.offer-area{background: #f9f9f9 none repeat scroll 0 0;}
.offer{} 
.offer h1{
margin-bottom: 30px;
} 
.offer h1 strong{font-size:42px;}
.offer a{} 
/*
 * ----------------------------------------------------------------------------------------
 * 11.END OFFER DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-address {
	padding-bottom: 0;
}
.address{}
@media only screen and (max-width:480px) { 
.address{margin-bottom:30px;}
}
.address span{
color:#556df4;
display:block;
font-size:30px;
margin-bottom:20px;
}
.address p{}
/*
* ----------------------------------------------------------------------------------------
* 15.END CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact input {
background: #fff none repeat scroll 0 0;
border: 1px solid #556df4;
border-radius: 30px;
box-shadow: none;
color: #333;
font-size: 16px;
height: 50px;
padding: 10px;
width: 100%;
padding-left: 30px;
font-weight: 400;
}
.contact textarea {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
border-radius: 30px;
box-shadow: none;
color: #333;
padding: 10px;
width: 100%;
font-size:16px;
padding-left: 30px;
font-weight: 400;
}
.contact input:hover, .contact input:focus {
border: 1px solid #556df4;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:hover, .contact textarea:focus {
border: 1px solid #556df4;
    box-shadow: none;
    outline: 0 none;
}
#submitButton {
	background: none;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.map-location{padding-bottom:60px;}
.map-location iframe{width:100%;}
/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #272a31 none repeat scroll 0 0;
padding: 40px 0;
}
.footer img{width: 200px;
margin-bottom: 15px;}
.footer_social {}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
background: #fff none repeat scroll 0 0;
border-radius: 3px;
color: #333;
display: block;
font-size: 16px;
box-shadow: 0 3px 0 #f8f8f8;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:360px) { 
.footer_social ul li a {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
	box-shadow: 0 3px 0 #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 3px 0 #40BFF5;
}
.f_google:hover {
    background: #EF0B92   ;
    box-shadow: 0 3px 0 #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 3px 0 #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 3px 0 #CC181E;
}
.f_skype:hover{
    background: #00AFF0;
    box-shadow: 0 3px 0 #00AFF0;
}


.footer_copyright {
color: #fff;
padding-top: 30px;
text-transform: capitalize;
}
.footer_copyright a{color:#fff;}
/*END FOOTER SOCIAL DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 17.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 18.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-content{
background: #fcfcfc none repeat scroll 0 0;
margin-top: 60px;
overflow: hidden;
}
.section-blog-title{
background: #556df4 none repeat scroll 0 0;
border: 4px solid #fff;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
color: #fff;
display: inline-block;
font-weight: 400;
padding: 30px;
text-transform: uppercase;	
}

/*BLOG PAGES DESIGN*/
.blog-page{background:#f8f8f8;}

.post-slide{
background: #fff none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 5px 15px 0 rgb(236, 236, 236);
margin-bottom: 40px;
overflow: hidden;
padding: 30px 20px;
}
.post-slide .post-img{
    position:relative;
    float: left;
    width:50%;
    height: auto;
}
@media only screen and (max-width:768px) { 
.post-slide .post-img{
    float: none;
    width:100%;
}
}
.post-slide .post-img img{
    width:100%;
    height: auto;
}
.post-slide .post-review{
float: left;
width: 50%;
padding-left: 30px;
}
@media only screen and (max-width:768px) { 
.post-slide .post-review{
float: left;
width: 100%;
}
}
.post-slide .post-title{
    margin:0 0 5px 0;
}
.post-slide .post-title a {
	color: #282828;
	display: block;
	font-size: 18px;
	font-weight: 300;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;
}
.post-title > a:hover{
    text-decoration: none;
    color:#556df4;
}
.post-slide .post-date{
color: #556df4;
display: block;
font-weight: 300;
margin-bottom: 8px;
margin-top: 12px;
}
.post-description{
margin-bottom: 15px;
text-align: left;
}
.blog_btn {
	color: #333;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border-bottom: 1px solid #eee;
	/* line-height: 35px; */
}
.blog_btn:hover{
color:#556df4;	
}

.single-post-slide{
background:#fff;
padding:30px;
margin-bottom:60px;
}
.single-post-slide img{width:100%;}
.single-post-slide h3 a{
	color: #282828;
	display: block;
	font-size: 18px;
	font-weight: 300;
	margin-top:20px;
	margin-bottom:20px;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;	
}
.single-post-slide p{}
.single-post-slide{}


/*pagination*/
#pagination ul li a {
	border: 1px solid #eeee;
	color: #333;
	font-size: 16px;
	height: 50px;
	/* padding: 10px 19px; */
	width: 50px;
	text-align: center;
	line-height: 40px;
}
#pagination ul li a:hover {
    color: #fff;
    background: #556df4;
}

/*START BLOG SIDEBAR*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
border-bottom: 1px solid #eee;
color: #000;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .upcoming_event {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius: 3px;
	border-top: 3px solid #556df4;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.06);
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search input {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #282828;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #556df4;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
color: #777;
font-size: 15px;
font-weight: 400;
line-height: 28px;
margin: 10px 0 0;
transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #556df4 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
color: #282828;
font-size: 15px;
font-weight: 300;
line-height: 28px;
margin: 10px 0 0;
transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #556df4 }
.single_upcoming_event span i{margin-right:5px;color: #777 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: 300;
	padding: 5px 0;
	font-family: ubuntu,sans-serif;
}
.categories ul li a:hover { color: #556df4 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 1px solid #eee;
	border-radius: 30px;
	color: #333;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: 500;
	margin: 6px 4px;
	padding: 5px 16px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: #556df4;
    color: #fff;
    border: 1px solid #556df4;
}
/*END BLOG SIDEBAR*/
/*
* ----------------------------------------------------------------------------------------
* 18.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

.section-top {
position: relative;
    padding-bottom: 100px;
    padding-top: 160px;
}
.section-top:before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.section-top-title h1 {
color: #fff;
font-weight: 600;
}

.single_product{
    text-align: center;
    overflow: hidden;
	margin-bottom: 30px;	
	border: 1px solid rgba(0,0,0,0.02);
	padding-bottom: 20px;
	background: #fff;
	transition: .3s;
}
.single_product:hover{
	box-shadow: 5px 5px 25px rgba(0,0,0,0.03);
}
.product_image{
	overflow: hidden;
	position: relative;
}
.product_image img{
    width: 100%;
    height: auto;
    transition: all 1.5s ease 0s;
	
}

.single_product:hover img{
    transform: scale(1.2);
}
.single_product .box-content{
    width: 100%;
    padding: 17px 10px;
    background: #fff;
    position: absolute;
    bottom: -100px;
    left: 0;
    z-index: 1;
    transition: all 0.6s ease 0s;
	overflow: hidden;
	opacity: 0;
	background: rgba(85, 109, 244, .9);
	
}
.single_product:hover .box-content{
    bottom: 0;
	opacity: 1;
}
.box-content a {
	display: inline-block;
	color: #333;
	font-size: 14px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	margin: 0 7px;
	transition:.5s;
}
.box-content a:hover {
	color: #556df4;
	border-color: #fff;
}

.product_btm_text p {
	text-transform: uppercase;
	font-size: 13px;
}
.product_btm_text h4 {
	text-transform: capitalize;
	margin-top: 17px;
	margin-bottom: 6px;
	font-size: 17px;
}
.product_btm_text h4,
.product_btm_text h4 a{
	color: #333;
}
.p_rating i {
	color: #556df4;
}
.price {
	color: #333;
}
.new_badge {
	display: inline-block;
	background: #556df4;
	color: #fff;
	padding: 3px 12px;
	font-size: 14px;
	position: absolute;
	top: 15px;
	right: 15px;
	border-radius: 2px;
}