/** Table of Content 
[Master Stylesheet]

Project:		STROT
Version:		1.0
Author:			irfan
Primary use:	STROT

[Layout]

* body
	+ Header / #header
		- Sidebar / .sidebar
		- Search / #search
	+ Footer / #footer

Navigation	  #navbar
Content header	  h2

[Color codes]

Background:	#ffffff (white)
Content:	#666666 (grey)
Header h1:	#333333 (dark grey)
Header h2:	#333333 (dark gre)
Footer:		#cccccc (light grey)


[Typography]

Body copy:			font:12px/12px 'Source Sans Pro', sans-serif;
Headers:			font:14px/14px 'Roboto', sans-serif;
Input, textarea:	font:14px/14px 'Roboto', sans-serif;
Sidebar heading:	font:18px/18px 'Roboto', sans-serif;



[Table of contents]
/** Table of Content 
- 	Wrapper    	  					LINE 	00  -	000
-	HEADER							LINE	00	-	000
-	NAVIGARION						LINE	00	-	000
-	ABOUT SECTION					LINE	00	-	000
-	PIECHART SECTION 				Line	00	-	000
-	WORK SECTION					LINE	00	-	000
-	SERVICES SECTION				LINE	00	-	000
-	TEAM SECTION					LINE	00	-	000
-	PLAY SECTION					LINE	00	-	000
-	PRICETABLE						LINE	00	-	000
-	TESTIMONIAL SECTION				LINE	00	-	000
-	PARTNERS SECTION				LINE	00	-	000
-	HOME CONTACT SECTION			LINE	00	-	000
-	FOOTER							LINE	00	-	000
-	FOOTER SECTION 1				LINE	00	-	000
-	PAGINATION						LINE	00	-	000
-	COMMENT AREA					LINE	00	-	000
-	CONTACT PAGE					LINE	00	-	000
-	ABOUT DETAIL AREA START			LINE	00	-	000
-	EXPERTISE SECTION 				LINE	00		000
-	PLAN SECTION					Line	00	-	000
-	COLUMS SECTION					Line	00	-	000
-	HEADING SECTION					Line	00	-	000
-	HTML STYLE						Line	00	-	000

End of Table of Content Line 000 **/
body {
	margin: 0;
	padding: 0;
}
#wrapper {
	width: 100%;
	float: left;
}
.theme-sytle h1 {
	font: 600 54px/54px 'Open Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	position: relative;
}
.theme-sytle h2 {
	font: 800 44px/44px 'Open Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 40px 0;
	position: relative;
}
.theme-sytle h2:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 2px;
	width: 99px;
}
.theme-sytle h2:hover:before{
	width:50px;
}
.theme-sytle h3 {
	font: 800 20px/20px 'Lato', sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	position: relative;
	text-align: center;
}
.theme-sytle h3 a {
	color: #000;
}
.theme-sytle p {
	font: 400 18px/28px "Source Sans Pro", sans-serif;
	color: #797979;
	margin: 0 0 30px 0;
}
.theme-sytle a.btn-style-1,
button{
	float: left;
	padding: 20px 45px;
	border: 2px solid #e8e8e8;
	font: 400 14px/14px 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #000;
	background: #fff;
	position: relative;
	z-index: 11;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
}
.theme-sytle a.btn-style-1:hover,
button:hover{
	text-decoration: none;
	color: #fff;
	border: 2px solid rgba(0,0,0,0);
}
.theme-sytle a.btn-style-1:before,
button::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: #000;
	z-index: -1;
	opacity: 0;
	transition: all 0.5s linear;
}
.theme-sytle a.btn-style-1:hover:before,
button:hover::before{
	width: 100%;
	opacity: 1;
}
/***************************HEADER AREA START***************************/
#header {
	float: left;
	width: 100%;
	padding: 25px 0;
}
a.logo {
	float: left;
}

.petit-logo { display:none}	

.social {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}
.social ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.social ul li {
	float: left;
	padding: 2px 40px;
	text-decoration: none;
	line-height: 22px;
	color: #000;
	float: left;
	font-size: 16px;
	font-weight:400;
}
.social ul li a {
	text-decoration: none;
	line-height: 22px;
	color: #000;
	float: left;
	font-size: 16px;
	font-weight:400;
}
.social ul li a:hover {	
	color: #fff;
}

/**************************NAVIGARION AREA START**************************/
.main-navigation {
	float: right;
	margin: 8px 0 0 0;
}
.main-navigation .navbar-inverse {
	background-color: transparent;
	border-color: transparent;
}
.main-navigation .navbar {
	border-radius: 0;
}
.main-navigation .navbar {
	border: 0;
	margin-bottom: 0;
	min-height: inherit;
}
.main-navigation .navbar-inverse .navbar-nav > .active > a, .main-navigation .navbar-inverse .navbar-nav > .active > a:hover, .main-navigation .navbar-inverse .navbar-nav > .active > a:focus {
	background: none;
}
.main-navigation .navbar-collapse {
	padding: 0;
}
#nav {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
#nav li {
	float: left;
	position: relative;
	padding: 0 30px 0 0;
}
#nav li a {
	font: 600 18px/18px "Source Sans Pro", sans-serif;
	color: #717171;
	text-decoration: none;
	padding: 10px 0;
	display: block;
	position: relative;
	z-index: 20;
}
#nav li a:hover:before, #nav li a:hover:after {
	width: 100%;
}
#nav li a:before, #nav li a:after {
	content: '';
	position: absolute;
	width: 0%;
	border-top: 2px solid;
	transition: all 0.5s ease-in;
}
#nav li a:before {
	left: 0;
	top: 0;
}
#nav li a:after {
	right: 0;
	bottom: 0;
}
#nav li.active a {
	color: #f7901e;
}
#nav li:hover > a {
	background: none;
	color: #f7901e;
}
#nav li ul li a:hover, #nav li ul li:hover > a {
	text-decoration: none;
	background: #333;
	color: #ccc;
}
#nav li ul {
	position: absolute;
	left: inherit;
	right: -100%;
	top: 100%;
	width: 175px;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
	padding: 0;
	opacity:0;
	overflow:hidden;
	list-style: none;
	z-index: 10;
}
#nav li:hover > ul {
	opacity:1;
	overflow:visible;
	right:0;
}
#nav li ul li > ul {
	position: absolute;
	left: inherit;
	right: 175px;
	top: 0;
	width: 175px;
	padding: 0;
}
#nav li ul li {
	float: none;
	width: auto;
	background: none;
	display: block;
	padding: 0;
}
#nav li ul li:first-child {
	border: 0;
}
#nav li ul li a {
	background: none;
	font: 400 15px/15px "Source Sans Pro", sans-serif;
	text-align: left;
	padding: 13px 10px;
	color: #999;
	display: block;
}
#nav li ul li a:before, #nav li ul li a:after {
	display: none;
}
/**************************NAVIGARION AREA START**************************/

/***************************HEADER AREA END***************************/

/************************** AREA START**************************/
#banner {
	float: left;
	width: 100%;
	position: relative;
}
#banner .caption {
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
	z-index: 9999;
}
#banner .caption .outer {
	float: left;
	width: 100%;
	position: relative;
}
#banner .caption .outer:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	opacity: 0.75;
}
#banner .caption h1 {
	font: 800 100px/100px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	position: relative;
}
#banner .caption strong {
	font: 800 100px/100px 'Open Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	position: relative;
	float: left;
	padding: 0 0 0 160px;
}
.home-banner img {
	width: 100%;
	display: block;
}
#banner .bx-wrapper .bx-viewport {
	background: none;
	border: 0;
	box-shadow: none;
	left: 0;
}
#banner .bx-wrapper {
	margin: 0;
	width: 100%;
	padding: 0;
	position: relative;
}
#banner .bx-viewport > ul {
	padding: 0;
	margin: 0;
}
#banner .bx-wrapper .bx-pager {
	display: none;
}
#banner .bx-wrapper .bx-controls-direction a {
	height: 70px;
	background-color: #fff;
	border: 3px solid;
	margin-top: -35px;
	text-indent: inherit;
	font-size: 0;
	top: 90%;
	width: 100px;
	text-decoration: none;
}
#banner .bx-wrapper .bx-controls-direction a:hover {
	border: 3px solid #e8e8e8;
}
#banner .bx-wrapper .bx-prev {
	background: none;
	left: 20px;
}
#banner .bx-wrapper .bx-prev:before {
	content: "\f053";
	font-family: FontAwesome;
	font-size: 20px;
	display: block;
	text-align: center;
	line-height: 70px;
}
#banner .bx-wrapper .bx-next {
	background: none;
	right: inherit;
	left: 130px;
}
#banner .bx-wrapper .bx-next:before {
	content: "\f054";
	font-family: FontAwesome;
	font-size: 20px;
	display: block;
	text-align: center;
	line-height: 70px;
}
.margin-top-100 {
	margin: 100px 0  0 0!important;
}
/**************************BANNER AREA END**************************/

