/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ CONTENTS /\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\

	 1. IMPORT
	 2. HEADER
	 3. NAVIGATION
	 4. FOOTER & FOOTER WIDGETS
     5. SIDEBAR & SIDEBAR WIDGETS
     6. PORTFOLIO/PROJECTS
     7. BLOG STYLING
     8. 404 PAGE
     9. ABOUT PAGE
     10. CONTACT PAGE FORM
     11. ICON LIST
     12. RECENT WORK CAROUSEL
     13. TESTIMONIALS
     14. ICON SERVICE BOXES
     15. PARALLAX
     16. CLIENTS
     17. TYPOGRAPHY
     18. BUTTONS
     19. PRICING TABLES BOXS
     20. TABS
     21. ACCORDION & TOGGLE
     22. PROGRESS SKILL BAR
     23. PROMO BOX
     24. PAGINATION
     25. TITLE
     26. DROPCAPS
     27. HIGHLIGHT
     28. SWIPE J.S SLIDER
     29. CAROUSEL
     30. FLICKR
     31. LIST & BULLETS
     32. BUTTON UP
     33. MEDIA QUERIES

/* =================================================================== */

/* Import Section
====================================================================== */

@import url("font-awesome.css");
@import url("magnified.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
 h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 600;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
.button,
input[type="button"],
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #555;
}
h1 {
	font-size: 28px;
	line-height: 50px;
	margin: 0;
}
h2 {
	font-size: 22px;
	line-height: 30px;
}
h3 {
	font-size: 16px;
	line-height: 30px;
}
h4 {
	font-size: 14px;
	line-height: 30px;
}
h5 {
	font-size: 12px;
	line-height: 21px;
}
h6 {
	font-size: 10px;
	line-height: 24px;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #555;
}
a:focus {
	outline: none;
	text-decoration: none;
}
.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
.wrapper {
	margin: 0 auto;
	width: 100%;
	clear: both;
}
.hidden {
	display: none;
}
.mrgb-20 {
	margin-bottom: 20px;
	display: block;
}
.mrgb-30 {
	margin-bottom: 30px;
}
.mrgb-40 {
	margin-bottom: 40px;
	position: relative;
	display: block;
}
.mrgb-50 {
	margin-bottom: 15px;
	position: relative;
	display: block;
}
.mrgb-60 {
	margin-bottom: 60px;
	position: relative;
	display: block;
}
.mrg-0 {
	margin: 0 auto;
}
.mrgt-0 {
	margin: 0 auto 20px;
}
/* =================================================================== */

/* 2. HEADER                                                           */

/* =================================================================== */

header {
	/*background: url("../images/page-header.jpg") no-repeat;*/
	background-color: #000;
}
.conatiner-fluid.home {
	background-color: #000;
	height: 85px;
}
.home header {
	background: none;
	height: 500px;
}
#top-info {
	padding-top: 7px;
	padding-bottom: 7px;
	/*color: #2DB0D0;*/
	color: #2238fe;
	position: relative;
	z-index: 999;
}
#top-info ul {
	list-style: none; float: right; padding:0; margin: 0; /*border-left:1px solid #D2200D;*
	/* border-right:1px solid #F2796C;*/
}
#top-info span {
	font: 13px/28px"open sans", Helvetica, Arial, sans-serif;
	background: #fff;
	border-radius: 15px;
	margin: 0 5px;
	padding: 0 10px;
}
#top-info > span {
	float: right;
}
#top-info span i {
	font-size: 13px;
	margin-right: 5px;
}
#top-info li {
	float: left;
}
#top-info li:last-child {
	margin-right: 10px;
}
#top-info li a {
	border-radius: 100%;
	color: #2238fe;
	/*color: #2DB0D0;*/
	background: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	width: 25px;
	margin: 0 2px;
	text-align: center;
	transition: background-color 100ms linear;
	-webkit-transition: background-color 100ms linear;
	-ms-transition: background-color 100ms linear;
	-moz-transition: background-color 100ms linear;
	-o-transition: background-color 100ms linear;
}
#top-info li:hover a.my-tweet {
	background: #3ABDD1;
	color: #fff;
}
#top-info li:hover a.my-facebook {
	background: #648CD5;
	color: #fff;
}
#top-info li:hover a.my-skype {
	background: #00AFFF;
	color: #fff;
}
#top-info li:hover a.my-pint {
	background: #DE5656;
	color: #fff;
}
#top-info li:hover a.my-rss {
	background: #EF8D1F;
	color: #fff;
}
#top-info li:hover a.my-google {
	background: #E73904;
	color: #fff;
}
.ie8 #header {
	border-bottom: 1px solid #e9e9e9;
}
/* Logo
====================================*/

#logo {
	padding: 0;
	color: #fff;
	/*background:#3ABDD1;*/
	background: #000;
	display: inline-block;
	float: left;
	position: relative;
	z-index: 999;
}
#logo h1 {
	font-size: 0;
	line-height: 25px;
	margin: 0;
}
#logo a {
	color: #fff;
}
#logo a img {
	max-width: 100%;
	height: auto;
}
/* page_head Title
====================================*/

.page_head {
	clear: both;
	padding-top: 85px;
	padding-bottom: 15px;
}
.page_head h2 {
	float: left;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 55px;
	color: #fff;
	line-height: 65px;
}
/* Breadcrumbs
====================================*/

#breadcrumbs ul {
	float: none;
	font-size: 14px;
	padding: 0;
}
#breadcrumbs ul li {
	display: inline-block;
	color: #FFFFFF;
	padding: 0 11px 3px 0;
	margin: 0 0 0 5px;
	background: url(../images/breadcrumbs.png) no-repeat 100% 50%;
}
#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a {
	color: #FFFFFF;
}
#breadcrumbs ul li:first-child {
	padding-right: 0;
	margin-left: 0;
}
#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
	color: #FFFFFF;
	background: none;
}
#breadcrumbs ul li:last-child {
	padding: 0;
	background: none;
}
/* =================================================================== */

/* 3. NAVIGATION
====================================================================== */

/*
  Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/

.navbar-nav ul {
	min-width: 187px!important;
	padding: 0;
	border: none;
}
.navbar-toggle {
	background: #303436;
	border: none;
	padding: 10px 10px;
	border-radius: 3px;
	margin-top: 5px;
}
.navbar-default {
	background: #fff;
	float: right;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background: #303436;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	height: 3px;
}
.navbar {
	margin-bottom: 0;
	min-height: 35px;
	border: none;
}
/* sub menus arrows */

.navbar-nav .sub-arrow,
.navbar-nav .collapsible .sub-arrow {
	position: static;
	margin-top: 0;
	margin-right: 0;
	margin-left: 6px;
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px dashed transparent;
	border-bottom: 4px dashed transparent;
	border-left: 4px dashed transparent;
}
.navbar-nav > li > .has-submenu .sub-arrow {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	width: 8px;
	height: 8px;
	line-height: 8px;
	border-width: 0px;
}
.navbar-nav > li > .has-submenu .sub-arrow:before {
	content: "\f107";
}
.navbar-nav ul .sub-arrow {
	position: absolute;
	right: 0;
	margin-top: 6px;
	margin-right: 5px;
	border-top: 4px dashed transparent;
	border-bottom: 4px dashed transparent;
	border-left: 4px solid;
}
.navbar-nav ul a.has-submenu {
	padding-right: 30px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #fff;
}
.navbar-collapse .navbar-header {
	background: #fff;
}
/* scrolling arrows for tall menus */

.navbar-nav span.scroll-up,
.navbar-nav span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.navbar-nav span.scroll-up-arrow,
.navbar-nav span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-bottom: 7px solid;
	border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
	top: 6px;
	border-top: 7px solid;
	border-right: 7px dashed transparent;
	border-bottom: 7px dashed transparent;
	border-left: 7px dashed transparent;
}
.navbar-default .navbar-nav li a {
	color: #555;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	line-height: 15px;
}
.navbar-default .navbar-nav > li {
	border-left: 1px solid #66c0d5;
}
.navbar-default .navbar-nav > li:first-child {
	border-left: medium none;
}
.navbar-default .navbar-nav > li > a {
	padding: 18px;
	color: #fff;
	background: #2238fe;
	/*background: #2DB0D0;*/
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
	background: none;
	color: #2238fe !important;
	/*color:#2DB0D0 !important;*/
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */

.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
	padding-left: 35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
	padding-left: 45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 60px;
}
.navbar-nav .dropdown-menu > li > a {
	white-space: normal;
	font-size: 13px;
	padding: 12px 20px;
	border-bottom: 1px solid #e4e4e4;
}
.navbar-nav .dropdown-menu > li > a:hover {
	/*color: #2DB0D0;*/
	color: #2238fe;
	background: #fff;
}
.navbar-nav ul.sm-nowrap > li > a {
	white-space: nowrap;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */

.navbar-nav .collapsible ul {
	display: none;
	position: static !important;
	top: auto !important;
	left: auto !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
}
.navbar-nav .collapsible ul.sm-nowrap > li > a {
	white-space: normal;
}
.navbar-nav .collapsible iframe {
	display: none;
}
/* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */

ul.sm li *,
ul.sm li *:before,
ul.sm li *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	border-color: transparent!important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #fff;
}
/*------------Animation-CSS-------------*/

.navbar-nav > li:hover > ul {
	-moz-animation: fadeInUp .4s ease-in;
	-webkit-animation: fadeInUp .4s ease-in;
	animation: fadeInUp .4s ease-in;
}
.navbar-nav > li > ul.dropdown-menu li:hover ul {
	-moz-animation: fadeInUp .5s ease-in;
	-webkit-animation: fadeInUp .5s ease-in;
	animation: fadeInUp .5s ease-in;
}
/*--------Animation_Hover_Effect_CSS---------------*/

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
/* ===================================================== */

/* 4. FOOTER & FOOTER WIDGETS												 */

/* ===================================================== */

.footer_bottom {
	background: #292F38;
	padding: 20px 0;
	color: #fff;
}
.footer {
	background: #323A45;
	padding: 30px 0;
	position: relative;
	color: #fff;
}
/* Footer Widgets
====================================*/

