body {
  padding-top: 50px;
}

.navbar-nav > li > a { font-size: 14px;  }

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;*/
}

.starter-template {
  padding: 40px 15px;
  text-align: center; 
}

.navbar-brand { padding-top: 9px;
 }
.navbar-toggle .icon-bar { background-color: #4abf25; }

.bs-docs-nav { background-color: #fff; border-bottom: 4px solid #f5f5f5; }

/*section { padding: 100px 0; }*/



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

Theme Name: Classy 
Theme URI: http://codexcoder.com/
Author: CodexCoder
Author URI: http://codexcoder.com/
Description: Classy is a HTML Template
Version: 1.0

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



/*  Table of Content
---------------------------------------------------------------------- /
*
*   1 - Import Google Font
*
*   2 - Global Area
*  	    2.1 - Reset
*	    2.2 - Link btn
*	    2.3 - Social Media btn
*	    2.4 - Global Zoom Style
*	    2.5 - Global Expand Style
*	    2.6 - Default Style
*	   
*   3 - Main Menu
*
*   4 - Main Slider
*	    4.1 - Default Style
*	    4.2 - Slider-version-2
*
*   5 - Our Works
*
*   6 - Portfolio
*	    6.1 - Isotop-Button
*	    6.2 - Isotop-Content
*	    6.3 - Isotop-Expand
*
*   7 - Team
*       7.1 - Team Slider
*
*   8 - Features
*	    8.1 - Features Add
*	    8.2 - Features Details
*
*   9 - Pricing
*
*   10 - Achivement 
*		 10.1 - Achivement Add
*	   	 10.2 - Achivement Details
*
*   11 - Counter
*
*   12 - Client 
*		 12.1 - Tab-pane
*	   	 12.2 - Client List
*
*   13 - Blog
*
*   14 - Newslatter
*	   	 14.1 - Home Version 1
*	   	 14.2 - Home Version 2
*
*   15 - Google Map
*
*   16 - Scroll To Top
*
*   17 - Footer
*	   	 17.1 - Touch Widget
*	   	 17.2 - Blog Widget
*	   	 17.3 - Tag Widget
*	   	 17.4 - Copyright
*

/*  BLOG PAGE AND BLOG SINGLE PAGE
---------------------------------------/
*
*   18 - Blog Page
*		 18.1 - Default
*		 18.2 - Blog Content
*			    19.2.1 - Blockquote
*			    19.2.2 - Image Post
*			    19.2.3 - Carousel Control
*			    19.2.4 - Pagination
*		 18.3 - Blog Sidebar
*			    19.3.1 - Blog Search
*			    19.3.2 - Blog-Categories
*			    19.3.3 - Flicker Widget
*			    19.3.4 - Tab Widget
*			    19.3.5 - Accordion Widget
*
*   19 - Single Page
*		 19.1 - Auther Message
*		 19.2 - Blockquote
*		 19.3 - Comments
*		 19.4 - Form
*

/*  PORTFOLIO PAGE STYLE
---------------------------------------/
*
*   20 - Portfolio Single Page
*		 20.1 - Sidebar
*		 20.2 - Owl Carousel
*
*   21 - Portfolio Style Page
*

/*  SHORTCODE PAGE
---------------------------------------/
*
*   22 - Shortcode
*		 22.1 - Default
*		 22.2 - Tab and Accordion
*		 22.3 - Small Square Button
*		 22.4 - Small Rounded Button
*		 22.4 - Large Rounded Button
*		 22.5 - Message Box
*		 22.6 - Pagination
*		 22.7 - Rounded Progress Bars
*		 22.8 - Square Progress Bars
*			    22.8.1 - Small Bar
*		 22.9 - Blockquote
*		 22.10 - Pricing
*		 22.11 - List Style
*		 22.12 - Columns
*		 22.13 - Heading
*

/*  CONTACT PAGE
---------------------------------------/
*
*   23 - Contact
*		 24.1 - Contact Info
*		 24.2 - Contact Form
* 

/*  Table of Content End
------------------------------------------------------------------------ */


/*  1 - Goolge fonts loading
-------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,300italic,400italic);

/*  1 - Goolge fonts loading end
-------------------------------------------------------------------------*/


/*  2 - Global Area 
-------------------------------------------------------------------------*/
body {
	font-size: 16px;
	/*font-family: 'Lato', sans-serif;*/
	font-weight: normal;
	color: #6d7b8a;
	background-color: #ffffff;
	line-height: 25px;
}
h1 {
	font-size: 3em;
	font-weight: bold;
}
h2 {
	color: #262f39;
	font-size: 2.25em;
}
h3 {
	font-size: 1.5em;
	color: #4a4949;
}
h4 {
	font-weight: bold;
	color: #4a4949;
	margin-top: 0;
}
h1,h2,h3,h4,h5,h6 {
	/*font-family: 'Raleway', sans-serif;*/
	margin: 0;
	padding: 0;
}
p {
	line-height: 25px;
}
hr {
	border-top: 1px solid #eceef0;
}
[class^="flaticon-"]:before, 
[class*=" flaticon-"]:before, 
[class^="flaticon-"]:after, 
[class*=" flaticon-"]:after {
	font-family: Flaticon;
	font-style: normal;
}
button,img,a {
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		 -o-transition: all .25s ease;
			transition: all .25s ease;
}

/*  2.1 - Reset
---------------------------------------*/
ul,hr {
	padding: 0;
	margin:0;
}
/*  2.1 - Reset end 
---------------------------------------*/

/*  2.2 - Link btn 
---------------------------------------*/
.btn {
	background-color: #4fc1e9;
	border-radius: 3px;
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	line-height: inherit;
}
.custom-btn {
	position: relative;
	color: #ffffff;
	line-height: 37px;
	z-index: 0;
	padding: 6px 20px 6px 20px;
	text-transform: uppercase;
	display: inline-block;
}
.custom-btn:before {
	position: absolute;
	top: 0;
	left: -1px;
	bottom: 0;
	right: 0;
	z-index: -1;
	box-sizing: content-box;
	padding: 0 5px;
	border-radius: 2px;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	   -moz-transition: -moz-transform 0.2s, opacity 0.2s;
		-ms-transition: -ms-transform 0.2s, opacity 0.2s;
		 -o-transition: -o-transform 0.2s, opacity 0.2s;
			transition: transform 0.2s, opacity 0.2s;

	-webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
	   -moz-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
		-ms-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
		 -o-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
			transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);

	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
}
.link .custom-btn:before {
	background-color: #353b4a;
}
.custom-btn:hover::before, 
.custom-btn:focus::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.custom-btn:hover {
	color: #ffffff;
	border: 1px solid transparent !important;
}
/*  2.2 - Link btn end 
---------------------------------------*/

/*  2.3 - Social Media btn
---------------------------------------*/
.social-media-btn a {
	color: #737d8b;
}
.social-media-btn .icon {
	font-size: 1em;
	width: 35px;
	height: 35px;
	border: 1px solid #737d8b;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	line-height: 34px;
	margin: 0 2px;
}
.social-media-btn .icon:hover {
	color: #4FC1E9;
	border-color: #4FC1E9;
}
/*  2.3 - Social Media btn end 
---------------------------------------*/

/*  2.4 - Global Zoom Style
---------------------------------------*/
a.zoom {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	color: #ffffff;
	line-height: 50px;
	font-weight: 700;
	font-size: 30px;
	opacity: 0;
	background-color: rgba(79, 193, 233, 0.80);
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
}
a.zoom:before,
a.zoom:after {
	width: 42px;
	height: 2px;
	top: 50%;
	left: 50%;
	display: block;
	content: "";
	position: absolute;
	background: #ffffff;
	margin-left: -21px;
	z-index: 9999;
	opacity: 1;
}
a.zoom:before {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
a.zoom {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*  2.4 - Global Zoom Style end
---------------------------------------*/

/*  2.5 - Global Expand Style
---------------------------------------*/
.expand p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	   -moz-transition: opacity 0.35s,    -moz-transform 0.35s;
		-ms-transition: opacity 0.35s, 	   -ms-transform 0.35s;
		 -o-transition: opacity 0.35s, 		-o-transform 0.35s;
			transition: opacity 0.35s, 		   transform 0.35s;

	-webkit-transform: translate3d(-50%,-50%,0);
	   -moz-transform: translate3d(-50%,-50%,0);
		-ms-transform: translate3d(-50%,-50%,0);
		 -o-transform: translate3d(-50%,-50%,0);
			transform: translate3d(-50%,-50%,0);

	-webkit-transform-origin: 50%;
	   -moz-transform-origin: 50%;
		-ms-transform-origin: 50%;
		 -o-transform-origin: 50%;
			transform-origin: 50%;
}
.expand::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
	border: 2px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	   -moz-transition: opacity 0.35s,    -moz-transform 0.35s;
		-ms-transition: opacity 0.35s, 	   -ms-transform 0.35s;
		 -o-transition: opacity 0.35s, 		-o-transform 0.35s;
			transition: opacity 0.35s, 		   transform 0.35s;

	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
	   -moz-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
		-ms-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
		 -o-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);
			transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);

	-webkit-transform-origin: 50%;
	   -moz-transform-origin: 50%;
		-ms-transform-origin: 50%;
		 -o-transform-origin: 50%;
			transform-origin: 50%;
}
.expand p a {
	color: #ffffff;
}
.expand-icon {
	display: inline-block;
}
.expand p a span {
	width: 35px;
	height: 36px;
	display: inline-block;
	font-size: 1.6rem;
	border: 1px solid #ffffff;
	line-height: 35px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	   -moz-transition: opacity 0.35s,    -moz-transform 0.35s;
		-ms-transition: opacity 0.35s, 	   -ms-transform 0.35s;
		 -o-transition: opacity 0.35s, 		-o-transform 0.35s;
			transition: opacity 0.35s, 		   transform 0.35s;
}
.expand p a:first-child span {
	-webkit-transform: translate3d(-60px,-60px,0);
	   -moz-transform: translate3d(-60px,-60px,0);
		-ms-transform: translate3d(-60px,-60px,0);
		 -o-transform: translate3d(-60px,-60px,0);
			transform: translate3d(-60px,60px,0);
}
.expand p a:nth-child(2) span {
	-webkit-transform: translate3d(60px,-60px,0);
	   -moz-transform: translate3d(60px,-60px,0);
		-ms-transform: translate3d(60px,-60px,0);
		 -o-transform: translate3d(60px,-60px,0);
			transform: translate3d(60px,-60px,0);
}
.expand p a span {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
/*  2.5 - Global Expand end
---------------------------------------*/

/*  2.6 - Default Style
---------------------------------------*/
.carousel-control.right,
.carousel-control.left {
	background-image: none;
}
.footer-widget .blog-title,
.achivement-section,
.portfolio-section,
.touch-widget span,
.features-section,
.pricing-section,
.blockquote-text, 
.works-section,
.blog-section,
.team-section,
.post-text {
	display: block;
	overflow: hidden;
}
.section-padding {
	padding-top: 100px;
	padding-bottom: 70px;
}
.section-head {
	position: relative;
	padding-left: 35px;
	display: table;
	margin-bottom: 40px;
}
.section-head p {
	margin: 0;
}
.section-head:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 5px;
	width: 15px;
	content: '';
	background-color: #4fc1e9;
	margin-top: 5px;
}
.section-title {
	color: #292d39;
	font-size: 2.25em;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 8px;
}
.section-title span {
	color: #4fc1e9;
	font-weight: bold;
}
.section-description {
	max-width: 850px;
}
.overlay {
	background: rgba(41, 45, 57, 0.75);
	height: 100%;
	width: 100%;
}
/*  2.6 - Default Style end
---------------------------------------*/