/*********************************INNER BANNER START*********************************/
#inner-banner-acc {
	float: left;
	width: 100%;
	background-color:#e7e7e7;
	padding: 40px 0 0 0;
	height: 300px;
}
.imag-acc {
	width:760px;
	height:auto	
	}
.petit-logo { display:none}
.logo-pages { width:auto; float:left; width:342px}

#inner-banner {
	float: left;
	width: 100%;
	background: url(../images/inner-banner2.jpg) no-repeat left top;
	padding: 20px 0 0 0;
	height: 100px;
}
#inner-banner .holder {
	float: left;
	width: 100%;
	position: relative;
	padding: 3px 0;
}
#inner-banner .holder:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0.20;
	height: 60px;
}
#inner-banner .holder h1 {
	float: left;
	padding-left:4px
}
#inner-banner .holder .breadcrumb {
	float: right;
	background-color: transparent;
	border-radius: 0;
	margin-bottom: 0;
	padding: 15px 0 0 0;
}
#inner-banner .holder .breadcrumb > li {
	float: left;
	font: 600 16px/16px 'Open Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
	padding: 0;
}
#inner-banner .holder .breadcrumb > li a {
	color: #000;
	font: 600 16px/16px 'Open Sans', sans-serif;
}
#inner-banner .holder .breadcrumb > li + li::before {
	color: #000;
	content: "\f105";
	padding: 0 10px;
	font-family: FontAwesome;
}
/*********************************INNER BANNER END*********************************/

/*LOADING EFFECT START*/
.sk-fading-circle {
	margin: 100px auto;
	width: 40px;
	height: 40px;
	position: relative;
}
.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-fading-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
 @-webkit-keyframes sk-circleFadeDelay {
 0%, 39%, 100% {
opacity: 0;
}
 40% {
opacity: 1;
}
}
 @keyframes sk-circleFadeDelay {
 0%, 39%, 100% {
opacity: 0;
}
 40% {
opacity: 1;
}
}
/*LOADING EFFECT END*/
#main {
	float: left;
	width: 100%;
}
/************************ABOUT SECTION START************************/
.about-section {
	float: left;
	width: 100%;
	background: #fafafa;
}
.about-section .col-md-8 {
	padding: 0;
}
.about-section .container-fluid {
	padding: 0;
}
.about-section .diagram-col {
	float: left;
	width: 100%;
	background: #f1f1f1;
	position: relative;
	padding:0;
	margin: 0 0 0 -50px;
	
}
#astronaut {
	width:596px;
	height:567px;
	background:url(../images/diagram-bg.png) no-repeat left bottom/80%;
	position: relative;
	margin-left:0;
	top:0;
	float:left;
	left:-100px;
	z-index:99;
}
.about-section .diagram-col:before {
	content: '';
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
}
.about-section .diagram-col img {
	display: block;
	width: 100%;
}
.about-section .text-box {
	float: left;
	width: 100%;
	padding: 110px 0 100px 0;
}
.about-section .text-box .holder {
	width: 420px;
	float: left;
}
/***********************PIECHART SECTION START***********************/
.piechart-section {
	float: right;
	width: 100%;
	background: #fff;
}
.easyPieChart {
	position: relative;
	text-align: center;
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.chart {
	float: left;
	margin: 0 27px;
}
.chart:hover .label{
	margin:-10px 0 0 0;
}
.percentage, .label {
	text-align: center;
	color: #333;
	font-weight: 100;
	font-size: 1.2em;
	margin-bottom: 0.3em;
}
.credits {
	padding-top: 0.5em;
	clear: both;
	color: #999;
}
.credits a {
	color: #333;
}
.dark {
	float: left;
	width: 100%;
	margin: -80px 0 0 0;
	background: #fff;
	padding: 60px 0;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
}
.dark .percentage-light {
	text-align: center;
	font: 700 20px/20px 'Open Sans', sans-serif;
	margin-bottom: 40px;
}
.dark .label {
	font: 700 14px/14px 'Open Sans', sans-serif;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	color: #000;
}
.dark .label .fa {
	padding: 0 7px 0 0;
}
/***********************PIECHART SECTION END***********************/

/**************************WORK SECTION START**************************/
.work-section {
	float: left;
	width: 100%;
	padding: 0 0 100px 0;
}
.work-section .box {
	float: left;
	width: 100%;
	margin: 40px 0 0 0;
	min-height: 266px;
	padding: 83px 0 0 0;
	border: 2px solid #e8e8e8;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.work-section .fa {
	display: block;
	text-align: center;
	font-size:40px;
	padding:0 0 30px 0;
}
.work-section .box:hover h3 a {
	color: #fff;
	text-decoration:none;
}
.work-section .box:hover {
	border: 2px solid rgba(0,0,0,0);
}
.work-section .box:hover .fa{
	color:#fff;
}
.work-section .box:hover .fa{
	font-size:60px;
}
/**************************WORK SECTION END**************************/

/************************ABOUT SECTION END************************/

/****************************PORTFOLIO SECTION START****************************/
.portfolio-section {
	float: left;
	width: 100%;
}
.portfolio-section a.btn-style-1 {
	display: table;
	margin: 40px auto 0;
	float: none;
}
/**********************************************GALLERY SECTION START**********************************************/
.filter-gallery {
	float: left;
	width: 100%;
	margin: 50px 0 0 0;
}
.filter-gallery .filter-box {
	float: left;
	width: 100%;
}
.filter-gallery .filter-box .frame {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 0 0;
}
.filter-gallery .filter-box:hover .frame .caption {
	left: 0;
}
.filter-gallery .filter-box .frame img {
	display: block;
	width: 100%;
	height: 300px;
}
.filter-gallery .filter-box .frame .caption {
	position: absolute;
	left: 0px;
	top: 0;
	opacity:0;
	width: 100%;
	height: 100%;
}
.filter-gallery .filter-box .frame .caption:hover{
	opacity:1;
}
.filter-gallery .filter-box .frame .caption strong.title {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font: 800 60px/60px 'Open Sans', sans-serif;
	color: #fff;
	position: relative;
	top: 200px;
}
.filter-gallery .filter-box .frame .caption strong.title:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -19px;
	width: 184px;
	height: 2px;
	background: #fff;
}
.filter-gallery .filter-box .frame .caption:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}
.filter-gallery .filter-box .frame .caption .holder {
	left: 50%;
	position: absolute;
	width:100%;
	text-align:center;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.filter-gallery .filter-box .frame .caption a {
	text-align: center;
	color: #fff;
	font-size: 28px;
	line-height: 53px;
	height: 55px;
	display:inline-block;
	border: 2px solid #fff;
	width: 55px;
	margin:0 10px;
}
.filter-gallery .filter-box:hover .caption {
	bottom: 0;
}
.filter-gallery ul {
	padding: 0;
	list-style: none;
	margin-bottom: 0;
	position: relative;
}
.loop-entry {
	float: left;
}
.filter-masonary .filter-box .frame {
	margin: 0;
}
.filter-gallery-metro-1 .isotope .item {
	height: 300px;
	width: 25%;
	list-style: none;
	margin-bottom: 15px;
	padding: 0 7px;
}
.filter-gallery-metro-1 .isotope .item.width2 {
	width: 50%;
}
.filter-gallery-metro-1 .isotope .item.height2 {
	height: 300px;
	padding: 0 7px;
}
.filter-gallery-metro-2 .isotope .item {
	height: 562px;
	width: 33.33333333%;
	list-style: none;
	margin-bottom: 0;
}
.filter-gallery-metro-2 .isotope .item.width2 {
	width: 66.66666667%;
}
.filter-gallery-metro-2 .isotope .item.height2 {
	height: 562px;
}
.filter-gallery-metro-2 .isotope .item.width1 {
	width: 100%;
}
.filter-gallery-metro-2 .isotope .item.height1 {
	height: 562px;
}
.filter-gallery-metro-2 .isotope .item.height3 {
	height: 562px;
}
.filter-gallery-metro-1.gallery-grid.gallery {
	float: left;
	width: 100%;
}
.filter-nav-box {
	float: left;
	width: 100%;
	padding: 90px 0;
	background: #f1f1f1;
}
#banner ul{
	padding:0px;
	margin:0px;
}
#banner li{
	list-style:none;
	padding:0px;
	margin:0px;
}
/***************************************************FILTER TAB CSS START****************************************************/
.portfolioFilter {
	margin: 0;
	float: left;
	width: 100%;
	text-align: center;
}
.portfolioFilter a {
	font: 600 18px/18px 'Open Sans', sans-serif;
	display: inline-block;
	color: #000;
	text-decoration: none;
	margin: 0 15px 15px 15px;
	position: relative;
	padding-bottom:10px;
	border-bottom:2px solid;
	border-color:transparent;
}
.portfolioFilter a .fa {
	padding: 0 10px 0 0;
}
.portfolioFilter a:hover{
	border-bottom: 2px solid #fda365;
}
.portfolioFilter a:hover, .portfolioFilter a:focus {
	color: #000;
	text-decoration: none;
	outline: none;
}
.portfolioFilter a.current {
	color: #000;
	border-bottom: 2px solid;
}
.portfolioContainer {
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
}
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
/***************************************************FILTER TAB CSS END****************************************************/
/****************************PORTFOLIO SECTION END****************************/

