body {

	color: #222;

	font-size: 14px;

	font-family: 'Lato', Helvetica, Arial, sans-serif;

	-webkit-font-smoothing: antialiased;

}



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

/*	 PRELOAD ANIMATION 

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



.animationload {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #fff; 

	z-index: 999999; 

}

.loader {

	position: absolute;

	top: 50%; 

	left: 50%; 

	margin: -100px 0 0 -100px;

	width: 200px;

	height: 200px;

	background-image: url(../img/icons/loader.GIF);

	background-position: center;

	background-repeat: no-repeat;

	background-size: 70px 70px;

}


.paw-img ul li {
    background: url(../images/listiteam3.png) no-repeat left top 5px;
	padding-left:22px; }
	

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

/*	ONSCROLL ANIMATIONS

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



.animated{

	visibility:hidden;

}



.visible{

	visibility:visible;

}



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

/*	CONTENT WRAPPER

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



#content_wrapper  {

	overflow: hidden;

}



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

/*	HEADERS

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



h1, h2, h3, h4, h5, h6 {

	color: #222;

	font-family: 'Lato', Helvetica, Arial, sans-serif;

	font-weight: 700;

	margin-top: 0; 

	margin-bottom: 10px;

}



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

/*	 PARAGRAPHS

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



p {

  font-size: 14px;

  line-height: 24px;

  color:#000;

}



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

/*	 LISTS

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



ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



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

/*	 LINK SETTINGS

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



a {

	text-decoration: none;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



a:hover {

	color: #444;

	text-decoration: none;

}



a:focus {

	color: #444;

	outline: none;

	border: none;

	text-decoration: none;

}



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

/*	 SECTION TITLEBAR

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



.titlebar {

	margin-bottom: 60px;

	text-align: center;

}



.titlebar h3 {

	font-size: 20px;	

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 0;

}



.titlebar h3:after {

    display: block;

    content: "";

    height: 2px;

    width: 150px;

	background: #1fb4da;

    margin: 15px auto;

    position: relative;

}



.titlebar p {

	color: #666;

	font-size: 16px;

	line-height: 24px;

	padding: 0 28%;

}







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

   02. HEADER & NAVIGATION

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



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

/*	 Navigation Bar    

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



.navbar {	

	padding: 8px 0px;

	margin-bottom: 0;

	-webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

	-webkit-transition: all 350ms ease-in-out;

	-moz-transition: all 350ms ease-in-out;

	-o-transition: all 350ms ease-in-out;

	-ms-transition: all 350ms ease-in-out;

	transition: all 350ms ease-in-out;

}



.navbar-fixed-top {

  background: none;

  border-bottom: medium none;

  box-shadow: none;

} 



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

/*	 Navigation Bar Scroll   

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



.scroll-fixed-navbar {

	padding: 0;

}

   

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

/*	 Logo Image    

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



.navbar-brand {

	padding: 15px;

}       



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

/*	 Navigation Menu    

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



.navbar-nav > li > a {

	color: #FFF;

	font-size: 16px;

	line-height: 24px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 1px;

	display: block;

	padding: 0 25px;

	-webkit-transition: all 100ms ease-in-out;

	-moz-transition: all 100ms ease-in-out;

	-o-transition: all 100ms ease-in-out;

	-ms-transition: all 100ms ease-in-out;

	transition: all 100ms ease-in-out;

}



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

/*	 Navigation Menu Hover/Active

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



.navbar-nav > li > a:hover,

.navbar-nav > li > a.selected-nav {

	color: #facc25;

	background-color: transparent;

}



.navbar-nav > li > a:focus {

	background-color: transparent;

}



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

/*	 Responsive Menu Button    

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



.navbar-toggle {

    position: relative;

    float: right;

	background-color: transparent;

    padding: 10px;

	margin: 13px 30px 13px 0;

	border: none;

	color: #fff;

	border: 2px solid #FFF;

}



.navbar-toggle .icon-bar {

	background-color: #FFF;

}







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

   03. INTRO

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



#intro {

	width: 100%;

	height: 100%;

	position: relative;

	top: 0px;

	z-index: 1;

	display: block;

	overflow: hidden;

	padding: 0 !important;

}

  

#slides {

	position: relative;

}



#slides .scrollable {

	height: 100%;

	position: relative;

	top: 0;

	left: 0;

	*zoom: 1;

	overflow-y: auto;

	-webkit-overflow-scrolling: touch;

}



#slides .scrollable:after {

	content: "";

	display: table;

	clear: both;

}



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

/*	 OVERLAY PATTERN 

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



.overlay {

	background-image: url(../img/thumbs/overlay.png);

	background-color: rgba(0, 0, 0, 0.4); 

	background-repeat: repeat;

	height: 100%;

}



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

/*	 INTRO SLIDER CONTENT

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



.intro-content {

	width: 80%; 

	position: absolute;

	left: 50%;

	top: 52%;

	color: #fff;

	text-align: center;

	display: inline-block;

	padding: 50px 0;

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

}



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

/*	 INTRO TEXT

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



#intro h2 {

  color: #ffffff;

  font-size: 30px;

  font-weight: 500;

  line-height: 60px;

  margin-bottom: 10px;

  text-transform: capitalize;

}



#intro h2 span {

  display: block;

  font-size: 50px;

  font-weight: 500;

  line-height: 60px;

  text-align: center;

  color:#facc25;

}



#intro h3 {	

	color: #fff;

	font-size: 22px;

	font-weight: 400;

	line-height: 22px;

	text-transform: uppercase;

	letter-spacing: 3px;

	margin-bottom: 20px;

}



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

/*	 INTRO BUTTONS

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



.intro_buttons {

	margin-top: 25px;

}



.intro_buttons .btn {

	  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 2px solid #facc25;

    color: #facc25;

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	padding: 9px 18px;

	margin: 0 10px 10px 0;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



.intro_buttons .btn:last-child {

	margin-right: 0;

}



.intro_buttons .btn:hover {

	background-color: transparent;

	border-color: #fff;

}





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

/*	 SLIDES NAVIGATION  

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



.slides-navigation {

	width: 100%;

    position: absolute;

    z-index: 3;

    top: 42%;

}



.slides-navigation a {

    position: absolute;

    display: block;

}



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

/*	 Next Button  

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



.slides-navigation a.next {

    right: 0px;

}



.slides-navigation .next.fa-angle-right {

    color: #ddd;

    font-size: 100px;

    opacity: 0.2;

    margin-right: 30px;

}



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

/*	 Previous Button

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



.slides-navigation a.prev {

    left: 0px;

}



.slides-navigation .prev.fa-angle-left {

    color: #ddd;

    font-size: 100px;

    opacity: 0.2;

    margin-left: 30px;

}



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

/*	 Buttons Hover  

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



.slides-navigation .next.fa-angle-right:hover,

.slides-navigation .prev.fa-angle-left:hover {

	 opacity: 0.7;

}



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

/*	 SLIDES PAGINATION   

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



.slides-pagination {

	width: 100%;

	position: absolute;

	bottom: 3%;

	z-index: 20;

	text-align: center;

}



.slides-pagination a {

	width: 30px;

	height: 4px;

	background-color: #ddd;

	color: #1a1a1a;

	opacity: 0.3; 

	-moz-opacity: 0.3; 

	display: -moz-inline-stack;

	display: inline-block;

	vertical-align: middle;

	*vertical-align: auto;

	zoom: 1;

	*display: inline;

	margin: 2px;

	overflow: hidden;

	text-indent: -100%;

}

	

.slides-pagination a:hover,

.slides-pagination a.current {

	background-color: #1fb4da;

	opacity: 1; 

	-moz-opacity: 1; 

}



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

/*	 SCROLL DOWN MOUSE  

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



.scroll-down {

    display: block;

	width: 100%;

    position: absolute;

    z-index: 99;  

    left: 0px;

    bottom: 10%;

    text-transform: uppercase;

    color: #ddd;

    font-size: 13px;

	font-weight: 700;

    text-align: center;

	-webkit-animation-name: Floatingx;

    -webkit-animation-duration: 1.8s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-name: Floating;

    -moz-animation-duration: 1.8s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: ease-in-out;

}



@-webkit-keyframes Floatingx{

    from {-webkit-transform:translate(0, 0px);}

    65% {-webkit-transform:translate(0, 10px);}

    to {-webkit-transform: translate(0, -0px);    }    

}

    

@-moz-keyframes Floating{

    from {-moz-transform:translate(0, 0px);}

    65% {-moz-transform:translate(0, 10px);}

    to {-moz-transform: translate(0, -0px);}    

}



.mouse {

    width: 18px;

    height: 28px;

	color: #ddd;

	border: 2px solid #ddd;

    border-radius: 9px;

	-webkit-border-radius: 9px;

    -moz-border-radius: 9px;

    border-radius: 9px;

    display: block;

    text-align: center;

    margin: 0px auto 10px; 

}







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

   04. ABOUT 

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



#about {

	padding-top: 80px;

	padding-bottom: 80px;

}



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

/*	  ABOUT CONTENT

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



#about h5 { 

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 10px;

}



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

/*	  ABOUT IMAGE

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



#about_image {

	padding-right: 30px;

}



#about .img-responsive {

	display: inline-block;

}



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

/*	TABS

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



#tabs-holder {

	padding-left: 30px;

}



.nav-tabs {

	border: none;

}



.nav-tabs > li > a {

	color: #222;

    font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	padding: 0;

	border: none;	

}



.nav-tabs > li:first-child {

	border-right: 1px solid #999;

	padding-right: 20px;

}



.nav-tabs > li:last-child {

	padding-left: 20px;

}



.nav-tabs > li.active > a, 

.nav-tabs > li.active > a:hover, 

.nav-tabs > li.active > a:focus {

	color: #1fb4da;

	background: none;

	border: none;

	padding: 0;

}



.nav-tabs > li > a:hover {

	color: #1fb4da;

	background: none;

	border: none;

}



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

/*	Tab Description

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



.tab-content > .tab-pane {

    padding: 25px 0;

	border: none;

	border: none;

}



.tab-content a {

	margin-top: 20px;

	margin-right: 10px;

}



#tab_2 p span {

	background-color: #1fb4da;

	color: #fff;

	font-weight: 900;

	padding: 2px 4px;

}



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

/*	  Tabs Content Buttons

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



.tab-content .btn {

	background-color: #1fb4da;

	color: #fff;

	font-size: 13px;

	font-weight: 900;

	text-transform: uppercase;	

	letter-spacing: 1px;

	margin-top: 20px;

	padding: 9px 18px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



.tab-content .btn:hover {

	background-color: #444;

}







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

   05. SERVICES

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



#twosection {

	background-image:url(../images/publisher_bg.png);

	background-attachment: fixed !important;

	background-repeat: no-repeat;

	background-position: 0 0;

	background-color: #eaeaea;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	padding-top: 30px;

	padding-bottom: 30px;

}



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

/*	 SERVICE BOX 

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



.service-box {

	margin-bottom: 50px;

}



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

/*	 Service Box Icon

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



.service-box-icon {

    text-align: center;

    float: left;

}



.service-box-icon i {	

	width: 60px;

    height: 60px;

	background-color: #1fb4da;

	color: #fff;

	font-size: 36px;

	line-height: 36px!important;

	padding: 12px 10px;

}



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

/*	 Service Box Content

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



.service-box-content {

    overflow: hidden;

    padding: 0px 0px 0px 20px;

}



.service-box-content h4 {

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 10px;

}







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

   06. FEATURES

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



#features {

	padding-top: 80px;

	padding-bottom: 80px;

}



#features h5 {

	font-size: 18px;

	line-height: 24px;

	font-weight: 900;

	margin-bottom: 15px;

}



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

/*	  FEATURES IMAGE

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



#features_image {

	padding-left: 30px;

}



#features_image .img-responsive {

	display: inline-block;

}



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

/*	  FEATURES ACCORDION

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



#accordion {

	margin-top: 30px;

}



.panel-group .panel {

    margin-bottom: 5px;

    background: none;

    border: none;

    border-radius: 0;

	-webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



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

/*	Panel Title

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



.panel-heading {

    padding-top: 0;

	padding-bottom: 0;

    border: 0 !important;

}



.panel-title {

	font-size: 15px;

	font-weight: 700;

}



.panel-title > a {

	display: block;

	color: #222;

    padding: 12px 0;

}



.panel-title > a:hover {

    color: #1fb4da;

}



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

/*	Panel Title Icon

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



.panel-title i {

	color: #1fb4da;

	font-size: 22px;

	margin-right: 10px;

}



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

/*	Panel Content 

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



.panel-body {

	font-size: 16px;

	line-height: 24px;

	font-weight: 300;

}



.panel-default > .panel-heading + .panel-collapse .panel-body {

    border: 0

}



.panel-default > .panel-heading + .panel-collapse {

    border: none;

    border-top: none;

}







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

   07. STATISTIC BANNER

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

   

#statistic_banner {

	background-image: url(../img/thumbs/pattern.png);

	background-attachment: fixed !important;

	background-repeat: repeat;

	background-position: 0 0;

	background-color: #1fb4da;

	padding-top: 80px;

	padding-bottom: 80px;

}



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

/*	  STATISTIC BLOCK

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



.statistic-block {

	text-align: center;

}



.statistic-number {

	color: #fff;

	font-size: 70px;

	line-height: 70px;

	font-weight: 900;	

	margin-bottom: 5px;

}



.statistic-text {

	color: #fff;

	font-size: 18px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 4px;

}







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

   08. MORE FEATURES

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

 

#more-features {

	padding-top: 80px;

	padding-bottom: 80px;

} 



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

/*	  LEFT SIDE CONTENT 

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



#features_left_content {

    text-align: right;

	padding-right: 0;

}



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

/*	  RIGHT SIDE CONTENT

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



#features_right_content {

    text-align: left;

    padding-left: 0;

}



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

/*	  More Features Box

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



.m-feature-box {

	margin-top: 55px;

}



.m-feature-box h4 {

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 0;

}



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

/*	  More Feature Box Icon

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



.m-feature-box i {

	width: 40px;

	height: 40px;

	color: #1fb4da;

	font-size: 32px;

	line-height: 32px;

	display: inline-block;

	vertical-align: middle;

}



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

/*	 MORE FEATURES IMAGE

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



#more_features_image .img-responsive { 

	display: inline-block; 

}







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

   09. TEAM

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

   

#team {

  background: rgba(215, 179, 59, 0.8) none repeat scroll 0 0;

  color: rgb(255, 255, 255);

  padding-bottom: 20px;

  padding-top: 0;

}



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

/*	 Team Titlebar

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



#team .titlebar h3 {

	color: #fff;

}



#team .titlebar p {

	color: #eee;

}



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

/*	  TEAM MEMBER

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



.team-member {

	margin-bottom: 50px;

	text-align: center;

}



.team-member .img-responsive {

	display: inline-block;

}



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

/*	  Team Member Meta

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



.team-img-meta h5 {

	color: #fff;

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;	

	margin: 20px 0px 10px 0;

}



.team-img-meta h6 {

	color: #1fb4da;

	font-size: 13px;

	font-weight: 400;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 10px;

}



.team-img-meta p {

	color: #ddd;

}



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

/*	  Team Member Social Icons 

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



.team-member-socials {

	text-align: right;

	display: inline-block;

	margin: 10px auto;

}



.team-member-socials li {

	float: left;

    display: inline-block !important;

    vertical-align: top;

    width: auto !important;

    clear: none !important;

}



.page_social {

    width: 30px;

    height: 30px;

	color: #ddd;

	font-size: 16px; 

    text-align: center;

    display: block;

    text-decoration: none;

	margin: 0 3px 5px;

	-webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



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

/*	 Team Member Social Icons Hover 

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



.page_social.ico_facebook:hover {color: #3b5998;}

.page_social.ico_twitter:hover {color: #00a9ed;}

.page_social.ico_behance:hover {color: #00a8e7; }

.page_social.ico_google_plus:hover {color: #cd1111;}

.page_social.ico_linkedin:hover {color: #015886;}

.page_social.ico_dribbble:hover {color: #d92d84;}

.page_social.ico_instagram:hover {color: #beb3a8;}

.page_social.ico_pinterest:hover {color: #ac281a;}

.page_social.ico_dropbox:hover {color: #008ad2;}

.page_social.ico_skype:hover {color: #00a9ed; }

.page_social.ico_youtube:hover {color: #cd1b20; }

.page_social.ico_tumblr:hover {color: #3a5976;}

.page_social.ico_vimeo:hover {color: #00adee;}

.page_social.ico_flickr:hover {color: #d2d2d2;}

.page_social.ico_github:hover {color: #222;}

.page_social.ico_renren:hover {color: #364a83;}

.page_social.ico_vk:hover {color: #3b5998; }

.page_social.ico_xing:hover {color: #015f5e;}

.page_social.ico_weibo:hover {color: #be4443;}

.page_social.ico_rss:hover {color: #ff6600;}

.page_social.ico_digg:hover {color: #222;}

.page_social.ico_deviantart:hover {color: #57675d;}

.page_social.ico_envelope:hover {color: #999;}

.page_social.ico_delicious:hover {color: #0A0A0A; }







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

   10. PROMO LINE 1

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



#promo-1 {

	padding-top: 80px;

	padding-bottom: 40px;

}



#promo-1 h3 {

	font-size: 20px;	

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 20px;

}



#promo-1-content {

	margin-top: 40px;

}



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

/*	 Promo-1 Buttons

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



#promo-1-buttons .btn {

	background-color: #1fb4da;

	color: #fff;

	font-size: 13px;

	font-weight: 900;

	text-transform: uppercase;	

	letter-spacing: 1px;

	margin: 20px 10px 0 0;

	padding: 9px 18px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



#promo-1-buttons .btn:hover {

	background-color: #444;

}



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

/*	 Promo Line 1 Image

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



#promo-1 .img-responsive { 

	display: inline-block; 

}





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

   11. PROMO LINE 2

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



#promo-2 {

	padding-top: 40px;

	padding-bottom: 80px;

}



#promo-2 h3 {

	font-size: 20px;	

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 20px;

}



#promo-2-content {

	margin-top: 40px;

}



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

/*	 Promo-2 Buttons

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



#promo-2-buttons .btn {

	background-color: #1fb4da;

	color: #fff;

	font-size: 13px;

	font-weight: 900;

	text-transform: uppercase;	

	letter-spacing: 1px;

	margin-top: 20px;

	padding: 9px 18px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



#promo-2-buttons .btn:hover {

	background-color: #444;

}







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

   12. SKILLS

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



#skills {	

	background-image: url(../images/skills.jpg);

	background-attachment: fixed !important;

	background-repeat: no-repeat;

	background-position: center center;		

	background-size: cover;

	padding-top: 80px;

	padding-bottom: 80px;

}



#skills .titlebar h3 {

	color: #fff;

}



#skills .titlebar p {

	color: #eee;

}



.skill-item {

	text-align: center;

}



.chart {

	position: relative;

	width: 150px;

	height: 150px;

	margin: 0 auto 30px;

}



.chart canvas {

	position: absolute;

	top: 0;

	left: 0;

}



.chart span {

	color: #fff;

	font-size: 40px;

	font-weight: 900;

	line-height: 150px;

	display: inline-block;

}



.chart span:after {

	content: '%';

	margin-left: 0;

	font-size: 35px;

	font-weight: 700;

}



.skill-item h4 {

	color: #fff;

    font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 3px;

	margin-bottom: 0;

}


.price_box {
		color: #FFF;
		position: relative;
}

.price_box span {
    border-bottom: 1px solid #FFF;
    font-size: 30px;
    line-height: 36px;
    display: inline-block;
    margin:21px 0;
    padding: 5px 10px 5px 0px;
    font-weight: normal;
}

.price_box img{
	position: absolute;
	top: 20px;
	left: 80px;
}
.price_box2 img{
	left: 115px;
}
.price_box3 img{
	left: 80px;
	top: 10px;
}
.price_box4 img{
	left:90px;
	top: 15px;
}
#skills h3{
	font-weight: normal;
	color: #FFF;
}


@media only screen and (max-width: 767px) {
#skills .col-sm-3 {
    float: left;
}

#footer .col-sm-3 {
    min-height: 230px;
    float: left;
}

}

@media only screen and (max-width: 991px) {
#skills .col-sm-3, .service-box, #footer .col-sm-3 {
    width: 50%;
}

#footer .col-sm-3 {
    margin: 0 0 20px;
	text-align:left;
}

}


@media only screen and (max-width: 599px) {
#footer .col-sm-3 {
    min-height: 50px;
}

#skills .col-sm-3 {
    width: 100%;
}

}

@media only screen and (max-width: 599px) {
#footer .col-sm-3 {
    width: 100%;
}
}






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

   13. PORTFOLIO

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



#portfolio {

	padding-top: 80px;

	padding-bottom: 80px;

	position: relative;

}



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

/*	 Portfolio Titlebar

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



#portfolio .titlebar {

	margin-bottom: 40px;

}



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

/*	  FILTER BUTTONS

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



#gallery-filter {

	margin-bottom: 25px;

}



.btn-toolbar .btn-group {

    float: none;

}



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

/*	   Button Settings

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



#gallery-filter .btn-group > .btn {

    color: #222;

	font-size: 12px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin: 0 10px;

	padding: 0 0 5px 0;

	text-shadow: none;

	-webkit-box-shadow: 0 0 0 0;

    -moz-box-shadow: 0 0 0 0;

     box-shadow: 0 0 0 0;

	-webkit-transition: all 100ms ease-in-out;

	-moz-transition: all 100ms ease-in-out;

	-o-transition: all 100ms ease-in-out;

	-ms-transition: all 100ms ease-in-out;

	transition: all 100ms ease-in-out; 

}



.btn-group > .btn:first-child:not(:last-child),

.btn-group > .btn:last-child:not(:first-child) {

 	-webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}



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

/*	   Filter Button Hover

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



#gallery-filter .btn-group > .btn:hover {

	color: #1fb4da;

	border-bottom: 2px solid #1fb4da;

}



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

/*	  Filter Button Active

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



#gallery-filter .btn-group > .btn.active,

#gallery-filter .btn-group > .btn.focus {

	color: #1fb4da;

	border-bottom: 2px solid #1fb4da;

	box-shadow: 0 0 0 0;

	cursor: default;

}



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

/*	  PORTFOLIO IMAGES HOLDER

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



.portfolio-items-list {

	margin: 0;

}



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

/*	  Portfolio Item

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



.portfolio-item {

	position: relative;	

	display: none;

    opacity: 0;

	-moz-opacity: 0; 

	padding: 0;

	text-align: center;

}



.portfolio-item a {

	cursor: url(../img/icons/pointer.png),crosshair;

}



.hover-overlay {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}



.hover-overlay img {

	-webkit-transition: all 600ms;

	-moz-transition: all 600ms;

	-o-transition: all 600ms;

	transition: all 600ms;

}



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

/*	  Overlay Content 

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



.overlay-content {

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 20;

	width: 100%;

	text-align: center;

	zoom: 1;

	opacity: 0;

	-webkit-transition: all 200ms ease-out;

	-moz-transition: all 200ms ease-out;

	-o-transition: all 200ms ease-out;

	transition: all 200ms ease-out;

}



.overlay-content h4 {

	color: #fff;

	font-size: 20px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 5px;

}



.overlay-content h5 {

	color: #fff;

	font-size: 14px;

	font-weight: 400;

	text-transform: uppercase;

	letter-spacing: 1px;

}



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

/*	  Overlay Background 

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



.item-overlay {

	opacity: 0;

	-moz-opacity: 0; 

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(31, 180, 218, 0.75);

	-moz-transition: opacity 400ms ease-out;

	-webkit-transition: opacity 400ms ease-out;

	-o-transition: opacity 400ms ease-out;

	transition: opacity 400ms ease-out;

}



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

/*	  Image Hover Effect 

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



.hover-overlay:hover > img {

	transform: scale(1.2);

	-ms-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-o-transform: scale(1.2);

	-moz-transform: scale(1.2);

}



.hover-overlay:hover .item-overlay {

	opacity: 1; 

	-moz-opacity: 1; 

}



.portfolio-item:hover .overlay-content {

	bottom: 40%;

	opacity: 1; 

	-moz-opacity: 1; 

}







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

   14. CALL TO ACTION 

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



#call-to-action {

	background-image: url(../img/parallax_bg/call-to-action.jpg);

	background-attachment: fixed !important;

	background-repeat: no-repeat;

	background-position: center center;		

	background-size: cover;

	padding-top: 100px;

	padding-bottom: 100px;

}



#call-to-action h2 {

	color: #fff;

	font-size: 26px;	

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 2px;

	margin-bottom: 10px;

}



#call-to-action p {

	color: #fff;

	font-size: 18px;

	line-height: 26px;

	padding: 0 15%;

}



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

/*	 Call To Action Buttons

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



#call-to-action .btn {

	background-color: #1fb4da;

	color: #fff;

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;	

	letter-spacing: 1px;

	margin-top: 20px;

	padding: 10px 20px;

	border: 2px solid #1fb4da;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



#call-to-action .btn:hover {

	background-color: transparent;

	border-color: #fff;

}







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

   15. PRICING 

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



#pricing {

	padding-top: 80px;

	padding-bottom: 50px;

} 



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

/*	 PRICING TABLE

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



#price_1, #price_2, #price_3, #price_4 {

	margin-bottom: 50px;

	padding: 0 5px;

}



.pricing-table {

	background-color: #f6f6f6;

	border: 1px solid #ccc;

	-webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    border-radius: 6px;

}



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

/*	 Table Header

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



.pricing-table h3 {

	font-size: 18px;

	font-weight: 900;

	line-height: 80px;	

	text-transform: uppercase;

	letter-spacing: 2px;

	margin-bottom: 0;

	-webkit-border-radius: 6px 6px 0 0;

    -moz-border-radius: 6px 6px 0 0;

    border-radius: 6px 6px 0 0;

} 



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

/*	 Table Price Plan

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



.pricing-table .price {

	background-color: #555;

	height: 120px;

	color: #fff;

	font-weight: 900;

	line-height: 120px;

}



.price-row .price span {

	font-size: 75px;

}



.price-row .price sup {

    top: -24px;

	font-size: 40px;

	font-weight: 400;

}



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

/*	 Table Body

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



.pricing-table ul.features {

	color: #333;

	font-size: 15px;

	font-weight: 300;

	text-transform: uppercase;

    padding: 5px 40px;

}



.pricing-table ul.features li {

    border-bottom: 1px solid #ccc;

    padding: 13px 0; 

}



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

/*	 Table Button

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



.pricing-table .btn {

	background-color: #333;

	color: #fff;

	font-size: 13px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin: 30px 0;

	padding: 8px 16px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



.pricing-table .btn:hover {

	background-color: #1fb4da;

	color: #fff;

}



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

/*	 Table Highlight

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



.pricing-table.highlight  {

	background-color: #1fb4da;

	border-color: #1fb4da;

	color: #fff;

}



.pricing-table.highlight h3 {

	color: #fff;

}



.pricing-table.highlight .price {

	background-color: #178dab;

	color: #fff;

}



.pricing-table.highlight ul.features {

	color: #fff;

}



.pricing-table.highlight ul.features li {

    border-color: #178dab;

}



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

/*	 Table Highlight Buttons

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



.pricing-table.highlight .btn:hover {

	background-color: #333;

}







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

   16. CLIENTS

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



#clients {

	background-color: #FFF;

	padding-top: 0;

	padding-bottom:50px;

} 



.item {

	padding: 0 10px;

}







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

   17. BLOG 

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



#blog {

	padding-top: 80px;

	padding-bottom: 80px;

}

   

.timeline {

	position: relative;

	overflow: hidden; 

	max-width: 1200px;

	margin: 0 auto;

	padding: 20px;	

}



.timeline:after {

    content: "";

	display: block;

    position: absolute;

    top: 0;

    left: 50%;   

    background-color: rgba(0, 0, 0, 0.2);

    height: 100%;

    width: 4px;

    border-radius: 2px;  

	margin-left: -2px;

}

	

.timeline .timeline-row {

    position: relative;

	z-index: 10;

    padding-left: 50%;

}



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

/*	 TIMELINE DATE

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



.timeline .timeline-row .timeline-time {

    position: absolute;

    right: 50%;

    top: 28px;

    text-align: right;

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

    margin-right: 40px;

}



.timeline .timeline-row .timeline-time small {

    color: #999; 

    font-size: 13px;

    font-weight: 900;

	display: block;

}



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

/*	 TIMELINE ICON

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



.timeline .timeline-row .timeline-icon {

    overflow: hidden;

    position: absolute;

    top: 30px;

    left: 50%;

    background-color: #fff;

    width: 40px;

    height: 40px;

	color: #fff;

    font-size: 14px;

    border-radius: 50%;   

    text-align: center;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    padding: 2px 3px;

    z-index: 100;

	margin-left: -20px;

}



.timeline .timeline-row .timeline-icon > div {

    border-radius: 50%;

    line-height: 34px;

    font-size: 16px; 

	background: #1fb4da;

}



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

/*	 TIMELINE ITEM CONTENT

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



.timeline .timeline-row .timeline-content {

    background-color: #f5f5f5;

    position: relative;

	color: #333333;

    margin-left: 40px;   

}

	  

.timeline .timeline-row .timeline-content:after {

    content: "";

    position: absolute;

    top: 48px;

    left: -41px;

    height: 4px;

    width: 40px;

    background-color: rgba(0, 0, 0, 0.2);

    z-index: -1;

}



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

/*	 TIMELINE ITEM TEXT

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

		

.timeline .timeline-row .timeline-content .panel-body {

    padding: 15px 15px 2px;

    position: relative;

    z-index: 10;

}

		

.timeline .timeline-row .timeline-content h2 {

    font-size: 18px;

	line-height: 26px; 

    margin-bottom: 5px;    

}



.timeline .timeline-row .timeline-content h2 a {

	color: #222;

	text-decoration: underline;

}



.timeline .timeline-row .timeline-content h2 a:hover {

	color: #1fb4da;

	text-decoration: none;

}



.timeline .timeline-row .timeline-content p {

    margin-bottom: 15px; 

}



.timeline .timeline-row .timeline-content img {

    margin-bottom: 15px; 

}

		  

.timeline .timeline-row .timeline-content .video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    margin-bottom: 15px;

    overflow: hidden; 

}

		

.timeline .timeline-row .timeline-content .video-container iframe, 

.timeline .timeline-row .timeline-content .video-container object, 

.timeline .timeline-row .timeline-content .video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%; 

}

		  

.timeline .timeline-row:nth-child(odd) {

    padding-left: 0;

    padding-right: 50%;

}

	  

.timeline .timeline-row:nth-child(odd) .timeline-time {

    right: auto;

    left: 50%;

    text-align: left;

    margin-right: 0;

    margin-left: 40px;

}



.timeline .timeline-row:nth-child(odd) .timeline-content {

    margin-right: 40px;

    margin-left: 0; 

}



.timeline .timeline-row:nth-child(odd) .timeline-content:after {

    left: auto;

    right: -41px; 

}



.timeline.animated .timeline-row .timeline-content {

    opacity: 0;

    left: 20px;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    transition: all 0.8s;

}



.timeline.animated .timeline-row:nth-child(odd) .timeline-content {

    left: -20px; 

}



.timeline.animated .timeline-row.active .timeline-content {

    opacity: 1;

    left: 0; 

}



  .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {

    left: 0; 

}







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

   18. MAILCHIMP NEWSLETTER FORM

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



#newsletter {

	background-image: url(../img/parallax_bg/newsletter.jpg); 

	background-attachment: fixed !important;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	padding-top: 80px;

	padding-bottom: 80px;

}



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

/*	  NEWSLETTER TITLE

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



#newsletter h3 {

	color: #fff;

	font-size: 30px;

	line-height: 32px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 5px;

}



#newsletter h4 {

	color: #ddd;

	font-size: 20px;

	font-weight: 300;

	margin-bottom: 20px;

}



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

/*	  Newsletter Form Input

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



#newsletter form input[type="email"] {

    background-color: #f0f0f0;

	width: 35%;

	color: #414141;

	font-size: 17px;

    font-weight: 300;

    padding: 10px 15px;

    border: 1px solid #ccc;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}



#newsletter form input[type="submit"] {

	width: 16%;

	background-color: #1fb4da;

	color: #fff;

	font-size: 16px;

    font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

    margin-left: 5px;

    padding: 10px 15px;

	border: 2px solid #1fb4da;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



#newsletter form input[type="submit"]:hover {

	background-color: transparent;

	border-color: #fff;

}



#newsletter .message {

	font-size: 16px;

	margin-top: 20px;

}







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

   19. FAQs 

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



#faq {

	padding-top: 80px;

	padding-bottom: 50px;

}



.question {

	margin-bottom: 20px;

}



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

/*	  Question Settings

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



.faq-question-label {

	color: #1fb4da;

	font-size: 15px;

	font-weight: 900;

	padding-right: 5px;

}



.question h4 {

	font-size: 13px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

}



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

/*	  Answer Settings

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



.faq-answer-label {

	color: #000;

	font-weight: 900;

	padding-right: 5px;

}



.question p {

	font-size: 15px;

	font-weight: 300;

	line-height: 22px;

}







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

   20. TESTIMONIALS ROTATOR

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

   

#testimonials_rotator {

	color: #000;

	background:#FFF;

	padding:30px 0px 80px 0px;

}



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

/*	 Testimonials Titlebar

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



#testimonials_rotator .titlebar {

	margin-bottom: 10px;

}



#testimonials_rotator .titlebar h3 {

	color: #fff;

}



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

/*	 Testimonials Settings

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

   

.testimonials {

	margin-bottom: 60px;

}



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

/*	 Message Author

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



.testimonials p.author {

	font-size: 16px;

	font-weight: 500;

	margin-bottom: 0;

	padding-top: 10px;

}



.testimonials p.author span {

	color: #b38f0c;

	font-weight: 700;

}



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

/*	 Testimonial Message Text

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



.testimonials p {

	font-size: 26px;

		line-height: 34px;

    padding-top: 10px;

}



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

/*	 Testimonial Control Nav

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



.flex-control-paging li a {

	background: #178dab;

	border: 2px solid #178dab;

}



.flex-control-paging li a:hover { 

	background: #ddd;

	border: 2px solid #ddd; 

}



.flex-control-paging li a.flex-active { 

	background: #ddd; 

	border: 2px solid #ddd; 

}







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

   21. CONTACTS

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



#contacts {

	background-image: url(../img/thumbs/map.png);

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	background-color: #f5f5f5;

	border-bottom: 1px solid #ddd;

	padding-top: 80px;

	padding-bottom: 80px;

}



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

/*	  CONTACT INFO 

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



.contact-info {

	margin-bottom: 30px;

}



.contact-info .animated {

	margin-bottom: 25px;

	text-align: center;

}



.contact-info h4 {

	color: #000;

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-top: 25px;

}



.contact-info h4:first-child {

	margin-top: 0;

}



.contact-info p {

	font-size: 15px;

	font-weight: 300;

	margin-bottom: 5px;

}



.contact-info a {

	color: #1fb4da;

	font-weight: 700;

}



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

/*	  CONTACT FORM

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



#contact-form .form-control {

	height: 50px;

	font-size: 14px;

	margin-bottom: 20px;

	border: 1px solid #ccc;

	box-shadow: 0 0 0 0;

	-webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}



.contact-form input[type="text"],

.contact-form input[type="email"],

.contact-form textarea {

	background-color: #f3f3f3;

	color: #444;

	font-size: 14px;

	margin-bottom: 15px;

	padding: 12px 0;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-o-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

	box-shadow: 0 0 0 0;

}



#contact-form textarea {

	min-height: 200px;

}



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

/*	  Contact Form Input Focus

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



.form-control:focus {

    outline: 0px none;

    box-shadow: none;

}



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

/*	  Contact Form Submit Button

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



#form_btn .btn {

	background-color: #1fb4da;

	color: #fff;

	font-size: 13px;

	font-weight: 900;

	text-transform: uppercase;

	letter-spacing: 1px;	

	margin-top: 10px;

	padding: 8px 16px;

	border: 2px solid #1fb4da;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



#form_btn .btn:hover {

	background-color: #444;

	border-color: #444;

}



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

/*	  Contact Form Error Message 

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



.error {

	color: red;

	font-size: 13px;

	font-weight: 400;

	margin-bottom: 20px;

}







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

   22. GOOGLE MAP

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



.googlemap-wrapper {

	position: relative;

}



.googlemap-wrapper img {

	max-width: none !important;

}



.map-canvas {

	width: 100%;

	height: 500px;

	padding: 6px;

	background-color: #f0f0f0;

}








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

   23. FOOTER

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

#footer {
    background-color: #222222;
    padding-top: 40px;
    padding-bottom: 15px;
    clear: both;
    border-top: 1px solid #FFF;
}

/*------------------------------------------*/
/*	 Footer Copyright  
/*------------------------------------------*/