.widget_content {
	margin: 25px 0;
}
.widget_content > p {
	font-family: Pt Sans, Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.copyright {
	color: #AAAAAA;
	font-size: 12px;
	line-height: 40px;
	margin: 0;
}
.copyright a {
	color: #fff;
	text-decoration: none;
}
.copyright a:hover {
	color: #aaa;
}
.sidebar .widget h4 span {
	background: #fff;
	color: inherit;
}
/* Twitter Feed Widget
====================================*/

.tweet_list {
	padding: 0;
	position: relative;
	margin: 0 auto;
	list-style: none;
}
.tweet_list li {
	color: #fff;
	margin-bottom: 5px;
}
.tweet_list li::before {
	content: "";
	font-family: fontawesome;
	font-size: 16px;
	padding-right: 8px;
	position: absolute;
}
.tweet_list li p {
	line-height: 20px;
	overflow: hidden;
	margin-left: 26px;
	margin-bottom: 0;
	text-align: justify;
}
.tweet_list li p a {
	color: #fff;
	font-weight: 700;
	font-size: 12px
}
.tweet_content .time {
	font-size: 12px;
	color: #E3E3E3;
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding-left: 25px;
}
/* Social Widget
====================================*/

.widget_social {
	list-style: none outside none;
	margin: 0 auto;
	padding: 0;
}
.widget_social li {
	float: left;
	background: none !important;
}
.widget_social li a {
	color: #666;
	display: block;
	height: 46px;
	text-align: center;
	width: 46px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
.widget_social li a i {
	font-size: 22px;
	line-height: 46px;
	margin-right: 0;
	float: none;
}
.widget_social li a.fb:hover {
	color: #2f5a9a;
}
.widget_social li a.twtr:hover {
	color: #3abdd1;
}
.widget_social li a.gmail:hover {
	color: #363636;
}
.widget_social li a.pinterest:hover {
	color: #d13a3a;
}
.widget_social li a.rss:hover {
	color: #f15200;
}
.widget_social li a.tumblr:hover {
	color: #203550;
}
.widget_social li a.flickrs:hover {
	color: #ff0084;
}
.widget_social li a.instagram:hover {
	color: #507ea4;
}
.widget_social li a.linkedin:hover {
	color: #0072b2;
}
.widget_social li a.skype:hover {
	color: #00aaf1;
}
.widget_social li a.youtube:hover {
	color: #ff3330;
}
.widget_social li a.dribbble:hover {
	color: #f973a4;
}
/* =================================================================== */

/* 5. Sidebar & Sidebar Widgets
====================================================================== */

.sidebar .widget {
	display: block;
	float: left;
	height: 100%;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}
.sidebar .widget ul.list_style {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100%;
}
.sidebar .widget ul.list_style li {
	list-style: none;
	border-bottom: 1px solid #f2f2f2;
	font-size: 12px;
	line-height: 20px;
	padding: 8px 2px 8px 12px;
}
.sidebar .list_style li:before {
	font-family: FontAwesome;
	content: "\f105";
	font-size: 13px;
	position: absolute;
	left: 0;
	top: 8px;
}
.sidebar .widget ul.list_style li a {
	color: #777;
	font-size: 13px;
	line-height: 20px;
}
.sidebar .widget ul.list_style li a:hover {
	color: #22ACCC;
}
/* site search */

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

.site-search-area {
	margin: 0px;
	padding: 0 0 30px;
}
#site-searchform {
	margin: 0;
	padding: 0;
}
#site-searchform #s {
	border: 1px solid #eee;
	background-color: #fff;
	width: 82%;
	height: 41px;
	padding: 5px 10px 5px 10px;
	color: #999;
	float: left;
	font: normal 12px"Open sans", Helvetica, Arial, sans-serif;
}
#site-searchform #s:focus {
	border: 1px solid #2DB0D0;
	background-color: #fff;
	width: 82%;
	height: 41px;
	padding: 5px 10px 5px 10px;
	color: #999;
	float: left;
	font: normal 12px"Open sans", Helvetica, Arial, sans-serif;
}
#site-searchform #searchsubmit {
	float: left;
	width: 18%;
	height: 41px;
	cursor: pointer;
	text-indent: -5555em;
	line-height: 100;
	overflow: hidden;
	background: #2DB0D0 url(../images/search-icon.png) no-repeat center 14px;
	border: 0;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
#site-searchform #searchsubmit:hover {
	background: #238AA2 url(../images/search-icon.png) no-repeat center 14px;
}
.gray_border {
	width: 100%;
	height: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DCDCDC;
}
ul.tags {
	padding: 0;
	margin: 5px 0 15px;
	float: left;
}
.tags li {
	float: left;
	padding: 0px;
	margin: 0px 5px 5px 0px;
	list-style-type: none;
	line-height: 25px;
}
.tags li a {
	border: 1px solid #f2f2f2;
	color: #909090;
	float: left;
	font-size: 12px;
	padding: 3px 8px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.tags li a:hover {
	background-color: #2DB0D0;
	color: #fff;
}
/* Recent Posts Widget
====================================*/

.links {
	margin: 0;
	padding: 0;
}
.links li {
	list-style: none;
}
.links li::before {
	content: "";
	font-family: FontAwesome;
	font-size: 13px;
	margin-right: 5px;
}
.links li a {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 22px;
}
.footer li a:hover {
	color: #2DB0D0;
}
.links li span {
	display: block;
	color: #919191;
	font-size: 12px;
	margin-bottom: 6px;
}
/* Contact Widget
====================================*/

.contact-details-alt {
	padding: 0;
}
.contact-details-alt li {
	list-style: none;
}
.contact-details-alt li p strong {
	color: #fff;
	float: left;
	margin: 0;
	font-size: 12px;
	width: 25%;
}
.contact-details li p strong {
	color: #666;
	float: left;
	margin: 0 5px 5px 0;
}
.contact-details-alt li {
	margin: 0 0 5px 0;
}
.contact-details p,
.contact-details a {
	color: #666;
}
.contact-details-alt p {
	line-height: 18px;
	width: 100%;
	margin: 0;
	font-size: 12px;
}
.contact-details-alt p a {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 12px;
}
.contact-details-alt p a:hover {
	color: #919191;
}
.contact-details-alt li i {
	float: left;
	font-size: 12px;
	margin: 2px 0 0 0;
	width: 15px;
	margin-top: -3px;
}
/* ========================================================== */

/*  6. PORTFOLIO/PROJECTS                                     */

/* ========================================================== */

.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/* Isotope CSS3 transitions */

.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: top, left, opacity;
	transition-property: transform, opacity;
}
/* Disabling Isotope CSS3 transitions */

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
/* Disable CSS transitions for containers with infinite scrolling */

.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
#filter {
	margin: 0 auto 25px 15px;
	display: inline-block;
	padding: 5px 0 0;
	position: relative;
	text-align: left;
	width: auto;
	z-index: 10;
}
#filter li {
	float: left;
	list-style: none outside none;
	margin: 0 1px 10px;
}
#filter li a {
	color: #505354;
	padding: 10px 20px;
	font-size: 12px;
	position: relative;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-transition: all .50s ease-in-out;
	-webkit-transition: all .50s ease-in-out;
	transition: all .50s ease-in-out;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	text-decoration: none;
}
#filter li.selected a,
#filter li a:hover {
	color: #3ABDD1;
}
#filter li.selected a:after,
#filter li a:hover:after {
	background: #3ABDD1;
	width: 100%;
}
#filter li a:after,
#filter li a:before {
	transition: all .5s;
}
#filter li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: '.';
	color: transparent;
	height: 2px;
}
#filter li a:hover:after {
	width: 100%;
}
.portfolio_list .list_item:last-child {
	margin-bottom: 0;
}
.portfolio_list {
	margin-bottom: 30px;
	padding: 0;
	position: relative;
}
.portfolio_list .list_item {
	margin-bottom: 3%;
	overflow: hidden;
}
/*-------Portfolio-Text-Heading
==========================================-*/

.text_option {
	background-color: #F4F4F4;
	text-align: center;
	padding: 15px 0;
}
.large-images ul .list_item .text_option h4 a {
	font-size: 21px;
}
.large-images ul .list_item .text_option p {
	font-size: 18px;
}
.text_option > h4 {
	margin: 0;
}
.text_option > h4 a {
	color: #242424;
	font-size: 16px;
}
.recent-item .option:after,
.recent-item .option:hover:after,
.recent-item .option:before,
.recent-item .option:hover:before {
	background: rgba(255, 255, 255, 0.7) !important;
}
.recent-item .option:before {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	bottom: -100%;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all 0.3s ease 0s;
	width: 100%;
}
/*-------MASONRY PORTFOLIO STYLES
==========================================-*/

.masonry_wrapper {
	overflow: hidden;
	margin: 0;
}
.masonry_wrapper .item img {
	height: auto !important;
	height: 100% !important;
	width: 100%;
	position: relative;
	z-index: -2;
}
.mixed-container .item {
	padding: 10px 5px !important;
	margin: 0 !important;
	height: auto !important
}
.mixed-container .item img {
	padding: 0 !important;
	width: 100%;
	margin: 0 !important
}
.item figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #fff;
	text-align: center;
	cursor: pointer;
}
.item figure img {
	position: relative;
	display: block;
	opacity: 1;
}
.recent-item .item-description {
	padding: 2px;
	height: 100%;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0px;
	right: 0px;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	opacity: 0;
}
.recent-item:hover .item-description {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.recent-item h5 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	top: 10%;
	width: 100%;
	text-transform: uppercase;
}
.recent-item span {
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	line-height: 14px;
	position: absolute;
	bottom: 10%;
	width: 100%;
	display: block;
}
/*----------- medium-images---------*/

.medium-images .recent-item h5 {
	font-size: 16px;
}
.medium-images .recent-item span {
	font-size: 17px;
}
.medium-images .recent-item .option a {
	font-size: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 5px 3px;
}
/*----------- small-images---------*/

.small-images .recent-item h5 {
	font-size: 15px;
}
.small-images .recent-item span {
	font-size: 16px;
}
.small-images .recent-item .option a {
	font-size: 14px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 5px 3px;
}
/*---------//Masonry-CSS---------------*/

/* Portfolio Single Page
====================================*/

.portfolio_single {
	padding: 50px 0;
}
.portfolio_single .widget_title h4 span {
	background: #fff;
}
.project_details {
	background-color: #fff;
	overflow: hidden;
}
.project_detail_slider {
	margin-bottom: 30px;
}
.project_desc p {
	margin-bottom: 20px;
}
.project_desc h6,
.project_details h6 {
	font-size: 20px;
	margin-top: 5px;
}
.project_details .details li {
	border-bottom: 1px solid #F2F2F2;
	color: #A3A3A3;
	font-size: 12px;
	line-height: 18px;
	padding: 14px 0;
}
.project_details .details {
	margin: 0;
	padding: 0;
}
.project_details .details li span {
	color: #686868;
	display: block;
	float: left;
	font-weight: bold;
	height: 20px;
	position: relative;
	width: 30%;
}
.project_details .details li a {
	color: #A3A3A3;
	font-size: 12px;
}
.project_details .details li a:hover {
	color: #2EB0D2;
}
.project_detail_box {
	margin-bottom: 30px;
}
.project_description,
.project_details {
	margin-bottom: 30px;
}
/* ======================================================================== */

/* 7. BLOG STYLING
/* ======================================================================== */