/****************************************SERVICES SECTION START****************************************/
.services-section {
	float: left;
	width: 100%;
	background: #f1f1f1;
	margin: 100px 0 0 0;
}
.services-section .container-fluid {
	padding: 0;
}
.services-section .container-fluid .col-md-6 {
	padding: 0;
}
.services-section .thumb {
	float: left;
	width: 100%;
	overflow:hidden;
}
.services-section .thumb img {
	display: block;
	width: 100%;
}
.services-section .thumb:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.heading-head {
	float: left;
	width: 100%;
	background: #fafafa;
	padding: 80px 0 10px 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.heading-head h1 {
	font-size: 120px;
	line-height: 100px;
}
.services-section .text-box {
	float: left;
	width: 100%;
	padding: 60px 0 0 50px;
}
.services-section .text-box .box {
	float: left;
	margin: 0 0 40px 0;
}
.services-section .text-box .box .holder {
	float: left;
	width: 250px;
}
.services-section .text-box .box h3 {
	font-weight: 700;
	margin: 0 0 30px 0;
	text-align: left;
}
.services-section .text-box .box ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.services-section .text-box .box ul li {
	overflow: hidden;
	display: block;
	padding: 0
}
.services-section .text-box .box ul li:first-child {
	padding: 0;
}
.services-section .text-box .box ul li a {
	text-decoration: none;
	font: 18px/18px 'Source Sans Pro', sans-serif;
	color: #797979;
	padding:6px 0;
	display:block;
}
.services-section .text-box .box ul li a:hover{
	color:#fff;
	padding:6px 10px 6px 20px;
}
/****************************************SERVICES SECTION END****************************************/

/***********************************************************TEAM SECTION START***********************************************************/
.team-section {
	float: left;
	width: 100%;
	padding: 100px 0;
	margin-bottom: 80px;
}
.team-section #team-slider .item {
	padding: 0px;
	margin: 0;
}
.team-section #team-slider .item .box {
	float: left;
	width: 100%;
	position: relative;
}
.team-section #team-slider .item .box .caption {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.team-section #team-slider .item .box .caption .holder {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 10%;
	text-align: center;
}
.team-section #team-slider .item .box .caption .holder h3 {
	font: 700 24px/24px 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	display: inline;
	border-bottom: 1px solid #fff;
	padding: 0 0 7px 0;
}
.team-section #team-slider .item .box .caption .holder strong.designation {
	display: block;
	text-align: center;
	font: 400 16px/16px 'Open Sans', sans-serif;
	color: #fff;
	padding: 15px 0 0 0;
	text-transform: uppercase;
}
.team-section #team-slider .item .box .thumb {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 30px 0;
	cursor: move;
}
.team-section #team-slider .item .box .thumb img {
	display: block;
	width: 100%;
}
.team-section #team-slider .item .box .caption:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.team-section #team-slider .item .box .caption:hover:before {
	opacity: 0.8;
}
.team-section #team-slider .item .box .caption:hover {
	opacity: 1;
}
.team-section #team-slider .item .box .text-box {
	float: left;
	width: 100%;
	text-align: center;
}
.team-section #team-slider .item .box .text-box strong.title {
	font: 700 20px/22px 'Open Sans', sans-serif;
	display: inline;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding: 0 5px;
	border-bottom: 2px solid;
}
.team-social-box {
	float: left;
	width: 100%;
	background: #282828;
	padding: 15px 0;
	opacity: 0;
	overflow: hidden;
}
.team-social-box ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	text-align: center;
}
.team-social-box ul li {
	display: inline-block;
	padding: 0 15px;
}
.team-social-box ul li a {
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	text-decoration: none;
}
.team-section #team-slider .item .box:hover strong.title {
	position: absolute;
	top: -100%;
}
.team-section #team-slider .item .box:hover .team-social-box {
	opacity: 1;
	overflow: visible;
}
.team-section #team-slider .item .box:hover .thumb {
	margin: 0;
}
.team-section .owl-next {
	width: 100px;
	height: 70px;
	border: 2px solid #e8e8e8;
	left: 340px;
	position: absolute;
	font-size: 0;
}
.team-section .owl-next:before {
	content: "\f105";
	display: block;
	font-size: 26px;
	line-height: 70px;
	text-align: center;
	font-family: FontAwesome;
}
.team-section .owl-next:hover {
	border: 2px solid;
}
.team-section .owl-prev {
	width: 100px;
	height: 70px;
	border: 2px solid #e8e8e8;
	left: 230px;
	position: absolute;
	font-size: 0;
}
.team-section .owl-prev:before {
	content: "\f104";
	display: block;
	font-size: 26px;
	line-height: 70px;
	text-align: center;
	font-family: FontAwesome;
}
.team-section .owl-prev:hover {
	border: 2px solid;
}
/***********************************************************TEAM SECTION END***********************************************************/