/*  2 - Global Area end 
-------------------------------------------------------------------------*/




/*  Home Page Style
---------------------------------------------------------------------------------------------------------*/

/*  3 - Main Menu 
-------------------------------------------------------------------------*/

.main-menu-container {
	min-height: 97px;
}
.main-menu {
	z-index: 999;
	background-color: #ffffff;
	box-shadow: 0 1px 6px #D0D0D0;
}
.main-menu nav li a {
	font-weight: 600 !important;
}
.main-menu nav > li > a:hover {
	color: #4FC1E9 !important;
}
.main-menu .sm-blue a {
	font-family: 'Raleway', sans-serif;
}
.main-menu .nav>li>a {
	padding: 39px 20px;
}
.main-menu .navbar-default .navbar-nav>li>a {
	color: #353b4a;
}
.main-menu .navbar-default .navbar-nav>li>a:hover, 
.main-menu .navbar-default .navbar-nav>li>a:focus {
	color: #4FC1E9 !important;
}
.main-menu .sm-blue a:hover, 
.main-menu .sm-blue a:focus, 
.main-menu .sm-blue a:active, 
.main-menu .sm-blue a.highlighted {
	background-image: none;
}
.main-menu .navbar-default .navbar-nav>.active>a, 
.main-menu .navbar-default .navbar-nav>.active>a:hover, 
.main-menu .navbar-default .navbar-nav>.active>a:focus {
	color: #4fc1e9;
	background-color: transparent;
}
.main-menu .navbar-default .navbar-nav>.open>a, 
.main-menu .navbar-default .navbar-nav>.open>a:hover, 
.main-menu .navbar-default .navbar-nav>.open>a:focus {
	color: #4fc1e9 !important;
	background-color: transparent;
}
.main-menu .sm-blue li a {
	font-size: 0.9375em;
	text-transform: uppercase;
	border-left: 0;
	border-right: 0;
}
.main-menu .navbar {
	margin-bottom: 0; 
}
.main-menu .navbar>.container .navbar-brand, 
.main-menu .navbar>.container-fluid .navbar-brand {
	padding-top: 25px;
}
.main-menu .navbar-default {
	background: none;
	border: 0;
}
.main-menu .navbar-fixed-top {
	background-color: #ffffff;
}
.main-menu .dropdown-menu>li>a {
	color: #737d8b;
	text-transform: none;
	padding: 10px 20px !important;
	border-top: 1px solid #eceef0;
}
.main-menu .dropdown-menu>li:first-child a {
	border-top: none;
}
/*.main-menu ul.sm li:last-child a {
	padding-right: 0;
}*/
.main-menu .navbar-nav .sub-arrow:after, 
.main-menu .navbar-nav .collapsible .sub-arrow:after {
	position: absolute;
	top: 40px;
	right: 7px;
	width: 20px;
	height: 20px;
	content: "\f103";
	display: block;
	font: normal normal normal 16px/1 FontAwesome;
	border-radius: 100%;
	text-align: center;
	line-height: 20px;
}
.main-menu .navbar-nav ul .sub-arrow:after {
	position: absolute;
	top: 11px;
	right: 5px;
	width: 20px;
	height: 20px;
	content: "\f101";
	display: block;
	font: normal normal normal 16px/1 FontAwesome;
	border-radius: 100%;
	text-align: center;
	line-height: 17px;
}
.main-menu .dropdown > .dropdown-menu {
	border: none;
	border-top: 3px solid #4FC1E9;
	box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.3);
}
.main-menu .dropdown-menu {
	border-radius: 0;
}
.main-menu .navbar-right .dropdown-menu {
	top: 100% !important;
	display: none;
}
.main-menu .dropdown > .dropdown-menu:before {
	position: absolute;
	top: -10px;
	left: 20px;
	content: '';
	border-right: 10px dashed transparent;
	border-bottom: 10px solid #4fc1e9;
	border-left: 10px dashed transparent;
	display: inline-block;
	margin-left: -5px;
	z-index: 1;
}
.main-menu .dropdown-menu>li>a:hover .navbar-nav ul .sub-arrow:after, 
.main-menu .dropdown-menu>li>a:focus .navbar-nav ul .sub-arrow:after { 
	color: #ffffff;
}
.main-menu .nav .open>a, 
.main-menu .nav .open>a:hover, 
.main-menu .nav .open>a:focus {
	color: #ffffff !important;
	background-color: #4FC1E9;
	border-color: #eceef0;
}
.main-menu .dropdown-menu>li>a:hover, 
.main-menu .dropdown-menu>li>a:focus {
	color: #ffffff;
	background-color: #4fc1e9;
	box-shadow: 0 0 9px rgba(0,0,0.9);
} 
.main-menu .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.main-menu .navbar-default .navbar-toggle .icon-bar {
	background-color: #4fc1e9;
}
.main-menu .navbar-default .navbar-toggle:hover {
	color: #ffffff;
	background-color: #4FC1E9;
}
.main-menu .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #ffffff;
} 
.navbar-default .navbar-toggle {
	border-color: #4FC1E9;
}

/*  3 - Main Menu End
-------------------------------------------------------------------------*/


/*  4 - Main Slider
-------------------------------------------------------------------------*/
/*  4.1 - Default Style
---------------------------------------*/
.slider-container {
	background-color: #4fc1e9;
	overflow: hidden;
}
.slider-title {
	color: #f4f4f4;
	font-size: 4em;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
}
.slider-container .slider-txt-container {
	height: auto;
	display: block;
	padding-top: 250px;
}
.slider-container .slider-txt-container span {
	color: #f4f4f4;
	font-size: 2em;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height: 36px;
	padding: 0 15px;
}
.slider-container .slider-txt-container p {
	color: #b6bcc9;
	max-width: 800px;
	margin: 0 auto;
	padding: 15px 15px 35px 15px;
}
/*  4.1 - Default Style End
---------------------------------------*/

/*  4.2 - Slider-version-2
---------------------------------------*/
#slider-v2 h1 {
	font-size: 3.75em;
}
#slider-v2 .item-container {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}
#slider-v2 .item-container img { 
	margin-top: -50px;
}
#slider-v2 .item-container .overlay {
	position: absolute;
	top: 0;
	left: 0;
}
#slider-v2 .slider-txt-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-bottom: 220px;
}
.home-v2 .carousel-indicators {
	bottom: 40px;
}
.home-v2 .link .custom-btn,
.home .link .custom-btn {
	font-weight: 300;
	padding: 7px 28px;
	border: 1px solid #ffffff;
}
.portfolio-sidebar .custom-btn:hover,
.portfolio-sidebar .custom-btn,
.home-v2 .link .custom-btn:hover,
.home-v2 .link .custom-btn {
	border: none !important;
}
.carousel-indicators .active,
.carousel-indicators li {
	width: 12px;
	height: 12px;
	margin: 3px;
	border-radius: 30px;
}
.carousel-indicators .active {
	background-color: #4fc1e9;
	border: 2px solid #4fc1e9;
}
.home .link .custom-btn:before {
	border: none;
}