.content {
	padding: 30px 0 60px;
	position: relative;
}
.sub_content {
	padding-bottom: 30px;
}
.blogTitle {
	margin: auto auto 10px;
	position: relative;
}
.blogTitle > a h2 {
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 0;
	color: #555;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
.blogContent > p {
	font-size: 13px;
	line-height: 20px;
}
.blogTitle > a:hover h2 {
	color: #2EB0D2;
}
.blogTitle span {
	color: #777;
	cursor: pointer;
	font-size: 12px;
	line-height: 24px;
}
.blogTitle span i {
	padding-right: 5px;
	font-size: 12px;
}
.blogTitle span:hover i {
	color: #777;
}
.blogMeta {
	display: inline-block;
	padding: 5px 0 0;
	position: relative;
}
.blogMeta a {
	color: #777;
	font-size: 12px;
	line-height: 20px;
	margin-right: 15px;
	text-decoration: none;
}
.blogMeta a:hover,
.blogTitle span:hover {
	color: #2EB0D2
}
.blogMeta a i {
	padding-right: 5px;
	font-size: 14px;
}
.blogMeta a:hover i {
	color: #777;
}
.blogDetail {
	border: 1px solid #f2f2f2;
	display: inline-block;
	padding: 15px;
	position: relative;
}
.blogPic {
	position: relative;
}
.blogPic > img {
	width: 100%;
}
.blog-hover > a {
	display: block;
	left: 45%;
	position: absolute;
	top: 35%;
}
.blogPic .blog-hover {
	background: rgba(255, 255, 255, 0.5);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 120ms ease-in-out;
	-moz-transition: all 120ms ease-in-out;
	-o-transition: all 120ms ease-in-out;
	-ms-transition: all 120ms ease-in-out;
	transition: all 120ms ease-in-out;
	width: 100%;
}
.blogPic:hover .blog-hover {
	opacity: 1;
}
.blogPic .blog-hover .icon {
	background: #2EB0D2;
	border-radius: 50% 50% 50% 50%;
	display: block;
	height: 40px;
	margin: 25% auto 0;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	color: #f2f2f2;
	width: 40px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	top: 50%;
}
.blogPic .blog-hover .icon:hover {
	background: #555;
}
.blogPic:hover .blog-hover .icon {
	top: 0;
}
.blogPic .blog-hover p {
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
.blog {
	padding: 50px 0;
}
.blog_large .post,
.blog_single .post {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #f2f2f2;
}
.blog_large .post_img,
.blog_single .post_img {
	margin-bottom: 25px;
	position: relative;
}
.blog_large .post_img img,
.blog_single .post_img img {
	height: auto;
	max-width: 100%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.blog_large .post_img:hover img,
.blog_single .post_img:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.blog_large .post_video {
	margin-bottom: 25px;
	position: relative;
}
.blog_large .post_video iframe {
	max-width: 100%;
	max-height: 100%;
	height: 320px;
	width: 100%;
	border: none;
	box-shadow: none;
}
.blog_large .post_date,
.blog_single .post_date {
	float: left;
	height: 0;
	text-align: center;
}
.blog_large .post_date span,
.blog_single .post_date span {
	display: block;
}
.blog_large .day,
.blog_single .day {
	background: #30B0D0;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 600;
	padding: 10px;
}
.blog_large .month,
.blog_single .month {
	background: #555;
	color: #FFFFFF;
	padding: 4px 13px 6px;
}
.blog_large .post_content,
.blog_single .post_content {
	margin: 0 0 0 70px;
}
.blog_large .post_meta .metaInfo,
.blog_single .post_meta .metaInfo {
	font-size: 0.9em;
	margin-bottom: 7px;
}
.blog_large .post_meta .metaInfo > span,
.blog_single .post_meta .metaInfo > span {
	display: inline-block;
	padding-right: 15px;
	color: #777;
}
.blog_large .post_meta .metaInfo > span > a,
.blog_single .post_meta .metaInfo > span > a {
	color: #777;
	font-family: lato, Helvetica, Arial, sans-serif;
	font-size: 12.4px;
}
.blog_large .post_meta .metaInfo > span > a:hover,
.blog_single .post_meta .metaInfo > span > a:hover {
	color: #30B0D0;
}
.blog_large .post_meta .metaInfo,
.blog_single .post_meta .metaInfo {
	font-size: 0.95em;
	margin: 0 auto;
	padding: 0 0 20px;
}
.blog_large .post_meta .metaInfo i,
.blog_single .post_meta .metaInfo i {
	margin-right: 3px;
	color: #777;
}
.blog_large .post_meta h2,
.blog_single .post_meta h2 {
	margin-bottom: 10px;
	margin-top: 0;
}
.blog_large .post_meta h2 a,
.blog_single .post_meta h2 a {
	font-size: 24px;
	font-weight: 600;
	color: #555;
	line-height: 34px;
	text-transform: capitalize;
}
.blog_large .post_meta h2:hover a,
.blog_single .post_meta h2:hover a {
	color: #30B0D0;
}
.blog_large .post_content > p,
.blog_single .post_content > p {
	margin-bottom: 20px;
}
/* BLOG MEDIUM
/* ==========================*/

.blog_medium .post:after {
	clear: both;
	content: " ";
	display: block;
	visibility: hidden;
}
.blog_medium .post {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #f2f2f2;
}
.blog_medium .post_img {
	float: left;
	margin-bottom: 0;
	margin-right: 20px;
	position: relative;
	width: 35%;
}
.blog_medium .post_img img {
	height: auto;
	max-width: 100%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
.blog_medium .post_img:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.blog_medium .post_video {
	margin-bottom: 25px;
	position: relative;
}
.blog_medium .post_video iframe {
	max-width: 100%;
	max-height: 100%;
	height: 320px;
	width: 100%;
	border: none;
	box-shadow: none;
}
.blog_medium .post_date {
	float: left;
	margin-right: 20px;
	position: relative;
	text-align: center;
}
.blog_medium .post_date span {
	display: block;
}
.blog_medium .day {
	background: #30B0D0;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 600;
	padding: 5px 10px;
}
.blog_medium .month {
	background: #555;
	color: #FFFFFF;
	padding: 2px 13px 4px;
}
.blog_medium .post_content {
	float: left;
	margin: 0;
	width: 50%;
}
.blog_medium .post.no_images .post_content {
	max-width: 88%;
	width: auto;
}
.blog_medium .post_meta .metaInfo {
	font-size: 0.9em;
	margin-bottom: 7px;
}
.blog_medium .post_meta .metaInfo > span {
	display: inline-block;
	padding-right: 15px;
	color: #777;
}
.blog_medium .post_meta .metaInfo > span > a {
	color: #777;
	font-family: lato, Helvetica, Arial, sans-serif;
	font-size: 12.4px;
}
.blog_medium .post_meta .metaInfo > span > a:hover {
	color: #30B0D0;
}
.blog_medium .post_meta .metaInfo {
	font-size: 0.95em;
	margin: 0 auto;
	padding: 0 0 20px;
}
.blog_medium .post_meta .metaInfo i {
	margin-right: 3px;
	color: #777;
}
.blog_medium .post_meta h2 {
	margin-bottom: 10px;
	margin-top: 0;
}
.blog_medium .post_meta h2 a {
	font-size: 24px;
	font-weight: 600;
	color: #555;
	line-height: 34px;
	text-transform: capitalize;
}
.blog_medium .post_meta h2:hover a {
	color: #30B0D0;
}
.blog_medium .post_content > p {
	margin-bottom: 20px;
}
/*SINGLE POST
/* ========================== */

.about_author {
	background: #f2f2f2;
	overflow: hidden;
	position: relative;
}
.author_desc {
	background: #30B0D0;
	float: left;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	padding: 20px 0;
	position: absolute;
	text-align: center;
	width: 25%;
}
.author_desc > img {
	background: #FFFFFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-bottom: 20px;
	padding: 4px;
	max-width: 80px;
	max-height: 80px;
}
.about_author h3 {
	margin: 0 auto;
}
.author_name > a {
	color: #555333;
	font-size: 16px;
	font-weight: bold;
}
.author_name > a:hover {
	color: #30B0D0;
}
.author_bio {
	display: block;
	float: right;
	padding: 20px;
	position: relative;
	width: 75%;
}
.author_det {
	margin-bottom: 0;
}
.author_bio > h5 {
	font-size: 12px;
	margin: 0 auto 10px;
}
.author_bio > h5 a {
	color: #30B0D0;
}
/* Post Share Article
================================================== */

.shares {
	background: #f2f2f2;
	list-style: none;
	overflow: hidden;
	margin: 50px 0 0;
	padding: 0;
}
.shares li {
	float: left;
	border-right: 1px solid #fff;
}
.shares li.shareslabel h3 {
	padding: 8px 20px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
	margin: 0;
}
.shares li a {
	display: block;
	width: 45px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: 7px 7px;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.shares li a:hover {
	background-position: 7px -58px;
	background-color: #30B0D0;
}
.shares li a:active {
	background-color: #999;
}
.shares li a.twitter {
	background-image: url(../images/social/twitter.png);
}
.shares li a.facebook {
	background-image: url(../images/social/facebook.png);
}
.shares li a.gplus {
	background-image: url(../images/social/gplus.png);
}
.shares li a.pinterest {
	background-image: url(../images/social/pinterest.png);
}
.shares li a.yahoo {
	background-image: url(../images/social/yahoo.png);
}
.shares li a.linkedin {
	background-image: url(../images/social/linkedin.png);
}
/* About Author
====================================*/

.author_social {
	list-style: none outside none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: center;
	z-index: 9999;
}
.author_social li {
	background: none !important;
	display: inline-block
}
.author_social li a {
	color: #444;
	display: block;
	height: 30px;
	text-align: center;
	width: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	background: #f9f9f9;
}
.author_social li a i {
	font-size: 14px;
	line-height: 30px;
	margin-right: 0;
	float: none;
}
.author_social li a.fb:hover {
	background: #2f5a9a;
	color: #fff;
}
.author_social li a.twtr:hover {
	background: #3abdd1;
	color: #fff;
}
.author_social li a.gmail:hover {
	background: #363636;
	color: #fff;
}
.author_social li a.pinterest:hover {
	background: #d13a3a;
	color: #fff;
}
.author_social li a.rss:hover {
	background: #f15200;
	color: #fff;
}
.author_social li a.tumblr:hover {
	background: #203550;
	color: #fff;
}
.author_social li a.flickr:hover {
	background: #ff0084;
	color: #fff;
}
.author_social li a.instagram:hover {
	background: #507ea4;
	color: #fff;
}
.author_social li a.linkedin:hover {
	background: #0072b2;
	color: #fff;
}
.author_social li a.skype:hover {
	background: #00aaf1;
	color: #fff;
}
.author_social li a.youtube:hover {
	background: #ff3330;
	color: #fff;
}
.author_social li a.dribbble:hover {
	background: #f973a4;
	color: #fff;
}
.post-author {
	margin-left: 94px;
	position: relative;
	margin-top: 15px;
	margin-bottom: 60px;
}
.post-author .avatar {
	left: -47px;
	position: absolute;
}
.post-author h6 {
	font-family: lato, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: auto;
}
.news_content h2 {
	border-bottom: 1px solid #f2f2f2;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.8;
	margin: 30px auto;
}
.metaInfo {
	font-size: 0.9em;
	margin-bottom: 7px;
}
.metaInfo > span {
	display: inline-block;
	padding-right: 15px;
	color: #777;
}
.metaInfo > span > a {
	color: #777;
}
.metaInfo > span > a:hover {
	color: #30B0D0;
}
.metaInfo {
	font-size: 0.95em;
	margin: 0 auto;
	padding: 15px 0 20px;
}
.metaInfo i {
	margin-right: 3px;
	color: #777;
}
.news_content .metaPost {
	margin-top: 0;
}
.news_content .titlePost > h4 {
	font-size: 28px;
	line-height: 1.4;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
}
.news-slider {
	margin-bottom: 30px;
}
/* comment list */

.news_comments {
	margin: 50px auto;
}
#comment-list {
	margin: 0;
	padding: 0;
}
#comment-list li {
	background: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/* Comment
============================*/

#comment-list ul.children {
	margin-left: 94px;
	padding: 0;
}
.comment-container {
	border-top: solid 3px #f2f2f2;
	margin: 0 0 15px 90px;
	padding: 20px 20px;
	position: relative;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.comment-container:hover {
	background: #F4F4F4;
	border-color: #30B0D0;
}
.comment-body p {
	margin: 0;
}
.avatar {
	float: left;
	width: 74px;
}
.avatar img {
	display: block;
	margin-right: 20px;
	position: relative;
	z-index: 0;
	border: 1px solid #DCDCDC;
	padding: 3px;
}
h4.comment-author {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
}
h4.comment-author a {
	color: #555
}
#comment-list li .comment-container:hover a {
	color: #30B0D0;
}
#comment-list .comment-meta {
	margin-bottom: 10px;
}
#comment-list .comment-date {
	font-size: 12px;
	font-style: italic;
	color: #888;
}
#comment-list li .comment-container:hover .comment-date {
	color: #30B0D0;
}
/* comment hover effect */