/*********************************SECTION START*********************************/
.blog-section {
	float: left;
	width: 100%;
}
.blog-section .heading-head {
	float: left;
	width: 100%;
	padding: 90px 0 150px 0;
	background: #fafafa;
	margin: 0 0 -75px 0;
}
.blog-section .blog-post {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.blog-section .blog-post .thumb {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 40px 0;
	border: 1px solid #efefef;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background:#000;
}
.blog-section .blog-post .thumb:hover:before{
	transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	opacity:1;
}
.blog-section .blog-post .thumb:hover:after{
	opacity:1;
	transform:scaleY(1);
	-webkit-transform:scaleY(1);
	-moz-transform:scaleY(1);
}
.blog-section .blog-post .thumb:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	opacity:0;
	transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transition:all 0.5s ease-in;
}
.blog-section .blog-post .thumb:after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.4);
	opacity:0;
	transform:scaleY(0);
	-webkit-transform:scaleY(0);
	-moz-transform:scaleY(0);
	transition:all 0.5s ease-in;
}
.blog-section .blog-post .frame-2 {
	float: left;
	width: 100%;
	position: relative;
	margin: 0 0 40px 0;
	border: 1px solid #efefef;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background:#000;
}
.blog-section .blog-post .frame-2 .round-frame {
	width: 90px;
	height: 90px;
	border: 5px solid #fff;
	border-radius: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	margin: auto;
	overflow: hidden;
}
.blog-section .blog-post .thumb img {
	display: block;
	width: 100%;
}
.blog-section .blog-post .thumb .round-frame {
	width: 90px;
	height: 90px;
	border: 5px solid #fff;
	border-radius: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -40px;
	margin: auto;
	overflow: hidden;
}
.blog-section .blog-post .text-box {
	float: left;
	width: 770px;
}
.blog-section .blog-post .text-box h3 {
	font: 700 20px/20px "Lato", sans-serif;
	margin: 0 0 10px 0;
	text-align: left;
}
.blog-section .blog-post .text-box h3 a {
	color: #000;
	text-decoration: none;
}
.detail-row {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}
.detail-row a {
	font: 600 16px/16px 'Source Sans Pro', sans-serif;
	float: left;
	color: #797979;
	text-decoration: none;
	padding: 0 20px 0 0;
}
.detail-row a:hover {
	text-decoration: none;
}
.detail-row a .fa {
	padding: 0 10px 0 0;
	color: #ccc;
}
.blog-section .blog-post .text-box p {
	font: 400 18px/28px 'Source Sans Pro', sans-serif;
	color: #797979;
	margin: 0 0 30px 0;
}
.blog-section .blog-post .text-box a.btn-readmore {
	float: left;
	padding: 15px 30px;
	border: 2px solid #ccc;
	font-size: 16px;
	line-height: 16px;
	color: #ccc;
	text-transform: uppercase;
}
#slider-post .item img {
	display: block;
	width: 100%;
	height: auto;
}
/*NAV ARROW STYLE START*/
.blog-section .owl-prev {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 65px;
	height: 100px;
	border: 2px solid #e8e8e8;
	font-size: 0;
}
.blog-section .owl-prev:hover {
	border: 2px solid;
}
.blog-section .owl-prev:before {
	content: "\f107";
	display: block;
	text-align: center;
	line-height: 100px;
	font-family: FontAwesome;
	font-size: 25px;
}
.blog-section .owl-next {
	position: absolute;
	right:0;
	bottom: 110px;
	width: 65px;
	height: 100px;
	border: 2px solid #e8e8e8;
	font-size: 0;
}
.blog-section .owl-next:hover {
	border: 2px solid;
}
.blog-section .owl-next:before {
	content: "\f106";
	display: block;
	text-align: center;
	line-height: 100px;
	font-family: FontAwesome;
	font-size: 25px;
}
/*NAV ARROW STYLE END*/
.blog-page {
	float: left;
	padding: 80px 0 120px 0;
	width: 100%;
}
.blog-page .owl-next {
	top: 145px;
	bottom: inherit;
	right: -31px;
}
.blog-page .owl-prev {
	top: 255px;
	bottom: inherit;
	right: -31px;
}
.blog-page .blog-post .text-box {
	width: 100%;
}
.top-btn-row {
	float: left;
	width: 100%;
	padding: 0 0 60px 0;
}
.top-btn-row a.btn-back {
	padding: 16px 52px 16px 24px;
	border: 2px solid #e8e8e8;
	float: left;
	font: 700 14px/14px 'Open Sans', sans-serif;
	color: #282828;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 20px 0 0;
}
.top-btn-row a.btn-back .fa {
	float: left;
	padding: 0 22px 0 0;
	color: #ccc;
}
.top-btn-row a.btn-adjust {
	padding: 16px 30px 16px 40px;
	margin: 0;
}
.top-btn-row a.btn-adjust .fa {
	padding: 0 0 0 22px;
}
.top-btn-row a.btn-back:hover {
	color: #fff;
	border: 2px solid;
}
.top-btn-row a.btn-back:hover .fa {
	color: #fff;
}
.blog-page blockquote {
	display: block;
	margin: 100px auto 120px;
	width: 869px;
	border: 2px solid #e8e8e8;
	font: 400 35px 'Dancing Script', cursive;
	color: #797979;
	text-align: center;
	padding: 85px 190px 45px 157px;
	position: relative;
	margin:0 0 20px 0;
	border:2px solid rgba(0,0,0,0);
}
.blog-page blockquote .round-frame {
	width: 90px;
	height: 90px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: -45px;
	border-radius: 100%;
}
.blog-page blockquote .round-frame:before {
	content: '';
	position: absolute;
	left: -5px;
	width: 5px;
	height: 4px;
	background: #fff;
	top: 0;
	bottom: 0;
	margin: auto;
}
.blog-page blockquote .round-frame:after {
	content: '';
	position: absolute;
	right: -5px;
	width: 5px;
	height: 4px;
	background: #fff;
	top: 0;
	bottom: 0;
	margin: auto;
}
.blog-page blockquote strong.title {
	font: 600 15px/15px 'Source Sans Pro', sans-serif;
	color: #999;
	padding: 28px 0 0 0;
	display: block;
	text-align: center;
	text-transform: uppercase;
}
.blog-page blockquote strong.title span {
	font-weight: 400;
	text-transform: none;
}
.blog-page blockquote:hover {
	border: 2px solid;
}
.with-sidebar blockquote {
	width: 700px;
}
.with-sidebar .comment-box .text-box-2 {
	width: 630px;
}
/*COMMENT AREA START*/
.comment-box {
	float: left;
	width: 100%;
}
.blog-section.blog-page .comment-box h3 {
	font: 700 20px/20px 'Lato', sans-serif;
	text-align: center;
}
.blog-section.blog-page .comment-box h3:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 136px;
	height: 2px;
	margin: auto;
	bottom: -12px;
}
.cmt-row {
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
	margin: 0 0 65px 0;
	border-bottom: 2px solid #eaedee;
	position: relative;
}
.cmt-row:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 90px;
	height: 2px;
}
.cmt-row strong {
	font: 600 17px/17px 'Source Sans Pro', sans-serif;
	color: #000;
	padding: 0 40px 0 0;
}
.cmt-row span {
	font: 600 17px/17px 'Source Sans Pro', sans-serif;
	color: #999;
}
.author-row {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
}
.comment-box .frame {
	float: left;
	margin: 0 25px 0 0;
	overflow: hidden;
	width: 70px;
	height: 70px;
	border-radius: 100%;
}
.comment-box .text-box-2 {
	float: left;
	width: 990px;
}
.comment-box .text-box-2 a {
	padding: 16px 60px;
	margin-bottom: 50px;
}
.blog-section .comment-box .text-box-2 p {
	margin: 0 0 35px 0;
	font-size: 16px;
	line-height: 22px;
	color: #626262;
}
.comment-box .text-box-2 strong.name {
	font: 700 14px/14px 'Open Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
	display: block;
	padding: 0 0 10px 0;
}
.comment-box .text-box-2 span.day {
	font: 700 14px/14px 'Open Sans', sans-serif;
	text-transform: uppercase;
	display: block;
	padding: 0 0 10px 0;
}
.comment-box .text-box-2 span.day .fa {
	color: #545454;
	padding: 0 10px 0 0;
}
.comments {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
.comments .text-outer {
	float: left;
	width: 100%;
	padding: 0 0 15px 0;
}
.comments .text {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	position: relative;
	margin: 0 0 20px 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.comments .tex-box span.day {
	font: 700 14px/14px 'Open Sans', sans-serif;
	text-transform: uppercase;
	display: block;
	padding: 0 0 10px 0;
}
.comments .tex-box span.day .fa {
	color: #545454;
	padding: 0 10px 0 0;
}
.comment-frame {
	float: left;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	padding: 0;
	margin: 0 25px 0 0;
	overflow: hidden;
}
.comments .text-outer .comment-frame a {
	padding: inherit;
}
.comment-frame img {
	display: block;
	width: 100%;
}
.comment-box .frame img {
	display: block;
	width: 100%;
}
.comments .tex-box {
	overflow: hidden;
	text-align: left;
}
.comments .tex-box strong.name {
	font: 600 14px/14px 'Open Sans', sans-serif;
	color: #222;
	text-transform: uppercase;
	display: block;
	padding: 0 0 10px 0;
}
.comments .text p {
	margin: 0;
}
.comments .text a .fa {
	padding: 0 7px 0 0;
}
.comments .text a {
	padding: 16px 60px;
}
.comments ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.comments ul li {
	float: left;
	width: 100%;
	position: relative;
	margin: 0px;
	padding: 0;
}
#main .comments ul ul {
	padding: 0px 0px 0px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}
/*COMMENT FORM START*/
.comment-form {
	float: left;
	width: 100%;
}
.comment-form ul {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	margin-top: 90px;
}
#main .comment-form ul li {
	float: left;
}
.comment-form label {
	color: #545454;
	font: 400 16px/16px 'Source Sans Pro', sans-serif;
	display: block;
	margin: 0 0 20px 0;
}
.comment-form input[type="text"] {
	float: left;
	width: 100%;
	height: 44px;
	border: 1px solid #dadada;
	border-radius: 0;
	padding: 0 10px;
	margin: 0 0 40px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comment-form textarea {
	float: left;
	width: 100%;
	height: 248px;
	border: 1px solid #dadada;
	border-radius: 0;
	padding: 10px;
	margin: 0 0 40px 0;
	resize: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comment-form input[type="submit"] {
	float: left;
	border: 2px solid;
	padding: 22px 70px;
	margin: 0;
	font: 700 18px/18px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
	background: none;
}
.comment-form input[type="submit"]:hover {
	background: #222;
	color: #fff;
	border: 2px solid rgba(0,0,0,0);
}
/*COMMENT FORM END*/
/*COMMENT AREA END*/
/*********************************BLOG SECTION END*********************************/

/*************************************PAGINATION START*************************************/
.pagination-box {
	float: left;
	width: 100%;
}
.pagination-box .pagination {
	border-radius: 0;
	display: block;
	margin: 0;
	text-align: center;
	padding-left: 0;
}
.pagination-box .pagination > li {
	display: inline-block;
	padding: 0;
	margin: 0 12px;
	position: relative;
	background: #d5d5d5;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	text-align: center;
}
.pagination-box .pagination > li:before {
	content: '';
	position: absolute;
	right: 35px;
	background: #d5d5d5;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 2px;
	width: 31px;
}
.pagination-box .pagination > li:first-child:before {
	display: none;
}
.pagination-box .pagination > li > a, .pagination-box .pagination > li > span {
	background-color: transparent;
	border: 0;
	color: #fff;
	float: left;
	font: 700 17px/35px 'Open Sans', sans-serif;
	margin-left: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
.pagination-box .pagination > li:first-child > a, .pagination-box .pagination > li:first-child > span {
	border-radius: 100%;
}
.pagination-box .pagination > li:last-child > a, .pagination-box .pagination > li:last-child > span {
	border-bottom-right-radius: 100%;
	border-top-right-radius: 100%;
}
.pagination-box .pagination > li > a:hover, .pagination-box .pagination > li > span:hover, .pagination-box .pagination > li > a:focus, .pagination-box .pagination > li > span:focus {
	border-color: transparent;
	border: 0;
	color: #fff;
	border-radius: 100%;
}
/*************************************PAGINATION END*************************************/

/**********************************PLAY SECTION START**********************************/
.play-section {
	float: left;
	width: 100%;
	background: url(../images/play-section-bg.jpg) no-repeat left top/cover;
	padding: 200px 0 194px 0;
}
.head-title {
	float: left;
	width: 100%;
	position: relative;
}
.head-title:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
}
.head-title strong.title {
	display: block;
	text-align: center;
	color: #000;
	font: 900 80px/70px 'Open Sans', sans-serif;
	position: relative;
	padding: 35px 0;
}
.btn-row {
	float: left;
	width: 100%;
	text-align: center;
	margin: 70px 0 0 0;
}
.btn-row a.btn-play {
	font: 700 20px/20px 'Open Sans', sans-serif;
	color: #000;
	background: #fff;
	display: inline;
	text-transform: uppercase;
	padding: 20px 85px;
	border: 5px solid;
}
.btn-row a.btn-play:hover {
	border: 5px solid #fff;
	text-decoration: none;
}
.play-section .modal-header{
	padding:0;
	border:0;
}
.play-section .modal-content{
	border:0;
	border-radius:0;
}
.play-section .modal-dialog{
	width:900px;
	margin:60px auto 0;
}
.play-section .modal-footer{
	padding:0;
	border:0;
	display:none;
}
.play-section .modal-body{
	padding:0;
}
.play-section .close {
    color: #fff;
	width:30px;
	height:30px;
	background:#000;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity:1;
    text-shadow: 0 1px 0 #fff;
}
.play-section .modal-header .close{
	margin-top:-30px;
}
.play-section:hover .head-title:before{
	background:#000;
}
.play-section:hover strong.title{
	color:#fff;
}
/**********************************PLAY SECTION END**********************************/

/****************************PRICETABLE START****************************/
.price-table {
	float: left;
	width: 100%;
	margin-bottom: 150px;
	padding:90px 0 0 0;
}
.price-table .table-box {
	float: left;
	width: 100%;
	border: 2px solid #fafafa;
}
.price-table .table-box .head {
	float: left;
	width: 100%;
	background: #f1f1f1;
	padding: 50px 0 45px 0;
}
.price-table .table-box .head strong.amount {
	font: 700 53px/50px 'Open Sans', sans-serif;
	display: block;
	text-align: center;
	padding: 0 0 30px 0;
}
.price-table .table-box .head strong.amount sup {
	font-size: 20px;
	top: -1.2em;
}
.price-table .table-box .head strong.amount span {
	font-size: 20px;
	color: #000;
}
.price-table .table-box .head b {
	font: 400 18px/18px 'Open Sans', sans-serif;
	display: block;
	color: #818181;
	text-align: center;
}
.price-table .table-box .table-list {
	float: left;
	width: 100%;
}
.price-table .table-box .table-list strong.plan-title {
	display: block;
	text-align: center;
	font: 700 20px/50px 'Open Sans', sans-serif;
	color: #000;
	text-transform: uppercase;
	width: 240px;
	height: 50px;
	margin: -24px auto 50px;
	background: #fafafa;
}
.price-table .table-box .table-list ul {
	padding: 0 0 70px 0;
	margin: 0;
	list-style: none;
}
.price-table .table-box .table-list ul li {
	display: block;
	padding: 30px 0 0 0;
	overflow: hidden;
	color: #797979;
	text-align: center;
	font: 400 18px/18px 'Open Sans', sans-serif;
}
.price-table .table-box .table-list ul li:first-child {
	padding: 0;
}
.price-table .table-box .footer {
	float: left;
	width: 100%;
	background: #fafafa;
	padding: 25px 64px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.price-table .table-box .footer .btn-order {
	float: left;
	width: 100%;
	font: 700 20px/20px 'Open Sans', sans-serif;
	color: #fff;
	padding: 15px 0;
	text-align: center;
	text-transform: uppercase;
}
.price-table .table-box:hover {
	border: 2px solid;
}
.price-table .table-box:hover .footer .btn-order {
	background: #222;
	color: #fff;
}
.price-table .table-box:hover strong.plan-title {
	color: #fff;
}
.price-table strong.title {
	font: 700 24px/24px 'Open Sans', sans-serif;
	color: #3a3a3a;
	display: block;
	margin: 80px 0 40px 0;
}
.price-table-style-2 {
	float: left;
	width: 100%;
}
.price-table-style-2 .box {
	border: 1px solid #fafafa;
	width: 235px;
	float: left;
	text-align: center;
	padding-bottom: 25px;
	margin-right:25px;
}
.price-table-style-2 .box .head {
	float: left;
	width: 100%;
	padding: 48px 0;
	background: #f1f1f1;
}
.price-table-style-2 .box h3 {
	font-size: 26px;
	margin: 0 0 15px 0;
	line-height:26px
}
.price-table-style-2 .box span {
	display: block;
	font: 300 50px/40px 'Source Sans Pro', sans-serif;
	color: #282828;
}
.price-table-style-2 .box span em {
	display: block;
	font-style: normal;
	font-size: 24px;
}
.price-table-style-2 ul {
	padding: 0 0 25px 0;
	margin: 0;
	list-style: none;
}
.price-table-style-2 ul li {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 22px 0;
	color: #5d6a77;
	font: 400 15px/15px 'Source Sans Pro', sans-serif;
}
.price-color {
	background: #f1f1f1;
}
.price-color-2 {
	background: #fff;
}
.price-table-style-2 .btn-order {
	display: block;
	margin: 0 auto;
	width: 162px;
	text-align: center;
	padding: 11px 0;
	font: 700 14px/14px 'Open Sans', sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.price-table-style-2 .box:hover {
	transform: scale(1.2);
}
.price-table-style-2 .box:hover h3 {
	color: #fff;
}
.price-table-style-2 .box:hover span {
	color: #fff;
}
/****************************PRICETABLE END****************************/

/*********************************TESTIMONIAL SECTION START*********************************/
.testimonial-section {
	float: left;
	width: 100%;
	margin-bottom: 124px;
}
.testimonial-section .thumb {
	float: left;
	width: 100%;
	overflow:hidden;
	background:#000;
}
.testimonial-section .thumb img {
	display: block;
	width: 100%;
}
.testimonial-section .thumb:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	opacity:0.6;
}
.testimonial-section .container-fluid {
	padding: 0;
}
.testimonial-section .container-fluid .col-md-6 {
	padding: 0;
}
.testimonial-section .testimonial-box {
	float: left;
	width: 100%;
	background: #fafafa;
	padding: 135px 0 0 0;
}
.testimonial-section .testimonial-box h2 {
	margin: 0 0 80px 40px;
}
.testimonial-section .testimonial-box .holder {
	background: #fff;
	float: left;
	padding: 20px;
	font: 400 35px/40px 'Dancing Script', cursive;
	color: #797979;
	border: 1px solid #fafafa;
	margin: 0;
}
.testimonial-section .testimonial-box .holder strong.name {
	font: 600 15px/15px 'Source Sans Pro', sans-serif;
	color: #999;
	display: block;
	text-transform: uppercase;
}
.testimonial-section .testimonial-box .holder strong.name span {
	font-weight: 400;
	padding: 50px 0 0 0;
	display: inline-block;
}
.testimonial-section .owl-page > span {
	background: #d5d5d5;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	float: right;
	margin: 0 0 0 25px;
	position: relative;
	font: 700 14px/30px 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
}
.testimonial-section .owl-page > span:before {
	content: '';
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 25px;
	height: 2px;
	background: #d5d5d5;
}
/*********************************TESTIMONIAL SECTION END*********************************/

/************************PARTNERS SECTION START************************/
.partners-section {
	float: left;
	width: 100%;
	margin: 0;
}
.partners-section .owl-carousel {
	margin: 100px 0 0 0;
}
.partners-section ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.partners-section ul li {
	float: left;
	padding: 0;
	width: 33.333%;
	border: 2px solid #e7e7e7;
	overflow:hidden;
}
.partners-section ul li:hover img{
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
}
.partners-section ul li a img {
	display: block;
	width: 100%;
}
.partners-section ul li:hover {
	border-color: #ffa265;
}
.partners-section .owl-carousel .owl-wrapper-outer {
	margin-bottom: 60px;
}
.partners-section .owl-next {
	width: 100px;
	height: 70px;
	border: 2px solid #e8e8e8;
	font-size: 0;
	position: absolute;
	left: 110px;
}
.partners-section .owl-next:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 25px;
	display: block;
	text-align: center;
	line-height: 70px;
}
.partners-section .owl-prev {
	width: 100px;
	height: 70px;
	border: 2px solid #e8e8e8;
	font-size: 0;
	position: absolute;
	left: 0;
}
.partners-section .owl-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 25px;
	display: block;
	text-align: center;
	line-height: 70px;
}
/************************PARTNERS SECTION END************************/

/*************************HOME CONTACT SECTION START*************************/
.home-contact-section {
	float: left;
	width: 100%;
	background: #f1f1f1;
	padding: 0 0 100px 0;
}
.home-contact-section .container-fluid, .home-contact-section .container-fluid .col-md-7, .home-contact-section .container-fluid .col-md-5 {
	padding: 0;
}
.home-contact-section .text-box {
	float: right;
	width: 100%;
	background: #f1f1f1;
}
.home-contact-section .text-box .heading-head {
	float: right;
	width: 100%;
	padding: 80px 0 30px 375px;
	background: #fafafa;
}
.home-contact-section .text-box .heading-head h2 {
	font-size: 50px;
}
.home-contact-section .map-box {
	float: left;
	width: 100%;
}
.home-contact-section .map-box .map_canvas {
	height: 785px;
	width: 100%;
}
.home-contact-section .text-box form {
	float: left;
	width: 100%;
	padding: 50px 20px 0 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.home-contact-section .text-box form input[type="text"] {
	float: left;
	width: 100%;
	height: 60px;
	padding: 0 10px;
	margin: 0 0 22px 0;
	border: 2px solid #dedede;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.home-contact-section .text-box form textarea {
	float: left;
	width: 100%;
	height: 234px;
	padding: 10px;
	margin: 0 0 22px 0;
	resize: none;
	border: 2px solid #dedede;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.home-contact-section .text-box form input[type="submit"] {
	float: left;
	width: 100%;
	height: 50px;
	background: #fea263;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	border: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.home-contact-section .text-box form input[type="submit"]:hover{
	background:#222;
	color:#fff;
}
.sep-p-contact {
	width:90%;
	height:85px
}
/*************************HOME CONTACT SECTION END*************************/

/***************************FOOTER START***************************/
#footer {
	float: left;
	width: 100%;
}
/*FOOTER SECTION 1 START*/
.footer-section-1 {
	float: left;
	width: 100%;
	background: #000;
	padding: 40px;
}
.lien-bas {
	color:#f7901e;
	font-size:16px;
	letter-spacing:1px;
	text-decoration:none;
	line-height:40px;
	font-weight:200
}
.lien-bas:hover {
	color:#ccc;
	text-decoration:none;
}
.footer-section-1 .box {
	float: left;
	width: 100%;
}
.footer-section-1 .box strong.logo {
	float: left;
	margin: 0 0 60px 0;
}
.footer-section-1 .box p {
	clear: both;
}
.footer-section-1 .box address {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.footer-section-1 .box address ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-section-1 .box address ul li {
	padding: 5px 0 0 0;
	display: block;
	font: 400 20px/24px 'Source Sans Pro', sans-serif;
	color: #797979;
}
.footer-section-1 .box address ul li:first-child {
	padding: 0;
}
.footer-section-1 .box address ul li b.icon-col {
	width: 39px;
	height: 40px;
	border: 2px solid #797979;
	float: left;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
	color: #797979;
	margin: 0 22px 0 0;
}
.footer-section-1 .box address ul li span {
	display: block;
}
.footer-section-1 .box h3 {
	font: 100 20px/20px 'Open Sans', sans-serif;
	color: #fff;
	text-align: left;
	position: relative;
}
.footer-section-1 .box h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -23px;
	width: 90px;
	height: 2px;
}
.flicker-box {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}
.flicker-box ul {
	padding: 0;
	margin: 0 -10px 0 0;
	list-style: none;
}
.flicker-box ul li {
	float: left;
	padding: 0;
	margin: 0 3px 3px 0;
	overflow: hidden;
}
.flicker-box ul li:hover img {
	transform: scale(1.1);
	opacity: 0.5;
}
.footer-section-1 .box form {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
}
.footer-section-1 .box form input[type="text"] {
	float: left;
	width: 100%;
	height: 57px;
	border: 2px solid #797979;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 0 35px 0;
	background: none;
	color: #797979;
	font: 16px/16px 'Source Sans Pro', sans-serif;
}
.footer-section-1 .box form input[type="submit"] {
	padding: 18px 45px;
	border: 2px solid;
	font: 12px/12px 'Open Sans', sans-serif;
	color: #fff;
	background: none;
	text-transform: uppercase;
	display: block;
}
.footer-section-1 .box form input[type="submit"]:hover {
	background: #fff;
	color: #000;
}
/*FOOTER SECTION 1 END*/

/*FOOTER SECTION 2 START*/
.footer-section-2 {
	float: left;
	width: 100%;
	background: #fff;
	padding: 25px 0;
}
.footer-section-2 strong.logo {
	float: left;
}
.footer-section-2 .footer-social {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
}
.footer-section-2 .footer-social ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-section-2 .footer-social ul li {
	float: left;
	padding: 2px 4px;
}
.footer-section-2 .footer-social ul li a {
	text-decoration: none;
	width: 40px;
	height: 40px;
	border: 2px solid #e8e8e8;
	text-align: center;
	line-height: 40px;
	color: #ccc;
	float: left;
	font-size: 18px;
}
.footer-section-2 .footer-social ul li a:hover {
	border: 2px solid rgba(0,0,0,0);
	color: #fff;
}
.footer-section-2 strong.copy {
	font: 700 13px/14px 'Open Sans', sans-serif;
	color: #ccc;
	display: block;
	text-transform: uppercase;
	padding: 20px 0 0 0;
}
/*FOOTER SECTION 2 END*/
/***************************FOOTER END***************************/

/********************************************SIDEBAR START********************************************/
.sidebar {
	float: left;
	width: 100%;
}
.sidebar .box {
	float: left;
	width: 100%;
	background: #fafafa;
	margin-bottom: 40px;
	padding: 50px 40px 40px 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.sidebar .box h3 {
	text-align: left;
	font-weight: 700;
	margin: 0 0 40px 0;
}
.sidebar .box h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -22px;
	width: 156px;
	height: 2px;
}
/*CATEGOREY START*/
.categorey-box {
	float: left;
	width: 100%;
}
.categorey-box ul {
	padding: 30px 0 0 0;
	margin: 0;
	list-style: none;
}
.categorey-box ul li {
	padding: 0;
	overflow: hidden;
	display: block;
}
.categorey-box ul li a {
	font: 600 14px/14px 'Source Sans Pro', sans-serif;
	color: #ccc;
	text-transform: uppercase;
	display: block;
	padding: 10px 0;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.categorey-box ul li a b {
	float: left;
	font-weight: 600;
}
.categorey-box ul li a span {
	float: right;
}
.categorey-box ul li a:hover {
	background: #fff;
	padding: 10px;
	color: #000;
	text-decoration: none;
}
/*CATEGOREY START*/

/*RECENT POST START*/
.recent-post {
	float: left;
	width: 100%;
}
.recent-post ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.recent-post ul li {
	margin: 0 0 8px 0;
	overflow: hidden;
	display: block;
	padding: 0 0 0 0;
	background: #fff;
}
.recent-post .frame {
	float: left;
	margin: 0 20px 0 0;
	overflow: hidden;
}
.recent-post .text-box {
	overflow: hidden;
	padding: 16px 45px 0 0;
}
.recent-post .text-box a {
	font: 600 16px/16px 'Source Sans Pro', sans-serif;
	color: #000;
	text-decoration: none;
}
.recent-post ul li:hover .frame img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: 0.5;
}
/*RECENT POST START*/

/*QOUTS START*/
.qouts-box {
	float: left;
	width: 100%;
}
.qouts-box blockquote {
	font: 400 23px 'Dancing Script', cursive;
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 28px;
	color: #999;
	border: 0;
}
.qouts-box strong.title {
	font: 600 16px/16px 'Source Sans Pro', sans-serif;
	color: #282828;
	display: block;
	text-align: center;
}
/*QOUTS END*/

/*INSTAGRAM START*/
.instagram {
	float: left;
	width: 100%;
}
.instagram ul {
	padding: 0;
	margin: 0 -10px 0 0;
	list-style: none;
}
.instagram ul li {
	float: left;
	padding: 0;
	margin: 0 3px 3px 0;
	overflow: hidden;
}
.instagram ul li:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	opacity: 0.5
}
/*INSTAGRAM END*/