.home .link .custom-btn:hover {
	border: 1px solid #353b4a !important;
}
/*  4.2 - Slider-version-2 End
---------------------------------------*/

/*  4 - Main Slider End
-------------------------------------------------------------------------*/


/*  5 - Our Works
-------------------------------------------------------------------------*/
.works-item .icon {
	width: 100%;
	height: auto;
} 
.works-section {
	background-color: #f4f4f4;
}
.works-item {
	margin-bottom: 30px;
}
.works-item .icon {
	font-size: 3em;
	font-family:"Flaticon";
	width: 100%;
	height: 75px;
	line-height: 56px;
	margin-right: 20px;
}
.works-item .item-description {
	display: block;
	overflow: hidden;
}
.works-item .item-title {
	padding-bottom: 10px;
}
.works-item .item-title a,
.works-item .icon {
	color: #4fc1e9;
	font-weight: 500;
	text-decoration: none;
}
.home .works-section .section-padding {
	padding-top: 75px;
}
.home-v2 .works-item .icon {
	width: 70px;
	float: left;
}

/*  5 - Our Works End
-------------------------------------------------------------------------*/


/*  6 - Portfolio
-------------------------------------------------------------------------*/
#portfolio .section-padding {
	padding-bottom: 100px;
}

/*  6.1 - Isotop Button
---------------------------------------*/
.isotope-filters {
	padding-top: 17px;
	padding-bottom: 35px;
}
.isotope-filters button {
	color: #737d8b;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	padding: 8px 25px 6px;
	background-color: transparent;
	border: 1px solid #eceef0;
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 30px;
}
.isotope-filters button.active {
	color: #ffffff;
	background-color: #4FC1E9;
	border-color: #4FC1E9;
}
.isotope-filters button:hover,
.isotope-filters button:focus {
	color: #ffffff;
	background-color: #4FC1E9;
	border-color: #4FC1E9;
}
/*  6.1 - Isotop Button End
---------------------------------------*/

/*  6.2 - Isotop Content
---------------------------------------*/

.isotope .item img {
	width: 100%;
}
#portfolio .item {
	position: relative;
	background: #4FC1E9;
	text-align: center;
	float: left;
	width: 200px;
	height: 200px;
	overflow: hidden;
}
.item.width2 { 
	width: 400px; 
}
.item.height2 { 
	height: 400px; 
}
/*  6.2 - Isotop Content End
---------------------------------------*/

/*  6.3 - Isotop Expand
---------------------------------------*/
.portfolio-content .item:hover img {
	opacity: 0.4;
}
.portfolio-content .item:hover .expand::before {
	opacity: 1;
	-webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
	   -moz-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
		-ms-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
		 -o-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
			transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);
}
.portfolio-content .item:hover p span {
	opacity: 1;
	-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);
}
.portfolio-content .item p span:hover {
	color: #4fc1e9;
	background-color: #ffffff;
}

/*  6.3 - Expand Style End
---------------------------------------*/

/*  6 - Portfolio End
-------------------------------------------------------------------------*/


/*  7 - Team
-------------------------------------------------------------------------*/

.team-section {
	padding-top: 30px;
	padding-bottom: 80px;
}
#team .section-padding {
	padding-top: 0;
}
.single-team-member {
	width: 260px;
	position: relative;
	text-align: center;
	border: 1px solid #eceef0;
	border-radius: 2px;
	padding: 13px 13px 25px 13px;
	margin: 10px auto;
}
.single-team-member .member-img {
	position: relative;
	background-color: #4fc1e9;
}
.single-team-member .member-img img {
	width: 100%;
}
.team-member-info {
	padding: 15px 0 15px 0;
	line-height: 26px;
}
.team-member-info .name {
	color: #292d39;
	font-size: 1.1em;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		 -o-transition: all 0.3s;
			transition: all 0.3s;
}
.team-member-info .designation {
	color: #737d8b;
	display: block;
}
.single-team-member:hover .team-member-info a {
	text-decoration: none;
}
.single-team-member:hover .team-member-info .name {
	color: #4fc1e9;
}
.single-team-member .icon:hover {
	color: #4FC1E9;
	border-color: #4FC1E9;
}
.single-team-member .member-img:hover a.zoom {
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}

/*  7.1 - Team Slider
---------------------------------------*/
.owl-controls {
	text-align: center;
	margin-top: 30px;
}
.owl-page {
	background-color: transparent;
	border:1px solid  #4FC1E9;
	border-radius: 30px;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 2px;
}
.owl-page.active {
	background-color: #4FC1E9;
	border:1px solid  #4FC1E9;
}
/*  7.1 - Team Slider End
---------------------------------------*/

/*  7 - Team
-------------------------------------------------------------------------*/


/*  8 - Features
-------------------------------------------------------------------------*/
.features-section {
	background-color: #4FC1E9;
}
.features-section .section-head:before {
	background-color: #ffffff;
}
.features-section .section-head .section-title {
	color: #ffffff;
}
.features-section .section-head .section-description {
	color: #b5ecff;
	font-size: 1.125em;
}
.features-section .section-head .section-title span {
	color: #292d39;
}
/*  8.1 - Features Add
---------------------------------------*/
.apps-monitor {
	display: block;
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 30px;
}
/*  8.1 - Features Add End
---------------------------------------*/

/*  8.2 - Features Details
---------------------------------------*/
.apps-details ul {
	list-style: none;
}
.apps-details li {
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #93e1fd;
}
.apps-details li:last-child {
	border: none;
}
.apps-details .icon {
	color: #ffffff;
	font-size: 3em;
	line-height: 60px;
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 20px;
}
.apps-list {
	display: block;
	overflow: hidden;
}
.apps-list .apps-title {
	color: #ffffff;
	font-size: 1.25em;
	text-transform: uppercase;
	padding-bottom: 8px;
}
.apps-list .description {
	color: #b5ecff;
}
/*  8.2 - Features Details End
---------------------------------------*/

/*  8 - Features End
-------------------------------------------------------------------------*/