#comment-list li .comment-container:hover h4 {
	color: #30B0D0;
}
.comment-reply-link {
	position: absolute;
	right: 20px;
	top: 20px;
}
a.link-style3 {
	color: inherit !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	text-transform: uppercase;
}
.comment-reply-link {
	position: absolute;
	right: 20px;
	top: 20px;
}
.comment_form > input {
	margin-bottom: 20px;
	margin-right: 20px;
	width: 31.1%;
}
#comments {
	margin-bottom: 20px;
}
.comment_form > input:last-child {
	margin-right: 0;
}
/* =====================================================
     8.404 PAGE
 ===================================================== */

.page_404 {
	position: relative;
	text-align: center;
}
.page_404 > h1 {
	font-size: 250px;
	font-weight: 600;
	line-height: 250px;
	position: relative;
}
.page_404 > p {
	font-family: Pt Sans, Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 30px;
}
/* Texture Section
=========================== */

.texture-section {
	padding: 65px 0;
	margin: 20px 0 30px;
	background: #96D3C6;
}
.texture1 {
	background: url(../images/pattern-1.png);
}
/* ===================================================== */

/* 9. ABOUT PAGE											 */

/* ===================================================== */

.left_img {
	float: left;
	margin: 0 15px 8px 0;
	overflow: hidden;
}
.right_img {
	float: right;
	margin: 0 0 8px 15px;
	overflow: hidden;
}
.divider {
	position: relative;
	display: block;
	height: 30px;
}
/* OUR TEAM PAGE
===================================================== */

.team_prof .names {
	font-family: Pt Sans, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	color: #666;
	text-transform: uppercase;
}
.team_prof .names > small {
	float: right;
	font-size: 12px;
	font-weight: 600;
	line-height: 30px;
	text-transform: capitalize;
}
.description {
	color: #666666;
	font-family: PT sans, Helvetica, Arial, sans-serif;
	font-size: 14px;
}
.team_prof {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color #ecf0f1 #f2f2f2;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	border-color: #f2f2f2;
	padding: 10px 15px 5px;
	overflow: hidden;
}
/* =================================================================== */

/* 10. CONTACT PAGE FORM
====================================================================== */

#contactForm {
	margin-top: 30px;
}
input[type="submit"] {
	color: #fff !important;
}
/* Forms
=========================== */

textarea {
	resize: vertical;
	width: 100%;
}
.form-control {
	height: 46px;
	border-radius: 0;
	padding: 12px;
	margin-bottom: 10px;
}
.form-control:focus,
#site-searchform #s:focus {
	border-color: #30B0D0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #22ACCC;
	outline: none;
}
label.error {
	color: #ebedef;
	font-size: 13.006px;
	line-height: 18.004px;
	font-weight: normal;
	margin-right: 4px;
	text-shadow: none;
	text-decoration: none;
}
label.error {
	color: #30B0D0;
}
label {
	margin: 13px 0;
	color: #444444;
}
/*-----------------Contact-Page-CSS-------------------*/

.contact-widget span {
	border: 1px solid #fff;
	border-radius: 50%;
	display: block;
	font-family: "Montserrat", sans-serif;
	font-size: 24px;
	height: 100px;
	line-height: 105px;
	margin: 0 auto 25px;
	position: relative;
	width: 100px;
	background: #F5F5F5;
	text-align: center;
}
.contact-widget span i {
	color: #03acdc;
	font-size: 35px;
}
.section-title {
	text-align: center;
}
.section-title h5 {
	font: 600 31px/30px"arial";
}
.contact-widget {
	text-align: center;
}
.contact-widget p a {
	color: #666;
}
.contact-widgett p a:hover {
	color: #919191;
}
/* MAPS
=========================== */

.contact {
	padding: 50px 0;
}
.maps {
	position: relative;
	padding-bottom: 35px;
}
#page_maps {
	max-height: 380px;
	height: 360px;
}
/* ==================================================
   11. ICON LIST
================================================== */

.icon_lists {
	margin-top: 22px;
}
.icon_lists .fa-hover a {
	border-radius: 0;
	color: #222222;
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
}
.icon_lists .fa-hover a .fa {
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	text-align: right;
	width: 32px;
}
.icon_lists .fa-hover a:hover {
	background-color: #30B0D0;
	color: #FFFFFF;
	text-decoration: none;
}
.icon_lists .fa-hover a:hover .fa {
	font-size: 24px;
	vertical-align: -3px;
	;
}
.icon_lists .fa-hover a:hover .text-muted {
	color: #BBE2D5;
}
/* ==================================================
   12. Recent Works Carousel
================================================== */