/*TAGS START*/
.tags {
	float: left;
	width: 100%;
}
.tags ul {
	padding: 0;
	margin: 0 0 0 -10px;
	list-style: none;
}
.tags ul li {
	float: left;
	padding: 0;
	margin: 0 0 10px 10px;
}
.tags ul li a {
	font: 600 16px/16px 'Source Sans Pro', sans-serif;
	text-decoration: none;
	padding: 12px 20px;
	background: #fff;
	color: #282828;
	text-transform: capitalize;
	float: left;
}
.tags ul li a:hover{
	color:#fff;
}
/*TAGS END*/
/********************************************SIDEBAR END********************************************/

/*CONTACT PAGE START*/
.contact-map {
	float: left;
	width: 100%;
	margin: 0 0 150px 0;
}
.contact-map .map-box {
	float: left;
	width: 100%;
}
.contact-map .map-box .map_canvas {
	height: 776px;
	width: 100%;
}
.contact-form {
	float: left;
	width: 100%;
	padding: 0 0 100px 0;
}
.contact-form form {
	float: left;
	width: 100%;
}
.contact-form form input[type="text"] {
	float: left;
	width: 100%;
	height: 59px;
	border: 1px solid #ccc;
	padding: 0 22px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #353535;
	font: 400 16px/16px 'Source Sans Pro', sans-serif;
	margin: 0 0 30px 0;
}
.contact-form form textarea {
	float: left;
	width: 100%;
	height: 333px;
	border: 1px solid #ccc;
	padding: 22px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #353535;
	resize: none;
	font: 400 16px/16px 'Source Sans Pro', sans-serif;
	margin: 0 0 30px 0;
}
.contact-form form input[type="submit"] {
	float: left;
	padding: 17px 60px;
	border: 2px solid;
	background: none;
	text-transform: uppercase;
	margin: 0;
	font: 700 15px/15px 'Open Sans', sans-serif;
}
.contact-form form input[type="submit"]:hover{
	color:#fff;
}
.contact-form address {
	float: left;
	width: 100%;
}
.contact-form address ul {
	padding: 0 0 20px 0;
	margin: 0;
	list-style: none;
}
.contact-form address ul li {
	float: left;
	padding: 0 0 34px 88px;
	position: relative;
	color: #797979;
	font: 400 16px/25px 'Source Sans Pro', sans-serif;
}
.contact-form address ul li:hover .fa{
	border:2px solid rgba(0,0,0,0);
	color:#fff;
	font-size:20px;
}
.contact-form address ul li span {
	display: block;
}
.contact-form address ul li .fa {
	width: 55px;
	height: 55px;
	border: 2px solid;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	font-size: 27px;
	line-height: 54px;
}
.contact-form address ul li a {
	display: block;
	color: #797979;
}
.contact-social {
	float: left;
	width: 100%;
}
.contact-social ul {
	padding: 0;
	margin: 50px -10px 0;
	list-style: none;
	width: 265px;
}
.contact-social ul li {
	float: left;
	padding: 0;
	margin: 0 0 10px 10px;
}
.contact-social ul li a {
	width: 45px;
	height: 45px;
	display: block;
	text-align: center;
	line-height: 45px;
	border: 2px solid #e8e8e8;
	color: #ccc;
	text-decoration: none;
	font-size: 20px;
}
.contact-social h3 {
	font: 700 20px/20px 'Open Sans', sans-serif;
	text-align: left;
	position: relative;
}
.contact-social h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 195px;
	height: 2px;
}
.contact-social ul li a:hover {
	border: 2px solid;
	color: #fff;
}
/*CONTACT PAGE END*/