/*  9 - Pricing
-------------------------------------------------------------------------*/
.pricing-section ul {
	list-style: none;
}
.pricing-item {
	display: block;
	overflow: hidden;
	border: 1px solid #eceef0;
	border-radius: 3px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.item-head {
	position: relative;
	display: block;
	width: 100%;
	min-height: 160px;
	font-family: 'Raleway', sans-serif;
	background-color: #262f39;
	border: 1px solid #262f39;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.item-name {
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 14px 0;
	border-bottom: 1px solid #1d252e;
}
.currency-price-time {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 145px;
	height: 145px;
	background-color: #f4f4f4;
	border: 6px solid #4fc1e9;
	border-radius: 100%;
	padding: 20px;
	margin-left: -75px;
	margin-bottom: -75px;
}
.pricing-item .currency,
.pricing-item .number {
	color: #262f39;
	font-size: 3em;
	font-weight: bold;
	padding-top: 22px;
	padding-bottom:8px;
	display: inline-block;
}
.pricing-item .item-description {
	padding: 85px 0 15px 0;
}
.pricing-item li {
	padding: 14px 0;
}
.pricing-item li:nth-child(even) {
	width: 100%;
	height: auto;
	list-style: none;
	background-color: #eceef0;
}
.item-footer a {
	color: #ffffff;
	background-color: #6d7b8a;
	text-decoration: none;
	display: block;
	padding: 10px 0;
	margin: 15px 18px;
	border-radius: 3px;
}
.item-footer span {
	color: #4fc1e9;
}
.currency-price-time,
.pricing-item li,
.pricing-item,
.currency,
.number {
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}
.pricing-item:hover .currency-price-time {
	color: #ffffff;
	background-color: #4fc1e9;
	border-color: #ffffff;
} 
.pricing-item:hover .currency, 
.pricing-item:hover .number {
	color: #ffffff;
}
.pricing-item li:hover {
	color: #ffffff;
	background-color: #6d7b8a;
}
.item-footer a:hover {
	color: #ffffff;
	background-color: #4fc1e9;
}
/*  9 - Pricing
-------------------------------------------------------------------------*/


/*  10 - Achivement
-------------------------------------------------------------------------*/
.achivement-section {
	background-color: #f4f4f4;
}
.achivement-section .section-padding {
	padding-bottom: 0;
}

/*  10.1 - Achivement Add
---------------------------------------*/
.mobile-add {
	position: relative;
	display: block;
	overflow: hidden;
	height: 440px;
}
.mobile-add .mobile {
	position: absolute;
	top: 0;
	left: 0;
}
/*  10.1 - Achivement Add End
---------------------------------------*/

/*  10.2 - Achivement Details
---------------------------------------*/
.achivement-content .section-head {
	margin-top: 45px;
}
.achivement-item {
	padding: 25px 0px;
	border: 1px solid #e2e2e2;
	margin-bottom: 30px;
	font-size: 14px;
}
.achivement-item .number {
	color: #4fc1e9;
	font-size: 2.25em;
	font-family: 'lato',sans-serif;
	font-weight: 300;
}
/*  10.2 - Achivement Details End
---------------------------------------*/

/*  10 - Achivement End
-------------------------------------------------------------------------*/


/*  11 - Counter
-------------------------------------------------------------------------*/
.counter-section {
	background: url(../../images/home-v2/background/counter-up-bg.jpg) 50% 60% no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.counter-section .overlay {
	background: rgba(41, 45, 57, 0.5);
}
.counter-section .section-padding {
	padding-top: 130px;
	padding-bottom: 100px;
}
.counter-item {
	margin-bottom: 30px;
}
.counter-item .icon {
	color: #4fc1e9;
	font-size: 2em;
	font-family:"Flaticon";
	font-weight: normal !important;
	width: 80px;
	height: 80px;
	line-height: 75px;
	float: left;
	border: 2px solid #ffffff;
	margin-right: 20px;
	border-radius: 100%;
}
.counter-item .item-description {
	display: block;
	overflow: hidden;
}
.counter-item .item-description h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
.counter-item .number {
	color: #4fc1e9;
	font-size: 2.75em;
}
.counter-item .description {
	color: #ffffff;
}
.counter-item .item-title,
.counter-item .icon {
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
/*  11 - Counter
-------------------------------------------------------------------------*/


/*  12 - Clients
-------------------------------------------------------------------------*/

/*  12.1 - Tab-pane
---------------------------------------*/
#clients .section-padding {
	padding-bottom: 100px;
}
.clients-wrapper .tab-pane {
  position: relative;
  padding-bottom: 40px;
  text-align: center; 
}
.clients-wrapper .tab-pane p {
	position: relative;
	padding: 20px;
	margin-bottom: 15px;
	border: 1px solid #f1f1f1;
}
.clients-wrapper .tab-pane p:after {
	content: '';
  	position: absolute;
  	left: 50%;
  	bottom: -10px;
  	background-color: #ffffff;
  	border-bottom: 1px solid #f1f1f1;
  	border-right: 1px solid #f1f1f1;
  	width: 20px;
  	height: 20px;
  	margin-left: -10px;
  	-webkit-transform: rotate(45deg);
  	   -moz-transform: rotate(45deg);
  	    -ms-transform: rotate(45deg);
  	     -o-transform: rotate(45deg);
  	    	transform: rotate(45deg);
}
.client-name a {
	color: #4fc1e9 !important;
	text-decoration: none;
}
/*  12.1 - Tab-pane End
---------------------------------------*/

/*  12.2 - Client List
---------------------------------------*/
.clients-list {
	margin: 0;
	padding: 0;
  	font-size: 0;
  	text-align: center; 
}
.clients-list li {
	background-color: #4fc1e9;
	top: 0; 
  	position: relative;
  	display: inline-block;
}
.clients-list li.active {
	z-index: 99; 
	-webkit-transform: scale(1.3,1.2);
	   -moz-transform: scale(1.3,1.2);
		-ms-transform: scale(1.3,1.2);
		 -o-transform: scale(1.3,1.2);
			transform: scale(1.3,1.2);
}
.clients-list img {
    width: 120px;
    opacity: 0.4; 
}
.clients-list li.active img {
	opacity: 1;
}
.clients-list li {
  	-webkit-transition: all 0.5s ease;
  	   -moz-transition: all 0.5s ease;
  		-ms-transition: all 0.5s ease;
  		 -o-transition: all 0.5s ease;
  			transition: all 0.5s ease;
}
.fade {
   opacity: 0;
   -webkit-transition: opacity .5s linear;
      -moz-transition: opacity .5s linear;
       -ms-transition: opacity .5s linear;
        -o-transition: opacity .5s linear;
           transition: opacity .5s linear;
 }
/*  12.2 - Client List End
---------------------------------------*/

/*  12 - Clients End
-------------------------------------------------------------------------*/


/*  13 - Blog
-------------------------------------------------------------------------*/
.blog-section .section-padding {
	padding-bottom: 100px;
}
.home-v2 .blog-item img {
	width: 100%;
}
.home-v2 .auther-img {
	position: relative;
	background-color: #4fc1e9;
	width: 50%;
	display: inline-block;
}
.home-v2 .post-text {
	background-color: #f4f4f4;
	width: 50%;
	display: inline-block;
	overflow: visible;
	padding: 0 30px 42px 30px;
}
.home-v2 .entry-title {
	font-size: 1.4em;
	text-transform: uppercase;
	padding-bottom: 13px;
}
.home-v2 .entry-title a {
	color: #141b22;
	text-decoration: none;
}
.home-v2 .entry-meta {
	border: 1px dashed #c6c8ca;
	padding: 2px 10px 4px 10px;
	display: table;
}
.home-v2 .entry-meta a {
	color: #80868d;
	text-decoration: none;
}
.home-v2 #blog .entry-content {
	padding-bottom: 10px;
}
.home-v2 .post-before,
.home-v2 .post-after {
	position: relative;
}
.home-v2 .post-before:before {
	position: absolute;
	content: '';
	top: 27px;
	left: -14px;
	border-top: 15px dashed transparent;
	border-bottom: 15px dashed transparent;
	border-right: 15px solid #f4f4f4;
}
.home-v2 .post-after:after {
	position: absolute;
	content: '';
	top: 27px;
	right: -14px;
	border-top: 15px dashed transparent;
	border-bottom: 15px dashed transparent;
	border-left: 15px solid #f4f4f4;
}
.home-v2 #blog .link .btn {
	background-color: #737d8b;
}
.home-v2 #blog .link .custom-btn {
	font-weight: 400;
	margin: 0;
	padding: 3px 25px 3px 25px;
	border: 1px solid;
}
.home-v2 .blog-item:hover .entry-title a {
	color: #4fc1e9;
}
.home-v2 .entry-meta a:hover {
	color: #4fc1e9;
}
.home-v2 .blog-item:hover .link .btn {
	color: #ffffff;
	background-color: #4fc1e9 !important;
}
.home-v2 .blog-item:hover a.zoom {
	opacity: 1;
}

/*  13 - Blog End
-------------------------------------------------------------------------*/