#footer_copyright p {
	color: #aaa;
	font-size: 13px;
	font-weight: 400;
	line-height: 32px;

	margin-bottom: 0;	
}

#footer_copyright p span {
	color: #1fb4da;
	font-weight: 700;
}

.addressbox ul li{
	margin: 0 0 10px;
	color: #c1c1c1;
	padding: 3px 0 3px 0;
	
}
.addressbox ul li i{
	font-size: 18px;
	padding: 0 10px 0 0;
}

.addressbox ul li:first-child i {
    min-height: 38px;
    float: left;
}
.addressbox ul li a{
	color: #c1c1c1;
}

/*------------------------------------------*/
/*	 Footer Social Icons  
/*------------------------------------------*/

.contact-socials {
	display: inline-block; 
	padding-left: 0;
}

.contact-socials li {
	float: none;
	width: 100% !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
	padding: 0;
	position: relative;
}

/*------------------------------------------*/
/*	 Footer Social Icon Setting 
/*------------------------------------------*/

.foo_social {
	text-align: center;
	color: #aaa;
	width: 30px;
	height: 30px;
	font-size: 14px;
     line-height: 30px;
	margin: 0 5px;
     display: block;
     text-decoration: none;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	border: 1px solid #FFF;
    margin: 0 0 9px 0;
}
.foo_social:hover{
	border: 1px solid transparent;
}