/*ABOUT DETAIL AREA START*/
.about-text {
	float: left;
	width: 100%;
	margin-bottom: 100px;
}
.about-text a {
	color:#f7901e;
	text-decoration:none
}
.about-text a:hover {
	color:000;
	text-decoration:underline
}
.about-text .container-fluid {
	padding: 0;
}
.about-text .thumb {
	float: left;
	width: 100%;
	overflow:hidden;
	background:#000;
}
.about-text .thumb img {
	display: block;
	width: 100%;
}
.about-text .thumb:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	opacity:0.7
}
.about-text .container-fluid .col-md-6 {
	padding: 0;
}
.about-text .text-box {
	float: left;
	width: 100%;
	padding: 70px 0 0 55px;
}
.about-section-2 {
	float: left;
	width: 100%;
}
.about-section-2 .text-col {
	float: left;
	width: 100%;
	padding: 115px 0 52px 30px;
}
.theme-sytle .about-section-2 .text-col h2 {
	margin: 0 0 60px 0;
}
.theme-sytle .about-section-2 .text-col h2:before {
	background: #fff;
}
.about-section-2 .text-col p {
	color: #fff;
}
.about-section-2 .text-col ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.about-section-2 .text-col ul li {
	padding: 0 0 20px 0;
	display: block;
	overflow: hidden;
	font: 400 16px/16px 'Source Sans Pro', sans-serif;
	color: #fff;
}
.about-section-2 .text-col ul li .fa {
	font-size: 10px;
	padding: 0 8px 0 0;
}
.about-section-2 .text-col-2 {
	float: left;
	width: 100%;
	background: url(../images/about-section-img.jpg) no-repeat left top/cover;
	padding: 105px 0 0 60px;
}
.about-section-2 .text-col-2 h2 {
	margin: 0 0 60px 0;
	font-size:50px;
}
.about-section-2 .text-col-2 .holder {
	width: 100%;
	float: left;
}
.about-section-2 .text-col-2 strong.title {
	display: block;
	color: #16181e;
	font: 400 22px/22px 'Open Sans', sans-serif;
	text-transform: uppercase;
	padding: 0 0 25px 35px;
	position: relative;
}
.about-section-2 .text-col-2 strong.title .fa {
	padding: 0 0 0 0;
	position: absolute;
	left: 0;
}
.about-section-2 .text-col-2 p {
	padding: 0 0 0 35px;
}
.play-bg {
	background: url(../images/play-section-bg-2.jpg) no-repeat left top/cover;
}
/*ABOUT DETAIL AREA END*/