/*  14 - Newslatter
-------------------------------------------------------------------------*/
.form-container {
	position: relative;
	max-width: 780px;
	margin: 0 auto;
	border: 4px solid #4ab6db;
	border-radius: 5px;
}
.newsletter-title {
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.newsletter-description {
	color: #ffffff;
	padding-bottom: 25px;
}
.newslater-section .form-control {
	font-family: 'Lato', sans-serif;
	background-color: #c2e9f7;
	width: 100%;
	margin: 0 auto;
	padding: 25px 12px;
	text-transform: uppercase;
	border: 0;
	border-radius: 2px;
}
.newslater-section .form-control input {
	font-weight: 400;
}
.form-container button{
	position: absolute;
	top: 2px;
	right: 2px;
	color: #ffffff;
	font-weight: 700;
	background-color: #4fc1e9;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	padding: 0 15px;
	line-height: 46px;
	border-radius: 2px;
	outline: none;
}
.newslater-section .form-control:focus {
	border-color: #4fc1e9;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

/*  14.2 - Home Version 1
---------------------------------------*/
.home .newslater-section {
	background-color: #4fc1e9;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.newslater-section .section-padding {
	padding-bottom: 100px;
}
/*  14.2 - Home Version 1 End
---------------------------------------*/

/*  14.2 - Home Version 2
---------------------------------------*/
.home-v2 .newslater-section {
	background: url(../../images/home-v2/background/newslatter-bg.jpg) 50% 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	display: block;
	overflow: hidden;
}
.home-v2 .newslater-section  .overlay {
	background-color: rgba(79, 193, 233, 0.6);
}
/*  14.2 - Home Version 2 End
---------------------------------------*/

/*  14 - Newslatter
-------------------------------------------------------------------------*/


/*  15 - Google Map
-------------------------------------------------------------------------*/
.google-map-container {
	width:100%; 
	height:400px;
	background-color: #dddddd;
}
/*  15 - Google Map End
-------------------------------------------------------------------------*/


/*  16 - Scroll To Top
-------------------------------------------------------------------------*/
.scrollup {
	width: 47px;
	height: 46px;
	position: fixed;
	padding: 5px;
	bottom: 40px;
	right: 40px;
	color: #ffffff;
	font-size: 2em;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
	background-color: #4fc1e9;
	z-index: 9999;
	display: none;
}
/*  16 - Scroll To Top End
-------------------------------------------------------------------------*/


/*  17 - Footer Section
-------------------------------------------------------------------------*/
.footer-container {
	font-size: 0.875em;
}
.footer-widget {
	color: #babfcc;
	background-color: #292d39;
	padding: 80px 0 40px 0; 
}
.footer-container .widget-title {
	color: #babfcc;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.touch-widget,
.blog-widget,
.tag-widget {
	padding-bottom: 30px;
}
.footer-container .social-media-btn .icon {
	font-size: 1.2em;
	width: 40px;
	height: 40px;
	line-height: 39px;
}

/*  17.1 - Touch Widget 
---------------------------------------*/
.touch-item {
	padding-bottom: 18px;
}
.touch-widget .icon {
	font-size: 0.75em;
	color: #babfcc;
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	line-height: 29px;
	border: 1px solid #455260;
	border-radius: 100%;
	margin-right: 10px;
}
.touch-widget span {
	height: auto;
	line-height: 30px;
}
.touch-widget a:hover {
	color: #ffffff;
	text-decoration: underline;
}
/*  17.1 - Touch Widget End 
---------------------------------------*/

/*  17.2 - Blog Widget 
---------------------------------------*/
.footer-widget .blog-widget p {
	line-height: 20px;
	margin-bottom: 9px;
}
.footer-widget a {
	color: #babfcc;
}
.footer-widget .blog-widget span,
.footer-widget .tweets span {
	color: #737d8b;
}
.footer-widget .single-post {
	padding-bottom: 15px;
}
.footer-widget .blog-img {
	width: 65px;
	height: auto;
	float: left;
	margin-right: 15px;
}
.blog-widget a:hover {
	color: #ffffff;
}
/*  17.2 - Blog Widget End 
---------------------------------------*/

/*  17.3 - Tag Widget 
---------------------------------------*/
.tag-container a {
	color: #babfcc;
	border: 1px solid #475564;
	margin-right: 5px;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration: none;
}
.tag-container .custom-btn {
	text-transform: none;
	padding: 0px 16px;
}
.tag-container .custom-btn:before {
	background-color: #4fc1e9;
}

.tagcloud a {
	color: #babfcc;
	border: 1px solid #475564;
	margin-right: 5px;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration: none;
}
.tagcloud a {
	text-transform: none;
	padding: 0px 16px;
	line-height: 37px;
	font-size: 0.875em !important;
}
.tagcloud a:before {
	background-color: #4fc1e9;
}
.tagcloud a:before {
	position: absolute;
	top: 0;
	left: -1px;
	bottom: 0;
	right: 0;
	z-index: -1;
	box-sizing: content-box;
	padding: 0 5px;
	border-radius: 2px;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	   -moz-transition: -moz-transform 0.2s, opacity 0.2s;
		-ms-transition: -ms-transform 0.2s, opacity 0.2s;
		 -o-transition: -o-transform 0.2s, opacity 0.2s;
			transition: transform 0.2s, opacity 0.2s;

	-webkit-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
	   -moz-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
		-ms-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
		 -o-transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);
			transition-timing-function: cubic-bezier(0.25,0.25,0.325,1.39);

	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
}
.tagcloud a:hover {
  color: #ffffff;
  background-color: rgb(79, 193, 233);
  border: 1px solid transparent !important;
   -webkit-transform: scale(1);
  transform: scale(1);
}
.tagcloud a:hover::before, .tagcloud a:focus::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*  17.3 - Tag Widget End
---------------------------------------*/

/*  17.4 - Copywright
---------------------------------------*/
.copywright-footer {
	padding: 20px 0;
}
.copywright {
	color: #737d8b;
	padding-top: 7px;
	font-weight: 400;
}
.copywright a {
	color: #6d7b8a;
} 
/*  17.4 - Copywright End
---------------------------------------*/

/*  17 - Footer Section End
-------------------------------------------------------------------------*/

/*  Home Page Style End
---------------------------------------------------------------------------------------------------------*/




/*  Blog Page Style
---------------------------------------------------------------------------------------------------------*/

/*  18 - Blog Pages
-------------------------------------------------------------------------*/

/*  18.1 - Default 
---------------------------------------*/
.blog-page-wrapper {
	padding-top: 100px;
}
.blog-content {
	margin-right: 30px;
}
.heading-section {
	background-color: #f4f4f4;
	margin: 0 auto;
	padding: 0;
}
.blog-title {
	color: #4fc1e9;
	padding-bottom: 10px;
}
.blog-sub-title {
	font-size: 1.5em;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.blog-sub-title a {
	color: #292d39;
}
.heading-section {
	text-align: center;
	position: relative;
	padding: 160px 0 60px 0;
}
.blog-item a {
	text-decoration: none;
}
.date-get {
	color: #ffffff;
	background-color: #4FC1E9;
	width: 90px;
	float: left;
	text-align: center;
	padding: 10px;
	border-radius: 3px;
}
.d {
	font-size: 3.25em;
	line-height: 45px;
	font-weight: 900;
}
.date-get p {
	margin-bottom: 0;
}
.post-text {
	padding-left: 30px;
}
.post-text p {
	padding: 15px 0 0 0;
	margin: 0;
}
.entry-meta {
	padding-bottom: 15px;
}
.entry-meta a {
	color: #737d8b;
	margin-right: 12px;
	display: inline-block;
}
.entry-meta a span {
	padding-left: 3px;
}
.catagorie {
	float: left;
}
.post-text .link a:hover {
	color: #ffffff;
}
.comments-list a:hover,
.post-text a:hover {
	color: #4FC1E9;
}
.read-more a {
	color: #ffffff;
}
audio,  
video {
	width: 100%;
	margin: 0;
	padding: 0;
}

/*  18.2 - Blog Page Content 
---------------------------------------*/
.blog .link, .archive .link, .search .link {
	margin-top: 30px;
}
.blog .link .btn, .archive .link .btn, .search .link .btn {
	color: #ffffff;
	background-color: #262d34;
	padding: 12px 30px;	
}
.blog .link .btn:hover, .archive .link .btn:hover, .search .link .btn:hover {
	background-color: #4FC1E9;
}
.blog .blog-sliser a {
	color: #ffffff;
}
.blog .blog-item, .archive .blog-item, .search .blog-item {
	margin-bottom: 74px;
}
.blog .blog-post-comments {
	overflow: hidden;
}
.blog .blog-item-comments li {
	list-style: none;
}
.blog .blog-text, .archive .blog-text, .search .blog-text {
	padding-top: 20px;
}
.audio-content {
	padding: 13px 20px 7px 20px;
	background-color: #989898;
}

/*  18.2.1 - Blockquote 
-------------------------------*/
.blog blockquote {
	font-size: 1em;
	font-style: italic;
	font-weight: 400;
	border-left: 0px;
	padding: 0;
	margin: 20px 0 0 0;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
.blog .blockquote-icon {
	text-align: left;
	width: 60px;
	line-height: 80px;
}
.blockquote-text p {
	padding: 0 !important;
}
/*  18.2.1 - Blockquote End
-------------------------------*/

/*  18.2.2 - Image Post
-------------------------------*/
.blog .blog-img {
	position: relative;
	background-color: #4FC1E9;
}
.blog-img:hover a.zoom {
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}
/*  18.2.2 - Image Post End
-------------------------------*/

/*  18.2.3 - Carousel Control 
-------------------------------*/
.blog .carousel-control.right, .single-portfolio .carousel-control.right{
	height: 35px;
	width: 36px;
	top: 50%;
	right: 20px;
	font-size: 2em;
	border: 1px solid #ffffff;
	margin-top: -17px;
	line-height: 30px;
}
.blog .carousel-control.left, .single-portfolio .carousel-control.left {
	height: 35px;
	width: 36px;
	top: 50%;
	left: 20px;
	font-size: 2em;
	border: 1px solid #ffffff;
	margin-top: -17px;
	line-height: 30px;
}
.blog .carousel-control:hover, .single-portfolio .carousel-control:hover {
	background-color: #4fc1e9;
	border-color: #4fc1e9; 
}
/*  18.2.3 - Carousel Control End 
---------------------------------*/

/*  18.2.4 - Pagination
---------------------------------*/
.pagination-list {
	padding: 45px 0 14px 0;
}
.pagination {
	height: 36px;
	margin: 0;
}
.pagination ul {
	padding-left: 0;
}
.pagination li {
	display: inline-block;
}
.pagination a {
	float: left;
	padding: 3px 14px 0 14px;
	line-height: 34px;
	text-decoration: none;
	border: 1px solid #ddd;
}
.pagination a:hover,
.pagination .active a {
	color: #ffffff;
	background-color: #4fc1e9;
	border: 1px solid #4fc1e9;
}
.pagination .active a {
	color: #ffffff;
	cursor: default;
}
.pagination .fa-angle-left,
.pagination .fa-angle-right  {
	font-size: 1.4em;
	line-height: 20px;
}
/*  18.2.4 - Pagination End
---------------------------------*/

/*  18.2 - Blog Page Content End
--------------------------------------------------*/


/*  18.3 - Blog Page Sidebar 
--------------------------------------------------*/
.blog-sidebar .blog-sub-title {
	padding-bottom: 15px;
}

/*  18.3.1 - Blog Search 
---------------------------------*/
/*.blog-search-bar {
	padding-bottom: 50px;
}*/
.blog-search-bar .form-control {
	font-size: 1em;
	height: 44px;
}
.input-append {
	position: relative;
}
.add-on {
	top: 0;
	right: 0;
	position: absolute;
	width: 40px;
	height: 100%;
	border: none;
	background: none;
}
button, html input[type=button], 
input[type=reset], 
input[type=submit] {
	outline: none;
}
/*  18.3.1 - Blog Search End
---------------------------------*/

/*  18.3.2 - Blog Categories 
---------------------------------*/
.blog-categories {
	padding-bottom: 50px;
}
.blog-categories ul {
	list-style: none;
}
.blog-cat-list li {
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.blog-cat-list li a {
	color: #737d8b;
	padding: 8px 0;
	display: block;
	text-decoration: none;
}
.blog-cat-list li:last-child {
	border-bottom: none;
}
.blog-cat-list span {
	float: right;
	text-align: right;
}
.blog-cat-list li a:hover {
	color: #4fc1e9;
	padding-left: 10px;
}
/*  18.3.2 - Blog Categories End 
---------------------------------*/

/*  18.3.3 - Flicker Widget 
---------------------------------*/
.flicker-widget,
.tab-widget,
.accordion-widget,
.blog-text-widget {
	margin-bottom: 50px;
	display: block;
	overflow: hidden;
}
.flicker-item a {
	width: 85px;
	height: 85px;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	background-color: #4fc1e9;
	overflow: hidden;
}
.flicker-item img {
	width: 100%;
}
.flicker-item a:hover img{
	opacity: 0.3;
	-webkit-transform: scale(1.1, 1.1);
	   -moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		 -o-transform: scale(1.1, 1.1);
			transform: scale(1.1, 1.1);
}
/*  18.3.3 - Flicker Widget End 
---------------------------------*/

/*  18.3.4 - Tab Widget 
---------------------------------*/
.popular-item,
.recent-item {
	margin-bottom: 10px;
}
ul.nav-tabs {
	background-color: #f4f4f4;
}
.nav-tabs>li {
	margin-bottom: 0;
}
.single-post .nav-tabs>li,
.blog .nav-tabs>li {
	width: 50%;
	margin-bottom: 0;
}
.single-post .nav-tabs>li a,
.blog .nav-tabs>li a {
	display: block;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color: #ffffff;
	background-color: #4FC1E9;
	border: none;
}
.nav-tabs>li>a {
	color: #292d39;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	padding: 12px 0;
	margin-right: 0;
	text-align: center;
}
.nav-tabs {
	border: none;
	margin-bottom: 30px;
}
.tab-content .tab-img {
	width: 70px;
	float: left;
	margin-right: 20px;
}
.tab-content .tab-text {
	display: block;
	overflow: hidden;
}
.tab-content a {
	color: #292d39;
	font-weight: bold;
	text-decoration: none;
}
.tab-content p {
	padding-top: 3px;
	line-height: 20px;
}
.tab-content a:hover {
	color: #4fc1e9;
}
/*  18.3.4 - Tab Widget End 
---------------------------------*/

/*  18.3.5 - Accordion Widget 
---------------------------------*/
.panel-default {
	border-color: #eceef0;
}
.panel-group .panel {
	margin-bottom: 10px;
	border-radius: 0;
}
.panel-heading {
	position: relative;
	padding: 0;
	border-radius: 0;
}
.accordion-widget p {
	margin: 0;
}
.panel-heading a {
	color: #ffffff;
	background: #4FC1E9;
	text-decoration: none;
	padding: 14px 15px;
	display: block;
}
.panel-heading a:after{
	position: absolute;
	right: 0;
	width: 20px;
	height: 20px;
	display: inline-block;
	content: "\f068";
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 10px;
	text-align: center;
	color: #ffffff;
	line-height: 20px;
}
.panel-heading a.collapsed:after {
	color: #262f39;
	content: "\f067";
}
.panel-heading a.collapsed {
	color: #262f39;
	background: #f4f4f4;
}
.accordion-img img {
	margin: 0 auto;
	padding-bottom: 20px;
}
/*  18.3.5 - Accordion Widget End 
-----------------------------------*/

/*  18 - Blog Page End
-------------------------------------------------------------------------*/


/*  19 - Blog Single Page
-------------------------------------------------------------------------*/

.single-post .post-text {
	padding-top: 20px;
}
.single-post .date-get {
	margin-top: 20px;
}
.single-post .blog-content .social-media-btn {
	padding: 30px 0;
}
.single-post .social-media-btn span {
	padding-right: 10px; 
}
.single-post .blog-item  {
	margin-bottom: 100px;
}
.blog-text.auther {
	border: 1px solid #f1f1f1;
	padding: 10px;
	margin-top: 20px;
	display: inline-block;
}
.blog-text.auther .post-text {
	padding: 0 0 0 20px;
}
.auther-pic {
	width: 180px;
	float: left;
}
.auther-link a {
	color: #262f39;
	font-size: 1.25em;
	font-weight: bold;
}

/*  19.1 - Auther Message
--------------------------------------------------*/
.comments .comments-title {
	padding-bottom: 20px;
}
.single-post .comments .auther-link {
	padding-bottom: 7px;
	font-size: 1.25em;
	font-weight: 700;
}
.single-post .comments .message span {
	padding-right: 10px;
}
.single-post .comments .message a {
	color: #4fc1e9;
	font-weight: 400;
}
.blog-text.auther .social-media-btn {
	padding: 13px 0;
}
/*  19.1 - Auther Message End
--------------------------------------------------*/

/*  19.2 - Blockquote
--------------------------------------------------*/
.single-post blockquote {
	position: relative;
	font-size: 1em;
	border-left: 0px solid #4FC1E9;
	border-top: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	padding: 15px 20px 15px 0;
	margin: 30px 5px 12px 0;
	-webkit-box-shadow: 0 0 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 0px rgba(0,0,0,0.5);
	-ms-box-shadow: 0 0 0px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 0px rgba(0,0,0,0.5);
	box-shadow: 0 0 0px rgba(0,0,0,0.5);
}
.single-post blockquote:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 102%;
	content: '';
	background-color: #4FC1E9;
	margin-top: -1px;
	margin-bottom: -1px; 
}
.blockquote-icon {
	color: #e7e9eb;
	font-size: 2.625em;
	line-height: 75px;
	width: 80px;
	float: left;
	text-align: center;
}
.blockquote-text {
	font-size: 1em;
}
/*  19.2 - Blockquote End
--------------------------------------------------*/

/*  19.3 - Comments
--------------------------------------------------*/
.parent,
.children {
	border-bottom: 1px solid #eceef0;
	margin-bottom: 20px;
	padding-bottom: 10px;
	margin: 20px 0; 
}
.children {
	margin-left: 115px;
}
.comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
} 
.comments .auther-img {
	width: 100px;
	height: 100px;
	float: left;
	margin: 7px 20px 20px 0;
}
.comments .auther-img img {
	max-width: 100%;
	height: auto;
}
.reply {
	display: inline-block;
}
/*  19.3 - Comments End
--------------------------------------------------*/

/*  19.4 - Form 
--------------------------------------------------*/
.comments-reply {
	padding-bottom: 70px;
}
.comments-title {
	color: #222222;
	font-size: 1.5em;
	text-transform: uppercase;
	padding-bottom: 35px;
}
.comments-input-box {
	position: relative;
	width: 48%;
	float: left;
	margin-right: 3%;
}
.comments-input-box .user-icon,
.comments-input-box .user-email,
.comments-input-box .user-url {
	color: #b4bac0;
	position: absolute;
	padding: 12px 0 0 17px;
}
.comments-input-box .form-control {
	box-shadow: inset 0 0 0 rgba(0,0,0,0);
}
.comments-input-box .form-control:focus {
	border-color: #4fc1e9;
}
.comments-input-box input {
	width: 100%;
	height: 50px;
	padding-left: 40px;
	margin-bottom: 15px;
	border-radius: 0;
}
.comments-text-box {
	width: 49%;
	float: left;
}
.comments-text-box p{
	margin: 0;
}
.comments-text-box .user-text {
	position: absolute;
	padding: 11px 0 0 17px;
}
.comments-text-box textarea {
	width: 100%;
	height: 181px;
	border: 1px solid #e2e2e2;
	padding: 10px 0 0 40px;
	line-height: 25px;
	outline: none;
}
textarea:focus {
	border-color: #4fc1e9;
}
.comments-text-box .user-text {
	color: #b4bac0;
}
.submit-box {
	width: 100%;
	margin-bottom: 25px;
}
input.submit-box  {
	color: #ffffff;
	font-weight: 700;
	background-color: #4FC1E9;
	width: 100%;
	height: 50px;
	padding-left: 10px;
	border: 0;
	border-radius: 0;
	-webkit-transition: all 0.4s ease;
  	   -moz-transition: all 0.4s ease;
  		-ms-transition: all 0.4s ease;
  		 -o-transition: all 0.4s ease;
  			transition: all 0.4s ease;
}
.submit-box:hover input {
	background-color: #353b4a;
}
/*  19.4 - Form End
--------------------------------------------------*/

/*  19 - Blog Single Page End
-------------------------------------------------------------------------*/

/*  Blog Page Style End
---------------------------------------------------------------------------------------------------------*/




/*  Portfolio Page Style
---------------------------------------------------------------------------------------------------------*/

/*  20 - Portfolio Single Page
-------------------------------------------------------------------------*/

.portfolio-single-wrapper .section-padding {
	padding-bottom: 65px;
}
.portfolio-single .portfolio-content {
	padding-right: 45px;
}
.entry-title {
	text-transform: uppercase;
	padding: 23px 0 17px;
	font-weight: 600;
}

/*  20.1 - Sidebar
--------------------------------------------------*/
.widget {
	margin-bottom: 25px;
}
.portfolio-sidebar {
	margin-left: -25px;
}
.portfolio-sidebar .entry-title {
	font-weight: 700;
	padding-top: 0;
}
.project-description .custom-btn,
.projects-link .custom-btn {
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	text-transform: none;
}
.project-description .custom-btn {
	display: block;
	margin: 32px 0 20px 0;
}
.project-description .custom-btn span {
	padding-right: 5px;
}
.project-details {
	padding: 50px 0 0 0;
}
.project-details .dat {
	padding-right: 50px;
}
.projects-auther .author {
	padding-right: 39px;
}
.entry-date {
	padding-bottom: 10px;
}
.projects-auther {
	padding-top: 10px;
}
.projects-categories {
	padding: 15px 0 15px 0;
}
.categories-list {
	width: 90px;
	float: left;
}
.categories-link {
	overflow: hidden;
}
.categories-link .custom-btn {
	background-color: #4FC1E9;
	padding: 0px 8px 2px 8px;
	margin: 0 2px 5px 0;
	text-transform: none;
	border-radius: 0;
	line-height: 30px;
}
.projects-auther a {
	color: #737d8b;
	text-decoration: none;
}
.projects-auther a:hover {
	color: #4FC1E9;
}
.projects-link .custom-btn {
	display: block;
	margin: 32px 0 20px 0;
}
.projects-link .custom-btn span {
	margin-right: 10px;
}
/*  20.1 - Sidebar End
--------------------------------------------------*/

/*  20.2 - Owl Carousel
--------------------------------------------------*/
.carousel-container .section-padding {
	padding-top: 0;
}
.carousel-container .entry-title {
	padding-bottom: 25px;
}
.item-img {
	width: 260px;
	position: relative;
	margin: 10px auto; 
}
.item-img img {
	width: 100%;
}
.owl-prev {
	position: absolute;
	top: 35%;
	left: -70px;
	padding-right: 2px !important;
	width: 45px;
	height: 45px;
	padding: 0 !important;
	border: 1px solid #989898;
	border-radius: 100% !important;
	color: #989898 !important;
	font-size: 1.8em !important;
	line-height: 41px;
	background: transparent !important;
}
.owl-next {
	position: absolute;
	top: 35%;
	right: -70px;
	padding-left: 3px !important;
	width: 45px;
	height: 45px;
	padding: 0 !important;
	border: 1px solid #989898;
	border-radius: 100% !important;
	color: #989898 !important;
	font-size: 1.8em !important;
	line-height: 41px;
	background: transparent !important;
}
.owl-prev:hover, .owl-next:hover {
	color: #4fc1e9 !important;
	border-color: #4FC1E9;
}
.owl-theme .owl-dots {
	display: none !important;
}
.item-img:hover a.zoom {
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}

/*  20.2 - Owl Carousel End
--------------------------------------------------*/

/*  20 - Portfolio Single Page End
-------------------------------------------------------------------------*/


/*  21 - Portfolio Style Page 1 & 2
-------------------------------------------------------------------------*/

.portfolio-heading {
	background-color: #f4f4f4;
}
.portfolio-heading .section-padding {
	padding-top: 60px;
	padding-bottom: 60px;
}
.page-title {
	color: #4FC1E9;
	font-size: 2em;
	padding-bottom: 10px;
}
.page-description {
	color: #737d8b;
	max-width: 800px;
	margin: 0 auto;
}
.portfolio .link {
	padding-top: 45px;
}
.portfolio .link .btn {
	color: #737d8b;
	background-color: transparent;
	border: 1px solid #eceef0;
}
.portfolio .link .custom-btn:before {
	background-color: #4FC1E9;
}
.portfolio .link .custom-btn:hover {
	color: #ffffff;
}

/*  21 - Portfolio Style Page 1 & 2 End
-------------------------------------------------------------------------*/

/*  Portfolio Page Style End
---------------------------------------------------------------------------------------------------------*/




/*  Shortcode Page Style
---------------------------------------------------------------------------------------------------------*/

/*  22 - Shortcode
-------------------------------------------------------------------------*/

/*  22.1 - Default
--------------------------------------------------*/
.shortcode-sub-title {
	font-size: 1.75em;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 40px;
}
/*  22.1 - Default End
--------------------------------------------------*/

/*  22.2 - Tab And Accordion
--------------------------------------------------*/
.tab-accordion {
	margin-top: 100px;
}
.shortcode ul.nav-tabs {
	background-color: #f4f4f4;
	border-radius: 2px;
}
.shortcode .tab-container .nav>li>a {
	color: #ffffff;
	background-color: #737d8b;
	padding: 14px 29px;
	margin-right: 1px;
	margin-bottom: 1px;
	border-radius: 2px;
}
.shortcode .nav-tabs>li.active>a,
.shortcode .nav-tabs>li.active>a:hover,
.shortcode .nav-tabs>li.active>a:focus {
	background-color: #4FC1E9;
}
.shortcode .nav-tabs>li:last-child {
	border: none;
}
.panel-group .panel {
	border-radius: 2px;
}
.shortcode .panel-heading a {
	padding: 16px 15px;
}
/*  22.2 - Tab And Accordion
--------------------------------------------------*/

/*  22.3 - Small Square Button
--------------------------------------------------*/
.rounded-button,
.square-button {
	margin-bottom: 70px;
}
.shortcode-btn {
	padding: 10px 24px;
	display: inline-block;
	text-transform: uppercase;
	margin-right: 24px;
	margin-bottom: 27px;
}
.rounded-button a,
.square-button a,
.large-button a {
	color: #ffffff;
	text-decoration: none;
}
.very-dark {
	background-color: #262d34;
}
.bright-blue {
	background-color: #3498db;
}
.ashgrey {
	color: #737d8b !important;
	background-color: #eceef0;
}
.darkgray {
	background-color: #737d8b;
}
.orange {
	background-color: #fa7307;
}
.lime-green {
	background-color: #23c363;
}
.black {
	background-color: #141b22;
}
.vivid-cyan {
	background-color: #1ac3fa;
}
/*  22.3 - Small Square Button End
--------------------------------------------------*/

/*  22.4 - Small Rounded Button
--------------------------------------------------*/
.rounded-button .shortcode-btn {
	border-radius: 3px;
}
/*  22.4 - Small Rounded Button End
--------------------------------------------------*/

/*  22.4 - Large Rounded Button
--------------------------------------------------*/
.large-button .shortcode-btn {
	padding: 19px 47px;
	border-radius: 3px;
}
/*  22.4 - Large Rounded Button End
--------------------------------------------------*/

/*  22.5 - Message Box
--------------------------------------------------*/
.message-box {
	margin-top: 70px;
}
.list-group-item {
	padding: 17px 15px;
}
.list-group-item:first-child,
.list-group-item:last-child {
	border-radius: 0;
}
.list-group li,
.list-group a {
	margin-bottom: 30px;
}
.soft-cyan {
	color: #3e92b2;
	background-color: #c0effe;
	border: 2px solid #91dcfb;
	box-shadow: inset 2px 2px 0px #a7e5fc, 
	inset -2px -2px 0px #a7e5fc;
}
.soft-red {
	color: #d31f27;
	background-color: #f7bcb9;
	border: 2px solid #ee8d88;
	box-shadow: inset 2px 2px 0px #f3a6a2, 
	inset -2px -2px 0px #f3a6a2;
}
.Light-grayish {
	color: #898d90;
	background-color: #eff4f7;
	border: 2px solid #d9ddde;
	box-shadow: inset 2px 2px 0px #e5e9eb, 
	inset -2px -2px 0px #e5e9eb;
}
.soft-yellow {
	color: #cfa920 !important;
	background-color: #fef3be;
	border: 2px solid #f5e68c;
	box-shadow: inset 2px 2px 0px #faeda7, 
	inset -2px -2px 0px #faeda7;
}
.Light-magenta {
	color: #9d4eac !important;
	background-color: #dccfdf;
	border: 2px solid #c190cd;
	box-shadow: inset 2px 2px 0px #cfb2d7, 
	inset -2px -2px 0px #cfb2d7;
}
.soft-green {
	color: #5db834 !important;
	background-color: #adf18c;
	border: 2px solid #7ee84f;
	box-shadow: inset 2px 2px 0px #97ed70, 
	inset -2px -2px 0px #97ed70;
}
/*  22.5 - Message Box End
--------------------------------------------------*/

/*  22.6 - Pagination
--------------------------------------------------*/
.pagination-wrapper {
	display: block;
	overflow: hidden;
	margin-top: 70px;
	margin-bottom: 70px;
}
.pagination {
	height: auto;
}
.pagination>li>a, 
.pagination>li>span {
	color: #989898;
	border: 1px solid #e2e2e2;
	margin-left: 8px;
	border-radius: 4px;
}
.pagination-lg>li:first-child>a, 
.pagination-lg>li:first-child>span,
.pagination-lg>li:last-child>a, 
.pagination-lg>li:last-child>span {
	border-radius: 4px;
}
.pagination li a {
	width: 46px;
	height: 46px;
	text-align: center;
	display: inline-block;
	line-height: 46px;
	font-weight: normal;
	padding: 0;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus {
	color: #4FC1E9;
	border-color: #4FC1E9;
	background: transparent;
}
.pagination.style-2>li>a, 
.pagination.style-2>li>span {
	border-radius: 100%;
}
/*  22.6 - Pagination End
--------------------------------------------------*/

/*  22.7 - Rounded Progress Bars
--------------------------------------------------*/
.pie-chart {
	position: relative;	
	margin: 0 auto 16px auto;
	text-align: center;
}
.pie-chart canvas {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.pie-chart i, 
.pie-chart .pie-chart-custom-text, 
.pie-chart .pie-chart-percent {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}
.pie-chart img {
	max-width:100%;
	vertical-align: middle;
}
.pie-chart .pie-chart-custom-text {
	top: 30px;
	font-size: 18px;
	font-weight: 600;
}
.pie-chart .pie-chart-percent {
	top: 50%;
	left: 50%;
	font-size: 36px;
	font-weight: 600;
	background-color: #f1f2f2;
	width: 70%;
	height: 70%;
	margin-top: -35%;
	margin-left: -35%;
	border-radius: 100%;
	line-height: 140px;
}
.pie-chart .pie-chart-percent sup {
	margin-left: -10px;
	font-size: 20px;
}
.pie-chart-description {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	font-size: 12px;
	text-align: center;
}
.piechart-content p {
	font-size: 1.125em;
	font-weight: bold;
}
/*  22.7 - Rounded Progress Bars End
--------------------------------------------------*/

/*  22.8 - Square Progress Bars
--------------------------------------------------*/
.prograssbar {
	margin-top: 70px;
}
.prograssbar .shortcode-sub-title {
	padding-bottom: 80px;
}
.progress {
	height: 40px;
	overflow: visible;
	margin-bottom: 60px;
	box-shadow: none;
}
.progress-bar {
	font-size: 1.125em;
	position: relative;
	line-height: 40px;
	background-color: #4FC1E9;
	box-shadow: none;
}
.percent {
	position: absolute;
	top: -39px;
	left: 50%;
	font-size: 1.6rem;
	background-color: #737d8b;
	width: 50px;
	height: 30px;
	margin-left: -25px;
	border-radius: 3px;
	line-height: 30px;
}
.percent:after {
	position: absolute;
	content: '';
	border-top: 7px dashed #737d8b;
	border-left: 10px dashed transparent;
	border-right: 10px solid transparent;
	bottom: -5px;
	left: 14px;
}

/*  22.8.1 - small bar
---------------------------------*/
.small-bar .progress {
	height: 15px;
	padding: 3px;
	margin-bottom: 20px;
	border: 1px solid #efecec;
	border-radius: 10px;
}
.small-bar .progress-bar {
	border-radius: 10px;
}
.progress-title {
	padding-bottom: 7px;
	display: inline-block;
}
.small-bar .percent {
	color: #66717d;
	top: -35px;
	left: 100%;
	background-color: transparent;
}
.small-bar .percent:after {
	display: none;
}
/*  22.8.1 - Small Bar
---------------------------------*/

/*  22.8 - Square Progress Bars End
--------------------------------------------------*/

/*  22.9 - Blockquote
--------------------------------------------------*/
.blockquote {
	padding-top: 40px;
	padding-bottom: 70px;
}
.shortcode blockquote {
	padding: 0;
	border: 0;
	background-color: #f4f4f4;
	margin-bottom: 30px;
}
.shortcode .blockquote-text {
	font-size: 0.875em;
	padding: 10px 23px 10px 30px;
	font-style: italic;
}
.blockquote-text.border {
	position: relative;
}
.blockquote-text.border:before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 8px;
	height: 100%;
	color: #ffffff;
	background-color: #4FC1E9;
	line-height: 92px;
	text-align: center;
}
.blockquote-text.quote {
	position: relative;
	padding: 10px 23px 10px 63px;
}
.blockquote-text.quote:before {
	position: absolute;
	content: "\f10d";
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
	color: #ffffff;
	background-color: #4FC1E9;
	font: normal normal normal 28px/1 FontAwesome;
	line-height: 92px;
	text-align: center;
}
.quote-style3 .blockquote-text {
	font-size: 0.875em;
	padding: 10px 55px 10px 22px;
	font-style: italic;
}
.shortcode .blockquote-icon {
	font-size: 2.625em;
	width: 31px;
	height: 31px;
	line-height: 30px;
}
.blockquote-icon.quote-right {
	position: absolute;
	right: 13px;
	bottom: 8px;
}
/*  22.9 - Blockquote End
--------------------------------------------------*/

/*  22.10 - Pricing
--------------------------------------------------*/
.shortcode .pricing-section .section-padding {
	padding-top: 0;
}
.shortcode .pricing-item:hover {
	box-shadow: 0px 0px 15px #c9c9c9;
}
/*  22.10 - Pricing End
--------------------------------------------------*/ 

/*  22.11 - List Style
--------------------------------------------------*/
.list {
	margin-bottom: 70px;
}
.list ul {
	list-style: none;
}
.list li {
	color: #737d8b;
	position: relative;
	padding: 5px 0 5px 23px;
}
.list-style-1 li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\f00c";
	font: normal normal normal 16px/1 FontAwesome;
	line-height: 34px;
}
.shortcode ol {
	margin-left: 20px;
	padding: 0;
}
.list-style-2 li {
	padding: 5px 0 5px 6px;
}
.list-style-3 li {
	padding: 5px 0 5px 30px;
}
.list-style-3 li:before {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	content: "\f105";
	color: #ffffff;
	font: normal normal normal 16px/1 FontAwesome;
	line-height: 21px;
	border-radius: 100%;
	background-color: #3498db;
	text-align: center;
	margin-top: 8px;
	padding-left: 2px;
}
/*  22.11 - List Style End
--------------------------------------------------*/

/*  22.12 - Columns
--------------------------------------------------*/
.columns h4 {
	font-family: 'Lato', sans-serif;
	padding-bottom: 10px;
}
.column-item {
	margin-bottom: 50px;
}
/*  22.12 - Columns End
--------------------------------------------------*/

/*  22.13 - Heading
--------------------------------------------------*/
.heading {
	margin-top: 35px;
	margin-bottom: 50px; 
}
.heading-item {
	color: #292d39;
	margin-bottom: 50px;
}
.heading-item h1,
.heading-item h2,
.heading-item h3,
.heading-item h4,
.heading-item h5,
.heading-item h6 {
	font-weight: bold;
	padding-bottom: 7px;
}
/*  22.13 - Heading End
--------------------------------------------------*/

/*  22 - Shortcode End
-------------------------------------------------------------------------*/

/*  Shortcode Page Style End
---------------------------------------------------------------------------------------------------------*/




/*  Contact Page Style End
---------------------------------------------------------------------------------------------------------*/

/*  23 - Contact
-------------------------------------------------------------------------*/

#contact {
	padding: 10px 0 0 0;
}

/*  23.1 - Contact Info
--------------------------------------------------*/
#contact .touch-widget {
	padding-right: 15px;
}
#contact .widget-title {
	color: #262f39;
	font-size: 1.5em;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 25px;
}
#contact .touch-item {
	padding-bottom: 14px;
}
#contact .touch-item .icon {
	color: #ffffff;
	font-size: 1.125em;
	text-align: center;
	background-color: #4FC1E9;
	border-color: #4FC1E9;
	width: 40px;
	height: 40px;
	line-height: 38px;
	margin-right: 18px;
}
#contact .touch-item .text {
	padding-top: 5px;
}
#contact .touch .touch-item {
	padding-top: 8px;
	border-bottom: 1px solid #eceef0;
}
#contact .touch .touch-item:last-child {
	border-bottom: none;
}
#contact .website a {
	color: #737d8b;
	text-decoration: none;
}
#contact .website a:hover {
	color: #4FC1E9;
}
/*  23.1 - Contact Info End
--------------------------------------------------*/