/*------------------------------------------*/
/*	 Footer Social Icons Hover 
/*------------------------------------------*/

.foo_social.ico-facebook:hover {background-color: #FFC800; color: #fff;}
.foo_social.ico-twitter:hover {background-color: #FFC800; color: #fff;}
.foo_social.ico-behance:hover {background-color: #FFC800; color: #fff;}
.foo_social.ico-google-plus:hover {background-color: #FFC800; color: #fff;}
.foo_social.ico-linkedin:hover {background-color: #015886; color: #fff;}
.foo_social.ico-dribbble:hover {background-color: #d92d84; color: #fff;}
.foo_social.ico-instagram:hover {background-color: #beb3a8; color: #fff;}
.foo_social.ico-pinterest:hover {background-color: #ac281a; color: #fff;}
.foo_social.ico-dropbox:hover {background-color: #008ad2; color: #fff;}
.foo_social.ico-skype:hover {background-color: #00a9ed; color: #fff;}
.foo_social.ico-youtube:hover {background-color: #cd1b20; color: #fff;}
.foo_social.ico-tumblr:hover {background-color: #3a5976; color: #fff;}
.foo_social.ico-vimeo:hover {background-color: #00adee; color: #fff;}
.foo_social.ico-flickr:hover {background-color: #d2d2d2; color: #fff;}
.foo_social.ico-github:hover {background-color: #222; color: #fff;}
.foo_social.ico-renren:hover {background-color: #364a83; color: #fff;}
.foo_social.ico-vk:hover {background-color: #3b5998; color: #fff;}
.foo_social.ico-xing:hover  {background-color: #015f5e; color: #fff;}
.foo_social.ico-weibo:hover  {background-color: #be4443; color: #fff;}
.foo_social.ico-rss:hover{background-color: #ff6600; color: #fff;}
.foo_social.ico-digg:hover  {background-color: #222; color: #fff;}
.foo_social.ico-deviantart:hover {background-color: #57675d; color: #fff;}
.foo_social.ico-envelope:hover {background-color: #999; color: #fff;}
.foo_social.ico-delicious:hover {background-color: #0A0A0A; color: #fff;}

.contact-socials li a span {
    position: absolute;
    left: 44px;
}

#footer h3{
	color: #c1c1c1;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #c1c1c1;
	padding: 0 0 10px;
	margin: 0 0 20px;
	font-size:16px;
	text-transform:uppercase;
}
.quicl_link ul li{
	margin: 0 0 10px;
}
.quicl_link ul li a{
	color: #c1c1c1;
}
.quicl_link ul li a i{
	padding: 0 10px 0 0;
}
.latest ul li {
	color: #c1c1c1;
	margin: 0 0 10px;
	
	padding: 0 0 0 50px;
    background: url(../images/add5.png) no-repeat left top 3px;
}
.latest ul li span{
	display: block;
	color: #facc25;
}



.copyright{
	color: #c1c1c1;
	background: #000000;
	text-align: center;
	padding: 12px 0;
}
.copyright p{
	margin: 0;
	color: #c1c1c1;
	font-size: 13px;
	padding: 0 50px;
}






#scrollUp {

	display: none;

	width: 35px;

	height: 35px;

	position: fixed;

	bottom: 20px;

	right: 20px;

	background-image:url(../images/back-to-top.png);

	background-repeat: no-repeat;

	background-position: 50% 48%;

	background-color: rgba(65, 65, 65, 0.85);

	-webkit-transition: all 250ms linear;

	-moz-transition: all 250ms linear;

	transition: all 250ms linear;	

}



#scrollUp:hover {

	background-color: rgba(65, 65, 65, 1);	

}



nav a#pull {  

    display: none;  

}







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

   25. CONTACT FORM RESPONSE PAGE   

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

   

#form_response {

	margin: 50px auto; 

}



#form_response .img-responsive { 

	display: inline-block;

}



#form_response h1 {

	font-size: 22px; 

	font-weight: 900;

	margin-top: 10px;

	text-transform: uppercase;

	letter-spacing: 0px;

}



#form_response p {

	font-size: 16px; 

	font-weight: 300;

	line-height:24px;

	margin-bottom: 20px;

}



#form_response .btn {

	background-color: #1fb4da;

	color: #fff;

	font-size: 14px;

	font-weight: 900;

	text-transform: uppercase;

	padding: 10px 20px;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-o-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}



#form_response .btn:hover {

	background-color: #333;

	color: #fff;

}







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

   STYLE CHANGER 

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



#stlChanger {

	color: #cecece;

	font-size: 14px;

	overflow: hidden;

	position: fixed;

	top: 80px;

	left:0;

	z-index: 9999999;

}



#stlChanger .bgChanger {

	position:relative;

	overflow:hidden;

}



#stlChanger .bgChanger {

	min-width: 220px;

	min-height: 220px;

}



#stlChanger .blockChanger {

	width: 170px;

}



#stlChanger .chBody {

	background: #444;

	width: 180px;

	position: relative;

	overflow: hidden;

	border: 1px solid #222;

	border-radius: 0;

}



#stlChanger .chBut {

	background: #c50009;

	width: 40px;

	height: 40px;

	position:absolute;

	top: 15px;

	right:0px;

	z-index: 1000000;

	text-align: center;

	border-left: none;

	border-radius: 0px;

	-webkit-transition: all 300ms ease-in-out;

	-moz-transition: all 300ms ease-in-out;

	-o-transition: all 300ms ease-in-out;

	-ms-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}



#stlChanger .chBut i {

	color:#fff;

	font-size: 26px;

	margin: 7px 4px;

}



#stlChanger .stBlock {

	position:relative;

	overflow:hidden;

}



#stlChanger p {

	color: #fff;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 1px;

	text-transform: uppercase;

}



#stlChanger .stBgs a  {

	text-decoration:none;

	width: 30px;

	height: 30px;

	float:left;

	padding:0;

	margin: 0 4px 0 0;

	cursor:pointer;

	opacity: 1;

}



#stlChanger .stBgs a:hover {

	opacity: 0.7;

}



.s_1 {

	color: #fff;

	font-size: 13px;

	padding: 2px 6px;

	background-color: #303030;

	border-radius: 4px;

	line-height: 26px;

	display: block;

	margin-bottom: 5px;

}



.s_1:hover {

	color: #fff;

	background-color: #1fb4da;

}



.layout_color {

	background: url(../img/color-scheme/light.jpg) no-repeat top center;

	width: 142px;

	height: 30px;

	display: inline-block;

	text-indent: 9999px;

	overflow: hidden;

	-webkit-transition: background 200ms ease-in-out;

	-moz-transition: background 200ms ease-in-out;

	-o-transition: background 200ms ease-in-out;

	-ms-transition: background 200ms ease-in-out;

	transition: background 200ms ease-in-out;

}



.layout_color { background-position: 0 top;}

.layout_color:hover { background-position: 0 bottom;}





.stBlock .btn {

	background-color: #1fb4da;

	color: #fff;

	font-size: 12px;

	font-weight: 900;

	text-transform: uppercase;	

	letter-spacing: 0px;

	margin: 0px 10px;

	padding: 5px 10px;

	border: 2px solid #1fb4da;

	-webkit-transition: all 250ms ease-in-out;

	-moz-transition: all 250ms ease-in-out;

	-o-transition: all 250ms ease-in-out;

	-ms-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

}



.stBlock .btn:hover {

	background-color: transparent;

	border-color: #fff;

}