/*EXPERTISE SECTION START*/
.ecpertise-section {
	float: left;
	width: 100%;
	background: url(../images/expertise-section-bg.jpg) no-repeat left top/cover;
	padding: 100px 0;
}
.ecpertise-section .box {
	float: left;
	width: 100%;
}
.ecpertise-section h2 {
	margin: 0 0 60px 0;
}
.ecpertise-section .box h3 {
	font: 600 20px/20px 'Open Sans', sans-serif;
	color: #282828;
	display: block;
	margin: 0 0 30px 0;
	text-align: left;
}
.ecpertise-section .box p {
	font-size: 16px;
}
.expertise-section-2 {
	float: left;
	width: 100%;
	padding: 100px 0 150px 0;
}
.expertise-section-2 h2 {
	margin: 0 0 60px 0;
}
.expertise-section-2 .box {
	float: left;
	width: 100%;
	cursor: move;
	padding: 0 0 50px 0;
}
.expertise-section-2 .box .thumb {
	float: left;
	width: 100%;
	border: 1px solid #ededed;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0 0 40px 0;
	overflow:hidden;
	background:#000;
}
.expertise-section-2 .box:hover img{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	opacity:0.6;
}
.expertise-section-2 .box .thumb img {
	display: block;
	width: 100%;
}
.expertise-section-2 .box .text-box {
	float: left;
	width: 100%;
}
.expertise-section-2 .box .text-box h3 {
	font: 600 22px/22px 'Open Sans', sans-serif;
	display: block;
	text-align: left;
	color: #282828;
	margin: 0 0 30px 0;
}
.expertise-section-2 .box .text-box h3 a {
	text-decoration: none;
}
.expertise-section-2 .box .text-box a.btn-more {
	float: left;
}
.expertise-section-2 .box .text-box p {
	font-size: 16px;
}
#expertise-slider .item {
	margin: 0 25px 0 0;
}
.expertise-section-2 .owl-next {
	border: 2px solid #e8e8e8;
	font-size: 0;
	height: 70px;
	left: 110px;
	position: absolute;
	width: 100px;
}
.expertise-section-2 .owl-next:before {
	content: "\f105";
	display: block;
	font-family: FontAwesome;
	font-size: 26px;
	line-height: 70px;
	text-align: center;
}
.expertise-section-2 .owl-prev:before {
	content: "\f104";
	display: block;
	font-family: FontAwesome;
	font-size: 26px;
	line-height: 70px;
	text-align: center;
}
.expertise-section-2 .owl-prev {
	border: 2px solid #e8e8e8;
	font-size: 0;
	height: 70px;
	left: 0;
	position: absolute;
	width: 100px;
}
.margin-btm-0 {
	margin-bottom: 0;
}
/*EXPERTISE SECTION END*/