.latest_work {
	position: relative;
}
.jcarousel {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.jcarousel ul {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}
.carousel-navi {
	bottom: 30px;
	float: right;
	position: absolute;
	right: 15px;
}
.carousel-intro {
	position: relative;
}
.jcarousel-list li {
	margin-bottom: 30px;
	width: 234px;
	padding-left: 10px;
	padding-right: 10px;
}
.recent-item {
	display: block;
	background: rgba(255, 255, 255, 0.5);
	overflow: hidden;
	position: relative;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.recent-item figure > img {
	width: 100%;
}
.recent-item .ImageOverlay:after {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	height: 100%;
	content: "";
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.recent-item:hover .ImageOverlay:after {
	top: -50%;
	opacity: 1;
}
.recent-item .ImageOverlay:before {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	bottom: -100%;
	height: 100%;
	content: "";
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.recent-item:hover .ImageOverlay:before {
	bottom: -50%;
	opacity: 1;
}
.recent-item .ImageOverlay:before,
.recent-item:hover .ImageOverlay:before,
.recent-item .ImageOverlay:after,
.recent-item:hover .ImageOverlay:after {
	background: rgba(3, 172, 220, 0.7) !important;
}
.recent-item .option {
	visibility: hidden;
	margin: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	margin-top: -20px;
	z-index: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.recent-item:hover .option {
	opacity: 1;
	visibility: visible;
}
.recent-item .option a {
	font-size: 17px;
	background: #FFF;
	color: #27ABCE;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0 3px;
	display: inline-block;
	zoom: 1;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	z-index: 100;
}
.recent-item .option a:hover {
	background: #333;
	color: #fff;
}
.arrow-left,
.arrow-right {
	width: 23px;
	height: 23px;
	display: inline-block;
	float: left;
	background-color: #f2f2f2;
	color: #666;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.arrow-left i,
.arrow-right i {
	font-size: 14px;
	display: block;
	line-height: 16px;
	padding-top: 4px;
	text-align: center;
}
.arrow-left.active,
.arrow-right.active {
	background-color: #bdc3c7;
	color: #f2f2f2;
	cursor: pointer;
}
.arrow-left.active:hover,
.arrow-right.active:hover {
	background-color: #777;
}
.jcarousel-list li .recent-item span {
	bottom: 16px;
	left: 62px;
}
.jcarousel .recent-item:hover a.hover-zoom {
	left: 28%;
}
.jcarousel .recent-item:hover a.hover-link {
	right: 28%;
}
/* Feature Block
=========================== */

.feature-block {
	padding: 30px 0;
}
.feature-block h4 {
	color: #363333;
	font: 300 38px/30px"open sans", Helvetica, Arial, sans-serif;
	margin: 0;
	padding-bottom: 20px;
}
.feature-block p {
	font: 500 13px/22px"open sans", Helvetica, Arial, sans-serif;
	color: #A6A1A1;
}
.feature-block i.fa {
	font-size: 40px;
	margin: 0 13px 0 0;
}
.feature-block hr {
	border-color: #D0D0D0;
	margin: 20px 0;
}
/*--------------------------------------------------------------------------*/

/* 13. TESTIMONIALS
/*--------------------------------------------------------------------------*/

.testimonial-item blockquote {
	background: #EAEAEA;
	border-top: 3px solid#30B2D2;
	border-left: none;
	padding: 20px;
	margin: 0;
}
blockquote {
	font-size: 14px;
}
.testimonial-item .icon {
	color: #fff;
	font-size: 120px !important;
	line-height: 0;
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 0;
}
.testimonial-review > img {
	background: #FFFFFF;
	border: 2px solid #30B2D2;
	border-radius: 50%;
	float: left;
	height: 70px;
	overflow: hidden;
	padding: 2px;
	width: 70px;
}
.testimonial-review > h1 {
	float: left;
	color: #555;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	margin-top: 15px;
	padding-left: 20px;
}
.testimonial-item blockquote p {
	margin-bottom: 0;
	font-size: 14px;
	font-family: PT sans, Helvetica, Arial, sans-serif;
	font-weight: 400;
	line-height: 21px;
	color: #444;
	position: relative;
	z-index: 10;
	font-style: italic;
}
.testimonial blockquote small {
	display: block;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
	margin-top: 5px;
}
.testimonial-review {
	position: relative;
	padding-top: 20px;
}
.testimonial-item blockquote:after {
	font-family: FontAwesome;
	content: "\f0D7";
	position: absolute;
	bottom: 4%;
	left: 23px;
	font-size: 40px;
	color: #EAEAEA;
}
.testimonial-review small {
	font-size: 13px;
	line-height: 18px;
	color: #30B2D2;
	display: block;
}
#testimonial-carousel {
	margin-top: 25px;
}
.testimonial .testimonial-buttons {
	position: absolute;
	right: 0;
	top: -40px;
}
.testimonial .testimonial-buttons a {
	background: #f2f2f2;
	margin-left: -3px;
	width: 25px;
	font-size: 11px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 27px;
	color: #bdc3c7;
}
.testimonial .testimonial-buttons a:hover {
	background: #f2f2f2;
	color: #555;
}
/* Parallax Testimonial
=========================== */

.parallax-testimonial {
	margin: 0 auto;
	padding: 0 100px 30px;
	text-align: center;
	color: #fff;
}
.parallax-testimonial-review > img {
	background: #FFFFFF;
	border-radius: 50%;
	height: 70px;
	overflow: hidden;
	padding: 3px;
	width: 70px;
}
.parallax-testimonial-review > span {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: normal;
	margin-top: 15px;
	padding-left: 20px;
	display: block;
}
.parallax-testimonial-item blockquote {
	border-left: none;
}
.parallax-testimonial-item blockquote p {
	margin-bottom: 0;
	font-size: 25px;
	font-weight: 400;
	line-height: 33px;
	color: #fff;
	position: relative;
	z-index: 10;
}
.parallax-testimonial blockquote small {
	display: block;
	line-height: 20px;
	font-size: 12px;
	margin-top: 5px;
}
.parallax-testimonial-review {
	position: relative;
}
.parallax-testimonial-review small {
	font-size: 13px;
	line-height: 18px;
	color: #8CBE45;
	display: block;
}
.parallax-testimonial .carousel-indicators {
	bottom: 0;
	margin-bottom: 0;
}
/* ======================================================================== */

/* 14. Icon Service Boxes
/* ======================================================================== */

.info_service {
	padding: 30px 0;
}
/*.lead {
    font-size: 28px;
	margin-bottom: 50px;
	font-size: 20px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 25px;
}*/

.lead {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	margin-bottom: 25px;
	font-family: Lato, Helvetica, Arial, sans-serif;
}
/* Service Box 1
====================================*/

.serviceBox_1 .icon_service {
	display: block;
	position: relative;
	margin-bottom: 10px;
}
.serviceBox_1 .icon_service > h3 {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	margin-left: 3%;
	position: relative;
	margin-top: 0;
}
.serviceBox_1 .icon_service i {
	display: inline-block;
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	width: 40px;
	text-align: center;
	background: #30B2D2;
	color: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.serviceBox_1 .service_icon {
	float: left;
}
.serviceBox_1 .service_content {
	position: relative;
}
.serviceBox_1 .service_content > h3 {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.5px;
	margin-bottom: 15px;
	margin-left: 35px;
	line-height: 20px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.serviceBox_1 .service_content > p {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
}
.serviceBox_1 a.read {
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
	color: #555;
	font-size: 12px;
	font-weight: 600;
}
.serviceBox_1 .read:hover {
	color: #30B2D2;
}
.serviceBox_1 a.read:hover:after,
a.slider-read:hover:after {
	left: 2px;
}
.serviceBox_1 a.read:after,
a.slider-read:after {
	-webkit-transition: left 0.3ms ease;
	-moz-transition: left 0.3ms ease;
	-o-transition: left 0.3ms ease;
	transition: left 0.3ms ease;
	position: relative;
	display: inline-block;
	font-family: "FontAwesome";
	content: "\f105";
	margin-left: 0.5em;
}
.serviceBox_1 a.read:after {
	font-size: 112%;
}
/* service Box 2
====================================*/

.serviceBox_2 {
	text-align: center;
	border-bottom: 3px solid #fff;
	padding: 20px 0;
	position: relative;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.serviceBox_2:after {
	content: "";
	border: 9px solid transparent;
	bottom: 0px;
	position: absolute;
	border-top-color: #fff;
	transform: rotate(180deg);
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.serviceBox_2 .service-icon {
	height: 120px;
	width: 120px;
	margin: 0 auto;
	border-radius: 100%;
	background: #E3E0E0;
	line-height: 120px;
	font-size: 50px;
	margin-bottom: 40px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.serviceBox_2 h3 {
	font: normal 20px/22px"open sans", Helvetica, Arial, sans-serif;
	margin: 20px 0;
	color: #555555;
}
.serviceBox_2 p {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #555555;
}
.serviceBox_2:hover .service-icon i {
	color: #fff;
}
.serviceBox_2:hover .service-icon {
	background: #4EC1D7;
	color: #fff;
}
.serviceBox_2:hover:after {
	border-top-color: #4EC1D7;
}
.serviceBox_2:hover {
	border-bottom-color: #4EC1D7;
}
.serviceBox_2 a.read {
	display: none;
}
/*====================================*/

.serviceBox_3 {
	text-align: center;
	padding-top: 20px;
}
.serviceBox_3 .service-icon {
	background: #4EC1D7;
	color: #fff;
	font-size: 35px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	width: 80px;
	margin: 0 auto;
	transform: rotate(45deg);
	transition: all 500ms ease-in-out 0s;
}
.serviceBox_3 .service-icon i {
	transform: rotate(-45deg);
	transition: all 500ms ease-in-out 0s;
}
.serviceBox_3:hover .service-icon {
	transform: rotate(-45deg);
	transition: all 500ms ease-in-out 0s;
}
.serviceBox_3:hover .service-icon i {
	transform: rotate(65deg);
	transition: all 500ms ease-in-out 0s;
}
.serviceBox_3 .service_content {
	padding: 20px 0;
}
.serviceBox_3 h3 {
	color: #555555;
	font-size: 28px;
	font-weight: 100;
	margin-top: 0;
	text-align: center;
	padding: 43px 0 16px;
	display: block;
}
.serviceBox_3 p {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #555555;
	padding-bottom: 20px;
}
.serviceBox_3 .read {
	background: #4EC1D7;
	padding: 5px 10px;
	border-radius: 2px;
	color: #fff;
	font: 200 13px/18px"open sans", Helvetica, Arial, sans-serif;
	text-transform: capitalize;
	margin-top: 15px;
}
.serviceBox_3:hover .read {
	color: #4EC1D7;
	background: none;
	border-radius: 2px;
	border: 1px solid #1EB8D3;
}
/*----------Service-box-4---------------*/

.serviceBox_4 {
	padding: 15px 15px 25px;
	margin: 60px auto 0;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #30B0D0;
	border-bottom-width: 3px;
	position: relative;
}
.serviceBox_4 .service-icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 4px;
	border: 1px solid #30B0D0;
	background: #fff;
	color: #30B0D0;
	margin: -48px auto 20px;
}
.serviceBox_4 .read {
	color: #30B0D0;
}
.serviceBox_4 .read:hover {
	color: #1D8DAB;
}
.serviceBox_4,
.serviceBox_4 i,
.serviceBox_4 p,
.serviceBox_4 .service-icon,
.serviceBox_4:after,
.serviceBox_4 h3:before,
.service_2_icon:after,
.serviceBox_2 .service_2_icon,
.serviceBox_2:hover,
.service_2_detail {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.serviceBox_4 p {
	margin: 0 0 15px;
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #555555;
}
.serviceBox_4 h3 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.7px;
	color: #555555;
	position: relative;
	margin: 20px 0;
	padding: 10px 0;
	background: none;
	overflow: hidden;
}
.serviceBox_4 h3:before {
	content: "";
	background: #30B0D0;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
}
.serviceBox_4 h3:after {
	content: "";
	background: #30B0D0;
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 50%;
}
.serviceBox_4:hover h3:after,
.serviceBox_4:hover h3:before {
	width: 100%;
}
.serviceBox_4 i {
	display: inline-block;
	font-size: 3em;
	line-height: 70px;
}
.serviceBox_4:hover .service-icon {
	background: #30B0D0;
	color: #fff;
}
/* ========================================================================
/* 15. Parallax
/* ======================================================================== */

section.parallax {
	padding: 65px 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
section.parallax h2 {
	color: rgba(255, 255, 255, 0.8);
	font-size: 42px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.parallax-1 {
	background-image: url("../images/1.jpg");
}
section.parallax h2 {
	color: rgba(255, 255, 255, 0.8);
	font-size: 42px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.heading-item {
	text-align: center;
	color: #fff;
}
.heading-item > h4 {
	color: #fff;
	font: 700 26px/25px"arial";
	margin-bottom: 21px;
}
.heading-item > p {
	color: #ccc;
	font-size: 16px;
	margin-bottom: 30px;
}
.heading-item > em {
	display: block;
	font: lighter 22px/22px"Open Sans", Helvetica, Arial, sans-serif;
	margin-top: 35px;
}
.heading-item strong {
	color: #B3ADAD;
	font: 600 20px/20px"arial";
}
/* ===================================================== */

/* 16. CLIENTS												 */

/* ===================================================== */

.clients {} ul.client_items .img {
	max-width: 100%;
	width: 166px !important;
}
ul.client_items {
	padding: 0;
}
ul.client_items li {
	/*float: left;*/
	list-style: none;
}
ul.client_items {
	position: relative;
	display: block;
}
/*--------------------------------------------------------------------------*/

/* 17. TYPOGRAPHY
/*--------------------------------------------------------------------------*/

.typography {
	padding: 30px 0;
}
.typography h1 {
	margin-top: 0;
}
/* ======================================================================== */

/* 17. BUTTONS                                                              */

/* ======================================================================== */

.btn {
	color: #fff;
}
.btn-default {
	background: #30B2D2;
	color: #fff;
	border: none;
	border-radius: 2px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.btn-default:hover {
	background: #10A4C5;
	color: #fff;
}
/* Social Buttons
====================================*/

.btn-social-googleplus {
	background-color: hsl(0, 0%, 18%);
}
.btn-social-facebook {
	background-color: #3453A2;
}
.btn-social-twitter {
	background-color: #2ABBE3;
}
.btn-social-pinterest {
	background-color: #D91F25;
}
.btn-social-linkedin {
	background-color: #1F80BB;
}
.btn-social-stumbleupon {
	background-color: #E86130;
}
.btn-social-stumbleupon,
.btn-social-linkedin,
.btn-social-pinterest,
.btn-social-twitter,
.btn-social-facebook,
.btn-social-googleplus {
	color: #fff;
	border-radius: 0;
}
.content.elements .btn {
	border-radius: 2px;
}
.btn-social-stumbleupon:hover,
.btn-social-googleplus:hover,
.btn-social-linkedin:hover,
.btn-social-pinterest:hover,
.btn-social-twitter:hover,
.btn-social-facebook:hover {
	background: #333;
	color: #fff;
}
/* ==================================================
   18. PRICING TABLES BOXS
================================================== */

.table-heading {
	text-align: center;
}
.table-top h1 {
	font: 600 23px/25px"arial";
	margin: 9px 0 11px;
}
.table-top {
	background: #fff;
	border-top: 5px solid #30B0D0;
}
.table-bg {
	background: #30B0D0;
	padding: 25px 0;
}
/*.table-heading .btn-default {
    background: none;
    border: none;
}*/

.sign-up {
	background: #30B0D0;
	padding: 5px 0;
}
.sign-up .btn-default {
	background: none;
}
.sign-up .btn-default:hover {
	background: none;
}
.table-bg.orange {
	background: #F48931;
}
.sign-up.orange {
	background: #F48931;
}
.table-top.orange {
	border-top: 5px solid #F48931;
}
.table-bg.blue {
	background: #1ABC9C;
}
.sign-up.blue {
	background: #1ABC9C;
}
.table-top.blue {
	border-top: 5px solid #1ABC9C;
}
.table-bg.yellow {
	background: #727CB6;
}
.sign-up.yellow {
	background: #727CB6;
}
.table-top.yellow {
	border-top: 5px solid #727CB6;
}
.value {
	font: lighter 35px/30px"verdana";
	color: #ffffff;
}
.categories {
	font: lighter 14px/18px"verdana";
	color: #ffffff;
	display: block;
}
.table-list {
	background: none repeat scroll 0 0 #fff;
}
.table-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.table-list li {
	border-bottom: 1px solid #e6e6e6;
	padding: 7px 0;
}
.table-list li a {
	color: #2c3144;
	font: lighter 12px/18px"verdana";
	text-decoration: none;
}
.table-list em {
	font: lighter 13px/18px"open sans", Helvetica, Arial, sans-serif;
	color: #000000;
}
.table-heading:hover {
	transform: scale(1.2);
	transition: all 0.5s ease-in-out 0s;
	z-index: 99999;
}
/*----------------PRICING-Table-Dark----------*/

.table-heading.dark .table-top {
	border-top: 5px solid #555555;
}
.table-heading.dark .table-bg {
	background: #555555;
	padding: 25px 0;
}
.table-heading.dark .sign-up {
	background: #555555;
}
/* -------------------------------------------------- */

/*	19. TABS
/* -------------------------------------------------- */

.nav-tabs {
	border: none;
}
.nav-tabs > li {
	margin-bottom: -2px;
}
.nav-tabs > li > a {
	background: #F8F8F8;
	border: 1px solid #ebebeb;
	margin: 0;
	color: #777777;
	border-radius: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border-color: #ebebeb;
	outline: none;
	background: white;
	color: #30B0D0;
	margin: 0 0 -1px 0;
	border-bottom: none;
	border-top: 1px solid #30B0D0;
}
.nav-tabs li.active,
.nav-tabs li.active a,
.nav-tabs li.active a:hover {
	border-top: 1px solid #30B0D0;
	color: #30B0D0;
}
ul.nav-tabs li a i {
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
}
ul.nav-tabs li.last-tab a {
	padding: 4px 22px;
	outline: none;
}
.tab-content {
	border: 1px solid #ebebeb;
	padding: 20px 14px;
}
.tab-content:first-child {
	display: block;
}
.tab-content > h3 {
	color: #555333;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-top: 0;
}
.tab-content > p {
	font-family: lato, Helvetica, Arial, sans-serif;
	line-height: 20px;
}
/* Recent Tab
====================================*/

.recent_tab_list {
	margin: 0;
	padding: 0;
}
ul.recent_tab_list li {
	margin: 0 0 15.5px;
	padding: 0 0 17px;
	list-style-type: none;
	border-bottom: 1px solid #ebebeb;
	float: left;
	width: 100%;
}
.recent_tab_list li span {
	float: left;
	margin-right: 15px;
}
.recent_tab_list li a {
	color: #444444;
	display: block;
	font-size: 12px;
	text-decoration: none;
}
.recent_tab_list li a:hover {
	color: #30B0D0;
}
.recent_tab_list li span img {
	float: left;
	margin-right: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.recent_tab_list li span img:hover {
	float: left;
	margin-right: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.recent_tab_list li i {
	padding: 1px 0px 0px 0px;
	margin: 0px;
	display: block;
	font-size: 11px;
	font-style: normal;
	color: #9e9e9e;
	font-family: Lato, Helvetica, Arial, sans-serif;
}
.recent_tab_list li.last {
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0px solid #f5f6f6;
}
/* Comment Tab
====================================*/

.comments {
	padding: 0;
	margin: 0;
}
.comments .post-thumbnail {
	float: left;
	margin: 0 15px 0 0;
}
.comments .post-thumbnail > img {
	height: 50px;
	width: 50px;
}
.comments li {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 15px;
	padding: 0 0 15px;
	font-size: 12px;
	line-height: 18px;
	list-style: none outside none;
}
.comments_list > p {
	margin: 0;
	overflow: hidden;
}
.comments li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding: 0;
}
.comments li:last-child p {
	margin: 0
}
.comments_list a {
	text-decoration: none;
	color: #30B0D0;
}
.com_pist a:focus {
	color: #555;
}
.comments_list i {
	color: #909090;
	font-size: 12px;
	margin-left: 3px;
}
.sidebar-tab {
	margin-bottom: 30px;
}
/* =========================================*/

/* 20. ACCORDION & TOGGLE                   */

/* =========================================*/

.panel.panel-default> .panel-heading {
	background: none;
	border-radius: 0;
}
.panel.panel-default {
	border: 1px solid #ddd;
	margin-bottom: 10px;
}
.panel-group .panel {
	border-radius: 0;
}
.panel.panel-default .panel-title > a {
	color: #333333;
	font: 500 15px/38px"open sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	outline: none;
	display: block;
}
.panel.panel-default .panel-heading {
	padding: 0;
}
.panel.panel-default .panel-heading:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.panel.panel-default i {
	border-right: 1px solid #ddd;
	color: #2787cb;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	margin: 0 10px 0 0;
	padding: 0 15px;
	display: inline-block;
	float: left;
}
.panel.active_acc,
.panel:hover {
	border-top-color: #2787cb;
}
/* ===================================================== */

/* 21. PROGRESS SKILL BAR									 */

/* ===================================================== */

.progress-skill-bar {
	padding: 0;
}
.progress_skill {
	background: #F8F8F8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	box-shadow: none;
	height: 27px;
	border: 1px solid #F1F1F1;
	margin-bottom: 15px;
	line-height: normal;
}
.progress_skill .bar {
	background: #30B0D0;
	line-height: 24px;
	font-family: "Open sans", Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
	text-indent: 15px;
	text-transform: uppercase;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-o-transition: width 1s ease;
	transition: width 1s ease;
	border-radius: 5px;
}
.progress_skill:hover .bar {
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
	background: #2687A2 !important;
	color: #fff;
	cursor: pointer;
}
.progress-skill-bar {
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 15px;
	list-style: none;
}
.progress-skill-bar li {
	overflow: hidden;
}
.progress-skill-bar .lable {
	background: #555;
	float: left;
	color: #fff;
	border-right: 1px #FFFFFF solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	margin-top: 1px;
	line-height: 25px;
	padding: 0 0 0 4px;
	text-align: center;
	width: 37px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.progress-success .bar,
.progress_skill .bar-success {
	filter: none;
	background: #15b994;
}
/* ===================================================== */

/* 22. PROMO BOX											 */

/* ===================================================== */

.promo_box {
	background: #f2f2f2;
	padding: 30px 0;
	overflow: hidden;
}
.promo_box .pb_action a.btn {
	float: right;
	margin-top: 5px;
	border: none;
}
.promo_box .pb_action a.btn i {
	margin-right: 7px;
}
.promo_content h3 {
	color: #444;
	font-size: 22px;
	font-weight: bold;
	font-family: PT Sans, Helvetica, Arial, sans-serif;
	margin: 0 0 5px;
}
.promo_content p {
	color: #666;
	font-family: PT sans, Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}
.promo_box.dark {
	background: #20242A;
}
.promo_box.dark .promo_content h3 {
	color: #fff;
}
.promo_box.dark .promo_content p {
	color: #B0B0B0;
}
/* ===================================================== */

/* 23. PAGINATION										 */

/* ===================================================== */

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background: #30B0D0;
	border-color: #30B0D0;
}
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background: #ec7063;
	border-color: #ec7063;
}
/* ==================================================
   24. TITLE
================================================== */

.carousel-intro .dividerHeading {
	padding: 45px 0 15px;
}
.dividerHeading h4,
.widget_title h4 {
	border-bottom: 2px solid #E6EFEF;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 25px;
	padding: 0 0 10px;
	position: relative;
}
.dividerHeading h4::before,
.widget_title h4::before {
	bottom: -5px;
	content: "";
	display: inline-block;
	height: 9px;
	left: 0;
	position: absolute;
	width: 9px;
	border-radius: 50%;
}
.dividerHeading h4::after,
.widget_title h4::after {
	bottom: -2px;
	content: "";
	display: inline-block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 80px;
}
.dividerHeading h4::after,
.dividerHeading h4::before,
.widget_title h4::after,
.widget_title h4::before {
	background-color: #22ACCC;
}
.dividerHeading h4 span {
	background: none repeat scroll 0 0 white;
	display: inline-block;
	padding-right: 7px;
	line-height: 5px;
	position: relative;
	top: -11px;
}
.portfolio_single .widget_title span {
	padding-right: 5px;
	position: relative;
	top: -9px;
}
.widget .widget_title h4 span {
	background: none repeat scroll 0 0 white;
	display: inline-block;
	padding-right: 7px;
	line-height: 5px;
	position: relative;
	top: -11px;
}
/*.dividerHeading h4 span:before,
.widget_title h4 span:before
{
    margin-right:10px ;
}*/

.dividerHeading h4 span:after,
.widget_title h4 span:after {
	margin-left: 10px;
}
.widget_title {
	position: relative;
}
.widget_title h4 {
	font-size: 14px;
	text-transform: uppercase;
}
.footer .dividerHeading h4,
.footer .widget_title h4 {
	font-size: 18px;
	position: relative;
	top: -8px;
	border-color: #dfdfdf;
}
.footer .widget_title h4 span:before,
.footer .widget_title h4 span:after {
	color: #dfdfdf!important;
}
.footer .widget_title h4 span {
	color: #fff;
	padding-right: 5px;
	/*    background:#323A45;*/
}
/* ===================================================== */

/* 25. DROPCAPS												 */

/* ===================================================== */

.dropcap {
	float: left;
	color: #169fe6;
	font-size: 58px;
	line-height: 54px;
	padding: 6px 10px 8px;
	margin-top: 8px;
}
.dropcap.default {
	color: #30B0D0;
}
.dropcap.gray {
	color: #555;
}
.dropcap.light {
	color: #aaa;
}
.dropcap_block {
	float: left;
	background-color: #30B0D0;
	font-size: 50px;
	line-height: 50px;
	padding: 6px 10px 8px;
	margin-top: 8px;
	margin-right: 10px;
	color: #fff;
}
.dropcap_block.default {
	background-color: #30B0D0;
}
.dropcap_block.gray {
	background-color: #555;
}
.dropcap_block.light {
	background-color: #aaa;
}
/* ===================================================== */

/* 26. HIGHLIGHT											 */

/* ===================================================== */

.highlight {
	padding: 0px 6px 2px;
	color: #fff;
}
.highlight.default {
	background: #30B0D0;
}
.highlight.gray {
	background: #4c4c4c;
}
.highlight.light {
	background: #aaa;
}
blockquote.default {
	border-color: #30B0D0;
	color: #666;
	background: #f2f2f2;
	font-size: inherit;
}
/* ===================================================== */

/* 26. Swipe.JS Slider											 */

/* ===================================================== */

.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	margin-top: 0;
}
.swipe-wrap {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
}
.swipe-wrap > li {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.swipe-navi {
	display: block;
	height: auto;
	margin-top: 10px;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 1001
}
.swipe-navi .swipe-left,
.swipe-navi .swipe-right {
	position: absolute;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	zoom: 1;
	filter: alpha(opacity=0);
	color: #fff;
	cursor: pointer;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	background: #30B0D0;
}
.swipe-navi .swipe-left:hover,
.swipe-navi .swipe-right:hover {
	background: #555 !important;
}
.swipe-wrap img {
	width: 100%;
}
.swipe:hover .swipe-navi .swipe-left {
	opacity: .9;
	zoom: 1;
	filter: alpha(opacity=90);
	margin-top: -27px;
}
.swipe:hover .swipe-navi .swipe-right {
	opacity: .9;
	zoom: 1;
	filter: alpha(opacity=90);
	margin-top: -27px;
}
.swipe-navi .swipe-left {
	left: 5px;
	margin-top: -32px;
}
.swipe-navi .swipe-right {
	right: 5px;
	margin-top: -22px;
}
.img-about {
	margin-top: 15px;
}
/* ==================================================
   27. CAROUSEL
================================================== */

.porDetCarousel,
.porDet2Carousel {
	margin-bottom: 40px;
	overflow: hidden;
}
.carousel-content,
.porDetCarousel,
.porDet2Carousel {
	position: relative;
}
.carousel-item {
	width: 100%;
	display: block;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.carousel-item.active {
	display: block;
	visibility: visible;
	position: static;
}
.carousel-item.current {
	left: 0;
	right: 0;
	visibility: visible;
	z-index: 1;
}
.carousel-item {
	max-width: 100%;
	display: block;
}
.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	/*width:100%;*/
	width: 15%;
}
.aboutCarousel:hover .carousel-prev {
	left: 10px;
}
.aboutCarousel:hover .carousel-next {
	right: 10px;
}
.porDetCarousel:hover .carousel-prev {
	left: 10px;
}
.porDetCarousel:hover .carousel-next {
	right: 10px;
}
.porDet2Carousel:hover .carousel-prev {
	left: 10px;
}
.porDet2Carousel:hover .carousel-next {
	right: 10px;
}
.carousel-prev,
.carousel-next {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 45%;
	left: -40px;
	z-index: 2;
	background: #666;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
	transition: background-color 0.2s ease, left 0.2s ease, right 0.2s ease;
}
.carousel-next {
	left: auto;
	right: -40px;
}
.carousel-prev:hover,
.carousel-next:hover {
	background: #555;
}
.carousel-prev:before,
.carousel-next:before {
	content: '\f104';
	display: block;
	text-align: center;
	line-height: 40px;
	font: 20px/40px'FontAwesome';
	color: #fff;
}
.carousel-next:before {
	content: '\f105';
}
.carousel-next:hover:before,
.carousel-prev:hover:before {
	color: #fff;
}
.carousel-pagination {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transition: bottom 0.2s ease;
	transition: bottom 0.2s ease;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 50px;
}
.carousel-pagination li {
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	float: left;
	height: 6px;
	margin: 0 2px;
	width: 20px;
}
.carousel-pagination li.active {
	background: #30B0D0;
}
/* ===================================================== */

/* 28. FLICKR												 */

/* ===================================================== */

.flickr {
	margin-top: 20px;
	text-align: center;
}
.flickr-feed {
	overflow: hidden;
	padding: 0;
}
.flickr-feed li {
	display: inline-block;
	margin: 0 8px 4px auto;
	position: relative;
	z-index: 0;
	width: 62px;
	height: 62px;
	overflow: hidden;
}
.flickr-feed li img {
	margin: 0 8px 8px 0;
	width: 62px;
	height: 62px;
	overflow: hidden;
	box-shadow: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.flickr-feed li:hover img {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	transform: scale(1.2) rotate(10deg);
	-webkit-transform: scale(1.2) rotate(10deg);
	-moz-transform: scale(1.2) rotate(10deg);
	-o-transform: scale(1.2) rotate(10deg);
	-ms-transform: scale(1.2) rotate(10deg);
}
.flickr-feed li a {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 62px;
	height: 62px;
	filter: alpha(opacity=100);
	/* internet explorer */
	-khtml-opacity: 1;
	/* khtml, old safari */
	-moz-opacity: 1;
	/* mozilla, netscape */
	opacity: 1;
	/* fx, safari, opera */
}
.flickr-feed li .hover {
	position: absolute;
	width: 62px;
	height: 62px;
	background: #2DB0D0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	z-index: 10;
}
.flickr-feed li a:hover .hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	visibility: visible;
}
.flickr-feed li a i {
	display: block;
	position: absolute;
	width: 62px;
	height: 62px;
	font-size: 18px;
	color: white;
	line-height: 3.8;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 11;
	-webkit-font-smoothing: antialiased;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
	text-align: center;
}
.flickr-feed li a:hover i {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}
/* Footer Social
====================================*/

.footer_social {
	float: right;
}
.footbot_social {
	list-style: none outside none;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
.footbot_social li {
	float: left;
	background: none !important;
}
.footbot_social li a {
	color: #666;
	display: block;
	height: 40px;
	text-align: center;
	width: 35px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
	margin: 0 2px;
}
.footbot_social li a i {
	font-size: 18px;
	line-height: 40px;
	margin-right: 0;
	float: none;
}
.footbot_social li a.fb:hover {
	background: #1964DA;
	border-radius: 5px;
	color: #fff;
}
.footbot_social li a.twtr:hover {
	color: #fff;
	background: #3ABDD1;
	border-radius: 5px;
}
.footbot_social li a.gmail:hover {
	color: #fff;
}
.footbot_social li a.pinterest:hover {
	color: #fff;
}
.footbot_social li a.rss:hover {
	color: #fff;
	background: #F15200;
	border-radius: 5px;
}
.footbot_social li a.tumblr:hover {
	color: #fff;
}
.footbot_social li a.flickr:hover {
	color: #fff;
}
.footbot_social li a.instagram:hover {
	color: #fff;
}
.footbot_social li a.linkedin:hover {
	color: #fff;
}
.footbot_social li a.skype:hover {
	color: #fff;
	background: #00AAF1;
	border-radius: 5px;
}
.footbot_social li a.youtube:hover {
	color: #fff;
}
.footbot_social li a.dribbble:hover {
	color: #fff;
	background: #F97193;
	border-radius: 5px;
}
.footbot_social li a.linkedin:hover {
	color: #fff;
	background: #0077B5;
	border-radius: 5px;
}
.footbot_social li a.google-plus:hover {
	color: #fff;
	background: #d34836;
	border-radius: 5px;
}
/* ===================================================== */

/* 29. List & Bullets												 */

/* ===================================================== */

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* --------list style 1 CSS---------- */

.multi-icon-list li {
	padding: 5px 0;
}
.multi-icon-list li i {
	margin-right: 12px;
	color: #22ACCC;
}
/* --------list style CSS---------- */

.list_style li {
	line-height: 20px;
	padding: 3px 2px 3px 10px;
	position: relative;
}
.list_style li a {
	color: #666;
	font-family: PT sans, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-decoration: none;
}
.list_style li a:hover {
	color: #22ACCC;
	text-decoration: none;
}
.list_style li a.active {
	color: #22ACCC;
}
/* --------list style 2 : Circle CSS---------- */

.list_style.circle li {
	padding: 3px 2px 3px 23px;
}
.list_style.circle li:before {
	font-family: FontAwesome;
	content: "\f105";
	background: #22ACCC;
	border-radius: 50%;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	color: #FFFFFF;
	height: 17px;
	line-height: 17px;
	text-align: center;
	width: 17px;
	font-size: 11px;
	position: absolute;
	left: 0;
	top: 5px;
}
/* --------list style 3 : Square CSS---------- */

.list_style.square li {
	padding: 3px 2px 3px 23px;
}
.list_style.square li:before {
	font-family: FontAwesome;
	content: "\f105";
	background: #22ACCC;
	display: inline-block;
	border-radius: 0;
	color: #FFFFFF;
	height: 17px;
	width: 17px;
	line-height: 17px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 5px;
}
/* --------list style 4 : Simple CSS---------- */

.list_style li {
	padding: 3px 2px 3px 12px;
}
.list_style li:before {
	font-family: FontAwesome;
	content: "\f105";
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 3px;
}
/* --------list style 5 : Star CSS---------- */

.list_style.star li {
	padding: 3px 2px 3px 22px;
}
.list_style.star li:before {
	font-family: FontAwesome;
	content: "\f005";
	display: inline-block;
	border-radius: 0;
	color: #22ACCC;
	font-size: 16px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 3px;
}
/* --------list style 6 : Right-arrow CSS---------- */

.list_style.right-arrow li {
	padding: 3px 2px 3px 20px;
}
.list_style.right-arrow li:before {
	font-family: FontAwesome;
	content: "";
	display: inline-block;
	border-radius: 0;
	color: #22ACCC;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 4px;
}
/* --------list style 7 : Hand CSS---------- */

.list_style.hand li {
	padding: 3px 2px 3px 22px;
}
.list_style.hand li:before {
	font-family: FontAwesome;
	content: "";
	display: inline-block;
	border-radius: 0;
	color: #22ACCC;
	position: absolute;
	left: 0;
	top: 4px;
}
/* --------list style 8 : Play  CSS---------- */

.list_style.play li {
	padding: 3px 2px 3px 21px;
}
.list_style.play li:before {
	font-family: FontAwesome;
	content: "";
	display: inline-block;
	border-radius: 0;
	color: #22ACCC;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 3px;
}
/* --------list style 9 : Dubble-Right-Arrow  CSS---------- */

.list_style.dubble-right-arrow li {
	padding: 3px 2px 3px 17px;
}
.list_style.dubble-right-arrow li:before {
	font-family: FontAwesome;
	content: "";
	display: inline-block;
	border-radius: 0;
	color: #22ACCC;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 3px;
}
/* ===================================================== */

/* 30. Button Up										 */

/* ===================================================== */

.btntoTop {
	width: 44px;
	height: 44px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	/*background-color: #34495e;*/
	background-color: #2238fe;
	border-radius: 2px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.btntoTop:before {
	content: "\f106";
	display: inline-block;
	vertical-align: middle;
	font: 30px'FontAwesome';
	/*color: #b8bcc0;*/
	color: #ffffff;
}
.btntoTop.active {
	opacity: 1;
}
.btntoTop.active:hover {
	opacity: 0.8
}
/* ===================================================== */

/* 31. Media Query										 */

/* ===================================================== */

@media only screen and (min-width: 980px) and (max-width: 1280px) {
	#logo {
		width: 25%;
	}
	.names {
		font-size: 14px
	}
	.page_head {
		padding-top: 35px;
	}
	.blog_medium .post_img {
		width: 30%;
	}
	.shares li.shareslabel h3 {
		padding: 8px 14px;
	}
	.comment_form > input {
		width: 30%;
	}
	.recent-item h5 {
		margin: 0 0 44%!important;
	}
	.testimonial .testimonial-buttons a {
		height: 17px;
		line-height: 17px;
		width: 17px;
	}
	.testimonial .testimonial-buttons {
		position: absolute;
		right: 47%;
		top: -22px;
	}
	.large-images .recent-item:hover a.hover-zoom,
	.medium-images .recent-item:hover a.hover-zoom,
	.small-images .recent-item:hover a.hover-zoom {
		left: 22%;
		top: 38%;
	}
	.large-images .recent-item:hover a.hover-link,
	.medium-images .recent-item:hover a.hover-link,
	.small-images .recent-item:hover a.hover-link {
		right: 22%;
		top: 38%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
	#logo {
		width: 25%;
	}
	.navbar-default .navbar-nav li a {
		padding: 15px 10px;
		font-size: 13px;
		line-height: 15px;
	}
	.page_head {
		padding-top: 35px;
	}
	.page_head h2 {
		font-size: 30px;
		line-height: 35px;
	}
	.recent-item h5 {
		margin-top: 20px;
	}
	.tab-content {
		margin-bottom: 30px;
	}
	.large-images .recent-item:hover a.hover-zoom,
	.large-images .recent-item:hover a.hover-link,
	.medium-images .recent-item:hover a.hover-zoom,
	.medium-images .recent-item:hover a.hover-link,
	.small-images .recent-item:hover a.hover-link,
	.small-images .recent-item:hover a.hover-zoom,
	.jcarousel .recent-item:hover a.hover-zoom,
	.jcarousel .recent-item:hover a.hover-link {
		top: 41%;
		opacity: 1;
	}
	.large-images .recent-item:hover a.hover-zoom,
	.medium-images .recent-item:hover a.hover-zoom,
	.small-images .recent-item:hover a.hover-zoom {
		left: 20%;
	}
	.large-images .recent-item:hover a.hover-link,
	.medium-images .recent-item:hover a.hover-link,
	.small-images .recent-item:hover a.hover-link {
		right: 20%;
	}
}
@media only screen and (max-width: 768px) {
	.jcarousel-list li {
		width: 248px;
	}
	.tab-content {
		margin-bottom: 30px;
	}
	.nav-tabs > li > a {
		padding: 10px 10px;
	}
	.blog-hover > a {
		top: 30%;
	}
	.blog_medium .post_content {
		width: 45%;
	}
	.shares li.shareslabel h3 {
		padding: 8px 14px;
	}
	section.parallax {
		padding: 25px 0;
	}
	.parallax-testimonial {
		padding: 0 0 30px;
	}
	.texture-section {
		padding: 45px 0 15px;
	}
}
@media only screen and (max-width: 767px) {
	#logo {
		width: 40%;
		/*margin-top: 3%*/
	}
	.navbar-default {
		background: none;
		float: none;
	}
	.nav.navbar-nav.sm {
		margin: 0 auto;
		width: 100%;
		background: #303436;
	}
	.navbar-default .navbar-nav li a {
		color: #fff;
		background: #303436;
		font-size: 14px;
		line-height: 14px;
	}
	.navbar-nav .open .dropdown-menu {
		margin-left: 10px !important;
	}
	.navbar-nav > li > .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background: #474B4E;
	}
	.navbar-nav .dropdown-menu li a {
		background: #60676C;
	}
	.active.open.collapsible {
		border-top: 1px solid #5F676B;
	}
	.open.collapsible {
		border-top: 1px solid #5F676B;
	}
	.navbar-collapse {
		background: #303436;
		position: fixed;
		top: 0;
		right: -320px;
		width: 320px;
		height: 100%;
		padding-left: 0;
		padding-right: 0;
		box-shadow: none;
		visibility: hidden;
		transform: translate3d(0px, 0px, 0px);
		transition: all 0.5s ease 0s;
	}
	.navbar-collapse.in {
		overflow-x: hidden;
		transform: translate3d(-320px, 0px, 0px);
		transition: transform 0.5s ease 0s;
		visibility: visible;
	}
	.navbar-default .navbar-nav > li:first-child {
		border-left: none;
	}
	.navbar-default .navbar-nav > li {
		border-left: 1px solid #343434;
	}
	.navbar-nav > li ul > li:first-child > a {
		border-top: none;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-nav .dropdown-menu > li > a {
		padding-top: 12px!important;
		padding-bottom: 12px!important;
		border-top: 1px solid rgba(170, 184, 191, 0.39) !important;
		border-bottom: none!important;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		padding-left: 45px;
		color: #fff;
		font-size: 13px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background: #3ABDD1;
		color: #fff;
	}
	.navbar-nav .sub-arrow,
	.navbar-nav .collapsible .sub-arrow {
		float: right;
		color: #fff;
	}
	.navbar-nav > li > ul:before {
		content: "";
		display: none;
	}
	.navbar-nav > li > .has-submenu .sub-arrow {
		font-size: 14px;
		font-weight: bold;
		width: 10px;
		height: 12px;
		line-height: 10px;
	}
	.navbar-nav > li:hover > ul {
		animation: none;
	}
	.navbar-nav > li > ul.dropdown-menu li:hover ul {
		animation: none;
	}
	.page_head {
		padding-top: 4%;
		padding-bottom: 10px;
	}
	.page_head h2 {
		font-size: 24px;
		line-height: 35px;
	}
	#breadcrumbs {
		float: left;
		width: 100%;
	}
	#breadcrumbs ul {
		float: left;
		margin-bottom: 5px;
		font-size: 12px;
	}
	.serviceBox_1,
	.serviceBox_3 {
		margin-bottom: 30px;
	}
	.list_style li i {
		margin-right: 0;
	}
	ul.client_items {
		display: block;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.list_item {
		width: 100%;
	}
	.jcarousel-list li {
		width: 99%;
	}
	.widget_content {
		margin-bottom: 30px;
	}
	.promo_content a {
		display: block;
		float: none;
		color: #fff;
		margin-top: 20px;
	}
	.list_style {
		margin: 0 0 30px;
	}
	.pricingTable {
		margin-bottom: 50px;
	}
	.team_prof {
		margin-bottom: 30px;
	}
	.blog_large .post_meta h2 a,
	.blog_single .post_meta h2 a {
		font-size: 18px;
		line-height: normal;
	}
	.blog_medium .post_meta h2 a {
		font-size: 20px;
		line-height: normal;
	}
	.blog_large .post_meta h2,
	.blog_medium .post_meta h2,
	.blog_single .post_meta h2 {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 10px;
		margin-top: 0;
	}
	.blog_large .day,
	.blog_medium .day,
	.blog_single .day {
		font-size: 20px;
	}
	.blog_large .month,
	.blog_medium .month,
	.blog_single .month {
		padding: 2px 8px 4px;
	}
	.blog_large .post_img,
	.blog_single .post_img {
		margin-bottom: 20px;
	}
	.blog_large .post_content,
	.blog_single .post_content {
		margin: 0 0 0 60px;
	}
	.blog_large .post_meta .metaInfo,
	.blog_single .post_meta .metaInfo {
		padding: 0 0 10px;
	}
	.blog_large .post_meta .metaInfo > span,
	.blog_single .post_meta .metaInfo > span {
		line-height: 24px;
	}
	.blog_large .post,
	.blog_medium .post,
	.blog_single .post,
	.blog_medium .post {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	.blog_medium .post_content {
		float: left;
		width: 100%;
	}
	.blog_medium .post_img {
		margin-right: 0;
		width: 75%;
		margin-bottom: 30px;
	}
	.sidebar .widget {
		display: inline-block;
		margin-top: 30px;
		position: relative;
	}
	.shareslabel {
		display: none;
	}
	.author_desc {
		height: auto;
		min-height: inherit;
		width: 100%;
	}
	.author_bio {
		float: none;
		margin-top: 35%;
		padding: 20px;
		position: relative;
		text-align: center;
		width: 100%;
	}
	#comment-list ul.children {
		margin-left: 10px;
	}
	.comment-container {
		margin-left: 80px;
		margin-bottom: 10px;
	}
	.comment_form > input {
		width: 100%;
	}
	.page_404 > h1 {
		font-size: 160px;
		line-height: 180px;
		margin-top: 0;
	}
	.page_404 > p {
		font-size: 26px;
		line-height: 36px;
	}
	.rec_blog {
		margin-bottom: 20px;
	}
	.copyright {
		text-align: left;
		float: left;
	}
	.dividerHeading h4 {
		margin-top: 30px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.author_bio {
		margin-top: 35%;
		position: relative;
	}
	.large-images .recent-item:hover a.hover-zoom,
	.medium-images .recent-item:hover a.hover-zoom,
	.small-images .recent-item:hover a.hover-zoom {
		left: 37%;
	}
	.large-images .recent-item:hover a.hover-link,
	.medium-images .recent-item:hover a.hover-link,
	.small-images .recent-item:hover a.hover-link {
		right: 37%;
	}
	.jcarousel .recent-item:hover a.hover-zoom {
		left: 37%;
	}
	.jcarousel .recent-item:hover a.hover-link {
		right: 37%;
	}
}
@media only screen and (min-width: 481px) and (max-width: 1024px) {
	h2.logo-text {
		font-size: 22px !important;
	}
}
@media only screen and (max-width: 480px) {
	/*#logo{ width: 50%; }*/
	#logo {
		width: 38%;
	}
	.logo-text {
		font-size: 10px !important;
	}
	#breadcrumbs {
		display: none;
	}
	#filter {
		width: 100%;
	}
	#filter li a {
		padding: 10px;
	}
	.author_bio {
		margin-top: 55%;
		position: relative;
	}
	.large-images .recent-item:hover a.hover-zoom,
	.medium-images .recent-item:hover a.hover-zoom,
	.small-images .recent-item:hover a.hover-zoom {
		left: 37%;
	}
	.large-images .recent-item:hover a.hover-link,
	.medium-images .recent-item:hover a.hover-link,
	.small-images .recent-item:hover a.hover-link {
		right: 37%;
	}
	.jcarousel .recent-item:hover a.hover-zoom {
		left: 37%;
	}
	.jcarousel .recent-item:hover a.hover-link {
		right: 37%;
	}
}
/* My Custom CSS Starts Here */

.fa {
	padding-top: 6px;
}
h1.intro.text-center {
	color: #2238fe;
}
p {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	text-align: justify;
}
ul.why-choose li {
	font-size: 18px;
	line-height: 34px;
}
.col-lg-12.col-md-12.col-sm-12.bread-crumb {
	background: rgb(34, 56, 254);
}
h2.bredcrumb {
	color: white;
}
button.btn.btn-default.register {
	background: #2238fe;
	position: relative;
	-webkit-transition-duration: 0.4s;
	/* Safari */
	transition-duration: 0.4s;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
	font-size: 20px;
}
button.btn.btn-default.register:hover {
	background: #000;
	border: 2px solid red;
}
button.btn.btn-default.register span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}
button.btn.btn-default.register span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}
button.btn.btn-default.register:hover span {
	padding-right: 20px;
}
button.btn.btn-default.register:hover span:after {
	opacity: 1;
	right: 0;
}
a.batch:hover {
	color: #2238fe;
	font-weight: 600;
}
a.batch {
	color: #fff;
}
span.footer-address {
	padding-left: 108px;
}
section.content.contact {
	background: #ffffff;
}
h2.logo-text {
	color: white;
	font-size: 42px;
	line-height: 20px;
}
.logo-text {
	padding: 0px;
	float: left;
}
/* My Custom CSS Ends Here */

/*MUNI Customs Start Here*/

@media (min-width: 992px) .col-md-3 {
	width:25%;
}
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.col-md-12.sidebar {
	background: #22ACCC;
}
@media (min-width: 992px) .col-md-12 {
	width:100%;
}
@media (min-width: 992px) .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
	float:left;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media (min-width: 992px) .col-md-9 {
	width:75%;
}
@media (min-width: 992px) .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
	float:left;
}
@media (min-width: 992px) .col-md-3 {
	width:25%;
}
@media (min-width: 992px) .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
	float:left;
}
@media (min-width: 992px) .col-md-7 {
	width:58.33333333%;
}
@media (min-width: 992px) .col-md-2 {
	width:16.66666667%;
}
@media (min-width: 992px) .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
	float:left;
}
@media (min-width: 992px) .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
	float:left;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col-md-12.product {
	border: 1px solid;
	padding: 0px;
	margin-bottom: 20px;
}
h3.product-title {
	/* background: #0769b1; */
	background: #2238fe;
	margin: 0px;
	color: white;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 22px;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
.col-md-7.product-desc {
	border-right: 1px solid;
	border-left: 1px solid;
	padding-top: 65px;
	padding-bottom: 35px;
}
@media (min-width: 992px) .col-md-2 {
	width:16.66666667%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 30px 0 20px 0;
	color: #333333;
	line-height: 1.1;
}
a.button.brochure:hover {
	background-color: #22ACCC;
}
a.button.brochure {
	height: 28px;
	line-height: 26px;
	padding: 0 20px;
	background-color: #2238fe;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	color: #fff;
	background-color: #0263d4;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	cursor: pointer;
	white-space: nowrap;
	border: none;
	display: inline-block;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
a {
	color: #0263d4;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
caption,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
form,
footer,
header,
hgroup,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
tt,
table,
tbody,
textarea,
tfoot,
thead,
time,
tr,
th,
td,
u,
ul,
var,
video {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
h2.sidebar {
	color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 30px 0 20px 0;
	color: #333333;
	line-height: 1.1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-style: normal;
}
h2 {
	font-size: 32px;
	/* font-size: 36px; */
}
ul.sidebar li a {
	color: white;
	font-size: 22px;
}
a {
	color: #0263d4;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
center {
	display: block;
	text-align: -webkit-center;
}
div#top-info {
	background-color: black;
}
.page-bg {
	background-color: #202020;
	background-image: url(../images/bg/abt-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	color: #fff;
	position: relative;
	z-index: 0;
}
.page-head {
	padding-top: 60px;
	padding-bottom: 90px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.page-heading {
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
}
h3 {
	font-size: 24px;
	color: #26476c;
	font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lato, Helvetica, Arial, sans-serif;
}
.h3,
h3 {
	font-size: 24px;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}
.sub-title,
.sub-title a {
	text-align: center;
	font-family: Lato, Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #fff;
}
.dividerHeading h1,
.widget_title h1 {
	border-bottom: 2px solid #E6EFEF;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 25px;
	padding: 0 0 10px;
	position: relative;
}
.dividerHeading h1::before,
.widget_title h1::before {
	bottom: -5px;
	content: "";
	display: inline-block;
	height: 9px;
	left: 0;
	position: absolute;
	width: 9px;
	border-radius: 50%;
}
.dividerHeading h1::after,
.widget_title h1::after {
	bottom: -2px;
	content: "";
	display: inline-block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 80px;
}
.dividerHeading h1::after,
.dividerHeading h1::before,
.widget_title h1::after,
.widget_title h1::before {
	background-color: #22ACCC;
}
.dividerHeading h1 span {
	background: none repeat scroll 0 0 white;
	display: inline-block;
	padding-right: 7px;
	line-height: 5px;
	position: relative;
	top: -11px;
}
h1 {
	margin: 30px 0 20px 0;
	color: #333333;
	line-height: 1.1;
}
h1 {
	font-style: normal;
}
.dividerHeading h1,
.widget_title h1 {
	border-bottom: 2px solid #E6EFEF;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 25px;
	padding: 0 0 10px;
	position: relative;
}
.dividerHeading h1 span {
	background: none repeat scroll 0 0 white;
	display: inline-block;
	padding-right: 7px;
	line-height: 5px;
	position: relative;
	top: -11px;
}
h1 {
	font-family: Lato, Helvetica, Arial, sans-serif;
}
h1 {
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}




ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
}
#pagin li {
    display: inline-block;
}
.current {
    color: #323A45;
    font-weight: bold;
}