/*  23.2 - Contact Form
--------------------------------------------------*/
#contact form {
	padding-left: 15px;
}
#contact input,
#contact textarea {
	border-radius: 3px;
}
.contact-input-box .form-control {
	color: #b4bac0;
	font-size: 0.875em;
	height: 50px;
	margin-bottom: 20px;
	border: 1px solid #eceef0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0);
}
.contact-input-box .form-control:focus {
	border-color: #66afe9;
}
.contact-text-box textarea {
	color: #b4bac0;
	font-size: 0.875em;
	width: 100%;
	height: 150px;
	margin-bottom: 20px;
	padding-left: 12px;
	padding-top: 8px;
	border: 1px solid #e2e2e2;
	outline: none;
}
.contact-text-box textarea:focus {
	border-color: #4fc1e9;
}
#contact .submit-box {
	width: auto;
}
#contact .submit-box input {
	height: 46px;
	width: 120px;
	text-transform: uppercase;
}
/*  23.2 - Contact Form End
--------------------------------------------------*/

/*  23 - Contact
-------------------------------------------------------------------------*/

/*  Contact Page Style End
---------------------------------------------------------------------------------------------------------*/
.white { background-color: #fff; color: #5a5a5a; }


.feature-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}

.feature-wrap h2{
  margin-top: 10px;
}