/*RETINA READY SECTION START*/
.retina-ready-section {
	float: left;
	width: 100%;
	background: #fafafa;
	padding: 100px 0;
}
.retina-ready-section h3 {
	text-align: left;
	position: relative;
	margin: 0 0 50px 0;
}
.retina-ready-section h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 2px;
	width: 99px;
}
.retina-ready-section p {
	margin: 0;
}
.pad-top-160 {
	padding: 160px 0 0 0;
}
/*RETINA READY SECTION END*/

/*PLAN SECTION START*/
.plan-section {
	float: left;
	width: 100%;
	background: #fff;
	padding: 120px 0;
}
.plan-section .box {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #f4f4f4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.plan-section .box .thumb {
	float: left;
	background: #f8f8f8;
	padding: 120px 36px;
}
.plan-section .box .text-box {
	overflow: hidden;
	padding: 24px 32px;
}
.plan-section .box .text-box h3 {
	text-align: left;
	margin: 0 0 30px 0;
}
.theme-sytle .margin-0 {
	margin: 0;
}
/*PLAN SECTION END*/

/*COLUMS SECTION START*/
.column-section {
	float: left;
	width: 100%;
	padding: 100px 0 40px 0;
}
.column-section h2 {
	margin: 0 0 60px 0;
}
.column-section .row {
	margin-bottom: 50px;
}
.column-section span {
	display: block;
	color: #3a3a3a;
	font: 400 16px/16px 'Open Sans', sans-serif;
	padding: 0 0 15px 0;
}
/*COLUMS SECTION END*/

/*HEADING SECTION START*/
.heading-section {
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
}
.heading-section .row {
	margin-bottom: 30px;
}
.heading-section h1 {
	font: 700 30px/30px 'Open Sans', sans-serif;
	color: #3a3a3a;
	margin: 0 0 25px 0;
}
.heading-section h2 {
	font: 700 26px/26px 'Open Sans', sans-serif;
	color: #3a3a3a;
	margin: 0 0 25px 0;
}
.heading-section h3 {
	font: 700 20px/20px 'Open Sans', sans-serif;
	color: #3a3a3a;
	margin: 0 0 25px 0;
	text-align: left;
}
.heading-section h4 {
	font: 700 18px/18px 'Open Sans', sans-serif;
	color: #3a3a3a;
	margin: 0 0 25px 0;
}
.heading-section h5 {
	font: 700 17px/17px 'Open Sans', sans-serif;
	color: #3a3a3a;
	margin: 0 0 25px 0;
}
.heading-section h6 {
	font: 700 16px/16px 'Open Sans', sans-serif;
	color: #3a3a3a;
	margin: 0 0 25px 0;
}
/*HEADING SECTION END*/

/*HTML STYLE START*/
.html-style {
	float: left;
	width: 100%;
	padding: 0 0 80px 0;
}
.html-style a {
	text-decoration: underline;
}
.html-style b {
	font-weight: 400;
	background: #000;
	color: #fff;
}
/*HTML STYLE END*/


#nav li a, #banner .bx-wrapper .bx-controls-direction a, .theme-sytle a.btn-style-1:before, .work-section .box, .work-section .box h3 a, .filter-gallery .filter-box .frame .caption, .team-section #team-slider .item .box .caption:before, .team-section #team-slider .item .box .caption, .team-section #team-slider .item .box .text-box strong.title, .team-social-box, .team-section #team-slider .item .box .thumb, .team-section .owl-prev, .team-section .owl-next, .detail-row a, .detail-row a .fa, .blog-section .blog-post .text-box h3 a, .blog-section .owl-next, .blog-section .owl-prev, .btn-row a.btn-play, .price-table .table-box, .price-table .table-box .footer .btn-order, .price-table .table-box .table-list strong.plan-title, .testimonial-section .owl-page > span, .partners-section ul li, .partners-section .owl-prev, .partners-section .owl-next, .flicker-box ul li img, .footer-section-1 .box form input[type="submit"], .footer-section-2 .footer-social ul li a, .recent-post .frame img, .recent-post .text-box a, .instagram ul li img, .top-btn-row a.btn-back, .top-btn-row a.btn-back .fa, .blog-page blockquote strong.title, .blog-page blockquote, .comment-form input[type="submit"], .contact-social ul li a, .expertise-section-2 .owl-next, .expertise-section-2 .owl-prev, .price-table-style-2 .box, .price-table-style-2 .box .head, .price-table-style-2 .box h3, .price-table-style-2 .box span, .work-section .fa, .services-section .text-box .box ul li a, .blog-section .blog-post .thumb img, .testimonial-section .thumb img, .home-contact-section .text-box form input[type="submit"], .services-section .thumb img, .head-title:before, .head-title strong.title, .about-text .thumb img, .theme-sytle h2:before, .expertise-section-2 .box .thumb img, .expertise-section-2 .box .text-box h3 a, .plan-section .box .thumb, .plan-section .box .text-box h3 a, .tags ul li a, .contact-form form input[type="submit"], #nav li ul, .percentage, .label, .work-section .fa, .portfolioFilter a, .partners-section ul li a img, .contact-form address ul li .fa {
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.FONTS {
	font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Lato', sans-serif;
	font-family: 'Dancing Script', cursive;
}