/*** TABLE OF CONTENT //////////////////////////////////////////////
1. General Styles
2. Header
3. 3D Header
4. Fancy Header			
6. Header Black
7. Header Black Strip
8. Side Header
9. Services
10. Portfolio
11. Unique Features
12. BloG Section
13. About Us Section
14. Company Timeline
15. Price Table
16. Customer Reviews
17. Video Background Section
18. Footer
19. Blog Page Styling
20. Single Post
21. Sidebar
22. Elements Page
23. Side Panel
//////////////////////////////////////////////////////////////////////////////////////// ***/


/*** GENERAL STYLES ***/
body {
    overflow-x:hidden;
}
 body.move {
    margin-left: 275px;

-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
body,ul,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	list-style:none;
	letter-spacing:0.2px;
}
p{
	margin-bottom:0;
}
a:hover,
a:focus{
	text-decoration:none;
}
section{
	float:left;
	width:100%;	
}
#video-section {
	overflow: hidden;
}
.parallax{
	position:relative;
	width:100%;
	margin:0 auto;
}

.parallax:before{
	content:"";
	width:100%;
	height:100%;
	
	position:absolute;
	left:0;
	top:0;
}


.fixed-img {
    background-attachment: fixed !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
#our-service .white .sec-bg {
    background: url("../images/resource/our-service1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#our-service .black .sec-bg {
    background: url("../images/resource/our-service2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#customer-reviews .white .sec-bg {
    background: url("../images/resource/testimonial1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#customer-reviews .black .sec-bg{
    background: url("../images/resource/testimonial2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#price-table .white .sec-bg {
    background: url("../images/resource/price-table1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#price-table .black .sec-bg {
    background: url("../images/resource/price-table2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#portfolio .white .sec-bg {
    background: url("../images/resource/portfolio-1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#portfolio .black .sec-bg{
    background: url("../images/resource/portfolio-2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#blog .white .sec-bg {
    background: url("../images/resource/our-blog1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#blog .black .sec-bg  {
    background: url("../images/resource/our-blog2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.footer .white .sec-bg{
    background: url("../images/resource/footer1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.footer .black .sec-bg{
    background: url("../images/resource/footer2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#unique-features .white .sec-bg {
    background: url("../images/resource/features1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#unique-features .black .sec-bg{
    background: url("../images/resource/features2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#about .white .sec-bg {
    background: url("../images/resource/about-us1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
#about .black .sec-bg{
    background: url("../images/resource/about-us2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.white:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.90);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.black:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}




#layerslider-container-fw {
    float:left;
    width:100%;
}
.main-slider{
	overflow:hidden;
}
.shadow:before {
    background: url("../images/heading-shadow.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    content: "";
    height: 130%;
    left: 0;
    position: absolute;
    top: -15%;
    width: 10px;
}
.slide-desc{
	position:absolute; 
	font-family:roboto; 
	color:#404040; 
	font-size:13px; 
	bottom:30px; 
	left:30px; 
}
.block   h3, .inner-page h3 {
    color: #404040;
    font-family: pt sans;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    margin-top: -6px;
    position: relative;
}
.block h3 span, .inner-page h3 span{
	color:#888888;
}
.block h3 i, .inner-page h3 i{
    font-weight: 400;
	font-style:normal;
	color:#a63c2c;
}
.block h4, .inner-page h4 {
    color: #A63C2C;
    font-family: pt sans;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin-bottom: 20px;
}
.block p, .inner-page p {
    color: #555555;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 27px;
	margin-top:-9px;
}



/*** HEADER ***/
header{
    position:absolute;
    top:0;
    width:100%;
    z-index:1000;
}
.logo {
    float:left;
}

nav {
    float:right;
}
nav li {
    float:left;
    margin-left:10px;
}
nav li a {
    font-family:roboto;
    text-decoration:none;
}
.head{
	margin:0 -15px;
}
/*** 3D HEADER ***/
.header-3d {
    background:none repeat scroll 0 0 rgba(103, 103, 101, 0.9);
    border-bottom:1px solid #D1D1D1;
    border-top:2px solid #D1D1D1;
	z-index:1000000;
}
.header-3d .logo{
	margin-top:32px;
}
.logo img {
    width:190px;
}
.header-3d nav li{
	position:relative;
}
.header-3d nav li span {
    background: none repeat scroll 0 0 rgba(55, 55, 55, 0.32);
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    left: 0;
    letter-spacing: 0.75px;
    line-height: 14px;
    opacity: 1;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
	
    -webkit-border-radius: 0 4px;
    -moz-border-radius: 0 4px;
    -ms-border-radius: 0 4px;
    -o-border-radius: 0 4px;
    border-radius: 0 4px;
	
    -webkit-transition: all 0.4s ease 0s, opacity 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s, opacity 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s, opacity 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s, opacity 0.4s ease 0s;
    transition: all 0.4s ease 0s, opacity 0.4s ease 0s;
}
.header-3d nav {
    margin:35px 0 35px 0;
}
.header-3d nav li:hover span,
.header-3d nav li.active span{
	left:-50%;
	
	opacity:0;
	filter:alpha(opacity=0);
	
	-webkit-transition:all 0.4s ease 0s, opacity 0.4s ease 0.2s;
	-moz-transition:all 0.4s ease 0s, opacity 0.4s ease 0.2s;
	-ms-transition:all 0.4s ease 0s, opacity 0.4s ease 0.2s;
	-o-transition:all 0.4s ease 0s, opacity 0.4s ease 0.2s;
	transition:all 0.4s ease 0s, opacity 0.4s ease 0.2s;
		


	-webkit-transform:rotatey(-90deg);
	-moz-transform:rotatey(-90deg);
	-ms-transform:rotatey(-90deg);
	-o-transform:rotatey(-90deg);
	transform:rotatey(-90deg);
}
.header-3d nav > ul > li > a{
    color:#FFFFFF;
    float:left;
    font-size:15px;
    font-weight:400;
    letter-spacing:0.75px;
    line-height:14px;
    padding:10px 15px;
	position:absolute;
	right:-50%;
	opacity:0;
	filter:alpha(opacity=0);
		
	-webkit-border-radius:0 4px;
	-moz-border-radius:0 4px;
	-ms-border-radius:0 4px;
	-o-border-radius:0 4px;
	border-radius:0 4px;

	-webkit-transform:rotatey(-90deg);
	-moz-transform:rotatey(-90deg);
	-ms-transform:rotatey(-90deg);
	-o-transform:rotatey(-90deg);
	transform:rotatey(-90deg);
	
	-webkit-transition:all 0.4s ease 0s, opacity 0.4s ease 0.1s;
	-moz-transition:all 0.4s ease 0s, opacity 0.4s ease 0.1s;
	-ms-transition:all 0.4s ease 0s, opacity 0.4s ease 0.1s;
	-o-transition:all 0.4s ease 0s, opacity 0.4s ease 0.1s;
	transition:all 0.4s ease 0s, opacity 0.4s ease 0.1s;
}
.header-3d nav > ul li:hover  a,
.header-3d nav > ul li.active  a{
	right:0;
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition:all 0.4s ease 0s, opacity 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s, opacity 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s, opacity 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s, opacity 0.4s ease 0s;
	transition:all 0.4s ease 0s, opacity 0.4s ease 0s;
	
	-webkit-transform:rotatey(0deg);
	-moz-transform:rotatey(0deg);
	-ms-transform:rotatey(0deg);
	-o-transform:rotatey(0deg);
	transform:rotatey(0deg);
}

.header-3d.sticky{
	position:fixed;
	top:0;
}
.header-3d.sticky nav {
    margin:20px 85px 20px 0;
}
.header-3d.sticky .logo {
    margin-top:20px;
}
/*** FANCY HEADER ***/
.fancy-header {
    border-top:2px solid #FFFFFF;
    padding-top:17px;
}
.fancy-header .logo {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    padding:36px 30px 36px 5%;
	float:left;
	
    -webkit-border-radius:0 2px 2px 0;
    -moz-border-radius:0 2px 2px 0;
    -ms-border-radius:0 2px 2px 0;
    -o-border-radius:0 2px 2px 0;
    border-radius:0 2px 2px 0;
}
.fancy-header nav > ul {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    float:left;
    padding:0 30px 0 10px;
	position:relative;
	
    -webkit-border-radius:2px 0 0 2px;
    -moz-border-radius:2px 0 0 2px;
    -ms-border-radius:2px 0 0 2px;
    -o-border-radius:2px 0 0 2px;
    border-radius:2px 0 0 2px;
}
.fancy-header nav{
	float:right;
	margin-top:24px;
}
.fancy-header nav > ul li {
	position:relative;
    margin-left:20px;
}
.fancy-header nav > ul li a:before{
	content:"";	
	width:50%;
	height:100%;
	background-color:#6d6865;
	z-index:-1;

	position:absolute;
	left:0;
	top:-100%;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.fancy-header nav > ul li:hover > a:before,
.fancy-header nav > ul li.active > a:before{
	top:0;
}
.fancy-header nav > ul li a:after{
	content:"";	
	width:50%;
	height:100%;
	background-color:#6d6865;
	z-index:-1;

	position:absolute;
	right:0;
	bottom:-100%;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.fancy-header nav > ul li:hover > a:after,
.fancy-header nav > ul li.active > a:after{
	bottom:0;
}

.fancy-header nav li a {
    color: #555555;
    float: left;
    font-family: pontano sans;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.75px;
    line-height: 13px;
    overflow: hidden;
    padding: 25px 15px;
    position: relative;
    z-index: 1;
	
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	
}
.fancy-header nav li:hover > a,
.fancy-header nav li.active > a{
	color:#fff;
}
.fancy-header.sticky {
    padding-top:0;
    position:fixed;
    top:0;
}
.fancy-header.sticky .logo {
    padding:20px 30px 20px 5%;
}
.fancy-header.sticky nav > ul {
    padding:0 30px 0 0;
}
.fancy-header nav li ul li a {
	color:#FBFBF9;
}
header.fancy-header nav li li:first-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
/*** HEADER BLACK STYLE ***/
.header-black {
    border-top:3px solid #333333;
}
.header-black .logo {
    background:none repeat scroll 0 0 rgba(28, 32, 41, 0.8);
    margin-top:-2px;
    padding:20px;
 
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-ms-border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}
.header-black nav li{
	position:relative;
}
.header-black nav li a {
    padding:10px 20px;
    margin-top:-2px;
	float:left;
	color:#fff;
	font-family:roboto;
	font-size:16px;
	font-weight:300;
	letter-spacing:0.3px;
	position:relative;
	overflow:hidden;
	z-index:1;
	
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-ms-border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}

.header-black nav li a:after{
	content:"";
    background:none repeat scroll 0 0 rgba(28, 32, 41, 0.8);
	height:100%;
	width:100%;

	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.header-black nav li:hover > a:after,
.header-black nav li.active > a:after{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);

}
.header-black nav li a:before{
	content:"";
	height:100%;
	width:100%;

	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.header-black nav li:hover > a:before,
.header-black nav li.active > a:before{
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.header-black.sticky{
	position:fixed;
	top:0;
}
.header-black.sticky nav li a {
    padding:10px 20px;
}
.header-black.sticky .logo {
    padding:8px 20px;
}
header.header-black.sticky nav > ul > li > ul{
	top:42px;
}
/*** HEADER BLACK STRIP ***/
.header-black-strip {
    background:none repeat scroll 0 0 rgba(16, 16, 16, 0.8);
}
.header-black-strip .logo {
    padding-top:23px;
}
.header-black-strip nav > ul > li {
    margin:25px 10px 20px;
    position:relative;
}
.header-black-strip nav li a {
    color: #E5E5E5;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.75px;
    line-height: 13px;
    padding: 15px 5px;
    position: relative;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.header-black-strip nav li:hover a {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
	
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}
.header-black-strip nav li a i {
    margin-right: 10px;
}
.header-black-strip.sticky {
    position:fixed;
    top:0;
}
.header-black-strip.sticky nav > ul > li {
    margin:10px;
}
.header-black-strip.sticky .logo {
    padding-top:17px;
}
/*** DROP DOWN ***/
header nav li ul {
    right:9999px;
	filter:alpha(opacity=0);
    position:absolute;
    top:32px;
    width:182px;
    margin-left:0;
	z-index:100;
	overflow:hidden;
	padding-top:12px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	opacity:0;
	filter:alpha(opacity=0);
	
	
	-webkit-transition:opacity 0.4s ease 0s;
	-moz-transition:opacity 0.4s ease 0s;
	-ms-transition:opacity 0.4s ease 0s;
	-o-transition:opacity 0.4s ease 0s;
	transition:opacity 0.4s ease 0s;
}
header nav li:hover ul {
	right:0;
	opacity:1;
	filter:alpha(opacity=100);
}
header nav li ul li {
    margin-left:0;
    width:100%;
}
header nav li ul > li a {
    background:none repeat scroll 0 0 #676565;
    color:#FFFFFF;
    float:left;
    font-family:roboto;
    font-size:14px;
	letter-spacing:0.3px;
    padding:10px 20px;
    width:100%;
	border-bottom:1px solid #a7a6a6;

	-webkit-transform:none!important;
	-moz-transform:none!important;
	-ms-transform:none!important;
	-o-transform:none!important;
	transform:none!important;
}
header nav li li:first-child a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
header nav li ul > li ul li a{
    background:none repeat scroll 0 0 #908f8f;
}

header nav li ul > li:hover > a{
	background:#403f3f;
	color:#fff;
}
.dark > a {
    background: none repeat scroll 0 0 #4D4C4C;
}
header nav li ul > li:last-child a{
	border-bottom:0;
}
header.fancy-header nav li ul {
    top: 51px;
	
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
header.fancy-header nav li li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    color: #555555;
    font-family: pontano sans;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 20px;
}
.fancy-header nav > ul li ul li {
    margin-left:0;
    position:relative;
}
header.header-black nav li ul {
    top:41px;
}
.header-black nav ul li ul li a {
    padding:10px 20px;
	font-size:14px;
	background:rgba(0,0,0,0.6);
}
header.header-black-strip nav li ul {
    top:45px;
}
.header-black-strip nav li li a {
    font-size:14px;
    line-height:20px;
    padding:10px 20px;
}

header.header-3d nav li ul li ul ,
header.fancy-header nav li ul li ul,
header.header-black nav li ul li ul,
header.header-black-strip nav li ul li ul{
    left:-9999px;
    top: 0;
	
	opacity:0;
	filter:alpha(opacity=0);
	
	-webkit-transition:opacity 0.4s ease 0s;
	-moz-transition:opacity 0.4s ease 0s;
	-ms-transition:opacity 0.4s ease 0s;
	-o-transition:opacity 0.4s ease 0s;
	transition:opacity 0.4s ease 0s;
}
header.header-3d nav li ul li:hover ul,
header.fancy-header nav ul li ul li:hover ul,
header.header-black nav ul li ul li:hover ul ,
header.header-black-strip nav ul li ul li:hover ul    {
    left: 182px;
	
	opacity:1;
	filter:alpha(opacity=100);
}
header.header-black-strip nav li ul li{
	position:relative;
}
header.header-black-strip nav li ul:before {
    border-bottom: 5px solid #676565;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: 10px;
    top: 7px;
    width: 0;
}
.drop-down{
	position:relative;
}
.drop-down:before {
    bottom: -6px;
    content: "";
    height: 1px;
    left: 50%;
	margin-left:-20%;
    position: absolute;
    width: 40%;
	
	opacity:0;
	filter:alpha(opacity=0);
}
.drop-down:hover:before{
	opacity:1;
	filter:alpha(opacity=100);
}






/*** SIDE HEADER ***/
.side-header {
    width: 275px;
}
.side-header .logo {
    background: none repeat scroll 0 0 rgba(213, 48, 68, 0.8);
    padding: 35px 0;
    text-align: center;
    width: 100%;
}
.side-header {
    border-right: 3px solid #E34761;
    position: fixed;
    width: 275px;
	left:-275px;
    z-index: 1000000;
	cursor:pointer;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.side-header.open{
	left:0;
}
.side-header nav {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.98);
    float: left;
    padding: 20px;
    width: 100%;
	overflow:hidden;
}
.side-header ul li {
    background: url("../images/side-header-border.png") no-repeat scroll center bottom / 100% auto rgba(0, 0, 0, 0);
    float: left;
    line-height: 49px;
    margin: 0;
    width: 100%;
}
.side-header nav ul li a {
    color: #B8B6B6;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
	letter-spacing:0.3px;
    width: 100%;
	position:relative;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.side-header nav > ul > li  > a:before {
    background: none repeat scroll 0 0 #E34761;
    content: "";
    height: 20px;
    margin-top: -10px;
    position: absolute;
    right: -35px;
    top: 50%;
    width: 12px;
	
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.side-header nav > ul > li:hover  > a:before {
	right:-20px;
}
.side-header nav ul li a i {
    margin-right: 20px;
}
.side-header nav > ul > li > ul {
    float: left;
    left: 0;
    opacity: 1;
	filter:alpha(opacity=100);
    padding: 10px 0 20px;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
	display:none;
}
.side-header ul li ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    line-height: 20px;
}
.side-header ul li ul li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    padding: 0 0 0 60px;
    text-transform: uppercase;

}
.side-header nav ul li:hover > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #E34761;
}
.side-header > a {
    background: none repeat scroll 0 0 rgba(213, 48, 68, 0.8);
    color: #FFFFFF;
    font-size: 30px;
    height: 62px;
    line-height: 62px;
    position: absolute;
    right: -61px;
    text-align: center;
    width: 58px;
	
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}




/*** HEADER FOR RESPONSIVE MODE ***/
header.responsive-header {
    background:none repeat scroll 0 0 #454545;
    position:relative;
	display:none;
}
.responsive-header .logo {
    display:table;
    float:none;
    margin:10px auto;
}
.menu {
    display:table;
    float:none;
    margin:0 auto;
    width:80%;
}

.responsive-header .menu li {
    float:left;
    margin:0;
    width:100%;
}
.responsive-header .menu li a {
    border-bottom:1px solid #303030;
    color:#FFFFFF;
    float:left;
    font-family:open sans;
    font-size:18px;
    padding:10px;
    width:100%;
}
header.responsive-header .menu li ul {
    background:none repeat scroll 0 0 #000000;
    float:left;
    opacity:1;
	filter:alpha(opacity=100);
    position:relative;
    right:0;
    top:0;
    width:100%;
	display:none;
}

.responsive-header .menu > ul > li ul > li > a {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
}
.block {
    float: left;
    padding: 70px 0;
    width: 100%;
	position: relative;

}
.block .container {
    padding: 0;
}


/* Our Services */
.services {
    float: left;
    position: relative;
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}


.col-md-3:last-child .services:before {
    display: none;
}
.services:before {
    border-right:1px dashed #b3b3b3;
    content: "";
    height: 80px;
    position: absolute;
    right: -16px;
    top: 97px;
    z-index: 12;
}
.services  span {
    border:6px solid #C9CBCB;
    
    display: table;
    float: none;
    margin: 0 auto;
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.services:hover span {
    border: 6px solid #cfea8b;
}
.services img {
    border: 3px solid #FFFFFF;
	
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.services > h3 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 18px;
    letter-spacing: 0.3px;
    line-height: 14px;
    padding: 30px 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
	position: relative;
	margin:0;
	
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

.services > h3:before {
    border-bottom: 1px dashed #b3b3b3;
    content: "";
    left: -5px;
    position: absolute;
    top: 38px;
    width: 50px;
}

.services > h3:after {
    border-bottom: 1px dashed #b3b3b3;
    content: "";
    right: -5px;
    position: absolute;
    top: 38px;
    width: 50px;
}
.services:hover h3 {
    color: #80AF18;
}
.services > p {
    color: #555555;
    float: left;
    font-family: 'Noto Sans';
    font-size: 14px;
    letter-spacing: 0.30px;
    line-height: 27px;
    text-align: center;
    width: 100%;
}
.black .services h3 {
    color: #FFFFFF;
}
.black .services p {
    color: #C0BEBE;
}
.black .services:hover span {
    border: 6px solid #719500;
}
.black .services img {
    border: 3px solid rgba(0, 0, 0, 0);
}
.black .services:hover h3 {
    color: #80AF18;
}
.black .services span {
    border: 6px solid #565656;
}
.black .services > h3:before, .black .services > h3:after {
    border-color: #575757;
}
.black .services:before {
    border-color: #575757;
}
/* Portfolio Style */

.shadow-heading {
    background: none repeat scroll 0 0 rgba(155, 60, 80, 0.8);
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: 'Pontano Sans';
    font-size: 60px;
    letter-spacing: 0.3px;
    line-height: 48px;
    margin: 0 auto;
    padding: 40px 110px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #000000;
    margin-bottom: 70px;
	
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
	
}
.shadow-heading:before {
    background: url("../images/heading-shadow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 127%;
    left: 0;
    position: absolute;
    top: -15px;
    width: 100%;
}
.shadow-heading:after {
    background: url("../images/heading-shadow2.png") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    content: "";
    height: 155%;
    left: 0;
    position: absolute;
    top: -24%;
    width: 100%;
    z-index: 0;
}
.controls {
    float: right;
    position: relative;
    width: 100%;
}
.control-opener {
    background:url("../images/toggle-sign.png") no-repeat scroll center 27px #9C223F;
    color: #FFFFFF;
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: -63px;
    text-align: center;
    top: 0;
    width: 63px;
	cursor:pointer;
	
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.control-opener.opened {
    background-position: center -24px;
}
.controls > ul {
    background: none repeat scroll 0 0 #BA3C54;
    float: right;
    line-height: 60px;
    padding: 0 40px;
    margin-bottom: 40px;
	display:none;
	
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.controls li {
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: noto sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 0 25px;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.controls li.active{
	background:#ef6782;
}
.inner-page .controls > ul {
	display:block;
}
#Grid {
    float: left;
    min-height: 500px;
    overflow: hidden;
    width: 100%;
}
.block #Grid{
	margin-bottom:-54px;
}

#Grid:after{
	content: '';
	display: inline-block;
	width: 100%;
}

.inner-page .controls {
    display: table;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    width: auto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#Grid .row > div {
    min-height: 0;
}
#Grid .mix {
    display: none;
    margin-bottom: 30px;
    opacity: 0;
	filter:alpha(opacity=0);
    width: 100%;
}

.portfolio {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}

.portfolio img {
    width: 100%;
}
.hover {
    height: 25%;
    position: absolute;
    width: 50%;
	
	background:rgba(227,71,97,0.55);
}
.hover.box-one {
    left: -50%;
    top: 0;
    -webkit-transition: all 0.2s ease 0.1s;
    -moz-transition: all 0.2s ease 0.1s;
    -ms-transition: all 0.2s ease 0.1s;
    -o-transition: all 0.2s ease 0.1s;
    transition: all 0.2s ease 0.1s;
}
.portfolio:hover .hover.box-one {
    left: 50%;
}
.hover.box-two {
    right: -50%;
    top: 0;
    -webkit-transition: all 0.2s ease 0.8s;
    -moz-transition: all 0.2s ease 0.8s;
    -ms-transition: all 0.2s ease 0.8s;
    -o-transition: all 0.2s ease 0.8s;
    transition: all 0.2s ease 0.8s;
}
.portfolio:hover .hover.box-two {
    right: 50%;
}
.hover.box-three {
    left: -50%;
    top: 25%;
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.portfolio:hover .hover.box-three {
    left: 50%;
}
.hover.box-four {
    right: -50%;
    top: 25%;
    -webkit-transition: all 0.2s ease 0.7s;
    -moz-transition: all 0.2s ease 0.7s;
    -ms-transition: all 0.2s ease 0.7s;
    -o-transition: all 0.2s ease 0.7s;
    transition: all 0.2s ease 0.7s;
}
.portfolio:hover .hover.box-four {
    right: 50%;
}
.hover.box-five {
    left: -50%;
    top: 50%;
    -webkit-transition: all 0.2s ease 0.6s;
    -moz-transition: all 0.2s ease 0.6s;
    -ms-transition: all 0.2s ease 0.6s;
    -o-transition: all 0.2s ease 0.6s;
    transition: all 0.2s ease 0.6s;

}
.portfolio:hover .hover.box-five {
    left: 50%;
}
.hover.box-six {
    right: -50%;
    top: 50%;
    -webkit-transition: all 0.2s ease 0.3s;
    -moz-transition: all 0.2s ease 0.3s;
    -ms-transition: all 0.2s ease 0.3s;
    -o-transition: all 0.2s ease 0.3s;
    transition: all 0.2s ease 0.3s;
}
.portfolio:hover .hover.box-six {
    right: 50%;
}
.hover.box-seven {
    left: -50%;
    top: 75%;
    -webkit-transition: all 0.2s ease 0.5s;
    -moz-transition: all 0.2s ease 0.5s;
    -ms-transition: all 0.2s ease 0.5s;
    -o-transition: all 0.2s ease 0.5s;
    transition: all 0.2s ease 0.5s;
}
.portfolio:hover .hover.box-seven {
    left: 50%;
}
.hover.box-eight {
    right: -50%;
    top: 75%;
    -webkit-transition: all 0.2s ease 0.4s;
    -moz-transition: all 0.2s ease 0.4s;
    -ms-transition: all 0.2s ease 0.4s;
    -o-transition: all 0.2s ease 0.4s;
    transition: all 0.2s ease 0.4s;
}
.portfolio:hover .hover.box-eight {
    right: 50%;
}
.portfolio i {
    color: #FFFFFF;
    font-size: 30px;
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 50%;
	
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
    width: 30px;
}
.portfolio:hover i {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}


.portfolio-desc {
    background: none repeat scroll 0 0 rgba(227, 71, 97, 0.55);
    float: left;
    margin-top: -2px;
    padding: 0 0 30px;
    width: 100%;

	
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;	
}
.portfolio-desc > h3 {
    background: none repeat scroll 0 0 #D23243;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 20px 30px;
}
.portfolio-desc > p {
    color: #E7E7E7;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-top: -8px;
    padding: 0 30px;
}
#Grid .row > div .mix:last-child {
    margin-bottom: 0;
}


.white .portfolio-desc, .inner-page  .portfolio-desc{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.65);
}



/* Unique Features */
.features-sec {
    float: left;
    width: 100%;
}

.simple-heading {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
    width: 100%;
}
.simple-heading > i {
    color: #DE5642;
    font-style: normal;
    font-weight: 400;
}
.black .simple-heading {
    color: #FFFFFF;
}
.features-sec > p {
    float: left;
    line-height: 30px;
    margin: 0 0 50px;
    position: relative;
    text-align: center;
    width: 100%;
}

.features-list {
    float: right;
    position: relative;
    width: 100%;
}
.features-list:before {
    border: 1px dashed #CDCDCD;
    content: "";
    height: 7px;
    left: 52px;
    position: absolute;
    top: 72px;
    width: 75%;
}
.list-thumb > span {
    background: none repeat scroll 0 0 #9B3C50;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    padding: 29px 16px 16px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.list-thumb > span > i {
    bottom: 0;
    color: #F1F1F1;
    float: left;
    font-family: noto sans;
    font-size: 11px;
    font-style: normal;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 18px;
    margin-top: 10px;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    -webkit-transition: all 0.4s ease 0.3s;
    -moz-transition: all 0.4s ease 0.3s;
    -ms-transition: all 0.4s ease 0.3s;
    -o-transition: all 0.4s ease 0.3s;
    transition: all 0.4s ease 0.3s;
    width: 100%;
}
.list-thumb:hover span i {
    bottom: 28px;
    opacity: 1;
	filter:alpha(opacity=100);
}
.list-thumb:hover span {
    opacity: 1;
	filter:alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.features-list:after {
    background: url("../images/dashed2.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    bottom: 66px;
    content: "";
    height: 100%;
    left: 12px;
    position: absolute;
    width: 100%;
}
.features-content {
    float: left;
    width: 100%;
}
.list-thumb > img {
    width: 100%;
    float: left;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.list-thumb {
    border: 5px solid #E0E0E0;
    height: 134px;
    margin: 0 auto 45px;
    overflow: hidden;
    padding: 3px;
    position: relative;
    width: 134px;
    z-index: 1000;
	
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.list-thumb:hover {
    border: 5px solid #f2cb65;
}
.features-content .col-md-6:last-child {
    padding: 0;
}
.list-thumb:last-child {
    margin: 0 auto;
}
.black .list-thumb {
    border: 5px solid #565656;
}
.black .list-thumb:hover {
    border: 5px solid #719500;
}


/* OUR BLOG */

.carousal-area {
    float: left;
    position: relative;
    width: 100%;
}
.list_carousel {
    margin: 0 auto;
    width: 100%;
    float: left;
}
#foo2 > li {
    float: left;
    width: 100%;
}
.caroufredsel_wrapper > ul {
    width: 100% !important;
}
.blog-post {
    background: none repeat scroll 0 0 rgba(227, 71, 97, 0.55);
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;	
}
.blog-post:last-child {
    margin-bottom: 0;
}
.blog-post-thumb {
    overflow: hidden;
    position: relative;
	
}
.blog-post:hover .blog-post-thumb:before {
	top: 0;
	opacity:1;
	filter:alpha(opacity=100);
}
.blog-post-thumb:before {
    background: none repeat scroll 0 0 rgba(227, 71, 97, 0.55);
    content: "";
    height: 100%;
    left: 0;
    margin: 0 -15px;
    position: absolute;
    top: 100%;
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.blog-post-thumb a i img {
    margin-left: 3px;
    margin-top: 5px;
}
.blog-post-thumb > a  i {
    background: none repeat scroll 0 0 #4F4F4F;
    top: 0;
    height: 30px;
    position: absolute;
    left: 15px;
    text-align: center;
    width: 42px;
	z-index:111;
	
	-webkit-border-radius:0 0px 3px 0;
	-moz-border-radius:0 0px 3px 0
	-ms-border-radius: 0 0px 3px 0px;
	-o-border-radius:0 0px 3px 0px;
	border-radius:0 0px 3px 0px;
}
.blog-post-thumb > img {
    width: 100%;
}
.blog-des {
    float: left;
    margin-left: -30px;
}
.blog-des > h3 {
    background: none repeat scroll 0 0 #B73B51;
    color: #FFFFFF;
    display: block;
    font-family: roboto;
    font-size: 18px;
	font-weight:400;
    letter-spacing: 0;
    margin: 0;
    padding: 30px;
    width: 100%;
}
.blog-des > span {
    color:#fff;
    float: left;
	line-height:13px;
    font-family: roboto;
    font-size: 12px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-top: 20px;
    width: 100%;
}
.blog-des > span i {
    float: left;
    margin-right: 15px;
}
.blog-des > p {
    color: #DFDFDF;
    float: left;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-top: -7px;
    padding: 0 30px 30px;
}
.social-btns {
    height: 100%;
    left: 0;
    margin-right: -97px;
    position: absolute;
    top: 0;
    width: 100%;
}
.blog-post:hover .social-btns {
    left: -3px;
}
.switch .row .blog-post-thumb .social-btns {
    left: 0;
}
.switch .row .blog-post-thumb:before {
    left: 30px;
}
.social-btns span a.icon-facebook {
    color: #1abaf6;
}
.social-btns span a.icon-twitter {
    color: #4FCFFF;
    left: -116px;
    position: absolute;
}
.blog-post:hover .social-btns span .icon-twitter {
    left: 104px;
}
.social-btns span a.icon-google-plus {
    color: #e11055;
}
.social-btns > span {
    left: 50%;
    margin-left: -78px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.social-btns span i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    float: left;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    margin-right: 2px;
    text-align: center;
    width: 50px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;	
}
.social-btns span a {
    position: absolute;
    top: 0;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.google-plus {
    left: 53px;
    opacity: 0;
	filter:alpha(opacity=0);
	color:#e4315f;
}
.blog-post:hover .google-plus {
    opacity: 1;
	filter:alpha(opacity=100);
}
.twitter {
    color: #76C0DF;
    left: -999px;
}
.blog-post:hover .twitter {
    left: 0;
}
.facebook {
    right: -999px;
	color: #3aa6d2;
}
.blog-post:hover .facebook {
    right: -158px;
}
.switch .blog-post-thumb {
    float: right;
}
.switch .blog-des {
    margin-left: 0;
    margin-right: -30px;
}
.col-md-12 .blog-des {
    margin-left: 0;
    padding-bottom: 30px;
}
.white .blog-post {
    background: none repeat scroll 0 0 #67686A;
}



/*** ABOUT US SECTION ***/
.about img{
	width:100%;
	margin-top:30px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.member {
    position: relative;
	overflow:hidden;
}
.member span {
    background: none repeat scroll 0 0 rgba(222, 86, 66, 0.6);
    bottom: 0;
    color: #FFFFFF;
	font-family:roboto;
	font-size:13px;
    left: 50%;
    line-height: 25px;
    margin-left: -35%;
    position: absolute;
    text-align: center;
    width: 70%;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;	
}
.member span:before {
    border-bottom: 25px solid rgba(222, 86, 66, 0.6);
    border-left: 15px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    left: -15px;
    top: 0;
    width: 0;
}
.member span:after {
    border-bottom: 25px solid rgba(222, 86, 66, 0.6);
    border-right: 15px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    width: 0;
}
.member:hover span{
	bottom:25px;
}
.member i {
    background: none repeat scroll 0 0 rgba(166, 60, 44, 0.8);
    bottom: -25px;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 100%;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.member:hover i{
	bottom:0;
}
.block .black h3 {
    color: #FFFFFF;
}
.block .black p {
    color: #CBCBCB;
}
.black .year > span {
    color: #CBCBCB;
}
.block .black .paragraph {
    color: #666666;
}
/*** COMPANY TIMELINE ***/
.company-history {
    float: left;
    margin-top: 30px;
    width: 100%;
	position:relative;
}
.company-history:before {
    border-top: 1px dashed #b3b3b3;
    content: "";
    left: 0;
    margin-top: -0.5px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.company-history:after {
    border-left:1px dashed #b3b3b3;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -0.5px;
    position: absolute;
    top: 0;
}
.year {
    float: left;
    padding: 60px 0 40px;
    width: 50%;
}
.year > h4 {
    color: #DE5642;
    font-family: pt sans;
    font-size: 40px;
    font-weight: bold;
    line-height: 29px;
    margin-bottom: 20px;
    text-align: center;
}
.year > h4 i{
	font-style:normal;
	color:#797979;
}
.year > span {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin-top: -4px;
    text-align: center;
    width: 100%;
}

.company-history > h3 {
    background: none repeat scroll 0 0 #797979;
    color: #FFFFFF;
    font-family: open sans;
    font-size: 11px;
    height: 25px;
    left: 50%;
    line-height: 25px;
    margin: -12.5px 0 0 -35px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 70px;
    z-index: 1000;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


.black .company-history:before,
.black .company-history:after{
	border-color:#575757;
}

/*** PRICE TABLE ***/
.price-table {
    margin:0 -15px;
}
.price-table li {
    color:#FFFFFF;
    float:left;
    font-family:pt sans;
    font-size:15px;
    width:100%;
}
.price-table li.table-head {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    padding: 21px 0;
    text-align: center;
    text-shadow: 1px 0 1px #797979;

	
	-webkit-border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-ms-border-radius:3px 3px 0 0;
	-o-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.table-price {
    background: none repeat scroll 0 0 #595959;
    padding:40px 0 30px;
    position: relative;
    text-align: center;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

.price-table > ul:hover li.table-price {
    background: none repeat scroll 0 0 #8E908F;
}

.table-price:after {
    content:"";
    border-left:10px solid rgba(0, 0, 0, 0);
    border-right:10px solid rgba(0, 0, 0, 0);
    border-top:15px solid #595959;

    position:absolute;
    left:46%;
    bottom:-15px;
}

.price-table > ul:hover li.table-price:after{
    border-top:15px solid #8e908f;
}

.table-price > span {
    color:#FFFFFF;
    font-family:pontano sans;
    font-size:80px;
    line-height:59px;
	margin-right:10px;
	position:relative;
}
.price-table > ul:hover li.table-price:before{
    border-top:15px solid #e34e35;
}

.table-price > span:before {
    content:"$";
    font-family:pt sans;
    font-size:25px;
    font-weight:bold;
    height:20px;
    left:-25px;
    position:absolute;
    top:0;
    width:20px;
}
.table-price > a {
	background:none repeat scroll 0 0 #000000;
    border:1px solid rgba(255,255,255,0.7);
    color:#FFFFFF;
    display:table;
    font-family:roboto;
    font-size:15px;
    line-height:11px;
    margin:25px auto 0;
    padding:19px 35px;
	text-transform: uppercase;
	
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.table-features {
    background:none repeat scroll 0 0 #323232;
    overflow:hidden;
	
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.table-features > div {
    border-bottom:1px solid #EEEDED;
    border-right:1px solid #EEEDED;
    float:left;
    padding:37px 10px;
    text-align:center;
    width:50%;
}
.table-features > div.dark {
    background: none repeat scroll 0 0 #232323;
}

.table-features > div:nth-child(2n+2) {
    border-right:0 none;
}
.table-features > div i {
    color: #e34e36;
    display: table;
    font-size: 25px;
    margin: 0 auto;
}
.table-features > div span {
    color: #BFBFBF;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 12px;
    margin-top: 15px;
    width: 100%;
}


.black .price-table > ul:hover li.table-price > a {
    background: none repeat scroll 0 0 #191d20;
}
.black .table-features > div.dark {
    background: none repeat scroll 0 0 #dcdddf;
}
.black .table-features > div span {
    color: #606060;
    text-shadow: 1px 1px 1px #FFFFFF;
}
.black .table-features {
    background: none repeat scroll 0 0 #E6E7E9;
}
.black .table-features > div {
	border-bottom: 1px solid #332E2A;
    border-right: 1px solid #332E2A;
}



/*** CUSTOMER REVIEWS ***/
.review {
    border-left: 1px dashed #b3b3b3;
    border-right: 1px dashed #b3b3b3;
    border-top: 1px dashed #b3b3b3;
    float: left;
    margin-bottom: 97px;
    padding: 30px;
    position: relative;
    width: 100%;
}
.review > blockquote {
    color: #555555;
    font-family: noto sans;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 54px;
    text-align: center;
	text-indent:0;
}
.customer {
    bottom: -50%;
    left: 50%;
    margin-left: -75px;
    position: absolute;
    text-align: center;
    width: 150px;
}
.customer:before {
    border-top: 1px dashed #b3b3b3;
    content: "";
    left: -208px;
    position: absolute;
    top: 53px;
    width: 120%;
}
.customer:after {
    border-top: 1px dashed #b3b3b3;
    content: "";
    right: -212px;
    position: absolute;
    top: 53px;
    width: 120%;
}
.customer > img {
	margin-bottom:25px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.customer h5 {
    color: #DE5642;
    font-family: noto sans;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    text-align: center;
}
.customer > span {
    color: #555555;
    font-family: noto sans;
    font-size: 13px;
}
.review > blockquote i {
    color: #555555;
    font-size: 30px;
    position: relative;
	line-height:10px;
}
.black .review > blockquote {
    color: #CBCBCB;
}
.black .customer > span {
    color: #CBCBCB;
} 




/* Video Background Section */
.video-section{
    position: relative;
}
.video {
    float: left;
    width: 100%;
    position: relative;
}
.parallax-video {
	width:100%;
    left: 0;
    position: absolute;
    top: 0;
	z-index:-1;
}
.video > h2 {
    color: #404040;
    display: table;
    font-family: roboto;
    font-size: 60px;
    margin: -10px auto 40px;
}
.video > h2 span{
	color:#de5642;
}
.video > h3 {
    color: #555555;
    display: table;
    font-family: roboto;
    font-size: 30px;
    margin: 0 auto 25px;
    text-transform: uppercase;
}
.video > h3 span{
	color:#de5642;
    font-size: 36px;
}
.video > p {
    color: #555555;
    display: table;
    font-size: 14px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.video > a {
    background: none repeat scroll 0 0 #DF7D6E;
    border-radius: 3px;
    color: #FFFFFF;
    display: table;
    font-family: noto sans;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 20px auto 0;
    opacity: 0.8;
    padding: 10px 30px;
}
.black .video > h2{
	color:#fff;
}
#video-section .white:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
/* Footer */
.footer {
    float: left;
    width: 100%;
}
.flicker-widget {
    float: left;
    width: 100%;
}
.block .widget h4,.inner-page .widget h4{
    color: #FFFFFF;
    font-family: PT Sans;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 27px;
	margin-bottom:40px;
	text-transform:uppercase;
}
.white .widget h4, .inner-page .widget h4 {
    color: #404040;
}
.white .widget > p , .inner-page .widget > p{
    color: #555555;
}
.white .contact-info li, .inner-page .contact-info li  {
    color: #555555;
}
.white .input-style, .inner-page .input-style {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #C1C0C0;
}
.inner-page .input-style{
	width:100%;
}
.white .contact-btn, .inner-page .contact-btn{
    border-left: 1px solid #C1C0C0;
    border-top: 1px solid #C1C0C0;
}
.white .contact-form textarea, .inner-page .contact-form textarea {
    height: 125px;
    width: 100%;
}
.footer .white:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
}
.footer .black:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}
.widget i {
    color: #DE5642;
    font-style: normal;
    font-weight: normal;
}
.widget > p {
    color: #C9C9C9;
    font-family: open sans;
    font-size: 14px;
    letter-spacing: 0.24px;
    line-height: 27px;
	margin-bottom:40px;
}
.footer .bottom-line {
    border-bottom: 1px solid #1A1A1A;
    border-top: 5px solid #DC5642;
    margin-top: 0;
}
.footer .social-contacts i {
    color: #FFFFFF;
}
.footer .social-contacts a:hover {
    background: #dc5642;
}
.flicker-widget > a:nth-child(2n+2) {
    margin-right: 0;
}
.flicker-widget .col-md-4 a {
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.flicker-widget .col-md-4 a:before {
    background: none repeat scroll 0 0 rgba(227, 71, 97, 0.55);
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}


.flicker-widget .col-md-4 a:hover:before {
    left: 0;
}
.flicker-widget a img {
    border: 2px solid rgba(0, 0, 0, 0);
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.flicker-widget .col-md-4 a:hover img {
    border: 2px solid rgba(222, 86, 66, 0.7);
}

.bottom-line {
    float: left;
    width: 100%;
    z-index: 1;
	background: none repeat scroll 0 0 #181818;
	padding: 25px 0;
	margin-top: -5px;
}
.bottom-line p {
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: center;
    width: 100%;
}
.footer .bottom-line p {
    text-align: center;
    width: auto;
}
.bottom-line  ul {
    float: right;
}
.bottom-line li {
    float: left;
}
.bottom-line a {
    color: #FFFFFF;
    font-family: open sans;
    font-size: 13px;
    margin: 0 20px;
}
.bottom-line a:hover {
color:#dc5642;
}


/* Contact Info */
.contact-info {
    float: left;
    width: 100%;
}
.contact-info > ul {
    float: left;
    margin-bottom: 43px;
    width: 100%;
}
.contact-info li {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.contact-info ul li i {
    background: none repeat scroll 0 0 #DE5642;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-right: 25px;
    text-align: center;
    width: 35px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.contact-info li {
    color: #C9C9C9;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-bottom: 20px;
    width: 100%;
}
.contact-info ul li i {
    background: none repeat scroll 0 0 #DE5642;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-right: 25px;
    text-align: center;
    width: 35px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.contact-info li:hover i {
    box-shadow: 40px 0 0 #373636 inset;
}
.contact-info > a {
    background: none repeat scroll 0 0 #4E4F4F;
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    height: 42px;
    line-height: 40px;
    margin-right: 20px;
    text-align: center;
    width: 42px;
	

    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.contact-info li:last-child {
    margin-bottom: 0;
}
.contact-info > a i {
    color: #ffffff;
}




/* Contact Form */
.widget > p {
    color: #C9C9C9;
    float: left;
    font-family: open sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-bottom: 40px;
}
.input-style {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    border: 1px solid #3D3B3C;
    color: #797979;
    float: left;
    font-family: open sans;
    font-size: 13px;
    height: 40px;
    margin-bottom: 20px;
    padding: 12px;
    width: 270px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.contact-form {
    float: left;
    position: relative;
    width: 100%;
}
.input-style:focus {
    border: 1px solid #828282;
}
.contact-form textarea {
    height: 125px;
    margin-bottom: 0;
    width: 100%;
}
.contact-btn {
    background: none repeat scroll 0 0 #DE5642;
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 15px;
	border:0;
    padding: 10px 40px;
    position: absolute;
    bottom: 0;
    right: 0;
	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}










#message {
    float: left;
    margin: 5px 0;
    width: 100%;
}
.error_message {
    background: url("../assets/error.gif") no-repeat scroll 10px center #FBE3E4;
    border: 1px solid #FBC2C4;
    color: #8A1F11;
    float: left;
    line-height: 33px;
    padding: 3px 10px 3px 35px;
    width: 100%;
}

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }






/* BLOG PAGE */
.inner-heading {
    float: left;
    margin-bottom: 80px;
    margin-top: 200px;
    width: 100%;
}
.inner-heading h1 {
    color: #E34761;
    float: left;
    font-family: open sans;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    width: 100%;
}
.inner-heading h1 i {
    color: #FFFFFF;
    font-style: normal;
}

.inner-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    display: table;
    float: none;
    margin: 0 auto;
    padding: 30px;
    width: 1170px;

    -webkit-box-shadow: 0 3px 7px #5A5A5A;
    -moz-box-shadow: 0 3px 7px #5A5A5A;
    -ms-box-shadow: 0 3px 7px #5A5A5A;
    -o-box-shadow: 0 3px 7px #5A5A5A;
    box-shadow: 0 3px 7px #5A5A5A;
	
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.inner-page > .container {
    padding: 0;
}
.blog-style {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.blog-style-thumb {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.blog-style-thumb #layerslider-container-fw .ls-defaultskin .ls-nav-next {
    left: auto;
    right: 1%;
}
.blog-style-thumb #layerslider-container-fw .ls-defaultskin .ls-nav-prev {
    left: 3%;
}
.blog-style-thumb:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	-ms-transform: scale(0.4);
	-o-transform: scale(0.4);
	transform: scale(0.4);
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}

.blog-style-thumb:hover:before {
	top:0;
    -webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
}
.blog-style-thumb  a {
    color: #FFFFFF;
    font-size: 24px;
    left: 50%;
    position: absolute;
    top: 110%;
	margin-left: -15px;
    margin-top: -15px;
	
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.blog-style-thumb:hover a {
	top: 50%;
	margin-left: -15px;
    margin-top: -15px;
}
.blog-style-thumb > img {
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.breadcrumbs {
    background: none repeat scroll 0 0 #7A7D76;
    float: left;
    margin-top: 3px;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.breadcrumbs li {
    float: left;
}
.breadcrumbs li a {
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 12px;
    letter-spacing: 0.2px;
    padding: 10px 30px;
}
.breadcrumbs li a i {
    margin-right: 15px;
}
.blog-style h2  {
    border-bottom: 1px solid #C4C6C6;
    color: #5E4A50;
    float: left;
    font-family: open sans;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.25px;
    line-height: 18px;
    padding: 25px 0;
}
.blog-style h2 a {
    color: #5E4A50;
}
.blog-style > p {
    color: #555555;
    float: left;
    font-family: Noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin-bottom: 35px;
    margin-top: 20px;
    width: 100%;
}


.read-more {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #CCCBCB;
    color: #666666;
    float: left;
    font-size: 12px;
    letter-spacing: 0.2px;
    line-height: 8px;
    padding: 9px  18px;
    position: relative;
    text-transform: uppercase;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.read-more:hover {
    background: none repeat scroll 0 0 #D74357;
    border: 1px solid rgba(255, 255, 255, 0);
    color: #FFFFFF;
}

.read-more:before {
    background: none repeat scroll 0 0 #E34761;
    content: "";
    height: 14px;
    left: -1px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 2px;

		-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.read-more:hover:before {
    background: none repeat scroll 0 0 #ffe5e6;
    left: 100%;
    margin-left: -1px;
}

.read-more:after {
    background: none repeat scroll 0 0 #E34761;
    content: "";
    height: 14px;
    right: -1px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 2px;

	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.read-more:hover:after {
    background: none repeat scroll 0 0 #ffe5e6;
    right: 100%;
    margin-right: -1px;
}

.social-btns-blog {
    float: right;
    margin-top: 15px;
}
.social-btns-blog > li {
    float: left;
}
.social-btns-blog > li a {
    background: none repeat scroll 0 0 #7A7D76;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    line-height: 40px;
    margin-right: 1px;
    text-align: center;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
    
}
.social-btns-blog > li a i {
    float: left;
    height: 40px;
    line-height: 42px;
    text-align: center;
    width: 30px;
	
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.social-btns-blog > li a i:hover  {
    height: 42px;
    margin-top: -1px;
    width: 42px;

		-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.social-btns-blog > li a:hover .icon-facebook {
	background:#3b5998;
}
.social-btns-blog > li a:hover .icon-twitter {
	background:#00aced;
}
.social-btns-blog > li a:hover .icon-google-plus {
	background:#dd4b39;
}
.social-btns-blog > li a:hover .icon-linkedin {
	background:#007bb6;
}
.social-btns-blog > li a:hover .icon-skype {
	background:#00aced;
}

.no-hover:before {
    display: none;
}
/* Quotes */

.quotes {
    background: none repeat scroll 0 0 rgba(191, 190, 190, 0.45);
    border-left: 6px solid #E34761;
    border-right: 6px solid #E34761;
    float: left;
    margin: 0;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.quotes > blockquote p {
    color: #404040;
    font-family: open sans;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 36px;
    text-align: center;
}
.quotes blockquote p i {
    color: #E34761;
}
.quotes > blockquote {
    margin: 0;
    padding: 27px 47px;
}



/* Tags Sec */

.tag-sec > span {
    background: none repeat scroll 0 0 #E34761;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 17px;
    padding: 25px 15px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.tag-sec {
    float: left;
    width: 100%;
}
.tag-sec > .tag-widget {
    margin-left: 4px;
    padding: 19px;
    width: auto;
} 
.tag-sec > .tag-widget.widget-area {
    margin-top: 0;
}
.tag-sec > .tag-widget.widget-area a {
    margin-bottom: 0;
}


/* Comment Sec */
.comment-sec {
    float: left;
    width: 100%;
}
.comment-heading {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.comment-heading > span {
    background: none repeat scroll 0 0 #E34761;
    box-shadow: 2px 2px 0 #FCAAB8;
    color: #FFFFFF;
    float: left;
    line-height: 10px;
    padding: 12px 18px;
    position: relative;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.comment-heading:before {
    background: url("../images/dashed3.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 5px;
    left: 0;
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.comment > ul {
    float: left;
    width: 100%;
}
.comment ul li {
    border-bottom: 1px dotted #C4C1BE;
    float: left;
    padding-bottom: 30px;
    width: 100%;
}
.comment ul li ul li {
    border: medium none;
    padding: 0;
}
.comment > ul > li:last-child {
    padding-top: 30px;
}
.avatar {
    float: left;
    width: 113px;
}
.avatar > img {
    border: 3px solid #C7C7C7;
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.comment ul li ul {
    float: right;
    margin-top: 30px;
    width: 84%;
}
.comment-details .read-more {
    float: right;
    margin-top: -4px;
}
.comment-details span {
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: 500;
    margin-right: 50px;
	margin-top:8px;
}
.comment-details h5 {
    color: #E34761;
	float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
    margin-right: 50px;
	margin-top: 14px;
}
.comment-details h5 i {
	color:#666666;	
	font-size: 13px;
    margin-right: 15px;
}
.reply > ul {
    float: left;
    margin-left: 145px;
    padding-top: 30px;
}
.comment ul .reply {
    border-top: 1px dotted #C4C1BE;
    padding-top: 30px;
}
.comment ul li .comment-details {
    float: right;
    width: 84%;
}
.comment ul li ul .comment-details {
    padding-left: 28px;
    width: 84%;
}
.comment ul li ul li ul .comment-details {
    padding-left: 28px;
    width: 80%;
}
.comment ul li ul li ul .comment-details h5{
    margin-right:10px;
}
.comment > ul > li  > ul  > li .comment-details > span {
    margin-right: 14px;
}

.comment-details span i {
    color: #666666;
    font-size: 13px;
    margin-right: 15px;
}
.comment-details p {
    color: #555555;
    float: left;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin-top: 15px;
}

/* ADD COMMENTS */
.add-comment {
    float: left;
    margin-bottom: 70px;
    margin-top: 50px;
    width: 100%;
}
.submit-comment {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BEBEBD;
    color: #3F3D3D;
    float: left;
    font-family: noto sans;
    font-size: 12px;
    margin-bottom: 13px;
    padding: 11px;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
textarea.submit-comment {
    float: left;
    height: 146px;
}
.add-comment > .read-more {
    background: none repeat scroll 0 0 #70736B;
    border: medium none;
    color: #FFFFFF;
    float: right;
    margin-right: 14px;
    margin-top: 15px;
    padding: 12px 30px;
}
.add-comment > .read-more:before {
    background: none repeat scroll 0 0 #FFE5E6;
}
.add-comment > .read-more:after {
    background: none repeat scroll 0 0 #FFE5E6;
}


/* Pagination */
#pagination {
    float: left;
    width: 100%;
}
.pagination {
    display: table;
    margin: 0 auto 50px;
    padding-left: 0;
}
.pagination > li {
    display: inline;
}
.pagination li a {
    background: none repeat scroll 0 0 #ADADAD;
    color: #FEFEFE;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
}
.pagination li a i {
    font-size: 14px;
}


/* SIDEBAR */
.search-box {
    float: left;
    width: 100%;
	background: none repeat scroll 0 0 #BFBEBE;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}

.search-box .search-box-style {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #737676;
    float: left;
    font-family: open sans;
    font-size: 12px;
    height: 38px;
    padding-left: 18px;
    width: 83%;
}
.search-submit {
    background: url("../images/search-icon.png") no-repeat scroll 17px 13px #E34761;
    border: medium none;
    float: right;
    height: 40px;
    width: 17%;
	
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.sidebar-widget {
    margin-bottom: 30px;
}

/* Archives */
.archives {
    float: left;
    width: 100%;
}
.sidebar-title {
    background: none repeat scroll 0 0 #E34761;
    float: left;
    position: relative;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.sidebar-title:before {
    background: none repeat scroll 0 0 #CECECE;
    content: "";
    height: 1px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.sidebar-title h3 {
    background: none repeat scroll 0 0 #E34761;
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 16px;
    line-height: 13px;
    margin: 0 auto;
    padding: 15px 30px;
    text-align: center;
	position: relative;
}
.sidebar-title h3:before {
    background: none repeat scroll 0 0 #CECECE;
    content: "";
    height: 10px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 8px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.sidebar-title h3:after {
    background: none repeat scroll 0 0 #CECECE;
    content: "";
    height: 10px;
    right: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 8px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.widget-area{
	background: none repeat scroll 0 0 rgba(191, 190, 190, 0.45);
	float: left;
	margin-bottom: 30px;
	margin-top: 6px;
	width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.list > ul {
    float: left;
    padding: 5px 30px;
    width: 100%;
}
.list li {
    border-bottom: 1px solid #B3B4B4;
    float: left;
    padding: 12px 0;
    width: 100%;
}
.list a {
    color: #555555;
    float: left;
    font-family: open sans;
    font-size: 13px;
    width: 100%;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
.list a i {
    color: #444444;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    margin-top: 2px;
}
.list li:hover a{
    color: #E34761;
    padding-left: 30px;
}
.list li:hover a i {
    color: #E34761;
}

.list li:last-child {
    border-bottom: 0 none;
}
.list span {
    float: right;
}



/* Video Widget */
.video-widget {
    float: left;
    margin-bottom: 30px;
    margin-top: 6px;
    overflow: hidden;
    position: relative;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.video-widget > img {
    float: left;
    width: 100%;
}
.video-hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    padding-bottom: 45px;
    position: absolute;
    top: 70%;
    width: 100%;
	
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.video-hover > p {
    color: #EFEFEF;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    padding: 30px 60px;
    text-align: center;
    width: 100%;
}
.video-hover > a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85);
    display: table;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    width: 42px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.video-hover > a i {
    color: #000000;
    font-size: 18px;
    line-height: 39px;
    margin: 0 0 0 3px;
    text-align: center;
    width: 100%;
}
.video-widget:hover .video-hover {
    top: 20px;
	opacity: 1;
	filter:alpha(opacity=100);
}


/* Text Widget */
.text-widget {
    float: left;
    padding: 20px;
    width: 100%;
}

.text-widget > p {
    color: #555555;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 25px;
    width: 100%;
}
.text-widget p i {
    color: #E34761;
}

/* Tag Widget */
.tag-widget {
    float: left;
    padding: 20px;
    width: 100%;
}

.tag-widget > a {
    background: none repeat scroll 0 0 #E8EAEA;
    color: #555555;
    font-family: roboto;
    line-height: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
    width: auto;
	float:left;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}

.tag-widget > a:before {
    background: none repeat scroll 0 0 rgba(191, 190, 190, 0.35);
    content: "";
    height: 5px;
    margin-top: -2.5px;
    position: absolute;
    right: -4px;
    top: 50%;
    width: 10px;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.tag-widget > a:hover {
    background: none repeat scroll 0 0 #E34761;
    color: #FFFFFF;
}
.tag-widget > a:hover:before {
    background: none repeat scroll 0 0 rgba(191, 190, 190, 0.8);
}

.inner-bg {
    background-attachment: fixed;
    background-size: 100% 100%;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/resource/inner-bg.jpg");
    background-origin: padding-box;
    background-repeat: repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}








/*** ELEMENTS PAGE ***/
.element {
    padding-bottom: 60px;
    width: 100%;
}
.element h3 {
    color: #454545;
    font-family: roboto;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 35px;
}
.element h3 i{
	color:#e34761;
    font-weight: 300;
	font-style:normal;
}
/* IMAGE ALIGNMENT */
.aligned {
    float: left;
    margin: 0 -15px;
}

.aligned h2 {
    color: #404040;
    font-family: roboto;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 33px;
	margin-bottom:15px;
}
.aligned p {
    color: #555555;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
}
.aligned p i{
	color:#e34761;
}
.aligned img {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
    width: 100%;
}



/* THEME TABS */
.theme-tabs2 .nav.nav-tabs {
    float: left;
    width: 100%;
}
.theme-tabs2 .nav-tabs li a, 
.theme-tabs2 .nav-tabs li a:hover, 
.theme-tabs2 .nav-tabs li a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #BFBEBE;
    border-color: #D1D7DC -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0.5px;
    padding: 14px 24px;
	
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.theme-tabs2 .nav-tabs li.active a,
.theme-tabs2 .nav-tabs li.active a:hover,
.theme-tabs2 .nav-tabs li.active a:focus {
	background:#e34761;
    border-left: 1px solid #D1D7DC;
    border-top: 1px solid #D1D7DC;
    margin-top: -6px;
    padding: 20px 24px 14px;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.theme-tabs2 .nav-tabs li:last-child a {
    border-right: 1px solid #D1D7DC;
}
.theme-tabs2 .tab-content {
    background: none repeat scroll 0 0 #D7D7D6;
    border-bottom: 1px solid #D1D7DC;
    border-left: 1px solid #D1D7DC;
    border-right: 1px solid #D1D7DC;
    float: left;
    padding: 30px;
    width: 100%;
	
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.theme-tabs2 .tab-content img {
    float: left;
    margin-right: 30px;
    width: 100%;
}
.theme-tabs2 .tab-content p {
    color: #555555;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
}

/* PROGRESS BARS */
.report {
    float:left;
    margin-bottom:44px;
    width:100%;
}
.progress-level {
    background:none repeat scroll 0 0 #D3D3D3;
    float:left;
    height:163px;
    margin-right:10.6%;
    position:relative;
    width:17%;
	
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.progress-level:last-child{
	margin-right:0;
}
.percent {
	background:#e34761;
    bottom:0;
    left:0;
    position:absolute;
    width:100%;

    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.percent:before {
	background:#e34761;
    content:"";
    height:2px;
    left:-3%;
    position:absolute;
    top:-2px;
    width:106%;
}
.percent > i {
    color: #FFFFFF;
    font-family: open sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.3px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.percent > span {
    color:#FFFFFF;
    font-family:open sans;
    font-size:13px;
    font-style:normal;
    font-weight:600;
    position:absolute;
    text-align:center;
    bottom:0;
    width:100%;
}


.progress.modern {
	background:none;
    height:47px;
    margin-bottom:20px;
}
.progress.modern .progress-bar{
    background:url("../images/progress-pattern2.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	line-height:45px;

	-webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.modern .progress-bar > span, .modern .progress-bar > i {
    line-height: 47px;
}



/* TOGGLES */
#toggle h2 {
	position:relative;
    width:100%;
	padding-left:50px;
    border:1px solid #D7D7D7;
    color:#FFFFFF;
    cursor:pointer;
    font-family:pt sans;
    font-size:16px;
    font-weight:400;
    line-height:40px;
    margin-bottom:5px;
    background:none repeat scroll 0 0 #716F6F;
    overflow:hidden;
	
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
	
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.black #toggle h2 {
    border: 1px solid #9D9D9D;
}
#toggle h2 span {
    height:100%;
    width:40px;
    color:#FFFFFF;
    font-size:15px;
    line-height:40px;
    text-align:center;
	
	position:absolute;
	left:0;
	
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-ms-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
#toggle h2.active{
	background:#fff;
	color:#707070;
}
#toggle h2.active span{
	color:#fff;
}
.content {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-bottom: 5px;
    padding: 20px;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.black .content {
    background:none repeat scroll 0 0 #E0DEDE;
}
.content img {
    float:left;
    margin-right:20px;
}
.content > p,
.about-style2 .content > p {
    color:#717171;
    font-family:open sans;
    line-height:22px;
    margin-top:10px;
}

/* LIST STYLE */
.theme-list {
    color: #555555;
    float: left;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
}

.theme-list li i {
    color: #45BBC5;
    margin-right: 10px;
}
.theme-list li:nth-child(2n+1) {
    animation-delay:0.2s;
}

/* SOCIAL CONTACT */
.social-contacts > a {
    background:none repeat scroll 0 0 #393B3B;
    color:#FFFFFF;
    float:left;
    font-size:20px;
    height:42px;
    line-height:42px;
    margin-right:10px;
    text-align:center;
    width:42px;
	
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.social-contacts > a:hover {
    background: none repeat scroll 0 0 #E34761;
    color: #FFFFFF;
}

.social-contacts2 > a {
	background:#fff;
    border:1px solid #D1D2D2;
    color:#45BBC5;
    float:left;
    font-size:20px;
    height:42px;
    line-height:20px;
    margin-right:15px;
    padding:10px 12px 12px;
    text-align:center;
    width:42px;
	
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.social-contacts2 > a:hover {
    background: none repeat scroll 0 0 #E34761;
    color: #FFFFFF;
}
.social-contacts3 > a {
	background:#e1472f;
    color:#fff;
    float:left;
    font-size:20px;
    height:42px;
    line-height:20px;
    margin-right:15px;
    padding:10px 12px 12px;
    text-align:center;
    width:42px;
	
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.social-contacts3 > a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #E1472F;
}
.social-contacts4 > a {
	background:none repeat scroll 0 0 #393B3B;
    color:#fff;
    float:left;
    font-size:20px;
    height:42px;
    line-height:30px;
    margin-right:15px;
    padding:5px 8px;
    text-align:center;
    width:42px;
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.social-contacts4 > a:hover {
    background: none repeat scroll 0 0 #E34761;
    color: #FFFFFF;
}



/* HIGHLIGHTED TEXT */
.paragraph {
    color: #555555;
    font-family: noto sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
}
.paragraph span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.highlight-red {
    background:none repeat scroll 0 0 #e34761;
    color:#FFFFFF;
    padding:0 5px;
}
.highlight-pink {
    background:none repeat scroll 0 0 #f000ff;
    padding:0 5px;
    color:#FFFFFF;
}



/* DROP CAP */
.drop-cap1 {
    color:#858585;
    float:left;
    font-family:open sans;
    font-size:40px;
    line-height:50px;
    margin-right:10px;
}
.drop-cap2 {
	color:#E34761;
    float:left;
    font-family:open sans;
    font-size:40px;
    line-height:50px;
    margin-right:10px;
}
.drop-cap3 {
    background: none repeat scroll 0 0 #E34761;
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 40px;
    line-height: 50px;
    margin-right: 10px;
    padding: 0 5px;
}

/*** BUTTONS ***/
.buttons-column {
    float:left;
    margin-bottom:30px;
    width:100%;
}
.buttons-column .theme-btn{
	margin-right:30px;
}
.theme-btn,.theme-btn:hover {
    float:left;
	color:#fff;
	font-weight:bold;
	font-family:roboto;
	letter-spacing:0.3px;
	
	-webkit-box-shadow:1px 1px 2px #B0B0B0;
	-moz-box-shadow:1px 1px 2px #B0B0B0;
	-ms-box-shadow:1px 1px 2px #B0B0B0;
	-o-box-shadow:1px 1px 2px #B0B0B0;
	box-shadow:1px 1px 2px #B0B0B0;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.small {
    line-height:35px;
    padding:0 19px;
	font-size:12px;
}
.medium {
    line-height:45px;
    padding:0 30px;
	font-size:13px;
}
.large {
    line-height:45px;
    padding:0 43px;
	font-size:14px;
}
.skyblue{
	background-color:#78d5e3;
}
.greenish{
	background-color:#0ba09e;
}
.dodgerblue{
	background-color:#5ab6c3;
}
.bluish{
	background-color:#2da6eb;
}
.red{
	background-color:#e34761;
}
.silver,.silver:hover{
	background-color:#f2f2f2;
	color:#858585;
}




/*** FLICKR STYLE ***/
.flickr-style {
    margin-right:-10px;
}
.flickr-style img  {
    float:left;
    padding-bottom:1px;
    padding-right:1px;
	
	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-ms-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	transition:all 0.2s ease 0s;
}
.flickr-style img:hover{
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	transform:scale(0.9);
}


.flickr-style > div {
    float:left;
    width:49%;
}
.flickr-style > div a {
    float:left;
    width:100%;
}
.flickr-style > div a img {
    height:auto;
    width:100%;
}


.element h6 {
    color:#707070;
    float:left;
    font-family:roboto;
    font-size:18px;
    line-height:16px;
    margin-bottom:10px;
    margin-top:30px;
    padding:0 15px;
    width:100%;
}























/*** SIDEPANEL CODE ***/
.side-panel span a {
    color:#FFFFFF;
    font-family:open sans;
    font-size:14px;
    line-height:20px;
    padding:0 3px;
}
.side-panel span a.layer-color {
    cursor:pointer;
    float:left;
    height:20px;
    margin-bottom:10px;
    margin-right:10px;
    padding:0;
    width:20px;
}

.layer-color span,
.layer-color i{
	float:left;
	width:100%;
	height:50%;
}

.color-scheme1 span{
	background:#f1536c;
}
.color-scheme1 i{
	background:#e63f51;
}
.color-scheme2 span{
	background:#0fc2ad;
}
.color-scheme2 i{
	background:#019a88;
}
.color-scheme3 span{
	background:#ad9362;
}
.color-scheme3 i{
	background:#917746;
}
.color-scheme4 span{
	background:#019f65;
}
.color-scheme4 i{
	background:#018656;
}
.color-scheme5 span{
	background:#c760cd;
}
.color-scheme5 i{
	background:#bc4ec1;
}
.color-scheme6 span{
	background:#fd9c1a;
}
.color-scheme6 i{
	background:#f28b00;
}

.black-head,
.black-head:hover {
    background:none repeat scroll 0 0 #BD1818;
    color:#FFFFFF;
    display:table;
    font-family:open sans;
    font-size:15px;
    margin:10px auto;
    padding:0 20px;
    width:auto;
	cursor:pointer;
}

.switch-section,
.switch-section:hover {
    background:none repeat scroll 0 0 #BD1818;
    color:#FFFFFF;
    display:table;
    font-family:open sans;
    font-size:15px;
    margin:10px auto;
    padding:0 20px;
    width:auto;
	cursor:pointer;
}







#style-switcher h3 {
	color:#fff;
	font-size:14px;
	margin:8px 3px 5px;
}

#style-switcher {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	width:270px;
	position:fixed;
	top:20%;
	z-index:1000;
	right:-260px;
	box-shadow:2px 2px 0 0 rgba(0,0,0,0.08);
	-moz-box-shadow:2px 2px 0 0 rgba(0,0,0,0.08);
	-webkit-box-shadow:2px 2px 0 0 rgba(0,0,0,0.08);
	
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#style-switcher:hover{
	right:0;
}
#style-switcher div {
	padding:5px 10px;
}

#style-switcher .bottom {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    left: -40px;
    padding: 0;
    position: absolute;
    top: 0;
}
#style-switcher .bottom a.settings {
	display:block;
	height:41px;
	position:absolute;
	right:-40px;
	top:0;
	width:40px;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
	box-shadow:2px 2px 0 0 rgba(0,0,0,0.08);
	-moz-box-shadow:2px 2px 0 0 rgba(0,0,0,0.08);
	-webkit-box-shadow:2px 2px 0 0 rgba(0,0,0,0.08);
}

#style-switcher .bottom a.settings:after {
    color: #ffffff;
    content: "\f0d0'";
    font-family: FontAwesome;
    font-size: 18px;
    height: 42px;
    left: 0;
    line-height: 43px;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 41px;
}

.colors a {
    cursor: pointer;
    float: left;
    height: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0;
    width: 20px;
}
.layer-color span, .layer-color i {
    float: left;
    height: 50%;
    width: 100%;
}
.map{
	width:100%; 
	height:350px; 
	margin-top:30px; 
	border:0;
}










.header-3d nav > ul > li:hover > a, 
.header-3d nav > ul > li.active > a,
.shadow-heading,
.control-opener,
.controls li.active,
.list-thumb > span,
.blog-des > h3,
.contact-info ul li i,
.price-table li.table-head,
.table-price > a:hover,
.theme-tabs2 .nav-tabs li.active a, 
.theme-tabs2 .nav-tabs li.active a:hover, 
.theme-tabs2 .nav-tabs li.active a:focus,
.social-contacts > a:hover,
.social-contacts2 > a:hover,
.social-contacts4 > a:hover,
.header-black-strip nav li:hover > a:after, 
.header-black-strip nav li.active > a:after,
.read-more:hover,
.tag-widget > a:hover,
.ls-defaultskin .ls-bottom-slidebuttons a.ls-nav-active,
header nav li ul > li:hover > a,
.fancy-header nav > ul li a:after,
.fancy-header nav > ul li a:before,
.portfolio-desc > h3,
#toggle h2.active span,
.video > a  {
	background-color:#d23243;
}
.controls > ul,
.blog-post-thumb > a,
.contact-btn > a,
.search-submit,
.sidebar-title,
.sidebar-title h3,
.read-more:before,
.read-more:after,
.tag-sec > span,
.comment-heading > span,
.percent:before,
.percent,
.drop-cap3,
.footer .social-contacts a:hover,
.side-header nav > ul > li > a:before,
.social-contacts3 > a
.black .price-table > ul li.table-price > a:hover{
	background-color:#f1536c;
}

.hover,
.portfolio-desc,
.blog-post,
.member span,
.flicker-widget > a:before,
.member i,
.blog-post-thumb:before,
.flicker-widget .col-md-4 a:before,
.header-black nav li:hover > a:before, 
.header-black nav li.active > a:before,
.side-header .logo,
.side-header > a{
	background:rgba(241,81,108,0.65);
}

.comment-heading > span{
	-webkit-box-shadow:2px 2px 0 #FF7790;
	-moz-box-shadow:2px 2px 0 #FF7790;
	-ms-box-shadow:2px 2px 0 #FF7790;
	-o-box-shadow:2px 2px 0 #FF7790;
	box-shadow:2px 2px 0 #FF7790;
}

.list-thumb:hover,
.quotes,
.services:hover span,
.flicker-widget .col-md-4 a:hover img,
.side-header,
.footer .bottom-line,
.quotes,
.black .list-thumb:hover,
.black .services:hover span{
	border-color:#d23243;
}
.member span:after,
.member span:before{
	border-bottom-color:rgba(241,81,108,0.65);
}

.block h3 i,
.block h4,
.inner-heading h1,
.quotes blockquote p i,
.element h3 i,
.theme-list li i,
.services:hover h3,
.header-black-strip nav > ul > li:hover > a,
.inner-heading h1,
.text-widget p i,
.comment-details h5,
.black .services:hover h3,
.list li:hover a i,
.bottom-line a:hover,
.list li:hover a,
.video > h2 span,
.video > h3 span{
	color:#d23243;
}

.simple-heading > i,
.year > h4,
.widget i,
.table-features > div i,
.customer h5,
.drop-cap2,
.side-header nav ul li:hover > a,
.customer h5,
.social-contacts3 > a:hover{
	color:#f1536c;
}