.feature-wrap .pull-left {
  margin-right: 25px;
}

.feature-wrap i{
  font-size: 48px;
  height: 110px;
  width: 110px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #ffffff;
  color: #00a2ff;
  border: 3px solid #ffffff;
  box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 25px;
}

.feature-wrap i:hover {
  background: #00a2ff;
  color: #fff;
  box-shadow: inset 0 0 0 5px #00a2ff;
  -webkit-box-shadow: inset 0 0 0 5px #00a2ff;
  border: 3px solid #00a2ff;
}

p.quote-icon {
    font-family: "Raleway", sans-serif;
    font-size:4.25em;line-height:1em;margin-top:1em;overflow:hidden;font-weight:bold;width:auto;text-align:center;color:#AAB7C1
}

p.signature {
    text-align: right;
}





/* Testimonials */
.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #fff;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #f5f5f5;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}


footer {
    background-color: #00a2ff;
    text-align: center;
    padding: 20px 0 12px 0;
    color: #fefefe;
}
footer a {
    color: #fefefe;
}
footer a:hover {
    color: #fefefe;
    text-decoration: none;
}



/* ===========================
--- Contact
============================ */

form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}
form#contact-form input,form#contact-form select,form#contact-form textarea {
	border-radius: 0;
	border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.input-group-addon {
  background-color: #fefefe;
  border: 1px solid #eee;
  border-radius: 0;
}

.widget-contact {
	text-align: left;
	margin-top: 30px;
}

.btn-skin {
    color: #fff;
    background-color: #00a2ff;
    border-color: #00a2ff;
}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-skin:hover, .btn-skin:focus, .btn-skin:active, .active.btn-skin {
    color: #fff;
    background-color: #666;
    border-color: #666;
}