body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    float: left;
    width: 100%;
}
img{
   height: auto; 
}
p {
    font-size: 13px;
    color: #777777;
    margin: 0;
    line-height: 22px;
}

.para {
    
    font-size: 15px;
}
.para p {
    
    font-size: 15px;
}

#topcontrol {
    z-index: 2147483647;
}

/* General Setting */
.block {
    float: left;
    padding: 70px 0;
    position: relative;
    width: 100%;
}
.block.gray {
    background-color: #fcfcfc;
}
.dark-pattern h1,
.dark-pattern h2,
.dark-pattern h3,
.dark-pattern h4,
.dark-pattern h5,
.dark-pattern h6{
	color:#fff !important;
}
body .block.dark-pattern h1 a,
body .block.dark-pattern h2 a,
body .block.dark-pattern h3 a,
body .block.dark-pattern h4 a,
body .block.dark-pattern h5 a,
body .block.dark-pattern h6 a{
	color:#fff ;
}
.dark-pattern p{
	color:#e8ecec !important;
}
.no-padding{
	padding:0;
}
.white:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	
	-webkit-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-ms-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
}
.dark:before {
    background: none repeat scroll 0 0 rgba(38, 48, 56, 0.86);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.fixed-img {
    background-attachment: fixed !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-size: cover !important;
}
.remove-gap {
    padding-top: 0;
}
.remove-bottom {
    padding-bottom: 0;
}
.block .container {
    padding: 0;
    position: relative;
    z-index: 99;
}
.jump-to-top {
    display: none;
}
.sec-bg8 {
    background: url("../images/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}

/* Boxed Layout */
.theme-layout.boxed {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px #000000;
    -o-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;

    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1230px;
    z-index: 0;
}
.theme-layout {
    float: inline-block;
    width: 100%;
	background: none repeat scroll 0 0 #FFFFFF;
}
.top-margin {
    margin-top: -30px;
    float: left;
    width: 100%;
}

/* owl Buttons Navigation */
.owl-buttons {
    background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    right: 0;
    top: -35px;
    z-index: 2;
}
.owl-carousel {
    cursor: grab;
}
.owl-buttons > div {
    background-position: 9px 6px;
    background-repeat: no-repeat;
    border: 1px solid #D3D3D3;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 24px;
    margin-bottom: 5px;
    margin-left: 11px;
	
    -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;
	
    width: 27px;
}
.owl-buttons > .owl-prev {
    background-image: url("../images/arrow-prev.png");
}
.owl-buttons > .owl-prev:hover {
    background-image: url("../images/arrow-prev-h.png");
}
.owl-buttons > .owl-next {
    background-image: url("../images/arrow-next.png");
}
.owl-buttons .owl-next:hover {
    background-image: url("../images/arrow-next-h.png");
}
.owl-buttons > div: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);
}


/* Heading 1 */
.heading1 {
    display: table;
    float: none;
    margin: 0 auto 50px;
    padding: 0 130px;
    position: relative;
    width: auto;
}
.heading1:before {
    background-image: url("../images/heading-line.png");
    background-size: cover;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 17px;
    width: 100%;
}
.heading1 > h2 > i {
    font-style: normal;
    font-weight: 100;
}
.heading1 > h2 {
    color: #414141;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-style: normal;
    font-weight: BOLD;
    letter-spacing: 0.5px;
    line-height: 23px;
    margin: 0;
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.heading1 > h2:after {
    bottom: 0;
    left: 0;
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    left: 50%;
    margin-left: -5px;
    margin-bottom: -5px;
	
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.heading1 > h2:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    content: "";
    height: 1px;
    margin-left: -50px;
}

/* Mini Heading */
.mini-heading {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -13px 0 30px;
    width: 100%;
    text-transform: uppercase;
    position: relative;
	color:#666;
}
.mini-heading:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    background: #dfdfdf;
    height: 1px;
    content: "";
}

/* Mini Heading 2 */
.mini-heading2 {
    color: #656565;
    float: left;
    font-family: lato;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}

/* Mini Heading 3 */
.mini-heading3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 24px;

    font-weight: 600;
    margin: 0;
    width: 100%;
    margin-bottom: 30px;
    line-height: 30px;
    margin-top: -5px;
    letter-spacing: 0.30px;
}
.mini-heading3 > i {
    color: #414141;
    font-style: normal;
    font-weight: 900;
}


/* Heading2 */
.heading2 {
    float: left;
    margin-bottom: 42px;
    position: relative;
    width: 100%;
}
.heading2 > h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
}
.heading2:before {
    background: none repeat scroll 0 0 #D3D3D3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
}
.heading2 > h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 0 40px;
    padding: 2px 30px 2px 21px;
    position: relative;
}
.heading2 > h2:before {
    background: none repeat scroll 0 0 #D3D3D3;
    border: 2px solid #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 12px;
    left: -22px;
    position: absolute;
    top: 4px;
    width: 12px;
    z-index: 99999;
}
.heading2:after {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 20px;
}
.heading2 > h2 > i {
    font-style: normal;
}
.heading2 > span {
    display: none;
}



/* Heading 3 */

.heading3 {
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:40px;
}
.heading3 > h2 {
    border-bottom: 3px solid #C6C6C6;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    padding-bottom: 15px;
    padding-right: 25px;
}
.heading3 > h2 i {
    font-style: normal;
    font-weight: 700;
}

.heading3:before {
    background: none repeat scroll 0 0 #C6C6C6;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}


/* Heading4 */
.heading4 {
    border-bottom: 1px solid #DBDBDB;
    display: table;
    float: none;
    margin: 0 auto 46px;
    padding: 0 10%;
    position: relative;
    text-align: center;
}
.heading4 > h2 {
    border-bottom: 3px solid;
    color: #434343;
    display: table;
    float: none;
    font-family: raleway;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 21px;
    margin: 0 auto -2px;
    padding: 0 8% 18px;
    position: relative;
    text-align: center;
}
.heading4 > h2 i {
    font-style: normal;
    font-weight: 600;
}

.heading4:before {
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: 0;
    content: "";
    height: 16px;
    left: -4px;
    position: absolute;
	
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
	
    width: 1px;
}

.heading4:after {
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: -14px;
    content: "";
    height: 16px;
    position: absolute;
    right: -4px;
	
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
	
    width: 1px;
}

/* Heading 5 */
.heading6 {
    display: table;
    float: none;
    margin: 0 auto 40px;
    position: relative;
}
.heading6 > span {
    color: #939393;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    width: 100%;
}
.heading6 > h2 {
    color: #000;
    display: table;
    float: none;
    font-family: lato;
    font-size: 35px;
    line-height: 25px;
    margin: 0 auto 15px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.heading6 > h2:before {
    bottom: -1px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -22px;
    position: absolute;
    width: 45px;
}
.heading6 > h2:after {
    bottom: -1px;
    content: "";
    height: 6px;
    left: 50%;
    margin-bottom: -2px;
    margin-left: -3px;
    position: absolute;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 6px;
}

/* Parallax Heading */
.parallax-heading {
    color: #fff !important;
    float: left !important;
    font-size: 28px !important;
    font-weight: bold !important;
    letter-spacing: 0.3px !important;
    line-height: 20px !important;
    margin: 0 0 50px !important;
    position: relative;
    text-align: center;
    width: 100%;
}
.parallax-heading > i {
    font-style: normal;
    font-weight: 900;
}

/* Parallax About Law */
.parallax-sub-heading {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}
.parallax-sub-heading > i {
    color: #fff;
    float: left;
    font-size: 24px;
    line-height: 28px;
    margin-right: 20px;
    margin-top: 14px;
}
.parallax-sub-heading > strong {
    font-weight: 900;
}
.parallax-about-law > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.30px;
    line-height: 23px;
    margin-bottom: 23px;
}
.parallax-about-law > a {
    background: none repeat scroll 0 0 #525252;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top: 20px;
	
    color: #fff;
    float: left;
    padding: 13px 16px;
	font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
}

/* parallax Features */
.parallax-features {
    float: left;
    width: 100%;
}
.parallax-features > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.parallax-features > ul > li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.parallax-features > ul > li > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.21);
    border: 1px solid rgba(255, 255, 255, 0.1);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 24px;
}
.parallax-features > ul > li > p {
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: inline;
}


/* Business Header */
header.business1 .for-sticky.sticky {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	
    left: 0;
    position: fixed;
    top: 0;
	height:auto !important;
	z-index: 2147483647;
}
header.business1 .for-sticky.sticky .logo {
    margin: 16px 0 15px;
}
header.business1 .for-sticky.sticky .logo > a > img {
    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;
}
header.business1 .for-sticky.sticky .business1-menu > ul > li {
    padding: 25px 0;
}
.sticky .log-in-sec > a {
    margin-bottom: 22px;
    margin-right: 50px;
    margin-top: 22px;
}
.sticky .log-in-sec {
    margin-left: 40px;
}

.business2 .for-sticky.sticky {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
	
    height: auto !important;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99999999;
}

#menu-sec {
    background-image: url("../images/header2.png");
    background-size: 100% 100%;
    float: left;
    height: 100px;
    width: 100%;
	
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.business1 {
    
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
	
	float:left;
    width: 100%;

    z-index: 2147483623;
    position: relative;
}
.business1 .container {
    padding: 0;
}
header {
    float: left;
    width: 100%;
	z-index:99999999;
}
header .business1 {
    float: left;
    width: 100%;
}
.business1-top-bar > ul {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    width: auto;
}
.business1-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    float: left;
    width: 100%;
	position: relative;
	background:none repeat scroll 0 0 #FFFFFF;
}

.business1-top-bar {
    float: left;
    position: relative;
    width: 100%;
}
.business1-top-bar > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 5px;
}
.business1-top-bar > ul > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: rgba(0, 0, 0, 0.2);
    float: left;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
    color: #6f6f6e;
    background: #f3f3f3;
}
.business1-top-bar > ul > li > a:hover {
    color: #fff;
}
.business1-top-bar > ul > li > a > i {
    border: 1px solid rgba(0, 0, 0, 0.15);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 28px;
    line-height: 26px;
    
	-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;
	
    width: 28px;
}

.business1-top-bar > ul > li > a:hover .fa-facebook {
    background: none repeat scroll 0 0 #3B5998;
	border:1px solid #3B5998;
}
.business1-top-bar > ul > li > a:hover .fa-google-plus {
    background: none repeat scroll 0 0 #dd4b39;
	border:1px solid #dd4b39;
}
.business1-top-bar > ul > li > a:hover .fa-twitter {
    background: none repeat scroll 0 0 #00aced;
	border:1px solid #00aced;
}
.business1-top-bar > ul > li > a:hover .fa-pinterest {
    background: none repeat scroll 0 0 #cb2027;
	border:1px solid #cb2027;
}
.business1-top-bar > ul > li > a:hover .fa-skype {
    background: none repeat scroll 0 0 #007bb6;
	border:1px solid #007bb6;
}
.business1-top-bar > form {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    height: 34px;
    margin-left: 18px;
    margin-top: 6px;
    overflow: hidden;
    position: static;
    width: auto;
    z-index: 98;
    margin-right: 60px;
}
.business1-top-bar > form > a {
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    width: 34px;
}
.business1-top-bar > form > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:34px;
}
.business1-top-bar > form > input {
    float: left;
	
    opacity: 0;
	filter:alpha(opacity=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;
	
    width: 0;
    border: medium none;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 0 8px 0px;
    text-transform: uppercase;
	color: #7a7a7a;
}
.business1-top-bar > form:hover input, .business1-top-bar > form input:focus {

    opacity: 1;
	filter:alpha(opacity=100);
	
    width: 264px;
	padding: 8px 0 8px 12px;

}

.business1 .logo {
    float: left;
    margin: 22px 0 22px;
}
.business1-menu {
    float: right;
}
.business1-menu > ul {
    float: left;
    margin: 0;
    padding: 0;
}
.business1-menu > ul > li {
    float: left;
    list-style: none outside none;
    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;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	padding:36px 0;
}
.business1-menu > ul > li > a {
    border: 1px  solid rgba(0, 0, 0, 0);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #555454;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 8px 15px;
    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;
	
	cursor: pointer;
}
.business1-menu > ul > li > a > i {
    display: none;
}
.business1-top-bar > span {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 13px 50px 13px 0;
}
.business1-top-bar > span > i {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
/* Dropdown Menu1 */
.business1-menu > ul > li > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    left: 50%;
    margin: 50px 0 0 -100px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 2px;
    position: absolute;
    top: 100%;
	
    -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;
    -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;
	
    width: 200px;
    z-index: 2147483647;
	
	background: rgba(255,255,255,0.98);
	
    -webkit-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -ms-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
	
	border: 1px solid;
}
.business1-menu > ul > li:hover > ul {
    margin-top: 0px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.mega > ul {
    left: 0 !important;
    margin-left: 0 !important;
    width: 408px !important;
}
.business1-menu > ul > li > ul.mega:before {
    left: 20px;
}
.mega > ul > li {
    width: 50% !important;
}
.business1-menu > ul > li > ul:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    content: "";
    left: 50%;
    margin-left: -2.5px;
    position: absolute;
    top: -4px;
}
.business1-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: -60px;
}
.business1-menu > ul > li:hover > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.business1-menu > ul > li > ul > li:hover > a{
	padding-left:20px;
	color:#fff;
}

.business1-menu > ul > li > ul > li:hover > a > i {
    color: #fff;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    margin-top: 50px !important;
    z-index: 9;
}
.business1-menu > ul > li > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 1px;
    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;
	
    width: 100%;
}
.business1-menu > ul > li > ul > li > a {
    color: #626262;
    float: left;
    font-family: roboto;
    font-size: 13px;
    padding: 10px 25px;
    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;
}
.business1-menu > ul > li > ul > li > a > i {
    color: #404040;
    float: right;
    font-size: 15px;
    margin-top: 3px;
}
.business1-menu > ul > li > ul > li > ul {
    left: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    
    -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;
    -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;

    width: 100%;
    z-index: 999999999;
    padding: 0;
}
.business1-menu > ul > li > ul > li > ul > li {
    float: left;
    list-style: outside none none;
    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;

    width: 100%;
}
.business1-menu > ul > li > ul > li > ul > li a {
    background: #ebebeb !important;
}
.business1-menu > ul > li > ul > li > ul > li > a {
    color: #FAFAFA;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.business1-menu > ul > li > ul > li:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* Login Style */
.log-in-sec {
    float: right;
    margin-left: 90px;
    position: relative;
}
.log-in-sec > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 35px 0;
    padding: 8px 10px;
	
	-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;
}
.login-form > form > input {
    margin-bottom: 10px;
}
.login-form  ul > li > p {
    color: #7A7A7A;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin: 0;
    margin-top: 10px;
    padding-left: 2px;
    letter-spacing: 0.30px;
}
.log-in-sec  a  span > i {
    margin-right: 5px;
}
.login-form {
    position: absolute;
    top: 100px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    background: #fafafa;
    z-index: 99;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
	
    -webkit-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
	
	display: none;
}
.theme-layout.boxed .login-form {
    left: auto;
    margin: 0;
    right: 0;
}
.theme-layout.boxed .login-form:before {
    left: auto;
    right: 23px;
}
.login-form:before {
    position: absolute;
    left: 50%;
    top: -7px;
    border-bottom: 8px solid #fafafa;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    content: "";
    margin-left: -4px;
}
.login-form  .input-style {
    margin-bottom: 13px;
    font-size: 11px;
    letter-spacing: 0.30px;
}
.login-form > form > a {
    color: #7a7a7a;
    display: table;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.login-form  ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 13px;
}
.login-form ul > li {
    float: left;
    list-style: none outside none;
    width: 10%;
}
.login-form  ul > li:first-child {
    float: left;
    width: 45%;
}

.login-form  ul > li:last-child {
    float: right;
	width: 45%;
}

.login-form  ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form  ul > li > .btn-login {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form  ul > li > a.register {
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: right;
}

/* Header Style 2 */
.business1.style2 .business1-top > .container > .business1-top-bar {
    position: relative;
}
.business1.style2 .business1-top > .container > .business1-top-bar:before {
    background: none repeat scroll 0 0 #F5F5F5;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact {
    margin: 0;
    padding: 14px 18px 13px 0;
    position: relative;
    background: #f5f5f5;
    z-index: 9;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before {
    position: absolute;
    right: -12px;
    top: 0;
    border-left: 12px solid #f5f5f5;
    border-top: 44px solid rgba(255,255,255,0);
    border-bottom: 0px solid rgba(255,255,255,0);
    content: "";
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail > i {
    color: #FFFFFF;
    float: right;
    margin-left: 10px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 8px 0;
    padding: 5px 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;
	
    margin-left: -167px;
    padding-left: 40px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail:hover {
    margin-left: -26px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    display: none;
}
.business1.style2 .business1-top > .container > .business1-top-bar > ul{
	display:block;
	margin:0;
}
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    margin-right: 50px;
}
.business1.style2 .business1-menu > ul {
    margin: 0;
}
.business1.style2 .business1-menu > ul > li {
    padding: 0;
}
.business1.style2 .business1-menu > ul > li {
    margin-right: 10px;
    padding: 36px 0;
}
.business1.style2 .business1-menu > ul > li > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin-top: 1px;
    padding: 33px 0 10px;
}
.business1-menu > ul > li > ul > li > ul > li:hover a {
    background: #ebebeb;
}
.business1-menu > ul > li > ul > li > ul > li a {
    background: none repeat scroll 0 0 #ebebeb;
    padding: 10px 20px;
    font-family: Roboto;
    font-size: 13px;
    color: #666666;
}
.business1.style2 .business1-menu > ul > li > ul > li > a,
.business1-menu > ul > li > ul > li > ul > li > a {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding-left: 38px;
    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;
}
.business1.style2 .business1-menu > ul > li > ul > li:hover > a:before {
    background: none repeat scroll 0 0 #ffffff;
}

.business1.style2 .business1-menu > ul > li > ul > li > a:before {
    background: none repeat scroll 0 0 #cacaca;
    content: "";
    height: 6px;
    left: 17px;
    top: 50%;
    width: 6px;
    position: absolute;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-top: -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;
}
.business1.style2 .business1-menu ul:before {
    display: none;
}
.business1.style2 .business1-menu > ul > li > ul > li {
    margin: 0;
    padding: 0;
    width: 100%;
}
.business1.style2 .business1-menu > ul > li.mega > ul > li {
    margin: 0;
    padding: 0;
    width: 50%;
}
.business1.style2 .responsive-menu > ul > li > ul {
    padding: 0;
}
.business1.style2 .responsive-menu > ul > li > ul > li {
    width: 50%;
}
.business1.style2 .business1-menu > ul > li > a {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #F1F1F1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 10px;
}
.business1.style2 .business1-menu > ul > li > a > i {
    margin-right: 10px;
	display: inline;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    color: #fff !important;
}
.business1.style2 #menu-sec {
    background-image: url("../images/header-bg.png");
    background-size: 100% 100%;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a i {
    display: none;
}
.business1.style2 .business1-menu > ul > li:hover > ul {
    margin-top: -3px;
    padding: 0;
    top: 100%;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    border-color: transparent;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 35px 0;
    padding: 1px;
}

.business1.style2 #menu-sec > .container > .log-in-sec > a > span {
    padding: 8px 10px;
    float: left;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.business1.style2 .business1-menu.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -9px 0 0;
}
.business1.style2 .business1-menu.responsive-menu > ul > li:hover > ul {
    top: 0;
}
.business1.style2 #menu-sec.sticky > .container > .log-in-sec {
    margin-top: 3px;
}




/* Responsive Menu */
.open-menu {
    display: none;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 300px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-bottom: 10px;
    color: #fff;
    line-height: 18px;
    font-size: 19px;
    padding: 8px 0;
    cursor: pointer;
}
.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.99);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    width: 100%;
}
.responsive-menu > ul > li {
    float: left;
    width: 100%;
    padding: 0;
}
.responsive-menu > ul > li > a {
    float: left;
    width: 100%;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 12px 10px;
}
.responsive-menu > ul > li > ul {
    position: relative;
    
	-webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    float: left;
    margin: 0;
}
.responsive-menu > ul > li > ul.mega {
    border: medium none;
    width: 100%;
}
.responsive-menu > ul > li > ul:before {
    display: none;
}
.responsive-menu > ul > li > ul.mega > li {
    float: left;
    width: 50%;
    margin: 0;
}
.responsive-menu > ul > li > ul {
    display: none;
	left: 0;
    top: 0;
    width: 100%;
    border: none;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.responsive-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.responsive-menu > ul > li > ul > li > ul {
    display: none;
    float: left;
    margin: 0;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    
	-webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -o-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
	
    width: 100%;
	left:0;
}

header.business1 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
header.business2 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
.business2-menu.responsive-menu {
    z-index: 999999;
}
.business2-menu.responsive-menu > ul{
	margin:0;
}
header.business2 .open-menu {
    margin: 15px auto 0;
}




/* Slider */
.tp-banner-container {
    float: left;
    width: 100%;
    position: relative;
}
.slider {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
}
.wpb_revslider_element {
    margin: 0 !important;
}

/* Slide1 */
.slide1-text {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
}
.slide1-text2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
	background:#565656;
}



/* Slide2 */
.slide2-text1 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 18px 30px;
    text-transform: uppercase;
}
.slide2-text1 > i {
    font-family: roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
}
.slide2-text2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
}

.slide2-text2:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.slide2-text3 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
	background:#6e6d6d;
}



/* Slide3 */
.slide3-text1 {
    float: left;
    margin: 0;
    padding: 0;
	width:337px;
}
.slide3-text1 > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.slide3-text1 > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 28px;
    height: 58px;
    line-height: 58px;
    margin-bottom: 30px;
    margin-right: 30px;
    text-align: center;
    width: 66px;
}
.slide3-text1 > li > h3 {
    color: #343333;
    display: block;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin:0;
	margin-bottom:5px;
}
.slide3-text1 li > p {
    color: #404040;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
}



/* Slide4 */
.slide4-text1 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	
    color: #595959;
    float: left;
    font-family: roboto;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    padding: 15px 20px;
    text-transform: uppercase;
}
.slide4-text2 {
    color: #595959;
    font-family: roboto;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.slide4-text2 > i {
    color: #595959;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-left: -66px;
    margin-top: 5px;
    text-align: right;
}
.slide4-text3 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #4C4B4F;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 40px 0 0;
    padding: 15px 20px;
}
.slide4-text3.dark {
    background: none repeat scroll 0 0 rgba(89, 89, 89, 0.9);
    color: #FFFFFF;
}
.purchase-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF !important;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 26px;
    padding: 10px 15px;
}

/* Slide Social */
.slider-social {
    bottom: -27px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.slider-social > a  > span{
    background: none repeat scroll 0 0 #353638;
    border: 3px solid #FFFFFF;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-size: 22px;
    height: 57px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 56px;
    z-index: 9999999;
	
	-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;
}
.slider-social > a {
    float: left;
    position: relative;
}
.slider-social > a:before {
    background: none repeat scroll 0 0 #353638;
    content: "";
    height: 1px;
    left: -141px;
    position: absolute;
    top: 30px;
    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;
}
.slider-social > a:after {
    background: none repeat scroll 0 0 #353839;
    bottom: 26px;
    content: "";
    height: 1px;
    position: absolute;
    right: -141px;
    width: 100%;
    z-index: 9;
	
	-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;
}
.slider-social > a.twitter:hover:before, .slider-social > a.twitter:hover:after, .slider-social > a.twitter:hover > span {
    background: #00aced;
	z-index: 9999999;
}
.slider-social > a:hover span {
	z-index: 99999999999 !important;
}
.slider-social > a.facebook:hover:before, .slider-social > a.facebook:hover:after, .slider-social > a.facebook:hover > span {
    background: #3B5998;
	z-index: 9999999;
}

.slider-social > a.google-plus:hover:before, .slider-social > a.google-plus:hover:after, .slider-social > a.google-plus:hover > span {
    background: #dd4b39;
	z-index: 9999999;
}

.slider-social > a.tumblr:hover:before, .slider-social > a.tumblr:hover:after,  .slider-social > a.tumblr:hover > span {
    background: #3f729b;
	z-index: 9999999;
}


/* Get in Touch */
.get-in-touch {
    float: left;
    width: 100%;
}
.get-in-touch #message {
    margin: 0;
}
.get-in-touch #message h1 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 24px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    padding: 0 !important;
    width: 100%;
}
.get-in-touch #message p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    color: #777777;
    letter-spacing: 0.30px;
}
.get-in-touch .input-style {
    margin-bottom: 10px;
}
.get-in-touch > form {
    float: left;
    width: 100%;
    margin-top: 0;
}
.get-in-touch textarea.input-style {
    height: 110px;
}

.get-in-touch .submit {
    float: left;
}
.job-form-sec label > span {
    margin: 0;
}
.job-form-sec input[type="text"], .job-form-sec input[type="email"], .job-form-sec textarea, .input-style {
    border: 1px solid #d8dcdc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    padding: 10px 10px 10px 20px;
    width: 100%;
}
.input-style > i {
    float: left;
    font-size: 12px;
    color: #aeadad;
    line-height: 16px;
    margin-right: 15px;
}
.input-style > input, .input-style > textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    width: 90%;
}
.job-form-sec textrea {
    height: 82px;
    width: 100%;
}
.input-style.submit {
    border: medium none;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin: 0;
    padding: 0;
}
.input-style.submit > input.submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    padding: 5px 10px;
    width: auto;
}
.submit {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    margin: 0 auto;
    padding: 5px 20px;
}
textarea.input-style {
    height: 150px;
    padding-top: 15px;
}

/* Twitter Slide */
.twitter-bar-slide {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.twitter-bar-slide li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
	padding-top: 50px;
}
.twitter-bar-slide li:before {
    color: #fff;
    content: "ï‚™";
    font-family: fontawesome;
    font-size: 50px;
    left: 50%;
    margin-left: -15px;
    margin-top: -32px;
    position: absolute;
    top: 35px;
}
.twitter-bar-slide li > h5 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 17px;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.twitter-bar-slide li > h5 i {
    font-style: normal;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.30px;
}
.twitter-bar-slide li:after {
    background: none repeat scroll 0 0 #42b7e2;
    content: "";
    height: 76px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    top: 0;
    
	-webkit-transform: skewX(-17deg);
    -moz-transform: skewX(-17deg);
    -ms-transform: skewX(-17deg);
    -o-transform: skewX(-17deg);
    transform: skewX(-17deg);
	
    width: 80px;
    z-index: -1;
}
.twitter-bar-slide li > h3 a {
    font-weight: normal;
    font-family: lato;
}
.twitter-bar-slide li > h3 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 36px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 20px;
    padding: 0 180px;
    text-align: center;
    text-transform: none;
    width: 100%;
}
.twitter-bar-slide li > a {
    display: table;
    float: none;
    font-family: lato;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 30px;
    text-align: center;
}
.twitter-bar-slide li > span {
    color: #555555;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
#twitter-btn {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 15px;
    font-weight: lighter;
    line-height: 15px;
    margin-left: 95px;
    margin-top: 12px;
    padding: 15px 30px;
    float: none;
    margin: 0 auto;
    display: table;
}

/* Toll Free Banner */
.toll-free-sec.open > .toll-free-banner {
    display: block;
    margin: 0;
}
.toll-free-sec {
    float: left;
    position: relative;
    width: 100%;
    z-index: 999999999;
}
.toll-free-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: table;
    float: none;
    height: 60px;
    margin: -30px auto 0;
    position: relative;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 60px;
    z-index: 99;
    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;
	
}
.toll-free-sec > a.active {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.toll-free-sec > a > span {
    color: #FFFFFF;
    float: left;
    font-size: 28px;
    height: 52px;
    line-height: 52px;
    margin-left: 4px;
    margin-top: 4px;
    text-align: center;
    width: 52px;
}
.toll-free-banner {
    background-size: 100% 100%;
    display: none;
    float: left;
    left: 0;
    margin-top: -30px;
    position: absolute;
    top: 100%;
    width: 100%;
}
.toll-contact {
    background: none repeat scroll 0 0 #f7f7f7;
    float: left;
    padding: 50px 0;
    position: relative;
    width: 25%;
}
.toll-details {
    background: url("../images/resource/toll-bg.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 100%;
    padding: 41px 75px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
    z-index: 0;
}
.toll-contact > i {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 80px;
    color: #666666;
    line-height: 70px;
    margin-bottom: 25px;
}

.toll-contact > span {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 18px;
    color: #666666;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.30px;
}
.toll-contact > span > i {
    float: left;
    font-size: 30px;
    font-style: normal;
    line-height: 24px;
    margin-top: 10px;
    width: 100%;
    margin-top: 25px;
}
.toll-details > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    overflow: hidden;
	margin-right:40px;
}
.toll-details > span > img{
    float: left;
    width: 100%;
}
.toll-details > h3 {
    color: #666666;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 17px 0 15px;
    width: 100%;
}

.toll-details > p {
    color: #777777;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
    margin: 0;
    margin-bottom: 35px;
    line-height: 24px;
    letter-spacing: 0.30px;
}

.toll-details > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    margin-top: 0;
    text-transform: uppercase;
}

.toll-details > a > i {
    margin-right: 10px;
}

/* Counter parallax */
.counter {
    background: none repeat scroll 0 0 rgba(21, 26, 31, 0.75);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 30px;
    width: 100%;
}
.counter > i {
    color: #fefefe;
    float: left;
    font-size: 70px;
    text-align: center;
    width: 100%;
}
.counter > h4 {
    float: left;
    font-family: lato;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.counter > h5 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: center;
    width: 100%;
}


/* Portfolio SIngle */
.portfolio-single {
    float: left;
    width: 100%;
}
.portfolio-single > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.portfolio-feature li:last-child {
    border: medium none;
    padding-bottom: 20px;
}
.portfolio-feature {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e1e1e1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin: 0 33px 14px 0;
    padding: 0 20px;
    width: 250px;
}
.portfolio-feature li {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 11px;
    padding-bottom: 13px;
    padding-top: 20px;
    width: 100%;
	color:#8e7777;
}
.portfolio-single > p {
    color: #777777;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 0 25px;
}
.portfolio-feature li > p {
    color: #777777;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 6px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-single .single-project-sec {
    margin-top: 40px;
}


/* Service Style 1 */
.service {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service span > i {
    float: left;
    line-height: 70px;
    text-align: center;
    width: 100%;
}

.service span {
    float: left;
    height: 70px;
    width: 70px;
    border: 1px solid;
    
	-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;
	
    text-align: center;
    font-size: 28px;
    line-height: 69px;
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background:#fff;
}
.service:hover span{
	color:#fff;
}
.service h2 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -1px 0 10px;
    width: 100%;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.service h2 > a{
	color:#666666;
	
	-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;
}
.service div > a > i {
	font-size: 14px;
	line-height: 10px;
	margin-left: 5px;
}
.service div > a {
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
}
.service p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* We Are Slide */
.roles {
    display: inline-block;
    font-size: 40px;
    height: 50px;
    overflow: hidden;
    vertical-align: middle;
    font-family: lato;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 15px;
}
.roles div {
    height: 50px;
    -webkit-transition: margin-top 1s ease-in-out;
    -moz-transition: margin-top 1s ease-in-out;
    -o-transition: margin-top 1s ease-in-out;
    transition: margin-top 1s ease-in-out;
}
.we-are-Slide {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
.we-are-Slide > #we-are-rotate {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
#we-are-rotate > span {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 40px;
    letter-spacing: 0.3px;
}
.we-are-Slide > p {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 13px;
    color: #777;
    padding: 0 200px;
    letter-spacing: 0.30px;
    margin: 0;
    margin-top: 10px;
	margin-bottom:30px;
}
.we-are-Slide > img {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
}


/* Present Feature Parallax */
.feature-lcd {
    float: none;
    margin:0 auto;
	display:table;
	
}
.present-features {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.parallax.dark h3{
	color:#fff;
}
.parallax.dark h3 > i{
	color:#fff;
}

.present-features > h3 {
    line-height: 37px;
    margin-bottom: 10px;
}
.parallax  h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: lato;
    font-size: 30px;
    font-weight: bold;
    color: #404040;
    text-transform: uppercase;
    line-height: 58px;
    margin-top: -15px;
    letter-spacing: 0.30px;
}
.parallax  h3 > i {
    font-size: 25px;
    font-style: normal;
    font-weight: lighter;
}

.parallax  p {
    float: left;
    font-family: roboto;
    font-size: 14px;
    width: 100%;
    color: #555555;
    line-height: 26px;
    margin: 0;
    letter-spacing: 0.30px;
}
.present-features > ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
.present-features > ul > li {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 15px;
}
.present-features > ul > li:last-child {
    margin: 0;
}
.present-features > ul > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-size: 20px;
    height: 43px;
    line-height: 43px;
    margin-right: 15px;
    text-align: center;
    width: 43px;
}

/* Our Skills Sec */

#our-Skill-sec {
    float: left;
    width: 100%;
}
#our-Skill-sec > h3 {
    text-align: center;
}
#our-Skill-sec > p {
    padding: 0 100px;
    text-align: center;
    margin-bottom: 30px;
}
.skills-box {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.skills-box > li {
    float: left;
    height: 99px;
    width: 170px;
 position:relative;
 margin: 0 15px;
}
.skills-box > li > .progress {
    background: rgba(255,255,255,0.5);
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    -o-box-shadow: 0 0;
    box-shadow: 0 0;
	
    float: left;
    height: 100%;
    left: 0;
    margin: 30px 0 0;
    padding: 5px;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
	overflow:hidden;
}
.skills-box > li > .progress > .progress-bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    position: relative;
    font-family: lato;
    font-size: 21px;
    color: #555;
    line-height: 83px;
}
.skills-box > li > .progress > .progress-bar:before {
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: -5px;
 width:100%;
 z-index:5;
}
.skills-box > li > .progress > .progress-bar:after {
    bottom: -5px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
 width:100%;
 z-index:5;
}
.skills-box > li > .progress:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.layer-bar {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 89px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 160px;
    font-family: lato;
    font-size: 22px;
    color: #555;
    text-align: center;
    padding: 28px 0;
}

/* Service Style 2 */
#services-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
#services-sec .service2{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service2 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.service2 > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 136px;
	margin: 0 auto;
    overflow: hidden;
    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;
	
    width: 136px;
	
	border: 1px solid #CECECE;
	padding:3px;
}
.service2 > span > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
	height: 128px;
}
.service2 > span > i {
    font-size: 40px;
    left: 0;
    line-height: 142px;
    position: absolute;
    text-align: center;
    top: 0;
    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;
}
.service2:hover > span i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.service2 > span:before {
    background: none repeat scroll 0 0 rgba(251, 251, 251, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
}

.service2:hover > span:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.service2 > h2 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 30px 0 20px;
    position: relative;
    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;	
}
.service2 > h2 > a {
    color: #404040;
	
	-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;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.service2 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
}

/* Service STyle 3 */
.service.with-shadow {
    position: relative;
}
.service.with-shadow:before {
    background-image: url("../images/shadow2.png");
    background-size: 100% 100%;
    bottom: -9px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}


/* Srvice Style 4 */
.service4 {
    background: none repeat scroll 0 0 rgba(105, 105, 105, 0.83);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    padding: 30px 0;
    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;
	margin-top: 30px;
}
#service4-slide {
    float: left;
    width: 100%;
}
.service4:hover {
    -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
}
.service4 > h2 {
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: lato;
    font-size: 25px;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 99;
    line-height: 40px;
    font-size: 24px;
    padding: 0 30px;
	font-weight:600;
}
.service4 > h2 > i {
    color: #FFFFFF;
    float: left;
    font-size: 40px;
    margin-right: 15px;
}
.service4 > p {
    color: #EBEBEB;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0 60px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service4 > span {
    height: 50%;
    position: absolute;
    width: 50%;
}
.service4 > span.box1 {
    left: -50%;
    top: 0;
	
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}
.service4:hover > span.box1 {
    left: 0;
}
.service4 > span.box2 {
    right: 0;
    top: -50%;
	
	-webkit-transition:all 0.3s ease 0.4s;
	-moz-transition:all 0.3s ease 0.4s;
	-ms-transition:all 0.3s ease 0.4s;
	-o-transition:all 0.3s ease 0.4s;
	transition:all 0.3s ease 0.4s;
}
.service4:hover > span.box2 {
    top: 0;
}
.service4 > span.box3 {
    left: 0;
    bottom: -50%;
	
	-webkit-transition:all 0.3s ease 0.2s;
	-moz-transition:all 0.3s ease 0.2s;
	-ms-transition:all 0.3s ease 0.2s;
	-o-transition:all 0.3s ease 0.2s;
	transition:all 0.3s ease 0.2s;
}
.service4:hover > span.box3 {
    bottom: 0;
}
.service4 > span.box4 {
    right: -50%;
    bottom: 0;
	
	-webkit-transition:all 0.3s ease 0.3s;
	-moz-transition:all 0.3s ease 0.3s;
	-ms-transition:all 0.3s ease 0.3s;
	-o-transition:all 0.3s ease 0.3s;
	transition:all 0.3s ease 0.3s;
}
.service4:hover > span.box4 {
    right: 0;
}


/* Service Style 5 */
.service5 {
    float: left;
    width: 100%;
    position: relative;
}

.service5:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.8);
	
    -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;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.service5:hover:before {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.service5:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
	
	-webkit-transform: scale(1);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -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;
	
	 opacity: 0;
	 filter:alpha(opacity=0);
	 
	 z-index: -1;
	 
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
}
.service5:hover:after {
    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);
}
.service5 > i {
    color: #FFFFFF;
    float: left;
    font-size: 60px;
    margin-bottom: 15px;
    margin-top: 45px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service5 > h2 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.service5 > h2 > a {
    color: #ffffff;
}
.service5 > p {
    color: #E7E7E7;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0 0 45px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

/* Service 6 Law */
.service4.law > h2 {
    float: left;
    font-size: 22px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
    line-height: 39px;
    margin-bottom: -7px;
}
.service4.law > h2 > i {
    color: #ffffff;
    float: left;
    font-size: 40px;
    line-height: 26px;
    margin-bottom: 13px;
    text-align: center;
    width: 100%;
}
.service4.law {
    background: none repeat scroll 0 0 rgba(149, 149, 149, 0.83);
    margin: 0;
}
.service4.law:hover {
    background: #1c1c1c;
}
.service4.law > span {
    display: none;
}

/* Service Single Page Animation */
.service-single-desc {
    float: left;
    width: 100%;
}
.service-single-desc > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 55px;
    margin: 0 0 25px;
    width: 100%;
}
.service-single-desc > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.service-single-desc > ul {
    float: left;
    margin: 40px 0 0;
    padding: 0;
    width: 100%;
}
.service-single-desc > ul > li {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    list-style: none outside none;
    margin-bottom: 25px;
    width: 100%;
}
.service-single-desc > ul > li > i {
    float: left;
    margin-right: 10px;
}
.service-single-desc > h3 > i {
    border: 1px solid #d7d7d7;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #d7d7d7;
    float: left;
    font-size: 35px;
    height: 56px;
    line-height: 49px;
    margin-right: 30px;
    text-align: center;
    width: 70px;
}
.manager {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.service-img {
    float: left;
    position: relative;
    width: 100%;
}
.service-img > img {
    float: left;
    width: 100%;
}
.container-ball {
    bottom: 76px;
    position: absolute;
    right: 50px;
}
.ball {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 10px;
    margin: 10px auto;
    position: relative;
    width: 10px;
}   
    .ball:nth-child(1) {
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      -ms-animation: right 1s infinite ease-in-out;
      -o-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;    
    }
	

.ball:nth-child(1):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	

    .ball:nth-child(2) {
      -webkit-animation: left 1.1s infinite ease-in-out;
      -moz-animation: left 1.1s infinite ease-in-out;
      -ms-animation: left 1.1s infinite ease-in-out;
      -o-animation: left 1.1s infinite ease-in-out;
      animation: left 1.1s infinite ease-in-out;
    }

.ball:nth-child(2):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		
    .ball:nth-child(3) {
      -webkit-animation: right 1.05s infinite ease-in-out;
      -moz-animation: right 1.05s infinite ease-in-out;
      -ms-animation: right 1.05s infinite ease-in-out;
      -o-animation: right 1.05s infinite ease-in-out;
      animation: right 1.05s infinite ease-in-out;
    }
	
.ball:nth-child(3):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		

    .ball:nth-child(4) {
      -webkit-animation: left 1.15s infinite ease-in-out;
      -moz-animation: left 1.15s infinite ease-in-out;
      -ms-animation: left 1.15s infinite ease-in-out;
      -o-animation: left 1.15s infinite ease-in-out;
      animation: left 1.15s infinite ease-in-out;
     }

.ball:nth-child(4):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	
	 
    .ball:nth-child(5) {
      -webkit-animation: right 1.1s infinite ease-in-out;
      -moz-animation: right 1.1s infinite ease-in-out;
      -ms-animation: right 1.1s infinite ease-in-out;
      -o-animation: right 1.1s infinite ease-in-out;
      animation: right 1.1s infinite ease-in-out;
    }
	
.ball:nth-child(5):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}				 
		

@-webkit-keyframes right {
  0%   { -webkit-transform: translate(-15px);   }
  50%  { -webkit-transform: translate(15px);    }
  100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
  0%   { -webkit-transform: translate(15px);    }
  50%  { -webkit-transform: translate(-15px);   }
  100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
  0%   { -moz-transform: translate(-15px);   }
  50%  { -moz-transform: translate(15px);    }
  100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
  0%   { -moz-transform: translate(15px);    }
  50%  { -moz-transform: translate(-15px);   }
  100% { -moz-transform: translate(15px);    }
}

@keyframes right {
  0%   { transform: translate(-15px);  }
  50%  { transform: translate(15px);   }
  100% { transform: translate(-15px);  }
}

@keyframes left {
  0%   { transform: translate(15px);   }
  50%  { transform: translate(-15px);  }
  100% { transform: translate(15px);   }
}


/* Who we are */
#who-we-images {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#who-we-images li {
    float: left;
    width: 100%;
    list-style: none;
}
#who-we-images li > img {
    float: left;
    width: 100%;
}

#who-we-images .owl-pagination {
    left: 50%;
    position: absolute;
    top: 20px;
    margin-left: -25px;
}
#who-we-images .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#who-we-images .owl-pagination .owl-page.active{
	background:#fff;
}
.who-we-desc {
    float: left;
    width: 100%;
}
.who-we-desc > h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
    width: 100%;
}
.who-we-desc > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 15px;
    width: 100%;
}
.who-we-desc > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 4px;
    padding: 13px 20px;
    text-transform: uppercase;
    
	-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;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.who-we-desc > a:hover{
	color:#fff;
}

/* Make an Appointment */
.appointment-form-sec .customlist, .form-builder select  {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	
    float: left;
    height: 40px;
    margin-bottom: 18px;
    width: 100%;
}
.appointment-sec {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    background: #fcfcfc;
	
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
	 padding: 30px;
	 
	 position:relative;
	 border: 1px solid #E8ECEC;
}
.appointment-sec:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -15px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%;
	
	opacity:0.5;
	filter:alpha(opacity=50);
}
.appointment-sec input#inputField {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #d1d1d1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #7A7A7A;
    font-family: roboto;
    font-size: 12px;
    height: 37px;
    letter-spacing: 0.3px;
    margin-top: 24px;
    text-align: center;
    width: 125px;
    margin: 0;
    margin-bottom: 0;
	margin-top: 15px;
}
.appointment-sec > span {
    color: #8B8B8B;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    padding: 0;
    text-align: center;
    width: 100%;
    line-height: 16px;
    margin: ;
}
.appointment-sec > span > i {
    color: #F8F8F8;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.appointment-form-sec {
    float: left;
    padding: 30px;
    width: 100%;
    padding: 0;
    background: none;
    margin-top: 20px;
}
.appointment-form-sec .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.appointment-form-sec #message {
    float: left;
    margin: 0;
    width: 100%;
}
.appointment-form-sec .alert p {
    margin: 0;
}
.appointment-form-sec .alert > div {
    height: auto;
    padding: 10px 13px;
}
.appointment-form-sec #message #success_page {
    float: left;
    width: 100%;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
    margin-bottom: 10px;
}
.appointment-form-sec #message #success_page h1 {
    float: left;
    font-family: lato;
    font-size: 24px;
    margin: 0 0 16px;
    width: 100%;
}
.appointment-form-sec #message #success_page p {
    margin: -10px 0 0;
}
.appointment-form-sec input {
    background: none repeat scroll 0 0 #F8F9F9;
    border: 1px solid #D7D7D7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 38px !important;
    letter-spacing: 0.3px;
    margin-bottom: 19px;
    padding-left: 15px;
    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;
}
.appointment-form-sec input:focus {
    border: 1px solid #bebebe;
}
.appointment-form-sec p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 15px;
    text-align: left;
    width: 100%;
}
.appointment-form-sec input.submit {
    border: 1px solid #7E7E7E;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #7E7E7E;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    height: auto;
    margin: 0 auto;
    padding: 7px 20px;
    width: auto;
    background: #999999;
    color: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}

/* Profile Page */
#my-profile-info {
    float: left;
    width: 100%;
}
.profile-social {
    display: table;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.profile-social:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
    -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;
	
    width: 100%;
	z-index:9;
}
.profile-social > img {
    float: left;
    width: 100%;
	
    -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;
	
	height: auto;
}
.profile-social > ul {
    left: 50%;
    margin: -17px 0 0 -25%;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 0;
    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;
	
    width: 50%;
    z-index: 99999;
}
.profile-social > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}

.profile-social > ul > li > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #666666;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
	
	opacity: 0;
	filter:alpha(opacity=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;
}
.profile-social > ul > li > a > i:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FAFAFA;
	
    -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;
}
.profile-social:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social:hover > ul > li > a > i{
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social > ul > li > a {
    float: left;
	width:100%;
}
.profile-social:hover:before {
    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);
}
.profile-social:hover > img {
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg);
}

.profile-social:hover > ul > li > a > i.fa-facebook {
	-webkit-transition:all 0.4s ease 0.1s;
	-moz-transition:all 0.4s ease 0.1s;
	-ms-transition:all 0.4s ease 0.1s;
	-o-transition:all 0.4s ease 0.1s;
	transition:all 0.4s ease 0.1s;
}
.profile-social:hover > ul > li > a > i.fa-google-plus {
	-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;	
}
.profile-social:hover > ul > li > a > i.fa-twitter {
	-webkit-transition:all 0.4s ease 0.5s;
	-moz-transition:all 0.4s ease 0.5s;
	-ms-transition:all 0.4s ease 0.5s;
	-o-transition:all 0.4s ease 0.5s;
	transition:all 0.4s ease 0.5s;
}
.profile-social:hover > ul > li > a > i.fa-linkedin {
	-webkit-transition:all 0.4s ease 0.7s;
	-moz-transition:all 0.4s ease 0.7s;
	-ms-transition:all 0.4s ease 0.7s;
	-o-transition:all 0.4s ease 0.7s;
	transition:all 0.4s ease 0.7s;
}
#my-profile-info > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 15px 0;
    text-align: left;
    width: 100%;
}
#my-profile-info > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
#my-profile-info > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    position: relative;
    text-align: left;
    width: 100%;
}

#my-profile-info > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    left: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    top: -3px;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
}

#my-profile-info > p:after {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    right: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    bottom: -3px;
    width: 67px;
}
.block.with-parallax .service6:hover > span {
    color: #fafafa !important;
}
.block.with-parallax .service6 > h3 > a {
    color: #F8F8F8;
}
.block.with-parallax .service6 > p {
    color: #eee;
}
.block.with-parallax .service6 > a {
    color: #eee;
}
.my-skills {
    float: left;
    width: 100%;
}
.custom-progress {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.custom-progress > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0 0 15px;
    width: 100%;
}
.with-parallax .service6 > span {
    color: #FAFAFA;
}
.custom-progress > p > i {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
}
.custom-progress .progress {
    background: none repeat scroll 0 0 #f5f5f5;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    height: 35px;
    margin: 0;
    width: 100%;
}
.custom-progress .progress > .progress-bar {
    float: left;
    position: relative;
}
.custom-progress .progress > .progress-bar > span {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    left: 0;
    line-height: 33px;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}
#experience {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#experience ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
#experience ul > li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    padding-bottom: 18px;
    padding-left: 128px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
#experience ul > li > span {
    background: none repeat scroll 0 0 #b9b9b9;
    
	-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;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #FFFFFF;
    font-family: roboto;
    font-size: 20px;
    font-weight: 600;
    height: 80px;
    left: -1px;
    line-height: 80px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 110px;
}
#experience ul > li > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    width: 100%;
}
#experience ul > li > i {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    line-height: 10px;
    margin-top: 18px;
    width: 100%;
}
#experience ul > li > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    width: 100%;
}



/* Expert Lawyer Sec */

.expert-lawyer-sec {
    float: left;
    width: 100%;
    position: relative;
}
.lawyer-slide {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -30px;
}
.lawyer-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.lawyer-box > img {
    float: left;
    width: 100%;
}
.lawyer-box:hover .layer-desc {
    height: 90%;
	background: rgba(255,255,255,0.88);
}
.layer-desc {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5%;
    height: 69px;
    left: 3%;
    padding: 10px 45px;
    position: absolute;
	
    -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;
	
    width: 94%;
}
.lawyer-box:hover .layer-desc > i {
    height: 50%;
    margin-top: -14%;
	background:#666;
}
.layer-desc > i {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 44%;
    left: 45px;
    margin-top: -5%;
    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;
	
    width: 1px;
}
.lawyer-box:hover .layer-desc > span {
    opacity: 1;
	filter:alpha(opacity=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;
	
	color:#666;
}
.layer-desc > span {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    left: 70px;
    line-height: 10px;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.layer-desc > h2 {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 70px;
    margin: -11px 0 0;
    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;
}
.lawyer-box:hover .layer-desc > h2 {
    margin-top: -25px;
	color:#666;
}
.layer-desc > a {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 48px;
    width: 48px;
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    background: #fff;
	
    -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;

    opacity: 0;
	filter:alpha(opacity=0);
	
    z-index: 1;
	
    -webkit-transform: scale(1.3) rotate(180deg);
    -moz-transform: scale(1.3) rotate(180deg);
    -ms-transform: scale(1.3) rotate(180deg);
    -o-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
}
.layer-desc > a > i{
	float:left;
	width:100%;
	line-height:48px
}
.layer-desc > a:hover{
	color:#fff;
}
.lawyer-box:hover .layer-desc > a {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}


/* Experties Sec */
.experties-sec {
    float: left;
    width: 100%;
}
.experties-sec.style2 > .experties > h2:before {
    display: none;
}
.experties-sec.style2 > .experties > h2 {
    padding: 15px;
}
.experties {
    float: left;
    width: 100%;
}
.experties > h2.active, .experties-sec.style2 > .experties > h2.active {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.experties > h2:before {
    left: 15px;
    position: absolute;
    top: 50%;
    content: "+";
    margin-top: -7px;
}

.experties > h2.active:before {
    content: "-";
}
.experties > h2 {
    background-color: #FFFFFF;
    background-position: 17px 17px;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 10px;
    padding: 15px 40px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
	-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;
	
	position:relative;
	
    width: 100%;
}
.experties .content, .experties .content2 {
    float: left;
    width: 100%;
}
.experties .content > p, .experties .content2 > p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.21px;
    line-height: 24px;
    margin: 3px 0 13px;
    width: 100%;
    margin-top: 4px;
    letter-spacing: 0.30px;
}


/* Upcoming Event */
#upcoming-event {
    float: left;
    width: 100%;
    position: relative;
	margin-top:-30px;
}
.upcoming-event-sec {
    float: left;
    width: 100%;
    position: relative;
}
.event-box {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.event-box > img {
    float: left;
    width: 100%;
}
.event-desc {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.88);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 14px;
    height: 60px;
    left: 4%;
    padding: 22px 15px;
    position: absolute;
    width: 92%;
	
    -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;
}
.event-box:hover .event-desc {
    height: 87%;
}
.event-desc > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
}
.event-desc > h3 > a{
	color:#666;
}
.event-desc > span {
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    left: 16px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 17px;
    margin-top: -11px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    width: 100%;
}
.event-box:hover .event-desc > .line1 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 62px;
	
	-webkit-transition: all 0.4s ease 0.5s;
	-moz-transition: all 0.4s ease 0.5s;
	-ms-transition: all 0.4s ease 0.5s;
	-o-transition: all 0.4s ease 0.5s;
	transition: all 0.4s ease 0.5s;

}
.event-box:hover .event-desc > .line2 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 92px;
	
	-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;
}
.event-box:hover .event-desc > .line3 {
    top: 122px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.event-box:hover .event-desc > .line4 {
    top: 152px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.2s;
	-moz-transition: all 0.4s ease 0.2s;
	-ms-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}
.event-box:hover .event-desc > span {
    opacity: 1;
	filter:alpha(opacity=100);
}
.event-desc > span > i {
    font-size: 15px;
    margin-right: 15px;
    width: 16px;
    text-align: center;
}


/* Upcoming Event 2 */
.upcoming-event-sec2 {
    float: left;
    width: 100%;
}

.upcoming-event-sec2 > ul {
    float: left;
    padding: 0;
    width: 100%;
    margin: 0px;
}
.upcoming-event-sec2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
}
.upcoming-event2 {
    float: left;
    width: 100%;
}

.upcoming-event2 > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.upcoming-event2 > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 5px 0 15px;
    width: 100%;
    line-height: 28px;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.upcoming-event2 > h3 > a {
    color: #666666;
	
	-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;
}
.upcoming-event2 > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
    color: #999999;
    font-weight: normal;
}
.upcoming-event2 > span > i {
    font-size: 14px;
    margin-right: 15px;
    width: 20px;
    text-align: center;
}
.upcoming-event2 > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: left;
    width: 100%;
}


/** Event Wide  **/
.event-wide {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.event-wide .event-count > p {
    text-align: left;
}
.event-wide img {
    float: left;
    width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.event-wide .event-count > ul {
    float: left;
    width: 100%;
}

.event-wide .event-count{
	margin:0;
}
.event-wide .event-count > ul > li {
    width: auto;
}
.event-wide .event-count > span {
    float: left;
    margin-right: 30px;
    padding: 0;
    width: auto;
}

/* Law Slide 1 */
.law-btns > li {
    float: left;
    margin: 0 10px !important;
}


/* Law Slide 2 */
.law-btns2 > li{
	float: left;
    margin-right: 15px !important;
}

/* Seo Slide */
.law-btn-list:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    left: 14px;
    margin-top: -7px;
    opacity: 0.8;
}

/* About Ceo 2 */
.about-ceo-sec2 {
    float: left;
    position: relative;
    width: 100%;
}

.about-ceo-sec2  img {
    float: left;
    width: auto;
}
.ceo-detals2 {
    float: left;
}
.ceo-detals2 > h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 50px;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    color: #999999;
    letter-spacing: 0.30px;
    line-height: 15px;
    margin-bottom: 25px;
	text-transform:uppercase;
}
.ceo-detals2.style2 {
    text-align: center !important;
}
.ceo-detals2 > h3 > i {
    font-style: normal;
	font-size:20px;
	text-transform: none;
}
.ceo-detals2 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 50px;
    width: 100%;
}
.ceo-detals2 > p > a {
    background: none repeat scroll 0 0 #858585;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: inline;
    font-size: 13px;
    line-height: 20px;
    margin-left: 15px;
    padding: 4px 8px;
	
	-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;
}
.ceo-detals2 > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.ceo-detals2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
.ceo-detals2 > ul > li > a {
    float: left;
}
.ceo-detals2 > ul > li > a > i {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    font-size: 26px;
    height: 70px;
    line-height: 70px;
    text-align: center;
	
    -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;
	
    width: 70px;
}
.ceo-detals2 > ul > li > a > i:hover {
    color:#fff !important;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook {
	color:#3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook:hover {
    background: none repeat scroll 0 0 #3B5998;
    border: 1px solid #3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter {
	color:#00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter:hover {
    background:#00aced;
	border: 1px solid #00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus {
	color:#dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus:hover {
    background:#dd4b39;
	border: 1px solid #dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin {
	color:#007bb6;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin:hover {
    background:#007bb6;
	border: 1px solid #007bb6;
}

/* About Ceo 3 */
.ceo-details3 {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.8);
	
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    
	-webkit-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-moz-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-ms-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-o-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	
    float: right;
    padding: 45px 30px;
	width: 65%;
	position: relative;
	margin-right: -4px;
}
.ceo-details3:before {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.3);
    
	-webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
	
    content: "";
    height: 100%;
    left: -4px;
    position: absolute;
    top: 4px;
    width: 100%;
    z-index: -1;
}
.ceo-details3 > h3 {
    color: #fbfbfb;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 15px;
    width: auto;
	position: relative;
	padding-bottom:7px;
}

.ceo-details3 > h3:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 24%;
    margin-left: -12%;
    background: #fff;
    height: 2px;
    content: "";
}
.ceo-details3 > h3 > i {
    color: #AEAEAE;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 5px;
    float: right;
    font-style: normal;
    margin-left: 15px;
    letter-spacing: 0.30px;
}
.ceo-details3 > p {
    color: #d2d2d2;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    width: 92%;
}



/* Tab Sections */

.tab-sec {
    float: left;
    width: 100%;
    padding: 27px;
    background: #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.tab-sec > ul.nav.nav-tabs {
    border: medium none;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
}
.tab-sec > ul.nav.nav-tabs > li {
    float: left;
    margin: 0;
}
.tab-sec > ul.nav.nav-tabs > li > a {
    border-right: 1px solid #E8E6E6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
	
    -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: 0;
	 -moz-border-radius: 0;
	 -ms-border-radius: 0;
	 -o-border-radius: 0;
	 border-radius: 0;
	 
	 height: 30px;
    line-height: 29px;
}
.tab-sec > ul.nav.nav-tabs > li > a:hover {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li.active > a {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li:last-child > a {
    border: medium none;
}
.tab-sec .tab-content {
    float: left;
    width: 100%;
}
.tab-project {
    float: left;
    width: 100%;
}
.tab-project > h3, .tab-work > h3, .tab-article h3, .tab-video > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0 0 22px;
    width: 100%;
    margin-top: -10px;
}
.tab-project img, .tab-article img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.tab-project > p, .tab-work > p, .tab-article p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 11px;
    width: 100%;
}

.tab-article .col-md-8 p {
    margin-top: 0px;
}
.tab-work {
    float: left;
    width: 100%;
}

.tab-work > span {
    float: left;
    margin-right: 20px;
}
.tab-work > a {
    float: left;
    font-family: roboto;
    font-size: 12px;
    color: #ffffff;
    padding: 6px 12px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 10px;
    margin-top: 15px;
    letter-spacing: 0.30px;
}
.tab-work > p {
    display: block;
    float: none;
    margin: 0 0 8px;
}
.tab-work > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.tab-work > ul > li {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-top: 10px;
    width: 100%;
	min-height: 204px;
}
.tab-work > ul > li:first-child {
    margin: 0;
}
.tab-work > ul > li > i {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 16px;
    margin-right: 15px;
	margin-bottom:10px;
}

/* Job Box */
.job-box {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #f4f2f2;
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: 30px;
    padding: 20px 20px 50px 170px;
    position: relative;
    width: 100%;
	
	min-height: 300px;
}
.job-box > span {
    color: #777777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    height: auto;
    left: 20px;
    line-height: 31px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 128px;
}
.job-box > span > i {
    float: left;
    font-style: normal;
    width: 100%;
    font-family: lato;
    font-size: 13px;
    font-weight: bold;
    color: #777777;
}
.job-box > h3 > a {
    color: #555555;
}
.job-box > span > img {
    float: left;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.job-box > h3 {
    color: #555555 !important;
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: -5px 0 0;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.job-box > i {
    display: block;
    font-family: Noto Sans;
    font-size: 12px;
    font-style: normal;
    color: #b4bbc2 !important;
}
.job-box > p {
    color: #949494;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
    line-height: 21px;
    margin-top: 10px;
}
.job-box > a {
    background: none repeat scroll 0 0 #bdbdbd;
    
	-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;
	
    bottom: 0;
    color: #ffffff;
    float: right;
    font-family: open sans;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 2px;
    padding: 12px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 100%;
}


/* Our Blog  Style 1*/
.our-blog-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.our-blog-link {
    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;	
	
}
.our-blog-link > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
    height: auto;
}

.our-blog-link:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.77);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: -101%;
	
    -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;
	
    width: 100%;
}
.our-blog-box:hover .our-blog-link:before {
    top: 0;
}

.our-blog-link > a {
    color: #FFFFFF;
    font-size: 18px;
    left: 50%;
	
    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.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;
	
    margin-left: -8px;
    z-index: 999;
}

.our-blog-box:hover .our-blog-link > a {
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 14px;
	
	-webkit-transition: all 0.5s ease 0.3s;
	-moz-transition: all 0.5s ease 0.3s;
	-ms-transition: all 0.5s ease 0.3s;
	-o-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}
.our-blog-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog-link:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    
	-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;
	
    content: "";
    height: 50px;
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 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;
	
    width: 50px;
}
.our-blog-box:hover .our-blog-link:after {
    left:50%;
	
	-webkit-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
	-ms-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	transition: all 0.5s ease 0.1s;
	
	margin-left:-25px;
}

.our-blog-box > h2 > a {
    color: #404040;
}
.our-blog-box > h2 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    line-height: 28px;
    margin: 12px 0;
    width: 100%;
    margin-top: 15px;
}
.our-blog-box > span strong a {
    color: #565656;
    font-family: lato;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
}
.our-blog-box > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 8px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 0;
    width: 100%;
}
.our-blog-box > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-right: 5px;
    padding: 0;
}
.our-blog-box > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: 5px;
}
.our-blog-box > span > strong {
    font-weight: 600;
}


/* our Blog 2 */
.our-blog2 {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -30px;
}
.our-blog-sec2 {
    float: left;
    width: 100%;
    position: relative;
}

.our-blog-box2 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	margin-top:30px;
}

.our-blog-box2:hover img {

    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.our-blog-box2 > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	
    -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;
	
    width: 100%;
}

.our-blog-link2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 4%;
    left: 4%;
    position: absolute;
	
    -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;
	
    width: 92%;
    height: 50px;
}
.our-blog-box2:hover .our-blog-link2 {
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
}
.our-blog-box2:hover .our-blog-link2 > h2 {
    color: #fff;
    margin-top: -40px;
}
.our-blog-box2:hover .our-blog-link2 > h2 > a {
    color: #E4E3E3;
}
.our-blog-link2 > h2 {
    color: #666666;
    float: none;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    line-height: 13px;
    margin: -5px 0 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.our-blog-link2 > h2 > a {
    color: #313131;
}
.our-blog-link2 > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.5);
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #6A6A6A;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    width: 35px;
}
.our-blog-link2 > a > i:hover{
	color:#fff;
}
.our-blog-box2:hover .our-blog-link2 .fa-search {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-blog-link2 > a > i.fa-search {
    left: 50%;
    margin-left: -40px;
	
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
	
    -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;
}
.our-blog-box2:hover .our-blog-link2 .fa-link {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
}
.our-blog-link2 > a > i.fa-link {
    margin-right: -40px;
    right: 50%;
	
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg);
	
    -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;
}


/* Our Blog 3 */
.our-blog3-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog3-box > span {
    float: left;
    margin-right: 20px;
    width: 25%;
}
.our-blog3-box > span > a {
    float: left;
    width: 100%;
}
.our-blog3-box > span > a img {
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.our-blog3-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-blog3-box > h3 {
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
}
.our-blog3-box > h3 > a{
	color:#666;
}
.our-blog3-box > p {
    color: #7A7A7A;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    line-height: 24px;
    color: #888;
}
.our-blog3-box > ul {
    display: block;
    margin: 0;
    padding: 0;
}
.our-blog3-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
.our-blog3-box > ul > li:last-child {
    margin: 0;
}
.our-blog3-box > ul > li > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 8px;
	
	-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-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
}
.our-blog3-box > ul > li > a > i {
    margin-right: 5px;
}
.our-blog3-box > ul > li > a:hover {
    color: #FFFFFF;
}

/* Our Blog4 */

/* With Parallax */
.block.dark .our-blog4-box > h3 > a {
    color: #FFFFFF;
}
.block.dark .our-blog4-box > p {
    color: #b0afaf;
	border-color:rgba(132,132,132,0.57)
}
.block.dark .blog4-metas > li > a {
    background: none repeat scroll 0 0 #7C7C7C;
    border-color: #7C7C7C;
	color:#d3d3d3;
}
.block.dark .title {
    color: #fff;
}
.title {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%;
}
.title > i {
    border-bottom: 1px solid #A9A9A9;
    color: #F0F0F0;
    float: left;
    font-style: normal;
    font-weight: bold;
    margin-right: 7px;
    padding-bottom: 10px;
}
.block.dark .title > i {
    color: #fff;
}


.our-blog4 {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-blog4-box:hover > a:after {
	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);	
}
.our-blog4-box {
    float: left;
    margin-top: 30px;
    
	-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;
	
    width: 100%;
}
.our-blog4-box > a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    content: "";
    z-index: 1;
	
    -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;
	
    opacity: 0;
	filter:alpha(opacity=0);	
}
.our-blog4-box > a:after {
    color: #FFFFFF;
    content: "ï‚Ž";
    font-family: fontawesome;
    font-size: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
    z-index: 1;
}
.our-blog4-box > a {
    float: left;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
	position: relative;
}
.our-blog4-box > a > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    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;	
}
.our-blog4-box:hover > a > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.our-blog4-box:hover > a:before {
	opacity: 1;
	filter:alpha(opacity=100);
}
.blog4-metas {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.blog4-metas > li {
    float: left;
    margin-right: 15px;
    list-style: none;
}
.blog4-metas > li > a {
    float: left;
    font-family: roboto;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    padding: 8px 10px;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 9px;
	font-weight:400;
}
.our-blog4-box > h3 {
    color: #333;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 63px;
}
.our-blog4-box > h3 > a {
    color:#666666;
	
	-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;	
}
.our-blog4-box > p {
    border-bottom: 1px solid #eeeeee;
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 20px;
    width: 100%;
}

.blog4-metas > li > a > i {
    margin-right: 6px;
}


/* Whats is New */
#whats-new {
    float: left;
    width: 100%;
	margin-top:10px;
}
#whats-new > img {
    bottom: -70px;
    position: absolute;
    right: 0;
}
#whats-new > h1 {
    color: #555555;
    float: left;
    font-family: lato;
    font-size: 52px;
    margin: 0;
    width: 100%;
    line-height: 42px;
    letter-spacing: 0.30px;
}
#whats-new > h1 > span {
    float: left;
    width: 100%;
    font-size: 150px;
    line-height: 117px;
    margin-top: 30px;
}

#whats-new > h1 > i {
    float: left;
    width: 100%;
    font-style: normal;
    margin-top: 38px;
}



/* Our CEO PLAN */
.ceo-plan-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.ceo-plan-box .video-paralax {
    margin-top: 70px;
}
#ceo-plan-box {
    padding-top: 40px;
}
.ceo-plan-box > .row > div > img {
    float: left;
    width: 100%;
}
.ceo-plan-detail {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -10px 0 20px;
    text-transform: uppercase;
    width: 100%;
}
.ceo-plan-detail > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: -10px;
}
.ceo-plan-detail > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    width: 100%;
}
.ceo-plan-detail > ul > li:last-child {
    margin: 0;
}
.ceo-plan-detail > ul > li > span {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 45px;
    margin-right: 22px;
    padding: 9px 0;
    text-align: center;
    width: 45px;
}
.ceo-plan-detail > ul > li > span > i {
    float: left;
    line-height: 29px;
    text-align: center;
    width: 100%;
}
.ceo-plan-detail > ul > li > h4 {
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
}

.ceo-plan-box > .row > div {
    float: left;
    position: relative;
}

.ceo-plan-box > .row > div.col-md-3:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 12px;
    content: "";
}
.ceo-plan-detail > ul > li > p {
    color: #888;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 85%;
}


/* Testimonial 1 */
.testimonial-sec {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.testimonial-sec  li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec li > span {
    border: 4px solid rgba(255, 255, 255, 0.31);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 140px;
    margin: 0 auto 23px;
    overflow: hidden;
    width: 140px;
}
.testimonial-sec li > span > img {
    float: left;
    width: 100%;
}
.testimonial-sec li > p {
    color: #fff !important;
    display: block;
    font-family: lato;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: 0 0 25px;
    opacity: 1;
    padding: 0 100px;
    text-align: center;
}
.testimonial-sec li > a {
    display: table;
    float: none;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    margin: 25px auto;
}
.testimonial-sec .owl-pagination {
    float: none;
    margin: 0 auto;
    display: table;
}
.testimonial-sec .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 12px;
    margin: 0 5px;
    width: 12px;
	
	-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;
}

.testimonial-sec .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}



/* Testimonial 2 */
.testimonial-sec2 {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
}

.testimonial-sec2 li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec2 li > span {
    float: left;
    margin-right: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
	
	width: 40%;
}
.testimonial-sec2 li > span > img {
    float: left;
	width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.testimonial-sec2 li > a {
    color: #999999;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: right;
    width: 100%;
}
.testimonial-sec2 li > a > i {
    font-style: normal;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.testimonial-sec2 li > p {
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 10px;
    position: relative;
}

.testimonial-sec2 li > p:before {
    background-image: url("../images/ceo-coma.png");
    bottom: -70px;
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
}
.testimonial-sec2 .owl-pagination {
    display: table;
    float: right;
    margin-top: 0px;
    position: relative;
    z-index: 9999;
}
.testimonial-sec2 .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cccccc;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 5px;
    width: 6px;
}


/* Testimonial for White bg */
.f-testimonail.with-white > .tab-content {
    background: none;
}

.f-testimonail.with-white > ul > li {
    margin-bottom: 20px;
}
.f-testimonail.with-white > ul > li.active a {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > ul > li.active a > img {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > .tab-content > div {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e8ecec;
}
.with-white .f-testimonial-box > p {
    color: #7A7A7A;
    font-family: roboto;
    font-size: 13px;
    line-height: 24px;
    color: #777777;
    padding: 0;
}

/* Our Clients */

.our-clients {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-clients  a {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E2E2E2;

    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
	
    float: left;
    margin-top: 30px;
    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;
}
.our-clients  a > img {
    float: left;
    width:100%;
}
.our-clients a:hover {
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
 
    -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
}

/* our Clients2 */

#our-clients-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.our-clients2 {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.clients-hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.clients-hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,0.8);
    
	-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;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.our-clients2:hover .clients-hover:before {
    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);
}
.clients-hover > a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #f8f8f8;
    font-size: 20px;
    height: 45px;
    left: 50%;
    line-height: 45px;
    margin-left: -22.5px;
    margin-top: -22.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    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.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;
	
    width: 45px;
}
.our-clients2:hover .clients-hover > a {
    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);
}
.our-clients2 > h3 {
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}
.our-clients2 > p > i {
    font-style: italic;
    font-weight: bold;
}
.our-clients2 > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}
.our-clients2 > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}
.clients-hover > img {
    float: left;
    width: 100%;
}
.our-clients2 > h3 > a {
    color: #404040;
}
.our-clients2 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 10px;
    text-transform: uppercase;
	 border: 1px solid #404040;
}



/* Employee of The Month */
.emp-of-month-sec {
    float: left;
    width: 100%;
}
.employee-img {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -20px;
}
.emp-of-month-desc > h3 {
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.emp-of-month-desc > span {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 25px;
}
.emp-of-month-desc > ul > li > a i {
    float: left;
    line-height: 44px;
    width: 100%;
}
.emp-of-month-desc > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #777777;
    letter-spacing: 0.30px;
    margin: 0;
    line-height: 24px;
}
.employee-img > img {
    float: left;
    width: 100%;
}
.employee-img:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 13px;
    bottom: -1px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
}
.emp-of-month-desc {
    float: left;
    width: 100%;
}
.emp-of-month-desc > ul {
    float: left;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}
.emp-of-month-desc > ul > li {
    float: left;
    list-style: none outside none;
	margin-right:15px;
}
.emp-of-month-desc > ul > li > a {
    float: left;
    width: 46px;
    height: 46px;
    background: #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 1px solid #e8ecec;
    text-align: center;
    font-size: 13px;
    color: #414141;
    line-height: 43px;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
    -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;
}
.emp-of-month-desc > ul > li > a:hover{
	color:#fff;
}



/* Next product */

.next-products {
    float: left;
    width: 100%;
}
.next-products h3 {
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    width: 100%;
    margin-bottom: 35px;
    letter-spacing: 0.30px;
}
.next-products p {
    color: #676565;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.35px;
    line-height: 25px;
    float: left;
    margin: 0;
}
.next-products img {
    float: left;
    width: 100%;
}
.next-products ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.next-products ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 22px;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #6b6868;
    letter-spacing: 0.30px;
}
.next-products ul > li > i {
    float: left;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 3px;
}


/* Show Product */

.show-product {
    float: left;
    width: 100%;
    position: relative;
}
.show-products-lcds {
    float: left;
    height: 330px;
    position: relative;
    width: 100%;
}
.show-products-lcds > span {
    float: none;
    margin: 0 auto;
    display: table;
}
.show-product > h2 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: normal;
    margin: 10px 0 15px;
    text-align: center;
    width: 100%;
}
.show-product > p {
    color: #777777;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.show-product > a:hover{
	color:#fff;
}
.show-product > a {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fffefe;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 40px;
    margin-top: 20px;
	
	-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;	
	
	border:2px solid;
}
.show-product > a:hover {
    background: none repeat scroll 0 0 #333333;
}
#show-product-slide .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -50px;
}
#show-product-slide .owl-buttons > div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    float: left;
    position: relative;
    border: none;
    height: auto;
    width: auto;
}
#show-product-slide .owl-buttons > div.owl-next {
    float: right;
}

#show-product-slide .owl-buttons > .owl-next:before {
    content: "\f105";
}
#show-product-slide .owl-buttons > .owl-prev:before {
    content: "\f104";
}
#show-product-slide .owl-buttons > div:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: fontawesome;
    font-size: 113px;
    color: #999;
}

.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

}
 
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
 
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:         transform, opacity;
    -o-transition-property:         transform, opacity;
    transition-property:         transform, opacity;
}


/* Success Work */
#success-work-nav {
    display: table;
    float: none;
    margin: 0 auto 30px;
    position: relative;
    z-index: 9;
}
#success-work-nav > ul {
    border-left: 3px solid;
    border-right: 5px solid;
    float: left;
    margin: 0;
    padding: 0;
}
#success-work-nav > ul > li > a.active {
    padding-bottom: 13px;
    padding-top: 27px;
}
#success-work-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: -2px;
}
#success-work-nav > ul > li > a:after {
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    content: "\f0ab";
    font-family: fontawesome;
    left: 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;
	
    opacity: 0;
}
#success-work-nav > ul > li .active:after {
	top:10px;
	opacity:1;
}
#success-work-nav > ul > li > a {
    background: none repeat scroll 0 0 #fbfbfb;
    border-right: 1px solid #dedede;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 20px;
    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;
	
    z-index: 1;
}
#success-work-nav > ul > li {
    border: 1px solid #dedede;
}
#success-work-nav > ul > li:last-child > a {
    border: medium none;
}
#success-work-nav > ul > li > i {
    display:none;
}
#success-work-nav > ul > li > a > i {
    color: #ececec;
    font-size: 14px;
    margin-right: 15px;
}

.success-work {
    float: left;
	margin-top:30px;
	width:100%;
}
#success-work {
    margin-top: -30px;
    float: left;
    width: 100%;
}
.success-work-desc {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.success-work-desc > img {
    float: left;
    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;
}

.success-work:hover .success-work-desc > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.success-work-desc > a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    font-size: 20px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
	
    -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;
	
    width: 50px;
	z-index: 9;
	border: 1px solid rgba(0,0,0,0.2);
}
.success-work-desc > a > i {
    float: left;
    line-height: 48px;
    text-align: center;
    width: 100%;
}
.success-work:hover .success-work-desc > a {
    -webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
	-webkit-transition: all 0.5s ease 0.2s;
	-moz-transition: all 0.5s ease 0.2s;
	-ms-transition: all 0.5s ease 0.2s;
	-o-transition: all 0.5s ease 0.2s;
	transition: all 0.5s ease 0.2s;
}
.success-work-desc > a:hover {
    color: #fff;
}
.success-work-desc:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
	
    -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;
	
    width: 100%;
    z-index: 9;
}
.success-work:hover .success-work-desc:before {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.success-work > h2 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 20px 0 15px;
    text-align: left;
    width: 100%;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.success-work > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -3px 0 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Latest Project */
#latest-project {
    float: left;
    width: 100%;
}


/* Latest Features */
.ltst-feature-sec {
    float: left;
    width: 100%;
}
.ltst-feature-box {
    float: left;
    width: 100%;
}
.ltst-feature-box > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.ltst-feature-box > h2 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: lighter;
    margin-bottom: 11px;
}
.ltst-feature-box > p {
    color: #7a7a7a;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
}



/* Our Projects */
.our-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}

.project-desc > h3 {
    color: #555555;
    float: left;
    font-family: lato;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 7px 0 10px;
    padding-right: 15px;
    width: 100%;
}
.project-desc > h3 > a {
    color: #555555;
}
.our-project-sec p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    padding-right: 12px;
    width: 100%;
}
.our-project-box > span {
    float: left;
    padding-right: 15px;
    position: relative;
    width: 50%;
}
.our-project-box > span > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    color: #666666;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    right: 15px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin-bottom: 3%;
    margin-right: 3%;
    padding: 14px;
    position: absolute;
    text-align: center;
    width: 89%;
}
.our-project-box > span > i > strong {
    font-size: 14px;
}
.project-desc > span {
  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 8px 13px;
    text-transform: uppercase;
    width: auto;
    margin: 0;
}
.project-desc > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
	margin-right:5px;
}
.project-desc {
    float: left;
    width: 50%;
}
.our-project-sec .owl-pagination {
    float: right;
    margin-top: -20px;
    z-index: 99999;
	position:relative;
}
.our-project-sec .owl-pagination > .owl-page {
    float: left;
    height: 6px;
    width: 6px;
    background: #cccccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-left: 10px;
    margin-top: 12px;
}
.our-project-sec img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.our-projecty {
    float: left;
    margin-top: 30px;
    width: 100%;
}


/* Get a Quote */
.quote-widget {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
}
#quote-head{
	float:left;
	width:100%;
    padding: 30px;
}
#quote-head > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
#quote-head > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}
.quote-form-sec {
    background: none repeat scroll 0 0 #FCFCFC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
	padding:30px;
	border-top: 1px solid #e8ecec;
}
.quote-form-sec input {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #D1D1D1;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    padding-left: 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;
	
    width: 100%;
}
.quote-form-sec input:focus {
    border: 1px solid #BEBEBE;
}
.quote-form-sec input.submit {
    background: none repeat scroll 0 0 #999999;
    border: 1px solid #7E7E7E;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    height: auto;
    margin: 14px auto 0;
    padding: 7px 20px;
    width: auto;
}


/* Our Team */
.our-team-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-team-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-title {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.our-team-box:hover .team-title:after {
    bottom: 0;
    height: 100%;
    left: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);	
}
.our-team-sec.with-parallax .our-team-box:hover .team-title:after {
    height: 100%;
}
.team-title:after {
    bottom: 8px;
    content: "";
    height: 55px;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
    z-index: 1;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.team-title > img {
    float: left;
    width: 100%;
}
.our-team-box:hover .team-title > h3 {
    bottom: 50%;
    height: 33px;
    margin-top: -24px;
	color:#888;
}
.our-team-box:hover .team-title > h3 > a {
	color:#888;
}
.team-title > h3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: roboto;
    font-size: 16px;
    height: 56px;
    left: 0;
    line-height: 16px;
    margin: 0;
    padding: 11px 0px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 100%;
    z-index: 24;
	color: #fff;
}
.team-title > h3 > a{
	color: #fff;
}
.team-title > ul {
    bottom: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    margin-left: -101px;
}
.team-title > ul > li {
    list-style: none outside none;
    margin: 0 15px;
    position: absolute;
    bottom: 15%;
    opacity: 0;
	filter:alpha(opacity=0);
	
	margin-bottom: 15px;
}
.team-title > ul > li > a {
    float: left;
    font-size: 23px;
    color: #777777;
}
.our-team-box:hover .team-title > ul > li.facebook {
	left:30px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.twitter {
	left:60px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.google-plus {
	left:90px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.linkedin {
	left:120px;
	
    -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;
}

.our-team-box:hover .team-title > ul > li.facebook {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.our-team-box:hover .team-title > ul > li.twitter {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
}
.our-team-box:hover .team-title > ul > li.google-plus {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-team-box:hover .team-title > ul > li.linkedin {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.our-team-box > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul {
    border: medium none;
    padding: 0;
    margin: 0;
}
.our-team-sec.with-parallax .our-team-box > ul > li {
    border: 1px solid rgba(242, 242, 242, 0.37);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -moz-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -ms-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -o-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
	
    float: left;
    margin: 20px 0 0;
    padding: 10px 20px 2px;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul > li > h5 {
    color: #f8f8f8;
}
.our-team-sec.with-parallax .our-team-box > ul:before {
    display: none;
}
.our-team-box > ul > li > i {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #eae9e9;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #999999;
    float: left;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    margin-right: 18px;
    text-align: center;
    width: 30px;
}
.our-team-box > ul > li > h5 {
    color: #666666;
    display: block;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 29px;
    margin: 0;
}
.our-team-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 10px;
    width: 100%;
}
.our-team-box > ul > li > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
}
.our-team-box > ul > li:last-child {
    margin: 0;
}

/* Latest News */
.latest-news {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.news-hover {
    float: left;
    width: 100%;
    position: relative;
}
.news-hover > img {
    float: left;
    width: 100%;
    z-index: 2;
    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;
	
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-ms-border-radius:3px 3px 0px 0px;
	-o-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
}
.latest-news:hover .news-hover > img {
    opacity: 0.3;
	filter:alpha(opacity=30);
}

.news-hover > a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    left: 50%;
    top: 50%;
   
	-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;
	
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
	
    -webkit-transform: rotatex(90deg) perspective(200px);
    -moz-transform: rotatex(90deg) perspective(200px);
    -ms-transform: rotatex(90deg) perspective(200px);
    -o-transform: rotatex(90deg) perspective(200px);
    transform: rotatex(90deg) perspective(200px);
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
}
.news-hover > a > i{
	float:left;
	width:100%;
	line-height:40px;
}
.latest-news:hover .news-hover > a {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.news-detials {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    width: 100%;
    padding: 30px;
}
.news-detials > h3 {
    color: #666;
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: -10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.news-detials > h3 > a {
    color: #666;
}
.news-detials > span {
    color: #7A7A7A;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.news-detials > span > i{
	margin-right:10px;
}
.news-detials > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #888;
    letter-spacing: 0.30px;
    line-height: 24px;
    margin: 0;
}

/* Our Plan Details */
.our-pan-details {
    float: left;
    width: 100%;
    margin-top: 17px;
}

.features-slide {
    float: left;
    width: 100%;
    margin-top: 45px;
}
.slide-feature-box {
    float: left;
    width: 100%;
    background: rgba(255,255,255,0.54);
    border: 1px solid #b4b4b4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 35px 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;
}
.slide-feature-box:hover > i{
	color:#fff;
}
.slide-feature-box > i {
    color: #555555;
    float: left;
    font-size: 50px;
    line-height: 44px;
    margin-bottom: 15px;
    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;
}
.slide-feature-box > span {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #555555;
    font-family: roboto;
    letter-spacing: 0.30px;
    line-height: 10px;
	
	-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;
}
.slide-feature-box:hover > span{
	color:#fff;
}
.features-slide .owl-pagination {
    display: table;
    float: none;
    margin: 0 auto;
    margin-top: 30px;
}
.features-slide .owl-pagination .owl-page {
    background: none repeat scroll 0 0 #FFFFFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 3px;
    width: 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;
}


/* portfolio */

.portfolio-sec  ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.portfolio-box  img {
    float: left;
    width: 100%;
    padding: 1px ;
}
.portfolio-sec  ul > li {
    float: left;
    width: 20%;
    list-style: none;
}
.portfolio-box {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.portfolio-box > h3 {
    color: #ffffff;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 17px;
    margin: -40px 0 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    
	-webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
	
    white-space: nowrap;
    width: 100%;
    z-index: 99999;
}
.portfolio-box > a > i {
    float: left;
    line-height: 29px;
    width: 100%;
}
.portfolio-box:hover h3 {
    bottom: 10px;
	
    opacity: 1;
	filter:alpha(opacity=1);
}
.portfolio-box > i {
    position: absolute;
    width: 100%;
    height: 20%;
    background: rgba(15,15,15,0.8);
    z-index: 9;
}
.portfolio-box > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #DBDBDB;
    font-size: 14px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -15px;
    margin-top: 6px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    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;
	
    width: 30px;
    z-index: 9999999999;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.portfolio-box:hover > a.search{
    margin-left: 5px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.5s;
    -moz-transition: all 0.4s ease 0.5s;
    -ms-transition: all 0.4s ease 0.5s;
    -o-transition: all 0.4s ease 0.5s;
    transition: all 0.4s ease 0.5s;
}

.portfolio-box > a:hover {
    background: #fff;
    color: #333;
}
.portfolio-box:hover > a.link {
    margin-left: -30px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.4s;
    -moz-transition: all 0.4s ease 0.4s;
    -ms-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
}
.portfolio-box > i{
    opacity: 0;
}
.portfolio-box > i.box1 {
	left:0;
	top:0;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box2 {
	right:0;
	top:20%;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box3 {
	left:0;
	top:40%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box4 {
	right:0;
	top:60%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box5 {
	left:0;
	top:80%;
	
	-webkit-transition:all 0.2s 0.3s;
	-moz-transition:all 0.2s 0.3s;
	-ms-transition:all 0.2s 0.3s;
	-o-transition:all 0.2s 0.3s;
	transition:all 0.2s 0.3s;
}
.portfolio-box > i.box6,
.portfolio-box > i.box7,
.portfolio-box > i.box8{
    display:none;
}
.portfolio-box:hover i.box1, .portfolio-box:hover i.box3, .portfolio-box:hover i.box5, .portfolio-box:hover i.box7 {
    opacity: 1;
}
.portfolio-box:hover i.box2, .portfolio-box:hover i.box4, .portfolio-box:hover i.box6, .portfolio-box:hover i.box8 {
    opacity: 1;
}



/* Posrtfolio 2 */
.portfolio-sec2 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-sec2 > #portfolio-nav {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
#portfolio-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#portfolio-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
#portfolio-nav > ul > li:last-child {
    margin: 0;
}
#portfolio-nav > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 9px;
    overflow: hidden;
    padding: 13px 18px;
    position: relative;
    z-index: 0;
}
#portfolio-nav > ul > li > a:before {
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    
	-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;
	
    width: 100%;
	z-index: -1;
}
#portfolio-nav > ul > li > a.active {
    color: #FFFFFF;
}
#portfolio-nav > ul > li > a > i {
    font-size: 15px;
    margin-right: 10px;
}

#portfolio-nav > ul > li > a.active:before {
    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);
}
#portfolio-work {
    float: left;
    width: 100%;
}
#portfolio-work > div {
    float: left;
}
.portfolio-box2 {

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.portfolio-box2:before {
    background-color: rgba(81, 81, 81, 0.8);
    bottom: 0;
    content: "";
    height: 79px;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
	
	-webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

.portfolio-box2:hover:before {
    height: 100%;
}
.portfolio-box2 > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    height: auto;
}
.portfolio-head {
    bottom: 0;
    height: 75px;
    left: 0;
    position: absolute;
	
    -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;
	
    width: 100%;
}
.portfolio-box2:hover .portfolio-head {
    bottom: 58px;
    height: 50%;
}
.portfolio-box2 > a {
    border: 2px solid rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 16px;
    height: 47px;
    left: 50%;
    line-height: 44px;
    margin-left: -23.5px;
    margin-top: 29px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 20%;
	
    -webkit-transform: scale(2) rotatey(180deg);
    -moz-transform: scale(2) rotatey(180deg);
    -ms-transform: scale(2) rotatey(180deg);
    -o-transform: scale(2) rotatey(180deg);
    transform: scale(2) rotatey(180deg);
    
	-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;
	
    width: 47px;
}
.portfolio-box2 > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:45px;
}
.portfolio-box2:hover a {
    margin-top: 4px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 50%;
	
    -webkit-transform: scale(1) rotatey(0deg);
    -moz-transform: scale(1) rotatey(0deg);
    -ms-transform: scale(1) rotatey(0deg);
    -o-transform: scale(1) rotatey(0deg);
    transform: scale(1) rotatey(0deg);
}
.portfolio-head > h3 {
    color: #FFFFFF;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 14px 0 12px;
    text-align: center;
}
.portfolio-head > h3 a{
	color:#fff;
}
.portfolio-head > span {
    color: #dbdbdb;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-head > i {
    border: 3px solid rgba(255, 255, 255, 0.4);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: -16px;
    color: #FFFFFF;
    height: 32px;
    left: 50%;
    line-height: 27px;
    margin-left: -16px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 32px;
}
.portfolio-box2:hover .portfolio-head > i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

/* Portfolio 4 */
.portfolio-style4-sec {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-style4-sec > .row {
    float: left;
    margin: 0;
    width: 100%;
}
.portfolio-style4-sec > .row > div {
    float: left;
    width: 100%;
}
.portfolio-style4-sec > .row > div > .isotope-item {
    padding: 0;
}
.portfolio-style4 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-style4:before {
    background: none repeat scroll 0 0 rgba(21, 20, 20, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-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;
    -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;
	
    width: 50%;
}
.portfolio-style4:after {
    background: none repeat scroll 0 0 rgba(21, 20, 20, 0.8);
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    
	-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 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
	
    width: 50%;
}
.portfolio-style4:hover:before {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.portfolio-style4:hover:after {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.portfolio-style4 > img {
    float: left;
    width: 100%;
}
.portfolio-style4 > ul {
    left: 50%;
    list-style: none outside none;
    margin: -100px 0 0 -50px;
    opacity: 0;
    padding: 0;
    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;
    
	width: 100px;
    z-index: 999;
}
.portfolio-style4:hover > ul {
    margin-top: -65px;
    opacity: 1;
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.portfolio-style4 > ul > li {
    float: left;
}
.portfolio-style4 > ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    float: left;
    font-size: 15px;
    height: 41px;
    line-height: 41px;
    margin: 0 4px;
    text-align: center;
    
	-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;
	
    width: 41px;
}
.portfolio-style4 > ul > li > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:39px;
}
.portfolio-style4 > h3 {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 22px;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 30px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    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;
	
    white-space: nowrap;
    width: 100%;
    z-index: 99;
}
.portfolio-style4:hover > h3 {
    margin-top: -10px;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style4 > span {
    color: #c7c7c7;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    margin-top: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
	white-space: nowrap;
	padding: 0 30px;
    overflow: hidden;
	text-overflow: ellipsis;
	
	-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;
	
    width: 100%;
    z-index: 99999;
}
.portfolio-style4:hover > span {
    margin-top: 30px;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0.8s;
    -moz-transition: all 0.4s ease 0.8s;
    -ms-transition: all 0.4s ease 0.8s;
    -o-transition: all 0.4s ease 0.8s;
    transition: all 0.4s ease 0.8s;
}


/* Portfolio Style 5 */
.portfolio-style5-sec {
    float: left;
    width: 100%;
}
#options {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.option-isotop {
    float: left;
    width: 100%;
}
.option-set {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.option-set > li {
    float: left;
}
.option-set > li:first-child > a {
    padding-left: 0;
}

.option-set > li:first-child > a:before {
    display: none;
}
.option-set > li > a i {
    margin-right: 15px;
}
.portfolio-style5 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.option-set > li > a {
    border-right: 1px solid #696969;
    color: #696969;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 0 35px;
    position: relative;
}

.option-set > li > a:before {
    background: none repeat scroll 0 0 #e8ecec;
    bottom: -12px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    
	-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;
	
    width: 20px;
}
.portfolio-style5-box {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-style5-box:before {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.83);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    
	-webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
	
    width: 100%;
}
.portfolio-style5:hover > .portfolio-style5-box:before {
    top: 0;
}
ul.hover-btns {
    left: 50%;
    list-style: none outside none;
    margin: -19px 0 0 -55px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 90%;
    
	-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;
	
    width: 110px;
}
ul.hover-btns > li {
    float: left;
    margin: 0 8px;
}
ul.hover-btns > li > a {
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    
	-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;
	
    width: 38px;
}
ul.hover-btns > li > a > i{
	float:left;
	width:100%;
	line-height:38px;
}
.portfolio-style5:hover > .portfolio-style5-box > ul.hover-btns {
    opacity: 1;
    top: 50%;
    
	-webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
	
    -webkit-transition: all 0.6s ease 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    -ms-transition: all 0.6s ease 0.2s;
    -o-transition: all 0.6s ease 0.2s;
    transition: all 0.6s ease 0.2s;
}
.portfolio-carousal {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-bottom: 20px;
}
.portfolio-style5-sec > .row {
    margin: 0 -7px;
}
#portfolio-style5 > div {
    padding: 0 7px;
}
.portfolio-carousal li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
}
.portfolio-carousal li > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-carousal .owl-pagination {
    bottom: 20px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.portfolio-carousal .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cbcbcb;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: none;
	display:inline-flex;
    height: 7px;
    margin: 0 2px;
    
	-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;
	
    width: 7px;
}
.portfolio-carousal .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.portfolio-style5 > h3 {
    border-bottom: 1px solid #f5f5f5;
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0;
    padding-bottom: 10px;
    width: 100%;
}
.portfolio-style5 > h3 > a {
    color: #656565;
	float: left;
}
.portfolio-style5 > h3 > a > i {
    float: left;
    line-height: 25px;
    margin-right: 15px;
}
.portfolio-style5 > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}
.portfolio-style5-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}


/* Portfolio Style 6 */
.portfolio-style6-sec {
    float: left;
    width: 100%;
}
#portfolio-style6 {
    float: left;
    width: 100%;
}
.portfolio-style6 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style6-box {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.portfolio-style6-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-style6-box > span {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-size: 16px;
    height: 34px;
    left: 8px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 8px;

	-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;
	
    width: 48px;
}
.portfolio-style6:hover > .portfolio-style6-box > span {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.83);
    color: transparent;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.portfolio-style6-box > .hover-btns {
    top: 20%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    z-index: 999;
}
.portfolio-style6:hover .portfolio-style6-box > .hover-btns {
    opacity: 1;
    top: 50%;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.portfolio-style6 > h3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -6px 0 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style6 > h3 a{
	color: #656565;
}
.portfolio-style6 > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


/* Portfolio 8 */
.portfolio-style8-sec {
    float: left;
    width: 100%;
}
#portfolio-style8 {
    float: left;
    width: 100%;
}
.portfolio-style8 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style8-box {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.portfolio-style8-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.portfolio-style8-box > .hover-btns {
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.portfolio-style8-box:before {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
	
    -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;
	
    width: 100%;
}
.portfolio-style8:hover .portfolio-style8-box:before {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.portfolio-style8:hover .portfolio-style8-box > .hover-btns {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style8 > h3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style8 > h3 > a{
	color:#656565;
}
.portfolio-style8 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
	margin-bottom:10px;
}
.portfolio-style8 > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    padding: 8px 11px;
}
.portfolio-style8 > span {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 27px;
}

/* Portfolio 9 Style */
.portfolio-style9-sec {
    float: left;
    width: 100%;
}
#portfolio-style9 {
    float: left;
    width: 100%;
}
.portfolio-style9 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style9-box {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-style9-box:hover:before {
    top: 0;
}
.portfolio-style9-box:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
}
.portfolio-style9-box img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-style9-box > h3, .portfolio-carousal li > h3 {
    bottom: 0;
    color: #656565;
    font-family: roboto;
    font-size: 14px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 36px;
    margin: 0;
    padding: 22px 20px 4px;
    position: absolute;
    width: 100%;
	z-index: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;
}
.portfolio-style9:hover .portfolio-style9-box > h3:before {
    opacity: 0;
}
.portfolio-style9:hover .portfolio-style9-box > h3 {
    bottom: 50%;
    margin-bottom: -30px;
    text-align: center;
}
.portfolio-style9 ul.hover-btns {
    opacity: 0;
    top: 50%;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    z-index: 9999;
}
.portfolio-style9:hover ul.hover-btns {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	margin-top:-60px;
}
.portfolio-style9-box > h3 > a, .portfolio-carousal li > h3 > a {
    color: #656565;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style9-box > h3:before, .portfolio-carousal li > h3:before{
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.portfolio-style9-box > h3:before, .portfolio-carousal li > h3:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
    z-index: -1;
}
.portfolio-style9:hover .portfolio-style9-box > h3 {
    bottom: 50%;
}
.portfolio-style9 .portfolio-carousal .owl-pagination {
	bottom:auto;
	top:10px;
}
.portfolio-style9 .portfolio-carousal {
    margin: 0;
}

/* Inner Page Head */
.inner-head-sec {
    padding: 40px 0;
}
.inner-head-sec > .black:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.inner-head {
    float: left;
    width: 100%;
}
.inner-head h2 {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 53px;
    margin: 0 0 25px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.inner-title {
    float: left;
    width: 100%;
}
.breadcrumbs {
    display: table;
    float: none;
    margin: 0 auto;
}
.breadcrumbs > a {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0;
    padding-right: 40px;
	
    -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;
	
	position:relative;
}

.breadcrumbs > a:last-child:before {
    display: none;
}
.breadcrumbs > a:last-child {
    padding: 0;
}
.breadcrumbs > a:before {
    background: none repeat scroll 0 0 #777777;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "ï„…";
    font-family: fontawesome;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: 14px;
    text-align: center;
    top: 0;
    width: 17px;
}
.breadcrumbs > a:hover {
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.inner-title > span {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-top: -5px;
    width: 100%;
	 margin-bottom: 15px;
     text-align: center;
}

/* Our Office */
.our-office-sec {
    float: left;
    width: 100%;
}
#our-office {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#our-office > .tab-pane {
    float: left;
    width: %;
    position: relative;
}
#our-office > div > img {
    float: left;
    width: 100%;
}
.about-tab-desc {
    background: rgba(235,235,235,0.97);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50%;
    left: 2%;
    margin-bottom: 15px;
    position: absolute;
    
	-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;
	
    width: 96%;
    padding: 20px;
}

#our-office > .tab-pane.active > .about-tab-desc {
    bottom: 0;
}
.about-tab-desc > h3 {
    color: #434242;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: -8px 0 0;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 15px;
}
.about-tab-desc > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.about-tab-desc > ul > li > span {
    color: #353535;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    width: 100%;
}
.about-tab-desc > ul > li > span > i {
    margin-right: 10px;
	color: #777777;
}
.about-tab-desc > ul > li {
    float: left;
    list-style: none;
    margin-right: 30px;
}

.about-tab-desc > ul > li > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    font-size: 11px;
    color: #777777;
    letter-spacing: 0.30px;
    margin-left: 20px;
    margin-top: 6px;
    line-height: 9px;
    letter-spacing: 0.30px;
}
#our-office-thumb {
    border: medium none;
    float: left;
    padding: 0;
}
#our-office-thumb > li a > span {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 15px;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    z-index: 9;
}
#our-office-thumb > li a > img {
    float: left;
    width: 100%;
}
#our-office-thumb > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    margin: 0;
    position: relative;
}
#our-office-thumb > li a {
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
	
	-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;	
}

#our-office-thumb > li a:hover {
    opacity: 0.5;
	filter:alpha(opacity=50);
}
#our-office-thumb > li:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
    z-index: 9;
}

#our-office-thumb > li.active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}



/* Our Branches */
#branches {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.w-our-branches.branch-box > ul {
    float: left;
    padding: 0;
    width: 100%;
}
.w-our-branches.branch-box{
	margin-top:30px;
}
.w-our-branches.branch-box > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    padding: 0;
    width: 100%;
}
.w-our-branches.branch-box > ul > li:last-child {
    border: medium none;
}
.w-our-branches.branch-box > ul > li > p > strong {
    margin-bottom: 10px;
}
.w-our-branches.branch-box > ul > li > a {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > p {
    float: left;
    margin: 0;
    padding-right: 30px;
    width: 50%;
}
.w-our-branches {
    float: left;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    line-height: 10px;
    margin: 0 0 15px;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > a > span {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-our-branches > ul {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.w-our-branches ul li {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #E4E4E4;
    float: left;
    list-style: none outside none;
    padding: 24px 16px;
    width: 100%;
	border-bottom:rgba(0,0,0,0)
}
.w-our-branches > ul > li:last-child{
	border-bottom:1px solid #e4e4e4;
}
.w-our-branches li span {
    float: left;
    overflow: hidden;
    width: 100%;
	padding-right: 20px;

}
.w-our-branches > ul > li > a {
    float: left;
    width: 30%;
}
.w-our-branches li span img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-our-branches li p {
    color: #777777;
    display: block;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.35px;
    margin: 5px 0;
    padding-left: 25px;
    width: 70%;
    line-height: 14px;
    position: relative;
}
.w-our-branches li h6 {
    color: #00A0CA;
    display: block;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.35px;
    margin: 0 0 13px;
}
.w-our-branches li h6 i {
    color: #494848;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 12px;
    text-align: center;
    width: 8%;
}
.w-our-branches li p i {
    color: #777777;
    font-size: 14px;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 20px;
}
.w-our-branches li p > strong {
    color: #666666;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2px;
    width: 100%;
}


/* About Sec */
.about-sec {
    float: left;
    width: 100%;
}

.about-sec img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.about-sec h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 15px;
    width: 100%;
}
.about-sec p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 23px;
    width: 100%;
}
.about-sec a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 15px;
    padding: 12px 17px;
	
    -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;
}
.about-sec a:hover{
	color:#fff;
}
.our-project-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/* All Project */
#all-project-nav {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}

#all-project-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#all-project-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
#all-project-nav > ul > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 18px;
    position: relative;
    z-index: 0;
}
#all-project-nav > ul > li > a:before {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    
	-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;
	
    width: 100%;
    z-index: -1;
}
#all-project-nav > ul > li > a.active {
    color: #FFFFFF;
}
#all-project-nav > ul > li > a.active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	opacity:1;
	filter:alpha(opacity=100);
}
#all-project {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#all-project > div {
    float: left;
}
.all-projects {
    border: 1px solid #E1E7E7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.all-projects > img {
    float: left;
    width: 100%;
}
.all-projects:hover .all-project-desc {
    height: 100%;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.all-project-desc {
    bottom: 0;
    height: 25%;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
    z-index: 7;
}
.all-project-desc > h2 {
    bottom: 50%;
    color: #dfdddd;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    letter-spacing: 0.3px;
    margin-bottom: -27px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0 25px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.all-projects:hover .all-project-desc > h2 {
    bottom: 50%;
    margin-bottom: -68px;
}
.all-project-desc > h2 > a {
    color: #DFDDDD;
}
.col-md-3 .all-project-desc > h2 > a {
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.all-projects:before {
    background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
    bottom: 0;
    content: "";
    height: 25%;
    left: 0;
    position: absolute;
    width: 100%;
}
.all-project-desc > span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 100%;
}
.all-projects:hover .all-project-desc > span > img {
    margin-top: -80px;
    top: 50%;
	
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.all-project-desc > span > img {
    border: 2px solid rgba(255, 255, 255, 0.14);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
	width: 80px;
	height: 80px;
	
    left: 50%;
    margin-left: -40px;
    position: absolute;
    top: -40px;
	
    -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;
}
.all-projects:hover .all-project-desc > span > i {
    margin-top: 25px;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 50%;
    width: 100%;
}
.all-project-desc > span > i {
    color: #C1C1C1;
    font-family: roboto;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    right: 0;
    text-indent: 46px;
    top: 10px;
    
	-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;
	
    width: 50%;
	text-align: left;
}
.all-project-desc > a {
    border: 2px solid rgba(255, 255, 255, 0.14);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 14px;
    height: 35px;
    left: 50%;
    line-height: 33px;
    margin-left: -17.5px;
    margin-top: -17.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    
	-webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
	
    width: 35px;
}
.all-project-desc > a > i{
	float:left;
	width:100%;
	line-height:33px;
}
.all-projects:hover .all-project-desc > a {
    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);
}
.all-projects > i {
    background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
    height: 12.5%;
    left: 0;
    position: absolute;
    
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
	
}
.all-projects:hover > i {
    opacity: 1;
	filter:alpha(opacity=100);
}
.all-projects > i.box1 {
    bottom: 25%;
	
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.all-projects > i.box2 {
    bottom: 37.5%;
	
	-webkit-transition: all 0.3s ease 0.2s;
	-moz-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
}
.all-projects > i.box3 {
    bottom: 50%;
	
	-webkit-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	-ms-transition: all 0.3s ease 0.3s;
	-o-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
}
.all-projects > i.box4 {
    bottom: 62.5%;
	
	-webkit-transition: all 0.3s ease 0.4s;
	-moz-transition: all 0.3s ease 0.4s;
	-ms-transition: all 0.3s ease 0.4s;
	-o-transition: all 0.3s ease 0.4s;
	transition: all 0.3s ease 0.4s;
}
.all-projects > i.box5 {
    bottom: 75%;
	
	-webkit-transition: all 0.3s ease 0.5s;
	-moz-transition: all 0.3s ease 0.5s;
	-ms-transition: all 0.3s ease 0.5s;
	-o-transition: all 0.3s ease 0.5s;
	transition: all 0.3s ease 0.5s;
}
.all-projects > i.box6 {
    bottom: 87.5%;
	
	-webkit-transition: all 0.3s ease 0.6s;
	-moz-transition: all 0.3s ease 0.6s;
	-ms-transition: all 0.3s ease 0.6s;
	-o-transition: all 0.3s ease 0.6s;
	transition: all 0.3s ease 0.6s;
}



/* Pagination */
.c-pagination {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 70px;
    overflow: hidden;
    padding: 19px 0;
    position: relative;
    width: 100%;
	
	background-image: url("../images/resource/sec-bg9.jpg");	
}
.c-pagination .fixed-img {
    display: none;
}
.c-pagination > .container {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}
.pagination {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    position: relative;
    z-index: 9;	
}
.pagination > ul > li > a.active {
    color: #FFFFFF;
}
.pagination > a#prev {
    left: 20px;
    position: absolute;
    top: 1px;
}
.pagination > a#next {
    right: 20px;
    position: absolute;
    top: 1px;
}
.pagination > a {
    background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fafafa;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 10px 20px;
    position: relative;
	border:1px solid rgba(236,236,236,0.6);
}
.pagination > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.pagination > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}
.pagination > ul > li > a {
    background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fafafa;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 400;
    height: 32px;
    line-height: 28px;
    text-align: center;
    
	-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;
	
	border:1px solid rgba(236,236,236,0.6);
	
    width: 32px;
}
.c-pagination .black:before {
    opacity: 0;
	filter:alpha(opacity=0);
}	
.pagination > ul > li > a:hover {
    color: #FFFFFF;
}
.pagination > a > i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 11px;
    height: 13px;
    line-height: 11px;
    position: absolute;
    text-align: center;
    width: 13px;
}
.pagination > a#next > i {
    right: -6px;
}
.pagination > a#prev > i {
    left: -6px;
}

/* Related Project */
#related-project {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.related-project {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.related-thumb {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.related-project:hover .related-thumb:before {
    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);
}
.related-thumb:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
}
.related-thumb > img {
    float: left;
    width: 100%;
	height: auto;
}
.related-thumb > span {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5px;
    color: #ffffff;
    font-family: roboto;
    font-size: 11px;
    line-height: 12px;
    padding: 10px;
    position: absolute;
    right: 5px;
    text-align: center;
	
    -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;
}
.related-project:hover .related-thumb > span {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.related-thumb > span > i {
    float: left;
    font-style: normal;
    width: 100%;
}
.related-thumb > a {
    color: #404040;
    font-size: 16px;
    left: 50%;
    margin-left: -10px;
    margin-top: -7px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
	
    -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;
}
.related-project:hover .related-thumb > a {
    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);
}
.related-project > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 10px 0;
    width: 100%;
}
.related-project > h3 > a {
    color: #666;
}
.related-project > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -6px 0 0;
    width: 100%;
}

/* Inner Left Sec */
.inner-left {
    float: left;
    width: 100%;
}


/* Post */
.post {
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}

.post-metas {
    float: left;
    width: 100%;
    overflow: hidden;
}
.post-metas iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    
	float: left;
    height: 200px;
    width: 100%;
}
.post-metas > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 5px;
}
.post-metas > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
}

.post-metas > ul > li > a {    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 8px;
    padding: 7px 10px;
}
.post-metas > ul > li > a > i {
    font-size: 13px;
    margin-right: 5px;
}
.post-metas > ul > li:last-child {
    margin: 0;
}
.post-metas > div {
    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;
	
    overflow: hidden;
}

.single-post .post-metas > div:before {
    display: none;
}

.single-post .post-metas > div:after {
    display: none;
}
.single-post .post-metas > div a {
    display: none;
}
.post-metas > div > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	height: auto;
}
.post-desc {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.one-column .post-desc {
    margin: 0;
}
.one-column .post-desc > h2 {
    margin: 20px 0 10px;
}

.one-column .post-desc > p {
    margin-bottom: 20px;
}
.post-desc > h2 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 20px;
    width: 100%;
}
.post-desc > h2 > a {
    color: #666;
	
    -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;
}
.post-desc > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
.post-desc > a {
    background: #fff;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 10px 15px;
    
	-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;
	
    border: 1px solid #e8ecec;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.post-desc > a:hover{
	color:#fff;
}
/* Single Post */
.meta-tags {
    float: left;
    margin: -10px 0 0;
    padding: 0;
    width: 50% !important;
}
.meta-tags > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    margin-top: 10px;
}
.meta-tags > li > i {
    color: #282828;
    float: left;
    font-size: 15px;
    line-height: 32px;
    margin-right: 10px;
}
.meta-tags > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 9px;
    padding: 10px;
	
    -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;
}
.meta-tags > li > a:hover {
    color: #FFFFFF;
}
.post-social {
    float: right !important;
    margin: 0;
    padding: 0;
    width: auto !important;
}
.post-social > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
.post-social > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 33px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    
	-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;
	
    width: 35px;
}
.post-social > li > a:hover {
    color: #FFFFFF;
}
.post-social > li > a > i {
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
.post-social > li:last-child {
    margin-right: 0;
}
/* Comment Sec */
.comment-sec {
    float: left;
    margin-top: 70px;
    width: 100%;
}
#comment {
    float: left;
    width: 100%;
}
#comment > ul {
    float: left;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
#comment > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
    width: 100%;
}
.comment {
    float: left;
    width: 100%;
}
.comment-avatar {
    float: left;
    margin-right: 30px;
    width: 87px;
}
.comment-avatar > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
.comment-avatar > span > img {
    float: left;
    width: 100%;
}
.comment-avatar > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 5px 10px;
}
.user-comment {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #E1E1E1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    padding: 40px;
    position: relative;
    width: 86%;
}
.user-comment > a {
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;	
}
.user-comment > a > i {
    color: #666666;
    font-family: roboto;
    font-size: 11px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-left: 10px;
}
.user-comment > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    width: 100%;
}
#comment > ul > li > ul {
    float: left;
    padding-left: 119px;
    width: 100%;
}
#comment > ul > li > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#comment > ul > li > ul > li > .comment > .user-comment {
    width: 84%;
}
#comment > ul > li > ul > li > ul {
    float: left;
    padding-left: 119px;
    width: 100%;
	margin-top: 30px;
}
#comment > ul > li > ul > li > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#comment > ul > li > ul > li > ul > li .comment > .user-comment {
    width: 81%;
}
.reply {
    background: none repeat scroll 0 0 #F9F9F9;
}

.reply:before {
    background: none repeat scroll 0 0 #F9F9F9;
    border-right: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -6px;
    
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	
    width: 10px;
}

/* About the AUthor */
.author-post-sec {
    border-bottom: 1px dashed #C8C8C8;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    border-top: 1px dashed #C8C8C8;
    float: left;
    margin-bottom: 50px;
    margin-top: 50px;
    overflow: hidden;
    padding: 35px;
    position: relative;
    width: 100%;
}
.author-post {
    float: left;
    position: relative;
    width: 100%;
    z-index: 9;
}
.author-post > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 35px;
    overflow: hidden;
}
.author-post > span > img {
    float: left;
    width: 100%;
}
.author-post > a {
    color: #666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.author-post > a > i {
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}
.author-post > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
#related-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.single-project-sec {
    float: left;
    position: relative;
    width: 100%;
}



/* Sidebar */
.s-related-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

/* Sidebar Flicr Widget */
.s-flicr-widget{
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.s-flicr-widget a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.s-flicr-widget a:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
}
.s-flicr-widget a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.s-flicr-widget a:before {
    color: #FFFFFF;
    content: "�";
    font-family: FontAwesome;
    left: 50%;
    margin-left: -6px;
    margin-top: -8px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
    z-index: 1;
}
.s-flicr-widget > .row {
    float: left;
    margin-top: -20px;
    padding: 0 5px;
}
.s-flicr-widget a:hover:before {
    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);
}

.s-flicr-widget a > img {
    float: left;
    width: 100%;
}
.s-flicr-widget > .row > div {
    padding: 0 10px;
}

/* Sidebar Categories Widget */
.s-category-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.s-category-widget > ul {
    float: left;
    margin: -15px 0 0;
    padding: 0;
    width: 100%;
}
.s-category-widget > ul > li {
    border-bottom: 1px solid #E4E4E4;
    float: left;
    list-style: none outside none;
    width: 100%;
}
.s-category-widget > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 18px;
    padding: 15px 0;
    position: relative;
	
    -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;
	
    width: 100%;
}
.s-category-widget > ul > li > a > i {
    color: #888;
    float: left;
    font-size: 18px;
    margin-right: 20px;
    margin-top: 1px;
	
    -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;
}
.s-category-widget > ul > li > a:hover > i {
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}
.s-category-widget > ul > li > a > span {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    line-height: 10px;
    padding: 7px 6px;
    position: absolute;
    right: 0;
}

/* Sidebar Testimonial */
.s-testimonial {
    margin-bottom: 30px;
}


/* Sidebar Twitter Widget  */
.s-twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget {
    background-image: url("../images/resource/twitter-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
	
    float: left;
    padding: 20px;
    width: 100%;
}
.twitter-widget > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.twitter-widget > ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.twitter-widget > ul li > p {
    color: #414040;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    width: 100%;
}
.twitter-widget > ul li > a {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
}
.twitter-widget > ul li > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: lighter;
    line-height: 10px;
    margin-bottom: 110px;
    width: 100%;
}
.twitter-widget > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 5px 10px;
}


/* Widget Top Faq */
.s-faq-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.w-top-faq {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-top-faq > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-top-faq > ul > li {
    -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    width: 100%;
	padding: 15px;
}
.w-top-faq > ul  > li:last-child {
    margin: 0;
}
.w-top-faq > ul > li > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #777777;
    float: left;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-top: 7px;
}
.w-top-faq > ul > li > a {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0;
}
.w-top-faq > ul > li > span {
    float: left;
    padding-left: 20px;
    width: 100%;
}

/* Widget Support Team */
.s-support-team {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.support-team-sec .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: 41px;
    width: 100%;
}
.support-team-sec {
    float: left;
    position: relative;
    width: 100%;
}
.support-team {
    float: left;
    position: relative;
    width: 100%;
}
.support-team-sec .owl-buttons .owl-prev {
    left: 0;
    margin: 0;
    position: absolute;
}
.support-team-sec .owl-buttons .owl-next {
    right: 0;
    margin: 0;
    position: absolute;
}
.support-team > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    margin: 0 auto;
    overflow: hidden;
}
.support-team > span > img {
    float: left;
    width: 100%;
}
.support-team > ul {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 15px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.support-team > ul > li {
    border-bottom: 1px solid #e8ecec;
 
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    padding: 15px 0 15px 15px;
    width: 100%;
}
.support-team > ul > li:last-child {
    border: medium none;
}
.support-team > ul:before {
    background: none repeat scroll 0 0 #FFFFFF;

	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 0;
}
.support-team > ul > li > span {
    display: inline;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
	color: #666666;
}
.support-team > ul > li > i {
    float: left;
    line-height: 20px;
    margin-right: 26px;
    position: relative;
    text-align: center;
    width: 23px;
	color: #666666;
}
.support-team > ul > li > span > i {
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}




/* Widhet Get Help */
.w-get-help {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-get-help > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-get-help > ul > li {
    border-bottom: 1px solid #E8ECEC;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    padding: 15px;
    width: 100%;
}
.w-get-help ul li:last-child {
    margin: 0;
	border-bottom:0;
}
.w-get-help ul li span {
    border: 3px solid #666;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    line-height: 14px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}
.w-get-help > ul > li:hover span {
    border-color: #E96353;
    color: #E96353;
}
.w-get-help > ul > li:hover h3 {
    color: #E96353;
}
.w-get-help ul li p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
}
.w-get-help ul li > i {
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    text-decoration: underline;
}
.w-get-help ul li p i {
    font-style: normal;
    text-decoration: underline;
}
.w-get-help ul li h3 {
    color: #666666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 0;
}
.w-get-help > ul > li ul {
    float: left;
    margin-top: 30px;
    padding: 0;
    width: 100%;
}
.w-get-help > ul > li ul li {
    float: left;
    list-style: none outside none;
    margin-bottom: 15px;
    width: 100%;
}
.w-get-help > ul > li ul li i {
    color: #888;
    float: left;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 25px;
    text-align: center;
    text-decoration: none;
    width: 10%;
}
.w-get-help > ul > li ul li p {
    display: block;
    float: none;
    line-height: 12px;
    margin: 0;
    width: auto;
}

/* Find A Place or Job */
.find-a-job {
    float: left;
    width: 100%;
}
.find-a-job > form {
    float: left;
    width: 50%;
}
.find-a-job > form#job {
    margin-right: 30px;
    width: 45%;
}
.find-a-job > form#place {
    width: 52%;
}
.find-a-job > form#place > input {
    margin-right: 30px;
    width: 86%;
}
.find-a-job > form#place > a {
    border: 2px solid rgba(255, 255, 255, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    height: 50px;
    line-height: 43px;
    text-align: center;
    width: 53px;
}
.find-a-job > form > label {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}
.find-a-job > form > input {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #9B9B9B;
    float: left;
    font-family: roboto;
    font-size: 15px;
    padding: 14px 30px;
    width: 100%;
}
#latest-job-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}

/* FAQ */
.about-desc > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* History Page */
.history-box-sec:hover .history-box {
    background-position: right 0 bottom -200px;
}
.history-box {
    background-image: url("../images/resource/history.png");
    background-position: right -220px bottom -200px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: -40px;
    overflow: hidden;
    padding: 100px 0;
    position: relative;
	
    -webkit-transition: all 10s ease 0s;
    -moz-transition: all 10s ease 0s;
    -ms-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
	z-index: 0;
}
.history-box-sec {
    float: left;
    margin-right: 30px;
    position: relative;
    width: 270px;
	margin-bottom: 50px;
}
.history-box:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.history-head {
    background: none repeat scroll 0 0 #CECECE;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 200px;
    line-height: 200px;
    margin: 0 auto -100px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 2147483647;
	
	-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;
}
.history-head > span {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 160px;
    position: relative;
    width: 160px;
    z-index: 2147483647;
}
.history-head > span > i.in {
    color: #CECECE;
    float: left;
    font-family: FontAwesome;
    font-size: 63px;
    height: 100%;
    left: 0;
    line-height: 160px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: absolute;
    text-align: center;
    top: 0;
	
    -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;
	
    width: 100%;
}
.history-head > span > i {
    font-family: roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: bold;
    height: 10%;
    left: 0;
    line-height: 160px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
	
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    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;
}
.history-box-sec:hover .history-head > span > i.in {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.history-box-sec:hover .history-head > span > 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);
}
.history-date {
    float: left;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    width: 100%;
}
.history-date > h3 {
    font-family: roboto;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 58px;
    margin: 0;
    position: absolute;
    text-align: center;
	
    -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;
	
	color: #666666;
	
    width: 100%;
}
.history-date > i {
    color: #888;
    font-size: 63px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -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;
	
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
}
.history-box-sec:hover .history-date > h3 {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.history-box-sec:hover .history-date > 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);
}
.history-box > h4 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 38px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.history-box > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0 0 5px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.history-box-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #CECECE;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 80px;
    margin: 0 auto;
    position: relative;
    
	-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;
	
    width: 80px;
    z-index: 2147483647;
}
.history-box-sec > a > i {
    color: #555555;
    float: left;
    font-size: 22px;
    line-height: 68px;
    text-align: center;
    width: 100%;
}
#content_1 .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 #B6B4B5;
}
#content_1 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
#content_1 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 10px;
    margin: 3px auto;
    width: 100%;
}


/* Gallery 1 */
.gallery {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.gallery-sec {
    float: left;
    margin-top: -40px;
    width: 100%;
}
.gallery-hover {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.gallery-hover:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 50%;
}
.gallery-hover:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    right: -50%;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 50%;
}
.gallery-hover > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;

    height: auto;
}
.gallery:hover .gallery-hover:before {
    left: 50%;
}
.gallery:hover .gallery-hover:after {
    right:50%;
}
.gallery:hover .gallery-hover > a {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
	
	opacity:1;
	filter:alpha(opacity=100);
}
.gallery-hover > a {
    color: #FFFFFF;
    font-size: 30px;
    left: 50%;
	margin-left: -15px;
	margin-top: -22px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    
	-webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
	
    z-index: 9999;
}
.gallery > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.gallery > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.gallery > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
}
.gallery > ul > li > a {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 7px 10px;
}
.gallery > ul > li > a > i {
    font-size: 13px;
    margin-right: 5px;
}


/* Job Map */
.job-map {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
.job-map > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 30px;
    width: 100%;
}
.job-map > iframe {
    border: medium none;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 300px;
    width: 100%;
	 margin-bottom: 30px;
}

/* Job Description */
.job-desc {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
.job-desc > .w-top-faq {
    border: medium none;
    padding: 0;
}
.job-desc > .w-top-faq > ul > li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 15px 0;
}

/* Job Skills */
.job-skills-sec {
    float: left;
    width: 100%;
}
.job-skills {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.job-skills > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    width: 100%;
}
.job-skills > li:last-child {
    margin: 0;
}
.job-skills > li > i {
    color: #777777;
    float: left;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 12px;
    margin-right: 20px;
}
.job-skills > li > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
.job-skills-sec > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 30px;
    padding: 15px 20px;
}




/* Project */
.project {
    float: left;
    width: 100%;
}
.project-info-box > span.light {
    width: 55%;
}
.project img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.project-info-box {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 7px;
    overflow: hidden;
    width: 100%;
}
.project-info-box > .dark:before {
    display: none;
}
.project-info-box > span {
    float: left;
    line-height: 10px;
    padding: 22px 15px;
    width: 45%;
}
.project-info-box > span.dark {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #E8ECEC;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #666666;
    font-family: roboto;
    font-size: 13px;
}
.project-info-box > span.dark > i {
    margin-right: 5px;
	font-size:16px;
}
.project-info-box > span.light {
    background: none repeat scroll 0 0 #F9F9F9;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 17px;
}
.countdown-project {
    background: none repeat scroll 0 0 #F5F5F5;
    float: right;
    padding: 14px 0 28px 7px;
    width: 55%;
}
.countdown-project  > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 10px;
    position: relative;
}
.countdown-project  > span:before {
    color: #525252;
    content: "";
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    left: 0;
    letter-spacing: 0.3px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
    width: 100%;
}
.countdown-project  > span.hours:before {
    content: "Days";
}
.countdown-project  > span.minutes:before {
    content: "Mint";
}
.countdown-project  > span.seconds:before {
    content: "Sec";
}
.project p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 25px;
    width: 100%;
}

/* Price Table */
.price-table-sec {
    float: left;
    width: 100%;
}
.price-table-sec > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.price-table-sec > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.price-table-sec > ul > li.price-head {
    background: none repeat scroll 0 0 padding-box content-box #8B8998;
    border: 10px solid #FFFFFF;
	
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    display: table;
    float: none;
    height: 190px;
    margin: 0 auto -95px;
    position: relative;
    width: 190px;
    z-index: 9;
	
	-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;
}
.price-head > h2 {
    color: #F5F5F5;
    float: left;
    font-family: roboto;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 38px 0 0;
    text-align: center;
    width: 100%;
}
.price-head > h2 > i {
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
}
.price-head > i {
    color: #F5F5F5;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: center;
    width: 100%;
}
.price-category > h3 {
    background: none repeat scroll 0 0 #353342;
    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    padding: 130px 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.price-features > i {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    font-size: 19px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    text-align: center;
    width: 45px;
}
.price-features > p {
    color: #F5F5F5;
    display: block;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0;
    text-align: center;
}
.price-features {
    background: none repeat scroll 0 0 #353342;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 25px 0;
}
.price-table-sec .sign-up > a {
    background: none repeat scroll 0 0 #414554;
    
	-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;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    text-transform: uppercase;
    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;	
}

/* Single History */
.single-history-sec {
    float: left;
    width: 100%;
}
.single-history-sec > span {
    float: left;
    width: 100%;
}
.single-history-sec > span > i {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 5px 20px;
}
.single-history-sec > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 30px;
}
.single-history-sec > h3 {
    color: #666666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.single-history-sec > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
}
.single-history-sec > p > i {
    font-size: 28px;
    font-style: normal;
}
#history-map iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 300px;
    width: 100%;
}

/* Contact Sec */
.leave-reply {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.comment-form p.form-allowed-tags {
    padding: 0;
}
.single-post .post-metas iframe {
    height: 500px;
}
.no-image .row > div {
    float: left;
    width: 100%;
}
.no-image .post-desc {
    margin: 0;
}
.post-desc img[title="Image Alignment 1200x400"] {
    float: left;
    width: 100%;
}
.comment-form p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 16px;
    padding: 0 15px;
    width: 100%;
}
.comment-form p code {
    float: left;
    margin-top: 11px;
    white-space: normal;
    width: 100%;
}
.leave-reply > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
#contact {
    float: left;
    width: 100%;
}
#contact #message {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
#contact #message .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#contact #message .alert-success {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 30px;
    width: 100%;
}
#contact #message .alert-success > h1 {
    float: left;
    font-family: lato;
    font-size: 22px;
    margin: 0 0 7px;
    width: 100%;
}
#contact #message .alert-success > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}
.contact-sec {
    float: left;
    width: 100%;
}
.contact-sec > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 0;
    width: 100%;
}
.contact-sec > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-bottom: 40px;
    margin-right: 30px;
    margin-top: 40px;
}
.contact-sec > span > i {
   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    text-align: center;
    width: 28px;
}
.contact-sec > iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 400px;
    width: 100%;
	margin-bottom:40px;
}

#contact span.required{ 
	font-size: 13px; 
	color: #ff0000; 
} /* Select the colour of the * if the field is required. */

#message {
    float: left;
    margin: 10px 0;
    width: 100%;
}

.error_message {
    background: url("assets/error.gif") no-repeat scroll 10px center #FBE3E4;
    border: 1px solid #FBC2C4;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #8A1F11 !important;
    display: block;
    float: left;
    height: 43px;
    line-height: 22px;
    padding: 9px 42px;
    width: 100%;
	
	margin-bottom: 10px;
}
.error_message p{
    color: #8A1F11 !important;
}
.loader { 
	padding: 0 10px; 
}

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

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



/* Event Sec */
#event-count-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.event-count {
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.event-count > div {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	margin-bottom:25px;
}

.event-count > div:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    height: 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;
    
	bottom: -80%;
}

.event-count:hover > div:before {
    bottom: 0;
}
.event-count > div > h3 {
    bottom: 0;
    color: #ffffff;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 10px 30px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.event-count > div > a {
    background: none repeat scroll 0 0 rgba(248, 248, 248, 0.1);
    border: 1px solid rgba(248, 248, 248, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FAFAFA;
    height: 38px;
    left: 50%;
    line-height: 37px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-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;
	
    width: 38px;
    z-index: 1222;
	
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	
	opacity:0;
	filter:alpha(opacity=0);
}
.event-count > div > a > i{
	float:left;
	width:100%;
	line-height:37px;
}
.event-count > div > a:hover {
    background: #fafafa;
}
.event-count:hover > div > a {
    margin-top: 0;
    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);
}
.event-count:hover > div > h3 {
    bottom: 50%;
}
.event-count > div > h3 > a{
    color: #FFFFFF;
}
.event-count > div > img {
    float: left;
    width: 100%;
}
.event-count > ul {
    float: left;
    margin-bottom: 22px;
    padding: 0;
    width: 100%;
}
.event-count ul > li {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    padding: 15px;
    width: 20%;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.event-count ul > li > span {
    float: left;
    font-family: roboto;
    font-size: 22px;
    text-align: center;
    width: 100%;
    letter-spacing: 0.30px;
	color:#666666;
}
.event-count ul > li > p {
    color: #777;
    font-family: roboto;
    font-size: 11px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.event-count  ul > li:last-child {
    margin: 0;
}
.event-count > span {
    color: #7a7a7a;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}
.event-count > span > i {
    font-size: 14px;
    margin-right: 10px;
}
.event-count > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-top: 10px;
	text-align:center;
}
.seconds_ref {
    width: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 100%;
}
.event-count > p > i {
    margin-right: 15px;
}
.event-count > h3 {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    width: 100%;
    margin-bottom: 18px;
}
.event-count.with-aside > ul > li > span {
    font-size: 15px;
}
.event-count.with-aside > ul > li {
    margin-right: 5%;
    padding: 4px 5px;
    width: 21%;
}
.event-count.with-aside > ul > li:last-child {
    margin: 0;
}
.event-count ul > li > p {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Buy a Ticket */
.buy-a-ticket > a{
	border: 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 17px;
    
	-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;
	
	display:table;
}
.buy-a-ticket {
    float: left;
    width: 100%;
}
.buy-a-ticket > h3 {
    text-align: center;
}
.buy-a-ticket > p {
    text-align: center;
	margin-bottom:20px;
}
.buy-a-ticket > a:hover {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #FAFAFA;
    color: #333333;
}

/* Promotional Video */
.promote-video {
    float: left;
    width: 100%;
}
.promote-video object {
    float: left;
}  
.promote-video object embed {
    float: left;
    height: 315px;
    width: 100%;
}
.promote-video h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: 12px 0 9px;
    width: 100%;
}
.promote-video p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.promote-video > .row > div > span {
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin-right: 30px;
    text-transform: uppercase;
}
.promote-video > .row > div > span > i {
    margin-right: 10px;
}



/* Event Single */
.event-single {
    float: left;
    width: 100%;
}
.event-single .post-social {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}
.event-single-img {
    float: left;
    position: relative;
    width: 100%;
}
.event-single-img > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.event-single-img > .event-count {
    bottom: 0;
    left: 50%;
    margin-left: -25%;
    position: absolute;
    width: 50%;
}
.event-single-img > .event-count > ul > li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
}
.event-single > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 20px 0;
    width: 100%;
}
.event-single > ul {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
}
.event-single > ul > li {
    display: block;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.event-single > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 7px 0 15px;
    width: 100%;
}
.event-single > ul > li > i {
    font-size: 15px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}


/* Error Page */
.error-sec {
    padding-bottom: 0;
}
.error-page {
    float: left;
    padding-bottom: 130px;
    position: relative;
    width: 100%;
}

.error-page > .error-footer {
    bottom: 0;
    content: "";
    height: 130px;
    left: 0;
    position: absolute;
    width: 100%;
}
.error-page > .error-footer:before {
    background-image: url("../images/circle.png");
    background-repeat: repeat-x;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.error-page > h1 {
    display: table;
    float: none;
    margin: 0 auto 40px;
    width: auto;
}
.error-page > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 30px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.error-page > h3 {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 0 60px;
    text-align: center;
    width: 100%;
}

.error-page > form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	
    display: table;
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.error-page > form > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 35px;
    padding: 0 14px;
    width: 300px;
}
.error-page > form > i {
    color: #BEBEBE;
    float: right;
    font-size: 16px;
    padding: 8px 12px;
}
.error-page > ul {
    display: table;
    float: none;
    margin: 30px auto 70px;
    padding: 0;
}
.error-page > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 15px;
}
.error-page > ul > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 20px;
}

/* Signup Form */
.register-sec {
    background-image: url("../images/resource/signup-bg.jpg");
    background-size: 100% 100%;
    background-attachment: fixed;
}
.register-form {
    background: none repeat scroll 0 0 rgba(247, 247, 247, 0.8);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    position: relative;
    width: 100%;
	padding:25px;
}
.register-form:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -24px;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 100%;
}
.register-form h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 18px;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.register-form  form .fields {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #C8C8C8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;
}
.register-form  form .fields  > i {
    color: #ABABAB;
    float: left;
    font-size: 15px;
    line-height: 48px;
    margin-right: 20px;
}
.register-form  form .fields  > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 46px;
    letter-spacing: 0.3px;
    width: 80%;
}
.register-form > .row > div > p {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.register-form .row > p {
    color: red;
    float: left;
    text-align: center;
    width: 100%;
}
.register-form > .row > div > p > label {
    color: #8B8B8B;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 1px 0 0 15px;
}
.submit-form {
    background-color: rgba(247, 247, 247, 0.8);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 15px;
    width: 100%;
}
.submit-form > input {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 10px 90px;
}
.submit-form > p {
    color: #8B8B8B;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 15px auto 0;
    text-align: center;
    width: 70%;
}
.submit-form > p > i {
    font-style: normal;
}


/* Widget Employe Of The Month 2 */
#w-employe-month2 {
    border: 1px solid #E4E4E4;
    float: left;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 100%;
}
#w-employe-month2 .owl-controls {
    float: left;
    width: 100%;
    z-index: 999;
}
#w-employe-month2 .owl-pagination {
    float: right;
    z-index: 99999996;
}
#w-employe-month2 .owl-page {
    background: none repeat scroll 0 0 #B1B1B1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 4px;
    margin-right: 10px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    width: 6px;
    z-index: 2147483647;
}
.w-employe-month2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.w-employe-skills {
    float: left;
    width: 100%;
}
.w-employe-skills > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 5%;
    overflow: hidden;
    width: 45%;
}
.w-employe-skills > span img {
    float: left;
    width: 100%;
}
.w-employe-skills .progress {
    background: none repeat scroll 0 0 #A7A7A7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    -o-box-shadow: 0 0;
    box-shadow: 0 0;
	
    float: right;
    height: 8px;
    margin-bottom: 13px;
    width: 50%;
}
.w-employe-skills .progress .progress-bar {
    float: left;
}
.w-employe-month2 > h3 {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 13px;
    margin: 10px 0 20px;
    width: 100%;
}
.w-employe-month2 > h3 i {
    font-style: normal;
    font-weight: 600;
}
.w-employe-month2 > p {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
}
.w-employe-skills > p {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 9px;
    margin: 0 0 8px;
    width: 50%;
}


/* Widget News Letter */
.w-news-letter {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    padding: 15px;
    width: 100%;
}
.w-news-letter > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 0 0 30px;
    width: 100%;
}
.w-news-letter form {
    float: left;
    width: 100%;
}
.w-news-letter form > input {
    background: none repeat scroll 0 0 #F4F3F3;
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    padding: 15px 10px 15px 30px;
    text-transform: uppercase;
    width: 100%;
}
.w-news-letter form .submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 7px 19px;
    width: auto;
}
.w-news-letter form > p {
    margin-bottom: 10px;
}
input.w-news-letter[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

input.w-news-letter[type="checkbox"] + label {
    color: #777777;
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 27px;
    padding-left: 50px;
    position: relative;
}


input.w-news-letter[type="checkbox"] + label:before {
    background: none repeat scroll 0 0 #F0F0F0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 26px;
}

input.w-news-letter[type="checkbox"] + label:after {
    color: #5C5A5A;
    font-size: 14px;
    left: 8px;
    position: absolute;
    top: -2px;
}

input.w-news-letter[type="checkbox"]:checked + label:after {
  content: '✔';
}

input.w-news-letter[type="checkbox"]:disabled + label:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  
  border-color: #bbb;
  background-color: #ddd;
}

input.w-news-letter[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

input.w-news-letter[type="checkbox"]:disabled + label {
  color: #aaa;
}



/* Widget Our Ceo */

.w-ceo {
    float: left;
    width: 100%;
}
.w-ceo > img {
    border: 3px solid #E7E4E3;
    
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
	
    display: table;
    float: none;
    margin: 0 auto;
	
	height: 100px;
    width: 100px;
}
.w-ceo > h5 {
    float: left;
    font-family: Raleway;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 25px 0;
    padding: 0 10px;
    text-align: center;
    width: 100%;
}
.w-ceo > p {
    border-bottom: 2px solid #DFDFDF;
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 25px;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    width: 100%;
}

.w-ceo > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: -1px;
    top: -30px;
    width: 67px;
}

/* Features Parallax */
#features-parallax img {
    float: left;
    margin-bottom: -80px;
}
.features-parallex {
    float: left;
    width: 100%;
    padding: 0;
    margin: 30px 0 0;
}
.features-parallex > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 29px;
    width: 100%;
    position: relative;
}

.features-parallex > li:before {
    position: absolute;
    left: 2px;
    top: 32px;
    width: 0%;
    height: 1px;
    content: "";
	
	opacity: 0;
	filter:alpha(opacity=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;
}
.features-parallex > li:hover:before {
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
	
	opacity: 1;
	filter:alpha(opacity=100);
}
.features-parallex > li:last-child {
    margin: 0;
}
.features-parallex > li > span {
    border: 1px solid #848c91;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #F0F0F0;
    float: left;
    font-size: 30px;
    height: 83px;
    line-height: 83px;
    margin-right: 20px;
    text-align: center;
    width: 83px;
	
	-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;
	
	text-shadow: 3px 0 2px rgba(0, 0, 0, 0.16);
}
.features-parallex > li:hover span {
    color: #FFFFFF;
	
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	
	background: rgba(255,255,255,0.96);
	border-color:rgba(255,255,255,0.96);
}
.features-parallex > li > h3 {
    color: #FFFFFF;
    display: block;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 8px 0 5px;
	
	-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;
	
	text-transform: uppercase;
}
.features-parallex > li > p {
    color: #bcbbbb;
    display: block;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
	
	-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;	
}
.features-parallex > li:hover > h3 {
    margin-top: 0;
}
.features-parallex > li:hover > p {
    margin-top: 13px;
    margin-bottom: 0;
}


/* Video Parallax */
.video-paralax {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.video-paralax > a {
    border: 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 15px 17px;
	
    -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;
}

.video-paralax > a:hover {
    background: #fafafa;
    border-color: #fafafa;
    color: #333;
}
.video-frame {
    float: left;
    position: relative;
    width: 100%;
}
.video-frame:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -17px;
    content: "";
    height: 17px;
    left: 0;
    position: absolute;
    width: 100%;
}
.video-frame > iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	height:321px;
	
	border: none;
}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  outline:none;
}


/* Shop Category Sec */
.shop-categories-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.shop-ctgry-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e8ecec;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.shop-ctgry-box > div {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.shop-ctgry-box:hover > div > img {
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg);
}
.shop-ctgry-box > div > img {
    float: left;
    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;
	
    z-index: 0;
}
.shop-ctgry-box > div:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;

    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0) rotate(90deg);
    -moz-transform: scale(0) rotate(90deg);
    -ms-transform: scale(0) rotate(90deg);
    -o-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
	
    -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;
	
    width: 100%;
	z-index: 2;
}
.shop-ctgry-box:hover > div:before {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.shop-ctgry-box > div > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    font-family: roboto;
    font-size: 13px;
    left: 50%;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-left: -45px;
    margin-top: -12px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 12px 15px;
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
	z-index: 3;
}
.shop-ctgry-box:hover > div > a {
    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);
}
.shop-ctgry-box > ul {
    margin: 0;
    padding: 0;
    padding: 20px;
    float: left;
}
.shop-ctgry-box > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 12px;
}
.shop-ctgry-box > ul > li:last-child {
    margin: 0;
}
.shop-ctgry-box > ul > li > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 40px;
    text-transform: uppercase;
}
.shop-ctgry-box > ul > li > span > i {
    font-style: normal;
}
.shop-ctgry-box > ul > li > i {
    float: left;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #fff;
    text-align: center;
    line-height: 39px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-right: 15px;
    font-size: 18px;
	background:none repeat scroll 0 0 #495060;
}

/* SHop Offer */
.shop-offer-sec {
    float: left;
    width: 100%;
}
.shop-offer-sec > span {
    border: 5px solid rgba(0, 0, 0, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 40px;
    overflow: hidden;
}
.shop-offer-sec > span > img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
}
.shop-offer-sec > p {
    color: #F0EFEF;
    display: block;
    font-family: roboto;
    font-size: 25px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 40px;
    margin: 30px 0;
    text-align: center;
}
.shop-offer-sec > p > i {
    font-style: normal;
    font-weight: bold;
}
.shop-offer-sec > a {
    display: table;
    float: none;
    margin: 0 auto;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    color: #F0EFEF;
    line-height: 11px;
    letter-spacing: 0.30px;
    padding: 14px 15px;
    border: 1px solid #F0EFEF;
	
	-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;	
	
}


/* Our Products */

#our-products {
    float: left;
    width: 100%;
    margin-top: -30px;
    position: relative;
}

.our-product-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.our-product-box > span {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}
.our-product-box > span > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.our-product-box > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0;
    color: #666666;
}
.our-product-box > h3 > a {
    color: #666666;
}
.our-product-box > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin-bottom: 5px;
    width: 100%;
}
.our-product-box > span > i {
    color: #BABABA;
    float: left;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
    text-decoration: line-through;
}
.our-product-box > a {
    border: 1px solid #9ea1a2;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 11px 10px;
    
	-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;
	
    background: #9ea1a2;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
}
.our-product-box > a:hover{
	color:#fff;
}
.our-product-box > ul {
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 7px;
}
.our-product-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.our-product-box > ul > li > i {
    color: #ADADAD;
}


/* Shop Brands */
#shop-brands {
    float: left;
    width: 100%;
}

.shop-brands {
    float: left;
    width: 100%;
    background: #fdfdfd;
    border: 1px solid #ececec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-brands:hover > img {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}
.shop-brands > img {
    display: table;
    margin: 0 auto;
	
	-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;
}

/* Our Cases Sec */
#our-cases-sec {
    float: left;
    width: 100%;
}
.our-cases-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.our-cases-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-cases-box > span {
    float: left;
    margin-right: 20px;
    width: 160px;
}
.our-cases-box > span > img {
    border: 1px solid #BBBBBB;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-cases-box > h3 {
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
}
.our-cases-box > h3 > a {
    color: #434242;
}
.our-cases-box > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
.our-cases-box > a:hover {
    color: #FFFFFF;
}
.our-cases-box > a {  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 7px;
    
	-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-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
	margin-top:11px;
}

/* Awards */
#awards-sec {
    float: left;
    width: 100%;
}
#awards-sec > h2 {
    border-bottom: 4px solid #E7E7E7;
    color: #434242;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 25px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 auto;
    padding: 0 15px 15px;
    text-transform: uppercase;
}
.award-timeline {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 70px 0 0;
    position: relative;
    width: 100%;
}
.award-timeline > .left > .award-timeline-box {
    margin-bottom: 60px;
}
.award-timeline-box > iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	border: medium none;
	height:307px;
}
.award-timeline-box:hover {
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
}

.award-timeline:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e8e8e8;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: -1px;
    width: 4px;
}
.award-timeline-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8E8E8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top: 30px;
	
    float: left;
    padding: 15px;
    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;
	
    width: 100%;
}
.award-timeline .award-timeline-box:before {
    background: none repeat scroll 0 0 #E8E8E8;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 18px;
    margin-right: -24.5px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 18px;
    z-index: 0;
}
.award-timeline .award-timeline-box:after {
    background: none repeat scroll 0 0 #E8E8E8;
    content: "";
    height: 4px;
    margin-right: -10px;
    position: absolute;
    right: 0;
    top: 37px;
    width: 80%;
    z-index: -1;
}

.award-timeline > .right > .award-timeline-box:before {
    left: 0;
    margin-left: -23.5px;	
}
.award-timeline > .right > .award-timeline-box:after {
    left: 0;
    margin-left: -10px;
}
.award-timeline > .right > .award-timeline-box {
    margin-top: 60px;
}
.award-timeline-box > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.award-timeline-box > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.award-timeline-box > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 25px 0 15px;
    text-transform: uppercase;
    width: 100%;
}
.award-timeline-box > h3 > a {
    color:#666;
}
#timeline-slide1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#timeline-slide1 li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#timeline-slide1 li > img {
    float: left;
    width: 100%;
}
#timeline-slide1 .owl-pagination {
    left: 50%;
    position: absolute;
    bottom: 20px;
    margin-left: -25px;
}
#timeline-slide1 .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#timeline-slide1 .owl-pagination .owl-page.active{
	background:#fff;
}
.award-timeline-box > span {
    float: left;
    width: 33.3333%;
}
.award-timeline-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 4px;
    width: 100%;
}



/* Job Form Sec */
.job-form-sec {
    float: left;
    width: 100%;
}
.job-form-sec > #message {
    margin: 0 0 10px;
}
.job-form-sec > #message .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.job-form-sec  select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
	
    color: #AFAFAF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    padding: 8px 14px;
    width: 100%;
	margin-bottom:30px;
}
.customlist {
    float: left;
    position: relative;
    width: 100%;
}
.job-form-sec  label {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    margin: 0 0 20px;
    width: 100%;
}
.job-form-sec  label > i {
    margin-right: 15px;
}
.job-form-sec  p {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.job-form-sec  p > label {
    float: left;
    margin: 0;
}
.job-form-sec  p > label {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 1px 0 0 10px;
}
.form-margin > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 0 0 20px;
    width: 100%;
}
.product-table {
    border: 1px solid #E0E0E0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
	
    float: left;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}
.product-table > li {
    background: none repeat scroll 0 0 #FCFCFC;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    float: left;
    list-style: none outside none;
    width: 100%;
}
.product-table > li > h2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
    width: 50%;
}
.product-table > li > span {
    color: #5B5B5B;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
}
.product-table > li > i {
    color: #5B5B5B;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
	font-style:normal;
}
.product-table > li > span > i {
    color: #999999;
    float: left;
    font-style: normal;
}
.product-table > li:first-child {
    border: medium none;
}

/* Css Swither main styles */
.checkbox, .radio {
    background: url("../images/checkbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block !important;
    float: left;
    height: 25px;
    margin: -2px 0 0 !important;
    padding: 0 5px 0 0;
}
.radio {
	background: url('../images/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}
input.upload-file {
    border: medium none;
    font-family: roboto;
    font-size: 14px;
}

.job-form-sec > a {
    color: #FFFFFF;
    float: right;
}
.job-form-sec > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 25px;
}
.job-form-sec > a > i {
    margin-right: 13px;
}



/* Coming Soon */
.comming-soon-slider .tp-banner-container {
    height: 100%;
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}
.time_circles > div {
    height: 122px;
    position: absolute;
    text-align: center;
    top: 18% !important;
}
.time_circles > div > h4 {
    bottom: 36px;
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    left: 50%;
    margin: 0 0 0 -25%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    z-index: 1;
	
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    -ms-border-radius: 0 0 50% 50%;
    -o-border-radius: 0 0 50% 50%;
    border-radius: 0 0 50% 50%;
}
.time_circles > div > span {
    background:url("../images/timer-bg.png") no-repeat scroll -11px -9px rgba(0, 0, 0, 0);
    color: #494949;
    display: block;
    font-family: roboto;
    font-size: 300%;
    font-weight: bold;
    height: 100%;
    left: 50% !important;
    margin-left: -30%;
    margin-top: 3px;
    padding:35px 0 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 0;
}
.comming-soon-slider #layerslider{
	height:100%;
	position:absolute;
}
.comming-soon-slider {
	width:100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10000;
}
.comming-soon-page h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
    border-bottom: 1px solid #ACB0B6;
    border-top: 1px solid #ACB0B6;
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 60px;
    font-weight: 300;
    margin: 50px auto;
    padding: 30px 60px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	-webkit-animation: flash 5s infinite;	
	-moz-animation: flash 5s infinite;	
	-ms-animation: flash 5s infinite;	
	-o-animation: flash 5s infinite;	
	animation: flash 5s infinite;	
}
.comming-soon-page h2 {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 auto 50px;
    text-transform: uppercase;
	
	
	-webkit-animation: bounce 3s;	
	-moz-animation: bounce 3s;	
	-ms-animation: bounce 3s;	
	-o-animation: bounce 3s;	
	animation: bounce 3s ;	
}
.comming-soon-page h2 strong {
	color:#fff;
}
.someTimer {
    display: table;
    margin: 0 auto;
	width: 799px; 
	height: 200px;
}
.timer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
    border-bottom: 1px solid #ACB0B6;
    border-top: 1px solid #ACB0B6;
}
.comming-soon-page h3 {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 40px auto 20px;
}
.comming-soon-page p {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 16px;
    font-weight: 400;
    margin:0 auto 30px;
}
.comming-soon-page form {
    display: table;
    margin: 0 auto 100px;
}
.comming-soon-page form input[type="text"] {
    border: 0 none;
    color: #848484;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    padding: 8px 15px;
    width: 325px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 3px #9A9A9A inset;
    -moz-box-shadow: 0 1px 3px #9A9A9A inset;
    -ms-box-shadow: 0 1px 3px #9A9A9A inset;
    -o-box-shadow: 0 1px 3px #9A9A9A inset;
    box-shadow: 0 1px 3px #9A9A9A inset;
}
.comming-soon-page form input[type="submit"] {
    background: none repeat scroll 0 0 #58ca12;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    margin-left: 10px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.comming-soon-page .bottom-strip-simple p {
    font-size: 13px;
    margin: 0 auto;
}
.bottom-contact-bar p {
    color:#939292;
    font-family: roboto;
    font-size: 13px;
    line-height: 18px;
    margin-top: -5px;
    text-align: center;
}
.bottom-strip-simple {
    float: left;
    width: 100%;
}
.bottom-strip-simple .container {
	padding:0;
}
.bottom-strip-simple {
    background: none repeat scroll 0 0 #3B3B3B;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}


/* Footer */
footer {
    background: none repeat scroll 0 0 #2c2f34;
    border-top: 1px solid #ABABAB;
    float: left;
    width: 100%;
    padding-bottom: 0 !important;
}
footer h3 {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 25px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
}
footer h3:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}
footer h3:after {
    left: 51px;
    width: 4px;
    height: 1px;
    border-top: 1px dotted;
    content: "";
    bottom: -1px;
    content: "";
    position: absolute;
}
footer p {
    color: #ACACAC;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin: 0;
    text-align: left;
    width: 100%;
}
footer h3 > i {
    font-style: normal;
}


/* About Dastak */

.f-about-dastak {
    float: left;
    width: 100%;
}
.f-about-dastak > a {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.f-about-dastak > form {
    float: left;
    margin-top: 40px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
	
	border: 1px solid #474647;
}
.f-about-dastak > form > input[type=text] {
    background: none repeat scroll 0 0 #303437;
    border: medium none;
    color: #858585;
    float: left;
    font-family: roboto;
    font-size: 11px;
    height: 40px;
    letter-spacing: 0.3px;
    padding-left: 30px;
    width: 80%;
}
.f-about-dastak > form > input[type="submit"] {
    border: medium none;
    
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
	
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
	
    color: #ffffff;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    text-align: center;
    width: 20%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.f-about-dastak > .social-btns {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.f-about-dastak > .social-btns > li {
    margin: 0 10px 0 0;
}
.f-about-dastak > .social-btns > li > a {
    background: none repeat scroll 0 0 #444242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 32px;
    width: 32px;
}


/* Footer Testimonial  */
.f-testimonail {
    float: left;
    width: 100%;
}
.f-testimonail > .tab-content > div {
    background: none repeat scroll 0 0 #424040;
    border: 1px solid #424242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top:20px;
	
    float: right;
    margin: 0;
    padding: 25px 21px;
    text-align: center;
    width: 100%;
}
.f-testimonail .tab-content {
    background: none repeat scroll 0 0 #292c31;
    float: right;
    margin-top: 18px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
.f-testimonial-box {
    float: left;
    width: 100%;
}
.f-testimonial-box > h4 {
    float: left;
    font-family: lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 10px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.f-testimonial-box > h4 > i {
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}
.f-testimonial-box > p {
    font-family: Roboto;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    padding: 0;
	margin-top:16px;
	float:left;
	width:100%;
	text-align:center;
}
.f-testimonail .f-testimonial-slide {
    float: left;
    width: 100%;
	border:none;
	padding:0;
	margin:0;
}
.f-testimonial-slide-sec{
	margin:0 -10px;
}
.f-testimonail .f-testimonial-slide li {
    float: left;
    padding: 0 10px 9px;
    width: auto;
}
.f-testimonail .f-testimonial-slide li a {
    float: left;
    position: relative;
}
.f-testimonail .f-testimonial-slide li a img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
	height: auto;
}
.f-testimonail .f-testimonial-slide li a:before {
    background: none repeat scroll 0 0 #333;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: 50%;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 14px;
    height: 18px;
    left: 50%;
    line-height: 18px;
    margin-bottom: -9px;
    margin-left: -9px;
    position: absolute;
    text-align: center;
    
	-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;
    
	width: 18px;
}
.f-testimonail .f-testimonial-slide li.active a:before {
    bottom: 0;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Footer Project Sec */
.f-project-sec {
    float: left;
    width:100%;
}
.f-project-sec .row {
    margin: -12px -6px 0;
}
.f-project-sec .row > div {
    padding: 0 6px;
}
.f-project-sec .row > div  a {
    float: left;
    width: 100%;
	margin-top:12px;
}
.f-project-sec .row > div  a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	height: auto;
    width: 100%;
}

/* Find our Office */
.f-find-office {
    float: left;
    width: 100%;
}
.f-find-office > span > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}

.f-find-office > ul > li:last-child {
    margin: 0;
}
.f-find-office > span {
    background: none repeat scroll 0 0 #383838;
    border: 1px solid #444444;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.f-find-office > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.f-find-office > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 6px;
    width: 100%;
}
.f-find-office > ul > li > i {
    background: none repeat scroll 0 0 #444242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 8px;
    margin-right: 20px;
    text-align: center;
    width: 32px;
}
.f-find-office > ul > li > p {
    color: #acacac;
    display: block;
    float: none;
    font-family: Roboto;
    font-size: 13px;
    line-height: 21px;
    margin: -5px 0 0;
    text-align: left;
}

/* Subscribe uS */

.subscribe-sec {
    float: left;
    width: 100%;
    background: #f4f3f3;
}

.subscribe-sec .input-style {
    float: left;
    margin-left: -30px;
    width: 83%;
	height:58px;
}
.subscribe-sec > .container {
    padding: 0;
}
.subscribe-sec span#mail-bg {
    background-image: url("../images/mail.png");
    background-repeat: no-repeat;
    float: left;
    height: 164px;
    width: 233px;
    margin-top: 35px;
}
.subscribe-sec form {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.subscribe-sec form > label {
    color: #787878;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    line-height: 18px;
	margin-bottom:20px;
	margin-left: -30px;
}

.subscribe-sec form > .submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 16px;
    font-weight: normal;
    height: 57px;
    text-shadow: 0 0;
    width: 17%;
}






/* Elements */
.experties-sec.style2 > .experties > h2 {
    border: 1px solid #e9e9e9;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.experties-sec.style2 .experties > h2 {
    background-position: 17px 21px;
}
.experties-sec.style2 > .experties > h2.active {
    background-position: 17px 25px;
}
.experties-sec.style2 > .experties > h2 > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #636363;
    font-family: fontawesome;
    font-size: 18px;
    height: auto;
    margin-right: 15px;
    width: auto;
}


/* Footer Recent Post */
.f-recent-office {
    float: left;
    width: 100%;
}

.f-recent-office > ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.f-recent-office > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%;
}
.f-recent-office > ul > li > span > img {
    float: left;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	width:100%;
	height: auto;
}
.f-recent-office > ul > li > a > i {
    color: #888787;
    float: left;
    font-family: roboto;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.3px;
    margin-top: 2px;
}
.f-recent-office > ul > li > span {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 20%;
}
.f-recent-office > ul > li > a {
    color: #d3d2d2;
    display: block;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 14px;
}
.f-recent-office > ul > li > strong {
    font-style: normal;
    font-weight: normal;
    font-family: roboto;
    font-size: 12px;
    color: #d3d2d2;
    display: block;
    margin-top: 20px;
}
.footer-sec {
    float: left;
    width: 100%;
    margin-bottom: 70px;
}
/* Footer Bottom line */
.bottom-line {
    background: none repeat scroll 0 0 #1D1D1D;
    border-top: 1px solid #777777;
    float: left;
    width: 100%;
    padding: 15px 0;
}
.bottom-line span {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
    text-align: center;
    width: auto;
}
.bottom-line span > i {
    font-style: normal;
    color: #9e9e9e;
}
.bottom-line ul {
    float: right;
    margin: 0;
    padding: 0;
}
.bottom-line ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
}
.bottom-line ul > li > a {
    background: none repeat scroll 0 0 #3A3E4A;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #DBDBDB;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 10px;
	
    -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;
}

/* Text Strip */
.text-stripe {
    float: left;
    text-align: center;
    width: 100%;
}
.text-stripe > h4 {
    float: left;
    text-align: center;
    width: 100%;
    font-family: roboto;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.30px;
    margin: 0;
    margin-bottom: 10px;
}
.text-stripe > span {
    float: left;
    text-align: center;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    margin-bottom: 15px;
}
.text-stripe > a {
    float: none;
    margin: 0 auto;
    display: table;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
    line-height: 11px;
    padding: 10px 26px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}




.choose-bg > li > a.bg1 {
    background-image: url("../images/bg1.jpg");
}
.choose-bg > li > a.bg2 {
    background-image: url("../images/bg2.jpg");
}
.choose-bg > li > a.bg3 {
    background-image: url("../images/bg3.jpg");
}
.choose-bg > li > a.bg4 {
    background-image: url("../images/bg4.jpg");
}
.choose-bg > li > a.bg5 {
    background-image: url("../images/bg5.jpg");
}
.choose-bg > li > a.bg6 {
    background-image: url("../images/bg6.jpg");
}
.choose-bg > li > a.bg7 {
    background-image: url("../images/bg7.jpg");
}
.choose-bg > li > a.bg8 {
    background-image: url("../images/bg8.jpg");
}
.choose-bg > li > a.bg9 {
    background-image: url("../images/bg9.jpg");
}
.choose-bg > li > a.bg10 {
    background-image: url("../images/bg10.jpg");
}
.bg1{
        background: url('../images/bg1.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg2{
        background: url('../images/bg2.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg3{
        background: url('../images/bg3.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg4{
        background: url('../images/bg4.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg5{
        background: url('../images/bg5.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg6{
        background: url('../images/bg6.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg7{
        background: url('../images/bg7.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg8{
        background: url('../images/bg8.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg9{
        background: url('../images/bg9.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg10{
        background: url('../images/bg10.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}

.side-panel-sec {
    background: #fafafa;
    left: -280px;
    position: fixed;
    top: 167px;
    width: 280px;
    z-index: 9999999;
	
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
	
	-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-panel-sec:hover {
    left: 0;
}
.side-panel-sec > a {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin-right: -50px;
    background-color: #fafafa;
    background-image: url('../images/setting.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 9px 9px;
	
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    -o-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
.side-panel {
    float: left;
    position: relative;
    width: 100%;
}
.color-schemes {
    float: left;
    width: 100%;
}
.color-schemes > h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 0.30px;
    color: #222222;
    margin: 0;
    line-height: 10px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.color-schemes > ul {
    display: table;
    float: none;
    padding: 0;
    margin: 0 auto;
}
.color-schemes > ul > li {
    float: left;
    list-style: none outside none;
    margin: 5px 5px;
}
.color-schemes > ul > li > a {
    float: left;
    height: 30px;
    width: 30px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
	
    -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;
}
.color-schemes > ul > li > a.blue {
    background: none repeat scroll 0 0 #389ed1;
}
.color-schemes > ul > li > a.red {
    background: none repeat scroll 0 0 #e17062;
}
.color-schemes > ul > li > a.gray {
    background: none repeat scroll 0 0 #84929c;
}
.color-schemes > ul > li > a.green {
    background: none repeat scroll 0 0 #99be56;
}
.color-schemes > ul > li > a.brown {
    background: none repeat scroll 0 0 #ab9868;
}
.color-schemes > ul > li > a.orange {
    background: none repeat scroll 0 0 #deb06f;
}
.color-schemes > ul > li > a.purple {
    background: none repeat scroll 0 0 #b980a4;
}
.color-schemes > ul > li > a.teal {
    background: none repeat scroll 0 0 #588b7d;
}
.color-schemes > ul > li > a.lime {
    background: none repeat scroll 0 0 #00ce7d;
}
.color-schemes > ul > li > a.pink {
    background: none repeat scroll 0 0 #ee506e;
}
.color-schemes > ul > li > a.maroon {
    background: none repeat scroll 0 0 #a57f74;
}
.color-schemes > ul > li > a.yellow {
    background: none repeat scroll 0 0 #ebab23;
}


.two-layouts {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: rgba(0,0,0,.02);
	padding-bottom: 10px;
}
.two-layouts > h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #222222;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.two-layouts > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 15px;
}
.two-layouts > ul > li {
    float: left;
    list-style: none;
    margin: 0 10px;
}
.two-layouts > ul > li > a {
    background-color:#28AB7C;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 15px 14px;
	cursor: pointer;
}

.two-layouts > ul > li > a.boxed-style {
    background-color: #ebab23;
}
.two-layouts .choose-bg > li {
    float: left;
    margin: 0;
    margin: 5px 5px;
}

.scroll
{
  position: fixed;
  bottom: 0;
  left: 0;
}

.two-layouts .choose-bg > li > a {
    background-color: none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 0;
    height: 30px;
    width: 30px;
}


/* Search Job FOrm */
.search-job-form {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}
.search-job-form > .container > h3 {
    -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;
	
    color: #fdfdfd;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 50px;
}
.search-job-form > .container > h3 > i {
    margin-right: 11px;
}
.search-job-form > .container {
    padding: 0;
}
.job-form {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
    
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
	
    border-top: 1px solid;
    float: left;
    padding: 25px 50px;
    position: relative;
    width: 100%;
}
.job-form:before {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-left: 35px solid;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.job-form:after {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-right: 35px solid;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
}
.job-form form {
    float: left;
    width: 100%;
}
.job-form form input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 30px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
	border:none;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom:30px;
}
.form-dropdown {
    float: left;
    width: 100%;
    position: relative;
}
.job-form button {
    border: medium none;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 11px 46px;
    margin-bottom: 10px;
}
.job-form button > i {
    margin-right: 13px;
}


/* 
.minict_wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #333333;
    font-family: "Segoe UI",Segoe,"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    height: 2.2rem;
    position: relative;
    width: 100%;	
	
}
.minict_wrapper * {
    box-sizing: border-box;
}
.minict_wrapper:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #525252;
    content: "�";
    display: block;
    font-family: fontawesome;
    font-size: 15px;
    line-height: 6px;
    padding: 9px 9px 14px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -3px;
}
.minict_wrapper.active:after {
    content: "�";
}
.minict_wrapper input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #000000;
    cursor: default;
    font-family: roboto;
    font-size: 12px;
    height: auto;
    outline: medium none;
    padding: 0 2.2rem 0 0.4rem;
    width: 100%;
}
.minict_wrapper ul {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 0;
    max-height: 22rem;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 2rem;
    width: 100%;
    z-index: 999999;
}
.minict_wrapper ul li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    cursor: pointer;
    font-size: 12px;
    height: auto;
    line-height: 10px;
    list-style: none outside none;
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
}
.minict_wrapper ul li:hover {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #111111;
}
.minict_wrapper ul li.minict_group {
    background: none repeat scroll 0 0 #F6F6F6;
    color: #444444;
    cursor: default;
    font-weight: bold;
}
.minict_wrapper ul li.minict_empty {
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #BBBBBB;
    display: none;
    font-size: 0.9rem;
    height: 3.5rem;
    line-height: 3.3rem;
    text-align: center;
}
.minict_wrapper ul li.selected {
    background: none repeat scroll 0 0 #F9FCFF;
    color: #819A9A;
}
.minict_wrapper ul li.highlighted {
    background: none repeat scroll 0 0 #819A9A;
    color: #FFFFFF;
}
.minict_wrapper ul li.hidden {
    display: none;
}

.minict_wrapper.bubble:hover {
    border-color: #DCDCDC;
}
.minict_wrapper.bubble ul {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    overflow: visible;
    top: 37px;
}
.minict_wrapper.bubble ul:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
    border-style: solid;
    border-width: 0 10px 10px;
    color: rgba(0, 0, 0, 0);
    content: ".";
    height: 0;
    left: 20px;
    position: absolute;
    top: -10px;
    width: 0;
}
.minict_wrapper.bubble ul li.minict_first {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.minict_wrapper.bubble ul li.minict_last {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
} **/

/* Select Box Styling */
.minict_wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E5E5E5;
	color: #333333;
	float: left;
	height: auto;
	position: relative;
	width: 100%;
	cursor:pointer;
	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.minict_wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.minict_wrapper:after {
	color: #555555;
	content: "\25BC";
	display: block;
	font-size: 10px;
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 30px;
}
.minict_wrapper.active:after {
	content: "\25B2";
}
.minict_wrapper input {
	margin-bottom: 0 !important;
}
.minict_wrapper ul {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	border: 1px solid #e5e5e5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	top: 2rem;
	left: 0;
	max-height: 22rem;
	overflow-y: auto;
	z-index: 999999; 
}
.minict_wrapper ul li {
    background: none repeat scroll 0 0 rgba(235, 235, 235, 0.97);
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #cacaca;
    color: #8f8f8f;
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
    font-weight: 300;
    height: 35px;
    line-height: 35px;
    list-style: none outside none;
    margin-top: -1px;
    padding: 1px 14px;
}
.minict_wrapper ul li:hover {
	background: #fcfcfc;
	color: #111; 
}
.minict_wrapper ul li.minict_group {
	color: #444;
	background: #f6f6f6;
	font-weight: bold;
	cursor: default; 
}
.minict_wrapper ul li.minict_empty {
	display: none;
	background: #fff !important;
	color: #bbb;
	text-align: center;
	font-size: 0.9rem;
	height: 3.5rem;
	line-height: 3.3rem; 
}
.minict_wrapper ul li.selected {
color: #819a9a;
background: #f9fcff; }
.minict_wrapper ul li.highlighted {
color: #fff;
background: #819a9a; }
.minict_wrapper ul li.hidden {
display: none; }

.minict_wrapper.bubble {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
background: -moz-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f9f9f9));
background: -webkit-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -o-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, white 0%, #f9f9f9 100%);
background: linear-gradient(to bottom, white 0%, #f9f9f9 100%); }
.minict_wrapper.bubble:hover {
border-color: #dcdcdc; }
.minict_wrapper.bubble:after {
border-left: 1px solid #e0e0e0;
box-shadow: 1px 0 0 0 #FFFFFF inset;
height: 100%;
}
.minict_wrapper.bubble ul {
    border: 0 none;
    overflow: hidden;
    padding: 0;
    top: 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;
}

.minict_wrapper.bubble > input {
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #808080;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 300;
    height: 36px;
    padding: 5px 10px;
    width: 100%;
}


/* Job Sec */
.job-box-sec {
    float: left;
    width: 100%;
	margin-top:30px;
}
.box-title {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}
.box-title:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
	
    -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;
}
.box-title:after {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
	
    -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;
}
.job-box-sec:hover > .box-title:before {
    top: 0;
}
.job-box-sec:hover > .box-title:after {
    bottom: 0;
}
.box-title > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.box-title > a {
    bottom: 10px;
    left: 10px;
    line-height: 10px;
    position: absolute;
    font-family: roboto;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0.30px;
    padding: 13px 29px;

	-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;
}
.job-box-sec:hover .box-title > a {
    bottom: 100%;
    z-index: 999;
    margin-bottom: -45px;
	
    -webkit-transform: rotatex(360deg);
    -moz-transform: rotatex(360deg);
    -ms-transform: rotatex(360deg);
    -o-transform: rotatex(360deg);
    transform: rotatex(360deg);
}
.job-box-sec > h3 {
    color: #474747;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 15px 0;
    width: 100%;
}
.job-box-sec > h3 > a {
    color: #474747;
}
.job-box-sec > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.job-box-sec > ul li {
    background: none repeat scroll 0 0 #fbfbfb;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    padding: 7px 22px;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #474747;
    letter-spacing: 0.30px;
}
.job-box-sec > ul li strong {
    font-weight: 600;
    margin-right: 15px;
}
.job-box-sec > a {
    background: none repeat scroll 0 0 #c6c6c6;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 10px;
    padding: 11px 12px;
	
    -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;
}

/* Text Msg bar */
.text-msg-bar {
    float: left;
    width: 100%;
}
.text-msg-bar h2 {
    color: #161616;
    float: left;
    font-family: roboto;
    font-size: 25px;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: -10px 0 0;
    width: 100%;
	margin-bottom:10px;
}
.text-msg-bar h2 > i {
    float: left;
    line-height: 41px;
    margin-right: 20px;
}
.parallax .color p {
    color: #f3f3f3;
}
.text-msg-bar a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: right;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-top: 23px;
    padding: 20px 45px;
}


/* Job List */
.job-list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
	margin-top:30px;
}
.job-list > li {
    float: left;
    width: 100%;
}
.job-title > h3 {
    color: #646464;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    margin-bottom: 18px;
}
.job-list > li > a > span {
    margin-left: 14px;
    font-size: 12px;
}
.job-title > h3 > i {
    margin-right: 15px;
}
.job-list > li > a {
    border-top: 1px dashed #eeeeee;
    color: #595959;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 17px 0 17px 30px;
    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;
}

.job-list > li > a:before {
    left: 0;
    position: absolute;
    top: 50%;
    height: 10px;
    width: 10px;
    background: none;
    border: 1px solid;
    content: "";
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    margin-top: -5px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Team */
.team {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-box {
    float: left;
    width: 100%;
    position: relative;
	overflow:hidden;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.team-box > img {
    float: left;
    width: 100%;
}
.social-btns > li {
    float: left;
    margin: 0 5px;
}
.social-btns > li > a {
    background: none repeat scroll 0 0 #fdfdfd;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #444;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    
	-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;
	
    width: 30px;
}
.social-btns > li > a > i{
	float:left;
	width:100%;
	line-height:30px;
}
.team > h3 {
    color: #4f4f4f;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
    line-height: 20px;
}
.team > h3 > a {
    color: #fafafa;
}
.social-btns > li > a:hover{
	color:#fff;
}
.team > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
	margin-bottom: 15px;
}
.social-btns {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    
	-webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
	
    float: none;
    margin: 0 auto;
    display: table;
}
.team-box > a {
    left: 0;
    position: absolute;
    top: 0;
    width: 54px;
    height: 54px;
    background: #1d1b19;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    color: #fff;
    font-size: 19px;
    line-height: 54px;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px;
	
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
	
    -webkit-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -moz-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -ms-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -o-transform: rotatex(90deg) perspective(200px) translatez(17px);
    transform: rotatex(90deg) perspective(200px) translatez(17px);
}
.team-box > a > i{
	float:left;
	width:100%;
	line-height:54px;
}
.team-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    content: "";
    
	-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-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
}
.team:hover .team-box:before {
    opacity: 0.68;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.team:hover .team-box > a {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

/* Law */

/* About Law */
.about-law {
    border-bottom: 1px solid #efefef;
    float: left;
    margin-bottom: 35px;
    width: 100%;
}
.about-law > h3 {
    color: #656565;
    float: left;
    font-family: lato;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: -10px 0 20px;
    text-align: center;
    width: 100%;
}
.about-law > h3 > i {
    font-style: normal;
    font-weight: 900;
}
.about-law > p {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 30px;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}

.service.law span {
    background: none repeat scroll 0 0 #585858;
    border: 1px solid #585858;
    
	-webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
	
    color: #fff;
    height: 51px;
    line-height: 51px;
    width: 51px;
	font-size:20px;
}
.service.law span > i{
	float:left;
	width:100%;
	line-height:50px;
}
.service.law > .row {
    margin: 0 -10px;
}
.service.law > .row > div {
    padding: 0 10px;
}
.service.law h2 {
    color: #555555;
    font-family: lato;
    font-size: 18px;
    padding-left: 10px;
    margin-top: 0px;
}
.service.law p {
    padding-left: 10px;
    margin-top: -10px;
}
.service.law .read-more {
    background: none repeat scroll 0 0 #525252;
    color: #fff;
    float: left;
    margin-left: 10px;
    padding: 13px 16px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Submission Form */
.submission-form {
    background: url("../images/resource/form-bg.jpg") repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
	
    float: left;
    padding: 40px 25px;
    width: 100%;
	position:relative;
	overflow: hidden;
	
}
.submission-form > h3 {
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 900;
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
}
.submission-form > h3 > i {
    color: #444444;
    font-style: normal;
    font-weight: 200;
}
.submission-form > span {
    color: #5e5d5d;
    float: left;
    font-family: roboto;
    font-size: 12px;
    line-height: 17px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
}
.submission-form > form {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.submission-form > form > div > div {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.submission-form > form > div > div > input[type="text"], .submission-form > form > div > div > textarea, .submission-form > form > div > div > input[type="email"] {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #d6d5d5;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #444444;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 52px;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 15px;
    width: 100%;
    margin-bottom: 11px;
    
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;

    border: none !important;
}
.submission-form > form > div > div > .loader {
    float: right;
    margin: 30px;
}
.submission-form > form > div > div > textarea {
    height: 150px;
}
.submission-form > form > div > div > input[type=submit] {
}
.submission-form > form > div > div > input[type="submit"] {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 600;
    margin-top: 10px;
    padding: 13px 0;
    width: 100%;
}
.move-top {
    margin-top: -146px;
    position: relative;
    z-index: 2147483647;
}
.submission-form:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(247,248,249,0.8);
    z-index: -1;
}

/* Submission Form in Slider */
.submission-form.in-slider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    left: 100px;
    position: absolute;
    top: 0;
    width: 370px;
    z-index: 99999999;
}
.submission-form.in-slider:after {
    background-image: url("../images/shadow4.png");
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    background-size: 100% 100%;
}

.dark .service h2 > a {
    color: #fff;
}
.dark #whats-new > h1 {
    color: #fff;
}
.dark .slide-feature-box {
    background: rgba(255,255,255,0.95);
}
.dark .present-features > ul > li {
    color: #fafafa;
}
.dark p {
    color: #e1dede !important;
}
.dark h3 {
    color: #ffffff;
}
.emp-of-month-desc .square > li > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Employee Slide */
.employe-slide, .slide-services {
    float: left;
    width: 100%;
}
.employe-slide .owl-pagination, .slide-services .owl-pagination{
    display: table;
    float: none;
    margin: 0 auto;
    width: auto;
    margin-top: 20px;
}
.employe-slide .owl-pagination > .owl-page, .slide-services .owl-pagination > .owl-page {
    float: left;
    height: 8px;
    width: 8px;
    background: #d6d6d6;
    margin: 0 3px;
    
	-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;
}


/* Experites Sec style 3 */
.experties-sec.style3 .experties > h2 {
    background: none repeat scroll 0 0 #f4f4f4;
    border: medium none;
    color: #454545;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    padding-left: 60px;
	overflow: hidden;
}
.experties-sec.style3 .experties > h2:before {
    display: none;
}
.experties-sec.style3 h2:after {
    background: none repeat scroll 0 0 #d8d8d8;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.experties-sec.style3 .experties > h2 > i {
    color: #454545;
    font-size: 10px;
    height: 100%;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 9;
	
    -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;
}
.experties-sec.style3 .experties > h2.active > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	
	color:#fff;
}


/* Clients Says Sec */
.clients-says-sec {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
    padding-left: 64px;
}
.clients-says {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #f5f5f5;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 33px 30px 33px 90px;
    width: 100%;
}
.clients-says > h5 {
    color: #7f7e7e;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
}
.clients-says > h5 > i {
    font-style: normal;
    font-weight: 900;
}
.clients-says > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    font-size: 13px;
    color: #656565;
    letter-spacing: 0.30px;
    line-height: 24px;
}
.clients-says-sec > span {
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -67px;
    overflow: hidden;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 5px solid #fff;
	width: 123px;
    height: 123px;
}
.clients-says-sec > span > img {
    float: left;
	width:100%;
}

/* Answer */
.answers {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.answers > .thumb {
    float: left;
    width: 40%;
    position: relative;
}
.answers > .thumb > img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.answers > .thumb > span {
    color: #5e5e5e;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.answers > .details {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #f5f5f5;
    float: left;
    width: 60%;
    padding: 20px;
}
.answers .details > a {
    float: left;
    font-family: roboto;
    font-size: 11px;
    color: #ffffff;
    background: #525252;
    line-height: 10px;
    padding: 5px 8px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}
.answers > .details > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #7f7e7e;
    font-family: roboto;
    letter-spacing: 0.30px;
}
.answers > .details > p {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}



/*=======================================================
                 STYLE ADDED FOR INDEX 18
=========================================================*/
.heading5 {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.heading5 h2 {
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 200;
    margin: 0 0 5px;
    width: 100%;
}
.heading5 h2 strong {
    font-weight: 900;
}
.heading5 > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    width: 100%;
}

.shops-trends {
    float: left;
    width: 100%;
}
.owl-item .trend{
	padding: 0 15px;
}
.trend {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.trend-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.trend-img > del, .trend-img > ins {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    line-height: 13px;
    padding: 10px 13px;
    position: absolute;
}
.trend-img > ins {
    left: auto;
    right: 0;
}
.trend-img > img {
    float: left;
    width: 100%;

    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.trend-img:hover > img {
    -webkit-transform: rotate(15deg) scale(1.3);
    -moz-transform: rotate(15deg) scale(1.3);
    -ms-transform: rotate(15deg) scale(1.3);
    -o-transform: rotate(15deg) scale(1.3);
    transform: rotate(15deg) scale(1.3);    
}

.trend-img > span {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 8px 10px;
    font-family: roboto;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.add-to-fav {
    background: none repeat scroll 0 0 #fff;
    font-size: 13px;
    height: 30px;
    padding: 8px 5px 5px;
    color: #6c6c6c;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.trend > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 20px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.trend > h3 a{
    color: #000;
}
.trend > p {
    color: #969696;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.trend > a {
    background: none repeat scroll 0 0 #6c6c6c;
    color: #fff;
    float: left;
    font-family: roboto;
    font-weight: lighter;
    margin-top: 15px;
    padding: 10px 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.shops-trends .owl-buttons {
    right: 15px;
}
.line {
    float: left;
    width: 100%;
    height: 1px ;
    background: #f6f6f6;
}
.product-masonary-carousel {
    float: left;
    width: 100%;
}
.out-space {
    margin: 0 -10px;
}
.masonary-column {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.masonary-column > div {
    padding: 0 15px;
	float:left;
}
.masonary-product {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.masonary-product img {
    width: 100%;
    float: left;
}
.desc-outter {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product:hover .desc-outter {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
    bottom: 0;
}

.product-desc {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    float: left;
    padding: 15px 20px;
    width: 100%;
    height: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product:hover .product-desc {
    background: none;
    opacity: 0;
}
.product-desc > h3 {
    color: #fff;
    font-family: roboto;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
}

.product-desc > span {
    font-family: roboto;
    font-size: 13px;
    float: left;
    width: 100%;
    color: #969696;
    line-height: 14px;
    margin-bottom: 5px;
}

.product-desc > i {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 14px;
    width: 100%;
}

.masonary-product > a {
    width: 38px;
    height: 38px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 38px;
    color: #FFF;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transform:rotate(-360deg) scale(0);
    -moz-transform:rotate(-360deg) scale(0);
    -ms-transform:rotate(-360deg) scale(0);
    -o-transform:rotate(-360deg) scale(0);
    transform:rotate(-360deg) scale(0);

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product > a > i{
	float:left;
	width:100%;
	line-height:38px;
}
.masonary-product:hover > a {
    -webkit-transform:rotate(0deg) scale(1);
    -moz-transform:rotate(0deg) scale(1);
    -ms-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
    transform:rotate(0deg) scale(1);    
}
.masonary-product > a:before {
    content: "";
    position: absolute;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    border: 1px solid;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product > a:hover:before{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.product-masonary-carousel .owl-controls {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.product-masonary-carousel .owl-controls .owl-pagination {
    display: table;
    margin: 0 auto;
}
.product-masonary-carousel .owl-controls .owl-pagination > div {
    width: 9px;
    height: 9px;
    background: #eee;
    float: left;
    margin: 0 2px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-masonary-carousel .owl-controls .owl-pagination > div.active{
    background: #757575;   
    width: 11px;
    height: 11px;
}


/*=======================================================
                 STYLE ADDED FOR INDEX 19
=========================================================*/
.shop-carousel {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.owl-item .shop {
    padding: 0 15px;
}
.shop {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.add-item {
    float: left;
    padding-left: 85px;
    position: relative;
    width: 100%;
}
.add-item > span {
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.add-item:hover > span{
    left: -50px;
}
.add-item > span img {
    width: 100%;
}
.add-detail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-left: 1px solid #edebeb;
    float: left;
    padding: 10px 5px 10px 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.add-detail > h4 {
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.add-detail > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 22px;
    margin: 8px 0 10px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
    text-transform: uppercase;
}
.add-detail > h3:before {
    background: none repeat scroll 0 0 #d4d4d4;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -15%;
    position: absolute;
    width: 30%;
}
.add-detail > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
}
.add-detail > a {
    background: none repeat scroll 0 0 #c3c3c3;
    color: #fff;
    display: inline-block;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 14px;
    margin-top: 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.add-detail > a i {
    margin-left: 5px;
}
.shop > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.shop > h3 a{
    color: #000;
}
.shop > p {
    color: #969696;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
    width: 100%;
}
.shop .social-btns {
    float: left;
    margin-left: -5px;
    margin-top: 20px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}
.shop-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-img > img {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.shop-img > img.hover-show {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.shop-img:hover > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

    opacity: 0;
}
.shop-img:hover > img.hover-show{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    opacity: 1;

}
.price-holder {
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.shop-price {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    padding: 10px 15px;
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-price h6 {
    color: #5c5c5c;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
}
.shop-price ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
}
.shop-price ul li {
    float: left;
    margin: 0 3px;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 31px;
}
.shop-price ul li a {
    float: left;
    width: 100%;
    height: 100%;
    color: #797979;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.shop-price ul li a i{
	float:left;
	width:100%;
	line-height:31px;
}
.shop-price ul li a:hover{
    color: #FFF;
}
.shop-carousel .owl-buttons {
    right: 15px;
}
.shop-price ul li a.added_to_cart.wc-forward {
    float: left;
    margin-top: -31px;
    position: relative;
    color: transparent;
}
.shop-price ul li a.added_to_cart.wc-forward:before {
    color: #ffffff;
    content: "\f064";
    font-family: fontawesome;
    font-size: 15px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    width: 100%;
}


.portfolio-sec.fancy .portfolio-box {
    margin-top: 2px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;    
}
.portfolio-sec.fancy .portfolio-box:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.24);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.portfolio-sec.fancy .portfolio-box:hover:before{
    height: 0;
}
.portfolio-sec.fancy .folio-slide {
    padding: 0 0.5px;
}
.portfolio-sec.fancy .portfolio-box img{
    padding: 0;
}
.product-add {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    border-top: 1px solid #6d6a6b;
    border-bottom: 1px solid #6d6a6b;
    background: rgba(0,0,0,0.42);

    -webkit-transition:all 0.6s linear;
    -moz-transition:all 0.6s linear;
    -ms-transition:all 0.6s linear;
    -o-transition:all 0.6s linear;
    transition:all 0.6s linear;
}
.portfolio-sec.fancy .portfolio-box:hover .product-add {
    bottom: 20px;
}
.product-add > h3 {
    color: #FFF;
    font-family: lato;
    font-size: 22px;
    margin: 0;
    float: left;
    width: 100%;
}
.product-add > h3 a{
    color: #FFF;
}
.product-add > span {
    font-family: lato;
    font-size: 18px;
    color: #FFF;
    margin: 5px 0;
    float: left;
    width: 100%;
}


.fancy-swipe .swiper-container {
    height: 347px;
    margin: 0;
    width: 100%;
}
.fancy-swipe .swiper-container .nav-tabs {
    border: 0 none;
    float: left;
    width: 100%;
}
.fancy-swipe .swiper-container .nav-tabs li {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0 0 6px;
}
.fancy-swipe .swiper-container .nav-tabs li a {
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.fancy-swipe .swiper-container .nav-tabs li a img {
    float: left;
    height: 100%;
    width: 100%;
}
.thumb-selector {
    float: left;
    position: relative;
    width: 100%;
}
.navigations {
    height: 100%;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 0;
}
.navigations a {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #e0e0e0;
    height: 20px;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.navigations a:hover:before{
    color: #FFF;
}
.navigations a:before {
    color: #212121;
    content: "\f106";
    float: left;
    font-family: fontawesome;
    text-align: center;
    width: 100%;
}
.navigations a.arrow-right:before{
    content: "\f107";
}
.navigations a.arrow-right {
    bottom: 0;
    top: auto;
}
.fancy-swipe .tab-content .tab-pane {
    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;
}
.fancy-swipe .tab-content .tab-pane img {
    float: left;
    width: 100%;
}
.product-details {
    float: left;
    width: 100%;
}
.product-details ul {
    border: 0 none;
    float: left;
    margin: 0 0 -10px;
    width: 100%;
}
.product-details ul li {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}
.product-details ul li a {
    background: none repeat scroll 0 0 #d6d6d6;
    border: 1px solid #dedede;
    color: #000;
    font-family: lato;
    font-size: 13px;
    padding: 10px 20px;

    -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.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-details ul li.active a{
    background: #FFF;
}
.product-details .tab-content {
    border: 1px solid #dedede;
    float: left;
    padding: 40px 35px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.product-details .tab-content h3 {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    width: 100%;
}
.product-details .tab-content h4 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 16px;
    margin: 0;
    width: 100%;
}
.product-details .tab-content h5 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 20px;
    width: 100%;
}
.product-details .tab-content h5 strong {
    font-weight: 600;
}
.product-details .minict_wrapper {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #efefef;
    height: 40px;
    padding: 7px 15px;
    cursor: pointer;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-details .minict_wrapper input{
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
}
.product-details .minict_wrapper:after {
    border-left: 1px solid #efefef;
    height: 100%;
    line-height: 10px;
    top: 0;
    width: 40px;
}
.product-details .minict_wrapper ul li {
    background: none repeat scroll 0 0 #fbfbfb;
    width: 100%;
}
.product-details span {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
    width: 100%;
}
.product-details .tab-content span a {
    color: #000000;
    float: none;
    font-size: 14px;
    text-decoration: underline;
    width: auto;
}
.product-details p {
    color: #6c6c6c;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
.product-details .tab-content ul {
    padding: 0 0 0 15px;
    margin: 0;
}
.product-details .tab-content ul li {
    color: #6c6c6c;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: 0;
    width: 100%;
}
.single-product-page .tab-content a.single-add-to-cart {
    background: none repeat scroll 0 0 #222;
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 30px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 70%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.more-details {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.more-details:last-child{
    margin-bottom: 0;
}
.more-details > h6 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    width: 100%;
}
.product-details .more-details > ul {
    list-style: none outside none;
    padding: 0;
}
.product-details .more-details > p {
    margin: 0;
}
.single-product-page .tab-content .tab-pane a.show-big {
    bottom: 20px;
    color: #515251;
    font-size: 32px;
    position: absolute;
    right: 20px;
}

/* Cart Sec */
.cart-sec {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
}
.cart-sec > li {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 30px;
    width: 100%;
}
.cart-sec > li:last-child {
    margin: 0;
}
.cart-sec > li .product {
    border-right: 1px solid #e8ecec;
    float: left;
    padding: 20px;
    width: 50%;
	height: 272px;
}
.cart-sec > li .price {
    border-right: 1px solid #e8ecec;
    float: left;
    height: 272px;
    width: 15%;
}
.cart-sec > li .price > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-sec > li .price > h3 {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.cart-sec > li .cart-quantity {
    border-right: 1px solid #e8ecec;
    float: left;
    width: 20%;
	height: 272px;
}
.cart-sec > li .cart-quantity > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.decrements {
    display: table;
    float: none;
    margin: 0 auto;
}
.decrements > .qantity-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    padding: 8px 12px 10px;
    position: relative;
}
.decrements .qantity-form input.userincr-btn-inc[type="button"] {
    position: absolute;
    right: 7px;
}
.decrements .qantity-form input.userincr-btn-dec[type="button"] {
    left: 7px;
    position: absolute;
    line-height: 20px;
}
.decrements .qantity-form input[type="button"] {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    font-family: roboto;
    font-size: 14px;
    height: 15px;
    padding-bottom: 23px;
    width: 17px;
    background: #333333 none repeat scroll 0 0;
}
.decrements > .qantity-form .qty {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-family: roboto;
    font-size: 15px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    width: 59px;
}
.quantity > p {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 15px 0 0;
    text-align: center;
    width: 100%;
}
.cart-sec > li .total {
    float: left;
    width: 15%;
	height: 272px;
}
.cart-sec > li .total > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-sec > li .total > h3 {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.product > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 35%;
}
.inner-left .woocommerce  .checkout-button.button:hover {
    background:#333333;
}
.woocommerce .product > span > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff !important;
    font-size: 14px;
    height: 32px;
    left: 50%;
    line-height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2) rotate(360deg);
    -moz-transform: scale(2) rotate(360deg);
    -ms-transform: scale(2) rotate(360deg);
    -o-transform: scale(2) rotate(360deg);
    transform: scale(2) rotate(360deg);
	
    -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;
	
    width: 32px;
}
li.cart_item:hover .product > span > a {
    opacity: 1;
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.product > span > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:32px;
}
.product > span > img {
    float: left;
    width: 100%;
}
.product > h3 {
    display: block;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    padding-left: 15px;
    width: 65%;
}
.product > h3 > a {
    color: #666;
}
.product > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0 0 0 15px;
    width: 50%;
}
.product > ul > li {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    height: 31px;
    list-style: none outside none;
    margin-bottom: 10px;
    padding: 4px 15px;
    width: 100%;
}
.product > ul > li > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 24px;
    width: 50%;
}
.product > ul > li > i {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    height: auto;
    line-height: 24px;
    width: 50%;
}
.product > ul > li.cart-colors > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 17px;
    margin-right: 6px;
    margin-top: 2px;
    width: 17px;
}
.product > ul > li.cart-colors > i.green {
    background: none repeat scroll 0 0 #5FD370;
}
.product > ul > li.cart-colors > i.red {
    background: none repeat scroll 0 0 #f96a59;
}.product > ul > li.cart-colors > i.yellow {
    background: none repeat scroll 0 0 #f9f059;
}

/* Toogle Cart Top */
.toogle-cart-sec {
    float: left;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 9999999999999999999999;
    height: 175px;
    left: 0;
    top: -175px;
	
    -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;
}
.toogle-cart-sec:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.toogle-cart-sec.sticky {
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.toogle-cart-box {
    border: 1px solid rgba(255, 255, 255, 0.3);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 15px;
    padding: 15px;
    width: 300px;
}

.toogle-cart-box > span {
    float: left;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
    margin-right: 10px;
}
.toogle-cart-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
}
.toogle-cart-box > h3 {
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 5px 0;
}
.toogle-cart-box > h3 > a {
    color: #FFFFFF;
}
.toogle-cart-box > i {
    color: #EAEAEA;
    display: block;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    margin-top: 10px;
}
.toogle-cart-box > ul {
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
.toogle-cart-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
.toogle-cart-box > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    
	-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;
	
    width: 26px;
}
.toogle-cart-box > ul > li > a i{
	float:left;
	width:100%;
	line-height:26px;
}
.toogle-cart-box > ul > li > a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
.toogle-cart-sec > .container {
    position: relative;
}
.toogle-cart-sec > .container > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50px;
    color: #FFFFFF;
    font-size: 17px;
    height: 45px;
    line-height: 18px;
    padding-left: 21px;
    padding-top: 23px;
    position: absolute;
    right: 0;
    text-align: center;
	
    -webkit-transform: rotate(45deg) scale(0.9);
    -moz-transform: rotate(45deg) scale(0.9);
    -ms-transform: rotate(45deg) scale(0.9);
    -o-transform: rotate(45deg) scale(0.9);
    transform: rotate(45deg) scale(0.9);
	
    width: 45px;
    z-index: 0;
	color: transparent;
}
.toogle-cart-sec > .container > a > i {
    float: left;
    margin-top: -37px;
	
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	
	color:#fff;
}

.toogle-cart-sec > .container > a > span {
    display: none;
}
.toogle-cart-sec > .container > a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: -1;
}
.toogle-cart-sec:hover .container > a {
    -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;
}
#content_2 .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(255,255,255,0.1);
}
#content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
#content_2 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
#content_2 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 6px;
    margin: 5px auto;
    width: 100%;
}
.toogle-cart-sec.open {
    top: 0;
}

.business1.style2 .toogle-cart-sec > .container > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50px;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 12px;
    font-weight: lighter;
    height: 47px;
    padding: 13px 23px 17px 17px;
    top: 154px;
    
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	
    width: auto;
}
.business1.style2 .toogle-cart-sec > .container > a > i {
    float: right;
    
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	
    margin: 0;
    margin: 3px 0;
    margin-left: 7px;
}
.business1.style2 .toogle-cart-sec > .container > a > span {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 2px solid #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: inline;
    font-size: 11px;
    height: 25px;
    line-height: 21px;
    position: absolute;
    right: -10px;
    top: 11px;
    width: 25px;
}

/* Cart Single */


#cart-single-sec {
    float: left;
    width: 100%;
}
#cart-slide {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#cart-slide li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    overflow: hidden;
    width: 100%;
}
#cart-slide li > img {
    float: left;
    width: 100%;
}
.cart-product-desc {
    float: left;
    width: 100%;
}
.trend > a.added_to_cart.wc-forward {
    margin-left: 10px;
}
.masonary-product > a.added_to_cart.wc-forward {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    line-height: 99px;
}
.masonary-product > a.added_to_cart.wc-forward:before {
    display: none;
}
.add-to-fav > i {
    margin-top: 4px;
}
.woocommerce-product-rating {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-bottom: 10px;
    padding: 10px 20px;
    width: 100%;
}
.cart-product-desc > h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}
.cart-product-desc > div {
    float: left;
    width: 100%;
}
.cart-product-desc > div p {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 12px;
    width: 100%;
}
.cart-product-desc > h3 > i {
    font-style: normal;
    font-weight: 600;
}
.cart-product-desc > span {
    color: #313131;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 100%;
}
#choose-color {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
}
#choose-color > li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 27px;
    list-style: none outside none;
    margin-right: 5px;
    overflow: hidden;
    width: 27px;
}
#choose-color > li.red {
	background:#ff4646;
}
#choose-color > li.green {
	background:#56cd59;
}
#choose-color > li.blue {
	background:#ffef66;
}
#choose-size {
    border: medium none;
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
#choose-size > li {
    border: medium none;
    float: left;
    margin: 0;
}
#choose-size > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #888888;
    float: left;
    height: 27px;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    width: 33px;
}
#choose-size > li.active > a {
    background: none repeat scroll 0 0 #888;
    color: #FFFFFF;
	border: 1px solid #888888;
}
.cart-product-desc > .decrements {
    float: left;
    width: 100%;
}
.cart-product-desc > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-top: 40px;
    padding: 17px 16px;
}
.tab-features {
    float: left;
    padding-right: 10px;
    width: 100%;
}
.tab-features > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 20px;
    width: 100%;
}
.tab-features > p {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.tab-features > ul {
    float: left;
    margin: 25px 0;
    padding: 0;
    width: 100%;
}
.tab-features ul li {
    float: left;
    list-style: none outside none;
    width: 50%;
}
.tab-features ul li i {
    background: none repeat scroll 0 0 #6A6A6A;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 19px;
}
.tab-features ul li p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-left: 20px;
}
.cart-single-tab {
    float: left;

    margin-top: 60px;
    width: 100%;
}
.cart-single-tab > ul {
    border: medium none;
    padding-left: 50px;
}
.cart-single-tab > ul > li {
    float: left;
    margin: 0;
}
.cart-single-tab > ul > li > a {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
	
    color: #696969;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding: 10px 18px;
    text-transform: uppercase;
}
.cart-single-tab > ul > li > a > i {
    float: left;
    font-size: 16px;
    margin-right: 15px;
    margin-top: 2px;
}
.cart-single-tab > ul > li.active > a {
    -moz-border-bottom-colors: none;
    -ms-border-bottom-colors: none;
    -webkit-border-bottom-colors: none;
    -o-border-bottom-colors: none;
	
    -moz-border-left-colors: none;
    -webkit-border-left-colors: none;
    -ms-border-left-colors: none;
    -o-border-left-colors: none;
	
    -moz-border-right-colors: none;
    -webkit-border-right-colors: none;
    -ms-border-right-colors: none;
    -o-border-right-colors: none;
	
    -moz-border-top-colors: none;
    -webkit-border-top-colors: none;
    -ms-border-top-colors: none;
    -o-border-top-colors: none;
	
    background: none repeat scroll 0 0 #F8F8F8;
    border-color: -moz-use-text-color #DADADA #DADADA;
    border-image: none;
    border-right: 1px solid #DADADA;
    border-style: solid;
    border-width: 2px 1px 1px;
}
.cart-single-tab .tab-content {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    float: left;
    margin-top: -2px;
    padding: 22px 20px;
    position: relative;
    z-index: 9;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.product-details {
    float: left;
    width: 100%;
}
.product-details > h3 {
    color: #282828;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 50px;
    text-transform: uppercase;
    width: 100%;
}
.product-details > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.product-details > ul li {
    border: 1px solid #DDDDDD;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.product-details > ul li:last-child {
    margin: 0;
}
.product-details li span {
    background: none repeat scroll 0 0 #F3F1F1;
    color: #1D1D1D;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 10px;
    margin-right: 20px;
    padding: 10px;
    width: 25%;
}
.product-details p {
    color: #434343;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 10px 0;
}

/* Wpb Tabs */
.wpb_tabs {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0 !important;
    padding: 27px;
    width: 100%;
}
.wpb_tabs ul > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    border-right: 1px solid #e8e6e6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    line-height: 29px;
    margin: 0;
    padding: 0 20px !important;
    text-transform: uppercase;
	
    -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;
}
.wpb_tabs ul.wpb_tabs_nav  {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
}
.wpb_tabs .wpb_tab {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left;
    padding: 0 !important;
    width: 100%;
}
.wpb_content_element .wpb_tabs_nav li:last-child > a {
    border: medium none;
}
.wpb_tabs .wpb_tabs_nav li {
    margin: 0 !important;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active > a{
	color:#fff;
}

/* Woo Commerce */
.woocommerce {
    float: left;
    width: 100%;
}
.woocommerce > h2 {
    float: left;
    font-family: roboto;
    margin: 0 0 20px;
    width: 100%;
}
.woocommerce-review-link {
    color: #333333;
    margin-left: 10px;
}
/* Variation Product */
.variations_form.cart {
    float: left;
    width: 100%;
}
.cart-product-desc .cart-options > form {
    float: left;
    margin-bottom: 0 !important;
    margin-top: 30px;
    width: 150px;
}
.variations_form.cart {
    width: 100% !important;
}
.variations {
    border: medium none;
    float: left;
    margin: 0 !important;
    width: 100%;
}
.variations_button {
    float: left;
    margin-top: 13px;
    width: auto;
}
.variations > tbody {
    float: left;
    width: 100%;
}
.variations > tbody > tr .label {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 !important;
	margin-bottom:15px;
}
.variations > tbody > tr .label > label {
    color: #565656;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 11px 13px;
    text-align: center;
    width: 100%;
}
.variations > tbody > tr .value {
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	float: left;
    height: auto;
    padding: 0;
	margin-bottom:15px;
}
.variations > tbody > tr .value > select {
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
    height: 38px;
    padding-left: 12px;
}
.variations > tbody > tr .value > a {
    color: #565656;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 7px;
    text-align: center;
    width: 100%;
}
.single_variation {
    float: left;
    font-family: Open Sans;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-right: 20px;
    width: auto;
}
.product-type-variable .quantity.buttons_added {
    float: left;
    margin-right: 15px !important;
}
.inner-left .cart-product-desc .variations_button > button {
    background: none repeat scroll 0 0 #333;
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 7px 30px;
    text-shadow: 0 0;
}
.inner-left .cart-product-desc .variations_button > button:hover {
    background: none repeat scroll 0 0 #555;
}
.cart-product-desc > p {
    font-family: Roboto;
    font-size: 14px;
    line-height: 24px;
}
.woocommerce > form.login,
.woocommerce > form.checkout_coupon {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.woocommerce > form.checkout_coupon > p {
    margin: 0;
    padding: 0;
}
.woocommerce > form.login > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 12px;
    padding: 0;
    width: 100%;
}
.woocommerce > form.login > p > label {
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    width: 100%;
}
.woocommerce > form.login > p > .input-text {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 12px 17px;
    width: 100%;
}
.upsells {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.upsells > h2 {
    color: #555555;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.review-product {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.woocommerce p > input.button {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    font-family: roboto;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 12px 30px;
    text-shadow: 0 0;
    text-transform: uppercase;
}
.woocommerce > form.login > p.lost_password > a {
    color: #565656;
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    margin: 0;
}
.woocommerce > form.login > p.lost_password {
    margin: 0;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
	
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
    padding: 0;
    top: 0;
}
.woocommerce .woocommerce-info > a {
    margin-left: 15px;
}
.checkout {
    float: left;
    width: 100%;
}
.woocommerce-billing-fields {
    float: left;
    width: 100%;
}
.woocommerce-billing-fields > h3 {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    width: 100%;
}
.woocommerce-billing-fields > p {
    float: left;
    margin-bottom: 18px !important;
    padding: 0 !important;
    width: 100%;
}
.woocommerce-billing-fields > p > label {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce-billing-fields > p > input[type="text"], 
.woocommerce-billing-fields  p > input[type="password"],
.woocommerce-shipping-fields  p  > textarea,
.woocommerce-shipping-fields  p  > input[type="text"],
.woocommerce > form.checkout_coupon > p input[type="text"],
.coupon > input[type="text"] {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #565656 !important;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 12px;
    width: 100%;
}
.woocommerce > form.checkout_coupon > p input[type="submit"]{
	margin:0;
}
.woocommerce-billing-fields > p input[type="checkbox"] {
    float: left;
}
.woocommerce-billing-fields > p .checkbox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    margin: -8px 0 0;
    padding-left: 10px;
    width: auto;
}
.woocommerce .myaccount_user {

    float: left;

    width: 100%;

}
.addresses {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;

    float: left;
    width: 100%;
}

.woocommerce .addresses > .address {
    float: left;
	padding: 25px;
	width: 50%;
}

.woocommerce .addresses > .col-1.address{
	border-right: 1px solid #e8ecec;
}

.woocommerce .addresses > .address > header.title {
    float: left;
    position: relative;
    width: 100%;

}
.woocommerce .addresses > .address > header.title > a {
    background: none repeat scroll 0 0 #555;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    color: #fff;
    font-family: roboto;
    font-size: 13px;
    line-height: 12px;
    padding: 7px 19px;
    position: absolute;
    right: 0;
    top: 0;

}

.woocommerce .addresses > .address address {
    color: #888;
    float: left;
    font-family: roboto;
   font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}

.woocommerce .addresses > .address > header.title > h3 {
    color: #555;
    float: left;
    font-family: Raleway;
    font-size: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    padding-right: 80px;
    width: 100%;

}

.create-account > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.checkout > h3 {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0 15px;
    width: 100%;
}
.checkout > div {
    float: left;
    width: 100%;
}
.woocommerce .shop_table {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
	
    float: left;
    width: 100%;
}
.woocommerce .shop_table thead {
    color: #565656;
    font-family: lato;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.woocommerce .shop_table tbody {
    color: #666666;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce .shop_table tfoot {
    color: #565656;
    font-family: Roboto;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
#payment {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
	
    float: left;
    width: 100%;
}
.woocommerce-shipping-fields {
    float: left;
    width: 100%;
}
.woocommerce-shipping-fields > h3{
	color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0 7px;
    width: 100%;
	font-weight: 500;
}
.woocommerce-shipping-fields > h3 label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
}
.woocommerce-shipping-fields > h3 input {
    margin-left: 11px;
    margin-top: 8px;
}
.woocommerce-shipping-fields  p {
    margin-bottom: 18px !important;
    padding: 0 !important;
}
.woocommerce-shipping-fields  p  > label {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.coupon {
    float: left;
    margin-right: 30px;
    width: auto;
}
.coupon > label {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 0;
    margin-right: 10px;
}
.coupon > input[type="text"] {
    margin-right: 10px;
    margin-top: -3px;
    padding: 5px 15px;
    width: auto;
}
.cart-total-box {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    width: 100%;
	margin-top: 30px;
}
.cart-head {
    float: left;
    width: 100%;
}
.cart-total-box .cart-head > h2 {
    border: medium none;
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 17px 0;
    text-align: center;
    width: 100%;
}
.cart-total-box .cart-head > h2 > a{
	color:#fff;
}
.cart-total-box ul {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-total-box ul > li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #fcfcfc;
}
.cart-total-box ul > li {
    float: left;
    line-height: 10px;
    list-style: none outside none;
    padding: 15px 20px;
    width: 100%;
	font-family: roboto;
}
.cart-total-box ul > li > span {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: left;
    width: 50%;
}
.cart-total-box ul > li > i {
    color: #818181;
    float: left;
    font-size: 13px;
    font-style: normal;
    letter-spacing: 0.3px;
    width: 50%;
}
.customlist > select {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c6dade;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 2px #e9f3f6;
    -moz-box-shadow: 0 1px 2px #e9f3f6;
    -ms-box-shadow: 0 1px 2px #e9f3f6;
    -o-box-shadow: 0 1px 2px #e9f3f6;
    box-shadow: 0 1px 2px #e9f3f6;
	
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 16px;
    height: 30px;
    padding-left: 10px;
    position: relative;
    width: 100%;
}
.cart-total-box ul > li > input {
    border: 1px solid #c6dade;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 2px #e9f3f6;
    -moz-box-shadow: 0 1px 2px #e9f3f6;
    -ms-box-shadow: 0 1px 2px #e9f3f6;
    -o-box-shadow: 0 1px 2px #e9f3f6;
    box-shadow: 0 1px 2px #e9f3f6;
	
    color: #d2d2d2;
    float: left;
    font-family: Raleway;
    font-size: 13px;
    height: 30px;
    padding: 0 0 0 15px;
    width: 100%;
}

/* Theme Test Unit */
.inner-left > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    width: 100%;
}
blockquote {
    background: none repeat scroll 0 0 #fafafa;
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 26px 41px;
    width: 100%;
}
body blockquote p {
    float: left;
    font-family: lato;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    width: 100%;
	font-style:italic;
}
.inner-left table{
	margin-bottom:20px;
}
table {
    border: 1px solid #f0f0f0;
    color: #888888;
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
thead {
    color: #333;
    text-align: center;
}
table th {
    border: 1px solid #f0f0f0;
    text-align: center;
}
td {
    border: 1px solid #f0f0f0;
    font-size: 12px;
    line-height: 30px;
}
dt,dd {
    color: #777;
    font-family: roboto;
    font-size: 13px;
    line-height: 25px !important;
	letter-spacing:0.30px;
}
pre {
    float: left;
    text-align: left;
    width: 100%;
}
.alignleft {
    float: left;
    margin-right: 20px;
}
.alignright {
    float: right;
    margin-left: 20px;
}
.aligncenter {
    margin: 0 auto;
}
.page-numbers {
    float: left;
    width: 100%;
}
.twitter-tweet.twitter-tweet-rendered {
    float: left;
    width: 100% !important;
}
.inner-left > ul {
    float: left;
    text-align: left;
    width: 100%;
}
.inner-left > ul li {
    font-family: roboto;
}
.inner-left > ul ul {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.inner-left > ol {
    font-family: roboto;
    padding: 0 0 0 19px;
    text-align: left;
    width: 100%;
}
.shop-price ul li a:hover i {
    color: #ffffff;
}
.inner-left > ol ol {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.portfolio-head > span a {
    color: #fafafa;
}
/* Theme Test Unit */
.wp-caption{} 
.wp-caption-text{} 
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
.post.sticky > div > div {
    float: left;
    width: 100%;
}
.post.sticky > div > div .post-desc {
    margin: 0;
}
.post.sticky .post-desc h2 {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 10px 20px;
}
.post.sticky .post-desc p {
    margin-bottom: 17px;
}
.standalone-tweet {
    float: left;
    height: auto;
    padding: 0;
    width: 100%;
}
.mejs-container {
    float: left;
    margin-bottom: 21px;
}

/*** BB PRESS STYLING ***/

#bbpress-forums {
    margin-bottom: 0;
}

#bbpress-forums #bbp-search-form {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #dcdcdc;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 310px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#bbpress-forums #bbp-search-form input#bbp_search {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #343434;
    float: left;
    font-family: roboto;
    height: 40px;
    padding: 10px;
    width: 230px;
}

#bbpress-forums #bbp-search-form input#bbp_search_submit {
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #cfcfcf;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    border-right: 0 none;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    float: left;
    font-family: roboto;
    height: 40px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 70px;
}

#bbpress-forums #bbp-search-form input#bbp_search_submit:hover{
    color: #AFAFAF;
}

#subscription-toggle, #favorite-toggle {
    background:none repeat scroll 0 0 #282828;
    float: left;
    margin: 0 20px;
    padding: 5px 15px;
    text-transform: uppercase;
	
    -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}

#subscription-toggle a, #favorite-toggle a {
    color: #fff !important;
    line-height: 20px;
}

.bbp-author-avatar img {
    border: 0 none !important;
    margin: 0 !important;
}

#bbpress-forums ul {
    color: #888888;
    font-weight: 400;
}

#bbpress-forums .minict_wrapper.bubble ul {
    background: none repeat scroll 0 0 #fff;
}

#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;

}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */
    padding:0;

}

#bbpress-forums > ul {
    border: 1px solid #c9c9c9!important;
    overflow: hidden !important;    
    
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;

}

#bbpress-forums li.bbp-footer {
    background: none repeat scroll 0 0 #DCDCDC;
    border-top: 1px solid #C9C9C9;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #d0cfcf;
    padding: 0 20px;
}

#bbpress-forums li.bbp-body ul.forum li, #bbpress-forums li.bbp-body ul.topic li {
    font-size: 13px;
    line-height: 80px;
    min-height: 125px;
    padding: 20px 0;
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, 
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 34px;
}

#bbpress-forums fieldset.bbp-form {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#bbpress-forums fieldset.bbp-form label {
    float: left;
    font-weight: 400;
    width: 100%;
}

#bbpress-forums li.bbp-header {
    background: none repeat scroll 0 0 #6f6f6f;
    border: 1px solid #3e3e3e;
    float: left;
    font-weight: 400;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1;

}

#bbpress-forums li.bbp-header:before {
    background: url("../images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #84898B;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;

}

#bbpress-forums li.bbp-header li {
    color: #F1EFEF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-shadow: 0 1px 0 #000000;
    text-align: center;

}

li.bbp-forum-freshness, li.bbp-topic-freshness {
    border-right: 0 none !important;
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 47px;

}

.bbp-form input[type="text"],.bbp-form textarea {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #C8C8C8;
    font-family: roboto;
    height: 30px;
    padding: 5px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.bbp-form textarea{
    border:0;
    height:auto;
}

#bbpress-forums div.reply {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    color: #333333;
    font-size: 12px;
    position: relative;
    padding:0;
    right: 0;

}

div.bbp-submit-wrapper button {
    background: none repeat scroll 0 0 #D4D4D4;
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 25px;
    text-transform: uppercase;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

div.bbp-template-notice.info {
    color: #747474;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    background-color: #BFE7F1;
    border: 1px solid #D1D1D1;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a,

 ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    background: none repeat scroll 0 0 #E0E0E0;
    color: #646363 !important;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    margin-top: 18px;
    padding: 7px 15px;
    line-height: 20px;
    text-shadow: 0 1px 0 #F4F4F4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.bbp-forum-content {
    color: #9d9d9d;
    line-height: 20px;
    margin: 25px 0 0 !important;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a,
.bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a {
    background: none repeat scroll 0 0 #E1E1E1;
    color: #898888 !important;
    display: table;
    margin: 10px auto 0;
    padding: 5px 15px;
    text-shadow: 0 1px 0 #F4F4F4;
    line-height: 20px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

#bbpress-forums p.bbp-topic-meta {
    float: left;
    margin-bottom: 0;
    margin-top: 10px !important;
    width: 100%;
}

.bbp-author-avatar {
    margin-right: 10px;
}

ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    margin-top: 5px;
    line-height: 20px;

}

li.bbp-forum-topic-count, li.bbp-topic-voice-count,
li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    font-size: 15px !important;

}

.bbp-pagination-count {
    border: 1px solid rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-size: 12px;

}

div.bbp-template-notice, div.indicator-hint {
    background: none repeat scroll 0 0 #FBE3A7;
    border-color: #D1D1D1;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    width: auto;

}

#bbpress-forums p.bbp-topic-meta .bbp-author-name {
    color: #A1A1A1;
}

ul.bbp-replies li.bbp-header > div {
    color: #F1EFEF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-align: center !important;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;

}

li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
    font-size: 12px;
    line-height: 17px;
    margin-top: 18px;
    text-shadow: none;

}

#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background-color: #EDEAEA;
    border-top: 1px solid #D0CFCF;
}

.bbp-admin-links, .bbp-admin-links a {
    color: #8E8E8E !important;
    font-size: 12px !important;
    padding: 0 5px;
    text-transform: capitalize !important;
}

.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
    color: #8E8E8E !important;
    float: right;
    margin-left: 30px;
}

#bbpress-forums .bbp-body div.bbp-reply-author {
    border-right: 1px solid #C9C9C9;
    float: left;
    padding: 20px;
    width: 30%;

}

.bbp-reply-author .bbp-author-avatar {
    float: left;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    color: #8E8E8E;
    display: table-row-group;
    width: auto;

}

#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {
    color: #9c9c9c;
    display: table-row;
    float: left;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-top: -8px;
}

.bbp-reply-ip {
    float: left;
    text-align: left;
}

.bbp-reply-author .bbp-author-avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content {
    border-left: 1px solid #C9C9C9;
    color: #8E8E8E;
    float: left;
    font-family: roboto;
    margin-left: -1px;
    padding: 20px 25px;
    width: 70%;

}

fieldset.bbp-form {
    float: left;
    padding: 0 !important;
    width: 100%;
}

fieldset.bbp-form label {
    color: #7f7f7f;
    float: left;
    font-family: roboto;
    font-size: 12px;
    padding: 0 20px 0 0 !important;
    text-transform: uppercase;
    width: auto !important;

}

button.button.submit {
    line-height: 20px;
    overflow: hidden;
    padding: 7px 20px;

}
div.bbp-template-notice, div.indicator-hint {
    width: 100%;
}

.bbp-breadcrumb > p a, .bbp-breadcrumb > p span {
    color: #222222;
	display: inline-block;
    font-family: roboto;
    font-size: 12px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;

}

.bbp-breadcrumb > p span.bbp-breadcrumb-current {
    color: #a0a0a0;
}

div.bbp-breadcrumb, div.bbp-topic-tags {
    float: left;
    position: relative;
    text-align: center;
    width: auto;
}
#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p {
    margin-top: 10px;
}
.bbp-pagination-links {
    float: left;
    margin-left: 10px;
}
#bbpress-forums .bbp-pagination-links span {
    float: left;
    width: auto;
}
#bbpress-forums .bbp-pagination-links a {
    float: left;
    width: auto;
}
.bbp-topics .bbp-topic-pagination {
    float: left;
    margin-top: 8px;
}
.bbp-topics .bbp-topic-pagination > a {
    float: left;
    width: auto;
}
.entry-title {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin-bottom: 10px !important;
    width: 100%;
}
.bbp-form > div > label {
    float: left;
    text-align: left !important;
    width: 150px !important;
}
#bbpress-forums #bbp-your-profile fieldset.submit {
    float: right;
}


/******************* Widget *******************/
.widget {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/* Widget Tag Cloud */
.tagcloud {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.tagcloud a:hover{
	color:#fff;
}
.tagcloud a {
    border: 1px solid #e8ecec;
    color: #6d6d6d;
    float: left;
    font-family: Roboto;
    font-size: 13px !important;
    
	-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;
	
    padding: 6px 9px;
    margin-top: 10px;
    margin-right: 10px;
}
.tagcloud a:hover{
	color:#fff;
}
/* Widgets Archive and Categories */
.widget_archive > ul, .widget_categories > ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_archive > ul > li, .widget_categories > ul > li {
    border-bottom: 1px dashed #e8ecec;
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 7px 0;
    position: relative;
    text-align: right;
    width: 100%;
}
.widget_archive > ul > li:first-child , .widget_categories > ul > li:first-child{
    padding-top: 0;
}
.widget_archive > ul > li:last-child, .widget_categories > ul > li:last-child {
    border: medium none;
    padding-bottom: 0;
}
.widget_archive > ul > li > a, .widget_categories > ul > li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding-left: 30px;
    position: relative;
    text-align: left;
    
	-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;
	
    width: 85%;
}
.widget_archive > ul > li > a:before, .widget_categories > ul > li > a:before {
    color: #565656;
    content: "ï„…";
    font-family: fontawesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 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;
}
.widget_archive > ul > li > a:hover:before, .widget_categories > ul > li > a:hover:before {
    left: 10px;
}

/* Widget Archive Select */
.widget_archive > select, .widget_categories > select, .widget_product_categories > select {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    padding-left: 10px;
    width: 100%;
}

/* Widget Calendar */

#calendar_wrap {
    float: left;
    width: 100%;
}

#calendar_wrap > table {
    float: left;
    width: 100%;
}

#calendar_wrap > table > caption {
    background: none repeat scroll 0 0 #fafafa;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 0;
}
#calendar_wrap > table > thead {
   width: 100%;
}
#calendar_wrap > table > thead > tr > th {
	background: none repeat scroll 0 0 #f3f3f3;
    border-right: 1px solid #e8e8e8;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 0;
    text-align: center;
}
#calendar_wrap > table > tbody > tr > td.pad {
	background: none repeat scroll 0 0 #fdfdfd;
}
#calendar_wrap > table > tbody > tr > td {
   background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    color: #888;
    font-family: roboto;
    font-size: 12px;
    padding: 4px 0;
    text-align: center;
}
#calendar_wrap > table > tbody > tr > td > a {
   background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	
    color: #333;
    float: left;
    width: 100%;
}
#calendar_wrap > table > tfoot > tr > td {
   background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    font-family: roboto;
    font-size: 13px;
    text-align: center;
}
#calendar_wrap > table > tfoot > tr > td > a{
	color:#555555;
}

/* Widget main Menu */
.widget_nav_menu .menu-main-menu-container > ul, .widget_pages > ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li, .widget_pages > ul > li {
    float: left;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul li, .widget_pages > ul > li ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul, .widget_pages > ul > li ul {
    float: left;
    margin: 0;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container ul li a, .widget_pages > ul li a {
    border-bottom: 1px dashed #e8ecec;
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 8px 0;
    position: relative;
    text-align: left;
    
	-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;
	
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container ul li ul li a:before, .widget_pages > ul li ul li a:before {
    color: #999;
    content: "ï„„";
    font-family: fontawesome;
    font-size: 12px;
    left: -15px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}

/* Widget Metas */
.widget_meta > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_meta > ul > li {
    float: left;
    width: 100%;
}
.widget_meta > ul > li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}

/* Widget Recent Comment */
.widget_recent_comments > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_recent_comments > ul > li {
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    padding: 10px;
    width: 100%;
}
.widget_recent_comments > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 21px;
    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;
	
}
.widget_recent_comments > ul > li {
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-top: -1px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

/* Widget Recent Entries */
.widget_recent_entries ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-top:-10px;
}
.widget_recent_entries ul li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget_recent_entries ul li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin-bottom: 8px;
    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;
}
.widget_recent_entries ul li > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 10px;
    letter-spacing: 0.3px;
    width: 100%;
}

/* Widget Tag Cloud */
.widget_tag_cloud a {
    color: #565656;
    font-family: lato;
    letter-spacing: 0.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;
}

/* Widget Text */
.widget_text p {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    width: 100%;
}
.widget_text p img, .widget_text a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 15px;
    width: 100%;
}
.widget_text p img.wp-smiley {
    float: none;
    width: auto;
}
.textwidget form {
    float: left;
    width: 100%;
}
.textwidget form select {
    float: left;
    margin-top: 10px;
    width: 100%;
}
/* Widget Dastak Our Offices */
.widget_sh_our_office span {
    border: 1px solid #424242;
}

/* Widget Dastak Recent Post */
.widget_sh_recent_post ul li.sticky {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 15px;
}
.widget_sh_recent_post ul li.sticky > a {
    float: left;
    width: 100%;
}
.widget_sh_recent_post ul li.sticky > a > i {
    float: left;
    margin-top: 5px;
    width: 100%;
}
.widget_sh_recent_post ul li.sticky span {
    display: none;
}
.widget_sh_recent_post ul li.sticky strong {
    float: left;
    margin-top: 9px;
    width: 100%;
}
.widget_sh_recent_post ul li a {
    color: #565656;
}
footer .widget_sh_recent_post ul li a {
    color: #eeeeee;
}

/* Widget Dastak Email Subscribe */
aside .widget_sh_subscribe_mail_list > .f-about-dastak p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -10px 0;
    width: 100%;
}
aside .widget_sh_subscribe_mail_list > .f-about-dastak form {
    border: 1px solid #e8ecec;
}
aside .widget_sh_subscribe_mail_list > .f-about-dastak form > input[type="text"] {
    background: none repeat scroll 0 0 #fafafa;
}

/* Widget BBPress Search Form */
.widget_display_search > form {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
}
.widget_display_search > form input[type="text"] {
    border: 1px solid #e8ecec;
    
	-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;
	
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    padding: 4px 9px;
    width: 70%;
}
.widget_display_search > form input.button {
    border: medium none;
    
	-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;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    width: 30%;
}

/* Widget bbPress Topics */
.widget_display_forums > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_display_forums > ul > li {
    float: left;
    margin-top: 10px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.widget_display_forums > ul > li:before {
    color: #555555;
    content: "ï„?";
    font-family: fontawesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 2px;
}
.widget_display_forums > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
	
    -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;
}

/* Widget bbpress Login */
.bbp-logged-in {
    float: left;
    width: 100%;
}
.bbp-logged-in > a.submit.user-submit {
    background: none repeat scroll 0 0 #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 10px;
    padding: 10px;
}
.bbp-logged-in > a > img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0 !important;
    width: 100%;
}
.bbp-logged-in > h4 {
    display: block;
    float: none;
    font-family: roboto;
    font-size: 17px;
    margin: 0 0 10px;
}
.bbp-logged-in > h4 > a {
    color: #777777;
}
.bbp-logged-in .logout-link {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: inline;
    font-family: roboto;
    font-size: 11px;
    padding: 5px 10px;
	color:#fff;
    text-transform: uppercase;
	margin-top:5px;
}

/* Widget bbpress Display View */
.widget_display_views > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_display_views > ul > li {
    float: left;
    width: 100%;
}
.widget_display_views > ul > li > a {
    color: #777777;
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    margin-top: 6px;
    width: 100%;
}

/* Widget Recent Topics */
.widget_display_topics > ul, .widget_display_replies > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_display_topics > ul li, .widget_display_replies > ul li {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    padding: 15px;
    width: 100%;
}
.widget_display_topics > ul li > a, .widget_display_replies > ul li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-right: 10px;
}
.widget_display_topics > ul li .topic-author, .widget_display_replies > ul li .topic-author {
    background: none repeat scroll 0 0 #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 24px;
    margin-right: 12px;
    margin-top: 2px;
    padding: 5px;
    width: auto;
}
.widget_display_topics > ul li div, .widget_display_replies > ul li div {
    color: #888888;
    display: block;
    font-family: roboto;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
}
.widget_display_topics > ul > li:first-child, .widget_display_replies > ul li:first-child {
    -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;
}
.widget_display_topics > ul > li:last-child, .widget_display_replies > ul li:last-child {
    -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;
}
.widget_display_topics > ul li .topic-author > a img, .widget_display_replies > ul li  .topic-author > a img {
    float: left;
    width: 100%;
}
.widget_display_topics > ul li .topic-author > a, .widget_display_replies > ul li .topic-author > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
}
.widget_display_topics > ul li .topic-author > a.bbp-author-name, .widget_display_replies > ul li .topic-author > a.bbp-author-name {
    font-family: roboto;
    font-size: 11px;
    line-height: 11px;
}

/**************** Woo Commerce Widgets *************/
/* Price Filter */
aside .widget_price_filter .price_slider_wrapper > .price_slider {

    background: none repeat scroll 0 0 #e8ecec !important; 

	-webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;

    float: left;
    width: 100%;

}

aside .widget_price_filter .price_slider_wrapper > .price_slider > .ui-slider-range {
    background: none repeat scroll 0 0 #777;
   
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

aside .widget_price_filter .price_slider_wrapper > .price_slider > .ui-slider-handle {
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    height: 15px;
    width: 15px;
}

.widget_shopping_cart_content {
    float: left;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li {
    border-bottom: 1px dashed #e8ecec;
    float: left;
    padding: 10px;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: right;
    margin-top: 0;
}
.widget .widget_shopping_cart_content > ul > li > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    line-height: 13px;
    padding: 5px 10px;
    width: auto;
}
.widget .widget_shopping_cart_content > .total {
    border: medium none;
    float: left;
    font-family: roboto;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 8px;
    text-align: center;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li:first-child {
    padding-top: 0;
}
.widget .widget_shopping_cart_content > ul > li:last-child {
    padding-bottom: 0;
}
.widget .widget_shopping_cart_content > .buttons {
    display: table;
    float: none;
    margin: 0 auto;
}
.widget .widget_shopping_cart_content > .buttons > a {
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 0 5px;
    padding: 9px 13px;
    text-shadow: 0 0;
    width: auto;
}

/* WooCoomerce Product Categories */
.woocommerce.widget_product_categories > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.woocommerce.widget_product_categories ul li {
    float: left;
    width: 100%;
}
.woocommerce.widget_product_categories ul li a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 6px 0;
}
.woocommerce.widget_product_categories ul li span {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
	
    float: right;
    font-family: roboto;
    font-size: 11px;
    margin-top: 5px;
    padding: 3px 4px;
}

/* WooCommerce Widget Product */
.woocommerce.widget_products > ul {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 29px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.woocommerce.widget_products > ul > li {
    border-left: 3px solid #e8ecec;
    color: #898989;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}


/* WooCommerce Search product */
.widget_product_search > form, .widget_search > form {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    padding: 10px;
	width: 100%;
}
.widget_product_search > form label, .widget_search > form label {
    display: none;
}
.widget_product_search > form input[type="text"], .widget_search > form input[type="text"] {
    border: 1px solid #e8ecec;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    padding-left: 10px;
    width: 70%;
}
.widget_product_search > form input[type="submit"], .widget_search > form input[type="submit"] {
    border: medium none;
    
	-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;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    width: 30%;
}
aside .heading2 {
    margin-bottom: 20px;
}
/* WooCommerce Recent Review */
.widget_recent_reviews > ul {
    float: left;
    width: 100%;
	margin-top:-10px;
}
.widget.widget_recent_reviews > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.widget_recent_reviews > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget.widget_recent_reviews > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.widget_recent_reviews > ul > li .star-rating {
    float: left;
    height: 20px;
    margin-right: 10px;
}
.widget.widget_recent_reviews > ul > li .reviewer {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
}

/* WooCoomerce Top rated products */
.widget.widget_top_rated_products > ul {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.widget_top_rated_products > ul > li .star-rating {
    float: left;
    height: 20px;
    margin-right: 10px;
}
.widget.widget_top_rated_products > ul > li .reviewer {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
}
  
/* Portfolio SIngle */
.portfolio-single {
    float: left;
    width: 100%;
}
.portfolio-single-tab {
    float: left;
    width: 100%;
}
.portfolio-single-tab .tab-content {
    float: left;
    width: 100%;
}
.portfolio-single-tab .tab-content .portfolio-info {
    float: left;
    position: relative;
    width: 100%;
}

.responsive-header > ul li a i {
    margin-right: 20px;
}
.portfolio-single-tab .tab-content .portfolio-info img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-single-tab .tab-content .portfolio-info h3 {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
}
.portfolio-single-tab .tab-content .portfolio-info h3 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 23px;
    line-height: 29px;
    overflow: hidden;
    padding: 9px 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-tabs-btn {
    float: left;
    width: 100%;
}
.portfolio-tabs-btn > .row {
    margin: 0 -15px;
}
.portfolio-tabs-btn > .row > ul {
    border: medium none;
    float: left;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li a {
    border: medium none !important;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 30px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li a img {
    float: left;
    height: auto;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li {
    float: left;
    margin: 0;
    padding: 0 15px;
}
.portfolio-tabs-btn > .row > ul > li a:after {
    color: #fff;
    content: "ï? ";
    font-family: fontawesome;
    font-size: 20px;
    margin-top: -14px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
	-o-transform: scale(2);
    transform: scale(2);

	-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;
	
    width: 100%;
    z-index: 99;
}
.portfolio-tabs-btn > .row > ul > li a:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
	
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);

	-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;
	
    width: 100%;
    z-index: 9;
}
.portfolio-tabs-btn > .row > ul > li.active a:before {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-tabs-btn > .row > ul > li.active a:after {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.portfolio-tags {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 20px 0;
    width: 100%;
}
.portfolio-tags > li {
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-right: 20px;
}
.portfolio-tags > li > strong {
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
}
.portfolio-single > p {
    color: #777;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.portfolio-single .single-project-sec {
    margin-top: 28px;
}
footer.no-widgets {
    padding: 0;
    border: none;
}
footer.no-widgets .footer-sec {
margin-top:0;
}


/* Law Slide 1 */
.law-btns > li {
    float: left;
    margin: 0 10px !important;
}


/* Law Slide 2 */
.law-btns2 > li{
	float: left;
    margin-right: 15px !important;
}

/* Seo Slide */
.law-btn-list:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    left: 14px;
    margin-top: -7px;
    opacity: 0.8;
}


/* Company Service Tabs */
.service-features {
    float: left;
    width: 100%;
}
.service-features > .nav {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
}
.service-features > .nav > li {
    float: left;
    margin: 0;
    margin-right: 10px;
}
.service-features > .nav > li > a {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: normal;
    color: #888;
    background: #f9f9f9;
    padding: 15px 20px;
    border: 1px solid #f9f9f9;
    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	

	-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;
	
}
.service-features > .nav > li > a:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;

	-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;
	
    width: 0;
}
.service-features > .nav > li.active > a:before {
    left: 50%;
    margin-left: -40px;
    width: 80px;
}

.service-features > .nav > li > a:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    border-top: 6px solid ;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 50%;
    margin-left: -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;

    opacity: 0;
}
.service-features > .nav > li.active > a:after {
    opacity: 1;
}
.service-features > .nav > li > a > i {
    margin-right: 10px;
}
.service-features > .nav > li.active > a {
    background: #fff;
    border: 1px solid #e0e0e0;
}
.compnay-service-sec {
    float: left;
    width: 100%;
}
.compnay-service-sec img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.compnay-service-sec h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0;
    width: 100%;
    margin-top: 15px;
}
.compnay-service-sec a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    line-height: 12px;
    letter-spacing: 0.30px;
    padding: 14px 50px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.compnay-service-sec p {
    color: #888888;
    float: left;
    font-family: Noto Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}


/* Business Header Style 3 */
.business1.style3 .business1-menu > ul > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
	
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    padding: 3px 20px;
    border: 1px solid rgba(255,255,255,0);
    border-right-color: #e8ecec;
}
.business1.style3 .business1-menu > ul > li:last-child > a {
    padding-right: 0;
    border: none;
}
.business1.style3 .business1-menu > ul > li.menu-item-has-children > a {
    padding-right: 35px;
    position: relative;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a{
	position:relative;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a:before {
    top: 50% !important;
    margin-top: -8px;
	
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.business1.style3 .business1-menu > ul > li.menu-item-has-children:hover > a:after, 
.business1-menu > ul > li > ul > li.menu-item-has-children:hover > a:after{
    color:#fff;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a:after {
    color: #c1c1c1;
    content: "ï„…";
    display: block !important;
    font-family: fontawesome;
    font-size: 14px;
    margin-top: -9px;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 99999;
}
.business1.style3 .business1-menu > ul > li.mega > ul {
    left: 50% !important;
    margin-left: -200px !important;
}
.business1.style3 .business1-menu > ul > li > a > i {
    display: block;
    float: right;
    margin-left: 10px;

	-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;

}
.business1.style3 #menu-sec {
    height: auto;
}
.business1.style3 .logo {
    margin: 17px 0;
}
.business1.style3 {
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	
    position: fixed;
}
.business1.style3 #menu-sec.sticky .logo {
    margin: 7px 0;
}
.select2-container {
    float: left;
    width: 100%;
}
.woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before {
    top: 15px;
}

/* Pie Wrapper */
#our-Skill-sec > ul {
    display: table;
    float: none;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: auto;
}
#our-Skill-sec > ul > li {
    float: left;
    margin-top: 30px;
}
.circliful {
    position: relative; 
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    color: #484848;
    display: inline-block;
    font-family: lato;
    font-weight: bold;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9;
    line-height: 161px !important;
    float: left;
}
.circliful:before {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 108px;
    left: 36px;
    position: absolute;
    top: 36px;
    width: 108px;
}
.circliful:after {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 140px;
    height: 140px;
    content: "";
    background: rgba(255,255,255,0.3);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.circle-info, .circle-info-half {
    color: #888;
    font-size: 13px;
    font-weight: normal;
    top: 25px;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}

/* Mockup parallax */
.mockup-parallax {
    float: left;
    width: 100%;
}





.wpb_toggle.wpb_toggle_title_active {
    color: #fff !important;
}
.vc_inner img {
    float: left;
    width: 100%;
}
.vc_inner img.loader {
    width: auto;
    float: none;
}
.page .wpb_toggle {
    background: none repeat scroll 0 0 #ffffff ;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: Roboto;
    font-size: 15px;
    padding: 13px 20px;
    width: 100%;
	
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
}
.wpb_alert {
    float: left;
    width: 100%;
}
.wpb_toggle_content {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.wpb_gallery_slides img {
    float: left !important;
    width: 100% !important;
}
.wpb_flexslider .prettyphoto {
    float: left;
    width: 100%;
}
.wpb_tour_tabs_wrapper.ui-tabs {
    float: left;
    width: 100%;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul {
    float: left;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li > a {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
    -ms-border-radius: 3px 3px 0 0 !important;
    -o-border-radius: 3px 3px 0 0 !important;
    border-radius: 3px 3px 0 0 !important;
	
    color: #333;
    font-family: Roboto;
    letter-spacing: 0.3px;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li.ui-tabs-active > a {
    background: none repeat scroll 0 0 #cacaca;
    color: #fff;
}
.wpb_tab.ui-tabs-panel.wpb_ui-tabs-hide.vc_clearfix.ui-widget-content.ui-corner-bottom {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 0 3px 3px;
    -moz-border-radius: 0 3px 3px;
    -ms-border-radius: 0 3px 3px;
    -o-border-radius: 0 3px 3px;
    border-radius: 0 3px 3px;
	
    float: left;
    padding: 20px 30px;
}
.wpb_accordion_section.group {
    border: 1px solid #e8ecec;
    float: left;
    margin-bottom: -1px;
    width: 100%;
}
.page .wpb_accordion_section.group > .ui-accordion-header {
    background: none repeat scroll 0 0 #ffffff;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #333333;
    float: left;
    font-family: Roboto Condensed;
    font-size: 15px;
    letter-spacing: 0.3px;
    width: 100%;
	
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.wpb_accordion_section.group > .ui-accordion-header a{
	color:#333333;
}
.wpb_accordion_section.group > .ui-accordion-header.ui-state-active a {
    color: #fff;
}
.vc-carousel-inner .post-title, .post-title {
    float: left;
    font-family: open sans;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vc-carousel-inner .post-title a,.post-title a{
    color: #444;
    font-size: 18px;
}
.vc_carousel .vc-carousel-control .icon-prev, .vc_carousel .vc-carousel-control .icon-next {
    background-color: transparent!important;
}
.entry-content {
    color: #777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    width: 100%;
}
.vc-inner a.vc_read_more,a.vc_read_more {
    background: none repeat scroll 0 0 #f3f3f3;
    float: left;
    font-family: open sans;
    font-size: 12px;
    padding: 8px 17px;
    line-height: 20px;
    width: auto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


.vc_span3 {
    float: left;
    width: 25%;
}
.vc_span2 {
    float: left;
    width: 16.6667%;
}
.vc_span4 {
    float: left;
    width: 33.334%;
}
.vc_span6 {
    float: left;
    width: 50%;
}
.vc_span12 {
    float: left;
    width: 100%;
}
.post-thumb, .post-thumb a, .post-thumb a img {
    float: left;
    width: 100%;
}
.post-thumb a img{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.isotope-inner {
    padding: 0 15px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.categories_filter li {
    margin-bottom: 0 !important;
}
.categories_filter li a {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #cfcfcf !important;
    float: left;
    line-height: 30px;
    padding: 0 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.categories_filter li.active a {
    background: none repeat scroll 0 0 #bfbfbf;
    color: #fbfbfb;
}
.wpb_thumbnails.wpb_thumbnails-fluid.vc_clearfix {
    float: left;
    width: 100%;
    padding: 0;
}
.wpb_call_text {
    font-family: Roboto;
}
.vc_cta_btn_pos_right {
    float: left;
    width: 100%;
}
.wpb_heading {
    font-family: Roboto;
}
.ui-accordion-content {
    float: left;
    width: 100%;
}


figure.rsCapt {
    bottom: 30px;
    height: auto !important;
    left: 0;
    padding-bottom: 50px;
    position: absolute !important;
    text-align: center;
    top: auto;
    width: 100%;
}
.rsTitle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #fff;
    display: table;
    float: none;
    font-family: Roboto;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 5px;
    margin: 0 auto;
    padding: 12px 30px;
    position: relative;
    z-index: 0;
}
.rsTitle:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}
.rsDesc {
    color: #fff;
    font-family: Roboto;
    font-size: 100px;
    font-weight: bold;
    line-height: 80px;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
.assistive-text {
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    width: 100%;
}
.rsCLink {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: table;
    float: none;
    font-family: lato;
    font-size: 20px;
    margin: 30px auto 0;
    padding: 10px 30px;
}



/* Fancy Services */
.fancy-parallax-box {
    float: left;
    position: relative;
    width: 18%;
	
	-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;
	
	height:600px;
	overflow:hidden;
}
.fancy-parallax-box.active {
    width: 46%;
	
	-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;
}
.vertical-title {
    color: #fff;
    float: left;
    font-family: lato;
    font-weight: 600;
    height: 43px;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-right: -70px;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	
    width: 385px;
    z-index: 99;
	
	-webkit-transition:all 0.9s ease 0s;
	-moz-transition:all 0.9s ease 0s;
	-ms-transition:all 0.9s ease 0s;
	-o-transition:all 0.9s ease 0s;
	transition:all 0.9s ease 0s;
}
.fancy-parallax-box.active .vertical-title {
    opacity: 0.5;
    right: -30%;
}
.fancy-parallax-box.active .fancy-box-info {
    opacity: 1;
    top: 50%;
}
.fancy-box-info {
    float: left;
    opacity: 0;
    padding: 150px 77px 150px 65px;
    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;
	
    width: 100%;
    z-index: 99;
}
.fancy-box-info > a {
    border: 1px solid #fff;
    color: #ffffff;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-top: 30px;
    padding: 10px 20px;
}
.fancy-box-info > h2 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.fancy-box-info > h2:before {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}
.fancy-box-info > p {
    color: #c9c9c9;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0;
    width: 100%;
}


/* SEO Services */
.seo-services {
    float: left;
    list-style: outside none none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.seo-services > li {
    float: left;
    list-style: outside none none;
    margin-top: 10px;
    width: 100%;
}
.seo-services > li > a {
    float: left;
    width: 100%;
}
.seo-services > li >  img {
    float: left;
    width: 100%;
}
.seo-slide {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 99;
}
.seo-slide  li {
    float: left;
    list-style: outside none none;
    position: relative;
    width: 100%;
}
.seo-slide > li > img {
    float: left;
    width: 100%;
}
.seo-slide-desc {
    bottom: 0;
    padding-bottom: 40px;
    padding-right: 40px;
    position: absolute;
    right: 0;
}
.seo-slide-desc > h4 {
    color: #23112c;
    float: left;
    font-family: Noto Sans;
    font-size: 50px;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: right;
    width: 100%;
}
.seo-slide-desc h5 span {
    color: #23112c;
    float: right;
    font-family: Noto Sans;
    font-size: 50px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 90px;
    margin: 0 0 0 10px;
    text-align: right;
}
.seo-slide-desc > span {
    color: #23112c;
    float: left;
    font-size: 70px;
    font-weight: bold;
    line-height: 60px;
    text-align: right;
    width: 100%;
}
.seo-slide-desc > span > i {
    float: right;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    line-height: 28px;
    margin-left: 10px;
    text-align: left;
	color:#80c25c;
}
.seo-slide-desc h5 {
    float: left;
    font-family: Noto Sans;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: right;
    width: 100%;
	color: #23112c;
}


/* SEO Service Slide */
.seo-service-sec {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.mob-mockup {
    float: left;
    text-align: center;
    width: 100%;
}
.seo-list-service {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.seo-list-service > h3 > i {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 38px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 42px;
}
.seo-list-service > h3 {
    color: #1f1f1f;
    float: left;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 12px;
    padding-left: 62px;
    position: relative;
    width: 100%;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.seo-list-service > p {
    color: #777777;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -5px 0 0;
    width: 100%;
}
.mob-mockup > img {
    display: table;
    float: none;
    margin: 0 auto;
}


/* Fancy Price Table */
.fancy-price {
    border: 1px solid #dfdfdf;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 175px;
    position: relative;
    width: 100%;
	margin-top:30px;
}
.fancy-price-rate > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    font-family: Roboto condensed;
    font-size: 30px;
    font-weight: bold;
    height: 100px;
    left: 38px;
    line-height: 100px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100px;
    z-index: 0;
}
.fancy-price-rate > span > i {
    font-size: 14px;
    font-style: normal;
}
.fancy-price-rate > span:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 100px;
    left: 0;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 100px;
    z-index: -1;
}
.fancy-price-rate {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.fancy-price-head {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    float: left;
    padding: 25px 25px 20px;
    position: relative;
    width: 100%;
}
.fancy-price-head > h3 {
    float: left;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 11px;
    padding-bottom: 6px;
    position: relative;
    width: 100%;
}
.fancy-price-head > h3:before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 45px;
}
.fancy-price-head > span {
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 9px;
}
.fancy-price-features {
    background: none repeat scroll 0 0 #fafafa;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    color: #525252;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 8px 0 8px 25px;
    position: relative;
    width: 100%;
}
.fancy-price-btn {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #dfdfdf;
    float: left;
    padding: 30px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.fancy-price-btn > a {
    color: #fff;
    display: table;
    float: none;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 20px;
}

.widget .fullwidthbanner-container {
    overflow: hidden;
    float: left;
}
.toogle-cart-box .variation {
    color: #fff;
    display: inline;
    float: none;
}
.toogle-cart-box .variation .variation-Color {
    color: #fff;
    float: left;
    margin-right: 5px;
    margin-top: -1px;
}
.toogle-cart-box .variation .variation-Color p {
    color: #fff;
    line-height: 24px;
    margin: 0 10px 0 0;
}
/* Header Fancy */
.fancy-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    z-index: 999999999999;
}
.fancy-header > .container {
    padding: 0;
}
.fancy-header .logo {
    float: left;
    margin-top: 35px;
}
.fancy-header .logo a {
    float: left;
}
.fancy-header.sticky .logo a img {
    width: 130px;

    -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;
}
.fancy-header nav {
    float: right;
}
.fancy-header nav > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.fancy-header nav ul {
    list-style: none;
}
.fancy-header nav > ul > li {
    float: left;
    position: relative;
}
.fancy-header nav > ul > li > a {
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 54px 30px 54px;
    text-transform: uppercase;
    
    -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;

    position: relative;
}
.fancy-header nav > ul > li > a strong {
    float: left;
    margin-right: 6px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;

    -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;
}
.fancy-header nav > ul > li > a > i {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    
    -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;

    opacity: 0;
}
.fancy-header nav > ul > li:hover > a > i {
    top: 38px;
    opacity: 1;
}
.fancy-header nav > ul > li:hover > a {
    padding-bottom: 37px;
    padding-top: 71px;
}
.fancy-header nav > ul > li > a:before {
    position: absolute;
    left: 14px;
    bottom: 54px;
    content: "+";
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;
    color: #fff;

    -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;
}
.fancy-header nav > ul > li:hover > a:before {
    bottom: 20px;
    opacity: 0;
}
.fancy-header nav > ul > li > ul {
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 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;
    
    width: 220px;
    
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    opacity: 0;
}
.fancy-header a {
    -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;
}
.fancy-header nav > ul > li:hover > ul {
    opacity: 1;
    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

}
.fancy-header nav > ul > li > ul > li {
    float: left;
    width: 100%;
    position: relative;
}
.fancy-header nav > ul > li.mega > ul > li {
    width: 50% !important;
}
.fancy-header nav > ul > li.mega > ul > li ul > li {
    width: 100% !important;
}
.fancy-header nav > ul > li.mega > ul > li ul {
    width: 100% !important;
    z-index: 99;
}
.fancy-header nav > ul > li > ul > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #f3f3f3;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 25px;
    width: 100%;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #191919;
}
.fancy-header nav > ul > li > ul > li > a > i {
    float: left;
    margin-right: 10px;
}
.fancy-header nav > ul > li > ul > li:last-child > a {
    border-bottom: none;
}
.fancy-header nav > ul > li > ul > li:last-child > a {
    border-bottom: medium none;

    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}
.fancy-header nav > ul > li > ul > li ul {
    left: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 220px;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    display: none;
}
.fancy-header nav > ul > li > ul > li ul > li {
    float: left;
    width: 100%;
}
.fancy-header nav > ul > li > ul > li ul > li a {
    background: rgba(32,32,32,0.7);
    color: #f3f3f3;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 25px;
    width: 100%;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #191919;
}
.fancy-header nav > ul > li > ul > li:hover ul {
    display: block;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.fancy-header nav > ul > li > ul > li ul > li > a i {
    float: left;
    margin-right: 10px;
}
.fancy-header nav > ul > li > ul > li ul > li:first-child a {
    border-top: none;
}
.fancy-header nav > ul > li > ul > li ul > li:hover a {
    padding-left: 20px;
}
.fancy-header nav > ul > li > ul > li ul > li:last-child a {
    border-bottom: navy;
}
.fancy-header nav > ul > li > ul > li:hover > a {
    background: rgba(32,32,32,0.7);
}
/* Whitish */
.fancy-header.whitish {
    background: rgba(255,255,255,0.96);
}
.whitish.fancy-header nav > ul > li > ul > li > a {
    background-color: rgba(255,255,255,0.9);
    color: #353535;
    border-bottom-color: #ffffff;
    border-top-color: #e4e4e4;
}
.whitish.fancy-header nav > ul > li > ul > li ul > li a {
    background-color: rgba(225, 225, 225, 0.95);
    color: #555555;
    border-top-color: #f3f3f3;
    border-bottom-color: #c0c0c0;
}
.fancy-header.whitish nav > ul > li > a,
.fancy-header.sticky nav > ul > li > a {
    color: #555555;
}
.fancy-header.whitish nav > ul > li > a:before,
.fancy-header.sticky nav > ul > li > a:before {
    color: #757575;
}
.fancy-header.whitish nav > ul > li:hover > a,
.fancy-header.sticky nav > ul > li:hover > a {
    color: #fff;
}
.fancy-header.blackish {
    background: rgba(0,0,0,0.3);
}
.fancy-header:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255,255,255,0.96);
    z-index: -1;

    -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;
}
.fancy-header.sticky:before {
    left: 0;
}
.fancy-header.sticky .logo {
    margin-top: 15px;
}
.fancy-header.sticky nav > ul > li > a {
    padding-bottom: 32px;
    padding-top: 29px;
}
.fancy-header.sticky nav > ul > li > a:before {
    bottom: 33px;
}
.fancy-header.sticky nav > ul > li > a > i {
    display: none;
}
.fancy-header.sticky nav > ul > li:hover > a {
    padding-bottom: 32px;
}
.fancy-header.sticky .logo a img {
    width: 130px;
}
.fancy-header.blackish:before {
    background: rgba(0,0,0,0.6);
}
.fancy-header.sticky.blackish nav > ul > li > a {
    color: #ffffff;
}
.fancy-header.sticky.blackish nav > ul > li > a:before {
    color: #fafafa;
}
/* tabs Swip */
.arrow-left {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #505050;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    border-right: 1px solid #bfbfbf;
    z-index: 99999;
}
.arrow-right {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #505050;
    height: 30px;
    right: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    z-index: 99999;
}
.swiper-container {
    height: 515px;
    width: 100%;
}
.fancy-swipe {
    float: left;
    width: 100%;
}
.swiper-wrapper {
    border: medium none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.swiper-wrapper > li {
    margin: 0;
}
.swiper-wrapper > li a {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none !important;
}
.swiper-wrapper > li a img {
    float: left;
    width: 100%;
}
.fancy-tab-content {
    float: left;
    width: 100%;
}
.fancy-tab-content img {
    float: left;
    width: 100%;
}
/* Mega Menu */
.mega-menu.dark:before {
    z-index: -1;
    background: rgba(0,0,0,0.94);
}
.mega-menu.dark .drop-menu {
    border-bottom: 1px solid #2f2f2f;
}
.mega-menu.dark .drop-menu li a {
    border-bottom: 1px solid #000000 !important;
    color: #8e8e8e;
    border-top: 1px solid #2f2f2f;
}
.mega-menu.dark .drop-menu > h3:before {
    background: #2d2d2d;
}
.mega-menu.dark .drop-menu li:first-child a {
    border: medium none;
}
.mega-menu.dark .drop-menu > h3 {
    color: #ffffff;
}
.drop-menu ul {
    float: left;
    list-style: outside none none;
    padding: 0;
    width: 100%;
}
.mega-menu.dark {
    background-color: transparent;
}
.mega-menu.dark .about-2 > h3 {
    color: #ffffff;
}

.mega-menu.dark .about-2 > a {
    color: #fafafa;
    border-color: #fafafa;
}
.mega-menu {
    background-color: #fcfcfc;
    left: 0;
    padding: 70px 140px 50px 170px;
    position: fixed;
    width: 100%;
    display: none;
    z-index: 0;
    
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
}
header nav > ul > li:hover .mega-menu,
.business1 .business1-menu > ul > li:hover .mega-menu{
    display: block;
}
.mega-menu.style1 {
    background-image: url("../images/resource/mega1.png"), url("../images/resource/e.png");
    background-position: left top, right top;
    background-repeat: no-repeat;
}
.mega-menu.style2 {
    background-image: url("../images/resource/im.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 150px;
}
.mega-menu.style3.right {
    left: 0;
    margin: 0;
    right: auto;
}
.mega-menu.style3 {
    left: 50%;
    margin-left: -475px;
    margin-top: -3px;
    padding: 70px;
    position: absolute;
    top: 100% !important;
    width: 870px;
}
.mega-menu.style3.left {
    left: auto;
    margin: 0;
    right: 0;
}
.mega-menu.style3 {
    background-image: url("../images/resource/tera.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.about-2 {
    float: left;
    width: 100%;
}
.about-2 > h3 {
    color: #0e0e0e;
    float: left;
    font-family: Roboto Condensed;
    font-size: 35px;
    font-weight: 900;
    margin: 0 0 15px;
}
.about-2 p {
    color: #595959;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
    width: 100%;
}
.about-2 > a {
    border: 1px solid #666666;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    color: #0e0e0e;
    float: left;
    font-family: Roboto;
    padding: 7px 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;
}
.about-2 > a:hover{
    color: #fff;
}
.drop-menu {
    float: left;
    width: 100%;
}
.drop-menu > h3 {
    color: #0e0e0e;
    float: left;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}
.drop-menu > h3:before {
    background: none repeat scroll 0 0 #0e0e0e;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.drop-menu > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.drop-menu li a {
    border-bottom: 1px solid #efefef;
    color: #595959;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 9px 0;
    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;

    width: 100%;
}
.drop-menu li a:before {
    content: "\f061";
    font-family: fontawesome;
    font-size: 8px;
    left: 0;
    margin-top: -5px;
    opacity: 0;
    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;

}
.drop-menu li a:hover {
    padding-left: 15px;
}
.drop-menu li a:hover:before {
    opacity: 1;
}
.menu-slides > h3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    
    color: #666666;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 12px 30px;
    text-transform: uppercase;
}
.menu-slides {
    float: left;
    width: 100%;
}
.menu-slides > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-slides > ul li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.menu-slides > ul li > img {
    float: left;
    width: 100%;
}
.menu-slide-desc {
    background: none repeat scroll 0 0 rgba(56, 56, 56, 0.9);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
}
.menu-slide-desc > h3 {
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    width: 100%;
}
.menu-slide-desc > p {
    color: #F1F1F1;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}
.pop {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.pop > .alert {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    left: 50%;
    margin-left: -200px;
    margin-top: -60px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 400px;
    z-index: 2147483647;
}

/* Info Block */

.info-block {
    float: left;
    width: 100%;
    background: #f6f6f6;
    text-align: center;
    overflow: hidden;
}
.info-block ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.info-block ul > li {
    float: left;
    padding: 40px 0;
    position: relative;
    z-index: 0;
}
.info-block .container {
    padding: 0;
}
.info-block ul > li:nth-child(3n+2) {
    background: #fff;
}
.info-block ul > li:nth-child(3n+2):before {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 560px;
    left: 0;
    position: absolute;
    top: -120px;
    
    -webkit-transform: rotate(-19deg);
    -moz-transform: rotate(-19deg);
    -ms-transform: rotate(-19deg);
    -o-transform: rotate(-19deg);
    transform: rotate(-19deg);
    
    width: 450px;
    z-index: -1;
}
.info-block ul > li i {
    float: left;
    font-size: 40px;
    margin-bottom: 10px;
    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;
}
.info-block ul > li span {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 17px;
    font-weight: normal;
    color: #000000;
    letter-spacing: 0.30px;
}
.info-block ul > li h5 {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 25px;
    font-size: 25px;
    font-weight: 900;
}
.info-block ul > li:hover i {
    color: #333333;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/* Responsive Header */
.responsive-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    
    -webkit-border-radius: 0 0 3px;
    -moz-border-radius: 0 0 3px;
    -ms-border-radius: 0 0 3px;
    -o-border-radius: 0 0 3px;
    border-radius: 0 0 3px;

    display: none;
    float: left;
    left: 0;
    margin: 0;
    padding-bottom: 20px;
    position: static;
    top: 0;
    width: 100%;
    z-index: 100000;
}
.responsive-logo {
    display: table;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.responsive-logo a {
    float: left;
    width: 100%;
    color: #7F7F7F;
}
.responsive-logo a img {
    float: left;
    height: auto;
}
.responsive-logo a h1 {
    float: left;
    font-family: open sans;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 20px;
}
.responsive-header > span {
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 19px;
    margin-left: 10%;
    padding: 8px 10px;
    text-align: center;
    width: 80%;
}
.responsive-header > ul {
    background: none repeat scroll 0 0 #fafafa;
    border-top: 1px solid #f7f7f7;
    float: left;
    margin-left: 10%;
    padding: 10px;
    display: none;
    position: relative;
    width: 80%;

    -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;
}
.responsive-header > ul li {
    float: left;
    width: 100%;
}
.responsive-header > ul li a {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f7f7f7;
    color: #919191;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 12px;
    overflow: hidden;
    padding: 15px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.responsive-header > ul li:first-child > a{
    border-top: 0;
}
.responsive-header > ul li:last-child > a{
    border-bottom: 0;
}
.business1.style3 .business1-menu > ul > li.mega > ul:before {
    left: 50%;
}
.responsive-header > ul ul {
    padding-left: 20px;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    width: 100% !important;
    display: none;    
}
.business1-menu > ul > li > ul > li > ul > li:hover a {
    background: none repeat scroll 0 0 #e4e4e4 !important;
    padding-left: 32px;
}
.responsive-header .responsive-cart {
    float: left;
    text-align: center;
    width: 100%;
}
.responsive-header .responsive-cart .cart-header-btns {
    display: table;
    float: none;
    margin: 0 auto;
}
.responsive-header .responsive-cart .cart-header-btns li a {
    color: #333333;
}
.responsive-header ul {
    list-style: outside none none;
}
.main-slider {
    float: left;
    width: 100%;
}
#wpadminbar{
    z-index: 999999999999999;
}
.wpb_layerslider_element.wpb_content_element {
    margin: 0;
}
.post-desc > p img {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}
.post-desc > ul, .post-desc > ol {
    color: #555555;
    float: left;
    font-family: roboto;
    padding: 0;
    width: 100%;
}
.parallax-sub-heading {
    margin-bottom: 20px !important;
}









.construction-services {
    float: left;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
.col-md-3 .construction-services i {
    width: 60px;
    height: 60px;
    font-size: 23px;
    line-height: 60px;
    margin-top: -60px;
}
.construction-services span {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
}
.construction-services:hover span img {
    opacity: 0.5;
}
.construction-services span img {
    float: left;
    
    -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;

    width: 100%;
}
.construction-services i {
    width: 80px;
    height: 80px;
    font-size: 36px;
    background: #fff;
    position: relative;
    border-radius: 50%;
    z-index: 9;
    line-height: 80px;
    margin-top: -70px;
    top: 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;
}
.construction-services:hover i {
    background: none repeat scroll 0 0 #eeeeee;
    color: #3f3f3f;
    top: -17px;

    -webkit-box-shadow: 0px 62px 0px #fff inset;
    -moz-box-shadow: 0px 62px 0px #fff inset;
    -ms-box-shadow: 0px 62px 0px #fff inset;
    -o-box-shadow: 0px 62px 0px #fff inset;
    box-shadow: 0px 62px 0px #fff inset;
}
.construction-services > p {
    float: left;
    font-family: roboto;
    width: 100%;
    font-size: 14px;
    line-height: 27px;
    margin: 0;
    margin-top: -9px;
}
.construction-services > h3 a {
    color: #444444;
}
.construction-services > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Roboto;
    font-size: 20px;
    letter-spacing: 0.30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 27px;
    margin-top: -5px;
    margin-bottom: 20px;
}

.owl-carousel {
    float: left;
    width: 100%;
}
#related-project .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 10px;
    top: 39px;
}
.portfolio-sec {
    float: left;
    width: 100%;
}
.mockup-parallax .image-bottom {
    bottom: 0;
    margin: 0;
}
.w-news-letter form > input[type="email"] {
    text-transform: inherit;
}
.white .parallax-sub-heading > i {
    color: #555555;
}
.white .parallax-features > ul > li > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border: 1px solid #cccccc;
    color: #555555;
}
.form-builder label > i {
    color: #5f5f5f;
    font-size: 13px;
    margin-right: 8px;
}
.form-builder label {
    float: left;
    font-family: Roboto;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    width: 100%;
}
.white.parallax h3 {
    color: #404040 !important;
}
.white.parallax .team > h3 > a {
    color: #555555;
}
.contact-sec .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-single-tab h2 {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 10px;
    width: 100%;
}
.comment-reply-title {
    color: #555;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-bottom: 19px !important;
    width: 100%;
}
.cart-single-tab .comment-form > p {
    float: left;
    padding: 0;
    width: 100%;
}
.cart-single-tab .comment-form {
    float: left;
    width: 100%;
}
.cart-single-tab .comment-form > p label {
    padding: 7px 0;
}
.cart-single-tab .comment-form > p input, .cart-single-tab .comment-form > p textarea {
    border: medium none;
    border-radius: 3px;
    display: inline-flex;
    float: left;
    font-family: Roboto;
    margin-right: 30px;
    padding: 8px 20px;
}
.cart-single-tab .comment-form > p textarea {
    min-height: 150px;
}
.login label.inline {
    float: left;
    width: 100%;
}
form .input-text {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    border-radius: 3px;
    float: left;
    padding: 13px 20px;
    width: 100%;
}

.business1.style2 .for-sticky.sticky .container > .log-in-sec > a {
    margin: 24px 0 !important;
}

.business1.sticky.for-sticky.sticky .business1-top {
    margin-top: -90px;
}
.business1.sticky.for-sticky.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.submission-form.in-slider > form > div > div {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.submission-form.in-slider > form .error_message {
    float: left;
    height: auto;
    width: 100%;
}
.message > div#success_page > h1 {
    padding-left: 30px;
}
.message > div {
    float: left;
    margin-bottom: 30px;
    padding: 10px 30px;
    width: 100%;
}
.business1.style1.sticky .log-in-sec > a {
    margin: 34px 0;
}
.message {
    float: left;
    width: 100%;
}
.screen-reader-text {}

/**Changes**/
.cart-product-desc .c-input-number.quantity .input-text {    
    background: #fafafa none repeat scroll 0 0;    
    border: 1px solid #c8bfc6;    
    border-radius: 2px;    
    box-shadow: 0 0 2px 0 #f7f6f7 inset;    
    float: left;    
    font-weight: 700;    
    height: 28px;    
    width: 40px !important;    
    padding: 0;
}
.cart-product-desc .c-input-number.quantity .userincr-btn-dec 
{    
    bottom: 0;    
    position: absolute;
}
.cart-product-desc .c-input-number.quantity > span 
{    
    float: left;    
    position: relative;    
    width: 100%;
}
.cart-product-desc .c-input-number.quantity .userincr-btn-inc,.userincr-btn-dec 
{    
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0;    
    border: 1px solid #c8bfc6;    
    border-radius: 2px;    
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);    
    color: #5e5e5e;    
    float: right;    
    font-size: 12px;    
    height: 15px;    
    line-height: 0;   
    padding: 0;    
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);    
    width: 20px;
}
form.cart button {    
    background: #333 none repeat scroll 0 0 !important;
}
.single_variation .amount {    
    font-size: 20px;
}
.onsale {    
    z-index: 1;
}
.variations_button .qantity-form {    
    float: left;
}
.business1.for-sticky {
    position: fixed;
}

.form-builder > div > div > input{
    margin-bottom: 19px;
}body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    float: left;
    width: 100%;
}
img{
   height: auto; 
}
p {
    font-size: 13px;
    color: #777777;
    margin: 0;
    line-height: 22px;
}
#topcontrol {
    z-index: 2147483647;
}

/* General Setting */
.block {
    float: left;
    padding: 70px 0;
    position: relative;
    width: 100%;
}
.block.gray {
    background-color: #fcfcfc;
}
.dark-pattern h1,
.dark-pattern h2,
.dark-pattern h3,
.dark-pattern h4,
.dark-pattern h5,
.dark-pattern h6{
	color:#fff !important;
}
body .block.dark-pattern h1 a,
body .block.dark-pattern h2 a,
body .block.dark-pattern h3 a,
body .block.dark-pattern h4 a,
body .block.dark-pattern h5 a,
body .block.dark-pattern h6 a{
	color:#fff ;
}
.dark-pattern p{
	color:#e8ecec !important;
}
.no-padding{
	padding:0;
}
.white:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	
	-webkit-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-ms-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
}
.dark:before {
    background: none repeat scroll 0 0 rgba(38, 48, 56, 0.86);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.fixed-img {
    background-attachment: fixed !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-size: cover !important;
}
.remove-gap {
    padding-top: 0;
}
.remove-bottom {
    padding-bottom: 0;
}
.block .container {
    padding: 0;
    position: relative;
    z-index: 99;
}
.jump-to-top {
    display: none;
}
.sec-bg8 {
    background: url("../images/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}

/* Boxed Layout */
.theme-layout.boxed {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px #000000;
    -o-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;

    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1230px;
    z-index: 0;
}
.theme-layout {
    float: inline-block;
    width: 100%;
	background: none repeat scroll 0 0 #FFFFFF;
}
.top-margin {
    margin-top: -30px;
    float: left;
    width: 100%;
}

/* owl Buttons Navigation */
.owl-buttons {
    background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    right: 0;
    top: -35px;
    z-index: 2;
}
.owl-carousel {
    cursor: grab;
}
.owl-buttons > div {
    background-position: 9px 6px;
    background-repeat: no-repeat;
    border: 1px solid #D3D3D3;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 24px;
    margin-bottom: 5px;
    margin-left: 11px;
	
    -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;
	
    width: 27px;
}
.owl-buttons > .owl-prev {
    background-image: url("../images/arrow-prev.png");
}
.owl-buttons > .owl-prev:hover {
    background-image: url("../images/arrow-prev-h.png");
}
.owl-buttons > .owl-next {
    background-image: url("../images/arrow-next.png");
}
.owl-buttons .owl-next:hover {
    background-image: url("../images/arrow-next-h.png");
}
.owl-buttons > div: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);
}


/* Heading 1 */
.heading1 {
    display: table;
    float: none;
    margin: 0 auto 50px;
    padding: 0 130px;
    position: relative;
    width: auto;
}
.heading1:before {
    background-image: url("../images/heading-line.png");
    background-size: cover;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 17px;
    width: 100%;
}
.heading1 > h2 > i {
    font-style: normal;
    font-weight: 100;
}
.heading1 > h2 {
    color: #414141;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-style: normal;
    font-weight: BOLD;
    letter-spacing: 0.5px;
    line-height: 23px;
    margin: 0;
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.heading1 > h2:after {
    bottom: 0;
    left: 0;
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    left: 50%;
    margin-left: -5px;
    margin-bottom: -5px;
	
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.heading1 > h2:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    content: "";
    height: 1px;
    margin-left: -50px;
}

/* Mini Heading */
.mini-heading {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -13px 0 30px;
    width: 100%;
    text-transform: uppercase;
    position: relative;
	color:#666;
}
.mini-heading:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    background: #dfdfdf;
    height: 1px;
    content: "";
}

/* Mini Heading 2 */
.mini-heading2 {
    color: #656565;
    float: left;
    font-family: lato;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}

/* Mini Heading 3 */
.mini-heading3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 24px;

    font-weight: 600;
    margin: 0;
    width: 100%;
    margin-bottom: 30px;
    line-height: 30px;
    margin-top: -5px;
    letter-spacing: 0.30px;
}
.mini-heading3 > i {
    color: #414141;
    font-style: normal;
    font-weight: 900;
}


/* Heading2 */
.heading2 {
    float: left;
    margin-bottom: 42px;
    position: relative;
    width: 100%;
}
.heading2 > h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
}
.heading2:before {
    background: none repeat scroll 0 0 #D3D3D3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
}
.heading2 > h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 0 40px;
    padding: 2px 30px 2px 21px;
    position: relative;
}
.heading2 > h2:before {
    background: none repeat scroll 0 0 #D3D3D3;
    border: 2px solid #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 12px;
    left: -22px;
    position: absolute;
    top: 4px;
    width: 12px;
    z-index: 99999;
}
.heading2:after {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 20px;
}
.heading2 > h2 > i {
    font-style: normal;
}
.heading2 > span {
    display: none;
}



/* Heading 3 */

.heading3 {
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:40px;
}
.heading3 > h2 {
    border-bottom: 3px solid #C6C6C6;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    padding-bottom: 15px;
    padding-right: 25px;
}
.heading3 > h2 i {
    font-style: normal;
    font-weight: 700;
}

.heading3:before {
    background: none repeat scroll 0 0 #C6C6C6;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}


/* Heading4 */
.heading4 {
    border-bottom: 1px solid #DBDBDB;
    display: table;
    float: none;
    margin: 0 auto 46px;
    padding: 0 10%;
    position: relative;
    text-align: center;
}
.heading4 > h2 {
    border-bottom: 3px solid;
    color: #434343;
    display: table;
    float: none;
    font-family: raleway;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 21px;
    margin: 0 auto -2px;
    padding: 0 8% 18px;
    position: relative;
    text-align: center;
}
.heading4 > h2 i {
    font-style: normal;
    font-weight: 600;
}

.heading4:before {
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: 0;
    content: "";
    height: 16px;
    left: -4px;
    position: absolute;
	
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
	
    width: 1px;
}

.heading4:after {
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: -14px;
    content: "";
    height: 16px;
    position: absolute;
    right: -4px;
	
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
	
    width: 1px;
}

/* Heading 5 */
.heading6 {
    display: table;
    float: none;
    margin: 0 auto 40px;
    position: relative;
}
.heading6 > span {
    color: #939393;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    width: 100%;
}
.heading6 > h2 {
    color: #000;
    display: table;
    float: none;
    font-family: lato;
    font-size: 35px;
    line-height: 25px;
    margin: 0 auto 15px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.heading6 > h2:before {
    bottom: -1px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -22px;
    position: absolute;
    width: 45px;
}
.heading6 > h2:after {
    bottom: -1px;
    content: "";
    height: 6px;
    left: 50%;
    margin-bottom: -2px;
    margin-left: -3px;
    position: absolute;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 6px;
}

/* Parallax Heading */
.parallax-heading {
    color: #fff !important;
    float: left !important;
    font-size: 28px !important;
    font-weight: bold !important;
    letter-spacing: 0.3px !important;
    line-height: 20px !important;
    margin: 0 0 50px !important;
    position: relative;
    text-align: center;
    width: 100%;
}
.parallax-heading > i {
    font-style: normal;
    font-weight: 900;
}

/* Parallax About Law */
.parallax-sub-heading {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}
.parallax-sub-heading > i {
    color: #fff;
    float: left;
    font-size: 24px;
    line-height: 28px;
    margin-right: 20px;
    margin-top: 14px;
}
.parallax-sub-heading > strong {
    font-weight: 900;
}
.parallax-about-law > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.30px;
    line-height: 23px;
    margin-bottom: 23px;
}
.parallax-about-law > a {
    background: none repeat scroll 0 0 #525252;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top: 20px;
	
    color: #fff;
    float: left;
    padding: 13px 16px;
	font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
}

/* parallax Features */
.parallax-features {
    float: left;
    width: 100%;
}
.parallax-features > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.parallax-features > ul > li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.parallax-features > ul > li > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.21);
    border: 1px solid rgba(255, 255, 255, 0.1);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 24px;
}
.parallax-features > ul > li > p {
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: inline;
}


/* Business Header */
header.business1 .for-sticky.sticky {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	
    left: 0;
    position: fixed;
    top: 0;
	height:auto !important;
	z-index: 2147483647;
}
header.business1 .for-sticky.sticky .logo {
    margin: 16px 0 15px;
}
header.business1 .for-sticky.sticky .logo > a > img {
    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;
}
header.business1 .for-sticky.sticky .business1-menu > ul > li {
    padding: 25px 0;
}
.sticky .log-in-sec > a {
    margin-bottom: 22px;
    margin-right: 50px;
    margin-top: 22px;
}
.sticky .log-in-sec {
    margin-left: 40px;
}

.business2 .for-sticky.sticky {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
	
    height: auto !important;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99999999;
}

#menu-sec {
    background-image: url("../images/header2.png");
    background-size: 100% 100%;
    float: left;
    height: 100px;
    width: 100%;
	
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.business1 {
    
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
	
	float:left;
    width: 100%;

    z-index: 2147483623;
    position: relative;
}
.business1 .container {
    padding: 0;
}
header {
    float: left;
    width: 100%;
	z-index:99999999;
}
header .business1 {
    float: left;
    width: 100%;
}
.business1-top-bar > ul {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    width: auto;
}
.business1-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    float: left;
    width: 100%;
	position: relative;
	background:none repeat scroll 0 0 #FFFFFF;
}

.business1-top-bar {
    float: left;
    position: relative;
    width: 100%;
}
.business1-top-bar > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 5px;
}
.business1-top-bar > ul > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: rgba(0, 0, 0, 0.2);
    float: left;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
    color: #6f6f6e;
    background: #f3f3f3;
}
.business1-top-bar > ul > li > a:hover {
    color: #fff;
}
.business1-top-bar > ul > li > a > i {
    border: 1px solid rgba(0, 0, 0, 0.15);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 28px;
    line-height: 26px;
    
	-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;
	
    width: 28px;
}

.business1-top-bar > ul > li > a:hover .fa-facebook {
    background: none repeat scroll 0 0 #3B5998;
	border:1px solid #3B5998;
}
.business1-top-bar > ul > li > a:hover .fa-google-plus {
    background: none repeat scroll 0 0 #dd4b39;
	border:1px solid #dd4b39;
}
.business1-top-bar > ul > li > a:hover .fa-twitter {
    background: none repeat scroll 0 0 #00aced;
	border:1px solid #00aced;
}
.business1-top-bar > ul > li > a:hover .fa-pinterest {
    background: none repeat scroll 0 0 #cb2027;
	border:1px solid #cb2027;
}
.business1-top-bar > ul > li > a:hover .fa-skype {
    background: none repeat scroll 0 0 #007bb6;
	border:1px solid #007bb6;
}
.business1-top-bar > form {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    height: 34px;
    margin-left: 18px;
    margin-top: 6px;
    overflow: hidden;
    position: static;
    width: auto;
    z-index: 98;
    margin-right: 60px;
}
.business1-top-bar > form > a {
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    width: 34px;
}
.business1-top-bar > form > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:34px;
}
.business1-top-bar > form > input {
    float: left;
	
    opacity: 0;
	filter:alpha(opacity=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;
	
    width: 0;
    border: medium none;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 0 8px 0px;
    text-transform: uppercase;
	color: #7a7a7a;
}
.business1-top-bar > form:hover input, .business1-top-bar > form input:focus {

    opacity: 1;
	filter:alpha(opacity=100);
	
    width: 264px;
	padding: 8px 0 8px 12px;

}

.business1 .logo {
    float: left;
    margin: 22px 0 22px;
}
.business1-menu {
    float: right;
}
.business1-menu > ul {
    float: left;
    margin: 0;
    padding: 0;
}
.business1-menu > ul > li {
    float: left;
    list-style: none outside none;
    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;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	padding:36px 0;
}
.business1-menu > ul > li > a {
    border: 1px  solid rgba(0, 0, 0, 0);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #555454;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 8px 15px;
    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;
	
	cursor: pointer;
}
.business1-menu > ul > li > a > i {
    display: none;
}
.business1-top-bar > span {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 13px 50px 13px 0;
}
.business1-top-bar > span > i {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
/* Dropdown Menu1 */
.business1-menu > ul > li > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    left: 50%;
    margin: 50px 0 0 -100px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 2px;
    position: absolute;
    top: 100%;
	
    -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;
    -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;
	
    width: 200px;
    z-index: 2147483647;
	
	background: rgba(255,255,255,0.98);
	
    -webkit-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -ms-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
	
	border: 1px solid;
}
.business1-menu > ul > li:hover > ul {
    margin-top: 0px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.mega > ul {
    left: 0 !important;
    margin-left: 0 !important;
    width: 408px !important;
}
.business1-menu > ul > li > ul.mega:before {
    left: 20px;
}
.mega > ul > li {
    width: 50% !important;
}
.business1-menu > ul > li > ul:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    content: "";
    left: 50%;
    margin-left: -2.5px;
    position: absolute;
    top: -4px;
}
.business1-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: -60px;
}
.business1-menu > ul > li:hover > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.business1-menu > ul > li > ul > li:hover > a{
	padding-left:20px;
	color:#fff;
}

.business1-menu > ul > li > ul > li:hover > a > i {
    color: #fff;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    margin-top: 50px !important;
    z-index: 9;
}
.business1-menu > ul > li > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 1px;
    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;
	
    width: 100%;
}
.business1-menu > ul > li > ul > li > a {
    color: #626262;
    float: left;
    font-family: roboto;
    font-size: 13px;
    padding: 10px 25px;
    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;
}
.business1-menu > ul > li > ul > li > a > i {
    color: #404040;
    float: right;
    font-size: 15px;
    margin-top: 3px;
}
.business1-menu > ul > li > ul > li > ul {
    left: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    
    -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;
    -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;

    width: 100%;
    z-index: 999999999;
    padding: 0;
}
.business1-menu > ul > li > ul > li > ul > li {
    float: left;
    list-style: outside none none;
    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;

    width: 100%;
}
.business1-menu > ul > li > ul > li > ul > li a {
    background: #ebebeb !important;
}
.business1-menu > ul > li > ul > li > ul > li > a {
    color: #FAFAFA;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.business1-menu > ul > li > ul > li:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* Login Style */
.log-in-sec {
    float: right;
    margin-left: 90px;
    position: relative;
}
.log-in-sec > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 35px 0;
    padding: 8px 10px;
	
	-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;
}
.login-form > form > input {
    margin-bottom: 10px;
}
.login-form  ul > li > p {
    color: #7A7A7A;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin: 0;
    margin-top: 10px;
    padding-left: 2px;
    letter-spacing: 0.30px;
}
.log-in-sec  a  span > i {
    margin-right: 5px;
}
.login-form {
    position: absolute;
    top: 100px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    background: #fafafa;
    z-index: 99;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
	
    -webkit-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
	
	display: none;
}
.theme-layout.boxed .login-form {
    left: auto;
    margin: 0;
    right: 0;
}
.theme-layout.boxed .login-form:before {
    left: auto;
    right: 23px;
}
.login-form:before {
    position: absolute;
    left: 50%;
    top: -7px;
    border-bottom: 8px solid #fafafa;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    content: "";
    margin-left: -4px;
}
.login-form  .input-style {
    margin-bottom: 13px;
    font-size: 11px;
    letter-spacing: 0.30px;
}
.login-form > form > a {
    color: #7a7a7a;
    display: table;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.login-form  ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 13px;
}
.login-form ul > li {
    float: left;
    list-style: none outside none;
    width: 10%;
}
.login-form  ul > li:first-child {
    float: left;
    width: 45%;
}

.login-form  ul > li:last-child {
    float: right;
	width: 45%;
}

.login-form  ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form  ul > li > .btn-login {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form  ul > li > a.register {
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: right;
}

/* Header Style 2 */
.business1.style2 .business1-top > .container > .business1-top-bar {
    position: relative;
}
.business1.style2 .business1-top > .container > .business1-top-bar:before {
    background: none repeat scroll 0 0 #F5F5F5;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact {
    margin: 0;
    padding: 14px 18px 13px 0;
    position: relative;
    background: #f5f5f5;
    z-index: 9;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before {
    position: absolute;
    right: -12px;
    top: 0;
    border-left: 12px solid #f5f5f5;
    border-top: 44px solid rgba(255,255,255,0);
    border-bottom: 0px solid rgba(255,255,255,0);
    content: "";
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail > i {
    color: #FFFFFF;
    float: right;
    margin-left: 10px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 8px 0;
    padding: 5px 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;
	
    margin-left: -167px;
    padding-left: 40px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail:hover {
    margin-left: -26px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    display: none;
}
.business1.style2 .business1-top > .container > .business1-top-bar > ul{
	display:block;
	margin:0;
}
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    margin-right: 50px;
}
.business1.style2 .business1-menu > ul {
    margin: 0;
}
.business1.style2 .business1-menu > ul > li {
    padding: 0;
}
.business1.style2 .business1-menu > ul > li {
    margin-right: 10px;
    padding: 36px 0;
}
.business1.style2 .business1-menu > ul > li > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin-top: 1px;
    padding: 33px 0 10px;
}
.business1-menu > ul > li > ul > li > ul > li:hover a {
    background: #ebebeb;
}
.business1-menu > ul > li > ul > li > ul > li a {
    background: none repeat scroll 0 0 #ebebeb;
    padding: 10px 20px;
    font-family: Roboto;
    font-size: 13px;
    color: #666666;
}
.business1.style2 .business1-menu > ul > li > ul > li > a,
.business1-menu > ul > li > ul > li > ul > li > a {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding-left: 38px;
    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;
}
.business1.style2 .business1-menu > ul > li > ul > li:hover > a:before {
    background: none repeat scroll 0 0 #ffffff;
}

.business1.style2 .business1-menu > ul > li > ul > li > a:before {
    background: none repeat scroll 0 0 #cacaca;
    content: "";
    height: 6px;
    left: 17px;
    top: 50%;
    width: 6px;
    position: absolute;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-top: -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;
}
.business1.style2 .business1-menu ul:before {
    display: none;
}
.business1.style2 .business1-menu > ul > li > ul > li {
    margin: 0;
    padding: 0;
    width: 100%;
}
.business1.style2 .business1-menu > ul > li.mega > ul > li {
    margin: 0;
    padding: 0;
    width: 50%;
}
.business1.style2 .responsive-menu > ul > li > ul {
    padding: 0;
}
.business1.style2 .responsive-menu > ul > li > ul > li {
    width: 50%;
}
.business1.style2 .business1-menu > ul > li > a {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #F1F1F1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 10px;
}
.business1.style2 .business1-menu > ul > li > a > i {
    margin-right: 10px;
	display: inline;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    color: #fff !important;
}
.business1.style2 #menu-sec {
    background-image: url("../images/header-bg.png");
    background-size: 100% 100%;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a i {
    display: none;
}
.business1.style2 .business1-menu > ul > li:hover > ul {
    margin-top: -3px;
    padding: 0;
    top: 100%;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    border-color: transparent;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 35px 0;
    padding: 1px;
}

.business1.style2 #menu-sec > .container > .log-in-sec > a > span {
    padding: 8px 10px;
    float: left;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.business1.style2 .business1-menu.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -9px 0 0;
}
.business1.style2 .business1-menu.responsive-menu > ul > li:hover > ul {
    top: 0;
}
.business1.style2 #menu-sec.sticky > .container > .log-in-sec {
    margin-top: 3px;
}




/* Responsive Menu */
.open-menu {
    display: none;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 300px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-bottom: 10px;
    color: #fff;
    line-height: 18px;
    font-size: 19px;
    padding: 8px 0;
    cursor: pointer;
}
.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.99);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    width: 100%;
}
.responsive-menu > ul > li {
    float: left;
    width: 100%;
    padding: 0;
}
.responsive-menu > ul > li > a {
    float: left;
    width: 100%;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 12px 10px;
}
.responsive-menu > ul > li > ul {
    position: relative;
    
	-webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    float: left;
    margin: 0;
}
.responsive-menu > ul > li > ul.mega {
    border: medium none;
    width: 100%;
}
.responsive-menu > ul > li > ul:before {
    display: none;
}
.responsive-menu > ul > li > ul.mega > li {
    float: left;
    width: 50%;
    margin: 0;
}
.responsive-menu > ul > li > ul {
    display: none;
	left: 0;
    top: 0;
    width: 100%;
    border: none;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.responsive-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.responsive-menu > ul > li > ul > li > ul {
    display: none;
    float: left;
    margin: 0;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    
	-webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -o-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
	
    width: 100%;
	left:0;
}

header.business1 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
header.business2 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
.business2-menu.responsive-menu {
    z-index: 999999;
}
.business2-menu.responsive-menu > ul{
	margin:0;
}
header.business2 .open-menu {
    margin: 15px auto 0;
}




/* Slider */
.tp-banner-container {
    float: left;
    width: 100%;
    position: relative;
}
.slider {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
}
.wpb_revslider_element {
    margin: 0 !important;
}

/* Slide1 */
.slide1-text {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
}
.slide1-text2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
	background:#565656;
}



/* Slide2 */
.slide2-text1 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 18px 30px;
    text-transform: uppercase;
}
.slide2-text1 > i {
    font-family: roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
}
.slide2-text2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
}

.slide2-text2:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.slide2-text3 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
	background:#6e6d6d;
}



/* Slide3 */
.slide3-text1 {
    float: left;
    margin: 0;
    padding: 0;
	width:337px;
}
.slide3-text1 > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.slide3-text1 > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 28px;
    height: 58px;
    line-height: 58px;
    margin-bottom: 30px;
    margin-right: 30px;
    text-align: center;
    width: 66px;
}
.slide3-text1 > li > h3 {
    color: #343333;
    display: block;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin:0;
	margin-bottom:5px;
}
.slide3-text1 li > p {
    color: #404040;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
}



/* Slide4 */
.slide4-text1 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	
    color: #595959;
    float: left;
    font-family: roboto;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    padding: 15px 20px;
    text-transform: uppercase;
}
.slide4-text2 {
    color: #595959;
    font-family: roboto;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.slide4-text2 > i {
    color: #595959;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-left: -66px;
    margin-top: 5px;
    text-align: right;
}
.slide4-text3 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #4C4B4F;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 40px 0 0;
    padding: 15px 20px;
}
.slide4-text3.dark {
    background: none repeat scroll 0 0 rgba(89, 89, 89, 0.9);
    color: #FFFFFF;
}
.purchase-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF !important;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 26px;
    padding: 10px 15px;
}

/* Slide Social */
.slider-social {
    bottom: -27px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.slider-social > a  > span{
    background: none repeat scroll 0 0 #353638;
    border: 3px solid #FFFFFF;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-size: 22px;
    height: 57px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 56px;
    z-index: 9999999;
	
	-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;
}
.slider-social > a {
    float: left;
    position: relative;
}
.slider-social > a:before {
    background: none repeat scroll 0 0 #353638;
    content: "";
    height: 1px;
    left: -141px;
    position: absolute;
    top: 30px;
    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;
}
.slider-social > a:after {
    background: none repeat scroll 0 0 #353839;
    bottom: 26px;
    content: "";
    height: 1px;
    position: absolute;
    right: -141px;
    width: 100%;
    z-index: 9;
	
	-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;
}
.slider-social > a.twitter:hover:before, .slider-social > a.twitter:hover:after, .slider-social > a.twitter:hover > span {
    background: #00aced;
	z-index: 9999999;
}
.slider-social > a:hover span {
	z-index: 99999999999 !important;
}
.slider-social > a.facebook:hover:before, .slider-social > a.facebook:hover:after, .slider-social > a.facebook:hover > span {
    background: #3B5998;
	z-index: 9999999;
}

.slider-social > a.google-plus:hover:before, .slider-social > a.google-plus:hover:after, .slider-social > a.google-plus:hover > span {
    background: #dd4b39;
	z-index: 9999999;
}

.slider-social > a.tumblr:hover:before, .slider-social > a.tumblr:hover:after,  .slider-social > a.tumblr:hover > span {
    background: #3f729b;
	z-index: 9999999;
}


/* Get in Touch */
.get-in-touch {
    float: left;
    width: 100%;
}
.get-in-touch #message {
    margin: 0;
}
.get-in-touch #message h1 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 24px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    padding: 0 !important;
    width: 100%;
}
.get-in-touch #message p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    color: #777777;
    letter-spacing: 0.30px;
}
.get-in-touch .input-style {
    margin-bottom: 10px;
}
.get-in-touch > form {
    float: left;
    width: 100%;
    margin-top: 0;
}
.get-in-touch textarea.input-style {
    height: 110px;
}

.get-in-touch .submit {
    float: left;
}
.job-form-sec label > span {
    margin: 0;
}
.job-form-sec input[type="text"], .job-form-sec input[type="email"], .job-form-sec textarea, .input-style {
    border: 1px solid #d8dcdc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    padding: 10px 10px 10px 20px;
    width: 100%;
}
.input-style > i {
    float: left;
    font-size: 12px;
    color: #aeadad;
    line-height: 16px;
    margin-right: 15px;
}
.input-style > input, .input-style > textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    width: 90%;
}
.job-form-sec textrea {
    height: 82px;
    width: 100%;
}
.input-style.submit {
    border: medium none;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin: 0;
    padding: 0;
}
.input-style.submit > input.submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    padding: 5px 10px;
    width: auto;
}
.submit {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    margin: 0 auto;
    padding: 5px 20px;
}
textarea.input-style {
    height: 150px;
    padding-top: 15px;
}

/* Twitter Slide */
.twitter-bar-slide {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.twitter-bar-slide li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
	padding-top: 50px;
}
.twitter-bar-slide li:before {
    color: #fff;
    content: "ï‚™";
    font-family: fontawesome;
    font-size: 50px;
    left: 50%;
    margin-left: -15px;
    margin-top: -32px;
    position: absolute;
    top: 35px;
}
.twitter-bar-slide li > h5 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 17px;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.twitter-bar-slide li > h5 i {
    font-style: normal;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.30px;
}
.twitter-bar-slide li:after {
    background: none repeat scroll 0 0 #42b7e2;
    content: "";
    height: 76px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    top: 0;
    
	-webkit-transform: skewX(-17deg);
    -moz-transform: skewX(-17deg);
    -ms-transform: skewX(-17deg);
    -o-transform: skewX(-17deg);
    transform: skewX(-17deg);
	
    width: 80px;
    z-index: -1;
}
.twitter-bar-slide li > h3 a {
    font-weight: normal;
    font-family: lato;
}
.twitter-bar-slide li > h3 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 36px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 20px;
    padding: 0 180px;
    text-align: center;
    text-transform: none;
    width: 100%;
}
.twitter-bar-slide li > a {
    display: table;
    float: none;
    font-family: lato;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 30px;
    text-align: center;
}
.twitter-bar-slide li > span {
    color: #555555;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
#twitter-btn {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 15px;
    font-weight: lighter;
    line-height: 15px;
    margin-left: 95px;
    margin-top: 12px;
    padding: 15px 30px;
    float: none;
    margin: 0 auto;
    display: table;
}

/* Toll Free Banner */
.toll-free-sec.open > .toll-free-banner {
    display: block;
    margin: 0;
}
.toll-free-sec {
    float: left;
    position: relative;
    width: 100%;
    z-index: 999999999;
}
.toll-free-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: table;
    float: none;
    height: 60px;
    margin: -30px auto 0;
    position: relative;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 60px;
    z-index: 99;
    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;
	
}
.toll-free-sec > a.active {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.toll-free-sec > a > span {
    color: #FFFFFF;
    float: left;
    font-size: 28px;
    height: 52px;
    line-height: 52px;
    margin-left: 4px;
    margin-top: 4px;
    text-align: center;
    width: 52px;
}
.toll-free-banner {
    background-size: 100% 100%;
    display: none;
    float: left;
    left: 0;
    margin-top: -30px;
    position: absolute;
    top: 100%;
    width: 100%;
}
.toll-contact {
    background: none repeat scroll 0 0 #f7f7f7;
    float: left;
    padding: 50px 0;
    position: relative;
    width: 25%;
}
.toll-details {
    background: url("../images/resource/toll-bg.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 100%;
    padding: 41px 75px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
    z-index: 0;
}
.toll-contact > i {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 80px;
    color: #666666;
    line-height: 70px;
    margin-bottom: 25px;
}

.toll-contact > span {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 18px;
    color: #666666;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.30px;
}
.toll-contact > span > i {
    float: left;
    font-size: 30px;
    font-style: normal;
    line-height: 24px;
    margin-top: 10px;
    width: 100%;
    margin-top: 25px;
}
.toll-details > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    overflow: hidden;
	margin-right:40px;
}
.toll-details > span > img{
    float: left;
    width: 100%;
}
.toll-details > h3 {
    color: #666666;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 17px 0 15px;
    width: 100%;
}

.toll-details > p {
    color: #777777;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
    margin: 0;
    margin-bottom: 35px;
    line-height: 24px;
    letter-spacing: 0.30px;
}

.toll-details > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    margin-top: 0;
    text-transform: uppercase;
}

.toll-details > a > i {
    margin-right: 10px;
}

/* Counter parallax */
.counter {
    background: none repeat scroll 0 0 rgba(21, 26, 31, 0.75);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 30px;
    width: 100%;
}
.counter > i {
    color: #fefefe;
    float: left;
    font-size: 70px;
    text-align: center;
    width: 100%;
}
.counter > h4 {
    float: left;
    font-family: lato;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.counter > h5 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: center;
    width: 100%;
}


/* Portfolio SIngle */
.portfolio-single {
    float: left;
    width: 100%;
}
.portfolio-single > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.portfolio-feature li:last-child {
    border: medium none;
    padding-bottom: 20px;
}
.portfolio-feature {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e1e1e1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin: 0 33px 14px 0;
    padding: 0 20px;
    width: 250px;
}
.portfolio-feature li {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 11px;
    padding-bottom: 13px;
    padding-top: 20px;
    width: 100%;
	color:#8e7777;
}
.portfolio-single > p {
    color: #777777;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 0 25px;
}
.portfolio-feature li > p {
    color: #777777;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 6px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-single .single-project-sec {
    margin-top: 40px;
}


/* Service Style 1 */
.service {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service span > i {
    float: left;
    line-height: 70px;
    text-align: center;
    width: 100%;
}

.service span {
    float: left;
    height: 70px;
    width: 70px;
    border: 1px solid;
    
	-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;
	
    text-align: center;
    font-size: 28px;
    line-height: 69px;
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background:#fff;
}
.service:hover span{
	color:#fff;
}
.service h2 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -1px 0 10px;
    width: 100%;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.service h2 > a{
	color:#666666;
	
	-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;
}
.service div > a > i {
	font-size: 14px;
	line-height: 10px;
	margin-left: 5px;
}
.service div > a {
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
}
.service p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* We Are Slide */
.roles {
    display: inline-block;
    font-size: 40px;
    height: 50px;
    overflow: hidden;
    vertical-align: middle;
    font-family: lato;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 15px;
}
.roles div {
    height: 50px;
    -webkit-transition: margin-top 1s ease-in-out;
    -moz-transition: margin-top 1s ease-in-out;
    -o-transition: margin-top 1s ease-in-out;
    transition: margin-top 1s ease-in-out;
}
.we-are-Slide {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
.we-are-Slide > #we-are-rotate {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
#we-are-rotate > span {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 40px;
    letter-spacing: 0.3px;
}
.we-are-Slide > p {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 13px;
    color: #777;
    padding: 0 200px;
    letter-spacing: 0.30px;
    margin: 0;
    margin-top: 10px;
	margin-bottom:30px;
}
.we-are-Slide > img {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
}


/* Present Feature Parallax */
.feature-lcd {
    float: none;
    margin:0 auto;
	display:table;
	
}
.present-features {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.parallax.dark h3{
	color:#fff;
}
.parallax.dark h3 > i{
	color:#fff;
}

.present-features > h3 {
    line-height: 37px;
    margin-bottom: 10px;
}
.parallax  h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: lato;
    font-size: 30px;
    font-weight: bold;
    color: #404040;
    text-transform: uppercase;
    line-height: 58px;
    margin-top: -15px;
    letter-spacing: 0.30px;
}
.parallax  h3 > i {
    font-size: 25px;
    font-style: normal;
    font-weight: lighter;
}

.parallax  p {
    float: left;
    font-family: roboto;
    font-size: 14px;
    width: 100%;
    color: #555555;
    line-height: 26px;
    margin: 0;
    letter-spacing: 0.30px;
}
.present-features > ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
.present-features > ul > li {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 15px;
}
.present-features > ul > li:last-child {
    margin: 0;
}
.present-features > ul > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-size: 20px;
    height: 43px;
    line-height: 43px;
    margin-right: 15px;
    text-align: center;
    width: 43px;
}

/* Our Skills Sec */

#our-Skill-sec {
    float: left;
    width: 100%;
}
#our-Skill-sec > h3 {
    text-align: center;
}
#our-Skill-sec > p {
    padding: 0 100px;
    text-align: center;
    margin-bottom: 30px;
}
.skills-box {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.skills-box > li {
    float: left;
    height: 99px;
    width: 170px;
 position:relative;
 margin: 0 15px;
}
.skills-box > li > .progress {
    background: rgba(255,255,255,0.5);
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    -o-box-shadow: 0 0;
    box-shadow: 0 0;
	
    float: left;
    height: 100%;
    left: 0;
    margin: 30px 0 0;
    padding: 5px;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
	overflow:hidden;
}
.skills-box > li > .progress > .progress-bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    position: relative;
    font-family: lato;
    font-size: 21px;
    color: #555;
    line-height: 83px;
}
.skills-box > li > .progress > .progress-bar:before {
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: -5px;
 width:100%;
 z-index:5;
}
.skills-box > li > .progress > .progress-bar:after {
    bottom: -5px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
 width:100%;
 z-index:5;
}
.skills-box > li > .progress:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.layer-bar {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 89px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 160px;
    font-family: lato;
    font-size: 22px;
    color: #555;
    text-align: center;
    padding: 28px 0;
}

/* Service Style 2 */
#services-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
#services-sec .service2{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service2 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.service2 > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 136px;
	margin: 0 auto;
    overflow: hidden;
    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;
	
    width: 136px;
	
	border: 1px solid #CECECE;
	padding:3px;
}
.service2 > span > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
	height: 128px;
}
.service2 > span > i {
    font-size: 40px;
    left: 0;
    line-height: 142px;
    position: absolute;
    text-align: center;
    top: 0;
    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;
}
.service2:hover > span i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.service2 > span:before {
    background: none repeat scroll 0 0 rgba(251, 251, 251, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
}

.service2:hover > span:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.service2 > h2 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 30px 0 20px;
    position: relative;
    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;	
}
.service2 > h2 > a {
    color: #404040;
	
	-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;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.service2 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
}

/* Service STyle 3 */
.service.with-shadow {
    position: relative;
}
.service.with-shadow:before {
    background-image: url("../images/shadow2.png");
    background-size: 100% 100%;
    bottom: -9px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}


/* Srvice Style 4 */
.service4 {
    background: none repeat scroll 0 0 rgba(105, 105, 105, 0.83);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    padding: 30px 0;
    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;
	margin-top: 30px;
}
#service4-slide {
    float: left;
    width: 100%;
}
.service4:hover {
    -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
}
.service4 > h2 {
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: lato;
    font-size: 25px;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 99;
    line-height: 40px;
    font-size: 24px;
    padding: 0 30px;
	font-weight:600;
}
.service4 > h2 > i {
    color: #FFFFFF;
    float: left;
    font-size: 40px;
    margin-right: 15px;
}
.service4 > p {
    color: #EBEBEB;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0 60px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service4 > span {
    height: 50%;
    position: absolute;
    width: 50%;
}
.service4 > span.box1 {
    left: -50%;
    top: 0;
	
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}
.service4:hover > span.box1 {
    left: 0;
}
.service4 > span.box2 {
    right: 0;
    top: -50%;
	
	-webkit-transition:all 0.3s ease 0.4s;
	-moz-transition:all 0.3s ease 0.4s;
	-ms-transition:all 0.3s ease 0.4s;
	-o-transition:all 0.3s ease 0.4s;
	transition:all 0.3s ease 0.4s;
}
.service4:hover > span.box2 {
    top: 0;
}
.service4 > span.box3 {
    left: 0;
    bottom: -50%;
	
	-webkit-transition:all 0.3s ease 0.2s;
	-moz-transition:all 0.3s ease 0.2s;
	-ms-transition:all 0.3s ease 0.2s;
	-o-transition:all 0.3s ease 0.2s;
	transition:all 0.3s ease 0.2s;
}
.service4:hover > span.box3 {
    bottom: 0;
}
.service4 > span.box4 {
    right: -50%;
    bottom: 0;
	
	-webkit-transition:all 0.3s ease 0.3s;
	-moz-transition:all 0.3s ease 0.3s;
	-ms-transition:all 0.3s ease 0.3s;
	-o-transition:all 0.3s ease 0.3s;
	transition:all 0.3s ease 0.3s;
}
.service4:hover > span.box4 {
    right: 0;
}


/* Service Style 5 */
.service5 {
    float: left;
    width: 100%;
    position: relative;
}

.service5:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.8);
	
    -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;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.service5:hover:before {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.service5:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
	
	-webkit-transform: scale(1);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -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;
	
	 opacity: 0;
	 filter:alpha(opacity=0);
	 
	 z-index: -1;
	 
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
}
.service5:hover:after {
    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);
}
.service5 > i {
    color: #FFFFFF;
    float: left;
    font-size: 60px;
    margin-bottom: 15px;
    margin-top: 45px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service5 > h2 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.service5 > h2 > a {
    color: #ffffff;
}
.service5 > p {
    color: #E7E7E7;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0 0 45px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

/* Service 6 Law */
.service4.law > h2 {
    float: left;
    font-size: 22px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
    line-height: 39px;
    margin-bottom: -7px;
}
.service4.law > h2 > i {
    color: #ffffff;
    float: left;
    font-size: 40px;
    line-height: 26px;
    margin-bottom: 13px;
    text-align: center;
    width: 100%;
}
.service4.law {
    background: none repeat scroll 0 0 rgba(149, 149, 149, 0.83);
    margin: 0;
}
.service4.law:hover {
    background: #1c1c1c;
}
.service4.law > span {
    display: none;
}

/* Service Single Page Animation */
.service-single-desc {
    float: left;
    width: 100%;
}
.service-single-desc > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 55px;
    margin: 0 0 25px;
    width: 100%;
}
.service-single-desc > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.service-single-desc > ul {
    float: left;
    margin: 40px 0 0;
    padding: 0;
    width: 100%;
}
.service-single-desc > ul > li {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    list-style: none outside none;
    margin-bottom: 25px;
    width: 100%;
}
.service-single-desc > ul > li > i {
    float: left;
    margin-right: 10px;
}
.service-single-desc > h3 > i {
    border: 1px solid #d7d7d7;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #d7d7d7;
    float: left;
    font-size: 35px;
    height: 56px;
    line-height: 49px;
    margin-right: 30px;
    text-align: center;
    width: 70px;
}
.manager {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.service-img {
    float: left;
    position: relative;
    width: 100%;
}
.service-img > img {
    float: left;
    width: 100%;
}
.container-ball {
    bottom: 76px;
    position: absolute;
    right: 50px;
}
.ball {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 10px;
    margin: 10px auto;
    position: relative;
    width: 10px;
}   
    .ball:nth-child(1) {
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      -ms-animation: right 1s infinite ease-in-out;
      -o-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;    
    }
	

.ball:nth-child(1):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	

    .ball:nth-child(2) {
      -webkit-animation: left 1.1s infinite ease-in-out;
      -moz-animation: left 1.1s infinite ease-in-out;
      -ms-animation: left 1.1s infinite ease-in-out;
      -o-animation: left 1.1s infinite ease-in-out;
      animation: left 1.1s infinite ease-in-out;
    }

.ball:nth-child(2):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		
    .ball:nth-child(3) {
      -webkit-animation: right 1.05s infinite ease-in-out;
      -moz-animation: right 1.05s infinite ease-in-out;
      -ms-animation: right 1.05s infinite ease-in-out;
      -o-animation: right 1.05s infinite ease-in-out;
      animation: right 1.05s infinite ease-in-out;
    }
	
.ball:nth-child(3):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		

    .ball:nth-child(4) {
      -webkit-animation: left 1.15s infinite ease-in-out;
      -moz-animation: left 1.15s infinite ease-in-out;
      -ms-animation: left 1.15s infinite ease-in-out;
      -o-animation: left 1.15s infinite ease-in-out;
      animation: left 1.15s infinite ease-in-out;
     }

.ball:nth-child(4):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	
	 
    .ball:nth-child(5) {
      -webkit-animation: right 1.1s infinite ease-in-out;
      -moz-animation: right 1.1s infinite ease-in-out;
      -ms-animation: right 1.1s infinite ease-in-out;
      -o-animation: right 1.1s infinite ease-in-out;
      animation: right 1.1s infinite ease-in-out;
    }
	
.ball:nth-child(5):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}				 
		

@-webkit-keyframes right {
  0%   { -webkit-transform: translate(-15px);   }
  50%  { -webkit-transform: translate(15px);    }
  100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
  0%   { -webkit-transform: translate(15px);    }
  50%  { -webkit-transform: translate(-15px);   }
  100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
  0%   { -moz-transform: translate(-15px);   }
  50%  { -moz-transform: translate(15px);    }
  100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
  0%   { -moz-transform: translate(15px);    }
  50%  { -moz-transform: translate(-15px);   }
  100% { -moz-transform: translate(15px);    }
}

@keyframes right {
  0%   { transform: translate(-15px);  }
  50%  { transform: translate(15px);   }
  100% { transform: translate(-15px);  }
}

@keyframes left {
  0%   { transform: translate(15px);   }
  50%  { transform: translate(-15px);  }
  100% { transform: translate(15px);   }
}


/* Who we are */
#who-we-images {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#who-we-images li {
    float: left;
    width: 100%;
    list-style: none;
}
#who-we-images li > img {
    float: left;
    width: 100%;
}

#who-we-images .owl-pagination {
    left: 50%;
    position: absolute;
    top: 20px;
    margin-left: -25px;
}
#who-we-images .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#who-we-images .owl-pagination .owl-page.active{
	background:#fff;
}
.who-we-desc {
    float: left;
    width: 100%;
}
.who-we-desc > h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
    width: 100%;
}
.who-we-desc > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 15px;
    width: 100%;
}
.who-we-desc > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 4px;
    padding: 13px 20px;
    text-transform: uppercase;
    
	-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;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.who-we-desc > a:hover{
	color:#fff;
}

/* Make an Appointment */
.appointment-form-sec .customlist, .form-builder select  {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	
    float: left;
    height: 40px;
    margin-bottom: 18px;
    width: 100%;
}
.appointment-sec {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    background: #fcfcfc;
	
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
	 padding: 30px;
	 
	 position:relative;
	 border: 1px solid #E8ECEC;
}
.appointment-sec:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -15px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%;
	
	opacity:0.5;
	filter:alpha(opacity=50);
}
.appointment-sec input#inputField {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #d1d1d1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #7A7A7A;
    font-family: roboto;
    font-size: 12px;
    height: 37px;
    letter-spacing: 0.3px;
    margin-top: 24px;
    text-align: center;
    width: 125px;
    margin: 0;
    margin-bottom: 0;
	margin-top: 15px;
}
.appointment-sec > span {
    color: #8B8B8B;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    padding: 0;
    text-align: center;
    width: 100%;
    line-height: 16px;
    margin: ;
}
.appointment-sec > span > i {
    color: #F8F8F8;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.appointment-form-sec {
    float: left;
    padding: 30px;
    width: 100%;
    padding: 0;
    background: none;
    margin-top: 20px;
}
.appointment-form-sec .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.appointment-form-sec #message {
    float: left;
    margin: 0;
    width: 100%;
}
.appointment-form-sec .alert p {
    margin: 0;
}
.appointment-form-sec .alert > div {
    height: auto;
    padding: 10px 13px;
}
.appointment-form-sec #message #success_page {
    float: left;
    width: 100%;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
    margin-bottom: 10px;
}
.appointment-form-sec #message #success_page h1 {
    float: left;
    font-family: lato;
    font-size: 24px;
    margin: 0 0 16px;
    width: 100%;
}
.appointment-form-sec #message #success_page p {
    margin: -10px 0 0;
}
.appointment-form-sec input {
    background: none repeat scroll 0 0 #F8F9F9;
    border: 1px solid #D7D7D7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 38px !important;
    letter-spacing: 0.3px;
    margin-bottom: 19px;
    padding-left: 15px;
    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;
}
.appointment-form-sec input:focus {
    border: 1px solid #bebebe;
}
.appointment-form-sec p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 15px;
    text-align: left;
    width: 100%;
}
.appointment-form-sec input.submit {
    border: 1px solid #7E7E7E;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #7E7E7E;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    height: auto;
    margin: 0 auto;
    padding: 7px 20px;
    width: auto;
    background: #999999;
    color: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}

/* Profile Page */
#my-profile-info {
    float: left;
    width: 100%;
}
.profile-social {
    display: table;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.profile-social:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
    -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;
	
    width: 100%;
	z-index:9;
}
.profile-social > img {
    float: left;
    width: 100%;
	
    -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;
	
	height: auto;
}
.profile-social > ul {
    left: 50%;
    margin: -17px 0 0 -25%;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 0;
    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;
	
    width: 50%;
    z-index: 99999;
}
.profile-social > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}

.profile-social > ul > li > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #666666;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
	
	opacity: 0;
	filter:alpha(opacity=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;
}
.profile-social > ul > li > a > i:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FAFAFA;
	
    -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;
}
.profile-social:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social:hover > ul > li > a > i{
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social > ul > li > a {
    float: left;
	width:100%;
}
.profile-social:hover:before {
    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);
}
.profile-social:hover > img {
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg);
}

.profile-social:hover > ul > li > a > i.fa-facebook {
	-webkit-transition:all 0.4s ease 0.1s;
	-moz-transition:all 0.4s ease 0.1s;
	-ms-transition:all 0.4s ease 0.1s;
	-o-transition:all 0.4s ease 0.1s;
	transition:all 0.4s ease 0.1s;
}
.profile-social:hover > ul > li > a > i.fa-google-plus {
	-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;	
}
.profile-social:hover > ul > li > a > i.fa-twitter {
	-webkit-transition:all 0.4s ease 0.5s;
	-moz-transition:all 0.4s ease 0.5s;
	-ms-transition:all 0.4s ease 0.5s;
	-o-transition:all 0.4s ease 0.5s;
	transition:all 0.4s ease 0.5s;
}
.profile-social:hover > ul > li > a > i.fa-linkedin {
	-webkit-transition:all 0.4s ease 0.7s;
	-moz-transition:all 0.4s ease 0.7s;
	-ms-transition:all 0.4s ease 0.7s;
	-o-transition:all 0.4s ease 0.7s;
	transition:all 0.4s ease 0.7s;
}
#my-profile-info > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 15px 0;
    text-align: left;
    width: 100%;
}
#my-profile-info > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
#my-profile-info > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    position: relative;
    text-align: left;
    width: 100%;
}

#my-profile-info > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    left: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    top: -3px;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
}

#my-profile-info > p:after {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    right: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    bottom: -3px;
    width: 67px;
}
.block.with-parallax .service6:hover > span {
    color: #fafafa !important;
}
.block.with-parallax .service6 > h3 > a {
    color: #F8F8F8;
}
.block.with-parallax .service6 > p {
    color: #eee;
}
.block.with-parallax .service6 > a {
    color: #eee;
}
.my-skills {
    float: left;
    width: 100%;
}
.custom-progress {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.custom-progress > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0 0 15px;
    width: 100%;
}
.with-parallax .service6 > span {
    color: #FAFAFA;
}
.custom-progress > p > i {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
}
.custom-progress .progress {
    background: none repeat scroll 0 0 #f5f5f5;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    height: 35px;
    margin: 0;
    width: 100%;
}
.custom-progress .progress > .progress-bar {
    float: left;
    position: relative;
}
.custom-progress .progress > .progress-bar > span {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    left: 0;
    line-height: 33px;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}
#experience {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#experience ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
#experience ul > li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    padding-bottom: 18px;
    padding-left: 128px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
#experience ul > li > span {
    background: none repeat scroll 0 0 #b9b9b9;
    
	-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;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #FFFFFF;
    font-family: roboto;
    font-size: 20px;
    font-weight: 600;
    height: 80px;
    left: -1px;
    line-height: 80px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 110px;
}
#experience ul > li > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    width: 100%;
}
#experience ul > li > i {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    line-height: 10px;
    margin-top: 18px;
    width: 100%;
}
#experience ul > li > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    width: 100%;
}



/* Expert Lawyer Sec */

.expert-lawyer-sec {
    float: left;
    width: 100%;
    position: relative;
}
.lawyer-slide {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -30px;
}
.lawyer-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.lawyer-box > img {
    float: left;
    width: 100%;
}
.lawyer-box:hover .layer-desc {
    height: 90%;
	background: rgba(255,255,255,0.88);
}
.layer-desc {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5%;
    height: 69px;
    left: 3%;
    padding: 10px 45px;
    position: absolute;
	
    -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;
	
    width: 94%;
}
.lawyer-box:hover .layer-desc > i {
    height: 50%;
    margin-top: -14%;
	background:#666;
}
.layer-desc > i {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 44%;
    left: 45px;
    margin-top: -5%;
    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;
	
    width: 1px;
}
.lawyer-box:hover .layer-desc > span {
    opacity: 1;
	filter:alpha(opacity=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;
	
	color:#666;
}
.layer-desc > span {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    left: 70px;
    line-height: 10px;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.layer-desc > h2 {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 70px;
    margin: -11px 0 0;
    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;
}
.lawyer-box:hover .layer-desc > h2 {
    margin-top: -25px;
	color:#666;
}
.layer-desc > a {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 48px;
    width: 48px;
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    background: #fff;
	
    -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;

    opacity: 0;
	filter:alpha(opacity=0);
	
    z-index: 1;
	
    -webkit-transform: scale(1.3) rotate(180deg);
    -moz-transform: scale(1.3) rotate(180deg);
    -ms-transform: scale(1.3) rotate(180deg);
    -o-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
}
.layer-desc > a > i{
	float:left;
	width:100%;
	line-height:48px
}
.layer-desc > a:hover{
	color:#fff;
}
.lawyer-box:hover .layer-desc > a {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}


/* Experties Sec */
.experties-sec {
    float: left;
    width: 100%;
}
.experties-sec.style2 > .experties > h2:before {
    display: none;
}
.experties-sec.style2 > .experties > h2 {
    padding: 15px;
}
.experties {
    float: left;
    width: 100%;
}
.experties > h2.active, .experties-sec.style2 > .experties > h2.active {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.experties > h2:before {
    left: 15px;
    position: absolute;
    top: 50%;
    content: "+";
    margin-top: -7px;
}

.experties > h2.active:before {
    content: "-";
}
.experties > h2 {
    background-color: #FFFFFF;
    background-position: 17px 17px;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 10px;
    padding: 15px 40px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
	-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;
	
	position:relative;
	
    width: 100%;
}
.experties .content, .experties .content2 {
    float: left;
    width: 100%;
}
.experties .content > p, .experties .content2 > p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.21px;
    line-height: 24px;
    margin: 3px 0 13px;
    width: 100%;
    margin-top: 4px;
    letter-spacing: 0.30px;
}


/* Upcoming Event */
#upcoming-event {
    float: left;
    width: 100%;
    position: relative;
	margin-top:-30px;
}
.upcoming-event-sec {
    float: left;
    width: 100%;
    position: relative;
}
.event-box {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.event-box > img {
    float: left;
    width: 100%;
}
.event-desc {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.88);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 14px;
    height: 60px;
    left: 4%;
    padding: 22px 15px;
    position: absolute;
    width: 92%;
	
    -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;
}
.event-box:hover .event-desc {
    height: 87%;
}
.event-desc > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
}
.event-desc > h3 > a{
	color:#666;
}
.event-desc > span {
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    left: 16px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 17px;
    margin-top: -11px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    width: 100%;
}
.event-box:hover .event-desc > .line1 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 62px;
	
	-webkit-transition: all 0.4s ease 0.5s;
	-moz-transition: all 0.4s ease 0.5s;
	-ms-transition: all 0.4s ease 0.5s;
	-o-transition: all 0.4s ease 0.5s;
	transition: all 0.4s ease 0.5s;

}
.event-box:hover .event-desc > .line2 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 92px;
	
	-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;
}
.event-box:hover .event-desc > .line3 {
    top: 122px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.event-box:hover .event-desc > .line4 {
    top: 152px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.2s;
	-moz-transition: all 0.4s ease 0.2s;
	-ms-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}
.event-box:hover .event-desc > span {
    opacity: 1;
	filter:alpha(opacity=100);
}
.event-desc > span > i {
    font-size: 15px;
    margin-right: 15px;
    width: 16px;
    text-align: center;
}


/* Upcoming Event 2 */
.upcoming-event-sec2 {
    float: left;
    width: 100%;
}

.upcoming-event-sec2 > ul {
    float: left;
    padding: 0;
    width: 100%;
    margin: 0px;
}
.upcoming-event-sec2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
}
.upcoming-event2 {
    float: left;
    width: 100%;
}

.upcoming-event2 > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.upcoming-event2 > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 5px 0 15px;
    width: 100%;
    line-height: 28px;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.upcoming-event2 > h3 > a {
    color: #666666;
	
	-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;
}
.upcoming-event2 > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
    color: #999999;
    font-weight: normal;
}
.upcoming-event2 > span > i {
    font-size: 14px;
    margin-right: 15px;
    width: 20px;
    text-align: center;
}
.upcoming-event2 > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: left;
    width: 100%;
}


/** Event Wide  **/
.event-wide {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.event-wide .event-count > p {
    text-align: left;
}
.event-wide img {
    float: left;
    width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.event-wide .event-count > ul {
    float: left;
    width: 100%;
}

.event-wide .event-count{
	margin:0;
}
.event-wide .event-count > ul > li {
    width: auto;
}
.event-wide .event-count > span {
    float: left;
    margin-right: 30px;
    padding: 0;
    width: auto;
}

/* Law Slide 1 */
.law-btns > li {
    float: left;
    margin: 0 10px !important;
}


/* Law Slide 2 */
.law-btns2 > li{
	float: left;
    margin-right: 15px !important;
}

/* Seo Slide */
.law-btn-list:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    left: 14px;
    margin-top: -7px;
    opacity: 0.8;
}

/* About Ceo 2 */
.about-ceo-sec2 {
    float: left;
    position: relative;
    width: 100%;
}

.about-ceo-sec2  img {
    float: left;
    width: auto;
}
.ceo-detals2 {
    float: left;
}
.ceo-detals2 > h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 50px;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    color: #999999;
    letter-spacing: 0.30px;
    line-height: 15px;
    margin-bottom: 25px;
	text-transform:uppercase;
}
.ceo-detals2.style2 {
    text-align: center !important;
}
.ceo-detals2 > h3 > i {
    font-style: normal;
	font-size:20px;
	text-transform: none;
}
.ceo-detals2 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 50px;
    width: 100%;
}
.ceo-detals2 > p > a {
    background: none repeat scroll 0 0 #858585;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: inline;
    font-size: 13px;
    line-height: 20px;
    margin-left: 15px;
    padding: 4px 8px;
	
	-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;
}
.ceo-detals2 > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.ceo-detals2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
.ceo-detals2 > ul > li > a {
    float: left;
}
.ceo-detals2 > ul > li > a > i {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    font-size: 26px;
    height: 70px;
    line-height: 70px;
    text-align: center;
	
    -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;
	
    width: 70px;
}
.ceo-detals2 > ul > li > a > i:hover {
    color:#fff !important;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook {
	color:#3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook:hover {
    background: none repeat scroll 0 0 #3B5998;
    border: 1px solid #3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter {
	color:#00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter:hover {
    background:#00aced;
	border: 1px solid #00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus {
	color:#dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus:hover {
    background:#dd4b39;
	border: 1px solid #dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin {
	color:#007bb6;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin:hover {
    background:#007bb6;
	border: 1px solid #007bb6;
}

/* About Ceo 3 */
.ceo-details3 {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.8);
	
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    
	-webkit-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-moz-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-ms-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-o-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	
    float: right;
    padding: 45px 30px;
	width: 65%;
	position: relative;
	margin-right: -4px;
}
.ceo-details3:before {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.3);
    
	-webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
	
    content: "";
    height: 100%;
    left: -4px;
    position: absolute;
    top: 4px;
    width: 100%;
    z-index: -1;
}
.ceo-details3 > h3 {
    color: #fbfbfb;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 15px;
    width: auto;
	position: relative;
	padding-bottom:7px;
}

.ceo-details3 > h3:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 24%;
    margin-left: -12%;
    background: #fff;
    height: 2px;
    content: "";
}
.ceo-details3 > h3 > i {
    color: #AEAEAE;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 5px;
    float: right;
    font-style: normal;
    margin-left: 15px;
    letter-spacing: 0.30px;
}
.ceo-details3 > p {
    color: #d2d2d2;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    width: 92%;
}



/* Tab Sections */

.tab-sec {
    float: left;
    width: 100%;
    padding: 27px;
    background: #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.tab-sec > ul.nav.nav-tabs {
    border: medium none;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
}
.tab-sec > ul.nav.nav-tabs > li {
    float: left;
    margin: 0;
}
.tab-sec > ul.nav.nav-tabs > li > a {
    border-right: 1px solid #E8E6E6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
	
    -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: 0;
	 -moz-border-radius: 0;
	 -ms-border-radius: 0;
	 -o-border-radius: 0;
	 border-radius: 0;
	 
	 height: 30px;
    line-height: 29px;
}
.tab-sec > ul.nav.nav-tabs > li > a:hover {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li.active > a {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li:last-child > a {
    border: medium none;
}
.tab-sec .tab-content {
    float: left;
    width: 100%;
}
.tab-project {
    float: left;
    width: 100%;
}
.tab-project > h3, .tab-work > h3, .tab-article h3, .tab-video > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0 0 22px;
    width: 100%;
    margin-top: -10px;
}
.tab-project img, .tab-article img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.tab-project > p, .tab-work > p, .tab-article p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 11px;
    width: 100%;
}

.tab-article .col-md-8 p {
    margin-top: 0px;
}
.tab-work {
    float: left;
    width: 100%;
}

.tab-work > span {
    float: left;
    margin-right: 20px;
}
.tab-work > a {
    float: left;
    font-family: roboto;
    font-size: 12px;
    color: #ffffff;
    padding: 6px 12px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 10px;
    margin-top: 15px;
    letter-spacing: 0.30px;
}
.tab-work > p {
    display: block;
    float: none;
    margin: 0 0 8px;
}
.tab-work > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.tab-work > ul > li {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-top: 10px;
    width: 100%;
	min-height: 204px;
}
.tab-work > ul > li:first-child {
    margin: 0;
}
.tab-work > ul > li > i {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 16px;
    margin-right: 15px;
	margin-bottom:10px;
}

/* Job Box */
.job-box {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #f4f2f2;
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: 30px;
    padding: 20px 20px 50px 170px;
    position: relative;
    width: 100%;
	
	min-height: 300px;
}
.job-box > span {
    color: #777777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    height: auto;
    left: 20px;
    line-height: 31px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 128px;
}
.job-box > span > i {
    float: left;
    font-style: normal;
    width: 100%;
    font-family: lato;
    font-size: 13px;
    font-weight: bold;
    color: #777777;
}
.job-box > h3 > a {
    color: #555555;
}
.job-box > span > img {
    float: left;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.job-box > h3 {
    color: #555555 !important;
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: -5px 0 0;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.job-box > i {
    display: block;
    font-family: Noto Sans;
    font-size: 12px;
    font-style: normal;
    color: #b4bbc2 !important;
}
.job-box > p {
    color: #949494;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
    line-height: 21px;
    margin-top: 10px;
}
.job-box > a {
    background: none repeat scroll 0 0 #bdbdbd;
    
	-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;
	
    bottom: 0;
    color: #ffffff;
    float: right;
    font-family: open sans;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 2px;
    padding: 12px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 100%;
}


/* Our Blog  Style 1*/
.our-blog-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.our-blog-link {
    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;	
	
}
.our-blog-link > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
    height: auto;
}

.our-blog-link:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.77);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: -101%;
	
    -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;
	
    width: 100%;
}
.our-blog-box:hover .our-blog-link:before {
    top: 0;
}

.our-blog-link > a {
    color: #FFFFFF;
    font-size: 18px;
    left: 50%;
	
    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.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;
	
    margin-left: -8px;
    z-index: 999;
}

.our-blog-box:hover .our-blog-link > a {
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 14px;
	
	-webkit-transition: all 0.5s ease 0.3s;
	-moz-transition: all 0.5s ease 0.3s;
	-ms-transition: all 0.5s ease 0.3s;
	-o-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}
.our-blog-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog-link:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    
	-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;
	
    content: "";
    height: 50px;
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 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;
	
    width: 50px;
}
.our-blog-box:hover .our-blog-link:after {
    left:50%;
	
	-webkit-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
	-ms-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	transition: all 0.5s ease 0.1s;
	
	margin-left:-25px;
}

.our-blog-box > h2 > a {
    color: #404040;
}
.our-blog-box > h2 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    line-height: 28px;
    margin: 12px 0;
    width: 100%;
    margin-top: 15px;
}
.our-blog-box > span strong a {
    color: #565656;
    font-family: lato;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
}
.our-blog-box > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 8px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 0;
    width: 100%;
}
.our-blog-box > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-right: 5px;
    padding: 0;
}
.our-blog-box > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: 5px;
}
.our-blog-box > span > strong {
    font-weight: 600;
}


/* our Blog 2 */
.our-blog2 {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -30px;
}
.our-blog-sec2 {
    float: left;
    width: 100%;
    position: relative;
}

.our-blog-box2 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	margin-top:30px;
}

.our-blog-box2:hover img {

    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.our-blog-box2 > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	
    -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;
	
    width: 100%;
}

.our-blog-link2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 4%;
    left: 4%;
    position: absolute;
	
    -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;
	
    width: 92%;
    height: 50px;
}
.our-blog-box2:hover .our-blog-link2 {
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
}
.our-blog-box2:hover .our-blog-link2 > h2 {
    color: #fff;
    margin-top: -40px;
}
.our-blog-box2:hover .our-blog-link2 > h2 > a {
    color: #E4E3E3;
}
.our-blog-link2 > h2 {
    color: #666666;
    float: none;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    line-height: 13px;
    margin: -5px 0 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.our-blog-link2 > h2 > a {
    color: #313131;
}
.our-blog-link2 > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.5);
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #6A6A6A;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    width: 35px;
}
.our-blog-link2 > a > i:hover{
	color:#fff;
}
.our-blog-box2:hover .our-blog-link2 .fa-search {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-blog-link2 > a > i.fa-search {
    left: 50%;
    margin-left: -40px;
	
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
	
    -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;
}
.our-blog-box2:hover .our-blog-link2 .fa-link {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
}
.our-blog-link2 > a > i.fa-link {
    margin-right: -40px;
    right: 50%;
	
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg);
	
    -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;
}


/* Our Blog 3 */
.our-blog3-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog3-box > span {
    float: left;
    margin-right: 20px;
    width: 25%;
}
.our-blog3-box > span > a {
    float: left;
    width: 100%;
}
.our-blog3-box > span > a img {
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.our-blog3-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-blog3-box > h3 {
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
}
.our-blog3-box > h3 > a{
	color:#666;
}
.our-blog3-box > p {
    color: #7A7A7A;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    line-height: 24px;
    color: #888;
}
.our-blog3-box > ul {
    display: block;
    margin: 0;
    padding: 0;
}
.our-blog3-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
.our-blog3-box > ul > li:last-child {
    margin: 0;
}
.our-blog3-box > ul > li > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 8px;
	
	-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-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
}
.our-blog3-box > ul > li > a > i {
    margin-right: 5px;
}
.our-blog3-box > ul > li > a:hover {
    color: #FFFFFF;
}

/* Our Blog4 */

/* With Parallax */
.block.dark .our-blog4-box > h3 > a {
    color: #FFFFFF;
}
.block.dark .our-blog4-box > p {
    color: #b0afaf;
	border-color:rgba(132,132,132,0.57)
}
.block.dark .blog4-metas > li > a {
    background: none repeat scroll 0 0 #7C7C7C;
    border-color: #7C7C7C;
	color:#d3d3d3;
}
.block.dark .title {
    color: #fff;
}
.title {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%;
}
.title > i {
    border-bottom: 1px solid #A9A9A9;
    color: #F0F0F0;
    float: left;
    font-style: normal;
    font-weight: bold;
    margin-right: 7px;
    padding-bottom: 10px;
}
.block.dark .title > i {
    color: #fff;
}


.our-blog4 {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-blog4-box:hover > a:after {
	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);	
}
.our-blog4-box {
    float: left;
    margin-top: 30px;
    
	-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;
	
    width: 100%;
}
.our-blog4-box > a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    content: "";
    z-index: 1;
	
    -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;
	
    opacity: 0;
	filter:alpha(opacity=0);	
}
.our-blog4-box > a:after {
    color: #FFFFFF;
    content: "ï‚Ž";
    font-family: fontawesome;
    font-size: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
    z-index: 1;
}
.our-blog4-box > a {
    float: left;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
	position: relative;
}
.our-blog4-box > a > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    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;	
}
.our-blog4-box:hover > a > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.our-blog4-box:hover > a:before {
	opacity: 1;
	filter:alpha(opacity=100);
}
.blog4-metas {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.blog4-metas > li {
    float: left;
    margin-right: 15px;
    list-style: none;
}
.blog4-metas > li > a {
    float: left;
    font-family: roboto;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    padding: 8px 10px;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 9px;
	font-weight:400;
}
.our-blog4-box > h3 {
    color: #333;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 63px;
}
.our-blog4-box > h3 > a {
    color:#666666;
	
	-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;	
}
.our-blog4-box > p {
    border-bottom: 1px solid #eeeeee;
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 20px;
    width: 100%;
}

.blog4-metas > li > a > i {
    margin-right: 6px;
}


/* Whats is New */
#whats-new {
    float: left;
    width: 100%;
	margin-top:10px;
}
#whats-new > img {
    bottom: -70px;
    position: absolute;
    right: 0;
}
#whats-new > h1 {
    color: #555555;
    float: left;
    font-family: lato;
    font-size: 52px;
    margin: 0;
    width: 100%;
    line-height: 42px;
    letter-spacing: 0.30px;
}
#whats-new > h1 > span {
    float: left;
    width: 100%;
    font-size: 150px;
    line-height: 117px;
    margin-top: 30px;
}

#whats-new > h1 > i {
    float: left;
    width: 100%;
    font-style: normal;
    margin-top: 38px;
}



/* Our CEO PLAN */
.ceo-plan-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.ceo-plan-box .video-paralax {
    margin-top: 70px;
}
#ceo-plan-box {
    padding-top: 40px;
}
.ceo-plan-box > .row > div > img {
    float: left;
    width: 100%;
}
.ceo-plan-detail {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -10px 0 20px;
    text-transform: uppercase;
    width: 100%;
}
.ceo-plan-detail > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: -10px;
}
.ceo-plan-detail > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    width: 100%;
}
.ceo-plan-detail > ul > li:last-child {
    margin: 0;
}
.ceo-plan-detail > ul > li > span {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 45px;
    margin-right: 22px;
    padding: 9px 0;
    text-align: center;
    width: 45px;
}
.ceo-plan-detail > ul > li > span > i {
    float: left;
    line-height: 29px;
    text-align: center;
    width: 100%;
}
.ceo-plan-detail > ul > li > h4 {
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
}

.ceo-plan-box > .row > div {
    float: left;
    position: relative;
}

.ceo-plan-box > .row > div.col-md-3:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 12px;
    content: "";
}
.ceo-plan-detail > ul > li > p {
    color: #888;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 85%;
}


/* Testimonial 1 */
.testimonial-sec {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.testimonial-sec  li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec li > span {
    border: 4px solid rgba(255, 255, 255, 0.31);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 140px;
    margin: 0 auto 23px;
    overflow: hidden;
    width: 140px;
}
.testimonial-sec li > span > img {
    float: left;
    width: 100%;
}
.testimonial-sec li > p {
    color: #fff !important;
    display: block;
    font-family: lato;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: 0 0 25px;
    opacity: 1;
    padding: 0 100px;
    text-align: center;
}
.testimonial-sec li > a {
    display: table;
    float: none;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    margin: 25px auto;
}
.testimonial-sec .owl-pagination {
    float: none;
    margin: 0 auto;
    display: table;
}
.testimonial-sec .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 12px;
    margin: 0 5px;
    width: 12px;
	
	-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;
}

.testimonial-sec .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}



/* Testimonial 2 */
.testimonial-sec2 {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
}

.testimonial-sec2 li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec2 li > span {
    float: left;
    margin-right: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
	
	width: 40%;
}
.testimonial-sec2 li > span > img {
    float: left;
	width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.testimonial-sec2 li > a {
    color: #999999;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: right;
    width: 100%;
}
.testimonial-sec2 li > a > i {
    font-style: normal;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.testimonial-sec2 li > p {
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 10px;
    position: relative;
}

.testimonial-sec2 li > p:before {
    background-image: url("../images/ceo-coma.png");
    bottom: -70px;
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
}
.testimonial-sec2 .owl-pagination {
    display: table;
    float: right;
    margin-top: 0px;
    position: relative;
    z-index: 9999;
}
.testimonial-sec2 .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cccccc;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 5px;
    width: 6px;
}


/* Testimonial for White bg */
.f-testimonail.with-white > .tab-content {
    background: none;
}

.f-testimonail.with-white > ul > li {
    margin-bottom: 20px;
}
.f-testimonail.with-white > ul > li.active a {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > ul > li.active a > img {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > .tab-content > div {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e8ecec;
}
.with-white .f-testimonial-box > p {
    color: #7A7A7A;
    font-family: roboto;
    font-size: 13px;
    line-height: 24px;
    color: #777777;
    padding: 0;
}

/* Our Clients */

.our-clients {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-clients  a {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E2E2E2;

    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
	
    float: left;
    margin-top: 30px;
    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;
}
.our-clients  a > img {
    float: left;
    width:100%;
}
.our-clients a:hover {
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
 
    -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
}

/* our Clients2 */

#our-clients-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.our-clients2 {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.clients-hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.clients-hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,0.8);
    
	-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;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.our-clients2:hover .clients-hover:before {
    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);
}
.clients-hover > a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #f8f8f8;
    font-size: 20px;
    height: 45px;
    left: 50%;
    line-height: 45px;
    margin-left: -22.5px;
    margin-top: -22.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    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.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;
	
    width: 45px;
}
.our-clients2:hover .clients-hover > a {
    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);
}
.our-clients2 > h3 {
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}
.our-clients2 > p > i {
    font-style: italic;
    font-weight: bold;
}
.our-clients2 > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}
.our-clients2 > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}
.clients-hover > img {
    float: left;
    width: 100%;
}
.our-clients2 > h3 > a {
    color: #404040;
}
.our-clients2 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 10px;
    text-transform: uppercase;
	 border: 1px solid #404040;
}



/* Employee of The Month */
.emp-of-month-sec {
    float: left;
    width: 100%;
}
.employee-img {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -20px;
}
.emp-of-month-desc > h3 {
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.emp-of-month-desc > span {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 25px;
}
.emp-of-month-desc > ul > li > a i {
    float: left;
    line-height: 44px;
    width: 100%;
}
.emp-of-month-desc > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #777777;
    letter-spacing: 0.30px;
    margin: 0;
    line-height: 24px;
}
.employee-img > img {
    float: left;
    width: 100%;
}
.employee-img:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 13px;
    bottom: -1px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
}
.emp-of-month-desc {
    float: left;
    width: 100%;
}
.emp-of-month-desc > ul {
    float: left;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}
.emp-of-month-desc > ul > li {
    float: left;
    list-style: none outside none;
	margin-right:15px;
}
.emp-of-month-desc > ul > li > a {
    float: left;
    width: 46px;
    height: 46px;
    background: #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 1px solid #e8ecec;
    text-align: center;
    font-size: 13px;
    color: #414141;
    line-height: 43px;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
    -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;
}
.emp-of-month-desc > ul > li > a:hover{
	color:#fff;
}



/* Next product */

.next-products {
    float: left;
    width: 100%;
}
.next-products h3 {
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    width: 100%;
    margin-bottom: 35px;
    letter-spacing: 0.30px;
}
.next-products p {
    color: #676565;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.35px;
    line-height: 25px;
    float: left;
    margin: 0;
}
.next-products img {
    float: left;
    width: 100%;
}
.next-products ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.next-products ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 22px;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #6b6868;
    letter-spacing: 0.30px;
}
.next-products ul > li > i {
    float: left;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 3px;
}


/* Show Product */

.show-product {
    float: left;
    width: 100%;
    position: relative;
}
.show-products-lcds {
    float: left;
    height: 330px;
    position: relative;
    width: 100%;
}
.show-products-lcds > span {
    float: none;
    margin: 0 auto;
    display: table;
}
.show-product > h2 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: normal;
    margin: 10px 0 15px;
    text-align: center;
    width: 100%;
}
.show-product > p {
    color: #777777;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.show-product > a:hover{
	color:#fff;
}
.show-product > a {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fffefe;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 40px;
    margin-top: 20px;
	
	-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;	
	
	border:2px solid;
}
.show-product > a:hover {
    background: none repeat scroll 0 0 #333333;
}
#show-product-slide .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -50px;
}
#show-product-slide .owl-buttons > div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    float: left;
    position: relative;
    border: none;
    height: auto;
    width: auto;
}
#show-product-slide .owl-buttons > div.owl-next {
    float: right;
}

#show-product-slide .owl-buttons > .owl-next:before {
    content: "\f105";
}
#show-product-slide .owl-buttons > .owl-prev:before {
    content: "\f104";
}
#show-product-slide .owl-buttons > div:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: fontawesome;
    font-size: 113px;
    color: #999;
}

.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

}
 
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
 
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:         transform, opacity;
    -o-transition-property:         transform, opacity;
    transition-property:         transform, opacity;
}


/* Success Work */
#success-work-nav {
    display: table;
    float: none;
    margin: 0 auto 30px;
    position: relative;
    z-index: 9;
}
#success-work-nav > ul {
    border-left: 3px solid;
    border-right: 5px solid;
    float: left;
    margin: 0;
    padding: 0;
}
#success-work-nav > ul > li > a.active {
    padding-bottom: 13px;
    padding-top: 27px;
}
#success-work-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: -2px;
}
#success-work-nav > ul > li > a:after {
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    content: "\f0ab";
    font-family: fontawesome;
    left: 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;
	
    opacity: 0;
}
#success-work-nav > ul > li .active:after {
	top:10px;
	opacity:1;
}
#success-work-nav > ul > li > a {
    background: none repeat scroll 0 0 #fbfbfb;
    border-right: 1px solid #dedede;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 20px;
    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;
	
    z-index: 1;
}
#success-work-nav > ul > li {
    border: 1px solid #dedede;
}
#success-work-nav > ul > li:last-child > a {
    border: medium none;
}
#success-work-nav > ul > li > i {
    display:none;
}
#success-work-nav > ul > li > a > i {
    color: #ececec;
    font-size: 14px;
    margin-right: 15px;
}

.success-work {
    float: left;
	margin-top:30px;
	width:100%;
}
#success-work {
    margin-top: -30px;
    float: left;
    width: 100%;
}
.success-work-desc {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.success-work-desc > img {
    float: left;
    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;
}

.success-work:hover .success-work-desc > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.success-work-desc > a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    font-size: 20px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
	
    -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;
	
    width: 50px;
	z-index: 9;
	border: 1px solid rgba(0,0,0,0.2);
}
.success-work-desc > a > i {
    float: left;
    line-height: 48px;
    text-align: center;
    width: 100%;
}
.success-work:hover .success-work-desc > a {
    -webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
	-webkit-transition: all 0.5s ease 0.2s;
	-moz-transition: all 0.5s ease 0.2s;
	-ms-transition: all 0.5s ease 0.2s;
	-o-transition: all 0.5s ease 0.2s;
	transition: all 0.5s ease 0.2s;
}
.success-work-desc > a:hover {
    color: #fff;
}
.success-work-desc:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
	
    -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;
	
    width: 100%;
    z-index: 9;
}
.success-work:hover .success-work-desc:before {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.success-work > h2 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 20px 0 15px;
    text-align: left;
    width: 100%;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.success-work > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -3px 0 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Latest Project */
#latest-project {
    float: left;
    width: 100%;
}


/* Latest Features */
.ltst-feature-sec {
    float: left;
    width: 100%;
}
.ltst-feature-box {
    float: left;
    width: 100%;
}
.ltst-feature-box > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.ltst-feature-box > h2 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: lighter;
    margin-bottom: 11px;
}
.ltst-feature-box > p {
    color: #7a7a7a;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
}



/* Our Projects */
.our-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}

.project-desc > h3 {
    color: #555555;
    float: left;
    font-family: lato;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 7px 0 10px;
    padding-right: 15px;
    width: 100%;
}
.project-desc > h3 > a {
    color: #555555;
}
.our-project-sec p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    padding-right: 12px;
    width: 100%;
}
.our-project-box > span {
    float: left;
    padding-right: 15px;
    position: relative;
    width: 50%;
}
.our-project-box > span > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    color: #666666;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    right: 15px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin-bottom: 3%;
    margin-right: 3%;
    padding: 14px;
    position: absolute;
    text-align: center;
    width: 89%;
}
.our-project-box > span > i > strong {
    font-size: 14px;
}
.project-desc > span {
  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 8px 13px;
    text-transform: uppercase;
    width: auto;
    margin: 0;
}
.project-desc > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
	margin-right:5px;
}
.project-desc {
    float: left;
    width: 50%;
}
.our-project-sec .owl-pagination {
    float: right;
    margin-top: -20px;
    z-index: 99999;
	position:relative;
}
.our-project-sec .owl-pagination > .owl-page {
    float: left;
    height: 6px;
    width: 6px;
    background: #cccccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-left: 10px;
    margin-top: 12px;
}
.our-project-sec img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.our-projecty {
    float: left;
    margin-top: 30px;
    width: 100%;
}


/* Get a Quote */
.quote-widget {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
}
#quote-head{
	float:left;
	width:100%;
    padding: 30px;
}
#quote-head > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
#quote-head > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}
.quote-form-sec {
    background: none repeat scroll 0 0 #FCFCFC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
	padding:30px;
	border-top: 1px solid #e8ecec;
}
.quote-form-sec input {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #D1D1D1;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    padding-left: 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;
	
    width: 100%;
}
.quote-form-sec input:focus {
    border: 1px solid #BEBEBE;
}
.quote-form-sec input.submit {
    background: none repeat scroll 0 0 #999999;
    border: 1px solid #7E7E7E;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    height: auto;
    margin: 14px auto 0;
    padding: 7px 20px;
    width: auto;
}


/* Our Team */
.our-team-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-team-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-title {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.our-team-box:hover .team-title:after {
    bottom: 0;
    height: 100%;
    left: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);	
}
.our-team-sec.with-parallax .our-team-box:hover .team-title:after {
    height: 100%;
}
.team-title:after {
    bottom: 8px;
    content: "";
    height: 55px;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
    z-index: 1;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.team-title > img {
    float: left;
    width: 100%;
}
.our-team-box:hover .team-title > h3 {
    bottom: 50%;
    height: 33px;
    margin-top: -24px;
	color:#888;
}
.our-team-box:hover .team-title > h3 > a {
	color:#888;
}
.team-title > h3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: roboto;
    font-size: 16px;
    height: 56px;
    left: 0;
    line-height: 16px;
    margin: 0;
    padding: 11px 0px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 100%;
    z-index: 24;
	color: #fff;
}
.team-title > h3 > a{
	color: #fff;
}
.team-title > ul {
    bottom: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    margin-left: -101px;
}
.team-title > ul > li {
    list-style: none outside none;
    margin: 0 15px;
    position: absolute;
    bottom: 15%;
    opacity: 0;
	filter:alpha(opacity=0);
	
	margin-bottom: 15px;
}
.team-title > ul > li > a {
    float: left;
    font-size: 23px;
    color: #777777;
}
.our-team-box:hover .team-title > ul > li.facebook {
	left:30px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.twitter {
	left:60px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.google-plus {
	left:90px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.linkedin {
	left:120px;
	
    -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;
}

.our-team-box:hover .team-title > ul > li.facebook {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.our-team-box:hover .team-title > ul > li.twitter {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
}
.our-team-box:hover .team-title > ul > li.google-plus {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-team-box:hover .team-title > ul > li.linkedin {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.our-team-box > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul {
    border: medium none;
    padding: 0;
    margin: 0;
}
.our-team-sec.with-parallax .our-team-box > ul > li {
    border: 1px solid rgba(242, 242, 242, 0.37);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -moz-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -ms-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -o-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
	
    float: left;
    margin: 20px 0 0;
    padding: 10px 20px 2px;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul > li > h5 {
    color: #f8f8f8;
}
.our-team-sec.with-parallax .our-team-box > ul:before {
    display: none;
}
.our-team-box > ul > li > i {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #eae9e9;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #999999;
    float: left;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    margin-right: 18px;
    text-align: center;
    width: 30px;
}
.our-team-box > ul > li > h5 {
    color: #666666;
    display: block;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 29px;
    margin: 0;
}
.our-team-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 10px;
    width: 100%;
}
.our-team-box > ul > li > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
}
.our-team-box > ul > li:last-child {
    margin: 0;
}

/* Latest News */
.latest-news {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.news-hover {
    float: left;
    width: 100%;
    position: relative;
}
.news-hover > img {
    float: left;
    width: 100%;
    z-index: 2;
    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;
	
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-ms-border-radius:3px 3px 0px 0px;
	-o-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
}
.latest-news:hover .news-hover > img {
    opacity: 0.3;
	filter:alpha(opacity=30);
}

.news-hover > a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    left: 50%;
    top: 50%;
   
	-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;
	
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
	
    -webkit-transform: rotatex(90deg) perspective(200px);
    -moz-transform: rotatex(90deg) perspective(200px);
    -ms-transform: rotatex(90deg) perspective(200px);
    -o-transform: rotatex(90deg) perspective(200px);
    transform: rotatex(90deg) perspective(200px);
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
}
.news-hover > a > i{
	float:left;
	width:100%;
	line-height:40px;
}
.latest-news:hover .news-hover > a {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.news-detials {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    width: 100%;
    padding: 30px;
}
.news-detials > h3 {
    color: #666;
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: -10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.news-detials > h3 > a {
    color: #666;
}
.news-detials > span {
    color: #7A7A7A;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.news-detials > span > i{
	margin-right:10px;
}
.news-detials > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #888;
    letter-spacing: 0.30px;
    line-height: 24px;
    margin: 0;
}

/* Our Plan Details */
.our-pan-details {
    float: left;
    width: 100%;
    margin-top: 17px;
}

.features-slide {
    float: left;
    width: 100%;
    margin-top: 45px;
}
.slide-feature-box {
    float: left;
    width: 100%;
    background: rgba(255,255,255,0.54);
    border: 1px solid #b4b4b4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 35px 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;
}
.slide-feature-box:hover > i{
	color:#fff;
}
.slide-feature-box > i {
    color: #555555;
    float: left;
    font-size: 50px;
    line-height: 44px;
    margin-bottom: 15px;
    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;
}
.slide-feature-box > span {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #555555;
    font-family: roboto;
    letter-spacing: 0.30px;
    line-height: 10px;
	
	-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;
}
.slide-feature-box:hover > span{
	color:#fff;
}
.features-slide .owl-pagination {
    display: table;
    float: none;
    margin: 0 auto;
    margin-top: 30px;
}
.features-slide .owl-pagination .owl-page {
    background: none repeat scroll 0 0 #FFFFFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 3px;
    width: 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;
}


/* portfolio */

.portfolio-sec  ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.portfolio-box  img {
    float: left;
    width: 100%;
    padding: 1px ;
}
.portfolio-sec  ul > li {
    float: left;
    width: 20%;
    list-style: none;
}
.portfolio-box {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.portfolio-box > h3 {
    color: #ffffff;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 17px;
    margin: -40px 0 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    
	-webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
	
    white-space: nowrap;
    width: 100%;
    z-index: 99999;
}
.portfolio-box > a > i {
    float: left;
    line-height: 29px;
    width: 100%;
}
.portfolio-box:hover h3 {
    bottom: 10px;
	
    opacity: 1;
	filter:alpha(opacity=1);
}
.portfolio-box > i {
    position: absolute;
    width: 100%;
    height: 20%;
    background: rgba(15,15,15,0.8);
    z-index: 9;
}
.portfolio-box > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #DBDBDB;
    font-size: 14px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -15px;
    margin-top: 6px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    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;
	
    width: 30px;
    z-index: 9999999999;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.portfolio-box:hover > a.search{
    margin-left: 5px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.5s;
    -moz-transition: all 0.4s ease 0.5s;
    -ms-transition: all 0.4s ease 0.5s;
    -o-transition: all 0.4s ease 0.5s;
    transition: all 0.4s ease 0.5s;
}

.portfolio-box > a:hover {
    background: #fff;
    color: #333;
}
.portfolio-box:hover > a.link {
    margin-left: -30px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.4s;
    -moz-transition: all 0.4s ease 0.4s;
    -ms-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
}
.portfolio-box > i{
    opacity: 0;
}
.portfolio-box > i.box1 {
	left:0;
	top:0;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box2 {
	right:0;
	top:20%;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box3 {
	left:0;
	top:40%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box4 {
	right:0;
	top:60%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box5 {
	left:0;
	top:80%;
	
	-webkit-transition:all 0.2s 0.3s;
	-moz-transition:all 0.2s 0.3s;
	-ms-transition:all 0.2s 0.3s;
	-o-transition:all 0.2s 0.3s;
	transition:all 0.2s 0.3s;
}
.portfolio-box > i.box6,
.portfolio-box > i.box7,
.portfolio-box > i.box8{
    display:none;
}
.portfolio-box:hover i.box1, .portfolio-box:hover i.box3, .portfolio-box:hover i.box5, .portfolio-box:hover i.box7 {
    opacity: 1;
}
.portfolio-box:hover i.box2, .portfolio-box:hover i.box4, .portfolio-box:hover i.box6, .portfolio-box:hover i.box8 {
    opacity: 1;
}



/* Posrtfolio 2 */
.portfolio-sec2 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-sec2 > #portfolio-nav {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
#portfolio-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#portfolio-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
#portfolio-nav > ul > li:last-child {
    margin: 0;
}
#portfolio-nav > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 9px;
    overflow: hidden;
    padding: 13px 18px;
    position: relative;
    z-index: 0;
}
#portfolio-nav > ul > li > a:before {
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    
	-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;
	
    width: 100%;
	z-index: -1;
}
#portfolio-nav > ul > li > a.active {
    color: #FFFFFF;
}
#portfolio-nav > ul > li > a > i {
    font-size: 15px;
    margin-right: 10px;
}

#portfolio-nav > ul > li > a.active:before {
    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);
}
#portfolio-work {
    float: left;
    width: 100%;
}
#portfolio-work > div {
    float: left;
}
.portfolio-box2 {

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.portfolio-box2:before {
    background-color: rgba(81, 81, 81, 0.8);
    bottom: 0;
    content: "";
    height: 79px;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
	
	-webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

.portfolio-box2:hover:before {
    height: 100%;
}
.portfolio-box2 > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    height: auto;
}
.portfolio-head {
    bottom: 0;
    height: 75px;
    left: 0;
    position: absolute;
	
    -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;
	
    width: 100%;
}
.portfolio-box2:hover .portfolio-head {
    bottom: 58px;
    height: 50%;
}
.portfolio-box2 > a {
    border: 2px solid rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 16px;
    height: 47px;
    left: 50%;
    line-height: 44px;
    margin-left: -23.5px;
    margin-top: 29px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 20%;
	
    -webkit-transform: scale(2) rotatey(180deg);
    -moz-transform: scale(2) rotatey(180deg);
    -ms-transform: scale(2) rotatey(180deg);
    -o-transform: scale(2) rotatey(180deg);
    transform: scale(2) rotatey(180deg);
    
	-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;
	
    width: 47px;
}
.portfolio-box2 > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:45px;
}
.portfolio-box2:hover a {
    margin-top: 4px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 50%;
	
    -webkit-transform: scale(1) rotatey(0deg);
    -moz-transform: scale(1) rotatey(0deg);
    -ms-transform: scale(1) rotatey(0deg);
    -o-transform: scale(1) rotatey(0deg);
    transform: scale(1) rotatey(0deg);
}
.portfolio-head > h3 {
    color: #FFFFFF;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 14px 0 12px;
    text-align: center;
}
.portfolio-head > h3 a{
	color:#fff;
}
.portfolio-head > span {
    color: #dbdbdb;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-head > i {
    border: 3px solid rgba(255, 255, 255, 0.4);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: -16px;
    color: #FFFFFF;
    height: 32px;
    left: 50%;
    line-height: 27px;
    margin-left: -16px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 32px;
}
.portfolio-box2:hover .portfolio-head > i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

/* Portfolio 4 */
.portfolio-style4-sec {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-style4-sec > .row {
    float: left;
    margin: 0;
    width: 100%;
}
.portfolio-style4-sec > .row > div {
    float: left;
    width: 100%;
}
.portfolio-style4-sec > .row > div > .isotope-item {
    padding: 0;
}
.portfolio-style4 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-style4:before {
    background: none repeat scroll 0 0 rgba(21, 20, 20, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-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;
    -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;
	
    width: 50%;
}
.portfolio-style4:after {
    background: none repeat scroll 0 0 rgba(21, 20, 20, 0.8);
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    
	-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 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
	
    width: 50%;
}
.portfolio-style4:hover:before {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.portfolio-style4:hover:after {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.portfolio-style4 > img {
    float: left;
    width: 100%;
}
.portfolio-style4 > ul {
    left: 50%;
    list-style: none outside none;
    margin: -100px 0 0 -50px;
    opacity: 0;
    padding: 0;
    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;
    
	width: 100px;
    z-index: 999;
}
.portfolio-style4:hover > ul {
    margin-top: -65px;
    opacity: 1;
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.portfolio-style4 > ul > li {
    float: left;
}
.portfolio-style4 > ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    float: left;
    font-size: 15px;
    height: 41px;
    line-height: 41px;
    margin: 0 4px;
    text-align: center;
    
	-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;
	
    width: 41px;
}
.portfolio-style4 > ul > li > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:39px;
}
.portfolio-style4 > h3 {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 22px;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 30px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    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;
	
    white-space: nowrap;
    width: 100%;
    z-index: 99;
}
.portfolio-style4:hover > h3 {
    margin-top: -10px;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style4 > span {
    color: #c7c7c7;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    margin-top: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
	white-space: nowrap;
	padding: 0 30px;
    overflow: hidden;
	text-overflow: ellipsis;
	
	-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;
	
    width: 100%;
    z-index: 99999;
}
.portfolio-style4:hover > span {
    margin-top: 30px;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0.8s;
    -moz-transition: all 0.4s ease 0.8s;
    -ms-transition: all 0.4s ease 0.8s;
    -o-transition: all 0.4s ease 0.8s;
    transition: all 0.4s ease 0.8s;
}


/* Portfolio Style 5 */
.portfolio-style5-sec {
    float: left;
    width: 100%;
}
#options {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.option-isotop {
    float: left;
    width: 100%;
}
.option-set {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.option-set > li {
    float: left;
}
.option-set > li:first-child > a {
    padding-left: 0;
}

.option-set > li:first-child > a:before {
    display: none;
}
.option-set > li > a i {
    margin-right: 15px;
}
.portfolio-style5 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.option-set > li > a {
    border-right: 1px solid #696969;
    color: #696969;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 0 35px;
    position: relative;
}

.option-set > li > a:before {
    background: none repeat scroll 0 0 #e8ecec;
    bottom: -12px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    
	-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;
	
    width: 20px;
}
.portfolio-style5-box {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-style5-box:before {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.83);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    
	-webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
	
    width: 100%;
}
.portfolio-style5:hover > .portfolio-style5-box:before {
    top: 0;
}
ul.hover-btns {
    left: 50%;
    list-style: none outside none;
    margin: -19px 0 0 -55px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 90%;
    
	-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;
	
    width: 110px;
}
ul.hover-btns > li {
    float: left;
    margin: 0 8px;
}
ul.hover-btns > li > a {
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    
	-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;
	
    width: 38px;
}
ul.hover-btns > li > a > i{
	float:left;
	width:100%;
	line-height:38px;
}
.portfolio-style5:hover > .portfolio-style5-box > ul.hover-btns {
    opacity: 1;
    top: 50%;
    
	-webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
	
    -webkit-transition: all 0.6s ease 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    -ms-transition: all 0.6s ease 0.2s;
    -o-transition: all 0.6s ease 0.2s;
    transition: all 0.6s ease 0.2s;
}
.portfolio-carousal {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-bottom: 20px;
}
.portfolio-style5-sec > .row {
    margin: 0 -7px;
}
#portfolio-style5 > div {
    padding: 0 7px;
}
.portfolio-carousal li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
}
.portfolio-carousal li > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-carousal .owl-pagination {
    bottom: 20px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.portfolio-carousal .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cbcbcb;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: none;
	display:inline-flex;
    height: 7px;
    margin: 0 2px;
    
	-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;
	
    width: 7px;
}
.portfolio-carousal .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.portfolio-style5 > h3 {
    border-bottom: 1px solid #f5f5f5;
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0;
    padding-bottom: 10px;
    width: 100%;
}
.portfolio-style5 > h3 > a {
    color: #656565;
	float: left;
}
.portfolio-style5 > h3 > a > i {
    float: left;
    line-height: 25px;
    margin-right: 15px;
}
.portfolio-style5 > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}
.portfolio-style5-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}


/* Portfolio Style 6 */
.portfolio-style6-sec {
    float: left;
    width: 100%;
}
#portfolio-style6 {
    float: left;
    width: 100%;
}
.portfolio-style6 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style6-box {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.portfolio-style6-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-style6-box > span {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-size: 16px;
    height: 34px;
    left: 8px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 8px;

	-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;
	
    width: 48px;
}
.portfolio-style6:hover > .portfolio-style6-box > span {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.83);
    color: transparent;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.portfolio-style6-box > .hover-btns {
    top: 20%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    z-index: 999;
}
.portfolio-style6:hover .portfolio-style6-box > .hover-btns {
    opacity: 1;
    top: 50%;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.portfolio-style6 > h3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -6px 0 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style6 > h3 a{
	color: #656565;
}
.portfolio-style6 > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


/* Portfolio 8 */
.portfolio-style8-sec {
    float: left;
    width: 100%;
}
#portfolio-style8 {
    float: left;
    width: 100%;
}
.portfolio-style8 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style8-box {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.portfolio-style8-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.portfolio-style8-box > .hover-btns {
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.portfolio-style8-box:before {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
	
    -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;
	
    width: 100%;
}
.portfolio-style8:hover .portfolio-style8-box:before {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.portfolio-style8:hover .portfolio-style8-box > .hover-btns {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style8 > h3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style8 > h3 > a{
	color:#656565;
}
.portfolio-style8 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
	margin-bottom:10px;
}
.portfolio-style8 > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    padding: 8px 11px;
}
.portfolio-style8 > span {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 27px;
}

/* Portfolio 9 Style */
.portfolio-style9-sec {
    float: left;
    width: 100%;
}
#portfolio-style9 {
    float: left;
    width: 100%;
}
.portfolio-style9 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style9-box {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-style9-box:hover:before {
    top: 0;
}
.portfolio-style9-box:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
}
.portfolio-style9-box img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-style9-box > h3, .portfolio-carousal li > h3 {
    bottom: 0;
    color: #656565;
    font-family: roboto;
    font-size: 14px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 36px;
    margin: 0;
    padding: 22px 20px 4px;
    position: absolute;
    width: 100%;
	z-index: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;
}
.portfolio-style9:hover .portfolio-style9-box > h3:before {
    opacity: 0;
}
.portfolio-style9:hover .portfolio-style9-box > h3 {
    bottom: 50%;
    margin-bottom: -30px;
    text-align: center;
}
.portfolio-style9 ul.hover-btns {
    opacity: 0;
    top: 50%;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    z-index: 9999;
}
.portfolio-style9:hover ul.hover-btns {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	margin-top:-60px;
}
.portfolio-style9-box > h3 > a, .portfolio-carousal li > h3 > a {
    color: #656565;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style9-box > h3:before, .portfolio-carousal li > h3:before{
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.portfolio-style9-box > h3:before, .portfolio-carousal li > h3:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
    z-index: -1;
}
.portfolio-style9:hover .portfolio-style9-box > h3 {
    bottom: 50%;
}
.portfolio-style9 .portfolio-carousal .owl-pagination {
	bottom:auto;
	top:10px;
}
.portfolio-style9 .portfolio-carousal {
    margin: 0;
}

/* Inner Page Head */
.inner-head-sec {
    padding: 40px 0;
}
.inner-head-sec > .black:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.inner-head {
    float: left;
    width: 100%;
}
.inner-head h2 {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 53px;
    margin: 0 0 25px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.inner-title {
    float: left;
    width: 100%;
}
.breadcrumbs {
    display: table;
    float: none;
    margin: 0 auto;
}
.breadcrumbs > a {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0;
    padding-right: 40px;
	
    -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;
	
	position:relative;
}

.breadcrumbs > a:last-child:before {
    display: none;
}
.breadcrumbs > a:last-child {
    padding: 0;
}
.breadcrumbs > a:before {
    background: none repeat scroll 0 0 #777777;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "ï„…";
    font-family: fontawesome;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: 14px;
    text-align: center;
    top: 0;
    width: 17px;
}
.breadcrumbs > a:hover {
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.inner-title > span {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-top: -5px;
    width: 100%;
	 margin-bottom: 15px;
     text-align: center;
}

/* Our Office */
.our-office-sec {
    float: left;
    width: 100%;
}
#our-office {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#our-office > .tab-pane {
    float: left;
    width: %;
    position: relative;
}
#our-office > div > img {
    float: left;
    width: 100%;
}
.about-tab-desc {
    background: rgba(235,235,235,0.97);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50%;
    left: 2%;
    margin-bottom: 15px;
    position: absolute;
    
	-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;
	
    width: 96%;
    padding: 20px;
}

#our-office > .tab-pane.active > .about-tab-desc {
    bottom: 0;
}
.about-tab-desc > h3 {
    color: #434242;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: -8px 0 0;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 15px;
}
.about-tab-desc > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.about-tab-desc > ul > li > span {
    color: #353535;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    width: 100%;
}
.about-tab-desc > ul > li > span > i {
    margin-right: 10px;
	color: #777777;
}
.about-tab-desc > ul > li {
    float: left;
    list-style: none;
    margin-right: 30px;
}

.about-tab-desc > ul > li > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    font-size: 11px;
    color: #777777;
    letter-spacing: 0.30px;
    margin-left: 20px;
    margin-top: 6px;
    line-height: 9px;
    letter-spacing: 0.30px;
}
#our-office-thumb {
    border: medium none;
    float: left;
    padding: 0;
}
#our-office-thumb > li a > span {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 15px;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    z-index: 9;
}
#our-office-thumb > li a > img {
    float: left;
    width: 100%;
}
#our-office-thumb > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    margin: 0;
    position: relative;
}
#our-office-thumb > li a {
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
	
	-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;	
}

#our-office-thumb > li a:hover {
    opacity: 0.5;
	filter:alpha(opacity=50);
}
#our-office-thumb > li:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
    z-index: 9;
}

#our-office-thumb > li.active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}



/* Our Branches */
#branches {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.w-our-branches.branch-box > ul {
    float: left;
    padding: 0;
    width: 100%;
}
.w-our-branches.branch-box{
	margin-top:30px;
}
.w-our-branches.branch-box > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    padding: 0;
    width: 100%;
}
.w-our-branches.branch-box > ul > li:last-child {
    border: medium none;
}
.w-our-branches.branch-box > ul > li > p > strong {
    margin-bottom: 10px;
}
.w-our-branches.branch-box > ul > li > a {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > p {
    float: left;
    margin: 0;
    padding-right: 30px;
    width: 50%;
}
.w-our-branches {
    float: left;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    line-height: 10px;
    margin: 0 0 15px;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > a > span {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-our-branches > ul {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.w-our-branches ul li {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #E4E4E4;
    float: left;
    list-style: none outside none;
    padding: 24px 16px;
    width: 100%;
	border-bottom:rgba(0,0,0,0)
}
.w-our-branches > ul > li:last-child{
	border-bottom:1px solid #e4e4e4;
}
.w-our-branches li span {
    float: left;
    overflow: hidden;
    width: 100%;
	padding-right: 20px;

}
.w-our-branches > ul > li > a {
    float: left;
    width: 30%;
}
.w-our-branches li span img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-our-branches li p {
    color: #777777;
    display: block;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.35px;
    margin: 5px 0;
    padding-left: 25px;
    width: 70%;
    line-height: 14px;
    position: relative;
}
.w-our-branches li h6 {
    color: #00A0CA;
    display: block;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.35px;
    margin: 0 0 13px;
}
.w-our-branches li h6 i {
    color: #494848;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 12px;
    text-align: center;
    width: 8%;
}
.w-our-branches li p i {
    color: #777777;
    font-size: 14px;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 20px;
}
.w-our-branches li p > strong {
    color: #666666;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2px;
    width: 100%;
}


/* About Sec */
.about-sec {
    float: left;
    width: 100%;
}

.about-sec img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.about-sec h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 15px;
    width: 100%;
}
.about-sec p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 23px;
    width: 100%;
}
.about-sec a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 15px;
    padding: 12px 17px;
	
    -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;
}
.about-sec a:hover{
	color:#fff;
}
.our-project-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/* All Project */
#all-project-nav {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}

#all-project-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#all-project-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
#all-project-nav > ul > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 18px;
    position: relative;
    z-index: 0;
}
#all-project-nav > ul > li > a:before {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    
	-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;
	
    width: 100%;
    z-index: -1;
}
#all-project-nav > ul > li > a.active {
    color: #FFFFFF;
}
#all-project-nav > ul > li > a.active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	opacity:1;
	filter:alpha(opacity=100);
}
#all-project {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#all-project > div {
    float: left;
}
.all-projects {
    border: 1px solid #E1E7E7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.all-projects > img {
    float: left;
    width: 100%;
}
.all-projects:hover .all-project-desc {
    height: 100%;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.all-project-desc {
    bottom: 0;
    height: 25%;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
    z-index: 7;
}
.all-project-desc > h2 {
    bottom: 50%;
    color: #dfdddd;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    letter-spacing: 0.3px;
    margin-bottom: -27px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0 25px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.all-projects:hover .all-project-desc > h2 {
    bottom: 50%;
    margin-bottom: -68px;
}
.all-project-desc > h2 > a {
    color: #DFDDDD;
}
.col-md-3 .all-project-desc > h2 > a {
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.all-projects:before {
    background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
    bottom: 0;
    content: "";
    height: 25%;
    left: 0;
    position: absolute;
    width: 100%;
}
.all-project-desc > span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 100%;
}
.all-projects:hover .all-project-desc > span > img {
    margin-top: -80px;
    top: 50%;
	
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.all-project-desc > span > img {
    border: 2px solid rgba(255, 255, 255, 0.14);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
	width: 80px;
	height: 80px;
	
    left: 50%;
    margin-left: -40px;
    position: absolute;
    top: -40px;
	
    -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;
}
.all-projects:hover .all-project-desc > span > i {
    margin-top: 25px;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 50%;
    width: 100%;
}
.all-project-desc > span > i {
    color: #C1C1C1;
    font-family: roboto;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    right: 0;
    text-indent: 46px;
    top: 10px;
    
	-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;
	
    width: 50%;
	text-align: left;
}
.all-project-desc > a {
    border: 2px solid rgba(255, 255, 255, 0.14);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 14px;
    height: 35px;
    left: 50%;
    line-height: 33px;
    margin-left: -17.5px;
    margin-top: -17.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    
	-webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
	
    width: 35px;
}
.all-project-desc > a > i{
	float:left;
	width:100%;
	line-height:33px;
}
.all-projects:hover .all-project-desc > a {
    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);
}
.all-projects > i {
    background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
    height: 12.5%;
    left: 0;
    position: absolute;
    
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
	
}
.all-projects:hover > i {
    opacity: 1;
	filter:alpha(opacity=100);
}
.all-projects > i.box1 {
    bottom: 25%;
	
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.all-projects > i.box2 {
    bottom: 37.5%;
	
	-webkit-transition: all 0.3s ease 0.2s;
	-moz-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
}
.all-projects > i.box3 {
    bottom: 50%;
	
	-webkit-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	-ms-transition: all 0.3s ease 0.3s;
	-o-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
}
.all-projects > i.box4 {
    bottom: 62.5%;
	
	-webkit-transition: all 0.3s ease 0.4s;
	-moz-transition: all 0.3s ease 0.4s;
	-ms-transition: all 0.3s ease 0.4s;
	-o-transition: all 0.3s ease 0.4s;
	transition: all 0.3s ease 0.4s;
}
.all-projects > i.box5 {
    bottom: 75%;
	
	-webkit-transition: all 0.3s ease 0.5s;
	-moz-transition: all 0.3s ease 0.5s;
	-ms-transition: all 0.3s ease 0.5s;
	-o-transition: all 0.3s ease 0.5s;
	transition: all 0.3s ease 0.5s;
}
.all-projects > i.box6 {
    bottom: 87.5%;
	
	-webkit-transition: all 0.3s ease 0.6s;
	-moz-transition: all 0.3s ease 0.6s;
	-ms-transition: all 0.3s ease 0.6s;
	-o-transition: all 0.3s ease 0.6s;
	transition: all 0.3s ease 0.6s;
}



/* Pagination */
.c-pagination {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 70px;
    overflow: hidden;
    padding: 19px 0;
    position: relative;
    width: 100%;
	
	background-image: url("../images/resource/sec-bg9.jpg");	
}
.c-pagination .fixed-img {
    display: none;
}
.c-pagination > .container {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}
.pagination {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    position: relative;
    z-index: 9;	
}
.pagination > ul > li > a.active {
    color: #FFFFFF;
}
.pagination > a#prev {
    left: 20px;
    position: absolute;
    top: 1px;
}
.pagination > a#next {
    right: 20px;
    position: absolute;
    top: 1px;
}
.pagination > a {
    background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fafafa;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 10px 20px;
    position: relative;
	border:1px solid rgba(236,236,236,0.6);
}
.pagination > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.pagination > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}
.pagination > ul > li > a {
    background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fafafa;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 400;
    height: 32px;
    line-height: 28px;
    text-align: center;
    
	-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;
	
	border:1px solid rgba(236,236,236,0.6);
	
    width: 32px;
}
.c-pagination .black:before {
    opacity: 0;
	filter:alpha(opacity=0);
}	
.pagination > ul > li > a:hover {
    color: #FFFFFF;
}
.pagination > a > i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 11px;
    height: 13px;
    line-height: 11px;
    position: absolute;
    text-align: center;
    width: 13px;
}
.pagination > a#next > i {
    right: -6px;
}
.pagination > a#prev > i {
    left: -6px;
}

/* Related Project */
#related-project {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.related-project {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.related-thumb {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.related-project:hover .related-thumb:before {
    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);
}
.related-thumb:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
}
.related-thumb > img {
    float: left;
    width: 100%;
	height: auto;
}
.related-thumb > span {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5px;
    color: #ffffff;
    font-family: roboto;
    font-size: 11px;
    line-height: 12px;
    padding: 10px;
    position: absolute;
    right: 5px;
    text-align: center;
	
    -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;
}
.related-project:hover .related-thumb > span {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.related-thumb > span > i {
    float: left;
    font-style: normal;
    width: 100%;
}
.related-thumb > a {
    color: #404040;
    font-size: 16px;
    left: 50%;
    margin-left: -10px;
    margin-top: -7px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
	
    -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;
}
.related-project:hover .related-thumb > a {
    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);
}
.related-project > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 10px 0;
    width: 100%;
}
.related-project > h3 > a {
    color: #666;
}
.related-project > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -6px 0 0;
    width: 100%;
}

/* Inner Left Sec */
.inner-left {
    float: left;
    width: 100%;
}


/* Post */
.post {
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}

.post-metas {
    float: left;
    width: 100%;
    overflow: hidden;
}
.post-metas iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    
	float: left;
    height: 200px;
    width: 100%;
}
.post-metas > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 5px;
}
.post-metas > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
}

.post-metas > ul > li > a {    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 8px;
    padding: 7px 10px;
}
.post-metas > ul > li > a > i {
    font-size: 13px;
    margin-right: 5px;
}
.post-metas > ul > li:last-child {
    margin: 0;
}
.post-metas > div {
    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;
	
    overflow: hidden;
}

.single-post .post-metas > div:before {
    display: none;
}

.single-post .post-metas > div:after {
    display: none;
}
.single-post .post-metas > div a {
    display: none;
}
.post-metas > div > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	height: auto;
}
.post-desc {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.one-column .post-desc {
    margin: 0;
}
.one-column .post-desc > h2 {
    margin: 20px 0 10px;
}

.one-column .post-desc > p {
    margin-bottom: 20px;
}
.post-desc > h2 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 20px;
    width: 100%;
}
.post-desc > h2 > a {
    color: #666;
	
    -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;
}
.post-desc > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
.post-desc > a {
    background: #fff;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 10px 15px;
    
	-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;
	
    border: 1px solid #e8ecec;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.post-desc > a:hover{
	color:#fff;
}
/* Single Post */
.meta-tags {
    float: left;
    margin: -10px 0 0;
    padding: 0;
    width: 50% !important;
}
.meta-tags > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    margin-top: 10px;
}
.meta-tags > li > i {
    color: #282828;
    float: left;
    font-size: 15px;
    line-height: 32px;
    margin-right: 10px;
}
.meta-tags > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 9px;
    padding: 10px;
	
    -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;
}
.meta-tags > li > a:hover {
    color: #FFFFFF;
}
.post-social {
    float: right !important;
    margin: 0;
    padding: 0;
    width: auto !important;
}
.post-social > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
.post-social > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 33px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    
	-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;
	
    width: 35px;
}
.post-social > li > a:hover {
    color: #FFFFFF;
}
.post-social > li > a > i {
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
.post-social > li:last-child {
    margin-right: 0;
}
/* Comment Sec */
.comment-sec {
    float: left;
    margin-top: 70px;
    width: 100%;
}
#comment {
    float: left;
    width: 100%;
}
#comment > ul {
    float: left;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
#comment > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
    width: 100%;
}
.comment {
    float: left;
    width: 100%;
}
.comment-avatar {
    float: left;
    margin-right: 30px;
    width: 87px;
}
.comment-avatar > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
.comment-avatar > span > img {
    float: left;
    width: 100%;
}
.comment-avatar > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 5px 10px;
}
.user-comment {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #E1E1E1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    padding: 40px;
    position: relative;
    width: 86%;
}
.user-comment > a {
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;	
}
.user-comment > a > i {
    color: #666666;
    font-family: roboto;
    font-size: 11px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-left: 10px;
}
.user-comment > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    width: 100%;
}
#comment > ul > li > ul {
    float: left;
    padding-left: 119px;
    width: 100%;
}
#comment > ul > li > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#comment > ul > li > ul > li > .comment > .user-comment {
    width: 84%;
}
#comment > ul > li > ul > li > ul {
    float: left;
    padding-left: 119px;
    width: 100%;
	margin-top: 30px;
}
#comment > ul > li > ul > li > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#comment > ul > li > ul > li > ul > li .comment > .user-comment {
    width: 81%;
}
.reply {
    background: none repeat scroll 0 0 #F9F9F9;
}

.reply:before {
    background: none repeat scroll 0 0 #F9F9F9;
    border-right: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -6px;
    
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	
    width: 10px;
}

/* About the AUthor */
.author-post-sec {
    border-bottom: 1px dashed #C8C8C8;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    border-top: 1px dashed #C8C8C8;
    float: left;
    margin-bottom: 50px;
    margin-top: 50px;
    overflow: hidden;
    padding: 35px;
    position: relative;
    width: 100%;
}
.author-post {
    float: left;
    position: relative;
    width: 100%;
    z-index: 9;
}
.author-post > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 35px;
    overflow: hidden;
}
.author-post > span > img {
    float: left;
    width: 100%;
}
.author-post > a {
    color: #666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.author-post > a > i {
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}
.author-post > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
#related-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.single-project-sec {
    float: left;
    position: relative;
    width: 100%;
}



/* Sidebar */
.s-related-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

/* Sidebar Flicr Widget */
.s-flicr-widget{
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.s-flicr-widget a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.s-flicr-widget a:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
}
.s-flicr-widget a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.s-flicr-widget a:before {
    color: #FFFFFF;
    content: "�";
    font-family: FontAwesome;
    left: 50%;
    margin-left: -6px;
    margin-top: -8px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
    z-index: 1;
}
.s-flicr-widget > .row {
    float: left;
    margin-top: -20px;
    padding: 0 5px;
}
.s-flicr-widget a:hover:before {
    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);
}

.s-flicr-widget a > img {
    float: left;
    width: 100%;
}
.s-flicr-widget > .row > div {
    padding: 0 10px;
}

/* Sidebar Categories Widget */
.s-category-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.s-category-widget > ul {
    float: left;
    margin: -15px 0 0;
    padding: 0;
    width: 100%;
}
.s-category-widget > ul > li {
    border-bottom: 1px solid #E4E4E4;
    float: left;
    list-style: none outside none;
    width: 100%;
}
.s-category-widget > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 18px;
    padding: 15px 0;
    position: relative;
	
    -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;
	
    width: 100%;
}
.s-category-widget > ul > li > a > i {
    color: #888;
    float: left;
    font-size: 18px;
    margin-right: 20px;
    margin-top: 1px;
	
    -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;
}
.s-category-widget > ul > li > a:hover > i {
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}
.s-category-widget > ul > li > a > span {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    line-height: 10px;
    padding: 7px 6px;
    position: absolute;
    right: 0;
}

/* Sidebar Testimonial */
.s-testimonial {
    margin-bottom: 30px;
}


/* Sidebar Twitter Widget  */
.s-twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget {
    background-image: url("../images/resource/twitter-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
	
    float: left;
    padding: 20px;
    width: 100%;
}
.twitter-widget > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.twitter-widget > ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.twitter-widget > ul li > p {
    color: #414040;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    width: 100%;
}
.twitter-widget > ul li > a {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
}
.twitter-widget > ul li > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: lighter;
    line-height: 10px;
    margin-bottom: 110px;
    width: 100%;
}
.twitter-widget > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 5px 10px;
}


/* Widget Top Faq */
.s-faq-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.w-top-faq {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-top-faq > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-top-faq > ul > li {
    -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    width: 100%;
	padding: 15px;
}
.w-top-faq > ul  > li:last-child {
    margin: 0;
}
.w-top-faq > ul > li > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #777777;
    float: left;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-top: 7px;
}
.w-top-faq > ul > li > a {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0;
}
.w-top-faq > ul > li > span {
    float: left;
    padding-left: 20px;
    width: 100%;
}

/* Widget Support Team */
.s-support-team {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.support-team-sec .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: 41px;
    width: 100%;
}
.support-team-sec {
    float: left;
    position: relative;
    width: 100%;
}
.support-team {
    float: left;
    position: relative;
    width: 100%;
}
.support-team-sec .owl-buttons .owl-prev {
    left: 0;
    margin: 0;
    position: absolute;
}
.support-team-sec .owl-buttons .owl-next {
    right: 0;
    margin: 0;
    position: absolute;
}
.support-team > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    margin: 0 auto;
    overflow: hidden;
}
.support-team > span > img {
    float: left;
    width: 100%;
}
.support-team > ul {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 15px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.support-team > ul > li {
    border-bottom: 1px solid #e8ecec;
 
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    padding: 15px 0 15px 15px;
    width: 100%;
}
.support-team > ul > li:last-child {
    border: medium none;
}
.support-team > ul:before {
    background: none repeat scroll 0 0 #FFFFFF;

	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 0;
}
.support-team > ul > li > span {
    display: inline;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
	color: #666666;
}
.support-team > ul > li > i {
    float: left;
    line-height: 20px;
    margin-right: 26px;
    position: relative;
    text-align: center;
    width: 23px;
	color: #666666;
}
.support-team > ul > li > span > i {
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}




/* Widhet Get Help */
.w-get-help {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-get-help > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-get-help > ul > li {
    border-bottom: 1px solid #E8ECEC;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    padding: 15px;
    width: 100%;
}
.w-get-help ul li:last-child {
    margin: 0;
	border-bottom:0;
}
.w-get-help ul li span {
    border: 3px solid #666;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    line-height: 14px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}
.w-get-help > ul > li:hover span {
    border-color: #E96353;
    color: #E96353;
}
.w-get-help > ul > li:hover h3 {
    color: #E96353;
}
.w-get-help ul li p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
}
.w-get-help ul li > i {
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    text-decoration: underline;
}
.w-get-help ul li p i {
    font-style: normal;
    text-decoration: underline;
}
.w-get-help ul li h3 {
    color: #666666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 0;
}
.w-get-help > ul > li ul {
    float: left;
    margin-top: 30px;
    padding: 0;
    width: 100%;
}
.w-get-help > ul > li ul li {
    float: left;
    list-style: none outside none;
    margin-bottom: 15px;
    width: 100%;
}
.w-get-help > ul > li ul li i {
    color: #888;
    float: left;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 25px;
    text-align: center;
    text-decoration: none;
    width: 10%;
}
.w-get-help > ul > li ul li p {
    display: block;
    float: none;
    line-height: 12px;
    margin: 0;
    width: auto;
}

/* Find A Place or Job */
.find-a-job {
    float: left;
    width: 100%;
}
.find-a-job > form {
    float: left;
    width: 50%;
}
.find-a-job > form#job {
    margin-right: 30px;
    width: 45%;
}
.find-a-job > form#place {
    width: 52%;
}
.find-a-job > form#place > input {
    margin-right: 30px;
    width: 86%;
}
.find-a-job > form#place > a {
    border: 2px solid rgba(255, 255, 255, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    height: 50px;
    line-height: 43px;
    text-align: center;
    width: 53px;
}
.find-a-job > form > label {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}
.find-a-job > form > input {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #9B9B9B;
    float: left;
    font-family: roboto;
    font-size: 15px;
    padding: 14px 30px;
    width: 100%;
}
#latest-job-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}

/* FAQ */
.about-desc > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* History Page */
.history-box-sec:hover .history-box {
    background-position: right 0 bottom -200px;
}
.history-box {
    background-image: url("../images/resource/history.png");
    background-position: right -220px bottom -200px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: -40px;
    overflow: hidden;
    padding: 100px 0;
    position: relative;
	
    -webkit-transition: all 10s ease 0s;
    -moz-transition: all 10s ease 0s;
    -ms-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
	z-index: 0;
}
.history-box-sec {
    float: left;
    margin-right: 30px;
    position: relative;
    width: 270px;
	margin-bottom: 50px;
}
.history-box:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.history-head {
    background: none repeat scroll 0 0 #CECECE;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 200px;
    line-height: 200px;
    margin: 0 auto -100px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 2147483647;
	
	-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;
}
.history-head > span {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 160px;
    position: relative;
    width: 160px;
    z-index: 2147483647;
}
.history-head > span > i.in {
    color: #CECECE;
    float: left;
    font-family: FontAwesome;
    font-size: 63px;
    height: 100%;
    left: 0;
    line-height: 160px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: absolute;
    text-align: center;
    top: 0;
	
    -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;
	
    width: 100%;
}
.history-head > span > i {
    font-family: roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: bold;
    height: 10%;
    left: 0;
    line-height: 160px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
	
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    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;
}
.history-box-sec:hover .history-head > span > i.in {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.history-box-sec:hover .history-head > span > 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);
}
.history-date {
    float: left;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    width: 100%;
}
.history-date > h3 {
    font-family: roboto;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 58px;
    margin: 0;
    position: absolute;
    text-align: center;
	
    -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;
	
	color: #666666;
	
    width: 100%;
}
.history-date > i {
    color: #888;
    font-size: 63px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -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;
	
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
}
.history-box-sec:hover .history-date > h3 {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.history-box-sec:hover .history-date > 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);
}
.history-box > h4 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 38px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.history-box > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0 0 5px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.history-box-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #CECECE;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 80px;
    margin: 0 auto;
    position: relative;
    
	-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;
	
    width: 80px;
    z-index: 2147483647;
}
.history-box-sec > a > i {
    color: #555555;
    float: left;
    font-size: 22px;
    line-height: 68px;
    text-align: center;
    width: 100%;
}
#content_1 .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 #B6B4B5;
}
#content_1 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
#content_1 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 10px;
    margin: 3px auto;
    width: 100%;
}


/* Gallery 1 */
.gallery {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.gallery-sec {
    float: left;
    margin-top: -40px;
    width: 100%;
}
.gallery-hover {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.gallery-hover:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 50%;
}
.gallery-hover:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    right: -50%;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 50%;
}
.gallery-hover > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;

    height: auto;
}
.gallery:hover .gallery-hover:before {
    left: 50%;
}
.gallery:hover .gallery-hover:after {
    right:50%;
}
.gallery:hover .gallery-hover > a {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
	
	opacity:1;
	filter:alpha(opacity=100);
}
.gallery-hover > a {
    color: #FFFFFF;
    font-size: 30px;
    left: 50%;
	margin-left: -15px;
	margin-top: -22px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    
	-webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
	
    z-index: 9999;
}
.gallery > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.gallery > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.gallery > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
}
.gallery > ul > li > a {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 7px 10px;
}
.gallery > ul > li > a > i {
    font-size: 13px;
    margin-right: 5px;
}


/* Job Map */
.job-map {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
.job-map > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 30px;
    width: 100%;
}
.job-map > iframe {
    border: medium none;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 300px;
    width: 100%;
	 margin-bottom: 30px;
}

/* Job Description */
.job-desc {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
.job-desc > .w-top-faq {
    border: medium none;
    padding: 0;
}
.job-desc > .w-top-faq > ul > li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 15px 0;
}

/* Job Skills */
.job-skills-sec {
    float: left;
    width: 100%;
}
.job-skills {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.job-skills > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    width: 100%;
}
.job-skills > li:last-child {
    margin: 0;
}
.job-skills > li > i {
    color: #777777;
    float: left;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 12px;
    margin-right: 20px;
}
.job-skills > li > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
.job-skills-sec > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 30px;
    padding: 15px 20px;
}




/* Project */
.project {
    float: left;
    width: 100%;
}
.project-info-box > span.light {
    width: 55%;
}
.project img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.project-info-box {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 7px;
    overflow: hidden;
    width: 100%;
}
.project-info-box > .dark:before {
    display: none;
}
.project-info-box > span {
    float: left;
    line-height: 10px;
    padding: 22px 15px;
    width: 45%;
}
.project-info-box > span.dark {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #E8ECEC;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #666666;
    font-family: roboto;
    font-size: 13px;
}
.project-info-box > span.dark > i {
    margin-right: 5px;
	font-size:16px;
}
.project-info-box > span.light {
    background: none repeat scroll 0 0 #F9F9F9;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 17px;
}
.countdown-project {
    background: none repeat scroll 0 0 #F5F5F5;
    float: right;
    padding: 14px 0 28px 7px;
    width: 55%;
}
.countdown-project  > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 10px;
    position: relative;
}
.countdown-project  > span:before {
    color: #525252;
    content: "";
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    left: 0;
    letter-spacing: 0.3px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
    width: 100%;
}
.countdown-project  > span.hours:before {
    content: "Days";
}
.countdown-project  > span.minutes:before {
    content: "Mint";
}
.countdown-project  > span.seconds:before {
    content: "Sec";
}
.project p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 25px;
    width: 100%;
}

/* Price Table */
.price-table-sec {
    float: left;
    width: 100%;
}
.price-table-sec > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.price-table-sec > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.price-table-sec > ul > li.price-head {
    background: none repeat scroll 0 0 padding-box content-box #8B8998;
    border: 10px solid #FFFFFF;
	
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    display: table;
    float: none;
    height: 190px;
    margin: 0 auto -95px;
    position: relative;
    width: 190px;
    z-index: 9;
	
	-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;
}
.price-head > h2 {
    color: #F5F5F5;
    float: left;
    font-family: roboto;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 38px 0 0;
    text-align: center;
    width: 100%;
}
.price-head > h2 > i {
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
}
.price-head > i {
    color: #F5F5F5;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: center;
    width: 100%;
}
.price-category > h3 {
    background: none repeat scroll 0 0 #353342;
    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    padding: 130px 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.price-features > i {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    font-size: 19px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    text-align: center;
    width: 45px;
}
.price-features > p {
    color: #F5F5F5;
    display: block;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0;
    text-align: center;
}
.price-features {
    background: none repeat scroll 0 0 #353342;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 25px 0;
}
.price-table-sec .sign-up > a {
    background: none repeat scroll 0 0 #414554;
    
	-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;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    text-transform: uppercase;
    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;	
}

/* Single History */
.single-history-sec {
    float: left;
    width: 100%;
}
.single-history-sec > span {
    float: left;
    width: 100%;
}
.single-history-sec > span > i {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 5px 20px;
}
.single-history-sec > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 30px;
}
.single-history-sec > h3 {
    color: #666666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.single-history-sec > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
}
.single-history-sec > p > i {
    font-size: 28px;
    font-style: normal;
}
#history-map iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 300px;
    width: 100%;
}

/* Contact Sec */
.leave-reply {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.comment-form p.form-allowed-tags {
    padding: 0;
}
.single-post .post-metas iframe {
    height: 500px;
}
.no-image .row > div {
    float: left;
    width: 100%;
}
.no-image .post-desc {
    margin: 0;
}
.post-desc img[title="Image Alignment 1200x400"] {
    float: left;
    width: 100%;
}
.comment-form p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 16px;
    padding: 0 15px;
    width: 100%;
}
.comment-form p code {
    float: left;
    margin-top: 11px;
    white-space: normal;
    width: 100%;
}
.leave-reply > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
#contact {
    float: left;
    width: 100%;
}
#contact #message {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
#contact #message .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#contact #message .alert-success {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 30px;
    width: 100%;
}
#contact #message .alert-success > h1 {
    float: left;
    font-family: lato;
    font-size: 22px;
    margin: 0 0 7px;
    width: 100%;
}
#contact #message .alert-success > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}
.contact-sec {
    float: left;
    width: 100%;
}
.contact-sec > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 0;
    width: 100%;
}
.contact-sec > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-bottom: 40px;
    margin-right: 30px;
    margin-top: 40px;
}
.contact-sec > span > i {
   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    text-align: center;
    width: 28px;
}
.contact-sec > iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 400px;
    width: 100%;
	margin-bottom:40px;
}

#contact span.required{ 
	font-size: 13px; 
	color: #ff0000; 
} /* Select the colour of the * if the field is required. */

#message {
    float: left;
    margin: 10px 0;
    width: 100%;
}

.error_message {
    background: url("assets/error.gif") no-repeat scroll 10px center #FBE3E4;
    border: 1px solid #FBC2C4;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #8A1F11 !important;
    display: block;
    float: left;
    height: 43px;
    line-height: 22px;
    padding: 9px 42px;
    width: 100%;
	
	margin-bottom: 10px;
}
.error_message p{
    color: #8A1F11 !important;
}
.loader { 
	padding: 0 10px; 
}

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

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



/* Event Sec */
#event-count-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.event-count {
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.event-count > div {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	margin-bottom:25px;
}

.event-count > div:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    height: 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;
    
	bottom: -80%;
}

.event-count:hover > div:before {
    bottom: 0;
}
.event-count > div > h3 {
    bottom: 0;
    color: #ffffff;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 10px 30px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.event-count > div > a {
    background: none repeat scroll 0 0 rgba(248, 248, 248, 0.1);
    border: 1px solid rgba(248, 248, 248, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FAFAFA;
    height: 38px;
    left: 50%;
    line-height: 37px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-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;
	
    width: 38px;
    z-index: 1222;
	
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	
	opacity:0;
	filter:alpha(opacity=0);
}
.event-count > div > a > i{
	float:left;
	width:100%;
	line-height:37px;
}
.event-count > div > a:hover {
    background: #fafafa;
}
.event-count:hover > div > a {
    margin-top: 0;
    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);
}
.event-count:hover > div > h3 {
    bottom: 50%;
}
.event-count > div > h3 > a{
    color: #FFFFFF;
}
.event-count > div > img {
    float: left;
    width: 100%;
}
.event-count > ul {
    float: left;
    margin-bottom: 22px;
    padding: 0;
    width: 100%;
}
.event-count ul > li {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    padding: 15px;
    width: 20%;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.event-count ul > li > span {
    float: left;
    font-family: roboto;
    font-size: 22px;
    text-align: center;
    width: 100%;
    letter-spacing: 0.30px;
	color:#666666;
}
.event-count ul > li > p {
    color: #777;
    font-family: roboto;
    font-size: 11px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.event-count  ul > li:last-child {
    margin: 0;
}
.event-count > span {
    color: #7a7a7a;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}
.event-count > span > i {
    font-size: 14px;
    margin-right: 10px;
}
.event-count > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-top: 10px;
	text-align:center;
}
.seconds_ref {
    width: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 100%;
}
.event-count > p > i {
    margin-right: 15px;
}
.event-count > h3 {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    width: 100%;
    margin-bottom: 18px;
}
.event-count.with-aside > ul > li > span {
    font-size: 15px;
}
.event-count.with-aside > ul > li {
    margin-right: 5%;
    padding: 4px 5px;
    width: 21%;
}
.event-count.with-aside > ul > li:last-child {
    margin: 0;
}
.event-count ul > li > p {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Buy a Ticket */
.buy-a-ticket > a{
	border: 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 17px;
    
	-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;
	
	display:table;
}
.buy-a-ticket {
    float: left;
    width: 100%;
}
.buy-a-ticket > h3 {
    text-align: center;
}
.buy-a-ticket > p {
    text-align: center;
	margin-bottom:20px;
}
.buy-a-ticket > a:hover {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #FAFAFA;
    color: #333333;
}

/* Promotional Video */
.promote-video {
    float: left;
    width: 100%;
}
.promote-video object {
    float: left;
}  
.promote-video object embed {
    float: left;
    height: 315px;
    width: 100%;
}
.promote-video h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: 12px 0 9px;
    width: 100%;
}
.promote-video p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.promote-video > .row > div > span {
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin-right: 30px;
    text-transform: uppercase;
}
.promote-video > .row > div > span > i {
    margin-right: 10px;
}



/* Event Single */
.event-single {
    float: left;
    width: 100%;
}
.event-single .post-social {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}
.event-single-img {
    float: left;
    position: relative;
    width: 100%;
}
.event-single-img > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.event-single-img > .event-count {
    bottom: 0;
    left: 50%;
    margin-left: -25%;
    position: absolute;
    width: 50%;
}
.event-single-img > .event-count > ul > li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
}
.event-single > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 20px 0;
    width: 100%;
}
.event-single > ul {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
}
.event-single > ul > li {
    display: block;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.event-single > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 7px 0 15px;
    width: 100%;
}
.event-single > ul > li > i {
    font-size: 15px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}


/* Error Page */
.error-sec {
    padding-bottom: 0;
}
.error-page {
    float: left;
    padding-bottom: 130px;
    position: relative;
    width: 100%;
}

.error-page > .error-footer {
    bottom: 0;
    content: "";
    height: 130px;
    left: 0;
    position: absolute;
    width: 100%;
}
.error-page > .error-footer:before {
    background-image: url("../images/circle.png");
    background-repeat: repeat-x;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.error-page > h1 {
    display: table;
    float: none;
    margin: 0 auto 40px;
    width: auto;
}
.error-page > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 30px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.error-page > h3 {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 0 60px;
    text-align: center;
    width: 100%;
}

.error-page > form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	
    display: table;
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.error-page > form > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 35px;
    padding: 0 14px;
    width: 300px;
}
.error-page > form > i {
    color: #BEBEBE;
    float: right;
    font-size: 16px;
    padding: 8px 12px;
}
.error-page > ul {
    display: table;
    float: none;
    margin: 30px auto 70px;
    padding: 0;
}
.error-page > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 15px;
}
.error-page > ul > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 20px;
}

/* Signup Form */
.register-sec {
    background-image: url("../images/resource/signup-bg.jpg");
    background-size: 100% 100%;
    background-attachment: fixed;
}
.register-form {
    background: none repeat scroll 0 0 rgba(247, 247, 247, 0.8);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    position: relative;
    width: 100%;
	padding:25px;
}
.register-form:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -24px;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 100%;
}
.register-form h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 18px;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.register-form  form .fields {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #C8C8C8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;
}
.register-form  form .fields  > i {
    color: #ABABAB;
    float: left;
    font-size: 15px;
    line-height: 48px;
    margin-right: 20px;
}
.register-form  form .fields  > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 46px;
    letter-spacing: 0.3px;
    width: 80%;
}
.register-form > .row > div > p {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.register-form .row > p {
    color: red;
    float: left;
    text-align: center;
    width: 100%;
}
.register-form > .row > div > p > label {
    color: #8B8B8B;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 1px 0 0 15px;
}
.submit-form {
    background-color: rgba(247, 247, 247, 0.8);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 15px;
    width: 100%;
}
.submit-form > input {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 10px 90px;
}
.submit-form > p {
    color: #8B8B8B;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 15px auto 0;
    text-align: center;
    width: 70%;
}
.submit-form > p > i {
    font-style: normal;
}


/* Widget Employe Of The Month 2 */
#w-employe-month2 {
    border: 1px solid #E4E4E4;
    float: left;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 100%;
}
#w-employe-month2 .owl-controls {
    float: left;
    width: 100%;
    z-index: 999;
}
#w-employe-month2 .owl-pagination {
    float: right;
    z-index: 99999996;
}
#w-employe-month2 .owl-page {
    background: none repeat scroll 0 0 #B1B1B1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 4px;
    margin-right: 10px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    width: 6px;
    z-index: 2147483647;
}
.w-employe-month2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.w-employe-skills {
    float: left;
    width: 100%;
}
.w-employe-skills > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 5%;
    overflow: hidden;
    width: 45%;
}
.w-employe-skills > span img {
    float: left;
    width: 100%;
}
.w-employe-skills .progress {
    background: none repeat scroll 0 0 #A7A7A7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    -o-box-shadow: 0 0;
    box-shadow: 0 0;
	
    float: right;
    height: 8px;
    margin-bottom: 13px;
    width: 50%;
}
.w-employe-skills .progress .progress-bar {
    float: left;
}
.w-employe-month2 > h3 {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 13px;
    margin: 10px 0 20px;
    width: 100%;
}
.w-employe-month2 > h3 i {
    font-style: normal;
    font-weight: 600;
}
.w-employe-month2 > p {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
}
.w-employe-skills > p {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 9px;
    margin: 0 0 8px;
    width: 50%;
}


/* Widget News Letter */
.w-news-letter {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    padding: 15px;
    width: 100%;
}
.w-news-letter > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 0 0 30px;
    width: 100%;
}
.w-news-letter form {
    float: left;
    width: 100%;
}
.w-news-letter form > input {
    background: none repeat scroll 0 0 #F4F3F3;
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    padding: 15px 10px 15px 30px;
    text-transform: uppercase;
    width: 100%;
}
.w-news-letter form .submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 7px 19px;
    width: auto;
}
.w-news-letter form > p {
    margin-bottom: 10px;
}
input.w-news-letter[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

input.w-news-letter[type="checkbox"] + label {
    color: #777777;
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 27px;
    padding-left: 50px;
    position: relative;
}


input.w-news-letter[type="checkbox"] + label:before {
    background: none repeat scroll 0 0 #F0F0F0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 26px;
}

input.w-news-letter[type="checkbox"] + label:after {
    color: #5C5A5A;
    font-size: 14px;
    left: 8px;
    position: absolute;
    top: -2px;
}

input.w-news-letter[type="checkbox"]:checked + label:after {
  content: '✔';
}

input.w-news-letter[type="checkbox"]:disabled + label:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  
  border-color: #bbb;
  background-color: #ddd;
}

input.w-news-letter[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

input.w-news-letter[type="checkbox"]:disabled + label {
  color: #aaa;
}



/* Widget Our Ceo */

.w-ceo {
    float: left;
    width: 100%;
}
.w-ceo > img {
    border: 3px solid #E7E4E3;
    
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
	
    display: table;
    float: none;
    margin: 0 auto;
	
	height: 100px;
    width: 100px;
}
.w-ceo > h5 {
    float: left;
    font-family: Raleway;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 25px 0;
    padding: 0 10px;
    text-align: center;
    width: 100%;
}
.w-ceo > p {
    border-bottom: 2px solid #DFDFDF;
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 25px;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    width: 100%;
}

.w-ceo > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: -1px;
    top: -30px;
    width: 67px;
}

/* Features Parallax */
#features-parallax img {
    float: left;
    margin-bottom: -80px;
}
.features-parallex {
    float: left;
    width: 100%;
    padding: 0;
    margin: 30px 0 0;
}
.features-parallex > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 29px;
    width: 100%;
    position: relative;
}

.features-parallex > li:before {
    position: absolute;
    left: 2px;
    top: 32px;
    width: 0%;
    height: 1px;
    content: "";
	
	opacity: 0;
	filter:alpha(opacity=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;
}
.features-parallex > li:hover:before {
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
	
	opacity: 1;
	filter:alpha(opacity=100);
}
.features-parallex > li:last-child {
    margin: 0;
}
.features-parallex > li > span {
    border: 1px solid #848c91;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #F0F0F0;
    float: left;
    font-size: 30px;
    height: 83px;
    line-height: 83px;
    margin-right: 20px;
    text-align: center;
    width: 83px;
	
	-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;
	
	text-shadow: 3px 0 2px rgba(0, 0, 0, 0.16);
}
.features-parallex > li:hover span {
    color: #FFFFFF;
	
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	
	background: rgba(255,255,255,0.96);
	border-color:rgba(255,255,255,0.96);
}
.features-parallex > li > h3 {
    color: #FFFFFF;
    display: block;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 8px 0 5px;
	
	-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;
	
	text-transform: uppercase;
}
.features-parallex > li > p {
    color: #bcbbbb;
    display: block;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
	
	-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;	
}
.features-parallex > li:hover > h3 {
    margin-top: 0;
}
.features-parallex > li:hover > p {
    margin-top: 13px;
    margin-bottom: 0;
}


/* Video Parallax */
.video-paralax {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.video-paralax > a {
    border: 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 15px 17px;
	
    -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;
}

.video-paralax > a:hover {
    background: #fafafa;
    border-color: #fafafa;
    color: #333;
}
.video-frame {
    float: left;
    position: relative;
    width: 100%;
}
.video-frame:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -17px;
    content: "";
    height: 17px;
    left: 0;
    position: absolute;
    width: 100%;
}
.video-frame > iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	height:321px;
	
	border: none;
}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  outline:none;
}


/* Shop Category Sec */
.shop-categories-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.shop-ctgry-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e8ecec;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.shop-ctgry-box > div {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.shop-ctgry-box:hover > div > img {
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg);
}
.shop-ctgry-box > div > img {
    float: left;
    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;
	
    z-index: 0;
}
.shop-ctgry-box > div:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;

    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0) rotate(90deg);
    -moz-transform: scale(0) rotate(90deg);
    -ms-transform: scale(0) rotate(90deg);
    -o-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
	
    -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;
	
    width: 100%;
	z-index: 2;
}
.shop-ctgry-box:hover > div:before {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.shop-ctgry-box > div > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    font-family: roboto;
    font-size: 13px;
    left: 50%;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-left: -45px;
    margin-top: -12px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 12px 15px;
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
	z-index: 3;
}
.shop-ctgry-box:hover > div > a {
    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);
}
.shop-ctgry-box > ul {
    margin: 0;
    padding: 0;
    padding: 20px;
    float: left;
}
.shop-ctgry-box > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 12px;
}
.shop-ctgry-box > ul > li:last-child {
    margin: 0;
}
.shop-ctgry-box > ul > li > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 40px;
    text-transform: uppercase;
}
.shop-ctgry-box > ul > li > span > i {
    font-style: normal;
}
.shop-ctgry-box > ul > li > i {
    float: left;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #fff;
    text-align: center;
    line-height: 39px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-right: 15px;
    font-size: 18px;
	background:none repeat scroll 0 0 #495060;
}

/* SHop Offer */
.shop-offer-sec {
    float: left;
    width: 100%;
}
.shop-offer-sec > span {
    border: 5px solid rgba(0, 0, 0, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 40px;
    overflow: hidden;
}
.shop-offer-sec > span > img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
}
.shop-offer-sec > p {
    color: #F0EFEF;
    display: block;
    font-family: roboto;
    font-size: 25px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 40px;
    margin: 30px 0;
    text-align: center;
}
.shop-offer-sec > p > i {
    font-style: normal;
    font-weight: bold;
}
.shop-offer-sec > a {
    display: table;
    float: none;
    margin: 0 auto;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    color: #F0EFEF;
    line-height: 11px;
    letter-spacing: 0.30px;
    padding: 14px 15px;
    border: 1px solid #F0EFEF;
	
	-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;	
	
}


/* Our Products */

#our-products {
    float: left;
    width: 100%;
    margin-top: -30px;
    position: relative;
}

.our-product-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.our-product-box > span {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}
.our-product-box > span > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.our-product-box > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0;
    color: #666666;
}
.our-product-box > h3 > a {
    color: #666666;
}
.our-product-box > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin-bottom: 5px;
    width: 100%;
}
.our-product-box > span > i {
    color: #BABABA;
    float: left;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
    text-decoration: line-through;
}
.our-product-box > a {
    border: 1px solid #9ea1a2;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 11px 10px;
    
	-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;
	
    background: #9ea1a2;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
}
.our-product-box > a:hover{
	color:#fff;
}
.our-product-box > ul {
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 7px;
}
.our-product-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.our-product-box > ul > li > i {
    color: #ADADAD;
}


/* Shop Brands */
#shop-brands {
    float: left;
    width: 100%;
}

.shop-brands {
    float: left;
    width: 100%;
    background: #fdfdfd;
    border: 1px solid #ececec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-brands:hover > img {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}
.shop-brands > img {
    display: table;
    margin: 0 auto;
	
	-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;
}

/* Our Cases Sec */
#our-cases-sec {
    float: left;
    width: 100%;
}
.our-cases-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.our-cases-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-cases-box > span {
    float: left;
    margin-right: 20px;
    width: 160px;
}
.our-cases-box > span > img {
    border: 1px solid #BBBBBB;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-cases-box > h3 {
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
}
.our-cases-box > h3 > a {
    color: #434242;
}
.our-cases-box > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
.our-cases-box > a:hover {
    color: #FFFFFF;
}
.our-cases-box > a {  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 7px;
    
	-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-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
	margin-top:11px;
}

/* Awards */
#awards-sec {
    float: left;
    width: 100%;
}
#awards-sec > h2 {
    border-bottom: 4px solid #E7E7E7;
    color: #434242;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 25px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 auto;
    padding: 0 15px 15px;
    text-transform: uppercase;
}
.award-timeline {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 70px 0 0;
    position: relative;
    width: 100%;
}
.award-timeline > .left > .award-timeline-box {
    margin-bottom: 60px;
}
.award-timeline-box > iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	border: medium none;
	height:307px;
}
.award-timeline-box:hover {
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
}

.award-timeline:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e8e8e8;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: -1px;
    width: 4px;
}
.award-timeline-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8E8E8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top: 30px;
	
    float: left;
    padding: 15px;
    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;
	
    width: 100%;
}
.award-timeline .award-timeline-box:before {
    background: none repeat scroll 0 0 #E8E8E8;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 18px;
    margin-right: -24.5px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 18px;
    z-index: 0;
}
.award-timeline .award-timeline-box:after {
    background: none repeat scroll 0 0 #E8E8E8;
    content: "";
    height: 4px;
    margin-right: -10px;
    position: absolute;
    right: 0;
    top: 37px;
    width: 80%;
    z-index: -1;
}

.award-timeline > .right > .award-timeline-box:before {
    left: 0;
    margin-left: -23.5px;	
}
.award-timeline > .right > .award-timeline-box:after {
    left: 0;
    margin-left: -10px;
}
.award-timeline > .right > .award-timeline-box {
    margin-top: 60px;
}
.award-timeline-box > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.award-timeline-box > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.award-timeline-box > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 25px 0 15px;
    text-transform: uppercase;
    width: 100%;
}
.award-timeline-box > h3 > a {
    color:#666;
}
#timeline-slide1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#timeline-slide1 li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#timeline-slide1 li > img {
    float: left;
    width: 100%;
}
#timeline-slide1 .owl-pagination {
    left: 50%;
    position: absolute;
    bottom: 20px;
    margin-left: -25px;
}
#timeline-slide1 .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#timeline-slide1 .owl-pagination .owl-page.active{
	background:#fff;
}
.award-timeline-box > span {
    float: left;
    width: 33.3333%;
}
.award-timeline-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 4px;
    width: 100%;
}



/* Job Form Sec */
.job-form-sec {
    float: left;
    width: 100%;
}
.job-form-sec > #message {
    margin: 0 0 10px;
}
.job-form-sec > #message .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.job-form-sec  select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
	
    color: #AFAFAF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    padding: 8px 14px;
    width: 100%;
	margin-bottom:30px;
}
.customlist {
    float: left;
    position: relative;
    width: 100%;
}
.job-form-sec  label {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    margin: 0 0 20px;
    width: 100%;
}
.job-form-sec  label > i {
    margin-right: 15px;
}
.job-form-sec  p {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.job-form-sec  p > label {
    float: left;
    margin: 0;
}
.job-form-sec  p > label {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 1px 0 0 10px;
}
.form-margin > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 0 0 20px;
    width: 100%;
}
.product-table {
    border: 1px solid #E0E0E0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
	
    float: left;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}
.product-table > li {
    background: none repeat scroll 0 0 #FCFCFC;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    float: left;
    list-style: none outside none;
    width: 100%;
}
.product-table > li > h2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
    width: 50%;
}
.product-table > li > span {
    color: #5B5B5B;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
}
.product-table > li > i {
    color: #5B5B5B;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
	font-style:normal;
}
.product-table > li > span > i {
    color: #999999;
    float: left;
    font-style: normal;
}
.product-table > li:first-child {
    border: medium none;
}

/* Css Swither main styles */
.checkbox, .radio {
    background: url("../images/checkbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block !important;
    float: left;
    height: 25px;
    margin: -2px 0 0 !important;
    padding: 0 5px 0 0;
}
.radio {
	background: url('../images/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}
input.upload-file {
    border: medium none;
    font-family: roboto;
    font-size: 14px;
}

.job-form-sec > a {
    color: #FFFFFF;
    float: right;
}
.job-form-sec > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 25px;
}
.job-form-sec > a > i {
    margin-right: 13px;
}



/* Coming Soon */
.comming-soon-slider .tp-banner-container {
    height: 100%;
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}
.time_circles > div {
    height: 122px;
    position: absolute;
    text-align: center;
    top: 18% !important;
}
.time_circles > div > h4 {
    bottom: 36px;
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    left: 50%;
    margin: 0 0 0 -25%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    z-index: 1;
	
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    -ms-border-radius: 0 0 50% 50%;
    -o-border-radius: 0 0 50% 50%;
    border-radius: 0 0 50% 50%;
}
.time_circles > div > span {
    background:url("../images/timer-bg.png") no-repeat scroll -11px -9px rgba(0, 0, 0, 0);
    color: #494949;
    display: block;
    font-family: roboto;
    font-size: 300%;
    font-weight: bold;
    height: 100%;
    left: 50% !important;
    margin-left: -30%;
    margin-top: 3px;
    padding:35px 0 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 0;
}
.comming-soon-slider #layerslider{
	height:100%;
	position:absolute;
}
.comming-soon-slider {
	width:100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10000;
}
.comming-soon-page h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
    border-bottom: 1px solid #ACB0B6;
    border-top: 1px solid #ACB0B6;
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 60px;
    font-weight: 300;
    margin: 50px auto;
    padding: 30px 60px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	-webkit-animation: flash 5s infinite;	
	-moz-animation: flash 5s infinite;	
	-ms-animation: flash 5s infinite;	
	-o-animation: flash 5s infinite;	
	animation: flash 5s infinite;	
}
.comming-soon-page h2 {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 auto 50px;
    text-transform: uppercase;
	
	
	-webkit-animation: bounce 3s;	
	-moz-animation: bounce 3s;	
	-ms-animation: bounce 3s;	
	-o-animation: bounce 3s;	
	animation: bounce 3s ;	
}
.comming-soon-page h2 strong {
	color:#fff;
}
.someTimer {
    display: table;
    margin: 0 auto;
	width: 799px; 
	height: 200px;
}
.timer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
    border-bottom: 1px solid #ACB0B6;
    border-top: 1px solid #ACB0B6;
}
.comming-soon-page h3 {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 40px auto 20px;
}
.comming-soon-page p {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 16px;
    font-weight: 400;
    margin:0 auto 30px;
}
.comming-soon-page form {
    display: table;
    margin: 0 auto 100px;
}
.comming-soon-page form input[type="text"] {
    border: 0 none;
    color: #848484;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    padding: 8px 15px;
    width: 325px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 3px #9A9A9A inset;
    -moz-box-shadow: 0 1px 3px #9A9A9A inset;
    -ms-box-shadow: 0 1px 3px #9A9A9A inset;
    -o-box-shadow: 0 1px 3px #9A9A9A inset;
    box-shadow: 0 1px 3px #9A9A9A inset;
}
.comming-soon-page form input[type="submit"] {
    background: none repeat scroll 0 0 #58ca12;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    margin-left: 10px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.comming-soon-page .bottom-strip-simple p {
    font-size: 13px;
    margin: 0 auto;
}
.bottom-contact-bar p {
    color:#939292;
    font-family: roboto;
    font-size: 13px;
    line-height: 18px;
    margin-top: -5px;
    text-align: center;
}
.bottom-strip-simple {
    float: left;
    width: 100%;
}
.bottom-strip-simple .container {
	padding:0;
}
.bottom-strip-simple {
    background: none repeat scroll 0 0 #3B3B3B;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}


/* Footer */
footer {
    background: none repeat scroll 0 0 #2c2f34;
    border-top: 1px solid #ABABAB;
    float: left;
    width: 100%;
    padding-bottom: 0 !important;
}
footer h3 {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 25px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
}
footer h3:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}
footer h3:after {
    left: 51px;
    width: 4px;
    height: 1px;
    border-top: 1px dotted;
    content: "";
    bottom: -1px;
    content: "";
    position: absolute;
}
footer p {
    color: #ACACAC;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin: 0;
    text-align: left;
    width: 100%;
}
footer h3 > i {
    font-style: normal;
}


/* About Dastak */

.f-about-dastak {
    float: left;
    width: 100%;
}
.f-about-dastak > a {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.f-about-dastak > form {
    float: left;
    margin-top: 40px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
	
	border: 1px solid #474647;
}
.f-about-dastak > form > input[type=text] {
    background: none repeat scroll 0 0 #303437;
    border: medium none;
    color: #858585;
    float: left;
    font-family: roboto;
    font-size: 11px;
    height: 40px;
    letter-spacing: 0.3px;
    padding-left: 30px;
    width: 80%;
}
.f-about-dastak > form > input[type="submit"] {
    border: medium none;
    
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
	
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
	
    color: #ffffff;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    text-align: center;
    width: 20%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.f-about-dastak > .social-btns {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.f-about-dastak > .social-btns > li {
    margin: 0 10px 0 0;
}
.f-about-dastak > .social-btns > li > a {
    background: none repeat scroll 0 0 #444242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 32px;
    width: 32px;
}


/* Footer Testimonial  */
.f-testimonail {
    float: left;
    width: 100%;
}
.f-testimonail > .tab-content > div {
    background: none repeat scroll 0 0 #424040;
    border: 1px solid #424242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top:20px;
	
    float: right;
    margin: 0;
    padding: 25px 21px;
    text-align: center;
    width: 100%;
}
.f-testimonail .tab-content {
    background: none repeat scroll 0 0 #292c31;
    float: right;
    margin-top: 18px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
.f-testimonial-box {
    float: left;
    width: 100%;
}
.f-testimonial-box > h4 {
    float: left;
    font-family: lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 10px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.f-testimonial-box > h4 > i {
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}
.f-testimonial-box > p {
    font-family: Roboto;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    padding: 0;
	margin-top:16px;
	float:left;
	width:100%;
	text-align:center;
}
.f-testimonail .f-testimonial-slide {
    float: left;
    width: 100%;
	border:none;
	padding:0;
	margin:0;
}
.f-testimonial-slide-sec{
	margin:0 -10px;
}
.f-testimonail .f-testimonial-slide li {
    float: left;
    padding: 0 10px 9px;
    width: auto;
}
.f-testimonail .f-testimonial-slide li a {
    float: left;
    position: relative;
}
.f-testimonail .f-testimonial-slide li a img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
	height: auto;
}
.f-testimonail .f-testimonial-slide li a:before {
    background: none repeat scroll 0 0 #333;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: 50%;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 14px;
    height: 18px;
    left: 50%;
    line-height: 18px;
    margin-bottom: -9px;
    margin-left: -9px;
    position: absolute;
    text-align: center;
    
	-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;
    
	width: 18px;
}
.f-testimonail .f-testimonial-slide li.active a:before {
    bottom: 0;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Footer Project Sec */
.f-project-sec {
    float: left;
    width:100%;
}
.f-project-sec .row {
    margin: -12px -6px 0;
}
.f-project-sec .row > div {
    padding: 0 6px;
}
.f-project-sec .row > div  a {
    float: left;
    width: 100%;
	margin-top:12px;
}
.f-project-sec .row > div  a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	height: auto;
    width: 100%;
}

/* Find our Office */
.f-find-office {
    float: left;
    width: 100%;
}
.f-find-office > span > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}

.f-find-office > ul > li:last-child {
    margin: 0;
}
.f-find-office > span {
    background: none repeat scroll 0 0 #383838;
    border: 1px solid #444444;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.f-find-office > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.f-find-office > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 6px;
    width: 100%;
}
.f-find-office > ul > li > i {
    background: none repeat scroll 0 0 #444242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 8px;
    margin-right: 20px;
    text-align: center;
    width: 32px;
}
.f-find-office > ul > li > p {
    color: #acacac;
    display: block;
    float: none;
    font-family: Roboto;
    font-size: 13px;
    line-height: 21px;
    margin: -5px 0 0;
    text-align: left;
}

/* Subscribe uS */

.subscribe-sec {
    float: left;
    width: 100%;
    background: #f4f3f3;
}

.subscribe-sec .input-style {
    float: left;
    margin-left: -30px;
    width: 83%;
	height:58px;
}
.subscribe-sec > .container {
    padding: 0;
}
.subscribe-sec span#mail-bg {
    background-image: url("../images/mail.png");
    background-repeat: no-repeat;
    float: left;
    height: 164px;
    width: 233px;
    margin-top: 35px;
}
.subscribe-sec form {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.subscribe-sec form > label {
    color: #787878;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    line-height: 18px;
	margin-bottom:20px;
	margin-left: -30px;
}

.subscribe-sec form > .submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 16px;
    font-weight: normal;
    height: 57px;
    text-shadow: 0 0;
    width: 17%;
}






/* Elements */
.experties-sec.style2 > .experties > h2 {
    border: 1px solid #e9e9e9;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.experties-sec.style2 .experties > h2 {
    background-position: 17px 21px;
}
.experties-sec.style2 > .experties > h2.active {
    background-position: 17px 25px;
}
.experties-sec.style2 > .experties > h2 > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #636363;
    font-family: fontawesome;
    font-size: 18px;
    height: auto;
    margin-right: 15px;
    width: auto;
}


/* Footer Recent Post */
.f-recent-office {
    float: left;
    width: 100%;
}

.f-recent-office > ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.f-recent-office > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%;
}
.f-recent-office > ul > li > span > img {
    float: left;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	width:100%;
	height: auto;
}
.f-recent-office > ul > li > a > i {
    color: #888787;
    float: left;
    font-family: roboto;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.3px;
    margin-top: 2px;
}
.f-recent-office > ul > li > span {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 20%;
}
.f-recent-office > ul > li > a {
    color: #d3d2d2;
    display: block;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 14px;
}
.f-recent-office > ul > li > strong {
    font-style: normal;
    font-weight: normal;
    font-family: roboto;
    font-size: 12px;
    color: #d3d2d2;
    display: block;
    margin-top: 20px;
}
.footer-sec {
    float: left;
    width: 100%;
    margin-bottom: 70px;
}
/* Footer Bottom line */
.bottom-line {
    background: none repeat scroll 0 0 #1D1D1D;
    border-top: 1px solid #777777;
    float: left;
    width: 100%;
    padding: 15px 0;
}
.bottom-line span {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
    text-align: center;
    width: auto;
}
.bottom-line span > i {
    font-style: normal;
    color: #9e9e9e;
}
.bottom-line ul {
    float: right;
    margin: 0;
    padding: 0;
}
.bottom-line ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
}
.bottom-line ul > li > a {
    background: none repeat scroll 0 0 #3A3E4A;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #DBDBDB;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 10px;
	
    -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;
}

/* Text Strip */
.text-stripe {
    float: left;
    text-align: center;
    width: 100%;
}
.text-stripe > h4 {
    float: left;
    text-align: center;
    width: 100%;
    font-family: roboto;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.30px;
    margin: 0;
    margin-bottom: 10px;
}
.text-stripe > span {
    float: left;
    text-align: center;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    margin-bottom: 15px;
}
.text-stripe > a {
    float: none;
    margin: 0 auto;
    display: table;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
    line-height: 11px;
    padding: 10px 26px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}




.choose-bg > li > a.bg1 {
    background-image: url("../images/bg1.jpg");
}
.choose-bg > li > a.bg2 {
    background-image: url("../images/bg2.jpg");
}
.choose-bg > li > a.bg3 {
    background-image: url("../images/bg3.jpg");
}
.choose-bg > li > a.bg4 {
    background-image: url("../images/bg4.jpg");
}
.choose-bg > li > a.bg5 {
    background-image: url("../images/bg5.jpg");
}
.choose-bg > li > a.bg6 {
    background-image: url("../images/bg6.jpg");
}
.choose-bg > li > a.bg7 {
    background-image: url("../images/bg7.jpg");
}
.choose-bg > li > a.bg8 {
    background-image: url("../images/bg8.jpg");
}
.choose-bg > li > a.bg9 {
    background-image: url("../images/bg9.jpg");
}
.choose-bg > li > a.bg10 {
    background-image: url("../images/bg10.jpg");
}
.bg1{
        background: url('../images/bg1.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg2{
        background: url('../images/bg2.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg3{
        background: url('../images/bg3.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg4{
        background: url('../images/bg4.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg5{
        background: url('../images/bg5.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg6{
        background: url('../images/bg6.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg7{
        background: url('../images/bg7.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg8{
        background: url('../images/bg8.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg9{
        background: url('../images/bg9.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg10{
        background: url('../images/bg10.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}

.side-panel-sec {
    background: #fafafa;
    left: -280px;
    position: fixed;
    top: 167px;
    width: 280px;
    z-index: 9999999;
	
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
	
	-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-panel-sec:hover {
    left: 0;
}
.side-panel-sec > a {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin-right: -50px;
    background-color: #fafafa;
    background-image: url('../images/setting.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 9px 9px;
	
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    -o-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
.side-panel {
    float: left;
    position: relative;
    width: 100%;
}
.color-schemes {
    float: left;
    width: 100%;
}
.color-schemes > h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 0.30px;
    color: #222222;
    margin: 0;
    line-height: 10px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.color-schemes > ul {
    display: table;
    float: none;
    padding: 0;
    margin: 0 auto;
}
.color-schemes > ul > li {
    float: left;
    list-style: none outside none;
    margin: 5px 5px;
}
.color-schemes > ul > li > a {
    float: left;
    height: 30px;
    width: 30px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
	
    -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;
}
.color-schemes > ul > li > a.blue {
    background: none repeat scroll 0 0 #389ed1;
}
.color-schemes > ul > li > a.red {
    background: none repeat scroll 0 0 #e17062;
}
.color-schemes > ul > li > a.gray {
    background: none repeat scroll 0 0 #84929c;
}
.color-schemes > ul > li > a.green {
    background: none repeat scroll 0 0 #99be56;
}
.color-schemes > ul > li > a.brown {
    background: none repeat scroll 0 0 #ab9868;
}
.color-schemes > ul > li > a.orange {
    background: none repeat scroll 0 0 #deb06f;
}
.color-schemes > ul > li > a.purple {
    background: none repeat scroll 0 0 #b980a4;
}
.color-schemes > ul > li > a.teal {
    background: none repeat scroll 0 0 #588b7d;
}
.color-schemes > ul > li > a.lime {
    background: none repeat scroll 0 0 #00ce7d;
}
.color-schemes > ul > li > a.pink {
    background: none repeat scroll 0 0 #ee506e;
}
.color-schemes > ul > li > a.maroon {
    background: none repeat scroll 0 0 #a57f74;
}
.color-schemes > ul > li > a.yellow {
    background: none repeat scroll 0 0 #ebab23;
}


.two-layouts {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: rgba(0,0,0,.02);
	padding-bottom: 10px;
}
.two-layouts > h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #222222;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.two-layouts > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 15px;
}
.two-layouts > ul > li {
    float: left;
    list-style: none;
    margin: 0 10px;
}
.two-layouts > ul > li > a {
    background-color:#28AB7C;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 15px 14px;
	cursor: pointer;
}

.two-layouts > ul > li > a.boxed-style {
    background-color: #ebab23;
}
.two-layouts .choose-bg > li {
    float: left;
    margin: 0;
    margin: 5px 5px;
}

.scroll
{
  position: fixed;
  bottom: 0;
  left: 0;
}

.two-layouts .choose-bg > li > a {
    background-color: none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 0;
    height: 30px;
    width: 30px;
}


/* Search Job FOrm */
.search-job-form {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}
.search-job-form > .container > h3 {
    -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;
	
    color: #fdfdfd;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 50px;
}
.search-job-form > .container > h3 > i {
    margin-right: 11px;
}
.search-job-form > .container {
    padding: 0;
}
.job-form {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
    
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
	
    border-top: 1px solid;
    float: left;
    padding: 25px 50px;
    position: relative;
    width: 100%;
}
.job-form:before {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-left: 35px solid;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.job-form:after {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-right: 35px solid;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
}
.job-form form {
    float: left;
    width: 100%;
}
.job-form form input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 30px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
	border:none;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom:30px;
}
.form-dropdown {
    float: left;
    width: 100%;
    position: relative;
}
.job-form button {
    border: medium none;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 11px 46px;
    margin-bottom: 10px;
}
.job-form button > i {
    margin-right: 13px;
}


/* 
.minict_wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #333333;
    font-family: "Segoe UI",Segoe,"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    height: 2.2rem;
    position: relative;
    width: 100%;	
	
}
.minict_wrapper * {
    box-sizing: border-box;
}
.minict_wrapper:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #525252;
    content: "�";
    display: block;
    font-family: fontawesome;
    font-size: 15px;
    line-height: 6px;
    padding: 9px 9px 14px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -3px;
}
.minict_wrapper.active:after {
    content: "�";
}
.minict_wrapper input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #000000;
    cursor: default;
    font-family: roboto;
    font-size: 12px;
    height: auto;
    outline: medium none;
    padding: 0 2.2rem 0 0.4rem;
    width: 100%;
}
.minict_wrapper ul {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 0;
    max-height: 22rem;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 2rem;
    width: 100%;
    z-index: 999999;
}
.minict_wrapper ul li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    cursor: pointer;
    font-size: 12px;
    height: auto;
    line-height: 10px;
    list-style: none outside none;
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
}
.minict_wrapper ul li:hover {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #111111;
}
.minict_wrapper ul li.minict_group {
    background: none repeat scroll 0 0 #F6F6F6;
    color: #444444;
    cursor: default;
    font-weight: bold;
}
.minict_wrapper ul li.minict_empty {
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #BBBBBB;
    display: none;
    font-size: 0.9rem;
    height: 3.5rem;
    line-height: 3.3rem;
    text-align: center;
}
.minict_wrapper ul li.selected {
    background: none repeat scroll 0 0 #F9FCFF;
    color: #819A9A;
}
.minict_wrapper ul li.highlighted {
    background: none repeat scroll 0 0 #819A9A;
    color: #FFFFFF;
}
.minict_wrapper ul li.hidden {
    display: none;
}

.minict_wrapper.bubble:hover {
    border-color: #DCDCDC;
}
.minict_wrapper.bubble ul {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    overflow: visible;
    top: 37px;
}
.minict_wrapper.bubble ul:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
    border-style: solid;
    border-width: 0 10px 10px;
    color: rgba(0, 0, 0, 0);
    content: ".";
    height: 0;
    left: 20px;
    position: absolute;
    top: -10px;
    width: 0;
}
.minict_wrapper.bubble ul li.minict_first {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.minict_wrapper.bubble ul li.minict_last {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
} **/

/* Select Box Styling */
.minict_wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E5E5E5;
	color: #333333;
	float: left;
	height: auto;
	position: relative;
	width: 100%;
	cursor:pointer;
	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.minict_wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.minict_wrapper:after {
	color: #555555;
	content: "\25BC";
	display: block;
	font-size: 10px;
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 30px;
}
.minict_wrapper.active:after {
	content: "\25B2";
}
.minict_wrapper input {
	margin-bottom: 0 !important;
}
.minict_wrapper ul {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	border: 1px solid #e5e5e5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	top: 2rem;
	left: 0;
	max-height: 22rem;
	overflow-y: auto;
	z-index: 999999; 
}
.minict_wrapper ul li {
    background: none repeat scroll 0 0 rgba(235, 235, 235, 0.97);
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #cacaca;
    color: #8f8f8f;
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
    font-weight: 300;
    height: 35px;
    line-height: 35px;
    list-style: none outside none;
    margin-top: -1px;
    padding: 1px 14px;
}
.minict_wrapper ul li:hover {
	background: #fcfcfc;
	color: #111; 
}
.minict_wrapper ul li.minict_group {
	color: #444;
	background: #f6f6f6;
	font-weight: bold;
	cursor: default; 
}
.minict_wrapper ul li.minict_empty {
	display: none;
	background: #fff !important;
	color: #bbb;
	text-align: center;
	font-size: 0.9rem;
	height: 3.5rem;
	line-height: 3.3rem; 
}
.minict_wrapper ul li.selected {
color: #819a9a;
background: #f9fcff; }
.minict_wrapper ul li.highlighted {
color: #fff;
background: #819a9a; }
.minict_wrapper ul li.hidden {
display: none; }

.minict_wrapper.bubble {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
background: -moz-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f9f9f9));
background: -webkit-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -o-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, white 0%, #f9f9f9 100%);
background: linear-gradient(to bottom, white 0%, #f9f9f9 100%); }
.minict_wrapper.bubble:hover {
border-color: #dcdcdc; }
.minict_wrapper.bubble:after {
border-left: 1px solid #e0e0e0;
box-shadow: 1px 0 0 0 #FFFFFF inset;
height: 100%;
}
.minict_wrapper.bubble ul {
    border: 0 none;
    overflow: hidden;
    padding: 0;
    top: 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;
}

.minict_wrapper.bubble > input {
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #808080;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 300;
    height: 36px;
    padding: 5px 10px;
    width: 100%;
}


/* Job Sec */
.job-box-sec {
    float: left;
    width: 100%;
	margin-top:30px;
}
.box-title {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}
.box-title:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
	
    -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;
}
.box-title:after {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
	
    -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;
}
.job-box-sec:hover > .box-title:before {
    top: 0;
}
.job-box-sec:hover > .box-title:after {
    bottom: 0;
}
.box-title > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.box-title > a {
    bottom: 10px;
    left: 10px;
    line-height: 10px;
    position: absolute;
    font-family: roboto;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0.30px;
    padding: 13px 29px;

	-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;
}
.job-box-sec:hover .box-title > a {
    bottom: 100%;
    z-index: 999;
    margin-bottom: -45px;
	
    -webkit-transform: rotatex(360deg);
    -moz-transform: rotatex(360deg);
    -ms-transform: rotatex(360deg);
    -o-transform: rotatex(360deg);
    transform: rotatex(360deg);
}
.job-box-sec > h3 {
    color: #474747;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 15px 0;
    width: 100%;
}
.job-box-sec > h3 > a {
    color: #474747;
}
.job-box-sec > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.job-box-sec > ul li {
    background: none repeat scroll 0 0 #fbfbfb;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    padding: 7px 22px;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #474747;
    letter-spacing: 0.30px;
}
.job-box-sec > ul li strong {
    font-weight: 600;
    margin-right: 15px;
}
.job-box-sec > a {
    background: none repeat scroll 0 0 #c6c6c6;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 10px;
    padding: 11px 12px;
	
    -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;
}

/* Text Msg bar */
.text-msg-bar {
    float: left;
    width: 100%;
}
.text-msg-bar h2 {
    color: #161616;
    float: left;
    font-family: roboto;
    font-size: 25px;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: -10px 0 0;
    width: 100%;
	margin-bottom:10px;
}
.text-msg-bar h2 > i {
    float: left;
    line-height: 41px;
    margin-right: 20px;
}
.parallax .color p {
    color: #f3f3f3;
}
.text-msg-bar a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: right;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-top: 23px;
    padding: 20px 45px;
}


/* Job List */
.job-list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
	margin-top:30px;
}
.job-list > li {
    float: left;
    width: 100%;
}
.job-title > h3 {
    color: #646464;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    margin-bottom: 18px;
}
.job-list > li > a > span {
    margin-left: 14px;
    font-size: 12px;
}
.job-title > h3 > i {
    margin-right: 15px;
}
.job-list > li > a {
    border-top: 1px dashed #eeeeee;
    color: #595959;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 17px 0 17px 30px;
    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;
}

.job-list > li > a:before {
    left: 0;
    position: absolute;
    top: 50%;
    height: 10px;
    width: 10px;
    background: none;
    border: 1px solid;
    content: "";
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    margin-top: -5px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Team */
.team {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-box {
    float: left;
    width: 100%;
    position: relative;
	overflow:hidden;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.team-box > img {
    float: left;
    width: 100%;
}
.social-btns > li {
    float: left;
    margin: 0 5px;
}
.social-btns > li > a {
    background: none repeat scroll 0 0 #fdfdfd;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #444;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    
	-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;
	
    width: 30px;
}
.social-btns > li > a > i{
	float:left;
	width:100%;
	line-height:30px;
}
.team > h3 {
    color: #4f4f4f;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
    line-height: 20px;
}
.team > h3 > a {
    color: #fafafa;
}
.social-btns > li > a:hover{
	color:#fff;
}
.team > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
	margin-bottom: 15px;
}
.social-btns {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    
	-webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
	
    float: none;
    margin: 0 auto;
    display: table;
}
.team-box > a {
    left: 0;
    position: absolute;
    top: 0;
    width: 54px;
    height: 54px;
    background: #1d1b19;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    color: #fff;
    font-size: 19px;
    line-height: 54px;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px;
	
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
	
    -webkit-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -moz-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -ms-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -o-transform: rotatex(90deg) perspective(200px) translatez(17px);
    transform: rotatex(90deg) perspective(200px) translatez(17px);
}
.team-box > a > i{
	float:left;
	width:100%;
	line-height:54px;
}
.team-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    content: "";
    
	-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-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
}
.team:hover .team-box:before {
    opacity: 0.68;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.team:hover .team-box > a {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

/* Law */

/* About Law */
.about-law {
    border-bottom: 1px solid #efefef;
    float: left;
    margin-bottom: 35px;
    width: 100%;
}
.about-law > h3 {
    color: #656565;
    float: left;
    font-family: lato;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: -10px 0 20px;
    text-align: center;
    width: 100%;
}
.about-law > h3 > i {
    font-style: normal;
    font-weight: 900;
}
.about-law > p {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 30px;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}

.service.law span {
    background: none repeat scroll 0 0 #585858;
    border: 1px solid #585858;
    
	-webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
	
    color: #fff;
    height: 51px;
    line-height: 51px;
    width: 51px;
	font-size:20px;
}
.service.law span > i{
	float:left;
	width:100%;
	line-height:50px;
}
.service.law > .row {
    margin: 0 -10px;
}
.service.law > .row > div {
    padding: 0 10px;
}
.service.law h2 {
    color: #555555;
    font-family: lato;
    font-size: 18px;
    padding-left: 10px;
    margin-top: 0px;
}
.service.law p {
    padding-left: 10px;
    margin-top: -10px;
}
.service.law .read-more {
    background: none repeat scroll 0 0 #525252;
    color: #fff;
    float: left;
    margin-left: 10px;
    padding: 13px 16px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Submission Form */
.submission-form {
    background: url("../images/resource/form-bg.jpg") repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
	
    float: left;
    padding: 40px 25px;
    width: 100%;
	position:relative;
	overflow: hidden;
	
}
.submission-form > h3 {
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 900;
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
}
.submission-form > h3 > i {
    color: #444444;
    font-style: normal;
    font-weight: 200;
}
.submission-form > span {
    color: #5e5d5d;
    float: left;
    font-family: roboto;
    font-size: 12px;
    line-height: 17px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
}
.submission-form > form {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.submission-form > form > div > div {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.submission-form > form > div > div > input[type="text"], .submission-form > form > div > div > textarea, .submission-form > form > div > div > input[type="email"] {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #d6d5d5;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #444444;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 52px;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 15px;
    width: 100%;
    margin-bottom: 11px;
    
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;

    border: none !important;
}
.submission-form > form > div > div > .loader {
    float: right;
    margin: 30px;
}
.submission-form > form > div > div > textarea {
    height: 150px;
}
.submission-form > form > div > div > input[type=submit] {
}
.submission-form > form > div > div > input[type="submit"] {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 600;
    margin-top: 10px;
    padding: 13px 0;
    width: 100%;
}
.move-top {
    margin-top: -146px;
    position: relative;
    z-index: 2147483647;
}
.submission-form:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(247,248,249,0.8);
    z-index: -1;
}

/* Submission Form in Slider */
.submission-form.in-slider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    left: 100px;
    position: absolute;
    top: 0;
    width: 370px;
    z-index: 99999999;
}
.submission-form.in-slider:after {
    background-image: url("../images/shadow4.png");
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    background-size: 100% 100%;
}

.dark .service h2 > a {
    color: #fff;
}
.dark #whats-new > h1 {
    color: #fff;
}
.dark .slide-feature-box {
    background: rgba(255,255,255,0.95);
}
.dark .present-features > ul > li {
    color: #fafafa;
}
.dark p {
    color: #e1dede !important;
}
.dark h3 {
    color: #ffffff;
}
.emp-of-month-desc .square > li > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Employee Slide */
.employe-slide, .slide-services {
    float: left;
    width: 100%;
}
.employe-slide .owl-pagination, .slide-services .owl-pagination{
    display: table;
    float: none;
    margin: 0 auto;
    width: auto;
    margin-top: 20px;
}
.employe-slide .owl-pagination > .owl-page, .slide-services .owl-pagination > .owl-page {
    float: left;
    height: 8px;
    width: 8px;
    background: #d6d6d6;
    margin: 0 3px;
    
	-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;
}


/* Experites Sec style 3 */
.experties-sec.style3 .experties > h2 {
    background: none repeat scroll 0 0 #f4f4f4;
    border: medium none;
    color: #454545;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    padding-left: 60px;
	overflow: hidden;
}
.experties-sec.style3 .experties > h2:before {
    display: none;
}
.experties-sec.style3 h2:after {
    background: none repeat scroll 0 0 #d8d8d8;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.experties-sec.style3 .experties > h2 > i {
    color: #454545;
    font-size: 10px;
    height: 100%;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 9;
	
    -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;
}
.experties-sec.style3 .experties > h2.active > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	
	color:#fff;
}


/* Clients Says Sec */
.clients-says-sec {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
    padding-left: 64px;
}
.clients-says {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #f5f5f5;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 33px 30px 33px 90px;
    width: 100%;
}
.clients-says > h5 {
    color: #7f7e7e;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
}
.clients-says > h5 > i {
    font-style: normal;
    font-weight: 900;
}
.clients-says > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    font-size: 13px;
    color: #656565;
    letter-spacing: 0.30px;
    line-height: 24px;
}
.clients-says-sec > span {
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -67px;
    overflow: hidden;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 5px solid #fff;
	width: 123px;
    height: 123px;
}
.clients-says-sec > span > img {
    float: left;
	width:100%;
}

/* Answer */
.answers {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.answers > .thumb {
    float: left;
    width: 40%;
    position: relative;
}
.answers > .thumb > img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.answers > .thumb > span {
    color: #5e5e5e;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.answers > .details {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #f5f5f5;
    float: left;
    width: 60%;
    padding: 20px;
}
.answers .details > a {
    float: left;
    font-family: roboto;
    font-size: 11px;
    color: #ffffff;
    background: #525252;
    line-height: 10px;
    padding: 5px 8px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}
.answers > .details > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #7f7e7e;
    font-family: roboto;
    letter-spacing: 0.30px;
}
.answers > .details > p {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}



/*=======================================================
                 STYLE ADDED FOR INDEX 18
=========================================================*/
.heading5 {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.heading5 h2 {
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 200;
    margin: 0 0 5px;
    width: 100%;
}
.heading5 h2 strong {
    font-weight: 900;
}
.heading5 > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    width: 100%;
}

.shops-trends {
    float: left;
    width: 100%;
}
.owl-item .trend{
	padding: 0 15px;
}
.trend {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.trend-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.trend-img > del, .trend-img > ins {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    line-height: 13px;
    padding: 10px 13px;
    position: absolute;
}
.trend-img > ins {
    left: auto;
    right: 0;
}
.trend-img > img {
    float: left;
    width: 100%;

    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.trend-img:hover > img {
    -webkit-transform: rotate(15deg) scale(1.3);
    -moz-transform: rotate(15deg) scale(1.3);
    -ms-transform: rotate(15deg) scale(1.3);
    -o-transform: rotate(15deg) scale(1.3);
    transform: rotate(15deg) scale(1.3);    
}

.trend-img > span {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 8px 10px;
    font-family: roboto;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.add-to-fav {
    background: none repeat scroll 0 0 #fff;
    font-size: 13px;
    height: 30px;
    padding: 8px 5px 5px;
    color: #6c6c6c;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.trend > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 20px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.trend > h3 a{
    color: #000;
}
.trend > p {
    color: #969696;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.trend > a {
    background: none repeat scroll 0 0 #6c6c6c;
    color: #fff;
    float: left;
    font-family: roboto;
    font-weight: lighter;
    margin-top: 15px;
    padding: 10px 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.shops-trends .owl-buttons {
    right: 15px;
}
.line {
    float: left;
    width: 100%;
    height: 1px ;
    background: #f6f6f6;
}
.product-masonary-carousel {
    float: left;
    width: 100%;
}
.out-space {
    margin: 0 -10px;
}
.masonary-column {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.masonary-column > div {
    padding: 0 15px;
	float:left;
}
.masonary-product {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.masonary-product img {
    width: 100%;
    float: left;
}
.desc-outter {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product:hover .desc-outter {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
    bottom: 0;
}

.product-desc {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    float: left;
    padding: 15px 20px;
    width: 100%;
    height: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product:hover .product-desc {
    background: none;
    opacity: 0;
}
.product-desc > h3 {
    color: #fff;
    font-family: roboto;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
}

.product-desc > span {
    font-family: roboto;
    font-size: 13px;
    float: left;
    width: 100%;
    color: #969696;
    line-height: 14px;
    margin-bottom: 5px;
}

.product-desc > i {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 14px;
    width: 100%;
}

.masonary-product > a {
    width: 38px;
    height: 38px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 38px;
    color: #FFF;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transform:rotate(-360deg) scale(0);
    -moz-transform:rotate(-360deg) scale(0);
    -ms-transform:rotate(-360deg) scale(0);
    -o-transform:rotate(-360deg) scale(0);
    transform:rotate(-360deg) scale(0);

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product > a > i{
	float:left;
	width:100%;
	line-height:38px;
}
.masonary-product:hover > a {
    -webkit-transform:rotate(0deg) scale(1);
    -moz-transform:rotate(0deg) scale(1);
    -ms-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
    transform:rotate(0deg) scale(1);    
}
.masonary-product > a:before {
    content: "";
    position: absolute;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    border: 1px solid;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product > a:hover:before{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.product-masonary-carousel .owl-controls {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.product-masonary-carousel .owl-controls .owl-pagination {
    display: table;
    margin: 0 auto;
}
.product-masonary-carousel .owl-controls .owl-pagination > div {
    width: 9px;
    height: 9px;
    background: #eee;
    float: left;
    margin: 0 2px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-masonary-carousel .owl-controls .owl-pagination > div.active{
    background: #757575;   
    width: 11px;
    height: 11px;
}


/*=======================================================
                 STYLE ADDED FOR INDEX 19
=========================================================*/
.shop-carousel {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.owl-item .shop {
    padding: 0 15px;
}
.shop {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.add-item {
    float: left;
    padding-left: 85px;
    position: relative;
    width: 100%;
}
.add-item > span {
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.add-item:hover > span{
    left: -50px;
}
.add-item > span img {
    width: 100%;
}
.add-detail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-left: 1px solid #edebeb;
    float: left;
    padding: 10px 5px 10px 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.add-detail > h4 {
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.add-detail > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 22px;
    margin: 8px 0 10px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
    text-transform: uppercase;
}
.add-detail > h3:before {
    background: none repeat scroll 0 0 #d4d4d4;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -15%;
    position: absolute;
    width: 30%;
}
.add-detail > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
}
.add-detail > a {
    background: none repeat scroll 0 0 #c3c3c3;
    color: #fff;
    display: inline-block;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 14px;
    margin-top: 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.add-detail > a i {
    margin-left: 5px;
}
.shop > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.shop > h3 a{
    color: #000;
}
.shop > p {
    color: #969696;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
    width: 100%;
}
.shop .social-btns {
    float: left;
    margin-left: -5px;
    margin-top: 20px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}
.shop-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-img > img {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.shop-img > img.hover-show {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.shop-img:hover > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

    opacity: 0;
}
.shop-img:hover > img.hover-show{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    opacity: 1;

}
.price-holder {
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.shop-price {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    padding: 10px 15px;
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-price h6 {
    color: #5c5c5c;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
}
.shop-price ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
}
.shop-price ul li {
    float: left;
    margin: 0 3px;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 31px;
}
.shop-price ul li a {
    float: left;
    width: 100%;
    height: 100%;
    color: #797979;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.shop-price ul li a i{
	float:left;
	width:100%;
	line-height:31px;
}
.shop-price ul li a:hover{
    color: #FFF;
}
.shop-carousel .owl-buttons {
    right: 15px;
}
.shop-price ul li a.added_to_cart.wc-forward {
    float: left;
    margin-top: -31px;
    position: relative;
    color: transparent;
}
.shop-price ul li a.added_to_cart.wc-forward:before {
    color: #ffffff;
    content: "\f064";
    font-family: fontawesome;
    font-size: 15px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    width: 100%;
}


.portfolio-sec.fancy .portfolio-box {
    margin-top: 2px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;    
}
.portfolio-sec.fancy .portfolio-box:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.24);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.portfolio-sec.fancy .portfolio-box:hover:before{
    height: 0;
}
.portfolio-sec.fancy .folio-slide {
    padding: 0 0.5px;
}
.portfolio-sec.fancy .portfolio-box img{
    padding: 0;
}
.product-add {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    border-top: 1px solid #6d6a6b;
    border-bottom: 1px solid #6d6a6b;
    background: rgba(0,0,0,0.42);

    -webkit-transition:all 0.6s linear;
    -moz-transition:all 0.6s linear;
    -ms-transition:all 0.6s linear;
    -o-transition:all 0.6s linear;
    transition:all 0.6s linear;
}
.portfolio-sec.fancy .portfolio-box:hover .product-add {
    bottom: 20px;
}
.product-add > h3 {
    color: #FFF;
    font-family: lato;
    font-size: 22px;
    margin: 0;
    float: left;
    width: 100%;
}
.product-add > h3 a{
    color: #FFF;
}
.product-add > span {
    font-family: lato;
    font-size: 18px;
    color: #FFF;
    margin: 5px 0;
    float: left;
    width: 100%;
}


.fancy-swipe .swiper-container {
    height: 347px;
    margin: 0;
    width: 100%;
}
.fancy-swipe .swiper-container .nav-tabs {
    border: 0 none;
    float: left;
    width: 100%;
}
.fancy-swipe .swiper-container .nav-tabs li {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0 0 6px;
}
.fancy-swipe .swiper-container .nav-tabs li a {
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.fancy-swipe .swiper-container .nav-tabs li a img {
    float: left;
    height: 100%;
    width: 100%;
}
.thumb-selector {
    float: left;
    position: relative;
    width: 100%;
}
.navigations {
    height: 100%;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 0;
}
.navigations a {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #e0e0e0;
    height: 20px;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.navigations a:hover:before{
    color: #FFF;
}
.navigations a:before {
    color: #212121;
    content: "\f106";
    float: left;
    font-family: fontawesome;
    text-align: center;
    width: 100%;
}
.navigations a.arrow-right:before{
    content: "\f107";
}
.navigations a.arrow-right {
    bottom: 0;
    top: auto;
}
.fancy-swipe .tab-content .tab-pane {
    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;
}
.fancy-swipe .tab-content .tab-pane img {
    float: left;
    width: 100%;
}
.product-details {
    float: left;
    width: 100%;
}
.product-details ul {
    border: 0 none;
    float: left;
    margin: 0 0 -10px;
    width: 100%;
}
.product-details ul li {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}
.product-details ul li a {
    background: none repeat scroll 0 0 #d6d6d6;
    border: 1px solid #dedede;
    color: #000;
    font-family: lato;
    font-size: 13px;
    padding: 10px 20px;

    -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.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-details ul li.active a{
    background: #FFF;
}
.product-details .tab-content {
    border: 1px solid #dedede;
    float: left;
    padding: 40px 35px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.product-details .tab-content h3 {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    width: 100%;
}
.product-details .tab-content h4 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 16px;
    margin: 0;
    width: 100%;
}
.product-details .tab-content h5 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 20px;
    width: 100%;
}
.product-details .tab-content h5 strong {
    font-weight: 600;
}
.product-details .minict_wrapper {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #efefef;
    height: 40px;
    padding: 7px 15px;
    cursor: pointer;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-details .minict_wrapper input{
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
}
.product-details .minict_wrapper:after {
    border-left: 1px solid #efefef;
    height: 100%;
    line-height: 10px;
    top: 0;
    width: 40px;
}
.product-details .minict_wrapper ul li {
    background: none repeat scroll 0 0 #fbfbfb;
    width: 100%;
}
.product-details span {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
    width: 100%;
}
.product-details .tab-content span a {
    color: #000000;
    float: none;
    font-size: 14px;
    text-decoration: underline;
    width: auto;
}
.product-details p {
    color: #6c6c6c;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
.product-details .tab-content ul {
    padding: 0 0 0 15px;
    margin: 0;
}
.product-details .tab-content ul li {
    color: #6c6c6c;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: 0;
    width: 100%;
}
.single-product-page .tab-content a.single-add-to-cart {
    background: none repeat scroll 0 0 #222;
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 30px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 70%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.more-details {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.more-details:last-child{
    margin-bottom: 0;
}
.more-details > h6 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    width: 100%;
}
.product-details .more-details > ul {
    list-style: none outside none;
    padding: 0;
}
.product-details .more-details > p {
    margin: 0;
}
.single-product-page .tab-content .tab-pane a.show-big {
    bottom: 20px;
    color: #515251;
    font-size: 32px;
    position: absolute;
    right: 20px;
}

/* Cart Sec */
.cart-sec {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
}
.cart-sec > li {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 30px;
    width: 100%;
}
.cart-sec > li:last-child {
    margin: 0;
}
.cart-sec > li .product {
    border-right: 1px solid #e8ecec;
    float: left;
    padding: 20px;
    width: 50%;
	height: 272px;
}
.cart-sec > li .price {
    border-right: 1px solid #e8ecec;
    float: left;
    height: 272px;
    width: 15%;
}
.cart-sec > li .price > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-sec > li .price > h3 {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.cart-sec > li .cart-quantity {
    border-right: 1px solid #e8ecec;
    float: left;
    width: 20%;
	height: 272px;
}
.cart-sec > li .cart-quantity > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.decrements {
    display: table;
    float: none;
    margin: 0 auto;
}
.decrements > .qantity-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    padding: 8px 12px 10px;
    position: relative;
}
.decrements .qantity-form input.userincr-btn-inc[type="button"] {
    position: absolute;
    right: 7px;
}
.decrements .qantity-form input.userincr-btn-dec[type="button"] {
    left: 7px;
    position: absolute;
    line-height: 20px;
}
.decrements .qantity-form input[type="button"] {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    font-family: roboto;
    font-size: 14px;
    height: 15px;
    padding-bottom: 23px;
    width: 17px;
    background: #333333 none repeat scroll 0 0;
}
.decrements > .qantity-form .qty {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-family: roboto;
    font-size: 15px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    width: 59px;
}
.quantity > p {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 15px 0 0;
    text-align: center;
    width: 100%;
}
.cart-sec > li .total {
    float: left;
    width: 15%;
	height: 272px;
}
.cart-sec > li .total > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-sec > li .total > h3 {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.product > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 35%;
}
.inner-left .woocommerce  .checkout-button.button:hover {
    background:#333333;
}
.woocommerce .product > span > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff !important;
    font-size: 14px;
    height: 32px;
    left: 50%;
    line-height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2) rotate(360deg);
    -moz-transform: scale(2) rotate(360deg);
    -ms-transform: scale(2) rotate(360deg);
    -o-transform: scale(2) rotate(360deg);
    transform: scale(2) rotate(360deg);
	
    -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;
	
    width: 32px;
}
li.cart_item:hover .product > span > a {
    opacity: 1;
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.product > span > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:32px;
}
.product > span > img {
    float: left;
    width: 100%;
}
.product > h3 {
    display: block;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    padding-left: 15px;
    width: 65%;
}
.product > h3 > a {
    color: #666;
}
.product > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0 0 0 15px;
    width: 50%;
}
.product > ul > li {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    height: 31px;
    list-style: none outside none;
    margin-bottom: 10px;
    padding: 4px 15px;
    width: 100%;
}
.product > ul > li > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 24px;
    width: 50%;
}
.product > ul > li > i {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    height: auto;
    line-height: 24px;
    width: 50%;
}
.product > ul > li.cart-colors > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 17px;
    margin-right: 6px;
    margin-top: 2px;
    width: 17px;
}
.product > ul > li.cart-colors > i.green {
    background: none repeat scroll 0 0 #5FD370;
}
.product > ul > li.cart-colors > i.red {
    background: none repeat scroll 0 0 #f96a59;
}.product > ul > li.cart-colors > i.yellow {
    background: none repeat scroll 0 0 #f9f059;
}

/* Toogle Cart Top */
.toogle-cart-sec {
    float: left;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 9999999999999999999999;
    height: 175px;
    left: 0;
    top: -175px;
	
    -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;
}
.toogle-cart-sec:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.toogle-cart-sec.sticky {
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.toogle-cart-box {
    border: 1px solid rgba(255, 255, 255, 0.3);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 15px;
    padding: 15px;
    width: 300px;
}

.toogle-cart-box > span {
    float: left;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
    margin-right: 10px;
}
.toogle-cart-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
}
.toogle-cart-box > h3 {
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 5px 0;
}
.toogle-cart-box > h3 > a {
    color: #FFFFFF;
}
.toogle-cart-box > i {
    color: #EAEAEA;
    display: block;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    margin-top: 10px;
}
.toogle-cart-box > ul {
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
.toogle-cart-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
.toogle-cart-box > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    
	-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;
	
    width: 26px;
}
.toogle-cart-box > ul > li > a i{
	float:left;
	width:100%;
	line-height:26px;
}
.toogle-cart-box > ul > li > a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
.toogle-cart-sec > .container {
    position: relative;
}
.toogle-cart-sec > .container > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50px;
    color: #FFFFFF;
    font-size: 17px;
    height: 45px;
    line-height: 18px;
    padding-left: 21px;
    padding-top: 23px;
    position: absolute;
    right: 0;
    text-align: center;
	
    -webkit-transform: rotate(45deg) scale(0.9);
    -moz-transform: rotate(45deg) scale(0.9);
    -ms-transform: rotate(45deg) scale(0.9);
    -o-transform: rotate(45deg) scale(0.9);
    transform: rotate(45deg) scale(0.9);
	
    width: 45px;
    z-index: 0;
	color: transparent;
}
.toogle-cart-sec > .container > a > i {
    float: left;
    margin-top: -37px;
	
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	
	color:#fff;
}

.toogle-cart-sec > .container > a > span {
    display: none;
}
.toogle-cart-sec > .container > a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: -1;
}
.toogle-cart-sec:hover .container > a {
    -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;
}
#content_2 .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(255,255,255,0.1);
}
#content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
#content_2 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
#content_2 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 6px;
    margin: 5px auto;
    width: 100%;
}
.toogle-cart-sec.open {
    top: 0;
}

.business1.style2 .toogle-cart-sec > .container > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50px;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 12px;
    font-weight: lighter;
    height: 47px;
    padding: 13px 23px 17px 17px;
    top: 154px;
    
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	
    width: auto;
}
.business1.style2 .toogle-cart-sec > .container > a > i {
    float: right;
    
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	
    margin: 0;
    margin: 3px 0;
    margin-left: 7px;
}
.business1.style2 .toogle-cart-sec > .container > a > span {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 2px solid #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: inline;
    font-size: 11px;
    height: 25px;
    line-height: 21px;
    position: absolute;
    right: -10px;
    top: 11px;
    width: 25px;
}

/* Cart Single */


#cart-single-sec {
    float: left;
    width: 100%;
}
#cart-slide {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#cart-slide li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    overflow: hidden;
    width: 100%;
}
#cart-slide li > img {
    float: left;
    width: 100%;
}
.cart-product-desc {
    float: left;
    width: 100%;
}
.trend > a.added_to_cart.wc-forward {
    margin-left: 10px;
}
.masonary-product > a.added_to_cart.wc-forward {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    line-height: 99px;
}
.masonary-product > a.added_to_cart.wc-forward:before {
    display: none;
}
.add-to-fav > i {
    margin-top: 4px;
}
.woocommerce-product-rating {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-bottom: 10px;
    padding: 10px 20px;
    width: 100%;
}
.cart-product-desc > h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}
.cart-product-desc > div {
    float: left;
    width: 100%;
}
.cart-product-desc > div p {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 12px;
    width: 100%;
}
.cart-product-desc > h3 > i {
    font-style: normal;
    font-weight: 600;
}
.cart-product-desc > span {
    color: #313131;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 100%;
}
#choose-color {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
}
#choose-color > li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 27px;
    list-style: none outside none;
    margin-right: 5px;
    overflow: hidden;
    width: 27px;
}
#choose-color > li.red {
	background:#ff4646;
}
#choose-color > li.green {
	background:#56cd59;
}
#choose-color > li.blue {
	background:#ffef66;
}
#choose-size {
    border: medium none;
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
#choose-size > li {
    border: medium none;
    float: left;
    margin: 0;
}
#choose-size > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #888888;
    float: left;
    height: 27px;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    width: 33px;
}
#choose-size > li.active > a {
    background: none repeat scroll 0 0 #888;
    color: #FFFFFF;
	border: 1px solid #888888;
}
.cart-product-desc > .decrements {
    float: left;
    width: 100%;
}
.cart-product-desc > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-top: 40px;
    padding: 17px 16px;
}
.tab-features {
    float: left;
    padding-right: 10px;
    width: 100%;
}
.tab-features > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 20px;
    width: 100%;
}
.tab-features > p {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.tab-features > ul {
    float: left;
    margin: 25px 0;
    padding: 0;
    width: 100%;
}
.tab-features ul li {
    float: left;
    list-style: none outside none;
    width: 50%;
}
.tab-features ul li i {
    background: none repeat scroll 0 0 #6A6A6A;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 19px;
}
.tab-features ul li p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-left: 20px;
}
.cart-single-tab {
    float: left;

    margin-top: 60px;
    width: 100%;
}
.cart-single-tab > ul {
    border: medium none;
    padding-left: 50px;
}
.cart-single-tab > ul > li {
    float: left;
    margin: 0;
}
.cart-single-tab > ul > li > a {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
	
    color: #696969;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding: 10px 18px;
    text-transform: uppercase;
}
.cart-single-tab > ul > li > a > i {
    float: left;
    font-size: 16px;
    margin-right: 15px;
    margin-top: 2px;
}
.cart-single-tab > ul > li.active > a {
    -moz-border-bottom-colors: none;
    -ms-border-bottom-colors: none;
    -webkit-border-bottom-colors: none;
    -o-border-bottom-colors: none;
	
    -moz-border-left-colors: none;
    -webkit-border-left-colors: none;
    -ms-border-left-colors: none;
    -o-border-left-colors: none;
	
    -moz-border-right-colors: none;
    -webkit-border-right-colors: none;
    -ms-border-right-colors: none;
    -o-border-right-colors: none;
	
    -moz-border-top-colors: none;
    -webkit-border-top-colors: none;
    -ms-border-top-colors: none;
    -o-border-top-colors: none;
	
    background: none repeat scroll 0 0 #F8F8F8;
    border-color: -moz-use-text-color #DADADA #DADADA;
    border-image: none;
    border-right: 1px solid #DADADA;
    border-style: solid;
    border-width: 2px 1px 1px;
}
.cart-single-tab .tab-content {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    float: left;
    margin-top: -2px;
    padding: 22px 20px;
    position: relative;
    z-index: 9;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.product-details {
    float: left;
    width: 100%;
}
.product-details > h3 {
    color: #282828;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 50px;
    text-transform: uppercase;
    width: 100%;
}
.product-details > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.product-details > ul li {
    border: 1px solid #DDDDDD;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.product-details > ul li:last-child {
    margin: 0;
}
.product-details li span {
    background: none repeat scroll 0 0 #F3F1F1;
    color: #1D1D1D;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 10px;
    margin-right: 20px;
    padding: 10px;
    width: 25%;
}
.product-details p {
    color: #434343;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 10px 0;
}

/* Wpb Tabs */
.wpb_tabs {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0 !important;
    padding: 27px;
    width: 100%;
}
.wpb_tabs ul > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    border-right: 1px solid #e8e6e6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    line-height: 29px;
    margin: 0;
    padding: 0 20px !important;
    text-transform: uppercase;
	
    -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;
}
.wpb_tabs ul.wpb_tabs_nav  {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
}
.wpb_tabs .wpb_tab {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left;
    padding: 0 !important;
    width: 100%;
}
.wpb_content_element .wpb_tabs_nav li:last-child > a {
    border: medium none;
}
.wpb_tabs .wpb_tabs_nav li {
    margin: 0 !important;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active > a{
	color:#fff;
}

/* Woo Commerce */
.woocommerce {
    float: left;
    width: 100%;
}
.woocommerce > h2 {
    float: left;
    font-family: roboto;
    margin: 0 0 20px;
    width: 100%;
}
.woocommerce-review-link {
    color: #333333;
    margin-left: 10px;
}
/* Variation Product */
.variations_form.cart {
    float: left;
    width: 100%;
}
.cart-product-desc .cart-options > form {
    float: left;
    margin-bottom: 0 !important;
    margin-top: 30px;
    width: 150px;
}
.variations_form.cart {
    width: 100% !important;
}
.variations {
    border: medium none;
    float: left;
    margin: 0 !important;
    width: 100%;
}
.variations_button {
    float: left;
    margin-top: 13px;
    width: auto;
}
.variations > tbody {
    float: left;
    width: 100%;
}
.variations > tbody > tr .label {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 !important;
	margin-bottom:15px;
}
.variations > tbody > tr .label > label {
    color: #565656;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 11px 13px;
    text-align: center;
    width: 100%;
}
.variations > tbody > tr .value {
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	float: left;
    height: auto;
    padding: 0;
	margin-bottom:15px;
}
.variations > tbody > tr .value > select {
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
    height: 38px;
    padding-left: 12px;
}
.variations > tbody > tr .value > a {
    color: #565656;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 7px;
    text-align: center;
    width: 100%;
}
.single_variation {
    float: left;
    font-family: Open Sans;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-right: 20px;
    width: auto;
}
.product-type-variable .quantity.buttons_added {
    float: left;
    margin-right: 15px !important;
}
.inner-left .cart-product-desc .variations_button > button {
    background: none repeat scroll 0 0 #333;
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 7px 30px;
    text-shadow: 0 0;
}
.inner-left .cart-product-desc .variations_button > button:hover {
    background: none repeat scroll 0 0 #555;
}
.cart-product-desc > p {
    font-family: Roboto;
    font-size: 14px;
    line-height: 24px;
}
.woocommerce > form.login,
.woocommerce > form.checkout_coupon {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.woocommerce > form.checkout_coupon > p {
    margin: 0;
    padding: 0;
}
.woocommerce > form.login > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 12px;
    padding: 0;
    width: 100%;
}
.woocommerce > form.login > p > label {
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    width: 100%;
}
.woocommerce > form.login > p > .input-text {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 12px 17px;
    width: 100%;
}
.upsells {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.upsells > h2 {
    color: #555555;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.review-product {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.woocommerce p > input.button {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    font-family: roboto;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 12px 30px;
    text-shadow: 0 0;
    text-transform: uppercase;
}
.woocommerce > form.login > p.lost_password > a {
    color: #565656;
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    margin: 0;
}
.woocommerce > form.login > p.lost_password {
    margin: 0;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
	
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
    padding: 0;
    top: 0;
}
.woocommerce .woocommerce-info > a {
    margin-left: 15px;
}
.checkout {
    float: left;
    width: 100%;
}
.woocommerce-billing-fields {
    float: left;
    width: 100%;
}
.woocommerce-billing-fields > h3 {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    width: 100%;
}
.woocommerce-billing-fields > p {
    float: left;
    margin-bottom: 18px !important;
    padding: 0 !important;
    width: 100%;
}
.woocommerce-billing-fields > p > label {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce-billing-fields > p > input[type="text"], 
.woocommerce-billing-fields  p > input[type="password"],
.woocommerce-shipping-fields  p  > textarea,
.woocommerce-shipping-fields  p  > input[type="text"],
.woocommerce > form.checkout_coupon > p input[type="text"],
.coupon > input[type="text"] {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #565656 !important;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 12px;
    width: 100%;
}
.woocommerce > form.checkout_coupon > p input[type="submit"]{
	margin:0;
}
.woocommerce-billing-fields > p input[type="checkbox"] {
    float: left;
}
.woocommerce-billing-fields > p .checkbox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    margin: -8px 0 0;
    padding-left: 10px;
    width: auto;
}
.woocommerce .myaccount_user {

    float: left;

    width: 100%;

}
.addresses {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;

    float: left;
    width: 100%;
}

.woocommerce .addresses > .address {
    float: left;
	padding: 25px;
	width: 50%;
}

.woocommerce .addresses > .col-1.address{
	border-right: 1px solid #e8ecec;
}

.woocommerce .addresses > .address > header.title {
    float: left;
    position: relative;
    width: 100%;

}
.woocommerce .addresses > .address > header.title > a {
    background: none repeat scroll 0 0 #555;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    color: #fff;
    font-family: roboto;
    font-size: 13px;
    line-height: 12px;
    padding: 7px 19px;
    position: absolute;
    right: 0;
    top: 0;

}

.woocommerce .addresses > .address address {
    color: #888;
    float: left;
    font-family: roboto;
   font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}

.woocommerce .addresses > .address > header.title > h3 {
    color: #555;
    float: left;
    font-family: Raleway;
    font-size: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    padding-right: 80px;
    width: 100%;

}

.create-account > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.checkout > h3 {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0 15px;
    width: 100%;
}
.checkout > div {
    float: left;
    width: 100%;
}
.woocommerce .shop_table {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
	
    float: left;
    width: 100%;
}
.woocommerce .shop_table thead {
    color: #565656;
    font-family: lato;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.woocommerce .shop_table tbody {
    color: #666666;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce .shop_table tfoot {
    color: #565656;
    font-family: Roboto;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
#payment {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
	
    float: left;
    width: 100%;
}
.woocommerce-shipping-fields {
    float: left;
    width: 100%;
}
.woocommerce-shipping-fields > h3{
	color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0 7px;
    width: 100%;
	font-weight: 500;
}
.woocommerce-shipping-fields > h3 label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
}
.woocommerce-shipping-fields > h3 input {
    margin-left: 11px;
    margin-top: 8px;
}
.woocommerce-shipping-fields  p {
    margin-bottom: 18px !important;
    padding: 0 !important;
}
.woocommerce-shipping-fields  p  > label {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.coupon {
    float: left;
    margin-right: 30px;
    width: auto;
}
.coupon > label {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 0;
    margin-right: 10px;
}
.coupon > input[type="text"] {
    margin-right: 10px;
    margin-top: -3px;
    padding: 5px 15px;
    width: auto;
}
.cart-total-box {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    width: 100%;
	margin-top: 30px;
}
.cart-head {
    float: left;
    width: 100%;
}
.cart-total-box .cart-head > h2 {
    border: medium none;
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 17px 0;
    text-align: center;
    width: 100%;
}
.cart-total-box .cart-head > h2 > a{
	color:#fff;
}
.cart-total-box ul {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-total-box ul > li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #fcfcfc;
}
.cart-total-box ul > li {
    float: left;
    line-height: 10px;
    list-style: none outside none;
    padding: 15px 20px;
    width: 100%;
	font-family: roboto;
}
.cart-total-box ul > li > span {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: left;
    width: 50%;
}
.cart-total-box ul > li > i {
    color: #818181;
    float: left;
    font-size: 13px;
    font-style: normal;
    letter-spacing: 0.3px;
    width: 50%;
}
.customlist > select {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c6dade;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 2px #e9f3f6;
    -moz-box-shadow: 0 1px 2px #e9f3f6;
    -ms-box-shadow: 0 1px 2px #e9f3f6;
    -o-box-shadow: 0 1px 2px #e9f3f6;
    box-shadow: 0 1px 2px #e9f3f6;
	
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 16px;
    height: 30px;
    padding-left: 10px;
    position: relative;
    width: 100%;
}
.cart-total-box ul > li > input {
    border: 1px solid #c6dade;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 2px #e9f3f6;
    -moz-box-shadow: 0 1px 2px #e9f3f6;
    -ms-box-shadow: 0 1px 2px #e9f3f6;
    -o-box-shadow: 0 1px 2px #e9f3f6;
    box-shadow: 0 1px 2px #e9f3f6;
	
    color: #d2d2d2;
    float: left;
    font-family: Raleway;
    font-size: 13px;
    height: 30px;
    padding: 0 0 0 15px;
    width: 100%;
}

/* Theme Test Unit */
.inner-left > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    width: 100%;
}
blockquote {
    background: none repeat scroll 0 0 #fafafa;
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 26px 41px;
    width: 100%;
}
body blockquote p {
    float: left;
    font-family: lato;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    width: 100%;
	font-style:italic;
}
.inner-left table{
	margin-bottom:20px;
}
table {
    border: 1px solid #f0f0f0;
    color: #888888;
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
thead {
    color: #333;
    text-align: center;
}
table th {
    border: 1px solid #f0f0f0;
    text-align: center;
}
td {
    border: 1px solid #f0f0f0;
    font-size: 12px;
    line-height: 30px;
}
dt,dd {
    color: #777;
    font-family: roboto;
    font-size: 13px;
    line-height: 25px !important;
	letter-spacing:0.30px;
}
pre {
    float: left;
    text-align: left;
    width: 100%;
}
.alignleft {
    float: left;
    margin-right: 20px;
}
.alignright {
    float: right;
    margin-left: 20px;
}
.aligncenter {
    margin: 0 auto;
}
.page-numbers {
    float: left;
    width: 100%;
}
.twitter-tweet.twitter-tweet-rendered {
    float: left;
    width: 100% !important;
}
.inner-left > ul {
    float: left;
    text-align: left;
    width: 100%;
}
.inner-left > ul li {
    font-family: roboto;
}
.inner-left > ul ul {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.inner-left > ol {
    font-family: roboto;
    padding: 0 0 0 19px;
    text-align: left;
    width: 100%;
}
.shop-price ul li a:hover i {
    color: #ffffff;
}
.inner-left > ol ol {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.portfolio-head > span a {
    color: #fafafa;
}
/* Theme Test Unit */
.wp-caption{} 
.wp-caption-text{} 
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
.post.sticky > div > div {
    float: left;
    width: 100%;
}
.post.sticky > div > div .post-desc {
    margin: 0;
}
.post.sticky .post-desc h2 {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 10px 20px;
}
.post.sticky .post-desc p {
    margin-bottom: 17px;
}
.standalone-tweet {
    float: left;
    height: auto;
    padding: 0;
    width: 100%;
}
.mejs-container {
    float: left;
    margin-bottom: 21px;
}

/*** BB PRESS STYLING ***/

#bbpress-forums {
    margin-bottom: 0;
}

#bbpress-forums #bbp-search-form {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #dcdcdc;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 310px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#bbpress-forums #bbp-search-form input#bbp_search {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #343434;
    float: left;
    font-family: roboto;
    height: 40px;
    padding: 10px;
    width: 230px;
}

#bbpress-forums #bbp-search-form input#bbp_search_submit {
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #cfcfcf;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    border-right: 0 none;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    float: left;
    font-family: roboto;
    height: 40px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 70px;
}

#bbpress-forums #bbp-search-form input#bbp_search_submit:hover{
    color: #AFAFAF;
}

#subscription-toggle, #favorite-toggle {
    background:none repeat scroll 0 0 #282828;
    float: left;
    margin: 0 20px;
    padding: 5px 15px;
    text-transform: uppercase;
	
    -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}

#subscription-toggle a, #favorite-toggle a {
    color: #fff !important;
    line-height: 20px;
}

.bbp-author-avatar img {
    border: 0 none !important;
    margin: 0 !important;
}

#bbpress-forums ul {
    color: #888888;
    font-weight: 400;
}

#bbpress-forums .minict_wrapper.bubble ul {
    background: none repeat scroll 0 0 #fff;
}

#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;

}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */
    padding:0;

}

#bbpress-forums > ul {
    border: 1px solid #c9c9c9!important;
    overflow: hidden !important;    
    
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;

}

#bbpress-forums li.bbp-footer {
    background: none repeat scroll 0 0 #DCDCDC;
    border-top: 1px solid #C9C9C9;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #d0cfcf;
    padding: 0 20px;
}

#bbpress-forums li.bbp-body ul.forum li, #bbpress-forums li.bbp-body ul.topic li {
    font-size: 13px;
    line-height: 80px;
    min-height: 125px;
    padding: 20px 0;
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, 
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 34px;
}

#bbpress-forums fieldset.bbp-form {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#bbpress-forums fieldset.bbp-form label {
    float: left;
    font-weight: 400;
    width: 100%;
}

#bbpress-forums li.bbp-header {
    background: none repeat scroll 0 0 #6f6f6f;
    border: 1px solid #3e3e3e;
    float: left;
    font-weight: 400;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1;

}

#bbpress-forums li.bbp-header:before {
    background: url("../images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #84898B;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;

}

#bbpress-forums li.bbp-header li {
    color: #F1EFEF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-shadow: 0 1px 0 #000000;
    text-align: center;

}

li.bbp-forum-freshness, li.bbp-topic-freshness {
    border-right: 0 none !important;
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 47px;

}

.bbp-form input[type="text"],.bbp-form textarea {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #C8C8C8;
    font-family: roboto;
    height: 30px;
    padding: 5px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.bbp-form textarea{
    border:0;
    height:auto;
}

#bbpress-forums div.reply {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    color: #333333;
    font-size: 12px;
    position: relative;
    padding:0;
    right: 0;

}

div.bbp-submit-wrapper button {
    background: none repeat scroll 0 0 #D4D4D4;
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 25px;
    text-transform: uppercase;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

div.bbp-template-notice.info {
    color: #747474;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    background-color: #BFE7F1;
    border: 1px solid #D1D1D1;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a,

 ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    background: none repeat scroll 0 0 #E0E0E0;
    color: #646363 !important;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    margin-top: 18px;
    padding: 7px 15px;
    line-height: 20px;
    text-shadow: 0 1px 0 #F4F4F4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.bbp-forum-content {
    color: #9d9d9d;
    line-height: 20px;
    margin: 25px 0 0 !important;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a,
.bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a {
    background: none repeat scroll 0 0 #E1E1E1;
    color: #898888 !important;
    display: table;
    margin: 10px auto 0;
    padding: 5px 15px;
    text-shadow: 0 1px 0 #F4F4F4;
    line-height: 20px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

#bbpress-forums p.bbp-topic-meta {
    float: left;
    margin-bottom: 0;
    margin-top: 10px !important;
    width: 100%;
}

.bbp-author-avatar {
    margin-right: 10px;
}

ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    margin-top: 5px;
    line-height: 20px;

}

li.bbp-forum-topic-count, li.bbp-topic-voice-count,
li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    font-size: 15px !important;

}

.bbp-pagination-count {
    border: 1px solid rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-size: 12px;

}

div.bbp-template-notice, div.indicator-hint {
    background: none repeat scroll 0 0 #FBE3A7;
    border-color: #D1D1D1;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    width: auto;

}

#bbpress-forums p.bbp-topic-meta .bbp-author-name {
    color: #A1A1A1;
}

ul.bbp-replies li.bbp-header > div {
    color: #F1EFEF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-align: center !important;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;

}

li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
    font-size: 12px;
    line-height: 17px;
    margin-top: 18px;
    text-shadow: none;

}

#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background-color: #EDEAEA;
    border-top: 1px solid #D0CFCF;
}

.bbp-admin-links, .bbp-admin-links a {
    color: #8E8E8E !important;
    font-size: 12px !important;
    padding: 0 5px;
    text-transform: capitalize !important;
}

.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
    color: #8E8E8E !important;
    float: right;
    margin-left: 30px;
}

#bbpress-forums .bbp-body div.bbp-reply-author {
    border-right: 1px solid #C9C9C9;
    float: left;
    padding: 20px;
    width: 30%;

}

.bbp-reply-author .bbp-author-avatar {
    float: left;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    color: #8E8E8E;
    display: table-row-group;
    width: auto;

}

#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {
    color: #9c9c9c;
    display: table-row;
    float: left;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-top: -8px;
}

.bbp-reply-ip {
    float: left;
    text-align: left;
}

.bbp-reply-author .bbp-author-avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content {
    border-left: 1px solid #C9C9C9;
    color: #8E8E8E;
    float: left;
    font-family: roboto;
    margin-left: -1px;
    padding: 20px 25px;
    width: 70%;

}

fieldset.bbp-form {
    float: left;
    padding: 0 !important;
    width: 100%;
}

fieldset.bbp-form label {
    color: #7f7f7f;
    float: left;
    font-family: roboto;
    font-size: 12px;
    padding: 0 20px 0 0 !important;
    text-transform: uppercase;
    width: auto !important;

}

button.button.submit {
    line-height: 20px;
    overflow: hidden;
    padding: 7px 20px;

}
div.bbp-template-notice, div.indicator-hint {
    width: 100%;
}

.bbp-breadcrumb > p a, .bbp-breadcrumb > p span {
    color: #222222;
	display: inline-block;
    font-family: roboto;
    font-size: 12px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;

}

.bbp-breadcrumb > p span.bbp-breadcrumb-current {
    color: #a0a0a0;
}

div.bbp-breadcrumb, div.bbp-topic-tags {
    float: left;
    position: relative;
    text-align: center;
    width: auto;
}
#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p {
    margin-top: 10px;
}
.bbp-pagination-links {
    float: left;
    margin-left: 10px;
}
#bbpress-forums .bbp-pagination-links span {
    float: left;
    width: auto;
}
#bbpress-forums .bbp-pagination-links a {
    float: left;
    width: auto;
}
.bbp-topics .bbp-topic-pagination {
    float: left;
    margin-top: 8px;
}
.bbp-topics .bbp-topic-pagination > a {
    float: left;
    width: auto;
}
.entry-title {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin-bottom: 10px !important;
    width: 100%;
}
.bbp-form > div > label {
    float: left;
    text-align: left !important;
    width: 150px !important;
}
#bbpress-forums #bbp-your-profile fieldset.submit {
    float: right;
}


/******************* Widget *******************/
.widget {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/* Widget Tag Cloud */
.tagcloud {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.tagcloud a:hover{
	color:#fff;
}
.tagcloud a {
    border: 1px solid #e8ecec;
    color: #6d6d6d;
    float: left;
    font-family: Roboto;
    font-size: 13px !important;
    
	-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;
	
    padding: 6px 9px;
    margin-top: 10px;
    margin-right: 10px;
}
.tagcloud a:hover{
	color:#fff;
}
/* Widgets Archive and Categories */
.widget_archive > ul, .widget_categories > ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_archive > ul > li, .widget_categories > ul > li {
    border-bottom: 1px dashed #e8ecec;
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 7px 0;
    position: relative;
    text-align: right;
    width: 100%;
}
.widget_archive > ul > li:first-child , .widget_categories > ul > li:first-child{
    padding-top: 0;
}
.widget_archive > ul > li:last-child, .widget_categories > ul > li:last-child {
    border: medium none;
    padding-bottom: 0;
}
.widget_archive > ul > li > a, .widget_categories > ul > li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding-left: 30px;
    position: relative;
    text-align: left;
    
	-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;
	
    width: 85%;
}
.widget_archive > ul > li > a:before, .widget_categories > ul > li > a:before {
    color: #565656;
    content: "ï„…";
    font-family: fontawesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 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;
}
.widget_archive > ul > li > a:hover:before, .widget_categories > ul > li > a:hover:before {
    left: 10px;
}

/* Widget Archive Select */
.widget_archive > select, .widget_categories > select, .widget_product_categories > select {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    padding-left: 10px;
    width: 100%;
}

/* Widget Calendar */

#calendar_wrap {
    float: left;
    width: 100%;
}

#calendar_wrap > table {
    float: left;
    width: 100%;
}

#calendar_wrap > table > caption {
    background: none repeat scroll 0 0 #fafafa;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 0;
}
#calendar_wrap > table > thead {
   width: 100%;
}
#calendar_wrap > table > thead > tr > th {
	background: none repeat scroll 0 0 #f3f3f3;
    border-right: 1px solid #e8e8e8;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 0;
    text-align: center;
}
#calendar_wrap > table > tbody > tr > td.pad {
	background: none repeat scroll 0 0 #fdfdfd;
}
#calendar_wrap > table > tbody > tr > td {
   background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    color: #888;
    font-family: roboto;
    font-size: 12px;
    padding: 4px 0;
    text-align: center;
}
#calendar_wrap > table > tbody > tr > td > a {
   background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	
    color: #333;
    float: left;
    width: 100%;
}
#calendar_wrap > table > tfoot > tr > td {
   background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    font-family: roboto;
    font-size: 13px;
    text-align: center;
}
#calendar_wrap > table > tfoot > tr > td > a{
	color:#555555;
}

/* Widget main Menu */
.widget_nav_menu .menu-main-menu-container > ul, .widget_pages > ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li, .widget_pages > ul > li {
    float: left;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul li, .widget_pages > ul > li ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul, .widget_pages > ul > li ul {
    float: left;
    margin: 0;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container ul li a, .widget_pages > ul li a {
    border-bottom: 1px dashed #e8ecec;
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 8px 0;
    position: relative;
    text-align: left;
    
	-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;
	
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container ul li ul li a:before, .widget_pages > ul li ul li a:before {
    color: #999;
    content: "ï„„";
    font-family: fontawesome;
    font-size: 12px;
    left: -15px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}

/* Widget Metas */
.widget_meta > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_meta > ul > li {
    float: left;
    width: 100%;
}
.widget_meta > ul > li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}

/* Widget Recent Comment */
.widget_recent_comments > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_recent_comments > ul > li {
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    padding: 10px;
    width: 100%;
}
.widget_recent_comments > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 21px;
    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;
	
}
.widget_recent_comments > ul > li {
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-top: -1px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

/* Widget Recent Entries */
.widget_recent_entries ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-top:-10px;
}
.widget_recent_entries ul li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget_recent_entries ul li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin-bottom: 8px;
    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;
}
.widget_recent_entries ul li > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 10px;
    letter-spacing: 0.3px;
    width: 100%;
}

/* Widget Tag Cloud */
.widget_tag_cloud a {
    color: #565656;
    font-family: lato;
    letter-spacing: 0.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;
}

/* Widget Text */
.widget_text p {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    width: 100%;
}
.widget_text p img, .widget_text a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 15px;
    width: 100%;
}
.widget_text p img.wp-smiley {
    float: none;
    width: auto;
}
.textwidget form {
    float: left;
    width: 100%;
}
.textwidget form select {
    float: left;
    margin-top: 10px;
    width: 100%;
}
/* Widget Dastak Our Offices */
.widget_sh_our_office span {
    border: 1px solid #424242;
}

/* Widget Dastak Recent Post */
.widget_sh_recent_post ul li.sticky {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 15px;
}
.widget_sh_recent_post ul li.sticky > a {
    float: left;
    width: 100%;
}
.widget_sh_recent_post ul li.sticky > a > i {
    float: left;
    margin-top: 5px;
    width: 100%;
}
.widget_sh_recent_post ul li.sticky span {
    display: none;
}
.widget_sh_recent_post ul li.sticky strong {
    float: left;
    margin-top: 9px;
    width: 100%;
}
.widget_sh_recent_post ul li a {
    color: #565656;
}
footer .widget_sh_recent_post ul li a {
    color: #eeeeee;
}

/* Widget Dastak Email Subscribe */
aside .widget_sh_subscribe_mail_list > .f-about-dastak p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -10px 0;
    width: 100%;
}
aside .widget_sh_subscribe_mail_list > .f-about-dastak form {
    border: 1px solid #e8ecec;
}
aside .widget_sh_subscribe_mail_list > .f-about-dastak form > input[type="text"] {
    background: none repeat scroll 0 0 #fafafa;
}

/* Widget BBPress Search Form */
.widget_display_search > form {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
}
.widget_display_search > form input[type="text"] {
    border: 1px solid #e8ecec;
    
	-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;
	
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    padding: 4px 9px;
    width: 70%;
}
.widget_display_search > form input.button {
    border: medium none;
    
	-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;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    width: 30%;
}

/* Widget bbPress Topics */
.widget_display_forums > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_display_forums > ul > li {
    float: left;
    margin-top: 10px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.widget_display_forums > ul > li:before {
    color: #555555;
    content: "ï„?";
    font-family: fontawesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 2px;
}
.widget_display_forums > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
	
    -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;
}

/* Widget bbpress Login */
.bbp-logged-in {
    float: left;
    width: 100%;
}
.bbp-logged-in > a.submit.user-submit {
    background: none repeat scroll 0 0 #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 10px;
    padding: 10px;
}
.bbp-logged-in > a > img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0 !important;
    width: 100%;
}
.bbp-logged-in > h4 {
    display: block;
    float: none;
    font-family: roboto;
    font-size: 17px;
    margin: 0 0 10px;
}
.bbp-logged-in > h4 > a {
    color: #777777;
}
.bbp-logged-in .logout-link {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: inline;
    font-family: roboto;
    font-size: 11px;
    padding: 5px 10px;
	color:#fff;
    text-transform: uppercase;
	margin-top:5px;
}

/* Widget bbpress Display View */
.widget_display_views > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_display_views > ul > li {
    float: left;
    width: 100%;
}
.widget_display_views > ul > li > a {
    color: #777777;
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    margin-top: 6px;
    width: 100%;
}

/* Widget Recent Topics */
.widget_display_topics > ul, .widget_display_replies > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_display_topics > ul li, .widget_display_replies > ul li {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    padding: 15px;
    width: 100%;
}
.widget_display_topics > ul li > a, .widget_display_replies > ul li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-right: 10px;
}
.widget_display_topics > ul li .topic-author, .widget_display_replies > ul li .topic-author {
    background: none repeat scroll 0 0 #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 24px;
    margin-right: 12px;
    margin-top: 2px;
    padding: 5px;
    width: auto;
}
.widget_display_topics > ul li div, .widget_display_replies > ul li div {
    color: #888888;
    display: block;
    font-family: roboto;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
}
.widget_display_topics > ul > li:first-child, .widget_display_replies > ul li:first-child {
    -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;
}
.widget_display_topics > ul > li:last-child, .widget_display_replies > ul li:last-child {
    -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;
}
.widget_display_topics > ul li .topic-author > a img, .widget_display_replies > ul li  .topic-author > a img {
    float: left;
    width: 100%;
}
.widget_display_topics > ul li .topic-author > a, .widget_display_replies > ul li .topic-author > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
}
.widget_display_topics > ul li .topic-author > a.bbp-author-name, .widget_display_replies > ul li .topic-author > a.bbp-author-name {
    font-family: roboto;
    font-size: 11px;
    line-height: 11px;
}

/**************** Woo Commerce Widgets *************/
/* Price Filter */
aside .widget_price_filter .price_slider_wrapper > .price_slider {

    background: none repeat scroll 0 0 #e8ecec !important; 

	-webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;

    float: left;
    width: 100%;

}

aside .widget_price_filter .price_slider_wrapper > .price_slider > .ui-slider-range {
    background: none repeat scroll 0 0 #777;
   
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

aside .widget_price_filter .price_slider_wrapper > .price_slider > .ui-slider-handle {
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    height: 15px;
    width: 15px;
}

.widget_shopping_cart_content {
    float: left;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li {
    border-bottom: 1px dashed #e8ecec;
    float: left;
    padding: 10px;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: right;
    margin-top: 0;
}
.widget .widget_shopping_cart_content > ul > li > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    line-height: 13px;
    padding: 5px 10px;
    width: auto;
}
.widget .widget_shopping_cart_content > .total {
    border: medium none;
    float: left;
    font-family: roboto;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 8px;
    text-align: center;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li:first-child {
    padding-top: 0;
}
.widget .widget_shopping_cart_content > ul > li:last-child {
    padding-bottom: 0;
}
.widget .widget_shopping_cart_content > .buttons {
    display: table;
    float: none;
    margin: 0 auto;
}
.widget .widget_shopping_cart_content > .buttons > a {
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 0 5px;
    padding: 9px 13px;
    text-shadow: 0 0;
    width: auto;
}

/* WooCoomerce Product Categories */
.woocommerce.widget_product_categories > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.woocommerce.widget_product_categories ul li {
    float: left;
    width: 100%;
}
.woocommerce.widget_product_categories ul li a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 6px 0;
}
.woocommerce.widget_product_categories ul li span {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
	
    float: right;
    font-family: roboto;
    font-size: 11px;
    margin-top: 5px;
    padding: 3px 4px;
}

/* WooCommerce Widget Product */
.woocommerce.widget_products > ul {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 29px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.woocommerce.widget_products > ul > li {
    border-left: 3px solid #e8ecec;
    color: #898989;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}


/* WooCommerce Search product */
.widget_product_search > form, .widget_search > form {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    padding: 10px;
	width: 100%;
}
.widget_product_search > form label, .widget_search > form label {
    display: none;
}
.widget_product_search > form input[type="text"], .widget_search > form input[type="text"] {
    border: 1px solid #e8ecec;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    padding-left: 10px;
    width: 70%;
}
.widget_product_search > form input[type="submit"], .widget_search > form input[type="submit"] {
    border: medium none;
    
	-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;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    width: 30%;
}
aside .heading2 {
    margin-bottom: 20px;
}
/* WooCommerce Recent Review */
.widget_recent_reviews > ul {
    float: left;
    width: 100%;
	margin-top:-10px;
}
.widget.widget_recent_reviews > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.widget_recent_reviews > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget.widget_recent_reviews > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.widget_recent_reviews > ul > li .star-rating {
    float: left;
    height: 20px;
    margin-right: 10px;
}
.widget.widget_recent_reviews > ul > li .reviewer {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
}

/* WooCoomerce Top rated products */
.widget.widget_top_rated_products > ul {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.widget_top_rated_products > ul > li .star-rating {
    float: left;
    height: 20px;
    margin-right: 10px;
}
.widget.widget_top_rated_products > ul > li .reviewer {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
}
  
/* Portfolio SIngle */
.portfolio-single {
    float: left;
    width: 100%;
}
.portfolio-single-tab {
    float: left;
    width: 100%;
}
.portfolio-single-tab .tab-content {
    float: left;
    width: 100%;
}
.portfolio-single-tab .tab-content .portfolio-info {
    float: left;
    position: relative;
    width: 100%;
}

.responsive-header > ul li a i {
    margin-right: 20px;
}
.portfolio-single-tab .tab-content .portfolio-info img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-single-tab .tab-content .portfolio-info h3 {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
}
.portfolio-single-tab .tab-content .portfolio-info h3 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 23px;
    line-height: 29px;
    overflow: hidden;
    padding: 9px 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-tabs-btn {
    float: left;
    width: 100%;
}
.portfolio-tabs-btn > .row {
    margin: 0 -15px;
}
.portfolio-tabs-btn > .row > ul {
    border: medium none;
    float: left;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li a {
    border: medium none !important;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 30px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li a img {
    float: left;
    height: auto;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li {
    float: left;
    margin: 0;
    padding: 0 15px;
}
.portfolio-tabs-btn > .row > ul > li a:after {
    color: #fff;
    content: "ï? ";
    font-family: fontawesome;
    font-size: 20px;
    margin-top: -14px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
	-o-transform: scale(2);
    transform: scale(2);

	-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;
	
    width: 100%;
    z-index: 99;
}
.portfolio-tabs-btn > .row > ul > li a:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
	
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);

	-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;
	
    width: 100%;
    z-index: 9;
}
.portfolio-tabs-btn > .row > ul > li.active a:before {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-tabs-btn > .row > ul > li.active a:after {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.portfolio-tags {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 20px 0;
    width: 100%;
}
.portfolio-tags > li {
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-right: 20px;
}
.portfolio-tags > li > strong {
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
}
.portfolio-single > p {
    color: #777;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.portfolio-single .single-project-sec {
    margin-top: 28px;
}
footer.no-widgets {
    padding: 0;
    border: none;
}
footer.no-widgets .footer-sec {
margin-top:0;
}


/* Law Slide 1 */
.law-btns > li {
    float: left;
    margin: 0 10px !important;
}


/* Law Slide 2 */
.law-btns2 > li{
	float: left;
    margin-right: 15px !important;
}

/* Seo Slide */
.law-btn-list:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    left: 14px;
    margin-top: -7px;
    opacity: 0.8;
}


/* Company Service Tabs */
.service-features {
    float: left;
    width: 100%;
}
.service-features > .nav {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
}
.service-features > .nav > li {
    float: left;
    margin: 0;
    margin-right: 10px;
}
.service-features > .nav > li > a {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: normal;
    color: #888;
    background: #f9f9f9;
    padding: 15px 20px;
    border: 1px solid #f9f9f9;
    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	

	-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;
	
}
.service-features > .nav > li > a:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;

	-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;
	
    width: 0;
}
.service-features > .nav > li.active > a:before {
    left: 50%;
    margin-left: -40px;
    width: 80px;
}

.service-features > .nav > li > a:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    border-top: 6px solid ;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 50%;
    margin-left: -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;

    opacity: 0;
}
.service-features > .nav > li.active > a:after {
    opacity: 1;
}
.service-features > .nav > li > a > i {
    margin-right: 10px;
}
.service-features > .nav > li.active > a {
    background: #fff;
    border: 1px solid #e0e0e0;
}
.compnay-service-sec {
    float: left;
    width: 100%;
}
.compnay-service-sec img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.compnay-service-sec h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0;
    width: 100%;
    margin-top: 15px;
}
.compnay-service-sec a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    line-height: 12px;
    letter-spacing: 0.30px;
    padding: 14px 50px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.compnay-service-sec p {
    color: #888888;
    float: left;
    font-family: Noto Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}


/* Business Header Style 3 */
.business1.style3 .business1-menu > ul > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
	
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    padding: 3px 20px;
    border: 1px solid rgba(255,255,255,0);
    border-right-color: #e8ecec;
}
.business1.style3 .business1-menu > ul > li:last-child > a {
    padding-right: 0;
    border: none;
}
.business1.style3 .business1-menu > ul > li.menu-item-has-children > a {
    padding-right: 35px;
    position: relative;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a{
	position:relative;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a:before {
    top: 50% !important;
    margin-top: -8px;
	
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.business1.style3 .business1-menu > ul > li.menu-item-has-children:hover > a:after, 
.business1-menu > ul > li > ul > li.menu-item-has-children:hover > a:after{
    color:#fff;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a:after {
    color: #c1c1c1;
    content: "ï„…";
    display: block !important;
    font-family: fontawesome;
    font-size: 14px;
    margin-top: -9px;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 99999;
}
.business1.style3 .business1-menu > ul > li.mega > ul {
    left: 50% !important;
    margin-left: -200px !important;
}
.business1.style3 .business1-menu > ul > li > a > i {
    display: block;
    float: right;
    margin-left: 10px;

	-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;

}
.business1.style3 #menu-sec {
    height: auto;
}
.business1.style3 .logo {
    margin: 17px 0;
}
.business1.style3 {
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	
    position: fixed;
}
.business1.style3 #menu-sec.sticky .logo {
    margin: 7px 0;
}
.select2-container {
    float: left;
    width: 100%;
}
.woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before {
    top: 15px;
}

/* Pie Wrapper */
#our-Skill-sec > ul {
    display: table;
    float: none;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: auto;
}
#our-Skill-sec > ul > li {
    float: left;
    margin-top: 30px;
}
.circliful {
    position: relative; 
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    color: #484848;
    display: inline-block;
    font-family: lato;
    font-weight: bold;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9;
    line-height: 161px !important;
    float: left;
}
.circliful:before {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 108px;
    left: 36px;
    position: absolute;
    top: 36px;
    width: 108px;
}
.circliful:after {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 140px;
    height: 140px;
    content: "";
    background: rgba(255,255,255,0.3);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.circle-info, .circle-info-half {
    color: #888;
    font-size: 13px;
    font-weight: normal;
    top: 25px;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}

/* Mockup parallax */
.mockup-parallax {
    float: left;
    width: 100%;
}





.wpb_toggle.wpb_toggle_title_active {
    color: #fff !important;
}
.vc_inner img {
    float: left;
    width: 100%;
}
.vc_inner img.loader {
    width: auto;
    float: none;
}
.page .wpb_toggle {
    background: none repeat scroll 0 0 #ffffff ;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: Roboto;
    font-size: 15px;
    padding: 13px 20px;
    width: 100%;
	
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
}
.wpb_alert {
    float: left;
    width: 100%;
}
.wpb_toggle_content {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.wpb_gallery_slides img {
    float: left !important;
    width: 100% !important;
}
.wpb_flexslider .prettyphoto {
    float: left;
    width: 100%;
}
.wpb_tour_tabs_wrapper.ui-tabs {
    float: left;
    width: 100%;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul {
    float: left;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li > a {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
    -ms-border-radius: 3px 3px 0 0 !important;
    -o-border-radius: 3px 3px 0 0 !important;
    border-radius: 3px 3px 0 0 !important;
	
    color: #333;
    font-family: Roboto;
    letter-spacing: 0.3px;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li.ui-tabs-active > a {
    background: none repeat scroll 0 0 #cacaca;
    color: #fff;
}
.wpb_tab.ui-tabs-panel.wpb_ui-tabs-hide.vc_clearfix.ui-widget-content.ui-corner-bottom {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 0 3px 3px;
    -moz-border-radius: 0 3px 3px;
    -ms-border-radius: 0 3px 3px;
    -o-border-radius: 0 3px 3px;
    border-radius: 0 3px 3px;
	
    float: left;
    padding: 20px 30px;
}
.wpb_accordion_section.group {
    border: 1px solid #e8ecec;
    float: left;
    margin-bottom: -1px;
    width: 100%;
}
.page .wpb_accordion_section.group > .ui-accordion-header {
    background: none repeat scroll 0 0 #ffffff;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #333333;
    float: left;
    font-family: Roboto Condensed;
    font-size: 15px;
    letter-spacing: 0.3px;
    width: 100%;
	
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.wpb_accordion_section.group > .ui-accordion-header a{
	color:#333333;
}
.wpb_accordion_section.group > .ui-accordion-header.ui-state-active a {
    color: #fff;
}
.vc-carousel-inner .post-title, .post-title {
    float: left;
    font-family: open sans;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vc-carousel-inner .post-title a,.post-title a{
    color: #444;
    font-size: 18px;
}
.vc_carousel .vc-carousel-control .icon-prev, .vc_carousel .vc-carousel-control .icon-next {
    background-color: transparent!important;
}
.entry-content {
    color: #777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    width: 100%;
}
.vc-inner a.vc_read_more,a.vc_read_more {
    background: none repeat scroll 0 0 #f3f3f3;
    float: left;
    font-family: open sans;
    font-size: 12px;
    padding: 8px 17px;
    line-height: 20px;
    width: auto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


.vc_span3 {
    float: left;
    width: 25%;
}
.vc_span2 {
    float: left;
    width: 16.6667%;
}
.vc_span4 {
    float: left;
    width: 33.334%;
}
.vc_span6 {
    float: left;
    width: 50%;
}
.vc_span12 {
    float: left;
    width: 100%;
}
.post-thumb, .post-thumb a, .post-thumb a img {
    float: left;
    width: 100%;
}
.post-thumb a img{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.isotope-inner {
    padding: 0 15px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.categories_filter li {
    margin-bottom: 0 !important;
}
.categories_filter li a {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #cfcfcf !important;
    float: left;
    line-height: 30px;
    padding: 0 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.categories_filter li.active a {
    background: none repeat scroll 0 0 #bfbfbf;
    color: #fbfbfb;
}
.wpb_thumbnails.wpb_thumbnails-fluid.vc_clearfix {
    float: left;
    width: 100%;
    padding: 0;
}
.wpb_call_text {
    font-family: Roboto;
}
.vc_cta_btn_pos_right {
    float: left;
    width: 100%;
}
.wpb_heading {
    font-family: Roboto;
}
.ui-accordion-content {
    float: left;
    width: 100%;
}


figure.rsCapt {
    bottom: 30px;
    height: auto !important;
    left: 0;
    padding-bottom: 50px;
    position: absolute !important;
    text-align: center;
    top: auto;
    width: 100%;
}
.rsTitle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #fff;
    display: table;
    float: none;
    font-family: Roboto;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 5px;
    margin: 0 auto;
    padding: 12px 30px;
    position: relative;
    z-index: 0;
}
.rsTitle:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}
.rsDesc {
    color: #fff;
    font-family: Roboto;
    font-size: 100px;
    font-weight: bold;
    line-height: 80px;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
.assistive-text {
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    width: 100%;
}
.rsCLink {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: table;
    float: none;
    font-family: lato;
    font-size: 20px;
    margin: 30px auto 0;
    padding: 10px 30px;
}



/* Fancy Services */
.fancy-parallax-box {
    float: left;
    position: relative;
    width: 18%;
	
	-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;
	
	height:600px;
	overflow:hidden;
}
.fancy-parallax-box.active {
    width: 46%;
	
	-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;
}
.vertical-title {
    color: #fff;
    float: left;
    font-family: lato;
    font-weight: 600;
    height: 43px;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-right: -70px;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	
    width: 385px;
    z-index: 99;
	
	-webkit-transition:all 0.9s ease 0s;
	-moz-transition:all 0.9s ease 0s;
	-ms-transition:all 0.9s ease 0s;
	-o-transition:all 0.9s ease 0s;
	transition:all 0.9s ease 0s;
}
.fancy-parallax-box.active .vertical-title {
    opacity: 0.5;
    right: -30%;
}
.fancy-parallax-box.active .fancy-box-info {
    opacity: 1;
    top: 50%;
}
.fancy-box-info {
    float: left;
    opacity: 0;
    padding: 150px 77px 150px 65px;
    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;
	
    width: 100%;
    z-index: 99;
}
.fancy-box-info > a {
    border: 1px solid #fff;
    color: #ffffff;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-top: 30px;
    padding: 10px 20px;
}
.fancy-box-info > h2 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.fancy-box-info > h2:before {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}
.fancy-box-info > p {
    color: #c9c9c9;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0;
    width: 100%;
}


/* SEO Services */
.seo-services {
    float: left;
    list-style: outside none none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.seo-services > li {
    float: left;
    list-style: outside none none;
    margin-top: 10px;
    width: 100%;
}
.seo-services > li > a {
    float: left;
    width: 100%;
}
.seo-services > li >  img {
    float: left;
    width: 100%;
}
.seo-slide {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 99;
}
.seo-slide  li {
    float: left;
    list-style: outside none none;
    position: relative;
    width: 100%;
}
.seo-slide > li > img {
    float: left;
    width: 100%;
}
.seo-slide-desc {
    bottom: 0;
    padding-bottom: 40px;
    padding-right: 40px;
    position: absolute;
    right: 0;
}
.seo-slide-desc > h4 {
    color: #23112c;
    float: left;
    font-family: Noto Sans;
    font-size: 50px;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: right;
    width: 100%;
}
.seo-slide-desc h5 span {
    color: #23112c;
    float: right;
    font-family: Noto Sans;
    font-size: 50px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 90px;
    margin: 0 0 0 10px;
    text-align: right;
}
.seo-slide-desc > span {
    color: #23112c;
    float: left;
    font-size: 70px;
    font-weight: bold;
    line-height: 60px;
    text-align: right;
    width: 100%;
}
.seo-slide-desc > span > i {
    float: right;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    line-height: 28px;
    margin-left: 10px;
    text-align: left;
	color:#80c25c;
}
.seo-slide-desc h5 {
    float: left;
    font-family: Noto Sans;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: right;
    width: 100%;
	color: #23112c;
}


/* SEO Service Slide */
.seo-service-sec {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.mob-mockup {
    float: left;
    text-align: center;
    width: 100%;
}
.seo-list-service {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.seo-list-service > h3 > i {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 38px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 42px;
}
.seo-list-service > h3 {
    color: #1f1f1f;
    float: left;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 12px;
    padding-left: 62px;
    position: relative;
    width: 100%;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.seo-list-service > p {
    color: #777777;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -5px 0 0;
    width: 100%;
}
.mob-mockup > img {
    display: table;
    float: none;
    margin: 0 auto;
}


/* Fancy Price Table */
.fancy-price {
    border: 1px solid #dfdfdf;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 175px;
    position: relative;
    width: 100%;
	margin-top:30px;
}
.fancy-price-rate > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    font-family: Roboto condensed;
    font-size: 30px;
    font-weight: bold;
    height: 100px;
    left: 38px;
    line-height: 100px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100px;
    z-index: 0;
}
.fancy-price-rate > span > i {
    font-size: 14px;
    font-style: normal;
}
.fancy-price-rate > span:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 100px;
    left: 0;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 100px;
    z-index: -1;
}
.fancy-price-rate {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.fancy-price-head {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    float: left;
    padding: 25px 25px 20px;
    position: relative;
    width: 100%;
}
.fancy-price-head > h3 {
    float: left;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 11px;
    padding-bottom: 6px;
    position: relative;
    width: 100%;
}
.fancy-price-head > h3:before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 45px;
}
.fancy-price-head > span {
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 9px;
}
.fancy-price-features {
    background: none repeat scroll 0 0 #fafafa;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    color: #525252;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 8px 0 8px 25px;
    position: relative;
    width: 100%;
}
.fancy-price-btn {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #dfdfdf;
    float: left;
    padding: 30px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.fancy-price-btn > a {
    color: #fff;
    display: table;
    float: none;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 20px;
}

.widget .fullwidthbanner-container {
    overflow: hidden;
    float: left;
}
.toogle-cart-box .variation {
    color: #fff;
    display: inline;
    float: none;
}
.toogle-cart-box .variation .variation-Color {
    color: #fff;
    float: left;
    margin-right: 5px;
    margin-top: -1px;
}
.toogle-cart-box .variation .variation-Color p {
    color: #fff;
    line-height: 24px;
    margin: 0 10px 0 0;
}
/* Header Fancy */
.fancy-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    z-index: 999999999999;
}
.fancy-header > .container {
    padding: 0;
}
.fancy-header .logo {
    float: left;
    margin-top: 35px;
}
.fancy-header .logo a {
    float: left;
}
.fancy-header.sticky .logo a img {
    width: 130px;

    -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;
}
.fancy-header nav {
    float: right;
}
.fancy-header nav > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.fancy-header nav ul {
    list-style: none;
}
.fancy-header nav > ul > li {
    float: left;
    position: relative;
}
.fancy-header nav > ul > li > a {
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 54px 30px 54px;
    text-transform: uppercase;
    
    -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;

    position: relative;
}
.fancy-header nav > ul > li > a strong {
    float: left;
    margin-right: 6px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;

    -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;
}
.fancy-header nav > ul > li > a > i {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    
    -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;

    opacity: 0;
}
.fancy-header nav > ul > li:hover > a > i {
    top: 38px;
    opacity: 1;
}
.fancy-header nav > ul > li:hover > a {
    padding-bottom: 37px;
    padding-top: 71px;
}
.fancy-header nav > ul > li > a:before {
    position: absolute;
    left: 14px;
    bottom: 54px;
    content: "+";
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;
    color: #fff;

    -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;
}
.fancy-header nav > ul > li:hover > a:before {
    bottom: 20px;
    opacity: 0;
}
.fancy-header nav > ul > li > ul {
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 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;
    
    width: 220px;
    
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    opacity: 0;
}
.fancy-header a {
    -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;
}
.fancy-header nav > ul > li:hover > ul {
    opacity: 1;
    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

}
.fancy-header nav > ul > li > ul > li {
    float: left;
    width: 100%;
    position: relative;
}
.fancy-header nav > ul > li.mega > ul > li {
    width: 50% !important;
}
.fancy-header nav > ul > li.mega > ul > li ul > li {
    width: 100% !important;
}
.fancy-header nav > ul > li.mega > ul > li ul {
    width: 100% !important;
    z-index: 99;
}
.fancy-header nav > ul > li > ul > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #f3f3f3;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 25px;
    width: 100%;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #191919;
}
.fancy-header nav > ul > li > ul > li > a > i {
    float: left;
    margin-right: 10px;
}
.fancy-header nav > ul > li > ul > li:last-child > a {
    border-bottom: none;
}
.fancy-header nav > ul > li > ul > li:last-child > a {
    border-bottom: medium none;

    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}
.fancy-header nav > ul > li > ul > li ul {
    left: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 220px;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    display: none;
}
.fancy-header nav > ul > li > ul > li ul > li {
    float: left;
    width: 100%;
}
.fancy-header nav > ul > li > ul > li ul > li a {
    background: rgba(32,32,32,0.7);
    color: #f3f3f3;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 25px;
    width: 100%;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #191919;
}
.fancy-header nav > ul > li > ul > li:hover ul {
    display: block;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.fancy-header nav > ul > li > ul > li ul > li > a i {
    float: left;
    margin-right: 10px;
}
.fancy-header nav > ul > li > ul > li ul > li:first-child a {
    border-top: none;
}
.fancy-header nav > ul > li > ul > li ul > li:hover a {
    padding-left: 20px;
}
.fancy-header nav > ul > li > ul > li ul > li:last-child a {
    border-bottom: navy;
}
.fancy-header nav > ul > li > ul > li:hover > a {
    background: rgba(32,32,32,0.7);
}
/* Whitish */
.fancy-header.whitish {
    background: rgba(255,255,255,0.96);
}
.whitish.fancy-header nav > ul > li > ul > li > a {
    background-color: rgba(255,255,255,0.9);
    color: #353535;
    border-bottom-color: #ffffff;
    border-top-color: #e4e4e4;
}
.whitish.fancy-header nav > ul > li > ul > li ul > li a {
    background-color: rgba(225, 225, 225, 0.95);
    color: #555555;
    border-top-color: #f3f3f3;
    border-bottom-color: #c0c0c0;
}
.fancy-header.whitish nav > ul > li > a,
.fancy-header.sticky nav > ul > li > a {
    color: #555555;
}
.fancy-header.whitish nav > ul > li > a:before,
.fancy-header.sticky nav > ul > li > a:before {
    color: #757575;
}
.fancy-header.whitish nav > ul > li:hover > a,
.fancy-header.sticky nav > ul > li:hover > a {
    color: #fff;
}
.fancy-header.blackish {
    background: rgba(0,0,0,0.3);
}
.fancy-header:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255,255,255,0.96);
    z-index: -1;

    -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;
}
.fancy-header.sticky:before {
    left: 0;
}
.fancy-header.sticky .logo {
    margin-top: 15px;
}
.fancy-header.sticky nav > ul > li > a {
    padding-bottom: 32px;
    padding-top: 29px;
}
.fancy-header.sticky nav > ul > li > a:before {
    bottom: 33px;
}
.fancy-header.sticky nav > ul > li > a > i {
    display: none;
}
.fancy-header.sticky nav > ul > li:hover > a {
    padding-bottom: 32px;
}
.fancy-header.sticky .logo a img {
    width: 130px;
}
.fancy-header.blackish:before {
    background: rgba(0,0,0,0.6);
}
.fancy-header.sticky.blackish nav > ul > li > a {
    color: #ffffff;
}
.fancy-header.sticky.blackish nav > ul > li > a:before {
    color: #fafafa;
}
/* tabs Swip */
.arrow-left {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #505050;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    border-right: 1px solid #bfbfbf;
    z-index: 99999;
}
.arrow-right {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #505050;
    height: 30px;
    right: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    z-index: 99999;
}
.swiper-container {
    height: 515px;
    width: 100%;
}
.fancy-swipe {
    float: left;
    width: 100%;
}
.swiper-wrapper {
    border: medium none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.swiper-wrapper > li {
    margin: 0;
}
.swiper-wrapper > li a {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none !important;
}
.swiper-wrapper > li a img {
    float: left;
    width: 100%;
}
.fancy-tab-content {
    float: left;
    width: 100%;
}
.fancy-tab-content img {
    float: left;
    width: 100%;
}
/* Mega Menu */
.mega-menu.dark:before {
    z-index: -1;
    background: rgba(0,0,0,0.94);
}
.mega-menu.dark .drop-menu {
    border-bottom: 1px solid #2f2f2f;
}
.mega-menu.dark .drop-menu li a {
    border-bottom: 1px solid #000000 !important;
    color: #8e8e8e;
    border-top: 1px solid #2f2f2f;
}
.mega-menu.dark .drop-menu > h3:before {
    background: #2d2d2d;
}
.mega-menu.dark .drop-menu li:first-child a {
    border: medium none;
}
.mega-menu.dark .drop-menu > h3 {
    color: #ffffff;
}
.drop-menu ul {
    float: left;
    list-style: outside none none;
    padding: 0;
    width: 100%;
}
.mega-menu.dark {
    background-color: transparent;
}
.mega-menu.dark .about-2 > h3 {
    color: #ffffff;
}

.mega-menu.dark .about-2 > a {
    color: #fafafa;
    border-color: #fafafa;
}
.mega-menu {
    background-color: #fcfcfc;
    left: 0;
    padding: 70px 140px 50px 170px;
    position: fixed;
    width: 100%;
    display: none;
    z-index: 0;
    
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
}
header nav > ul > li:hover .mega-menu,
.business1 .business1-menu > ul > li:hover .mega-menu{
    display: block;
}
.mega-menu.style1 {
    background-image: url("../images/resource/mega1.png"), url("../images/resource/e.png");
    background-position: left top, right top;
    background-repeat: no-repeat;
}
.mega-menu.style2 {
    background-image: url("../images/resource/im.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 150px;
}
.mega-menu.style3.right {
    left: 0;
    margin: 0;
    right: auto;
}
.mega-menu.style3 {
    left: 50%;
    margin-left: -475px;
    margin-top: -3px;
    padding: 70px;
    position: absolute;
    top: 100% !important;
    width: 870px;
}
.mega-menu.style3.left {
    left: auto;
    margin: 0;
    right: 0;
}
.mega-menu.style3 {
    background-image: url("../images/resource/tera.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.about-2 {
    float: left;
    width: 100%;
}
.about-2 > h3 {
    color: #0e0e0e;
    float: left;
    font-family: Roboto Condensed;
    font-size: 35px;
    font-weight: 900;
    margin: 0 0 15px;
}
.about-2 p {
    color: #595959;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
    width: 100%;
}
.about-2 > a {
    border: 1px solid #666666;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    color: #0e0e0e;
    float: left;
    font-family: Roboto;
    padding: 7px 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;
}
.about-2 > a:hover{
    color: #fff;
}
.drop-menu {
    float: left;
    width: 100%;
}
.drop-menu > h3 {
    color: #0e0e0e;
    float: left;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}
.drop-menu > h3:before {
    background: none repeat scroll 0 0 #0e0e0e;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.drop-menu > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.drop-menu li a {
    border-bottom: 1px solid #efefef;
    color: #595959;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 9px 0;
    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;

    width: 100%;
}
.drop-menu li a:before {
    content: "\f061";
    font-family: fontawesome;
    font-size: 8px;
    left: 0;
    margin-top: -5px;
    opacity: 0;
    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;

}
.drop-menu li a:hover {
    padding-left: 15px;
}
.drop-menu li a:hover:before {
    opacity: 1;
}
.menu-slides > h3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    
    color: #666666;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 12px 30px;
    text-transform: uppercase;
}
.menu-slides {
    float: left;
    width: 100%;
}
.menu-slides > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-slides > ul li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.menu-slides > ul li > img {
    float: left;
    width: 100%;
}
.menu-slide-desc {
    background: none repeat scroll 0 0 rgba(56, 56, 56, 0.9);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
}
.menu-slide-desc > h3 {
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    width: 100%;
}
.menu-slide-desc > p {
    color: #F1F1F1;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}
.pop {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.pop > .alert {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    left: 50%;
    margin-left: -200px;
    margin-top: -60px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 400px;
    z-index: 2147483647;
}

/* Info Block */

.info-block {
    float: left;
    width: 100%;
    background: #f6f6f6;
    text-align: center;
    overflow: hidden;
}
.info-block ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.info-block ul > li {
    float: left;
    padding: 40px 0;
    position: relative;
    z-index: 0;
}
.info-block .container {
    padding: 0;
}
.info-block ul > li:nth-child(3n+2) {
    background: #fff;
}
.info-block ul > li:nth-child(3n+2):before {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 560px;
    left: 0;
    position: absolute;
    top: -120px;
    
    -webkit-transform: rotate(-19deg);
    -moz-transform: rotate(-19deg);
    -ms-transform: rotate(-19deg);
    -o-transform: rotate(-19deg);
    transform: rotate(-19deg);
    
    width: 450px;
    z-index: -1;
}
.info-block ul > li i {
    float: left;
    font-size: 40px;
    margin-bottom: 10px;
    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;
}
.info-block ul > li span {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 17px;
    font-weight: normal;
    color: #000000;
    letter-spacing: 0.30px;
}
.info-block ul > li h5 {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 25px;
    font-size: 25px;
    font-weight: 900;
}
.info-block ul > li:hover i {
    color: #333333;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/* Responsive Header */
.responsive-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    
    -webkit-border-radius: 0 0 3px;
    -moz-border-radius: 0 0 3px;
    -ms-border-radius: 0 0 3px;
    -o-border-radius: 0 0 3px;
    border-radius: 0 0 3px;

    display: none;
    float: left;
    left: 0;
    margin: 0;
    padding-bottom: 20px;
    position: static;
    top: 0;
    width: 100%;
    z-index: 100000;
}
.responsive-logo {
    display: table;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.responsive-logo a {
    float: left;
    width: 100%;
    color: #7F7F7F;
}
.responsive-logo a img {
    float: left;
    height: auto;
}
.responsive-logo a h1 {
    float: left;
    font-family: open sans;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 20px;
}
.responsive-header > span {
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 19px;
    margin-left: 10%;
    padding: 8px 10px;
    text-align: center;
    width: 80%;
}
.responsive-header > ul {
    background: none repeat scroll 0 0 #fafafa;
    border-top: 1px solid #f7f7f7;
    float: left;
    margin-left: 10%;
    padding: 10px;
    display: none;
    position: relative;
    width: 80%;

    -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;
}
.responsive-header > ul li {
    float: left;
    width: 100%;
}
.responsive-header > ul li a {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f7f7f7;
    color: #919191;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 12px;
    overflow: hidden;
    padding: 15px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.responsive-header > ul li:first-child > a{
    border-top: 0;
}
.responsive-header > ul li:last-child > a{
    border-bottom: 0;
}
.business1.style3 .business1-menu > ul > li.mega > ul:before {
    left: 50%;
}
.responsive-header > ul ul {
    padding-left: 20px;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    width: 100% !important;
    display: none;    
}
.business1-menu > ul > li > ul > li > ul > li:hover a {
    background: none repeat scroll 0 0 #e4e4e4 !important;
    padding-left: 32px;
}
.responsive-header .responsive-cart {
    float: left;
    text-align: center;
    width: 100%;
}
.responsive-header .responsive-cart .cart-header-btns {
    display: table;
    float: none;
    margin: 0 auto;
}
.responsive-header .responsive-cart .cart-header-btns li a {
    color: #333333;
}
.responsive-header ul {
    list-style: outside none none;
}
.main-slider {
    float: left;
    width: 100%;
}
#wpadminbar{
    z-index: 999999999999999;
}
.wpb_layerslider_element.wpb_content_element {
    margin: 0;
}
.post-desc > p img {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}
.post-desc > ul, .post-desc > ol {
    color: #555555;
    float: left;
    font-family: roboto;
    padding: 0;
    width: 100%;
}
.parallax-sub-heading {
    margin-bottom: 20px !important;
}









.construction-services {
    float: left;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
.col-md-3 .construction-services i {
    width: 60px;
    height: 60px;
    font-size: 23px;
    line-height: 60px;
    margin-top: -60px;
}
.construction-services span {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
}
.construction-services:hover span img {
    opacity: 0.5;
}
.construction-services span img {
    float: left;
    
    -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;

    width: 100%;
}
.construction-services i {
    width: 80px;
    height: 80px;
    font-size: 36px;
    background: #fff;
    position: relative;
    border-radius: 50%;
    z-index: 9;
    line-height: 80px;
    margin-top: -70px;
    top: 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;
}
.construction-services:hover i {
    background: none repeat scroll 0 0 #eeeeee;
    color: #3f3f3f;
    top: -17px;

    -webkit-box-shadow: 0px 62px 0px #fff inset;
    -moz-box-shadow: 0px 62px 0px #fff inset;
    -ms-box-shadow: 0px 62px 0px #fff inset;
    -o-box-shadow: 0px 62px 0px #fff inset;
    box-shadow: 0px 62px 0px #fff inset;
}
.construction-services > p {
    float: left;
    font-family: roboto;
    width: 100%;
    font-size: 14px;
    line-height: 27px;
    margin: 0;
    margin-top: -9px;
}
.construction-services > h3 a {
    color: #444444;
}
.construction-services > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Roboto;
    font-size: 20px;
    letter-spacing: 0.30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 27px;
    margin-top: -5px;
    margin-bottom: 20px;
}

.owl-carousel {
    float: left;
    width: 100%;
}
#related-project .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 10px;
    top: 39px;
}
.portfolio-sec {
    float: left;
    width: 100%;
}
.mockup-parallax .image-bottom {
    bottom: 0;
    margin: 0;
}
.w-news-letter form > input[type="email"] {
    text-transform: inherit;
}
.white .parallax-sub-heading > i {
    color: #555555;
}
.white .parallax-features > ul > li > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border: 1px solid #cccccc;
    color: #555555;
}
.form-builder label > i {
    color: #5f5f5f;
    font-size: 13px;
    margin-right: 8px;
}
.form-builder label {
    float: left;
    font-family: Roboto;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    width: 100%;
}
.white.parallax h3 {
    color: #404040 !important;
}
.white.parallax .team > h3 > a {
    color: #555555;
}
.contact-sec .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-single-tab h2 {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 10px;
    width: 100%;
}
.comment-reply-title {
    color: #555;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-bottom: 19px !important;
    width: 100%;
}
.cart-single-tab .comment-form > p {
    float: left;
    padding: 0;
    width: 100%;
}
.cart-single-tab .comment-form {
    float: left;
    width: 100%;
}
.cart-single-tab .comment-form > p label {
    padding: 7px 0;
}
.cart-single-tab .comment-form > p input, .cart-single-tab .comment-form > p textarea {
    border: medium none;
    border-radius: 3px;
    display: inline-flex;
    float: left;
    font-family: Roboto;
    margin-right: 30px;
    padding: 8px 20px;
}
.cart-single-tab .comment-form > p textarea {
    min-height: 150px;
}
.login label.inline {
    float: left;
    width: 100%;
}
form .input-text {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    border-radius: 3px;
    float: left;
    padding: 13px 20px;
    width: 100%;
}

.business1.style2 .for-sticky.sticky .container > .log-in-sec > a {
    margin: 24px 0 !important;
}

.business1.sticky.for-sticky.sticky .business1-top {
    margin-top: -90px;
}
.business1.sticky.for-sticky.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.submission-form.in-slider > form > div > div {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.submission-form.in-slider > form .error_message {
    float: left;
    height: auto;
    width: 100%;
}
.message > div#success_page > h1 {
    padding-left: 30px;
}
.message > div {
    float: left;
    margin-bottom: 30px;
    padding: 10px 30px;
    width: 100%;
}
.business1.style1.sticky .log-in-sec > a {
    margin: 34px 0;
}
.message {
    float: left;
    width: 100%;
}
.screen-reader-text {}

/**Changes**/
.cart-product-desc .c-input-number.quantity .input-text {    
    background: #fafafa none repeat scroll 0 0;    
    border: 1px solid #c8bfc6;    
    border-radius: 2px;    
    box-shadow: 0 0 2px 0 #f7f6f7 inset;    
    float: left;    
    font-weight: 700;    
    height: 28px;    
    width: 40px !important;    
    padding: 0;
}
.cart-product-desc .c-input-number.quantity .userincr-btn-dec 
{    
    bottom: 0;    
    position: absolute;
}
.cart-product-desc .c-input-number.quantity > span 
{    
    float: left;    
    position: relative;    
    width: 100%;
}
.cart-product-desc .c-input-number.quantity .userincr-btn-inc,.userincr-btn-dec 
{    
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0;    
    border: 1px solid #c8bfc6;    
    border-radius: 2px;    
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);    
    color: #5e5e5e;    
    float: right;    
    font-size: 12px;    
    height: 15px;    
    line-height: 0;   
    padding: 0;    
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);    
    width: 20px;
}
form.cart button {    
    background: #333 none repeat scroll 0 0 !important;
}
.single_variation .amount {    
    font-size: 20px;
}
.onsale {    
    z-index: 1;
}
.variations_button .qantity-form {    
    float: left;
}
.business1.for-sticky {
    position: fixed;
}

.form-builder > div > div > input{
    margin-bottom: 19px;
}body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    float: left;
    width: 100%;
}
img{
   height: auto; 
}
p {
    font-size: 13px;
    color: #777777;
    margin: 0;
    line-height: 22px;
}
#topcontrol {
    z-index: 2147483647;
}

/* General Setting */
.block {
    float: left;
    padding: 70px 0;
    position: relative;
    width: 100%;
}
.block.gray {
    background-color: #fcfcfc;
}
.dark-pattern h1,
.dark-pattern h2,
.dark-pattern h3,
.dark-pattern h4,
.dark-pattern h5,
.dark-pattern h6{
	color:#fff !important;
}
body .block.dark-pattern h1 a,
body .block.dark-pattern h2 a,
body .block.dark-pattern h3 a,
body .block.dark-pattern h4 a,
body .block.dark-pattern h5 a,
body .block.dark-pattern h6 a{
	color:#fff ;
}
.dark-pattern p{
	color:#e8ecec !important;
}
.no-padding{
	padding:0;
}
.white:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	
	-webkit-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-ms-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
}
.dark:before {
    background: none repeat scroll 0 0 rgba(38, 48, 56, 0.86);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.fixed-img {
    background-attachment: fixed !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-size: cover !important;
}
.remove-gap {
    padding-top: 0;
}
.remove-bottom {
    padding-bottom: 0;
}
.block .container {
    padding: 0;
    position: relative;
    z-index: 99;
}
.jump-to-top {
    display: none;
}
.sec-bg8 {
    background: url("../images/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}

/* Boxed Layout */
.theme-layout.boxed {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px #000000;
    -o-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;

    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1230px;
    z-index: 0;
}
.theme-layout {
    float: inline-block;
    width: 100%;
	background: none repeat scroll 0 0 #FFFFFF;
}
.top-margin {
    margin-top: -30px;
    float: left;
    width: 100%;
}

/* owl Buttons Navigation */
.owl-buttons {
    background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    right: 0;
    top: -35px;
    z-index: 2;
}
.owl-carousel {
    cursor: grab;
}
.owl-buttons > div {
    background-position: 9px 6px;
    background-repeat: no-repeat;
    border: 1px solid #D3D3D3;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 24px;
    margin-bottom: 5px;
    margin-left: 11px;
	
    -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;
	
    width: 27px;
}
.owl-buttons > .owl-prev {
    background-image: url("../images/arrow-prev.png");
}
.owl-buttons > .owl-prev:hover {
    background-image: url("../images/arrow-prev-h.png");
}
.owl-buttons > .owl-next {
    background-image: url("../images/arrow-next.png");
}
.owl-buttons .owl-next:hover {
    background-image: url("../images/arrow-next-h.png");
}
.owl-buttons > div: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);
}


/* Heading 1 */
.heading1 {
    display: table;
    float: none;
    margin: 0 auto 50px;
    padding: 0 130px;
    position: relative;
    width: auto;
}
.heading1:before {
    background-image: url("../images/heading-line.png");
    background-size: cover;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 17px;
    width: 100%;
}
.heading1 > h2 > i {
    font-style: normal;
    font-weight: 100;
}
.heading1 > h2 {
    color: #414141;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-style: normal;
    font-weight: BOLD;
    letter-spacing: 0.5px;
    line-height: 23px;
    margin: 0;
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.heading1 > h2:after {
    bottom: 0;
    left: 0;
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    left: 50%;
    margin-left: -5px;
    margin-bottom: -5px;
	
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.heading1 > h2:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    content: "";
    height: 1px;
    margin-left: -50px;
}

/* Mini Heading */
.mini-heading {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -13px 0 30px;
    width: 100%;
    text-transform: uppercase;
    position: relative;
	color:#666;
}
.mini-heading:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    background: #dfdfdf;
    height: 1px;
    content: "";
}

/* Mini Heading 2 */
.mini-heading2 {
    color: #656565;
    float: left;
    font-family: lato;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}

/* Mini Heading 3 */
.mini-heading3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 24px;

    font-weight: 600;
    margin: 0;
    width: 100%;
    margin-bottom: 30px;
    line-height: 30px;
    margin-top: -5px;
    letter-spacing: 0.30px;
}
.mini-heading3 > i {
    color: #414141;
    font-style: normal;
    font-weight: 900;
}


/* Heading2 */
.heading2 {
    float: left;
    margin-bottom: 42px;
    position: relative;
    width: 100%;
}
.heading2 > h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
}
.heading2:before {
    background: none repeat scroll 0 0 #D3D3D3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
}
.heading2 > h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 0 40px;
    padding: 2px 30px 2px 21px;
    position: relative;
}
.heading2 > h2:before {
    background: none repeat scroll 0 0 #D3D3D3;
    border: 2px solid #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 12px;
    left: -22px;
    position: absolute;
    top: 4px;
    width: 12px;
    z-index: 99999;
}
.heading2:after {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 20px;
}
.heading2 > h2 > i {
    font-style: normal;
}
.heading2 > span {
    display: none;
}



/* Heading 3 */

.heading3 {
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:40px;
}
.heading3 > h2 {
    border-bottom: 3px solid #C6C6C6;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    padding-bottom: 15px;
    padding-right: 25px;
}
.heading3 > h2 i {
    font-style: normal;
    font-weight: 700;
}

.heading3:before {
    background: none repeat scroll 0 0 #C6C6C6;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}


/* Heading4 */
.heading4 {
    border-bottom: 1px solid #DBDBDB;
    display: table;
    float: none;
    margin: 0 auto 46px;
    padding: 0 10%;
    position: relative;
    text-align: center;
}
.heading4 > h2 {
    border-bottom: 3px solid;
    color: #434343;
    display: table;
    float: none;
    font-family: raleway;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 21px;
    margin: 0 auto -2px;
    padding: 0 8% 18px;
    position: relative;
    text-align: center;
}
.heading4 > h2 i {
    font-style: normal;
    font-weight: 600;
}

.heading4:before {
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: 0;
    content: "";
    height: 16px;
    left: -4px;
    position: absolute;
	
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
	
    width: 1px;
}

.heading4:after {
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: -14px;
    content: "";
    height: 16px;
    position: absolute;
    right: -4px;
	
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
	
    width: 1px;
}

/* Heading 5 */
.heading6 {
    display: table;
    float: none;
    margin: 0 auto 40px;
    position: relative;
}
.heading6 > span {
    color: #939393;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    width: 100%;
}
.heading6 > h2 {
    color: #000;
    display: table;
    float: none;
    font-family: lato;
    font-size: 35px;
    line-height: 25px;
    margin: 0 auto 15px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.heading6 > h2:before {
    bottom: -1px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -22px;
    position: absolute;
    width: 45px;
}
.heading6 > h2:after {
    bottom: -1px;
    content: "";
    height: 6px;
    left: 50%;
    margin-bottom: -2px;
    margin-left: -3px;
    position: absolute;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 6px;
}

/* Parallax Heading */
.parallax-heading {
    color: #fff !important;
    float: left !important;
    font-size: 28px !important;
    font-weight: bold !important;
    letter-spacing: 0.3px !important;
    line-height: 20px !important;
    margin: 0 0 50px !important;
    position: relative;
    text-align: center;
    width: 100%;
}
.parallax-heading > i {
    font-style: normal;
    font-weight: 900;
}

/* Parallax About Law */
.parallax-sub-heading {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}
.parallax-sub-heading > i {
    color: #fff;
    float: left;
    font-size: 24px;
    line-height: 28px;
    margin-right: 20px;
    margin-top: 14px;
}
.parallax-sub-heading > strong {
    font-weight: 900;
}
.parallax-about-law > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.30px;
    line-height: 23px;
    margin-bottom: 23px;
}
.parallax-about-law > a {
    background: none repeat scroll 0 0 #525252;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top: 20px;
	
    color: #fff;
    float: left;
    padding: 13px 16px;
	font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
}

/* parallax Features */
.parallax-features {
    float: left;
    width: 100%;
}
.parallax-features > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.parallax-features > ul > li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.parallax-features > ul > li > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.21);
    border: 1px solid rgba(255, 255, 255, 0.1);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 24px;
}
.parallax-features > ul > li > p {
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: inline;
}


/* Business Header */
header.business1 .for-sticky.sticky {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	
    left: 0;
    position: fixed;
    top: 0;
	height:auto !important;
	z-index: 2147483647;
}
header.business1 .for-sticky.sticky .logo {
    margin: 16px 0 15px;
}
header.business1 .for-sticky.sticky .logo > a > img {
    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;
}
header.business1 .for-sticky.sticky .business1-menu > ul > li {
    padding: 25px 0;
}
.sticky .log-in-sec > a {
    margin-bottom: 22px;
    margin-right: 50px;
    margin-top: 22px;
}
.sticky .log-in-sec {
    margin-left: 40px;
}

.business2 .for-sticky.sticky {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
	
    height: auto !important;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99999999;
}

#menu-sec {
    background-image: url("../images/header2.png");
    background-size: 100% 100%;
    float: left;
    height: 100px;
    width: 100%;
	
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.business1 {
    
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
	
	float:left;
    width: 100%;

    z-index: 2147483623;
    position: relative;
}
.business1 .container {
    padding: 0;
}
header {
    float: left;
    width: 100%;
	z-index:99999999;
}
header .business1 {
    float: left;
    width: 100%;
}
.business1-top-bar > ul {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    width: auto;
}
.business1-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    float: left;
    width: 100%;
	position: relative;
	background:none repeat scroll 0 0 #FFFFFF;
}

.business1-top-bar {
    float: left;
    position: relative;
    width: 100%;
}
.business1-top-bar > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 5px;
}
.business1-top-bar > ul > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: rgba(0, 0, 0, 0.2);
    float: left;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
    color: #6f6f6e;
    background: #f3f3f3;
}
.business1-top-bar > ul > li > a:hover {
    color: #fff;
}
.business1-top-bar > ul > li > a > i {
    border: 1px solid rgba(0, 0, 0, 0.15);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 28px;
    line-height: 26px;
    
	-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;
	
    width: 28px;
}

.business1-top-bar > ul > li > a:hover .fa-facebook {
    background: none repeat scroll 0 0 #3B5998;
	border:1px solid #3B5998;
}
.business1-top-bar > ul > li > a:hover .fa-google-plus {
    background: none repeat scroll 0 0 #dd4b39;
	border:1px solid #dd4b39;
}
.business1-top-bar > ul > li > a:hover .fa-twitter {
    background: none repeat scroll 0 0 #00aced;
	border:1px solid #00aced;
}
.business1-top-bar > ul > li > a:hover .fa-pinterest {
    background: none repeat scroll 0 0 #cb2027;
	border:1px solid #cb2027;
}
.business1-top-bar > ul > li > a:hover .fa-skype {
    background: none repeat scroll 0 0 #007bb6;
	border:1px solid #007bb6;
}
.business1-top-bar > form {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    height: 34px;
    margin-left: 18px;
    margin-top: 6px;
    overflow: hidden;
    position: static;
    width: auto;
    z-index: 98;
    margin-right: 60px;
}
.business1-top-bar > form > a {
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    width: 34px;
}
.business1-top-bar > form > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:34px;
}
.business1-top-bar > form > input {
    float: left;
	
    opacity: 0;
	filter:alpha(opacity=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;
	
    width: 0;
    border: medium none;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 0 8px 0px;
    text-transform: uppercase;
	color: #7a7a7a;
}
.business1-top-bar > form:hover input, .business1-top-bar > form input:focus {

    opacity: 1;
	filter:alpha(opacity=100);
	
    width: 264px;
	padding: 8px 0 8px 12px;

}

.business1 .logo {
    float: left;
    margin: 22px 0 22px;
}
.business1-menu {
    float: right;
}
.business1-menu > ul {
    float: left;
    margin: 0;
    padding: 0;
}
.business1-menu > ul > li {
    float: left;
    list-style: none outside none;
    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;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	padding:36px 0;
}
.business1-menu > ul > li > a {
    border: 1px  solid rgba(0, 0, 0, 0);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #555454;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 8px 15px;
    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;
	
	cursor: pointer;
}
.business1-menu > ul > li > a > i {
    display: none;
}
.business1-top-bar > span {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 13px 50px 13px 0;
}
.business1-top-bar > span > i {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
/* Dropdown Menu1 */
.business1-menu > ul > li > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    left: 50%;
    margin: 50px 0 0 -100px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 2px;
    position: absolute;
    top: 100%;
	
    -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;
    -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;
	
    width: 200px;
    z-index: 2147483647;
	
	background: rgba(255,255,255,0.98);
	
    -webkit-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -ms-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
	
	border: 1px solid;
}
.business1-menu > ul > li:hover > ul {
    margin-top: 0px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.mega > ul {
    left: 0 !important;
    margin-left: 0 !important;
    width: 408px !important;
}
.business1-menu > ul > li > ul.mega:before {
    left: 20px;
}
.mega > ul > li {
    width: 50% !important;
}
.business1-menu > ul > li > ul:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    content: "";
    left: 50%;
    margin-left: -2.5px;
    position: absolute;
    top: -4px;
}
.business1-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: -60px;
}
.business1-menu > ul > li:hover > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.business1-menu > ul > li > ul > li:hover > a{
	padding-left:20px;
	color:#fff;
}

.business1-menu > ul > li > ul > li:hover > a > i {
    color: #fff;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    margin-top: 50px !important;
    z-index: 9;
}
.business1-menu > ul > li > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 1px;
    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;
	
    width: 100%;
}
.business1-menu > ul > li > ul > li > a {
    color: #626262;
    float: left;
    font-family: roboto;
    font-size: 13px;
    padding: 10px 25px;
    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;
}
.business1-menu > ul > li > ul > li > a > i {
    color: #404040;
    float: right;
    font-size: 15px;
    margin-top: 3px;
}
.business1-menu > ul > li > ul > li > ul {
    left: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    
    -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;
    -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;

    width: 100%;
    z-index: 999999999;
    padding: 0;
}
.business1-menu > ul > li > ul > li > ul > li {
    float: left;
    list-style: outside none none;
    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;

    width: 100%;
}
.business1-menu > ul > li > ul > li > ul > li a {
    background: #ebebeb !important;
}
.business1-menu > ul > li > ul > li > ul > li > a {
    color: #FAFAFA;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.business1-menu > ul > li > ul > li:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* Login Style */
.log-in-sec {
    float: right;
    margin-left: 90px;
    position: relative;
}
.log-in-sec > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 35px 0;
    padding: 8px 10px;
	
	-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;
}
.login-form > form > input {
    margin-bottom: 10px;
}
.login-form  ul > li > p {
    color: #7A7A7A;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin: 0;
    margin-top: 10px;
    padding-left: 2px;
    letter-spacing: 0.30px;
}
.log-in-sec  a  span > i {
    margin-right: 5px;
}
.login-form {
    position: absolute;
    top: 100px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    background: #fafafa;
    z-index: 99;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
	
    -webkit-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
	
	display: none;
}
.theme-layout.boxed .login-form {
    left: auto;
    margin: 0;
    right: 0;
}
.theme-layout.boxed .login-form:before {
    left: auto;
    right: 23px;
}
.login-form:before {
    position: absolute;
    left: 50%;
    top: -7px;
    border-bottom: 8px solid #fafafa;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    content: "";
    margin-left: -4px;
}
.login-form  .input-style {
    margin-bottom: 13px;
    font-size: 11px;
    letter-spacing: 0.30px;
}
.login-form > form > a {
    color: #7a7a7a;
    display: table;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.login-form  ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 13px;
}
.login-form ul > li {
    float: left;
    list-style: none outside none;
    width: 10%;
}
.login-form  ul > li:first-child {
    float: left;
    width: 45%;
}

.login-form  ul > li:last-child {
    float: right;
	width: 45%;
}

.login-form  ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form  ul > li > .btn-login {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form  ul > li > a.register {
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: right;
}

/* Header Style 2 */
.business1.style2 .business1-top > .container > .business1-top-bar {
    position: relative;
}
.business1.style2 .business1-top > .container > .business1-top-bar:before {
    background: none repeat scroll 0 0 #F5F5F5;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact {
    margin: 0;
    padding: 14px 18px 13px 0;
    position: relative;
    background: #f5f5f5;
    z-index: 9;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before {
    position: absolute;
    right: -12px;
    top: 0;
    border-left: 12px solid #f5f5f5;
    border-top: 44px solid rgba(255,255,255,0);
    border-bottom: 0px solid rgba(255,255,255,0);
    content: "";
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail > i {
    color: #FFFFFF;
    float: right;
    margin-left: 10px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 8px 0;
    padding: 5px 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;
	
    margin-left: -167px;
    padding-left: 40px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail:hover {
    margin-left: -26px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    display: none;
}
.business1.style2 .business1-top > .container > .business1-top-bar > ul{
	display:block;
	margin:0;
}
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    margin-right: 50px;
}
.business1.style2 .business1-menu > ul {
    margin: 0;
}
.business1.style2 .business1-menu > ul > li {
    padding: 0;
}
.business1.style2 .business1-menu > ul > li {
    margin-right: 10px;
    padding: 36px 0;
}
.business1.style2 .business1-menu > ul > li > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin-top: 1px;
    padding: 33px 0 10px;
}
.business1-menu > ul > li > ul > li > ul > li:hover a {
    background: #ebebeb;
}
.business1-menu > ul > li > ul > li > ul > li a {
    background: none repeat scroll 0 0 #ebebeb;
    padding: 10px 20px;
    font-family: Roboto;
    font-size: 13px;
    color: #666666;
}
.business1.style2 .business1-menu > ul > li > ul > li > a,
.business1-menu > ul > li > ul > li > ul > li > a {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding-left: 38px;
    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;
}
.business1.style2 .business1-menu > ul > li > ul > li:hover > a:before {
    background: none repeat scroll 0 0 #ffffff;
}

.business1.style2 .business1-menu > ul > li > ul > li > a:before {
    background: none repeat scroll 0 0 #cacaca;
    content: "";
    height: 6px;
    left: 17px;
    top: 50%;
    width: 6px;
    position: absolute;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-top: -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;
}
.business1.style2 .business1-menu ul:before {
    display: none;
}
.business1.style2 .business1-menu > ul > li > ul > li {
    margin: 0;
    padding: 0;
    width: 100%;
}
.business1.style2 .business1-menu > ul > li.mega > ul > li {
    margin: 0;
    padding: 0;
    width: 50%;
}
.business1.style2 .responsive-menu > ul > li > ul {
    padding: 0;
}
.business1.style2 .responsive-menu > ul > li > ul > li {
    width: 50%;
}
.business1.style2 .business1-menu > ul > li > a {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #F1F1F1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 10px;
}
.business1.style2 .business1-menu > ul > li > a > i {
    margin-right: 10px;
	display: inline;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    color: #fff !important;
}
.business1.style2 #menu-sec {
    background-image: url("../images/header-bg.png");
    background-size: 100% 100%;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a i {
    display: none;
}
.business1.style2 .business1-menu > ul > li:hover > ul {
    margin-top: -3px;
    padding: 0;
    top: 100%;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    border-color: transparent;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 35px 0;
    padding: 1px;
}

.business1.style2 #menu-sec > .container > .log-in-sec > a > span {
    padding: 8px 10px;
    float: left;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.business1.style2 .business1-menu.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -9px 0 0;
}
.business1.style2 .business1-menu.responsive-menu > ul > li:hover > ul {
    top: 0;
}
.business1.style2 #menu-sec.sticky > .container > .log-in-sec {
    margin-top: 3px;
}




/* Responsive Menu */
.open-menu {
    display: none;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 300px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-bottom: 10px;
    color: #fff;
    line-height: 18px;
    font-size: 19px;
    padding: 8px 0;
    cursor: pointer;
}
.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.99);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    width: 100%;
}
.responsive-menu > ul > li {
    float: left;
    width: 100%;
    padding: 0;
}
.responsive-menu > ul > li > a {
    float: left;
    width: 100%;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 12px 10px;
}
.responsive-menu > ul > li > ul {
    position: relative;
    
	-webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    float: left;
    margin: 0;
}
.responsive-menu > ul > li > ul.mega {
    border: medium none;
    width: 100%;
}
.responsive-menu > ul > li > ul:before {
    display: none;
}
.responsive-menu > ul > li > ul.mega > li {
    float: left;
    width: 50%;
    margin: 0;
}
.responsive-menu > ul > li > ul {
    display: none;
	left: 0;
    top: 0;
    width: 100%;
    border: none;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.responsive-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.responsive-menu > ul > li > ul > li > ul {
    display: none;
    float: left;
    margin: 0;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    
	-webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -o-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
	
    width: 100%;
	left:0;
}

header.business1 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
header.business2 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
.business2-menu.responsive-menu {
    z-index: 999999;
}
.business2-menu.responsive-menu > ul{
	margin:0;
}
header.business2 .open-menu {
    margin: 15px auto 0;
}




/* Slider */
.tp-banner-container {
    float: left;
    width: 100%;
    position: relative;
}
.slider {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
}
.wpb_revslider_element {
    margin: 0 !important;
}

/* Slide1 */
.slide1-text {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
}
.slide1-text2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
	background:#565656;
}



/* Slide2 */
.slide2-text1 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 18px 30px;
    text-transform: uppercase;
}
.slide2-text1 > i {
    font-family: roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
}
.slide2-text2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
}

.slide2-text2:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.slide2-text3 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
	background:#6e6d6d;
}



/* Slide3 */
.slide3-text1 {
    float: left;
    margin: 0;
    padding: 0;
	width:337px;
}
.slide3-text1 > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.slide3-text1 > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 28px;
    height: 58px;
    line-height: 58px;
    margin-bottom: 30px;
    margin-right: 30px;
    text-align: center;
    width: 66px;
}
.slide3-text1 > li > h3 {
    color: #343333;
    display: block;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin:0;
	margin-bottom:5px;
}
.slide3-text1 li > p {
    color: #404040;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
}



/* Slide4 */
.slide4-text1 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	
    color: #595959;
    float: left;
    font-family: roboto;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    padding: 15px 20px;
    text-transform: uppercase;
}
.slide4-text2 {
    color: #595959;
    font-family: roboto;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.slide4-text2 > i {
    color: #595959;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-left: -66px;
    margin-top: 5px;
    text-align: right;
}
.slide4-text3 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #4C4B4F;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 40px 0 0;
    padding: 15px 20px;
}
.slide4-text3.dark {
    background: none repeat scroll 0 0 rgba(89, 89, 89, 0.9);
    color: #FFFFFF;
}
.purchase-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF !important;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 26px;
    padding: 10px 15px;
}

/* Slide Social */
.slider-social {
    bottom: -27px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.slider-social > a  > span{
    background: none repeat scroll 0 0 #353638;
    border: 3px solid #FFFFFF;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-size: 22px;
    height: 57px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 56px;
    z-index: 9999999;
	
	-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;
}
.slider-social > a {
    float: left;
    position: relative;
}
.slider-social > a:before {
    background: none repeat scroll 0 0 #353638;
    content: "";
    height: 1px;
    left: -141px;
    position: absolute;
    top: 30px;
    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;
}
.slider-social > a:after {
    background: none repeat scroll 0 0 #353839;
    bottom: 26px;
    content: "";
    height: 1px;
    position: absolute;
    right: -141px;
    width: 100%;
    z-index: 9;
	
	-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;
}
.slider-social > a.twitter:hover:before, .slider-social > a.twitter:hover:after, .slider-social > a.twitter:hover > span {
    background: #00aced;
	z-index: 9999999;
}
.slider-social > a:hover span {
	z-index: 99999999999 !important;
}
.slider-social > a.facebook:hover:before, .slider-social > a.facebook:hover:after, .slider-social > a.facebook:hover > span {
    background: #3B5998;
	z-index: 9999999;
}

.slider-social > a.google-plus:hover:before, .slider-social > a.google-plus:hover:after, .slider-social > a.google-plus:hover > span {
    background: #dd4b39;
	z-index: 9999999;
}

.slider-social > a.tumblr:hover:before, .slider-social > a.tumblr:hover:after,  .slider-social > a.tumblr:hover > span {
    background: #3f729b;
	z-index: 9999999;
}


/* Get in Touch */
.get-in-touch {
    float: left;
    width: 100%;
}
.get-in-touch #message {
    margin: 0;
}
.get-in-touch #message h1 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 24px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    padding: 0 !important;
    width: 100%;
}
.get-in-touch #message p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    color: #777777;
    letter-spacing: 0.30px;
}
.get-in-touch .input-style {
    margin-bottom: 10px;
}
.get-in-touch > form {
    float: left;
    width: 100%;
    margin-top: 0;
}
.get-in-touch textarea.input-style {
    height: 110px;
}

.get-in-touch .submit {
    float: left;
}
.job-form-sec label > span {
    margin: 0;
}
.job-form-sec input[type="text"], .job-form-sec input[type="email"], .job-form-sec textarea, .input-style {
    border: 1px solid #d8dcdc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    padding: 10px 10px 10px 20px;
    width: 100%;
}
.input-style > i {
    float: left;
    font-size: 12px;
    color: #aeadad;
    line-height: 16px;
    margin-right: 15px;
}
.input-style > input, .input-style > textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    width: 90%;
}
.job-form-sec textrea {
    height: 82px;
    width: 100%;
}
.input-style.submit {
    border: medium none;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin: 0;
    padding: 0;
}
.input-style.submit > input.submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    padding: 5px 10px;
    width: auto;
}
.submit {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    margin: 0 auto;
    padding: 5px 20px;
}
textarea.input-style {
    height: 150px;
    padding-top: 15px;
}

/* Twitter Slide */
.twitter-bar-slide {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.twitter-bar-slide li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
	padding-top: 50px;
}
.twitter-bar-slide li:before {
    color: #fff;
    content: "ï‚™";
    font-family: fontawesome;
    font-size: 50px;
    left: 50%;
    margin-left: -15px;
    margin-top: -32px;
    position: absolute;
    top: 35px;
}
.twitter-bar-slide li > h5 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 17px;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.twitter-bar-slide li > h5 i {
    font-style: normal;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.30px;
}
.twitter-bar-slide li:after {
    background: none repeat scroll 0 0 #42b7e2;
    content: "";
    height: 76px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    top: 0;
    
	-webkit-transform: skewX(-17deg);
    -moz-transform: skewX(-17deg);
    -ms-transform: skewX(-17deg);
    -o-transform: skewX(-17deg);
    transform: skewX(-17deg);
	
    width: 80px;
    z-index: -1;
}
.twitter-bar-slide li > h3 a {
    font-weight: normal;
    font-family: lato;
}
.twitter-bar-slide li > h3 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 36px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 20px;
    padding: 0 180px;
    text-align: center;
    text-transform: none;
    width: 100%;
}
.twitter-bar-slide li > a {
    display: table;
    float: none;
    font-family: lato;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 30px;
    text-align: center;
}
.twitter-bar-slide li > span {
    color: #555555;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
#twitter-btn {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 15px;
    font-weight: lighter;
    line-height: 15px;
    margin-left: 95px;
    margin-top: 12px;
    padding: 15px 30px;
    float: none;
    margin: 0 auto;
    display: table;
}

/* Toll Free Banner */
.toll-free-sec.open > .toll-free-banner {
    display: block;
    margin: 0;
}
.toll-free-sec {
    float: left;
    position: relative;
    width: 100%;
    z-index: 999999999;
}
.toll-free-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: table;
    float: none;
    height: 60px;
    margin: -30px auto 0;
    position: relative;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 60px;
    z-index: 99;
    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;
	
}
.toll-free-sec > a.active {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.toll-free-sec > a > span {
    color: #FFFFFF;
    float: left;
    font-size: 28px;
    height: 52px;
    line-height: 52px;
    margin-left: 4px;
    margin-top: 4px;
    text-align: center;
    width: 52px;
}
.toll-free-banner {
    background-size: 100% 100%;
    display: none;
    float: left;
    left: 0;
    margin-top: -30px;
    position: absolute;
    top: 100%;
    width: 100%;
}
.toll-contact {
    background: none repeat scroll 0 0 #f7f7f7;
    float: left;
    padding: 50px 0;
    position: relative;
    width: 25%;
}
.toll-details {
    background: url("../images/resource/toll-bg.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 100%;
    padding: 41px 75px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
    z-index: 0;
}
.toll-contact > i {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 80px;
    color: #666666;
    line-height: 70px;
    margin-bottom: 25px;
}

.toll-contact > span {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 18px;
    color: #666666;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.30px;
}
.toll-contact > span > i {
    float: left;
    font-size: 30px;
    font-style: normal;
    line-height: 24px;
    margin-top: 10px;
    width: 100%;
    margin-top: 25px;
}
.toll-details > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    overflow: hidden;
	margin-right:40px;
}
.toll-details > span > img{
    float: left;
    width: 100%;
}
.toll-details > h3 {
    color: #666666;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 17px 0 15px;
    width: 100%;
}

.toll-details > p {
    color: #777777;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
    margin: 0;
    margin-bottom: 35px;
    line-height: 24px;
    letter-spacing: 0.30px;
}

.toll-details > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    margin-top: 0;
    text-transform: uppercase;
}

.toll-details > a > i {
    margin-right: 10px;
}

/* Counter parallax */
.counter {
    background: none repeat scroll 0 0 rgba(21, 26, 31, 0.75);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 30px;
    width: 100%;
}
.counter > i {
    color: #fefefe;
    float: left;
    font-size: 70px;
    text-align: center;
    width: 100%;
}
.counter > h4 {
    float: left;
    font-family: lato;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.counter > h5 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: center;
    width: 100%;
}


/* Portfolio SIngle */
.portfolio-single {
    float: left;
    width: 100%;
}
.portfolio-single > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.portfolio-feature li:last-child {
    border: medium none;
    padding-bottom: 20px;
}
.portfolio-feature {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e1e1e1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin: 0 33px 14px 0;
    padding: 0 20px;
    width: 250px;
}
.portfolio-feature li {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 11px;
    padding-bottom: 13px;
    padding-top: 20px;
    width: 100%;
	color:#8e7777;
}
.portfolio-single > p {
    color: #777777;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 0 25px;
}
.portfolio-feature li > p {
    color: #777777;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 6px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-single .single-project-sec {
    margin-top: 40px;
}


/* Service Style 1 */
.service {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service span > i {
    float: left;
    line-height: 70px;
    text-align: center;
    width: 100%;
}

.service span {
    float: left;
    height: 70px;
    width: 70px;
    border: 1px solid;
    
	-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;
	
    text-align: center;
    font-size: 28px;
    line-height: 69px;
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background:#fff;
}
.service:hover span{
	color:#fff;
}
.service h2 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -1px 0 10px;
    width: 100%;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.service h2 > a{
	color:#666666;
	
	-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;
}
.service div > a > i {
	font-size: 14px;
	line-height: 10px;
	margin-left: 5px;
}
.service div > a {
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
}
.service p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* We Are Slide */
.roles {
    display: inline-block;
    font-size: 40px;
    height: 50px;
    overflow: hidden;
    vertical-align: middle;
    font-family: lato;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 15px;
}
.roles div {
    height: 50px;
    -webkit-transition: margin-top 1s ease-in-out;
    -moz-transition: margin-top 1s ease-in-out;
    -o-transition: margin-top 1s ease-in-out;
    transition: margin-top 1s ease-in-out;
}
.we-are-Slide {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
.we-are-Slide > #we-are-rotate {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
#we-are-rotate > span {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 40px;
    letter-spacing: 0.3px;
}
.we-are-Slide > p {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 13px;
    color: #777;
    padding: 0 200px;
    letter-spacing: 0.30px;
    margin: 0;
    margin-top: 10px;
	margin-bottom:30px;
}
.we-are-Slide > img {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
}


/* Present Feature Parallax */
.feature-lcd {
    float: none;
    margin:0 auto;
	display:table;
	
}
.present-features {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.parallax.dark h3{
	color:#fff;
}
.parallax.dark h3 > i{
	color:#fff;
}

.present-features > h3 {
    line-height: 37px;
    margin-bottom: 10px;
}
.parallax  h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: lato;
    font-size: 30px;
    font-weight: bold;
    color: #404040;
    text-transform: uppercase;
    line-height: 58px;
    margin-top: -15px;
    letter-spacing: 0.30px;
}
.parallax  h3 > i {
    font-size: 25px;
    font-style: normal;
    font-weight: lighter;
}

.parallax  p {
    float: left;
    font-family: roboto;
    font-size: 14px;
    width: 100%;
    color: #555555;
    line-height: 26px;
    margin: 0;
    letter-spacing: 0.30px;
}
.present-features > ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
.present-features > ul > li {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 15px;
}
.present-features > ul > li:last-child {
    margin: 0;
}
.present-features > ul > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-size: 20px;
    height: 43px;
    line-height: 43px;
    margin-right: 15px;
    text-align: center;
    width: 43px;
}

/* Our Skills Sec */

#our-Skill-sec {
    float: left;
    width: 100%;
}
#our-Skill-sec > h3 {
    text-align: center;
}
#our-Skill-sec > p {
    padding: 0 100px;
    text-align: center;
    margin-bottom: 30px;
}
.skills-box {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.skills-box > li {
    float: left;
    height: 99px;
    width: 170px;
 position:relative;
 margin: 0 15px;
}
.skills-box > li > .progress {
    background: rgba(255,255,255,0.5);
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    -o-box-shadow: 0 0;
    box-shadow: 0 0;
	
    float: left;
    height: 100%;
    left: 0;
    margin: 30px 0 0;
    padding: 5px;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
	overflow:hidden;
}
.skills-box > li > .progress > .progress-bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    position: relative;
    font-family: lato;
    font-size: 21px;
    color: #555;
    line-height: 83px;
}
.skills-box > li > .progress > .progress-bar:before {
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: -5px;
 width:100%;
 z-index:5;
}
.skills-box > li > .progress > .progress-bar:after {
    bottom: -5px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
 width:100%;
 z-index:5;
}
.skills-box > li > .progress:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.layer-bar {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 89px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 160px;
    font-family: lato;
    font-size: 22px;
    color: #555;
    text-align: center;
    padding: 28px 0;
}

/* Service Style 2 */
#services-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
#services-sec .service2{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service2 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.service2 > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 136px;
	margin: 0 auto;
    overflow: hidden;
    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;
	
    width: 136px;
	
	border: 1px solid #CECECE;
	padding:3px;
}
.service2 > span > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
	height: 128px;
}
.service2 > span > i {
    font-size: 40px;
    left: 0;
    line-height: 142px;
    position: absolute;
    text-align: center;
    top: 0;
    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;
}
.service2:hover > span i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.service2 > span:before {
    background: none repeat scroll 0 0 rgba(251, 251, 251, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
}

.service2:hover > span:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.service2 > h2 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 30px 0 20px;
    position: relative;
    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;	
}
.service2 > h2 > a {
    color: #404040;
	
	-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;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.service2 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
}

/* Service STyle 3 */
.service.with-shadow {
    position: relative;
}
.service.with-shadow:before {
    background-image: url("../images/shadow2.png");
    background-size: 100% 100%;
    bottom: -9px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}


/* Srvice Style 4 */
.service4 {
    background: none repeat scroll 0 0 rgba(105, 105, 105, 0.83);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    padding: 30px 0;
    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;
	margin-top: 30px;
}
#service4-slide {
    float: left;
    width: 100%;
}
.service4:hover {
    -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
}
.service4 > h2 {
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: lato;
    font-size: 25px;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 99;
    line-height: 40px;
    font-size: 24px;
    padding: 0 30px;
	font-weight:600;
}
.service4 > h2 > i {
    color: #FFFFFF;
    float: left;
    font-size: 40px;
    margin-right: 15px;
}
.service4 > p {
    color: #EBEBEB;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0 60px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service4 > span {
    height: 50%;
    position: absolute;
    width: 50%;
}
.service4 > span.box1 {
    left: -50%;
    top: 0;
	
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}
.service4:hover > span.box1 {
    left: 0;
}
.service4 > span.box2 {
    right: 0;
    top: -50%;
	
	-webkit-transition:all 0.3s ease 0.4s;
	-moz-transition:all 0.3s ease 0.4s;
	-ms-transition:all 0.3s ease 0.4s;
	-o-transition:all 0.3s ease 0.4s;
	transition:all 0.3s ease 0.4s;
}
.service4:hover > span.box2 {
    top: 0;
}
.service4 > span.box3 {
    left: 0;
    bottom: -50%;
	
	-webkit-transition:all 0.3s ease 0.2s;
	-moz-transition:all 0.3s ease 0.2s;
	-ms-transition:all 0.3s ease 0.2s;
	-o-transition:all 0.3s ease 0.2s;
	transition:all 0.3s ease 0.2s;
}
.service4:hover > span.box3 {
    bottom: 0;
}
.service4 > span.box4 {
    right: -50%;
    bottom: 0;
	
	-webkit-transition:all 0.3s ease 0.3s;
	-moz-transition:all 0.3s ease 0.3s;
	-ms-transition:all 0.3s ease 0.3s;
	-o-transition:all 0.3s ease 0.3s;
	transition:all 0.3s ease 0.3s;
}
.service4:hover > span.box4 {
    right: 0;
}


/* Service Style 5 */
.service5 {
    float: left;
    width: 100%;
    position: relative;
}

.service5:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.8);
	
    -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;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.service5:hover:before {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.service5:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
	
	-webkit-transform: scale(1);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -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;
	
	 opacity: 0;
	 filter:alpha(opacity=0);
	 
	 z-index: -1;
	 
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
}
.service5:hover:after {
    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);
}
.service5 > i {
    color: #FFFFFF;
    float: left;
    font-size: 60px;
    margin-bottom: 15px;
    margin-top: 45px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service5 > h2 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.service5 > h2 > a {
    color: #ffffff;
}
.service5 > p {
    color: #E7E7E7;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0 0 45px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

/* Service 6 Law */
.service4.law > h2 {
    float: left;
    font-size: 22px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
    line-height: 39px;
    margin-bottom: -7px;
}
.service4.law > h2 > i {
    color: #ffffff;
    float: left;
    font-size: 40px;
    line-height: 26px;
    margin-bottom: 13px;
    text-align: center;
    width: 100%;
}
.service4.law {
    background: none repeat scroll 0 0 rgba(149, 149, 149, 0.83);
    margin: 0;
}
.service4.law:hover {
    background: #1c1c1c;
}
.service4.law > span {
    display: none;
}

/* Service Single Page Animation */
.service-single-desc {
    float: left;
    width: 100%;
}
.service-single-desc > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 55px;
    margin: 0 0 25px;
    width: 100%;
}
.service-single-desc > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.service-single-desc > ul {
    float: left;
    margin: 40px 0 0;
    padding: 0;
    width: 100%;
}
.service-single-desc > ul > li {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    list-style: none outside none;
    margin-bottom: 25px;
    width: 100%;
}
.service-single-desc > ul > li > i {
    float: left;
    margin-right: 10px;
}
.service-single-desc > h3 > i {
    border: 1px solid #d7d7d7;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #d7d7d7;
    float: left;
    font-size: 35px;
    height: 56px;
    line-height: 49px;
    margin-right: 30px;
    text-align: center;
    width: 70px;
}
.manager {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.service-img {
    float: left;
    position: relative;
    width: 100%;
}
.service-img > img {
    float: left;
    width: 100%;
}
.container-ball {
    bottom: 76px;
    position: absolute;
    right: 50px;
}
.ball {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 10px;
    margin: 10px auto;
    position: relative;
    width: 10px;
}   
    .ball:nth-child(1) {
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      -ms-animation: right 1s infinite ease-in-out;
      -o-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;    
    }
	

.ball:nth-child(1):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	

    .ball:nth-child(2) {
      -webkit-animation: left 1.1s infinite ease-in-out;
      -moz-animation: left 1.1s infinite ease-in-out;
      -ms-animation: left 1.1s infinite ease-in-out;
      -o-animation: left 1.1s infinite ease-in-out;
      animation: left 1.1s infinite ease-in-out;
    }

.ball:nth-child(2):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		
    .ball:nth-child(3) {
      -webkit-animation: right 1.05s infinite ease-in-out;
      -moz-animation: right 1.05s infinite ease-in-out;
      -ms-animation: right 1.05s infinite ease-in-out;
      -o-animation: right 1.05s infinite ease-in-out;
      animation: right 1.05s infinite ease-in-out;
    }
	
.ball:nth-child(3):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		

    .ball:nth-child(4) {
      -webkit-animation: left 1.15s infinite ease-in-out;
      -moz-animation: left 1.15s infinite ease-in-out;
      -ms-animation: left 1.15s infinite ease-in-out;
      -o-animation: left 1.15s infinite ease-in-out;
      animation: left 1.15s infinite ease-in-out;
     }

.ball:nth-child(4):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	
	 
    .ball:nth-child(5) {
      -webkit-animation: right 1.1s infinite ease-in-out;
      -moz-animation: right 1.1s infinite ease-in-out;
      -ms-animation: right 1.1s infinite ease-in-out;
      -o-animation: right 1.1s infinite ease-in-out;
      animation: right 1.1s infinite ease-in-out;
    }
	
.ball:nth-child(5):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}				 
		

@-webkit-keyframes right {
  0%   { -webkit-transform: translate(-15px);   }
  50%  { -webkit-transform: translate(15px);    }
  100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
  0%   { -webkit-transform: translate(15px);    }
  50%  { -webkit-transform: translate(-15px);   }
  100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
  0%   { -moz-transform: translate(-15px);   }
  50%  { -moz-transform: translate(15px);    }
  100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
  0%   { -moz-transform: translate(15px);    }
  50%  { -moz-transform: translate(-15px);   }
  100% { -moz-transform: translate(15px);    }
}

@keyframes right {
  0%   { transform: translate(-15px);  }
  50%  { transform: translate(15px);   }
  100% { transform: translate(-15px);  }
}

@keyframes left {
  0%   { transform: translate(15px);   }
  50%  { transform: translate(-15px);  }
  100% { transform: translate(15px);   }
}


/* Who we are */
#who-we-images {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#who-we-images li {
    float: left;
    width: 100%;
    list-style: none;
}
#who-we-images li > img {
    float: left;
    width: 100%;
}

#who-we-images .owl-pagination {
    left: 50%;
    position: absolute;
    top: 20px;
    margin-left: -25px;
}
#who-we-images .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#who-we-images .owl-pagination .owl-page.active{
	background:#fff;
}
.who-we-desc {
    float: left;
    width: 100%;
}
.who-we-desc > h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
    width: 100%;
}
.who-we-desc > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 15px;
    width: 100%;
}
.who-we-desc > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 4px;
    padding: 13px 20px;
    text-transform: uppercase;
    
	-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;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.who-we-desc > a:hover{
	color:#fff;
}

/* Make an Appointment */
.appointment-form-sec .customlist, .form-builder select  {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	
    float: left;
    height: 40px;
    margin-bottom: 18px;
    width: 100%;
}
.appointment-sec {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    background: #fcfcfc;
	
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
	 padding: 30px;
	 
	 position:relative;
	 border: 1px solid #E8ECEC;
}
.appointment-sec:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -15px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%;
	
	opacity:0.5;
	filter:alpha(opacity=50);
}
.appointment-sec input#inputField {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #d1d1d1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #7A7A7A;
    font-family: roboto;
    font-size: 12px;
    height: 37px;
    letter-spacing: 0.3px;
    margin-top: 24px;
    text-align: center;
    width: 125px;
    margin: 0;
    margin-bottom: 0;
	margin-top: 15px;
}
.appointment-sec > span {
    color: #8B8B8B;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    padding: 0;
    text-align: center;
    width: 100%;
    line-height: 16px;
    margin: ;
}
.appointment-sec > span > i {
    color: #F8F8F8;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.appointment-form-sec {
    float: left;
    padding: 30px;
    width: 100%;
    padding: 0;
    background: none;
    margin-top: 20px;
}
.appointment-form-sec .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.appointment-form-sec #message {
    float: left;
    margin: 0;
    width: 100%;
}
.appointment-form-sec .alert p {
    margin: 0;
}
.appointment-form-sec .alert > div {
    height: auto;
    padding: 10px 13px;
}
.appointment-form-sec #message #success_page {
    float: left;
    width: 100%;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
    margin-bottom: 10px;
}
.appointment-form-sec #message #success_page h1 {
    float: left;
    font-family: lato;
    font-size: 24px;
    margin: 0 0 16px;
    width: 100%;
}
.appointment-form-sec #message #success_page p {
    margin: -10px 0 0;
}
.appointment-form-sec input {
    background: none repeat scroll 0 0 #F8F9F9;
    border: 1px solid #D7D7D7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 38px !important;
    letter-spacing: 0.3px;
    margin-bottom: 19px;
    padding-left: 15px;
    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;
}
.appointment-form-sec input:focus {
    border: 1px solid #bebebe;
}
.appointment-form-sec p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 15px;
    text-align: left;
    width: 100%;
}
.appointment-form-sec input.submit {
    border: 1px solid #7E7E7E;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #7E7E7E;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    height: auto;
    margin: 0 auto;
    padding: 7px 20px;
    width: auto;
    background: #999999;
    color: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}

/* Profile Page */
#my-profile-info {
    float: left;
    width: 100%;
}
.profile-social {
    display: table;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.profile-social:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
    -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;
	
    width: 100%;
	z-index:9;
}
.profile-social > img {
    float: left;
    width: 100%;
	
    -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;
	
	height: auto;
}
.profile-social > ul {
    left: 50%;
    margin: -17px 0 0 -25%;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 0;
    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;
	
    width: 50%;
    z-index: 99999;
}
.profile-social > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}

.profile-social > ul > li > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #666666;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
	
	opacity: 0;
	filter:alpha(opacity=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;
}
.profile-social > ul > li > a > i:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FAFAFA;
	
    -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;
}
.profile-social:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social:hover > ul > li > a > i{
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social > ul > li > a {
    float: left;
	width:100%;
}
.profile-social:hover:before {
    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);
}
.profile-social:hover > img {
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg);
}

.profile-social:hover > ul > li > a > i.fa-facebook {
	-webkit-transition:all 0.4s ease 0.1s;
	-moz-transition:all 0.4s ease 0.1s;
	-ms-transition:all 0.4s ease 0.1s;
	-o-transition:all 0.4s ease 0.1s;
	transition:all 0.4s ease 0.1s;
}
.profile-social:hover > ul > li > a > i.fa-google-plus {
	-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;	
}
.profile-social:hover > ul > li > a > i.fa-twitter {
	-webkit-transition:all 0.4s ease 0.5s;
	-moz-transition:all 0.4s ease 0.5s;
	-ms-transition:all 0.4s ease 0.5s;
	-o-transition:all 0.4s ease 0.5s;
	transition:all 0.4s ease 0.5s;
}
.profile-social:hover > ul > li > a > i.fa-linkedin {
	-webkit-transition:all 0.4s ease 0.7s;
	-moz-transition:all 0.4s ease 0.7s;
	-ms-transition:all 0.4s ease 0.7s;
	-o-transition:all 0.4s ease 0.7s;
	transition:all 0.4s ease 0.7s;
}
#my-profile-info > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 15px 0;
    text-align: left;
    width: 100%;
}
#my-profile-info > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
#my-profile-info > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    position: relative;
    text-align: left;
    width: 100%;
}

#my-profile-info > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    left: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    top: -3px;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
}

#my-profile-info > p:after {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    right: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    bottom: -3px;
    width: 67px;
}
.block.with-parallax .service6:hover > span {
    color: #fafafa !important;
}
.block.with-parallax .service6 > h3 > a {
    color: #F8F8F8;
}
.block.with-parallax .service6 > p {
    color: #eee;
}
.block.with-parallax .service6 > a {
    color: #eee;
}
.my-skills {
    float: left;
    width: 100%;
}
.custom-progress {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.custom-progress > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0 0 15px;
    width: 100%;
}
.with-parallax .service6 > span {
    color: #FAFAFA;
}
.custom-progress > p > i {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
}
.custom-progress .progress {
    background: none repeat scroll 0 0 #f5f5f5;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    height: 35px;
    margin: 0;
    width: 100%;
}
.custom-progress .progress > .progress-bar {
    float: left;
    position: relative;
}
.custom-progress .progress > .progress-bar > span {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    left: 0;
    line-height: 33px;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}
#experience {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#experience ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
#experience ul > li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    padding-bottom: 18px;
    padding-left: 128px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
#experience ul > li > span {
    background: none repeat scroll 0 0 #b9b9b9;
    
	-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;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #FFFFFF;
    font-family: roboto;
    font-size: 20px;
    font-weight: 600;
    height: 80px;
    left: -1px;
    line-height: 80px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 110px;
}
#experience ul > li > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    width: 100%;
}
#experience ul > li > i {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    line-height: 10px;
    margin-top: 18px;
    width: 100%;
}
#experience ul > li > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    width: 100%;
}



/* Expert Lawyer Sec */

.expert-lawyer-sec {
    float: left;
    width: 100%;
    position: relative;
}
.lawyer-slide {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -30px;
}
.lawyer-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.lawyer-box > img {
    float: left;
    width: 100%;
}
.lawyer-box:hover .layer-desc {
    height: 90%;
	background: rgba(255,255,255,0.88);
}
.layer-desc {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5%;
    height: 69px;
    left: 3%;
    padding: 10px 45px;
    position: absolute;
	
    -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;
	
    width: 94%;
}
.lawyer-box:hover .layer-desc > i {
    height: 50%;
    margin-top: -14%;
	background:#666;
}
.layer-desc > i {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 44%;
    left: 45px;
    margin-top: -5%;
    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;
	
    width: 1px;
}
.lawyer-box:hover .layer-desc > span {
    opacity: 1;
	filter:alpha(opacity=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;
	
	color:#666;
}
.layer-desc > span {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    left: 70px;
    line-height: 10px;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.layer-desc > h2 {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 70px;
    margin: -11px 0 0;
    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;
}
.lawyer-box:hover .layer-desc > h2 {
    margin-top: -25px;
	color:#666;
}
.layer-desc > a {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 48px;
    width: 48px;
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    background: #fff;
	
    -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;

    opacity: 0;
	filter:alpha(opacity=0);
	
    z-index: 1;
	
    -webkit-transform: scale(1.3) rotate(180deg);
    -moz-transform: scale(1.3) rotate(180deg);
    -ms-transform: scale(1.3) rotate(180deg);
    -o-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
}
.layer-desc > a > i{
	float:left;
	width:100%;
	line-height:48px
}
.layer-desc > a:hover{
	color:#fff;
}
.lawyer-box:hover .layer-desc > a {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}


/* Experties Sec */
.experties-sec {
    float: left;
    width: 100%;
}
.experties-sec.style2 > .experties > h2:before {
    display: none;
}
.experties-sec.style2 > .experties > h2 {
    padding: 15px;
}
.experties {
    float: left;
    width: 100%;
}
.experties > h2.active, .experties-sec.style2 > .experties > h2.active {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.experties > h2:before {
    left: 15px;
    position: absolute;
    top: 50%;
    content: "+";
    margin-top: -7px;
}

.experties > h2.active:before {
    content: "-";
}
.experties > h2 {
    background-color: #FFFFFF;
    background-position: 17px 17px;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 10px;
    padding: 15px 40px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
	-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;
	
	position:relative;
	
    width: 100%;
}
.experties .content, .experties .content2 {
    float: left;
    width: 100%;
}
.experties .content > p, .experties .content2 > p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.21px;
    line-height: 24px;
    margin: 3px 0 13px;
    width: 100%;
    margin-top: 4px;
    letter-spacing: 0.30px;
}


/* Upcoming Event */
#upcoming-event {
    float: left;
    width: 100%;
    position: relative;
	margin-top:-30px;
}
.upcoming-event-sec {
    float: left;
    width: 100%;
    position: relative;
}
.event-box {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.event-box > img {
    float: left;
    width: 100%;
}
.event-desc {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.88);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 14px;
    height: 60px;
    left: 4%;
    padding: 22px 15px;
    position: absolute;
    width: 92%;
	
    -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;
}
.event-box:hover .event-desc {
    height: 87%;
}
.event-desc > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
}
.event-desc > h3 > a{
	color:#666;
}
.event-desc > span {
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    left: 16px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 17px;
    margin-top: -11px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    width: 100%;
}
.event-box:hover .event-desc > .line1 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 62px;
	
	-webkit-transition: all 0.4s ease 0.5s;
	-moz-transition: all 0.4s ease 0.5s;
	-ms-transition: all 0.4s ease 0.5s;
	-o-transition: all 0.4s ease 0.5s;
	transition: all 0.4s ease 0.5s;

}
.event-box:hover .event-desc > .line2 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 92px;
	
	-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;
}
.event-box:hover .event-desc > .line3 {
    top: 122px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.event-box:hover .event-desc > .line4 {
    top: 152px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.2s;
	-moz-transition: all 0.4s ease 0.2s;
	-ms-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}
.event-box:hover .event-desc > span {
    opacity: 1;
	filter:alpha(opacity=100);
}
.event-desc > span > i {
    font-size: 15px;
    margin-right: 15px;
    width: 16px;
    text-align: center;
}


/* Upcoming Event 2 */
.upcoming-event-sec2 {
    float: left;
    width: 100%;
}

.upcoming-event-sec2 > ul {
    float: left;
    padding: 0;
    width: 100%;
    margin: 0px;
}
.upcoming-event-sec2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
}
.upcoming-event2 {
    float: left;
    width: 100%;
}

.upcoming-event2 > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.upcoming-event2 > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 5px 0 15px;
    width: 100%;
    line-height: 28px;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.upcoming-event2 > h3 > a {
    color: #666666;
	
	-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;
}
.upcoming-event2 > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
    color: #999999;
    font-weight: normal;
}
.upcoming-event2 > span > i {
    font-size: 14px;
    margin-right: 15px;
    width: 20px;
    text-align: center;
}
.upcoming-event2 > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: left;
    width: 100%;
}


/** Event Wide  **/
.event-wide {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.event-wide .event-count > p {
    text-align: left;
}
.event-wide img {
    float: left;
    width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.event-wide .event-count > ul {
    float: left;
    width: 100%;
}

.event-wide .event-count{
	margin:0;
}
.event-wide .event-count > ul > li {
    width: auto;
}
.event-wide .event-count > span {
    float: left;
    margin-right: 30px;
    padding: 0;
    width: auto;
}

/* Law Slide 1 */
.law-btns > li {
    float: left;
    margin: 0 10px !important;
}


/* Law Slide 2 */
.law-btns2 > li{
	float: left;
    margin-right: 15px !important;
}

/* Seo Slide */
.law-btn-list:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    left: 14px;
    margin-top: -7px;
    opacity: 0.8;
}

/* About Ceo 2 */
.about-ceo-sec2 {
    float: left;
    position: relative;
    width: 100%;
}

.about-ceo-sec2  img {
    float: left;
    width: auto;
}
.ceo-detals2 {
    float: left;
}
.ceo-detals2 > h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 50px;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    color: #999999;
    letter-spacing: 0.30px;
    line-height: 15px;
    margin-bottom: 25px;
	text-transform:uppercase;
}
.ceo-detals2.style2 {
    text-align: center !important;
}
.ceo-detals2 > h3 > i {
    font-style: normal;
	font-size:20px;
	text-transform: none;
}
.ceo-detals2 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 50px;
    width: 100%;
}
.ceo-detals2 > p > a {
    background: none repeat scroll 0 0 #858585;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: inline;
    font-size: 13px;
    line-height: 20px;
    margin-left: 15px;
    padding: 4px 8px;
	
	-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;
}
.ceo-detals2 > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.ceo-detals2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
.ceo-detals2 > ul > li > a {
    float: left;
}
.ceo-detals2 > ul > li > a > i {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    font-size: 26px;
    height: 70px;
    line-height: 70px;
    text-align: center;
	
    -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;
	
    width: 70px;
}
.ceo-detals2 > ul > li > a > i:hover {
    color:#fff !important;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook {
	color:#3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook:hover {
    background: none repeat scroll 0 0 #3B5998;
    border: 1px solid #3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter {
	color:#00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter:hover {
    background:#00aced;
	border: 1px solid #00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus {
	color:#dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus:hover {
    background:#dd4b39;
	border: 1px solid #dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin {
	color:#007bb6;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin:hover {
    background:#007bb6;
	border: 1px solid #007bb6;
}

/* About Ceo 3 */
.ceo-details3 {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.8);
	
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    
	-webkit-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-moz-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-ms-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-o-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	
    float: right;
    padding: 45px 30px;
	width: 65%;
	position: relative;
	margin-right: -4px;
}
.ceo-details3:before {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.3);
    
	-webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
	
    content: "";
    height: 100%;
    left: -4px;
    position: absolute;
    top: 4px;
    width: 100%;
    z-index: -1;
}
.ceo-details3 > h3 {
    color: #fbfbfb;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 15px;
    width: auto;
	position: relative;
	padding-bottom:7px;
}

.ceo-details3 > h3:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 24%;
    margin-left: -12%;
    background: #fff;
    height: 2px;
    content: "";
}
.ceo-details3 > h3 > i {
    color: #AEAEAE;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 5px;
    float: right;
    font-style: normal;
    margin-left: 15px;
    letter-spacing: 0.30px;
}
.ceo-details3 > p {
    color: #d2d2d2;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    width: 92%;
}



/* Tab Sections */

.tab-sec {
    float: left;
    width: 100%;
    padding: 27px;
    background: #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.tab-sec > ul.nav.nav-tabs {
    border: medium none;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
}
.tab-sec > ul.nav.nav-tabs > li {
    float: left;
    margin: 0;
}
.tab-sec > ul.nav.nav-tabs > li > a {
    border-right: 1px solid #E8E6E6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
	
    -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: 0;
	 -moz-border-radius: 0;
	 -ms-border-radius: 0;
	 -o-border-radius: 0;
	 border-radius: 0;
	 
	 height: 30px;
    line-height: 29px;
}
.tab-sec > ul.nav.nav-tabs > li > a:hover {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li.active > a {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li:last-child > a {
    border: medium none;
}
.tab-sec .tab-content {
    float: left;
    width: 100%;
}
.tab-project {
    float: left;
    width: 100%;
}
.tab-project > h3, .tab-work > h3, .tab-article h3, .tab-video > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0 0 22px;
    width: 100%;
    margin-top: -10px;
}
.tab-project img, .tab-article img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.tab-project > p, .tab-work > p, .tab-article p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 11px;
    width: 100%;
}

.tab-article .col-md-8 p {
    margin-top: 0px;
}
.tab-work {
    float: left;
    width: 100%;
}

.tab-work > span {
    float: left;
    margin-right: 20px;
}
.tab-work > a {
    float: left;
    font-family: roboto;
    font-size: 12px;
    color: #ffffff;
    padding: 6px 12px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 10px;
    margin-top: 15px;
    letter-spacing: 0.30px;
}
.tab-work > p {
    display: block;
    float: none;
    margin: 0 0 8px;
}
.tab-work > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.tab-work > ul > li {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-top: 10px;
    width: 100%;
	min-height: 204px;
}
.tab-work > ul > li:first-child {
    margin: 0;
}
.tab-work > ul > li > i {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 16px;
    margin-right: 15px;
	margin-bottom:10px;
}

/* Job Box */
.job-box {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #f4f2f2;
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: 30px;
    padding: 20px 20px 50px 170px;
    position: relative;
    width: 100%;
	
	min-height: 300px;
}
.job-box > span {
    color: #777777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    height: auto;
    left: 20px;
    line-height: 31px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 128px;
}
.job-box > span > i {
    float: left;
    font-style: normal;
    width: 100%;
    font-family: lato;
    font-size: 13px;
    font-weight: bold;
    color: #777777;
}
.job-box > h3 > a {
    color: #555555;
}
.job-box > span > img {
    float: left;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.job-box > h3 {
    color: #555555 !important;
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: -5px 0 0;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.job-box > i {
    display: block;
    font-family: Noto Sans;
    font-size: 12px;
    font-style: normal;
    color: #b4bbc2 !important;
}
.job-box > p {
    color: #949494;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
    line-height: 21px;
    margin-top: 10px;
}
.job-box > a {
    background: none repeat scroll 0 0 #bdbdbd;
    
	-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;
	
    bottom: 0;
    color: #ffffff;
    float: right;
    font-family: open sans;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 2px;
    padding: 12px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 100%;
}


/* Our Blog  Style 1*/
.our-blog-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.our-blog-link {
    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;	
	
}
.our-blog-link > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
    height: auto;
}

.our-blog-link:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.77);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: -101%;
	
    -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;
	
    width: 100%;
}
.our-blog-box:hover .our-blog-link:before {
    top: 0;
}

.our-blog-link > a {
    color: #FFFFFF;
    font-size: 18px;
    left: 50%;
	
    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.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;
	
    margin-left: -8px;
    z-index: 999;
}

.our-blog-box:hover .our-blog-link > a {
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 14px;
	
	-webkit-transition: all 0.5s ease 0.3s;
	-moz-transition: all 0.5s ease 0.3s;
	-ms-transition: all 0.5s ease 0.3s;
	-o-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}
.our-blog-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog-link:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    
	-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;
	
    content: "";
    height: 50px;
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 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;
	
    width: 50px;
}
.our-blog-box:hover .our-blog-link:after {
    left:50%;
	
	-webkit-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
	-ms-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	transition: all 0.5s ease 0.1s;
	
	margin-left:-25px;
}

.our-blog-box > h2 > a {
    color: #404040;
}
.our-blog-box > h2 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    line-height: 28px;
    margin: 12px 0;
    width: 100%;
    margin-top: 15px;
}
.our-blog-box > span strong a {
    color: #565656;
    font-family: lato;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
}
.our-blog-box > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 8px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 0;
    width: 100%;
}
.our-blog-box > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-right: 5px;
    padding: 0;
}
.our-blog-box > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: 5px;
}
.our-blog-box > span > strong {
    font-weight: 600;
}


/* our Blog 2 */
.our-blog2 {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -30px;
}
.our-blog-sec2 {
    float: left;
    width: 100%;
    position: relative;
}

.our-blog-box2 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	margin-top:30px;
}

.our-blog-box2:hover img {

    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.our-blog-box2 > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	
    -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;
	
    width: 100%;
}

.our-blog-link2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 4%;
    left: 4%;
    position: absolute;
	
    -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;
	
    width: 92%;
    height: 50px;
}
.our-blog-box2:hover .our-blog-link2 {
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
}
.our-blog-box2:hover .our-blog-link2 > h2 {
    color: #fff;
    margin-top: -40px;
}
.our-blog-box2:hover .our-blog-link2 > h2 > a {
    color: #E4E3E3;
}
.our-blog-link2 > h2 {
    color: #666666;
    float: none;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    line-height: 13px;
    margin: -5px 0 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.our-blog-link2 > h2 > a {
    color: #313131;
}
.our-blog-link2 > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.5);
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #6A6A6A;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    width: 35px;
}
.our-blog-link2 > a > i:hover{
	color:#fff;
}
.our-blog-box2:hover .our-blog-link2 .fa-search {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-blog-link2 > a > i.fa-search {
    left: 50%;
    margin-left: -40px;
	
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
	
    -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;
}
.our-blog-box2:hover .our-blog-link2 .fa-link {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
}
.our-blog-link2 > a > i.fa-link {
    margin-right: -40px;
    right: 50%;
	
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg);
	
    -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;
}


/* Our Blog 3 */
.our-blog3-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog3-box > span {
    float: left;
    margin-right: 20px;
    width: 25%;
}
.our-blog3-box > span > a {
    float: left;
    width: 100%;
}
.our-blog3-box > span > a img {
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.our-blog3-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-blog3-box > h3 {
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
}
.our-blog3-box > h3 > a{
	color:#666;
}
.our-blog3-box > p {
    color: #7A7A7A;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    line-height: 24px;
    color: #888;
}
.our-blog3-box > ul {
    display: block;
    margin: 0;
    padding: 0;
}
.our-blog3-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
.our-blog3-box > ul > li:last-child {
    margin: 0;
}
.our-blog3-box > ul > li > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 8px;
	
	-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-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
}
.our-blog3-box > ul > li > a > i {
    margin-right: 5px;
}
.our-blog3-box > ul > li > a:hover {
    color: #FFFFFF;
}

/* Our Blog4 */

/* With Parallax */
.block.dark .our-blog4-box > h3 > a {
    color: #FFFFFF;
}
.block.dark .our-blog4-box > p {
    color: #b0afaf;
	border-color:rgba(132,132,132,0.57)
}
.block.dark .blog4-metas > li > a {
    background: none repeat scroll 0 0 #7C7C7C;
    border-color: #7C7C7C;
	color:#d3d3d3;
}
.block.dark .title {
    color: #fff;
}
.title {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%;
}
.title > i {
    border-bottom: 1px solid #A9A9A9;
    color: #F0F0F0;
    float: left;
    font-style: normal;
    font-weight: bold;
    margin-right: 7px;
    padding-bottom: 10px;
}
.block.dark .title > i {
    color: #fff;
}


.our-blog4 {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-blog4-box:hover > a:after {
	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);	
}
.our-blog4-box {
    float: left;
    margin-top: 30px;
    
	-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;
	
    width: 100%;
}
.our-blog4-box > a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    content: "";
    z-index: 1;
	
    -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;
	
    opacity: 0;
	filter:alpha(opacity=0);	
}
.our-blog4-box > a:after {
    color: #FFFFFF;
    content: "ï‚Ž";
    font-family: fontawesome;
    font-size: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
    z-index: 1;
}
.our-blog4-box > a {
    float: left;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
	position: relative;
}
.our-blog4-box > a > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    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;	
}
.our-blog4-box:hover > a > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.our-blog4-box:hover > a:before {
	opacity: 1;
	filter:alpha(opacity=100);
}
.blog4-metas {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.blog4-metas > li {
    float: left;
    margin-right: 15px;
    list-style: none;
}
.blog4-metas > li > a {
    float: left;
    font-family: roboto;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    padding: 8px 10px;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 9px;
	font-weight:400;
}
.our-blog4-box > h3 {
    color: #333;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 63px;
}
.our-blog4-box > h3 > a {
    color:#666666;
	
	-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;	
}
.our-blog4-box > p {
    border-bottom: 1px solid #eeeeee;
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 20px;
    width: 100%;
}

.blog4-metas > li > a > i {
    margin-right: 6px;
}


/* Whats is New */
#whats-new {
    float: left;
    width: 100%;
	margin-top:10px;
}
#whats-new > img {
    bottom: -70px;
    position: absolute;
    right: 0;
}
#whats-new > h1 {
    color: #555555;
    float: left;
    font-family: lato;
    font-size: 52px;
    margin: 0;
    width: 100%;
    line-height: 42px;
    letter-spacing: 0.30px;
}
#whats-new > h1 > span {
    float: left;
    width: 100%;
    font-size: 150px;
    line-height: 117px;
    margin-top: 30px;
}

#whats-new > h1 > i {
    float: left;
    width: 100%;
    font-style: normal;
    margin-top: 38px;
}



/* Our CEO PLAN */
.ceo-plan-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.ceo-plan-box .video-paralax {
    margin-top: 70px;
}
#ceo-plan-box {
    padding-top: 40px;
}
.ceo-plan-box > .row > div > img {
    float: left;
    width: 100%;
}
.ceo-plan-detail {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -10px 0 20px;
    text-transform: uppercase;
    width: 100%;
}
.ceo-plan-detail > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: -10px;
}
.ceo-plan-detail > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    width: 100%;
}
.ceo-plan-detail > ul > li:last-child {
    margin: 0;
}
.ceo-plan-detail > ul > li > span {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 45px;
    margin-right: 22px;
    padding: 9px 0;
    text-align: center;
    width: 45px;
}
.ceo-plan-detail > ul > li > span > i {
    float: left;
    line-height: 29px;
    text-align: center;
    width: 100%;
}
.ceo-plan-detail > ul > li > h4 {
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
}

.ceo-plan-box > .row > div {
    float: left;
    position: relative;
}

.ceo-plan-box > .row > div.col-md-3:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 12px;
    content: "";
}
.ceo-plan-detail > ul > li > p {
    color: #888;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 85%;
}


/* Testimonial 1 */
.testimonial-sec {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.testimonial-sec  li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec li > span {
    border: 4px solid rgba(255, 255, 255, 0.31);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 140px;
    margin: 0 auto 23px;
    overflow: hidden;
    width: 140px;
}
.testimonial-sec li > span > img {
    float: left;
    width: 100%;
}
.testimonial-sec li > p {
    color: #fff !important;
    display: block;
    font-family: lato;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: 0 0 25px;
    opacity: 1;
    padding: 0 100px;
    text-align: center;
}
.testimonial-sec li > a {
    display: table;
    float: none;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    margin: 25px auto;
}
.testimonial-sec .owl-pagination {
    float: none;
    margin: 0 auto;
    display: table;
}
.testimonial-sec .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 12px;
    margin: 0 5px;
    width: 12px;
	
	-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;
}

.testimonial-sec .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}



/* Testimonial 2 */
.testimonial-sec2 {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
}

.testimonial-sec2 li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec2 li > span {
    float: left;
    margin-right: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
	
	width: 40%;
}
.testimonial-sec2 li > span > img {
    float: left;
	width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.testimonial-sec2 li > a {
    color: #999999;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: right;
    width: 100%;
}
.testimonial-sec2 li > a > i {
    font-style: normal;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.testimonial-sec2 li > p {
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 10px;
    position: relative;
}

.testimonial-sec2 li > p:before {
    background-image: url("../images/ceo-coma.png");
    bottom: -70px;
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
}
.testimonial-sec2 .owl-pagination {
    display: table;
    float: right;
    margin-top: 0px;
    position: relative;
    z-index: 9999;
}
.testimonial-sec2 .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cccccc;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 5px;
    width: 6px;
}


/* Testimonial for White bg */
.f-testimonail.with-white > .tab-content {
    background: none;
}

.f-testimonail.with-white > ul > li {
    margin-bottom: 20px;
}
.f-testimonail.with-white > ul > li.active a {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > ul > li.active a > img {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > .tab-content > div {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e8ecec;
}
.with-white .f-testimonial-box > p {
    color: #7A7A7A;
    font-family: roboto;
    font-size: 13px;
    line-height: 24px;
    color: #777777;
    padding: 0;
}

/* Our Clients */

.our-clients {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-clients  a {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E2E2E2;

    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
	
    float: left;
    margin-top: 30px;
    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;
}
.our-clients  a > img {
    float: left;
    width:100%;
}
.our-clients a:hover {
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
 
    -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
}

/* our Clients2 */

#our-clients-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.our-clients2 {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.clients-hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.clients-hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,0.8);
    
	-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;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.our-clients2:hover .clients-hover:before {
    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);
}
.clients-hover > a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #f8f8f8;
    font-size: 20px;
    height: 45px;
    left: 50%;
    line-height: 45px;
    margin-left: -22.5px;
    margin-top: -22.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    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.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;
	
    width: 45px;
}
.our-clients2:hover .clients-hover > a {
    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);
}
.our-clients2 > h3 {
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}
.our-clients2 > p > i {
    font-style: italic;
    font-weight: bold;
}
.our-clients2 > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}
.our-clients2 > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}
.clients-hover > img {
    float: left;
    width: 100%;
}
.our-clients2 > h3 > a {
    color: #404040;
}
.our-clients2 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 10px;
    text-transform: uppercase;
	 border: 1px solid #404040;
}



/* Employee of The Month */
.emp-of-month-sec {
    float: left;
    width: 100%;
}
.employee-img {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -20px;
}
.emp-of-month-desc > h3 {
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.emp-of-month-desc > span {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 25px;
}
.emp-of-month-desc > ul > li > a i {
    float: left;
    line-height: 44px;
    width: 100%;
}
.emp-of-month-desc > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #777777;
    letter-spacing: 0.30px;
    margin: 0;
    line-height: 24px;
}
.employee-img > img {
    float: left;
    width: 100%;
}
.employee-img:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 13px;
    bottom: -1px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
}
.emp-of-month-desc {
    float: left;
    width: 100%;
}
.emp-of-month-desc > ul {
    float: left;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}
.emp-of-month-desc > ul > li {
    float: left;
    list-style: none outside none;
	margin-right:15px;
}
.emp-of-month-desc > ul > li > a {
    float: left;
    width: 46px;
    height: 46px;
    background: #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 1px solid #e8ecec;
    text-align: center;
    font-size: 13px;
    color: #414141;
    line-height: 43px;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
    -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;
}
.emp-of-month-desc > ul > li > a:hover{
	color:#fff;
}



/* Next product */

.next-products {
    float: left;
    width: 100%;
}
.next-products h3 {
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    width: 100%;
    margin-bottom: 35px;
    letter-spacing: 0.30px;
}
.next-products p {
    color: #676565;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.35px;
    line-height: 25px;
    float: left;
    margin: 0;
}
.next-products img {
    float: left;
    width: 100%;
}
.next-products ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.next-products ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 22px;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #6b6868;
    letter-spacing: 0.30px;
}
.next-products ul > li > i {
    float: left;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 3px;
}


/* Show Product */

.show-product {
    float: left;
    width: 100%;
    position: relative;
}
.show-products-lcds {
    float: left;
    height: 330px;
    position: relative;
    width: 100%;
}
.show-products-lcds > span {
    float: none;
    margin: 0 auto;
    display: table;
}
.show-product > h2 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: normal;
    margin: 10px 0 15px;
    text-align: center;
    width: 100%;
}
.show-product > p {
    color: #777777;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.show-product > a:hover{
	color:#fff;
}
.show-product > a {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fffefe;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 40px;
    margin-top: 20px;
	
	-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;	
	
	border:2px solid;
}
.show-product > a:hover {
    background: none repeat scroll 0 0 #333333;
}
#show-product-slide .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -50px;
}
#show-product-slide .owl-buttons > div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    float: left;
    position: relative;
    border: none;
    height: auto;
    width: auto;
}
#show-product-slide .owl-buttons > div.owl-next {
    float: right;
}

#show-product-slide .owl-buttons > .owl-next:before {
    content: "\f105";
}
#show-product-slide .owl-buttons > .owl-prev:before {
    content: "\f104";
}
#show-product-slide .owl-buttons > div:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: fontawesome;
    font-size: 113px;
    color: #999;
}

.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

}
 
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
 
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:         transform, opacity;
    -o-transition-property:         transform, opacity;
    transition-property:         transform, opacity;
}


/* Success Work */
#success-work-nav {
    display: table;
    float: none;
    margin: 0 auto 30px;
    position: relative;
    z-index: 9;
}
#success-work-nav > ul {
    border-left: 3px solid;
    border-right: 5px solid;
    float: left;
    margin: 0;
    padding: 0;
}
#success-work-nav > ul > li > a.active {
    padding-bottom: 13px;
    padding-top: 27px;
}
#success-work-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: -2px;
}
#success-work-nav > ul > li > a:after {
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    content: "\f0ab";
    font-family: fontawesome;
    left: 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;
	
    opacity: 0;
}
#success-work-nav > ul > li .active:after {
	top:10px;
	opacity:1;
}
#success-work-nav > ul > li > a {
    background: none repeat scroll 0 0 #fbfbfb;
    border-right: 1px solid #dedede;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 20px;
    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;
	
    z-index: 1;
}
#success-work-nav > ul > li {
    border: 1px solid #dedede;
}
#success-work-nav > ul > li:last-child > a {
    border: medium none;
}
#success-work-nav > ul > li > i {
    display:none;
}
#success-work-nav > ul > li > a > i {
    color: #ececec;
    font-size: 14px;
    margin-right: 15px;
}

.success-work {
    float: left;
	margin-top:30px;
	width:100%;
}
#success-work {
    margin-top: -30px;
    float: left;
    width: 100%;
}
.success-work-desc {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.success-work-desc > img {
    float: left;
    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;
}

.success-work:hover .success-work-desc > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.success-work-desc > a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    font-size: 20px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
	
    -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;
	
    width: 50px;
	z-index: 9;
	border: 1px solid rgba(0,0,0,0.2);
}
.success-work-desc > a > i {
    float: left;
    line-height: 48px;
    text-align: center;
    width: 100%;
}
.success-work:hover .success-work-desc > a {
    -webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
	-webkit-transition: all 0.5s ease 0.2s;
	-moz-transition: all 0.5s ease 0.2s;
	-ms-transition: all 0.5s ease 0.2s;
	-o-transition: all 0.5s ease 0.2s;
	transition: all 0.5s ease 0.2s;
}
.success-work-desc > a:hover {
    color: #fff;
}
.success-work-desc:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
	
    -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;
	
    width: 100%;
    z-index: 9;
}
.success-work:hover .success-work-desc:before {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.success-work > h2 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 20px 0 15px;
    text-align: left;
    width: 100%;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.success-work > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -3px 0 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Latest Project */
#latest-project {
    float: left;
    width: 100%;
}


/* Latest Features */
.ltst-feature-sec {
    float: left;
    width: 100%;
}
.ltst-feature-box {
    float: left;
    width: 100%;
}
.ltst-feature-box > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.ltst-feature-box > h2 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: lighter;
    margin-bottom: 11px;
}
.ltst-feature-box > p {
    color: #7a7a7a;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
}



/* Our Projects */
.our-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}

.project-desc > h3 {
    color: #555555;
    float: left;
    font-family: lato;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 7px 0 10px;
    padding-right: 15px;
    width: 100%;
}
.project-desc > h3 > a {
    color: #555555;
}
.our-project-sec p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    padding-right: 12px;
    width: 100%;
}
.our-project-box > span {
    float: left;
    padding-right: 15px;
    position: relative;
    width: 50%;
}
.our-project-box > span > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    color: #666666;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    right: 15px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin-bottom: 3%;
    margin-right: 3%;
    padding: 14px;
    position: absolute;
    text-align: center;
    width: 89%;
}
.our-project-box > span > i > strong {
    font-size: 14px;
}
.project-desc > span {
  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 8px 13px;
    text-transform: uppercase;
    width: auto;
    margin: 0;
}
.project-desc > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
	margin-right:5px;
}
.project-desc {
    float: left;
    width: 50%;
}
.our-project-sec .owl-pagination {
    float: right;
    margin-top: -20px;
    z-index: 99999;
	position:relative;
}
.our-project-sec .owl-pagination > .owl-page {
    float: left;
    height: 6px;
    width: 6px;
    background: #cccccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-left: 10px;
    margin-top: 12px;
}
.our-project-sec img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.our-projecty {
    float: left;
    margin-top: 30px;
    width: 100%;
}


/* Get a Quote */
.quote-widget {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
}
#quote-head{
	float:left;
	width:100%;
    padding: 30px;
}
#quote-head > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
#quote-head > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}
.quote-form-sec {
    background: none repeat scroll 0 0 #FCFCFC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
	padding:30px;
	border-top: 1px solid #e8ecec;
}
.quote-form-sec input {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #D1D1D1;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    padding-left: 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;
	
    width: 100%;
}
.quote-form-sec input:focus {
    border: 1px solid #BEBEBE;
}
.quote-form-sec input.submit {
    background: none repeat scroll 0 0 #999999;
    border: 1px solid #7E7E7E;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    height: auto;
    margin: 14px auto 0;
    padding: 7px 20px;
    width: auto;
}


/* Our Team */
.our-team-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-team-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-title {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.our-team-box:hover .team-title:after {
    bottom: 0;
    height: 100%;
    left: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);	
}
.our-team-sec.with-parallax .our-team-box:hover .team-title:after {
    height: 100%;
}
.team-title:after {
    bottom: 8px;
    content: "";
    height: 55px;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
    z-index: 1;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.team-title > img {
    float: left;
    width: 100%;
}
.our-team-box:hover .team-title > h3 {
    bottom: 50%;
    height: 33px;
    margin-top: -24px;
	color:#888;
}
.our-team-box:hover .team-title > h3 > a {
	color:#888;
}
.team-title > h3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: roboto;
    font-size: 16px;
    height: 56px;
    left: 0;
    line-height: 16px;
    margin: 0;
    padding: 11px 0px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 100%;
    z-index: 24;
	color: #fff;
}
.team-title > h3 > a{
	color: #fff;
}
.team-title > ul {
    bottom: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    margin-left: -101px;
}
.team-title > ul > li {
    list-style: none outside none;
    margin: 0 15px;
    position: absolute;
    bottom: 15%;
    opacity: 0;
	filter:alpha(opacity=0);
	
	margin-bottom: 15px;
}
.team-title > ul > li > a {
    float: left;
    font-size: 23px;
    color: #777777;
}
.our-team-box:hover .team-title > ul > li.facebook {
	left:30px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.twitter {
	left:60px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.google-plus {
	left:90px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.linkedin {
	left:120px;
	
    -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;
}

.our-team-box:hover .team-title > ul > li.facebook {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.our-team-box:hover .team-title > ul > li.twitter {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
}
.our-team-box:hover .team-title > ul > li.google-plus {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-team-box:hover .team-title > ul > li.linkedin {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.our-team-box > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul {
    border: medium none;
    padding: 0;
    margin: 0;
}
.our-team-sec.with-parallax .our-team-box > ul > li {
    border: 1px solid rgba(242, 242, 242, 0.37);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -moz-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -ms-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -o-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
	
    float: left;
    margin: 20px 0 0;
    padding: 10px 20px 2px;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul > li > h5 {
    color: #f8f8f8;
}
.our-team-sec.with-parallax .our-team-box > ul:before {
    display: none;
}
.our-team-box > ul > li > i {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #eae9e9;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #999999;
    float: left;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    margin-right: 18px;
    text-align: center;
    width: 30px;
}
.our-team-box > ul > li > h5 {
    color: #666666;
    display: block;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 29px;
    margin: 0;
}
.our-team-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 10px;
    width: 100%;
}
.our-team-box > ul > li > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
}
.our-team-box > ul > li:last-child {
    margin: 0;
}

/* Latest News */
.latest-news {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.news-hover {
    float: left;
    width: 100%;
    position: relative;
}
.news-hover > img {
    float: left;
    width: 100%;
    z-index: 2;
    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;
	
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-ms-border-radius:3px 3px 0px 0px;
	-o-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
}
.latest-news:hover .news-hover > img {
    opacity: 0.3;
	filter:alpha(opacity=30);
}

.news-hover > a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    left: 50%;
    top: 50%;
   
	-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;
	
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
	
    -webkit-transform: rotatex(90deg) perspective(200px);
    -moz-transform: rotatex(90deg) perspective(200px);
    -ms-transform: rotatex(90deg) perspective(200px);
    -o-transform: rotatex(90deg) perspective(200px);
    transform: rotatex(90deg) perspective(200px);
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
}
.news-hover > a > i{
	float:left;
	width:100%;
	line-height:40px;
}
.latest-news:hover .news-hover > a {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.news-detials {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    width: 100%;
    padding: 30px;
}
.news-detials > h3 {
    color: #666;
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: -10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.news-detials > h3 > a {
    color: #666;
}
.news-detials > span {
    color: #7A7A7A;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.news-detials > span > i{
	margin-right:10px;
}
.news-detials > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #888;
    letter-spacing: 0.30px;
    line-height: 24px;
    margin: 0;
}

/* Our Plan Details */
.our-pan-details {
    float: left;
    width: 100%;
    margin-top: 17px;
}

.features-slide {
    float: left;
    width: 100%;
    margin-top: 45px;
}
.slide-feature-box {
    float: left;
    width: 100%;
    background: rgba(255,255,255,0.54);
    border: 1px solid #b4b4b4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 35px 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;
}
.slide-feature-box:hover > i{
	color:#fff;
}
.slide-feature-box > i {
    color: #555555;
    float: left;
    font-size: 50px;
    line-height: 44px;
    margin-bottom: 15px;
    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;
}
.slide-feature-box > span {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #555555;
    font-family: roboto;
    letter-spacing: 0.30px;
    line-height: 10px;
	
	-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;
}
.slide-feature-box:hover > span{
	color:#fff;
}
.features-slide .owl-pagination {
    display: table;
    float: none;
    margin: 0 auto;
    margin-top: 30px;
}
.features-slide .owl-pagination .owl-page {
    background: none repeat scroll 0 0 #FFFFFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 3px;
    width: 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;
}


/* portfolio */

.portfolio-sec  ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.portfolio-box  img {
    float: left;
    width: 100%;
    padding: 1px ;
}
.portfolio-sec  ul > li {
    float: left;
    width: 20%;
    list-style: none;
}
.portfolio-box {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.portfolio-box > h3 {
    color: #ffffff;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 17px;
    margin: -40px 0 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    
	-webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
	
    white-space: nowrap;
    width: 100%;
    z-index: 99999;
}
.portfolio-box > a > i {
    float: left;
    line-height: 29px;
    width: 100%;
}
.portfolio-box:hover h3 {
    bottom: 10px;
	
    opacity: 1;
	filter:alpha(opacity=1);
}
.portfolio-box > i {
    position: absolute;
    width: 100%;
    height: 20%;
    background: rgba(15,15,15,0.8);
    z-index: 9;
}
.portfolio-box > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #DBDBDB;
    font-size: 14px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -15px;
    margin-top: 6px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    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;
	
    width: 30px;
    z-index: 9999999999;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.portfolio-box:hover > a.search{
    margin-left: 5px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.5s;
    -moz-transition: all 0.4s ease 0.5s;
    -ms-transition: all 0.4s ease 0.5s;
    -o-transition: all 0.4s ease 0.5s;
    transition: all 0.4s ease 0.5s;
}

.portfolio-box > a:hover {
    background: #fff;
    color: #333;
}
.portfolio-box:hover > a.link {
    margin-left: -30px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.4s;
    -moz-transition: all 0.4s ease 0.4s;
    -ms-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
}
.portfolio-box > i{
    opacity: 0;
}
.portfolio-box > i.box1 {
	left:0;
	top:0;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box2 {
	right:0;
	top:20%;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box3 {
	left:0;
	top:40%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box4 {
	right:0;
	top:60%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box5 {
	left:0;
	top:80%;
	
	-webkit-transition:all 0.2s 0.3s;
	-moz-transition:all 0.2s 0.3s;
	-ms-transition:all 0.2s 0.3s;
	-o-transition:all 0.2s 0.3s;
	transition:all 0.2s 0.3s;
}
.portfolio-box > i.box6,
.portfolio-box > i.box7,
.portfolio-box > i.box8{
    display:none;
}
.portfolio-box:hover i.box1, .portfolio-box:hover i.box3, .portfolio-box:hover i.box5, .portfolio-box:hover i.box7 {
    opacity: 1;
}
.portfolio-box:hover i.box2, .portfolio-box:hover i.box4, .portfolio-box:hover i.box6, .portfolio-box:hover i.box8 {
    opacity: 1;
}



/* Posrtfolio 2 */
.portfolio-sec2 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-sec2 > #portfolio-nav {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
#portfolio-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#portfolio-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
#portfolio-nav > ul > li:last-child {
    margin: 0;
}
#portfolio-nav > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 9px;
    overflow: hidden;
    padding: 13px 18px;
    position: relative;
    z-index: 0;
}
#portfolio-nav > ul > li > a:before {
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    
	-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;
	
    width: 100%;
	z-index: -1;
}
#portfolio-nav > ul > li > a.active {
    color: #FFFFFF;
}
#portfolio-nav > ul > li > a > i {
    font-size: 15px;
    margin-right: 10px;
}

#portfolio-nav > ul > li > a.active:before {
    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);
}
#portfolio-work {
    float: left;
    width: 100%;
}
#portfolio-work > div {
    float: left;
}
.portfolio-box2 {

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.portfolio-box2:before {
    background-color: rgba(81, 81, 81, 0.8);
    bottom: 0;
    content: "";
    height: 79px;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
	
	-webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

.portfolio-box2:hover:before {
    height: 100%;
}
.portfolio-box2 > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    height: auto;
}
.portfolio-head {
    bottom: 0;
    height: 75px;
    left: 0;
    position: absolute;
	
    -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;
	
    width: 100%;
}
.portfolio-box2:hover .portfolio-head {
    bottom: 58px;
    height: 50%;
}
.portfolio-box2 > a {
    border: 2px solid rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 16px;
    height: 47px;
    left: 50%;
    line-height: 44px;
    margin-left: -23.5px;
    margin-top: 29px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 20%;
	
    -webkit-transform: scale(2) rotatey(180deg);
    -moz-transform: scale(2) rotatey(180deg);
    -ms-transform: scale(2) rotatey(180deg);
    -o-transform: scale(2) rotatey(180deg);
    transform: scale(2) rotatey(180deg);
    
	-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;
	
    width: 47px;
}
.portfolio-box2 > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:45px;
}
.portfolio-box2:hover a {
    margin-top: 4px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 50%;
	
    -webkit-transform: scale(1) rotatey(0deg);
    -moz-transform: scale(1) rotatey(0deg);
    -ms-transform: scale(1) rotatey(0deg);
    -o-transform: scale(1) rotatey(0deg);
    transform: scale(1) rotatey(0deg);
}
.portfolio-head > h3 {
    color: #FFFFFF;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 14px 0 12px;
    text-align: center;
}
.portfolio-head > h3 a{
	color:#fff;
}
.portfolio-head > span {
    color: #dbdbdb;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-head > i {
    border: 3px solid rgba(255, 255, 255, 0.4);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: -16px;
    color: #FFFFFF;
    height: 32px;
    left: 50%;
    line-height: 27px;
    margin-left: -16px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 32px;
}
.portfolio-box2:hover .portfolio-head > i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

/* Portfolio 4 */
.portfolio-style4-sec {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-style4-sec > .row {
    float: left;
    margin: 0;
    width: 100%;
}
.portfolio-style4-sec > .row > div {
    float: left;
    width: 100%;
}
.portfolio-style4-sec > .row > div > .isotope-item {
    padding: 0;
}
.portfolio-style4 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-style4:before {
    background: none repeat scroll 0 0 rgba(21, 20, 20, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-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;
    -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;
	
    width: 50%;
}
.portfolio-style4:after {
    background: none repeat scroll 0 0 rgba(21, 20, 20, 0.8);
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    
	-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 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
	
    width: 50%;
}
.portfolio-style4:hover:before {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.portfolio-style4:hover:after {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.portfolio-style4 > img {
    float: left;
    width: 100%;
}
.portfolio-style4 > ul {
    left: 50%;
    list-style: none outside none;
    margin: -100px 0 0 -50px;
    opacity: 0;
    padding: 0;
    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;
    
	width: 100px;
    z-index: 999;
}
.portfolio-style4:hover > ul {
    margin-top: -65px;
    opacity: 1;
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.portfolio-style4 > ul > li {
    float: left;
}
.portfolio-style4 > ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    float: left;
    font-size: 15px;
    height: 41px;
    line-height: 41px;
    margin: 0 4px;
    text-align: center;
    
	-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;
	
    width: 41px;
}
.portfolio-style4 > ul > li > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:39px;
}
.portfolio-style4 > h3 {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 22px;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 30px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    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;
	
    white-space: nowrap;
    width: 100%;
    z-index: 99;
}
.portfolio-style4:hover > h3 {
    margin-top: -10px;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style4 > span {
    color: #c7c7c7;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    margin-top: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
	white-space: nowrap;
	padding: 0 30px;
    overflow: hidden;
	text-overflow: ellipsis;
	
	-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;
	
    width: 100%;
    z-index: 99999;
}
.portfolio-style4:hover > span {
    margin-top: 30px;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0.8s;
    -moz-transition: all 0.4s ease 0.8s;
    -ms-transition: all 0.4s ease 0.8s;
    -o-transition: all 0.4s ease 0.8s;
    transition: all 0.4s ease 0.8s;
}


/* Portfolio Style 5 */
.portfolio-style5-sec {
    float: left;
    width: 100%;
}
#options {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.option-isotop {
    float: left;
    width: 100%;
}
.option-set {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.option-set > li {
    float: left;
}
.option-set > li:first-child > a {
    padding-left: 0;
}

.option-set > li:first-child > a:before {
    display: none;
}
.option-set > li > a i {
    margin-right: 15px;
}
.portfolio-style5 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.option-set > li > a {
    border-right: 1px solid #696969;
    color: #696969;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 0 35px;
    position: relative;
}

.option-set > li > a:before {
    background: none repeat scroll 0 0 #e8ecec;
    bottom: -12px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    
	-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;
	
    width: 20px;
}
.portfolio-style5-box {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-style5-box:before {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.83);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    
	-webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
	
    width: 100%;
}
.portfolio-style5:hover > .portfolio-style5-box:before {
    top: 0;
}
ul.hover-btns {
    left: 50%;
    list-style: none outside none;
    margin: -19px 0 0 -55px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 90%;
    
	-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;
	
    width: 110px;
}
ul.hover-btns > li {
    float: left;
    margin: 0 8px;
}
ul.hover-btns > li > a {
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    
	-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;
	
    width: 38px;
}
ul.hover-btns > li > a > i{
	float:left;
	width:100%;
	line-height:38px;
}
.portfolio-style5:hover > .portfolio-style5-box > ul.hover-btns {
    opacity: 1;
    top: 50%;
    
	-webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
	
    -webkit-transition: all 0.6s ease 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    -ms-transition: all 0.6s ease 0.2s;
    -o-transition: all 0.6s ease 0.2s;
    transition: all 0.6s ease 0.2s;
}
.portfolio-carousal {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-bottom: 20px;
}
.portfolio-style5-sec > .row {
    margin: 0 -7px;
}
#portfolio-style5 > div {
    padding: 0 7px;
}
.portfolio-carousal li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
}
.portfolio-carousal li > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-carousal .owl-pagination {
    bottom: 20px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.portfolio-carousal .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cbcbcb;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: none;
	display:inline-flex;
    height: 7px;
    margin: 0 2px;
    
	-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;
	
    width: 7px;
}
.portfolio-carousal .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.portfolio-style5 > h3 {
    border-bottom: 1px solid #f5f5f5;
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0;
    padding-bottom: 10px;
    width: 100%;
}
.portfolio-style5 > h3 > a {
    color: #656565;
	float: left;
}
.portfolio-style5 > h3 > a > i {
    float: left;
    line-height: 25px;
    margin-right: 15px;
}
.portfolio-style5 > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}
.portfolio-style5-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}


/* Portfolio Style 6 */
.portfolio-style6-sec {
    float: left;
    width: 100%;
}
#portfolio-style6 {
    float: left;
    width: 100%;
}
.portfolio-style6 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style6-box {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.portfolio-style6-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-style6-box > span {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-size: 16px;
    height: 34px;
    left: 8px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 8px;

	-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;
	
    width: 48px;
}
.portfolio-style6:hover > .portfolio-style6-box > span {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.83);
    color: transparent;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.portfolio-style6-box > .hover-btns {
    top: 20%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    z-index: 999;
}
.portfolio-style6:hover .portfolio-style6-box > .hover-btns {
    opacity: 1;
    top: 50%;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.portfolio-style6 > h3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -6px 0 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style6 > h3 a{
	color: #656565;
}
.portfolio-style6 > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


/* Portfolio 8 */
.portfolio-style8-sec {
    float: left;
    width: 100%;
}
#portfolio-style8 {
    float: left;
    width: 100%;
}
.portfolio-style8 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style8-box {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.portfolio-style8-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.portfolio-style8-box > .hover-btns {
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.portfolio-style8-box:before {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
	
    -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;
	
    width: 100%;
}
.portfolio-style8:hover .portfolio-style8-box:before {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.portfolio-style8:hover .portfolio-style8-box > .hover-btns {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style8 > h3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style8 > h3 > a{
	color:#656565;
}
.portfolio-style8 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
	margin-bottom:10px;
}
.portfolio-style8 > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    padding: 8px 11px;
}
.portfolio-style8 > span {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 27px;
}

/* Portfolio 9 Style */
.portfolio-style9-sec {
    float: left;
    width: 100%;
}
#portfolio-style9 {
    float: left;
    width: 100%;
}
.portfolio-style9 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style9-box {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-style9-box:hover:before {
    top: 0;
}
.portfolio-style9-box:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
}
.portfolio-style9-box img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-style9-box > h3, .portfolio-carousal li > h3 {
    bottom: 0;
    color: #656565;
    font-family: roboto;
    font-size: 14px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 36px;
    margin: 0;
    padding: 22px 20px 4px;
    position: absolute;
    width: 100%;
	z-index: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;
}
.portfolio-style9:hover .portfolio-style9-box > h3:before {
    opacity: 0;
}
.portfolio-style9:hover .portfolio-style9-box > h3 {
    bottom: 50%;
    margin-bottom: -30px;
    text-align: center;
}
.portfolio-style9 ul.hover-btns {
    opacity: 0;
    top: 50%;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    z-index: 9999;
}
.portfolio-style9:hover ul.hover-btns {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	margin-top:-60px;
}
.portfolio-style9-box > h3 > a, .portfolio-carousal li > h3 > a {
    color: #656565;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style9-box > h3:before, .portfolio-carousal li > h3:before{
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.portfolio-style9-box > h3:before, .portfolio-carousal li > h3:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
    z-index: -1;
}
.portfolio-style9:hover .portfolio-style9-box > h3 {
    bottom: 50%;
}
.portfolio-style9 .portfolio-carousal .owl-pagination {
	bottom:auto;
	top:10px;
}
.portfolio-style9 .portfolio-carousal {
    margin: 0;
}

/* Inner Page Head */
.inner-head-sec {
    padding: 40px 0;
}
.inner-head-sec > .black:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.inner-head {
    float: left;
    width: 100%;
}
.inner-head h2 {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 53px;
    margin: 0 0 25px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.inner-title {
    float: left;
    width: 100%;
}
.breadcrumbs {
    display: table;
    float: none;
    margin: 0 auto;
}
.breadcrumbs > a {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0;
    padding-right: 40px;
	
    -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;
	
	position:relative;
}

.breadcrumbs > a:last-child:before {
    display: none;
}
.breadcrumbs > a:last-child {
    padding: 0;
}
.breadcrumbs > a:before {
    background: none repeat scroll 0 0 #777777;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "ï„…";
    font-family: fontawesome;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: 14px;
    text-align: center;
    top: 0;
    width: 17px;
}
.breadcrumbs > a:hover {
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.inner-title > span {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-top: -5px;
    width: 100%;
	 margin-bottom: 15px;
     text-align: center;
}

/* Our Office */
.our-office-sec {
    float: left;
    width: 100%;
}
#our-office {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#our-office > .tab-pane {
    float: left;
    width: %;
    position: relative;
}
#our-office > div > img {
    float: left;
    width: 100%;
}
.about-tab-desc {
    background: rgba(235,235,235,0.97);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50%;
    left: 2%;
    margin-bottom: 15px;
    position: absolute;
    
	-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;
	
    width: 96%;
    padding: 20px;
}

#our-office > .tab-pane.active > .about-tab-desc {
    bottom: 0;
}
.about-tab-desc > h3 {
    color: #434242;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: -8px 0 0;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 15px;
}
.about-tab-desc > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.about-tab-desc > ul > li > span {
    color: #353535;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    width: 100%;
}
.about-tab-desc > ul > li > span > i {
    margin-right: 10px;
	color: #777777;
}
.about-tab-desc > ul > li {
    float: left;
    list-style: none;
    margin-right: 30px;
}

.about-tab-desc > ul > li > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    font-size: 11px;
    color: #777777;
    letter-spacing: 0.30px;
    margin-left: 20px;
    margin-top: 6px;
    line-height: 9px;
    letter-spacing: 0.30px;
}
#our-office-thumb {
    border: medium none;
    float: left;
    padding: 0;
}
#our-office-thumb > li a > span {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 15px;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    z-index: 9;
}
#our-office-thumb > li a > img {
    float: left;
    width: 100%;
}
#our-office-thumb > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    margin: 0;
    position: relative;
}
#our-office-thumb > li a {
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
	
	-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;	
}

#our-office-thumb > li a:hover {
    opacity: 0.5;
	filter:alpha(opacity=50);
}
#our-office-thumb > li:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
    z-index: 9;
}

#our-office-thumb > li.active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}



/* Our Branches */
#branches {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.w-our-branches.branch-box > ul {
    float: left;
    padding: 0;
    width: 100%;
}
.w-our-branches.branch-box{
	margin-top:30px;
}
.w-our-branches.branch-box > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    padding: 0;
    width: 100%;
}
.w-our-branches.branch-box > ul > li:last-child {
    border: medium none;
}
.w-our-branches.branch-box > ul > li > p > strong {
    margin-bottom: 10px;
}
.w-our-branches.branch-box > ul > li > a {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > p {
    float: left;
    margin: 0;
    padding-right: 30px;
    width: 50%;
}
.w-our-branches {
    float: left;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    line-height: 10px;
    margin: 0 0 15px;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > a > span {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-our-branches > ul {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.w-our-branches ul li {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #E4E4E4;
    float: left;
    list-style: none outside none;
    padding: 24px 16px;
    width: 100%;
	border-bottom:rgba(0,0,0,0)
}
.w-our-branches > ul > li:last-child{
	border-bottom:1px solid #e4e4e4;
}
.w-our-branches li span {
    float: left;
    overflow: hidden;
    width: 100%;
	padding-right: 20px;

}
.w-our-branches > ul > li > a {
    float: left;
    width: 30%;
}
.w-our-branches li span img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-our-branches li p {
    color: #777777;
    display: block;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.35px;
    margin: 5px 0;
    padding-left: 25px;
    width: 70%;
    line-height: 14px;
    position: relative;
}
.w-our-branches li h6 {
    color: #00A0CA;
    display: block;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.35px;
    margin: 0 0 13px;
}
.w-our-branches li h6 i {
    color: #494848;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 12px;
    text-align: center;
    width: 8%;
}
.w-our-branches li p i {
    color: #777777;
    font-size: 14px;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 20px;
}
.w-our-branches li p > strong {
    color: #666666;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2px;
    width: 100%;
}


/* About Sec */
.about-sec {
    float: left;
    width: 100%;
}

.about-sec img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.about-sec h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 15px;
    width: 100%;
}
.about-sec p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 23px;
    width: 100%;
}
.about-sec a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 15px;
    padding: 12px 17px;
	
    -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;
}
.about-sec a:hover{
	color:#fff;
}
.our-project-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/* All Project */
#all-project-nav {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}

#all-project-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#all-project-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
#all-project-nav > ul > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 18px;
    position: relative;
    z-index: 0;
}
#all-project-nav > ul > li > a:before {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    
	-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;
	
    width: 100%;
    z-index: -1;
}
#all-project-nav > ul > li > a.active {
    color: #FFFFFF;
}
#all-project-nav > ul > li > a.active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	opacity:1;
	filter:alpha(opacity=100);
}
#all-project {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#all-project > div {
    float: left;
}
.all-projects {
    border: 1px solid #E1E7E7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.all-projects > img {
    float: left;
    width: 100%;
}
.all-projects:hover .all-project-desc {
    height: 100%;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.all-project-desc {
    bottom: 0;
    height: 25%;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
    z-index: 7;
}
.all-project-desc > h2 {
    bottom: 50%;
    color: #dfdddd;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    letter-spacing: 0.3px;
    margin-bottom: -27px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0 25px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.all-projects:hover .all-project-desc > h2 {
    bottom: 50%;
    margin-bottom: -68px;
}
.all-project-desc > h2 > a {
    color: #DFDDDD;
}
.col-md-3 .all-project-desc > h2 > a {
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.all-projects:before {
    background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
    bottom: 0;
    content: "";
    height: 25%;
    left: 0;
    position: absolute;
    width: 100%;
}
.all-project-desc > span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 100%;
}
.all-projects:hover .all-project-desc > span > img {
    margin-top: -80px;
    top: 50%;
	
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.all-project-desc > span > img {
    border: 2px solid rgba(255, 255, 255, 0.14);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
	width: 80px;
	height: 80px;
	
    left: 50%;
    margin-left: -40px;
    position: absolute;
    top: -40px;
	
    -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;
}
.all-projects:hover .all-project-desc > span > i {
    margin-top: 25px;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 50%;
    width: 100%;
}
.all-project-desc > span > i {
    color: #C1C1C1;
    font-family: roboto;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    right: 0;
    text-indent: 46px;
    top: 10px;
    
	-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;
	
    width: 50%;
	text-align: left;
}
.all-project-desc > a {
    border: 2px solid rgba(255, 255, 255, 0.14);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 14px;
    height: 35px;
    left: 50%;
    line-height: 33px;
    margin-left: -17.5px;
    margin-top: -17.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    
	-webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
	
    width: 35px;
}
.all-project-desc > a > i{
	float:left;
	width:100%;
	line-height:33px;
}
.all-projects:hover .all-project-desc > a {
    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);
}
.all-projects > i {
    background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
    height: 12.5%;
    left: 0;
    position: absolute;
    
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
	
}
.all-projects:hover > i {
    opacity: 1;
	filter:alpha(opacity=100);
}
.all-projects > i.box1 {
    bottom: 25%;
	
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.all-projects > i.box2 {
    bottom: 37.5%;
	
	-webkit-transition: all 0.3s ease 0.2s;
	-moz-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
}
.all-projects > i.box3 {
    bottom: 50%;
	
	-webkit-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	-ms-transition: all 0.3s ease 0.3s;
	-o-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
}
.all-projects > i.box4 {
    bottom: 62.5%;
	
	-webkit-transition: all 0.3s ease 0.4s;
	-moz-transition: all 0.3s ease 0.4s;
	-ms-transition: all 0.3s ease 0.4s;
	-o-transition: all 0.3s ease 0.4s;
	transition: all 0.3s ease 0.4s;
}
.all-projects > i.box5 {
    bottom: 75%;
	
	-webkit-transition: all 0.3s ease 0.5s;
	-moz-transition: all 0.3s ease 0.5s;
	-ms-transition: all 0.3s ease 0.5s;
	-o-transition: all 0.3s ease 0.5s;
	transition: all 0.3s ease 0.5s;
}
.all-projects > i.box6 {
    bottom: 87.5%;
	
	-webkit-transition: all 0.3s ease 0.6s;
	-moz-transition: all 0.3s ease 0.6s;
	-ms-transition: all 0.3s ease 0.6s;
	-o-transition: all 0.3s ease 0.6s;
	transition: all 0.3s ease 0.6s;
}



/* Pagination */
.c-pagination {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 70px;
    overflow: hidden;
    padding: 19px 0;
    position: relative;
    width: 100%;
	
	background-image: url("../images/resource/sec-bg9.jpg");	
}
.c-pagination .fixed-img {
    display: none;
}
.c-pagination > .container {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}
.pagination {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    position: relative;
    z-index: 9;	
}
.pagination > ul > li > a.active {
    color: #FFFFFF;
}
.pagination > a#prev {
    left: 20px;
    position: absolute;
    top: 1px;
}
.pagination > a#next {
    right: 20px;
    position: absolute;
    top: 1px;
}
.pagination > a {
    background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fafafa;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 10px 20px;
    position: relative;
	border:1px solid rgba(236,236,236,0.6);
}
.pagination > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.pagination > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}
.pagination > ul > li > a {
    background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fafafa;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 400;
    height: 32px;
    line-height: 28px;
    text-align: center;
    
	-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;
	
	border:1px solid rgba(236,236,236,0.6);
	
    width: 32px;
}
.c-pagination .black:before {
    opacity: 0;
	filter:alpha(opacity=0);
}	
.pagination > ul > li > a:hover {
    color: #FFFFFF;
}
.pagination > a > i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 11px;
    height: 13px;
    line-height: 11px;
    position: absolute;
    text-align: center;
    width: 13px;
}
.pagination > a#next > i {
    right: -6px;
}
.pagination > a#prev > i {
    left: -6px;
}

/* Related Project */
#related-project {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.related-project {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.related-thumb {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.related-project:hover .related-thumb:before {
    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);
}
.related-thumb:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
}
.related-thumb > img {
    float: left;
    width: 100%;
	height: auto;
}
.related-thumb > span {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5px;
    color: #ffffff;
    font-family: roboto;
    font-size: 11px;
    line-height: 12px;
    padding: 10px;
    position: absolute;
    right: 5px;
    text-align: center;
	
    -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;
}
.related-project:hover .related-thumb > span {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.related-thumb > span > i {
    float: left;
    font-style: normal;
    width: 100%;
}
.related-thumb > a {
    color: #404040;
    font-size: 16px;
    left: 50%;
    margin-left: -10px;
    margin-top: -7px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
	
    -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;
}
.related-project:hover .related-thumb > a {
    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);
}
.related-project > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 10px 0;
    width: 100%;
}
.related-project > h3 > a {
    color: #666;
}
.related-project > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -6px 0 0;
    width: 100%;
}

/* Inner Left Sec */
.inner-left {
    float: left;
    width: 100%;
}


/* Post */
.post {
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}

.post-metas {
    float: left;
    width: 100%;
    overflow: hidden;
}
.post-metas iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    
	float: left;
    height: 200px;
    width: 100%;
}
.post-metas > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 5px;
}
.post-metas > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
}

.post-metas > ul > li > a {    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 8px;
    padding: 7px 10px;
}
.post-metas > ul > li > a > i {
    font-size: 13px;
    margin-right: 5px;
}
.post-metas > ul > li:last-child {
    margin: 0;
}
.post-metas > div {
    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;
	
    overflow: hidden;
}

.single-post .post-metas > div:before {
    display: none;
}

.single-post .post-metas > div:after {
    display: none;
}
.single-post .post-metas > div a {
    display: none;
}
.post-metas > div > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	height: auto;
}
.post-desc {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.one-column .post-desc {
    margin: 0;
}
.one-column .post-desc > h2 {
    margin: 20px 0 10px;
}

.one-column .post-desc > p {
    margin-bottom: 20px;
}
.post-desc > h2 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 20px;
    width: 100%;
}
.post-desc > h2 > a {
    color: #666;
	
    -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;
}
.post-desc > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
.post-desc > a {
    background: #fff;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 10px 15px;
    
	-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;
	
    border: 1px solid #e8ecec;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.post-desc > a:hover{
	color:#fff;
}
/* Single Post */
.meta-tags {
    float: left;
    margin: -10px 0 0;
    padding: 0;
    width: 50% !important;
}
.meta-tags > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    margin-top: 10px;
}
.meta-tags > li > i {
    color: #282828;
    float: left;
    font-size: 15px;
    line-height: 32px;
    margin-right: 10px;
}
.meta-tags > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 9px;
    padding: 10px;
	
    -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;
}
.meta-tags > li > a:hover {
    color: #FFFFFF;
}
.post-social {
    float: right !important;
    margin: 0;
    padding: 0;
    width: auto !important;
}
.post-social > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
.post-social > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 33px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    
	-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;
	
    width: 35px;
}
.post-social > li > a:hover {
    color: #FFFFFF;
}
.post-social > li > a > i {
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
.post-social > li:last-child {
    margin-right: 0;
}
/* Comment Sec */
.comment-sec {
    float: left;
    margin-top: 70px;
    width: 100%;
}
#comment {
    float: left;
    width: 100%;
}
#comment > ul {
    float: left;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
#comment > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
    width: 100%;
}
.comment {
    float: left;
    width: 100%;
}
.comment-avatar {
    float: left;
    margin-right: 30px;
    width: 87px;
}
.comment-avatar > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
.comment-avatar > span > img {
    float: left;
    width: 100%;
}
.comment-avatar > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 5px 10px;
}
.user-comment {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #E1E1E1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    padding: 40px;
    position: relative;
    width: 86%;
}
.user-comment > a {
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;	
}
.user-comment > a > i {
    color: #666666;
    font-family: roboto;
    font-size: 11px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-left: 10px;
}
.user-comment > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    width: 100%;
}
#comment > ul > li > ul {
    float: left;
    padding-left: 119px;
    width: 100%;
}
#comment > ul > li > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#comment > ul > li > ul > li > .comment > .user-comment {
    width: 84%;
}
#comment > ul > li > ul > li > ul {
    float: left;
    padding-left: 119px;
    width: 100%;
	margin-top: 30px;
}
#comment > ul > li > ul > li > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#comment > ul > li > ul > li > ul > li .comment > .user-comment {
    width: 81%;
}
.reply {
    background: none repeat scroll 0 0 #F9F9F9;
}

.reply:before {
    background: none repeat scroll 0 0 #F9F9F9;
    border-right: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -6px;
    
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	
    width: 10px;
}

/* About the AUthor */
.author-post-sec {
    border-bottom: 1px dashed #C8C8C8;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    border-top: 1px dashed #C8C8C8;
    float: left;
    margin-bottom: 50px;
    margin-top: 50px;
    overflow: hidden;
    padding: 35px;
    position: relative;
    width: 100%;
}
.author-post {
    float: left;
    position: relative;
    width: 100%;
    z-index: 9;
}
.author-post > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 35px;
    overflow: hidden;
}
.author-post > span > img {
    float: left;
    width: 100%;
}
.author-post > a {
    color: #666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.author-post > a > i {
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}
.author-post > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
#related-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.single-project-sec {
    float: left;
    position: relative;
    width: 100%;
}



/* Sidebar */
.s-related-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

/* Sidebar Flicr Widget */
.s-flicr-widget{
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.s-flicr-widget a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.s-flicr-widget a:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
}
.s-flicr-widget a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.s-flicr-widget a:before {
    color: #FFFFFF;
    content: "�";
    font-family: FontAwesome;
    left: 50%;
    margin-left: -6px;
    margin-top: -8px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
    z-index: 1;
}
.s-flicr-widget > .row {
    float: left;
    margin-top: -20px;
    padding: 0 5px;
}
.s-flicr-widget a:hover:before {
    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);
}

.s-flicr-widget a > img {
    float: left;
    width: 100%;
}
.s-flicr-widget > .row > div {
    padding: 0 10px;
}

/* Sidebar Categories Widget */
.s-category-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.s-category-widget > ul {
    float: left;
    margin: -15px 0 0;
    padding: 0;
    width: 100%;
}
.s-category-widget > ul > li {
    border-bottom: 1px solid #E4E4E4;
    float: left;
    list-style: none outside none;
    width: 100%;
}
.s-category-widget > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 18px;
    padding: 15px 0;
    position: relative;
	
    -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;
	
    width: 100%;
}
.s-category-widget > ul > li > a > i {
    color: #888;
    float: left;
    font-size: 18px;
    margin-right: 20px;
    margin-top: 1px;
	
    -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;
}
.s-category-widget > ul > li > a:hover > i {
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}
.s-category-widget > ul > li > a > span {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    line-height: 10px;
    padding: 7px 6px;
    position: absolute;
    right: 0;
}

/* Sidebar Testimonial */
.s-testimonial {
    margin-bottom: 30px;
}


/* Sidebar Twitter Widget  */
.s-twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget {
    background-image: url("../images/resource/twitter-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
	
    float: left;
    padding: 20px;
    width: 100%;
}
.twitter-widget > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.twitter-widget > ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.twitter-widget > ul li > p {
    color: #414040;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    width: 100%;
}
.twitter-widget > ul li > a {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
}
.twitter-widget > ul li > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: lighter;
    line-height: 10px;
    margin-bottom: 110px;
    width: 100%;
}
.twitter-widget > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 5px 10px;
}


/* Widget Top Faq */
.s-faq-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.w-top-faq {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-top-faq > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-top-faq > ul > li {
    -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    width: 100%;
	padding: 15px;
}
.w-top-faq > ul  > li:last-child {
    margin: 0;
}
.w-top-faq > ul > li > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #777777;
    float: left;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-top: 7px;
}
.w-top-faq > ul > li > a {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0;
}
.w-top-faq > ul > li > span {
    float: left;
    padding-left: 20px;
    width: 100%;
}

/* Widget Support Team */
.s-support-team {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.support-team-sec .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: 41px;
    width: 100%;
}
.support-team-sec {
    float: left;
    position: relative;
    width: 100%;
}
.support-team {
    float: left;
    position: relative;
    width: 100%;
}
.support-team-sec .owl-buttons .owl-prev {
    left: 0;
    margin: 0;
    position: absolute;
}
.support-team-sec .owl-buttons .owl-next {
    right: 0;
    margin: 0;
    position: absolute;
}
.support-team > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    margin: 0 auto;
    overflow: hidden;
}
.support-team > span > img {
    float: left;
    width: 100%;
}
.support-team > ul {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 15px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.support-team > ul > li {
    border-bottom: 1px solid #e8ecec;
 
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    padding: 15px 0 15px 15px;
    width: 100%;
}
.support-team > ul > li:last-child {
    border: medium none;
}
.support-team > ul:before {
    background: none repeat scroll 0 0 #FFFFFF;

	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 0;
}
.support-team > ul > li > span {
    display: inline;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
	color: #666666;
}
.support-team > ul > li > i {
    float: left;
    line-height: 20px;
    margin-right: 26px;
    position: relative;
    text-align: center;
    width: 23px;
	color: #666666;
}
.support-team > ul > li > span > i {
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}




/* Widhet Get Help */
.w-get-help {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-get-help > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-get-help > ul > li {
    border-bottom: 1px solid #E8ECEC;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    padding: 15px;
    width: 100%;
}
.w-get-help ul li:last-child {
    margin: 0;
	border-bottom:0;
}
.w-get-help ul li span {
    border: 3px solid #666;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    line-height: 14px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}
.w-get-help > ul > li:hover span {
    border-color: #E96353;
    color: #E96353;
}
.w-get-help > ul > li:hover h3 {
    color: #E96353;
}
.w-get-help ul li p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
}
.w-get-help ul li > i {
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    text-decoration: underline;
}
.w-get-help ul li p i {
    font-style: normal;
    text-decoration: underline;
}
.w-get-help ul li h3 {
    color: #666666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 0;
}
.w-get-help > ul > li ul {
    float: left;
    margin-top: 30px;
    padding: 0;
    width: 100%;
}
.w-get-help > ul > li ul li {
    float: left;
    list-style: none outside none;
    margin-bottom: 15px;
    width: 100%;
}
.w-get-help > ul > li ul li i {
    color: #888;
    float: left;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 25px;
    text-align: center;
    text-decoration: none;
    width: 10%;
}
.w-get-help > ul > li ul li p {
    display: block;
    float: none;
    line-height: 12px;
    margin: 0;
    width: auto;
}

/* Find A Place or Job */
.find-a-job {
    float: left;
    width: 100%;
}
.find-a-job > form {
    float: left;
    width: 50%;
}
.find-a-job > form#job {
    margin-right: 30px;
    width: 45%;
}
.find-a-job > form#place {
    width: 52%;
}
.find-a-job > form#place > input {
    margin-right: 30px;
    width: 86%;
}
.find-a-job > form#place > a {
    border: 2px solid rgba(255, 255, 255, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    height: 50px;
    line-height: 43px;
    text-align: center;
    width: 53px;
}
.find-a-job > form > label {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}
.find-a-job > form > input {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #9B9B9B;
    float: left;
    font-family: roboto;
    font-size: 15px;
    padding: 14px 30px;
    width: 100%;
}
#latest-job-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}

/* FAQ */
.about-desc > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* History Page */
.history-box-sec:hover .history-box {
    background-position: right 0 bottom -200px;
}
.history-box {
    background-image: url("../images/resource/history.png");
    background-position: right -220px bottom -200px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: -40px;
    overflow: hidden;
    padding: 100px 0;
    position: relative;
	
    -webkit-transition: all 10s ease 0s;
    -moz-transition: all 10s ease 0s;
    -ms-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
	z-index: 0;
}
.history-box-sec {
    float: left;
    margin-right: 30px;
    position: relative;
    width: 270px;
	margin-bottom: 50px;
}
.history-box:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.history-head {
    background: none repeat scroll 0 0 #CECECE;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 200px;
    line-height: 200px;
    margin: 0 auto -100px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 2147483647;
	
	-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;
}
.history-head > span {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 160px;
    position: relative;
    width: 160px;
    z-index: 2147483647;
}
.history-head > span > i.in {
    color: #CECECE;
    float: left;
    font-family: FontAwesome;
    font-size: 63px;
    height: 100%;
    left: 0;
    line-height: 160px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: absolute;
    text-align: center;
    top: 0;
	
    -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;
	
    width: 100%;
}
.history-head > span > i {
    font-family: roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: bold;
    height: 10%;
    left: 0;
    line-height: 160px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
	
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    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;
}
.history-box-sec:hover .history-head > span > i.in {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.history-box-sec:hover .history-head > span > 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);
}
.history-date {
    float: left;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    width: 100%;
}
.history-date > h3 {
    font-family: roboto;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 58px;
    margin: 0;
    position: absolute;
    text-align: center;
	
    -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;
	
	color: #666666;
	
    width: 100%;
}
.history-date > i {
    color: #888;
    font-size: 63px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -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;
	
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
}
.history-box-sec:hover .history-date > h3 {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.history-box-sec:hover .history-date > 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);
}
.history-box > h4 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 38px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.history-box > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0 0 5px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.history-box-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #CECECE;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 80px;
    margin: 0 auto;
    position: relative;
    
	-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;
	
    width: 80px;
    z-index: 2147483647;
}
.history-box-sec > a > i {
    color: #555555;
    float: left;
    font-size: 22px;
    line-height: 68px;
    text-align: center;
    width: 100%;
}
#content_1 .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 #B6B4B5;
}
#content_1 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
#content_1 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 10px;
    margin: 3px auto;
    width: 100%;
}


/* Gallery 1 */
.gallery {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.gallery-sec {
    float: left;
    margin-top: -40px;
    width: 100%;
}
.gallery-hover {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.gallery-hover:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 50%;
}
.gallery-hover:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    right: -50%;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 50%;
}
.gallery-hover > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;

    height: auto;
}
.gallery:hover .gallery-hover:before {
    left: 50%;
}
.gallery:hover .gallery-hover:after {
    right:50%;
}
.gallery:hover .gallery-hover > a {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
	
	opacity:1;
	filter:alpha(opacity=100);
}
.gallery-hover > a {
    color: #FFFFFF;
    font-size: 30px;
    left: 50%;
	margin-left: -15px;
	margin-top: -22px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    
	-webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
	
    z-index: 9999;
}
.gallery > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.gallery > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.gallery > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
}
.gallery > ul > li > a {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 7px 10px;
}
.gallery > ul > li > a > i {
    font-size: 13px;
    margin-right: 5px;
}


/* Job Map */
.job-map {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
.job-map > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 30px;
    width: 100%;
}
.job-map > iframe {
    border: medium none;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 300px;
    width: 100%;
	 margin-bottom: 30px;
}

/* Job Description */
.job-desc {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
.job-desc > .w-top-faq {
    border: medium none;
    padding: 0;
}
.job-desc > .w-top-faq > ul > li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 15px 0;
}

/* Job Skills */
.job-skills-sec {
    float: left;
    width: 100%;
}
.job-skills {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.job-skills > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    width: 100%;
}
.job-skills > li:last-child {
    margin: 0;
}
.job-skills > li > i {
    color: #777777;
    float: left;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 12px;
    margin-right: 20px;
}
.job-skills > li > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
.job-skills-sec > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 30px;
    padding: 15px 20px;
}




/* Project */
.project {
    float: left;
    width: 100%;
}
.project-info-box > span.light {
    width: 55%;
}
.project img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.project-info-box {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 7px;
    overflow: hidden;
    width: 100%;
}
.project-info-box > .dark:before {
    display: none;
}
.project-info-box > span {
    float: left;
    line-height: 10px;
    padding: 22px 15px;
    width: 45%;
}
.project-info-box > span.dark {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #E8ECEC;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #666666;
    font-family: roboto;
    font-size: 13px;
}
.project-info-box > span.dark > i {
    margin-right: 5px;
	font-size:16px;
}
.project-info-box > span.light {
    background: none repeat scroll 0 0 #F9F9F9;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 17px;
}
.countdown-project {
    background: none repeat scroll 0 0 #F5F5F5;
    float: right;
    padding: 14px 0 28px 7px;
    width: 55%;
}
.countdown-project  > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 10px;
    position: relative;
}
.countdown-project  > span:before {
    color: #525252;
    content: "";
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    left: 0;
    letter-spacing: 0.3px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
    width: 100%;
}
.countdown-project  > span.hours:before {
    content: "Days";
}
.countdown-project  > span.minutes:before {
    content: "Mint";
}
.countdown-project  > span.seconds:before {
    content: "Sec";
}
.project p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 25px;
    width: 100%;
}

/* Price Table */
.price-table-sec {
    float: left;
    width: 100%;
}
.price-table-sec > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.price-table-sec > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.price-table-sec > ul > li.price-head {
    background: none repeat scroll 0 0 padding-box content-box #8B8998;
    border: 10px solid #FFFFFF;
	
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    display: table;
    float: none;
    height: 190px;
    margin: 0 auto -95px;
    position: relative;
    width: 190px;
    z-index: 9;
	
	-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;
}
.price-head > h2 {
    color: #F5F5F5;
    float: left;
    font-family: roboto;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 38px 0 0;
    text-align: center;
    width: 100%;
}
.price-head > h2 > i {
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
}
.price-head > i {
    color: #F5F5F5;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: center;
    width: 100%;
}
.price-category > h3 {
    background: none repeat scroll 0 0 #353342;
    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    padding: 130px 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.price-features > i {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    font-size: 19px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    text-align: center;
    width: 45px;
}
.price-features > p {
    color: #F5F5F5;
    display: block;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0;
    text-align: center;
}
.price-features {
    background: none repeat scroll 0 0 #353342;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 25px 0;
}
.price-table-sec .sign-up > a {
    background: none repeat scroll 0 0 #414554;
    
	-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;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    text-transform: uppercase;
    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;	
}

/* Single History */
.single-history-sec {
    float: left;
    width: 100%;
}
.single-history-sec > span {
    float: left;
    width: 100%;
}
.single-history-sec > span > i {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 5px 20px;
}
.single-history-sec > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 30px;
}
.single-history-sec > h3 {
    color: #666666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.single-history-sec > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
}
.single-history-sec > p > i {
    font-size: 28px;
    font-style: normal;
}
#history-map iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 300px;
    width: 100%;
}

/* Contact Sec */
.leave-reply {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.comment-form p.form-allowed-tags {
    padding: 0;
}
.single-post .post-metas iframe {
    height: 500px;
}
.no-image .row > div {
    float: left;
    width: 100%;
}
.no-image .post-desc {
    margin: 0;
}
.post-desc img[title="Image Alignment 1200x400"] {
    float: left;
    width: 100%;
}
.comment-form p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 16px;
    padding: 0 15px;
    width: 100%;
}
.comment-form p code {
    float: left;
    margin-top: 11px;
    white-space: normal;
    width: 100%;
}
.leave-reply > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
#contact {
    float: left;
    width: 100%;
}
#contact #message {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
#contact #message .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#contact #message .alert-success {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 30px;
    width: 100%;
}
#contact #message .alert-success > h1 {
    float: left;
    font-family: lato;
    font-size: 22px;
    margin: 0 0 7px;
    width: 100%;
}
#contact #message .alert-success > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}
.contact-sec {
    float: left;
    width: 100%;
}
.contact-sec > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 0;
    width: 100%;
}
.contact-sec > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-bottom: 40px;
    margin-right: 30px;
    margin-top: 40px;
}
.contact-sec > span > i {
   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    text-align: center;
    width: 28px;
}
.contact-sec > iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 400px;
    width: 100%;
	margin-bottom:40px;
}

#contact span.required{ 
	font-size: 13px; 
	color: #ff0000; 
} /* Select the colour of the * if the field is required. */

#message {
    float: left;
    margin: 10px 0;
    width: 100%;
}

.error_message {
    background: url("assets/error.gif") no-repeat scroll 10px center #FBE3E4;
    border: 1px solid #FBC2C4;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #8A1F11 !important;
    display: block;
    float: left;
    height: 43px;
    line-height: 22px;
    padding: 9px 42px;
    width: 100%;
	
	margin-bottom: 10px;
}
.error_message p{
    color: #8A1F11 !important;
}
.loader { 
	padding: 0 10px; 
}

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

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



/* Event Sec */
#event-count-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.event-count {
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.event-count > div {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	margin-bottom:25px;
}

.event-count > div:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    height: 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;
    
	bottom: -80%;
}

.event-count:hover > div:before {
    bottom: 0;
}
.event-count > div > h3 {
    bottom: 0;
    color: #ffffff;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 10px 30px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.event-count > div > a {
    background: none repeat scroll 0 0 rgba(248, 248, 248, 0.1);
    border: 1px solid rgba(248, 248, 248, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FAFAFA;
    height: 38px;
    left: 50%;
    line-height: 37px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-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;
	
    width: 38px;
    z-index: 1222;
	
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	
	opacity:0;
	filter:alpha(opacity=0);
}
.event-count > div > a > i{
	float:left;
	width:100%;
	line-height:37px;
}
.event-count > div > a:hover {
    background: #fafafa;
}
.event-count:hover > div > a {
    margin-top: 0;
    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);
}
.event-count:hover > div > h3 {
    bottom: 50%;
}
.event-count > div > h3 > a{
    color: #FFFFFF;
}
.event-count > div > img {
    float: left;
    width: 100%;
}
.event-count > ul {
    float: left;
    margin-bottom: 22px;
    padding: 0;
    width: 100%;
}
.event-count ul > li {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    padding: 15px;
    width: 20%;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.event-count ul > li > span {
    float: left;
    font-family: roboto;
    font-size: 22px;
    text-align: center;
    width: 100%;
    letter-spacing: 0.30px;
	color:#666666;
}
.event-count ul > li > p {
    color: #777;
    font-family: roboto;
    font-size: 11px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.event-count  ul > li:last-child {
    margin: 0;
}
.event-count > span {
    color: #7a7a7a;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}
.event-count > span > i {
    font-size: 14px;
    margin-right: 10px;
}
.event-count > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-top: 10px;
	text-align:center;
}
.seconds_ref {
    width: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 100%;
}
.event-count > p > i {
    margin-right: 15px;
}
.event-count > h3 {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    width: 100%;
    margin-bottom: 18px;
}
.event-count.with-aside > ul > li > span {
    font-size: 15px;
}
.event-count.with-aside > ul > li {
    margin-right: 5%;
    padding: 4px 5px;
    width: 21%;
}
.event-count.with-aside > ul > li:last-child {
    margin: 0;
}
.event-count ul > li > p {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Buy a Ticket */
.buy-a-ticket > a{
	border: 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 17px;
    
	-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;
	
	display:table;
}
.buy-a-ticket {
    float: left;
    width: 100%;
}
.buy-a-ticket > h3 {
    text-align: center;
}
.buy-a-ticket > p {
    text-align: center;
	margin-bottom:20px;
}
.buy-a-ticket > a:hover {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #FAFAFA;
    color: #333333;
}

/* Promotional Video */
.promote-video {
    float: left;
    width: 100%;
}
.promote-video object {
    float: left;
}  
.promote-video object embed {
    float: left;
    height: 315px;
    width: 100%;
}
.promote-video h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: 12px 0 9px;
    width: 100%;
}
.promote-video p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.promote-video > .row > div > span {
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin-right: 30px;
    text-transform: uppercase;
}
.promote-video > .row > div > span > i {
    margin-right: 10px;
}



/* Event Single */
.event-single {
    float: left;
    width: 100%;
}
.event-single .post-social {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}
.event-single-img {
    float: left;
    position: relative;
    width: 100%;
}
.event-single-img > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.event-single-img > .event-count {
    bottom: 0;
    left: 50%;
    margin-left: -25%;
    position: absolute;
    width: 50%;
}
.event-single-img > .event-count > ul > li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
}
.event-single > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 20px 0;
    width: 100%;
}
.event-single > ul {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
}
.event-single > ul > li {
    display: block;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.event-single > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 7px 0 15px;
    width: 100%;
}
.event-single > ul > li > i {
    font-size: 15px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}


/* Error Page */
.error-sec {
    padding-bottom: 0;
}
.error-page {
    float: left;
    padding-bottom: 130px;
    position: relative;
    width: 100%;
}

.error-page > .error-footer {
    bottom: 0;
    content: "";
    height: 130px;
    left: 0;
    position: absolute;
    width: 100%;
}
.error-page > .error-footer:before {
    background-image: url("../images/circle.png");
    background-repeat: repeat-x;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.error-page > h1 {
    display: table;
    float: none;
    margin: 0 auto 40px;
    width: auto;
}
.error-page > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 30px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.error-page > h3 {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 0 60px;
    text-align: center;
    width: 100%;
}

.error-page > form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	
    display: table;
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.error-page > form > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 35px;
    padding: 0 14px;
    width: 300px;
}
.error-page > form > i {
    color: #BEBEBE;
    float: right;
    font-size: 16px;
    padding: 8px 12px;
}
.error-page > ul {
    display: table;
    float: none;
    margin: 30px auto 70px;
    padding: 0;
}
.error-page > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 15px;
}
.error-page > ul > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 20px;
}

/* Signup Form */
.register-sec {
    background-image: url("../images/resource/signup-bg.jpg");
    background-size: 100% 100%;
    background-attachment: fixed;
}
.register-form {
    background: none repeat scroll 0 0 rgba(247, 247, 247, 0.8);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    position: relative;
    width: 100%;
	padding:25px;
}
.register-form:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -24px;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 100%;
}
.register-form h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 18px;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.register-form  form .fields {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #C8C8C8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;
}
.register-form  form .fields  > i {
    color: #ABABAB;
    float: left;
    font-size: 15px;
    line-height: 48px;
    margin-right: 20px;
}
.register-form  form .fields  > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 46px;
    letter-spacing: 0.3px;
    width: 80%;
}
.register-form > .row > div > p {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.register-form .row > p {
    color: red;
    float: left;
    text-align: center;
    width: 100%;
}
.register-form > .row > div > p > label {
    color: #8B8B8B;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 1px 0 0 15px;
}
.submit-form {
    background-color: rgba(247, 247, 247, 0.8);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 15px;
    width: 100%;
}
.submit-form > input {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 10px 90px;
}
.submit-form > p {
    color: #8B8B8B;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 15px auto 0;
    text-align: center;
    width: 70%;
}
.submit-form > p > i {
    font-style: normal;
}


/* Widget Employe Of The Month 2 */
#w-employe-month2 {
    border: 1px solid #E4E4E4;
    float: left;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 100%;
}
#w-employe-month2 .owl-controls {
    float: left;
    width: 100%;
    z-index: 999;
}
#w-employe-month2 .owl-pagination {
    float: right;
    z-index: 99999996;
}
#w-employe-month2 .owl-page {
    background: none repeat scroll 0 0 #B1B1B1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 4px;
    margin-right: 10px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    width: 6px;
    z-index: 2147483647;
}
.w-employe-month2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.w-employe-skills {
    float: left;
    width: 100%;
}
.w-employe-skills > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 5%;
    overflow: hidden;
    width: 45%;
}
.w-employe-skills > span img {
    float: left;
    width: 100%;
}
.w-employe-skills .progress {
    background: none repeat scroll 0 0 #A7A7A7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    -o-box-shadow: 0 0;
    box-shadow: 0 0;
	
    float: right;
    height: 8px;
    margin-bottom: 13px;
    width: 50%;
}
.w-employe-skills .progress .progress-bar {
    float: left;
}
.w-employe-month2 > h3 {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 13px;
    margin: 10px 0 20px;
    width: 100%;
}
.w-employe-month2 > h3 i {
    font-style: normal;
    font-weight: 600;
}
.w-employe-month2 > p {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
}
.w-employe-skills > p {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 9px;
    margin: 0 0 8px;
    width: 50%;
}


/* Widget News Letter */
.w-news-letter {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    padding: 15px;
    width: 100%;
}
.w-news-letter > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 0 0 30px;
    width: 100%;
}
.w-news-letter form {
    float: left;
    width: 100%;
}
.w-news-letter form > input {
    background: none repeat scroll 0 0 #F4F3F3;
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    padding: 15px 10px 15px 30px;
    text-transform: uppercase;
    width: 100%;
}
.w-news-letter form .submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 7px 19px;
    width: auto;
}
.w-news-letter form > p {
    margin-bottom: 10px;
}
input.w-news-letter[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

input.w-news-letter[type="checkbox"] + label {
    color: #777777;
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 27px;
    padding-left: 50px;
    position: relative;
}


input.w-news-letter[type="checkbox"] + label:before {
    background: none repeat scroll 0 0 #F0F0F0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 26px;
}

input.w-news-letter[type="checkbox"] + label:after {
    color: #5C5A5A;
    font-size: 14px;
    left: 8px;
    position: absolute;
    top: -2px;
}

input.w-news-letter[type="checkbox"]:checked + label:after {
  content: '✔';
}

input.w-news-letter[type="checkbox"]:disabled + label:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  
  border-color: #bbb;
  background-color: #ddd;
}

input.w-news-letter[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

input.w-news-letter[type="checkbox"]:disabled + label {
  color: #aaa;
}



/* Widget Our Ceo */

.w-ceo {
    float: left;
    width: 100%;
}
.w-ceo > img {
    border: 3px solid #E7E4E3;
    
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
	
    display: table;
    float: none;
    margin: 0 auto;
	
	height: 100px;
    width: 100px;
}
.w-ceo > h5 {
    float: left;
    font-family: Raleway;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 25px 0;
    padding: 0 10px;
    text-align: center;
    width: 100%;
}
.w-ceo > p {
    border-bottom: 2px solid #DFDFDF;
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 25px;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    width: 100%;
}

.w-ceo > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: -1px;
    top: -30px;
    width: 67px;
}

/* Features Parallax */
#features-parallax img {
    float: left;
    margin-bottom: -80px;
}
.features-parallex {
    float: left;
    width: 100%;
    padding: 0;
    margin: 30px 0 0;
}
.features-parallex > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 29px;
    width: 100%;
    position: relative;
}

.features-parallex > li:before {
    position: absolute;
    left: 2px;
    top: 32px;
    width: 0%;
    height: 1px;
    content: "";
	
	opacity: 0;
	filter:alpha(opacity=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;
}
.features-parallex > li:hover:before {
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
	
	opacity: 1;
	filter:alpha(opacity=100);
}
.features-parallex > li:last-child {
    margin: 0;
}
.features-parallex > li > span {
    border: 1px solid #848c91;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #F0F0F0;
    float: left;
    font-size: 30px;
    height: 83px;
    line-height: 83px;
    margin-right: 20px;
    text-align: center;
    width: 83px;
	
	-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;
	
	text-shadow: 3px 0 2px rgba(0, 0, 0, 0.16);
}
.features-parallex > li:hover span {
    color: #FFFFFF;
	
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	
	background: rgba(255,255,255,0.96);
	border-color:rgba(255,255,255,0.96);
}
.features-parallex > li > h3 {
    color: #FFFFFF;
    display: block;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 8px 0 5px;
	
	-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;
	
	text-transform: uppercase;
}
.features-parallex > li > p {
    color: #bcbbbb;
    display: block;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
	
	-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;	
}
.features-parallex > li:hover > h3 {
    margin-top: 0;
}
.features-parallex > li:hover > p {
    margin-top: 13px;
    margin-bottom: 0;
}


/* Video Parallax */
.video-paralax {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.video-paralax > a {
    border: 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 15px 17px;
	
    -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;
}

.video-paralax > a:hover {
    background: #fafafa;
    border-color: #fafafa;
    color: #333;
}
.video-frame {
    float: left;
    position: relative;
    width: 100%;
}
.video-frame:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -17px;
    content: "";
    height: 17px;
    left: 0;
    position: absolute;
    width: 100%;
}
.video-frame > iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	height:321px;
	
	border: none;
}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  outline:none;
}


/* Shop Category Sec */
.shop-categories-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.shop-ctgry-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e8ecec;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.shop-ctgry-box > div {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.shop-ctgry-box:hover > div > img {
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg);
}
.shop-ctgry-box > div > img {
    float: left;
    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;
	
    z-index: 0;
}
.shop-ctgry-box > div:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;

    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0) rotate(90deg);
    -moz-transform: scale(0) rotate(90deg);
    -ms-transform: scale(0) rotate(90deg);
    -o-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
	
    -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;
	
    width: 100%;
	z-index: 2;
}
.shop-ctgry-box:hover > div:before {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.shop-ctgry-box > div > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    font-family: roboto;
    font-size: 13px;
    left: 50%;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-left: -45px;
    margin-top: -12px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 12px 15px;
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
	z-index: 3;
}
.shop-ctgry-box:hover > div > a {
    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);
}
.shop-ctgry-box > ul {
    margin: 0;
    padding: 0;
    padding: 20px;
    float: left;
}
.shop-ctgry-box > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 12px;
}
.shop-ctgry-box > ul > li:last-child {
    margin: 0;
}
.shop-ctgry-box > ul > li > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 40px;
    text-transform: uppercase;
}
.shop-ctgry-box > ul > li > span > i {
    font-style: normal;
}
.shop-ctgry-box > ul > li > i {
    float: left;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #fff;
    text-align: center;
    line-height: 39px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-right: 15px;
    font-size: 18px;
	background:none repeat scroll 0 0 #495060;
}

/* SHop Offer */
.shop-offer-sec {
    float: left;
    width: 100%;
}
.shop-offer-sec > span {
    border: 5px solid rgba(0, 0, 0, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 40px;
    overflow: hidden;
}
.shop-offer-sec > span > img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
}
.shop-offer-sec > p {
    color: #F0EFEF;
    display: block;
    font-family: roboto;
    font-size: 25px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 40px;
    margin: 30px 0;
    text-align: center;
}
.shop-offer-sec > p > i {
    font-style: normal;
    font-weight: bold;
}
.shop-offer-sec > a {
    display: table;
    float: none;
    margin: 0 auto;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    color: #F0EFEF;
    line-height: 11px;
    letter-spacing: 0.30px;
    padding: 14px 15px;
    border: 1px solid #F0EFEF;
	
	-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;	
	
}


/* Our Products */

#our-products {
    float: left;
    width: 100%;
    margin-top: -30px;
    position: relative;
}

.our-product-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.our-product-box > span {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}
.our-product-box > span > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.our-product-box > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0;
    color: #666666;
}
.our-product-box > h3 > a {
    color: #666666;
}
.our-product-box > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin-bottom: 5px;
    width: 100%;
}
.our-product-box > span > i {
    color: #BABABA;
    float: left;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
    text-decoration: line-through;
}
.our-product-box > a {
    border: 1px solid #9ea1a2;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 11px 10px;
    
	-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;
	
    background: #9ea1a2;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
}
.our-product-box > a:hover{
	color:#fff;
}
.our-product-box > ul {
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 7px;
}
.our-product-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.our-product-box > ul > li > i {
    color: #ADADAD;
}


/* Shop Brands */
#shop-brands {
    float: left;
    width: 100%;
}

.shop-brands {
    float: left;
    width: 100%;
    background: #fdfdfd;
    border: 1px solid #ececec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-brands:hover > img {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}
.shop-brands > img {
    display: table;
    margin: 0 auto;
	
	-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;
}

/* Our Cases Sec */
#our-cases-sec {
    float: left;
    width: 100%;
}
.our-cases-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.our-cases-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-cases-box > span {
    float: left;
    margin-right: 20px;
    width: 160px;
}
.our-cases-box > span > img {
    border: 1px solid #BBBBBB;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-cases-box > h3 {
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
}
.our-cases-box > h3 > a {
    color: #434242;
}
.our-cases-box > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
.our-cases-box > a:hover {
    color: #FFFFFF;
}
.our-cases-box > a {  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 7px;
    
	-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-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
	margin-top:11px;
}

/* Awards */
#awards-sec {
    float: left;
    width: 100%;
}
#awards-sec > h2 {
    border-bottom: 4px solid #E7E7E7;
    color: #434242;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 25px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 auto;
    padding: 0 15px 15px;
    text-transform: uppercase;
}
.award-timeline {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 70px 0 0;
    position: relative;
    width: 100%;
}
.award-timeline > .left > .award-timeline-box {
    margin-bottom: 60px;
}
.award-timeline-box > iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	border: medium none;
	height:307px;
}
.award-timeline-box:hover {
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
}

.award-timeline:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e8e8e8;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: -1px;
    width: 4px;
}
.award-timeline-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8E8E8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top: 30px;
	
    float: left;
    padding: 15px;
    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;
	
    width: 100%;
}
.award-timeline .award-timeline-box:before {
    background: none repeat scroll 0 0 #E8E8E8;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 18px;
    margin-right: -24.5px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 18px;
    z-index: 0;
}
.award-timeline .award-timeline-box:after {
    background: none repeat scroll 0 0 #E8E8E8;
    content: "";
    height: 4px;
    margin-right: -10px;
    position: absolute;
    right: 0;
    top: 37px;
    width: 80%;
    z-index: -1;
}

.award-timeline > .right > .award-timeline-box:before {
    left: 0;
    margin-left: -23.5px;	
}
.award-timeline > .right > .award-timeline-box:after {
    left: 0;
    margin-left: -10px;
}
.award-timeline > .right > .award-timeline-box {
    margin-top: 60px;
}
.award-timeline-box > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.award-timeline-box > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.award-timeline-box > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 25px 0 15px;
    text-transform: uppercase;
    width: 100%;
}
.award-timeline-box > h3 > a {
    color:#666;
}
#timeline-slide1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#timeline-slide1 li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#timeline-slide1 li > img {
    float: left;
    width: 100%;
}
#timeline-slide1 .owl-pagination {
    left: 50%;
    position: absolute;
    bottom: 20px;
    margin-left: -25px;
}
#timeline-slide1 .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#timeline-slide1 .owl-pagination .owl-page.active{
	background:#fff;
}
.award-timeline-box > span {
    float: left;
    width: 33.3333%;
}
.award-timeline-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 4px;
    width: 100%;
}



/* Job Form Sec */
.job-form-sec {
    float: left;
    width: 100%;
}
.job-form-sec > #message {
    margin: 0 0 10px;
}
.job-form-sec > #message .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.job-form-sec  select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
	
    color: #AFAFAF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    padding: 8px 14px;
    width: 100%;
	margin-bottom:30px;
}
.customlist {
    float: left;
    position: relative;
    width: 100%;
}
.job-form-sec  label {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    margin: 0 0 20px;
    width: 100%;
}
.job-form-sec  label > i {
    margin-right: 15px;
}
.job-form-sec  p {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.job-form-sec  p > label {
    float: left;
    margin: 0;
}
.job-form-sec  p > label {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 1px 0 0 10px;
}
.form-margin > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 0 0 20px;
    width: 100%;
}
.product-table {
    border: 1px solid #E0E0E0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
	
    float: left;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}
.product-table > li {
    background: none repeat scroll 0 0 #FCFCFC;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    float: left;
    list-style: none outside none;
    width: 100%;
}
.product-table > li > h2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
    width: 50%;
}
.product-table > li > span {
    color: #5B5B5B;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
}
.product-table > li > i {
    color: #5B5B5B;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
	font-style:normal;
}
.product-table > li > span > i {
    color: #999999;
    float: left;
    font-style: normal;
}
.product-table > li:first-child {
    border: medium none;
}

/* Css Swither main styles */
.checkbox, .radio {
    background: url("../images/checkbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block !important;
    float: left;
    height: 25px;
    margin: -2px 0 0 !important;
    padding: 0 5px 0 0;
}
.radio {
	background: url('../images/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}
input.upload-file {
    border: medium none;
    font-family: roboto;
    font-size: 14px;
}

.job-form-sec > a {
    color: #FFFFFF;
    float: right;
}
.job-form-sec > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 25px;
}
.job-form-sec > a > i {
    margin-right: 13px;
}



/* Coming Soon */
.comming-soon-slider .tp-banner-container {
    height: 100%;
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}
.time_circles > div {
    height: 122px;
    position: absolute;
    text-align: center;
    top: 18% !important;
}
.time_circles > div > h4 {
    bottom: 36px;
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    left: 50%;
    margin: 0 0 0 -25%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    z-index: 1;
	
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    -ms-border-radius: 0 0 50% 50%;
    -o-border-radius: 0 0 50% 50%;
    border-radius: 0 0 50% 50%;
}
.time_circles > div > span {
    background:url("../images/timer-bg.png") no-repeat scroll -11px -9px rgba(0, 0, 0, 0);
    color: #494949;
    display: block;
    font-family: roboto;
    font-size: 300%;
    font-weight: bold;
    height: 100%;
    left: 50% !important;
    margin-left: -30%;
    margin-top: 3px;
    padding:35px 0 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 0;
}
.comming-soon-slider #layerslider{
	height:100%;
	position:absolute;
}
.comming-soon-slider {
	width:100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10000;
}
.comming-soon-page h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
    border-bottom: 1px solid #ACB0B6;
    border-top: 1px solid #ACB0B6;
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 60px;
    font-weight: 300;
    margin: 50px auto;
    padding: 30px 60px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	-webkit-animation: flash 5s infinite;	
	-moz-animation: flash 5s infinite;	
	-ms-animation: flash 5s infinite;	
	-o-animation: flash 5s infinite;	
	animation: flash 5s infinite;	
}
.comming-soon-page h2 {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 auto 50px;
    text-transform: uppercase;
	
	
	-webkit-animation: bounce 3s;	
	-moz-animation: bounce 3s;	
	-ms-animation: bounce 3s;	
	-o-animation: bounce 3s;	
	animation: bounce 3s ;	
}
.comming-soon-page h2 strong {
	color:#fff;
}
.someTimer {
    display: table;
    margin: 0 auto;
	width: 799px; 
	height: 200px;
}
.timer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
    border-bottom: 1px solid #ACB0B6;
    border-top: 1px solid #ACB0B6;
}
.comming-soon-page h3 {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 40px auto 20px;
}
.comming-soon-page p {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 16px;
    font-weight: 400;
    margin:0 auto 30px;
}
.comming-soon-page form {
    display: table;
    margin: 0 auto 100px;
}
.comming-soon-page form input[type="text"] {
    border: 0 none;
    color: #848484;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    padding: 8px 15px;
    width: 325px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 3px #9A9A9A inset;
    -moz-box-shadow: 0 1px 3px #9A9A9A inset;
    -ms-box-shadow: 0 1px 3px #9A9A9A inset;
    -o-box-shadow: 0 1px 3px #9A9A9A inset;
    box-shadow: 0 1px 3px #9A9A9A inset;
}
.comming-soon-page form input[type="submit"] {
    background: none repeat scroll 0 0 #58ca12;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    margin-left: 10px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.comming-soon-page .bottom-strip-simple p {
    font-size: 13px;
    margin: 0 auto;
}
.bottom-contact-bar p {
    color:#939292;
    font-family: roboto;
    font-size: 13px;
    line-height: 18px;
    margin-top: -5px;
    text-align: center;
}
.bottom-strip-simple {
    float: left;
    width: 100%;
}
.bottom-strip-simple .container {
	padding:0;
}
.bottom-strip-simple {
    background: none repeat scroll 0 0 #3B3B3B;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}


/* Footer */
footer {
    background: none repeat scroll 0 0 #2c2f34;
    border-top: 1px solid #ABABAB;
    float: left;
    width: 100%;
    padding-bottom: 0 !important;
}
footer h3 {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 25px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
}
footer h3:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}
footer h3:after {
    left: 51px;
    width: 4px;
    height: 1px;
    border-top: 1px dotted;
    content: "";
    bottom: -1px;
    content: "";
    position: absolute;
}
footer p {
    color: #ACACAC;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin: 0;
    text-align: left;
    width: 100%;
}
footer h3 > i {
    font-style: normal;
}


/* About Dastak */

.f-about-dastak {
    float: left;
    width: 100%;
}
.f-about-dastak > a {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.f-about-dastak > form {
    float: left;
    margin-top: 40px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
	
	border: 1px solid #474647;
}
.f-about-dastak > form > input[type=text] {
    background: none repeat scroll 0 0 #303437;
    border: medium none;
    color: #858585;
    float: left;
    font-family: roboto;
    font-size: 11px;
    height: 40px;
    letter-spacing: 0.3px;
    padding-left: 30px;
    width: 80%;
}
.f-about-dastak > form > input[type="submit"] {
    border: medium none;
    
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
	
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
	
    color: #ffffff;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    text-align: center;
    width: 20%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.f-about-dastak > .social-btns {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.f-about-dastak > .social-btns > li {
    margin: 0 10px 0 0;
}
.f-about-dastak > .social-btns > li > a {
    background: none repeat scroll 0 0 #444242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 32px;
    width: 32px;
}


/* Footer Testimonial  */
.f-testimonail {
    float: left;
    width: 100%;
}
.f-testimonail > .tab-content > div {
    background: none repeat scroll 0 0 #424040;
    border: 1px solid #424242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top:20px;
	
    float: right;
    margin: 0;
    padding: 25px 21px;
    text-align: center;
    width: 100%;
}
.f-testimonail .tab-content {
    background: none repeat scroll 0 0 #292c31;
    float: right;
    margin-top: 18px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
.f-testimonial-box {
    float: left;
    width: 100%;
}
.f-testimonial-box > h4 {
    float: left;
    font-family: lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 10px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.f-testimonial-box > h4 > i {
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}
.f-testimonial-box > p {
    font-family: Roboto;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    padding: 0;
	margin-top:16px;
	float:left;
	width:100%;
	text-align:center;
}
.f-testimonail .f-testimonial-slide {
    float: left;
    width: 100%;
	border:none;
	padding:0;
	margin:0;
}
.f-testimonial-slide-sec{
	margin:0 -10px;
}
.f-testimonail .f-testimonial-slide li {
    float: left;
    padding: 0 10px 9px;
    width: auto;
}
.f-testimonail .f-testimonial-slide li a {
    float: left;
    position: relative;
}
.f-testimonail .f-testimonial-slide li a img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
	height: auto;
}
.f-testimonail .f-testimonial-slide li a:before {
    background: none repeat scroll 0 0 #333;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: 50%;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 14px;
    height: 18px;
    left: 50%;
    line-height: 18px;
    margin-bottom: -9px;
    margin-left: -9px;
    position: absolute;
    text-align: center;
    
	-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;
    
	width: 18px;
}
.f-testimonail .f-testimonial-slide li.active a:before {
    bottom: 0;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Footer Project Sec */
.f-project-sec {
    float: left;
    width:100%;
}
.f-project-sec .row {
    margin: -12px -6px 0;
}
.f-project-sec .row > div {
    padding: 0 6px;
}
.f-project-sec .row > div  a {
    float: left;
    width: 100%;
	margin-top:12px;
}
.f-project-sec .row > div  a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	height: auto;
    width: 100%;
}

/* Find our Office */
.f-find-office {
    float: left;
    width: 100%;
}
.f-find-office > span > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}

.f-find-office > ul > li:last-child {
    margin: 0;
}
.f-find-office > span {
    background: none repeat scroll 0 0 #383838;
    border: 1px solid #444444;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.f-find-office > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.f-find-office > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 6px;
    width: 100%;
}
.f-find-office > ul > li > i {
    background: none repeat scroll 0 0 #444242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 8px;
    margin-right: 20px;
    text-align: center;
    width: 32px;
}
.f-find-office > ul > li > p {
    color: #acacac;
    display: block;
    float: none;
    font-family: Roboto;
    font-size: 13px;
    line-height: 21px;
    margin: -5px 0 0;
    text-align: left;
}

/* Subscribe uS */

.subscribe-sec {
    float: left;
    width: 100%;
    background: #f4f3f3;
}

.subscribe-sec .input-style {
    float: left;
    margin-left: -30px;
    width: 83%;
	height:58px;
}
.subscribe-sec > .container {
    padding: 0;
}
.subscribe-sec span#mail-bg {
    background-image: url("../images/mail.png");
    background-repeat: no-repeat;
    float: left;
    height: 164px;
    width: 233px;
    margin-top: 35px;
}
.subscribe-sec form {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.subscribe-sec form > label {
    color: #787878;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    line-height: 18px;
	margin-bottom:20px;
	margin-left: -30px;
}

.subscribe-sec form > .submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 16px;
    font-weight: normal;
    height: 57px;
    text-shadow: 0 0;
    width: 17%;
}






/* Elements */
.experties-sec.style2 > .experties > h2 {
    border: 1px solid #e9e9e9;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.experties-sec.style2 .experties > h2 {
    background-position: 17px 21px;
}
.experties-sec.style2 > .experties > h2.active {
    background-position: 17px 25px;
}
.experties-sec.style2 > .experties > h2 > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #636363;
    font-family: fontawesome;
    font-size: 18px;
    height: auto;
    margin-right: 15px;
    width: auto;
}


/* Footer Recent Post */
.f-recent-office {
    float: left;
    width: 100%;
}

.f-recent-office > ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.f-recent-office > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%;
}
.f-recent-office > ul > li > span > img {
    float: left;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	width:100%;
	height: auto;
}
.f-recent-office > ul > li > a > i {
    color: #888787;
    float: left;
    font-family: roboto;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.3px;
    margin-top: 2px;
}
.f-recent-office > ul > li > span {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 20%;
}
.f-recent-office > ul > li > a {
    color: #d3d2d2;
    display: block;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 14px;
}
.f-recent-office > ul > li > strong {
    font-style: normal;
    font-weight: normal;
    font-family: roboto;
    font-size: 12px;
    color: #d3d2d2;
    display: block;
    margin-top: 20px;
}
.footer-sec {
    float: left;
    width: 100%;
    margin-bottom: 70px;
}
/* Footer Bottom line */
.bottom-line {
    background: none repeat scroll 0 0 #1D1D1D;
    border-top: 1px solid #777777;
    float: left;
    width: 100%;
    padding: 15px 0;
}
.bottom-line span {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
    text-align: center;
    width: auto;
}
.bottom-line span > i {
    font-style: normal;
    color: #9e9e9e;
}
.bottom-line ul {
    float: right;
    margin: 0;
    padding: 0;
}
.bottom-line ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
}
.bottom-line ul > li > a {
    background: none repeat scroll 0 0 #3A3E4A;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #DBDBDB;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 10px;
	
    -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;
}

/* Text Strip */
.text-stripe {
    float: left;
    text-align: center;
    width: 100%;
}
.text-stripe > h4 {
    float: left;
    text-align: center;
    width: 100%;
    font-family: roboto;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.30px;
    margin: 0;
    margin-bottom: 10px;
}
.text-stripe > span {
    float: left;
    text-align: center;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    margin-bottom: 15px;
}
.text-stripe > a {
    float: none;
    margin: 0 auto;
    display: table;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
    line-height: 11px;
    padding: 10px 26px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}




.choose-bg > li > a.bg1 {
    background-image: url("../images/bg1.jpg");
}
.choose-bg > li > a.bg2 {
    background-image: url("../images/bg2.jpg");
}
.choose-bg > li > a.bg3 {
    background-image: url("../images/bg3.jpg");
}
.choose-bg > li > a.bg4 {
    background-image: url("../images/bg4.jpg");
}
.choose-bg > li > a.bg5 {
    background-image: url("../images/bg5.jpg");
}
.choose-bg > li > a.bg6 {
    background-image: url("../images/bg6.jpg");
}
.choose-bg > li > a.bg7 {
    background-image: url("../images/bg7.jpg");
}
.choose-bg > li > a.bg8 {
    background-image: url("../images/bg8.jpg");
}
.choose-bg > li > a.bg9 {
    background-image: url("../images/bg9.jpg");
}
.choose-bg > li > a.bg10 {
    background-image: url("../images/bg10.jpg");
}
.bg1{
        background: url('../images/bg1.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg2{
        background: url('../images/bg2.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg3{
        background: url('../images/bg3.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg4{
        background: url('../images/bg4.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg5{
        background: url('../images/bg5.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg6{
        background: url('../images/bg6.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg7{
        background: url('../images/bg7.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg8{
        background: url('../images/bg8.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg9{
        background: url('../images/bg9.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg10{
        background: url('../images/bg10.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}

.side-panel-sec {
    background: #fafafa;
    left: -280px;
    position: fixed;
    top: 167px;
    width: 280px;
    z-index: 9999999;
	
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
	
	-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-panel-sec:hover {
    left: 0;
}
.side-panel-sec > a {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin-right: -50px;
    background-color: #fafafa;
    background-image: url('../images/setting.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 9px 9px;
	
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    -o-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
.side-panel {
    float: left;
    position: relative;
    width: 100%;
}
.color-schemes {
    float: left;
    width: 100%;
}
.color-schemes > h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 0.30px;
    color: #222222;
    margin: 0;
    line-height: 10px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.color-schemes > ul {
    display: table;
    float: none;
    padding: 0;
    margin: 0 auto;
}
.color-schemes > ul > li {
    float: left;
    list-style: none outside none;
    margin: 5px 5px;
}
.color-schemes > ul > li > a {
    float: left;
    height: 30px;
    width: 30px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
	
    -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;
}
.color-schemes > ul > li > a.blue {
    background: none repeat scroll 0 0 #389ed1;
}
.color-schemes > ul > li > a.red {
    background: none repeat scroll 0 0 #e17062;
}
.color-schemes > ul > li > a.gray {
    background: none repeat scroll 0 0 #84929c;
}
.color-schemes > ul > li > a.green {
    background: none repeat scroll 0 0 #99be56;
}
.color-schemes > ul > li > a.brown {
    background: none repeat scroll 0 0 #ab9868;
}
.color-schemes > ul > li > a.orange {
    background: none repeat scroll 0 0 #deb06f;
}
.color-schemes > ul > li > a.purple {
    background: none repeat scroll 0 0 #b980a4;
}
.color-schemes > ul > li > a.teal {
    background: none repeat scroll 0 0 #588b7d;
}
.color-schemes > ul > li > a.lime {
    background: none repeat scroll 0 0 #00ce7d;
}
.color-schemes > ul > li > a.pink {
    background: none repeat scroll 0 0 #ee506e;
}
.color-schemes > ul > li > a.maroon {
    background: none repeat scroll 0 0 #a57f74;
}
.color-schemes > ul > li > a.yellow {
    background: none repeat scroll 0 0 #ebab23;
}


.two-layouts {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: rgba(0,0,0,.02);
	padding-bottom: 10px;
}
.two-layouts > h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #222222;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.two-layouts > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 15px;
}
.two-layouts > ul > li {
    float: left;
    list-style: none;
    margin: 0 10px;
}
.two-layouts > ul > li > a {
    background-color:#28AB7C;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 15px 14px;
	cursor: pointer;
}

.two-layouts > ul > li > a.boxed-style {
    background-color: #ebab23;
}
.two-layouts .choose-bg > li {
    float: left;
    margin: 0;
    margin: 5px 5px;
}

.scroll
{
  position: fixed;
  bottom: 0;
  left: 0;
}

.two-layouts .choose-bg > li > a {
    background-color: none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 0;
    height: 30px;
    width: 30px;
}


/* Search Job FOrm */
.search-job-form {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}
.search-job-form > .container > h3 {
    -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;
	
    color: #fdfdfd;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 50px;
}
.search-job-form > .container > h3 > i {
    margin-right: 11px;
}
.search-job-form > .container {
    padding: 0;
}
.job-form {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
    
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
	
    border-top: 1px solid;
    float: left;
    padding: 25px 50px;
    position: relative;
    width: 100%;
}
.job-form:before {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-left: 35px solid;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.job-form:after {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-right: 35px solid;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
}
.job-form form {
    float: left;
    width: 100%;
}
.job-form form input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 30px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
	border:none;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom:30px;
}
.form-dropdown {
    float: left;
    width: 100%;
    position: relative;
}
.job-form button {
    border: medium none;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 11px 46px;
    margin-bottom: 10px;
}
.job-form button > i {
    margin-right: 13px;
}


/* 
.minict_wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #333333;
    font-family: "Segoe UI",Segoe,"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    height: 2.2rem;
    position: relative;
    width: 100%;	
	
}
.minict_wrapper * {
    box-sizing: border-box;
}
.minict_wrapper:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #525252;
    content: "�";
    display: block;
    font-family: fontawesome;
    font-size: 15px;
    line-height: 6px;
    padding: 9px 9px 14px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -3px;
}
.minict_wrapper.active:after {
    content: "�";
}
.minict_wrapper input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #000000;
    cursor: default;
    font-family: roboto;
    font-size: 12px;
    height: auto;
    outline: medium none;
    padding: 0 2.2rem 0 0.4rem;
    width: 100%;
}
.minict_wrapper ul {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 0;
    max-height: 22rem;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 2rem;
    width: 100%;
    z-index: 999999;
}
.minict_wrapper ul li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    cursor: pointer;
    font-size: 12px;
    height: auto;
    line-height: 10px;
    list-style: none outside none;
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
}
.minict_wrapper ul li:hover {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #111111;
}
.minict_wrapper ul li.minict_group {
    background: none repeat scroll 0 0 #F6F6F6;
    color: #444444;
    cursor: default;
    font-weight: bold;
}
.minict_wrapper ul li.minict_empty {
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #BBBBBB;
    display: none;
    font-size: 0.9rem;
    height: 3.5rem;
    line-height: 3.3rem;
    text-align: center;
}
.minict_wrapper ul li.selected {
    background: none repeat scroll 0 0 #F9FCFF;
    color: #819A9A;
}
.minict_wrapper ul li.highlighted {
    background: none repeat scroll 0 0 #819A9A;
    color: #FFFFFF;
}
.minict_wrapper ul li.hidden {
    display: none;
}

.minict_wrapper.bubble:hover {
    border-color: #DCDCDC;
}
.minict_wrapper.bubble ul {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    overflow: visible;
    top: 37px;
}
.minict_wrapper.bubble ul:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
    border-style: solid;
    border-width: 0 10px 10px;
    color: rgba(0, 0, 0, 0);
    content: ".";
    height: 0;
    left: 20px;
    position: absolute;
    top: -10px;
    width: 0;
}
.minict_wrapper.bubble ul li.minict_first {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.minict_wrapper.bubble ul li.minict_last {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
} **/

/* Select Box Styling */
.minict_wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E5E5E5;
	color: #333333;
	float: left;
	height: auto;
	position: relative;
	width: 100%;
	cursor:pointer;
	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.minict_wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.minict_wrapper:after {
	color: #555555;
	content: "\25BC";
	display: block;
	font-size: 10px;
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 30px;
}
.minict_wrapper.active:after {
	content: "\25B2";
}
.minict_wrapper input {
	margin-bottom: 0 !important;
}
.minict_wrapper ul {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	border: 1px solid #e5e5e5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	top: 2rem;
	left: 0;
	max-height: 22rem;
	overflow-y: auto;
	z-index: 999999; 
}
.minict_wrapper ul li {
    background: none repeat scroll 0 0 rgba(235, 235, 235, 0.97);
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #cacaca;
    color: #8f8f8f;
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
    font-weight: 300;
    height: 35px;
    line-height: 35px;
    list-style: none outside none;
    margin-top: -1px;
    padding: 1px 14px;
}
.minict_wrapper ul li:hover {
	background: #fcfcfc;
	color: #111; 
}
.minict_wrapper ul li.minict_group {
	color: #444;
	background: #f6f6f6;
	font-weight: bold;
	cursor: default; 
}
.minict_wrapper ul li.minict_empty {
	display: none;
	background: #fff !important;
	color: #bbb;
	text-align: center;
	font-size: 0.9rem;
	height: 3.5rem;
	line-height: 3.3rem; 
}
.minict_wrapper ul li.selected {
color: #819a9a;
background: #f9fcff; }
.minict_wrapper ul li.highlighted {
color: #fff;
background: #819a9a; }
.minict_wrapper ul li.hidden {
display: none; }

.minict_wrapper.bubble {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
background: -moz-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f9f9f9));
background: -webkit-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -o-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, white 0%, #f9f9f9 100%);
background: linear-gradient(to bottom, white 0%, #f9f9f9 100%); }
.minict_wrapper.bubble:hover {
border-color: #dcdcdc; }
.minict_wrapper.bubble:after {
border-left: 1px solid #e0e0e0;
box-shadow: 1px 0 0 0 #FFFFFF inset;
height: 100%;
}
.minict_wrapper.bubble ul {
    border: 0 none;
    overflow: hidden;
    padding: 0;
    top: 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;
}

.minict_wrapper.bubble > input {
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #808080;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 300;
    height: 36px;
    padding: 5px 10px;
    width: 100%;
}


/* Job Sec */
.job-box-sec {
    float: left;
    width: 100%;
	margin-top:30px;
}
.box-title {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}
.box-title:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
	
    -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;
}
.box-title:after {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
	
    -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;
}
.job-box-sec:hover > .box-title:before {
    top: 0;
}
.job-box-sec:hover > .box-title:after {
    bottom: 0;
}
.box-title > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.box-title > a {
    bottom: 10px;
    left: 10px;
    line-height: 10px;
    position: absolute;
    font-family: roboto;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0.30px;
    padding: 13px 29px;

	-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;
}
.job-box-sec:hover .box-title > a {
    bottom: 100%;
    z-index: 999;
    margin-bottom: -45px;
	
    -webkit-transform: rotatex(360deg);
    -moz-transform: rotatex(360deg);
    -ms-transform: rotatex(360deg);
    -o-transform: rotatex(360deg);
    transform: rotatex(360deg);
}
.job-box-sec > h3 {
    color: #474747;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 15px 0;
    width: 100%;
}
.job-box-sec > h3 > a {
    color: #474747;
}
.job-box-sec > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.job-box-sec > ul li {
    background: none repeat scroll 0 0 #fbfbfb;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    padding: 7px 22px;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #474747;
    letter-spacing: 0.30px;
}
.job-box-sec > ul li strong {
    font-weight: 600;
    margin-right: 15px;
}
.job-box-sec > a {
    background: none repeat scroll 0 0 #c6c6c6;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 10px;
    padding: 11px 12px;
	
    -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;
}

/* Text Msg bar */
.text-msg-bar {
    float: left;
    width: 100%;
}
.text-msg-bar h2 {
    color: #161616;
    float: left;
    font-family: roboto;
    font-size: 25px;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: -10px 0 0;
    width: 100%;
	margin-bottom:10px;
}
.text-msg-bar h2 > i {
    float: left;
    line-height: 41px;
    margin-right: 20px;
}
.parallax .color p {
    color: #f3f3f3;
}
.text-msg-bar a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: right;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-top: 23px;
    padding: 20px 45px;
}


/* Job List */
.job-list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
	margin-top:30px;
}
.job-list > li {
    float: left;
    width: 100%;
}
.job-title > h3 {
    color: #646464;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    margin-bottom: 18px;
}
.job-list > li > a > span {
    margin-left: 14px;
    font-size: 12px;
}
.job-title > h3 > i {
    margin-right: 15px;
}
.job-list > li > a {
    border-top: 1px dashed #eeeeee;
    color: #595959;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 17px 0 17px 30px;
    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;
}

.job-list > li > a:before {
    left: 0;
    position: absolute;
    top: 50%;
    height: 10px;
    width: 10px;
    background: none;
    border: 1px solid;
    content: "";
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    margin-top: -5px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Team */
.team {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-box {
    float: left;
    width: 100%;
    position: relative;
	overflow:hidden;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.team-box > img {
    float: left;
    width: 100%;
}
.social-btns > li {
    float: left;
    margin: 0 5px;
}
.social-btns > li > a {
    background: none repeat scroll 0 0 #fdfdfd;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #444;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    
	-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;
	
    width: 30px;
}
.social-btns > li > a > i{
	float:left;
	width:100%;
	line-height:30px;
}
.team > h3 {
    color: #4f4f4f;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
    line-height: 20px;
}
.team > h3 > a {
    color: #fafafa;
}
.social-btns > li > a:hover{
	color:#fff;
}
.team > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
	margin-bottom: 15px;
}
.social-btns {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    
	-webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
	
    float: none;
    margin: 0 auto;
    display: table;
}
.team-box > a {
    left: 0;
    position: absolute;
    top: 0;
    width: 54px;
    height: 54px;
    background: #1d1b19;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    color: #fff;
    font-size: 19px;
    line-height: 54px;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px;
	
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
	
    -webkit-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -moz-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -ms-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -o-transform: rotatex(90deg) perspective(200px) translatez(17px);
    transform: rotatex(90deg) perspective(200px) translatez(17px);
}
.team-box > a > i{
	float:left;
	width:100%;
	line-height:54px;
}
.team-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    content: "";
    
	-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-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
}
.team:hover .team-box:before {
    opacity: 0.68;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.team:hover .team-box > a {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

/* Law */

/* About Law */
.about-law {
    border-bottom: 1px solid #efefef;
    float: left;
    margin-bottom: 35px;
    width: 100%;
}
.about-law > h3 {
    color: #656565;
    float: left;
    font-family: lato;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: -10px 0 20px;
    text-align: center;
    width: 100%;
}
.about-law > h3 > i {
    font-style: normal;
    font-weight: 900;
}
.about-law > p {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 30px;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}

.service.law span {
    background: none repeat scroll 0 0 #585858;
    border: 1px solid #585858;
    
	-webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
	
    color: #fff;
    height: 51px;
    line-height: 51px;
    width: 51px;
	font-size:20px;
}
.service.law span > i{
	float:left;
	width:100%;
	line-height:50px;
}
.service.law > .row {
    margin: 0 -10px;
}
.service.law > .row > div {
    padding: 0 10px;
}
.service.law h2 {
    color: #555555;
    font-family: lato;
    font-size: 18px;
    padding-left: 10px;
    margin-top: 0px;
}
.service.law p {
    padding-left: 10px;
    margin-top: -10px;
}
.service.law .read-more {
    background: none repeat scroll 0 0 #525252;
    color: #fff;
    float: left;
    margin-left: 10px;
    padding: 13px 16px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Submission Form */
.submission-form {
    background: url("../images/resource/form-bg.jpg") repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
	
    float: left;
    padding: 40px 25px;
    width: 100%;
	position:relative;
	overflow: hidden;
	
}
.submission-form > h3 {
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 900;
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
}
.submission-form > h3 > i {
    color: #444444;
    font-style: normal;
    font-weight: 200;
}
.submission-form > span {
    color: #5e5d5d;
    float: left;
    font-family: roboto;
    font-size: 12px;
    line-height: 17px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
}
.submission-form > form {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.submission-form > form > div > div {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.submission-form > form > div > div > input[type="text"], .submission-form > form > div > div > textarea, .submission-form > form > div > div > input[type="email"] {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #d6d5d5;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #444444;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 52px;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 15px;
    width: 100%;
    margin-bottom: 11px;
    
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;

    border: none !important;
}
.submission-form > form > div > div > .loader {
    float: right;
    margin: 30px;
}
.submission-form > form > div > div > textarea {
    height: 150px;
}
.submission-form > form > div > div > input[type=submit] {
}
.submission-form > form > div > div > input[type="submit"] {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 600;
    margin-top: 10px;
    padding: 13px 0;
    width: 100%;
}
.move-top {
    margin-top: -146px;
    position: relative;
    z-index: 2147483647;
}
.submission-form:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(247,248,249,0.8);
    z-index: -1;
}

/* Submission Form in Slider */
.submission-form.in-slider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    left: 100px;
    position: absolute;
    top: 0;
    width: 370px;
    z-index: 99999999;
}
.submission-form.in-slider:after {
    background-image: url("../images/shadow4.png");
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    background-size: 100% 100%;
}

.dark .service h2 > a {
    color: #fff;
}
.dark #whats-new > h1 {
    color: #fff;
}
.dark .slide-feature-box {
    background: rgba(255,255,255,0.95);
}
.dark .present-features > ul > li {
    color: #fafafa;
}
.dark p {
    color: #e1dede !important;
}
.dark h3 {
    color: #ffffff;
}
.emp-of-month-desc .square > li > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Employee Slide */
.employe-slide, .slide-services {
    float: left;
    width: 100%;
}
.employe-slide .owl-pagination, .slide-services .owl-pagination{
    display: table;
    float: none;
    margin: 0 auto;
    width: auto;
    margin-top: 20px;
}
.employe-slide .owl-pagination > .owl-page, .slide-services .owl-pagination > .owl-page {
    float: left;
    height: 8px;
    width: 8px;
    background: #d6d6d6;
    margin: 0 3px;
    
	-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;
}


/* Experites Sec style 3 */
.experties-sec.style3 .experties > h2 {
    background: none repeat scroll 0 0 #f4f4f4;
    border: medium none;
    color: #454545;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    padding-left: 60px;
	overflow: hidden;
}
.experties-sec.style3 .experties > h2:before {
    display: none;
}
.experties-sec.style3 h2:after {
    background: none repeat scroll 0 0 #d8d8d8;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.experties-sec.style3 .experties > h2 > i {
    color: #454545;
    font-size: 10px;
    height: 100%;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 9;
	
    -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;
}
.experties-sec.style3 .experties > h2.active > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	
	color:#fff;
}


/* Clients Says Sec */
.clients-says-sec {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
    padding-left: 64px;
}
.clients-says {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #f5f5f5;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 33px 30px 33px 90px;
    width: 100%;
}
.clients-says > h5 {
    color: #7f7e7e;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
}
.clients-says > h5 > i {
    font-style: normal;
    font-weight: 900;
}
.clients-says > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    font-size: 13px;
    color: #656565;
    letter-spacing: 0.30px;
    line-height: 24px;
}
.clients-says-sec > span {
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -67px;
    overflow: hidden;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 5px solid #fff;
	width: 123px;
    height: 123px;
}
.clients-says-sec > span > img {
    float: left;
	width:100%;
}

/* Answer */
.answers {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.answers > .thumb {
    float: left;
    width: 40%;
    position: relative;
}
.answers > .thumb > img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.answers > .thumb > span {
    color: #5e5e5e;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.answers > .details {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #f5f5f5;
    float: left;
    width: 60%;
    padding: 20px;
}
.answers .details > a {
    float: left;
    font-family: roboto;
    font-size: 11px;
    color: #ffffff;
    background: #525252;
    line-height: 10px;
    padding: 5px 8px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}
.answers > .details > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #7f7e7e;
    font-family: roboto;
    letter-spacing: 0.30px;
}
.answers > .details > p {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}



/*=======================================================
                 STYLE ADDED FOR INDEX 18
=========================================================*/
.heading5 {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.heading5 h2 {
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 200;
    margin: 0 0 5px;
    width: 100%;
}
.heading5 h2 strong {
    font-weight: 900;
}
.heading5 > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    width: 100%;
}

.shops-trends {
    float: left;
    width: 100%;
}
.owl-item .trend{
	padding: 0 15px;
}
.trend {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.trend-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.trend-img > del, .trend-img > ins {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    line-height: 13px;
    padding: 10px 13px;
    position: absolute;
}
.trend-img > ins {
    left: auto;
    right: 0;
}
.trend-img > img {
    float: left;
    width: 100%;

    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.trend-img:hover > img {
    -webkit-transform: rotate(15deg) scale(1.3);
    -moz-transform: rotate(15deg) scale(1.3);
    -ms-transform: rotate(15deg) scale(1.3);
    -o-transform: rotate(15deg) scale(1.3);
    transform: rotate(15deg) scale(1.3);    
}

.trend-img > span {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 8px 10px;
    font-family: roboto;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.add-to-fav {
    background: none repeat scroll 0 0 #fff;
    font-size: 13px;
    height: 30px;
    padding: 8px 5px 5px;
    color: #6c6c6c;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.trend > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 20px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.trend > h3 a{
    color: #000;
}
.trend > p {
    color: #969696;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.trend > a {
    background: none repeat scroll 0 0 #6c6c6c;
    color: #fff;
    float: left;
    font-family: roboto;
    font-weight: lighter;
    margin-top: 15px;
    padding: 10px 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.shops-trends .owl-buttons {
    right: 15px;
}
.line {
    float: left;
    width: 100%;
    height: 1px ;
    background: #f6f6f6;
}
.product-masonary-carousel {
    float: left;
    width: 100%;
}
.out-space {
    margin: 0 -10px;
}
.masonary-column {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.masonary-column > div {
    padding: 0 15px;
	float:left;
}
.masonary-product {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.masonary-product img {
    width: 100%;
    float: left;
}
.desc-outter {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product:hover .desc-outter {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
    bottom: 0;
}

.product-desc {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    float: left;
    padding: 15px 20px;
    width: 100%;
    height: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product:hover .product-desc {
    background: none;
    opacity: 0;
}
.product-desc > h3 {
    color: #fff;
    font-family: roboto;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
}

.product-desc > span {
    font-family: roboto;
    font-size: 13px;
    float: left;
    width: 100%;
    color: #969696;
    line-height: 14px;
    margin-bottom: 5px;
}

.product-desc > i {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 14px;
    width: 100%;
}

.masonary-product > a {
    width: 38px;
    height: 38px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 38px;
    color: #FFF;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transform:rotate(-360deg) scale(0);
    -moz-transform:rotate(-360deg) scale(0);
    -ms-transform:rotate(-360deg) scale(0);
    -o-transform:rotate(-360deg) scale(0);
    transform:rotate(-360deg) scale(0);

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product > a > i{
	float:left;
	width:100%;
	line-height:38px;
}
.masonary-product:hover > a {
    -webkit-transform:rotate(0deg) scale(1);
    -moz-transform:rotate(0deg) scale(1);
    -ms-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
    transform:rotate(0deg) scale(1);    
}
.masonary-product > a:before {
    content: "";
    position: absolute;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    border: 1px solid;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product > a:hover:before{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.product-masonary-carousel .owl-controls {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.product-masonary-carousel .owl-controls .owl-pagination {
    display: table;
    margin: 0 auto;
}
.product-masonary-carousel .owl-controls .owl-pagination > div {
    width: 9px;
    height: 9px;
    background: #eee;
    float: left;
    margin: 0 2px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-masonary-carousel .owl-controls .owl-pagination > div.active{
    background: #757575;   
    width: 11px;
    height: 11px;
}


/*=======================================================
                 STYLE ADDED FOR INDEX 19
=========================================================*/
.shop-carousel {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.owl-item .shop {
    padding: 0 15px;
}
.shop {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.add-item {
    float: left;
    padding-left: 85px;
    position: relative;
    width: 100%;
}
.add-item > span {
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.add-item:hover > span{
    left: -50px;
}
.add-item > span img {
    width: 100%;
}
.add-detail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-left: 1px solid #edebeb;
    float: left;
    padding: 10px 5px 10px 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.add-detail > h4 {
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.add-detail > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 22px;
    margin: 8px 0 10px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
    text-transform: uppercase;
}
.add-detail > h3:before {
    background: none repeat scroll 0 0 #d4d4d4;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -15%;
    position: absolute;
    width: 30%;
}
.add-detail > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
}
.add-detail > a {
    background: none repeat scroll 0 0 #c3c3c3;
    color: #fff;
    display: inline-block;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 14px;
    margin-top: 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.add-detail > a i {
    margin-left: 5px;
}
.shop > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.shop > h3 a{
    color: #000;
}
.shop > p {
    color: #969696;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
    width: 100%;
}
.shop .social-btns {
    float: left;
    margin-left: -5px;
    margin-top: 20px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}
.shop-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-img > img {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.shop-img > img.hover-show {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.shop-img:hover > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

    opacity: 0;
}
.shop-img:hover > img.hover-show{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    opacity: 1;

}
.price-holder {
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.shop-price {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    padding: 10px 15px;
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-price h6 {
    color: #5c5c5c;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
}
.shop-price ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
}
.shop-price ul li {
    float: left;
    margin: 0 3px;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 31px;
}
.shop-price ul li a {
    float: left;
    width: 100%;
    height: 100%;
    color: #797979;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.shop-price ul li a i{
	float:left;
	width:100%;
	line-height:31px;
}
.shop-price ul li a:hover{
    color: #FFF;
}
.shop-carousel .owl-buttons {
    right: 15px;
}
.shop-price ul li a.added_to_cart.wc-forward {
    float: left;
    margin-top: -31px;
    position: relative;
    color: transparent;
}
.shop-price ul li a.added_to_cart.wc-forward:before {
    color: #ffffff;
    content: "\f064";
    font-family: fontawesome;
    font-size: 15px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    width: 100%;
}


.portfolio-sec.fancy .portfolio-box {
    margin-top: 2px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;    
}
.portfolio-sec.fancy .portfolio-box:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.24);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.portfolio-sec.fancy .portfolio-box:hover:before{
    height: 0;
}
.portfolio-sec.fancy .folio-slide {
    padding: 0 0.5px;
}
.portfolio-sec.fancy .portfolio-box img{
    padding: 0;
}
.product-add {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    border-top: 1px solid #6d6a6b;
    border-bottom: 1px solid #6d6a6b;
    background: rgba(0,0,0,0.42);

    -webkit-transition:all 0.6s linear;
    -moz-transition:all 0.6s linear;
    -ms-transition:all 0.6s linear;
    -o-transition:all 0.6s linear;
    transition:all 0.6s linear;
}
.portfolio-sec.fancy .portfolio-box:hover .product-add {
    bottom: 20px;
}
.product-add > h3 {
    color: #FFF;
    font-family: lato;
    font-size: 22px;
    margin: 0;
    float: left;
    width: 100%;
}
.product-add > h3 a{
    color: #FFF;
}
.product-add > span {
    font-family: lato;
    font-size: 18px;
    color: #FFF;
    margin: 5px 0;
    float: left;
    width: 100%;
}


.fancy-swipe .swiper-container {
    height: 347px;
    margin: 0;
    width: 100%;
}
.fancy-swipe .swiper-container .nav-tabs {
    border: 0 none;
    float: left;
    width: 100%;
}
.fancy-swipe .swiper-container .nav-tabs li {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0 0 6px;
}
.fancy-swipe .swiper-container .nav-tabs li a {
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.fancy-swipe .swiper-container .nav-tabs li a img {
    float: left;
    height: 100%;
    width: 100%;
}
.thumb-selector {
    float: left;
    position: relative;
    width: 100%;
}
.navigations {
    height: 100%;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 0;
}
.navigations a {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #e0e0e0;
    height: 20px;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.navigations a:hover:before{
    color: #FFF;
}
.navigations a:before {
    color: #212121;
    content: "\f106";
    float: left;
    font-family: fontawesome;
    text-align: center;
    width: 100%;
}
.navigations a.arrow-right:before{
    content: "\f107";
}
.navigations a.arrow-right {
    bottom: 0;
    top: auto;
}
.fancy-swipe .tab-content .tab-pane {
    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;
}
.fancy-swipe .tab-content .tab-pane img {
    float: left;
    width: 100%;
}
.product-details {
    float: left;
    width: 100%;
}
.product-details ul {
    border: 0 none;
    float: left;
    margin: 0 0 -10px;
    width: 100%;
}
.product-details ul li {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}
.product-details ul li a {
    background: none repeat scroll 0 0 #d6d6d6;
    border: 1px solid #dedede;
    color: #000;
    font-family: lato;
    font-size: 13px;
    padding: 10px 20px;

    -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.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-details ul li.active a{
    background: #FFF;
}
.product-details .tab-content {
    border: 1px solid #dedede;
    float: left;
    padding: 40px 35px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.product-details .tab-content h3 {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    width: 100%;
}
.product-details .tab-content h4 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 16px;
    margin: 0;
    width: 100%;
}
.product-details .tab-content h5 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 20px;
    width: 100%;
}
.product-details .tab-content h5 strong {
    font-weight: 600;
}
.product-details .minict_wrapper {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #efefef;
    height: 40px;
    padding: 7px 15px;
    cursor: pointer;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-details .minict_wrapper input{
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
}
.product-details .minict_wrapper:after {
    border-left: 1px solid #efefef;
    height: 100%;
    line-height: 10px;
    top: 0;
    width: 40px;
}
.product-details .minict_wrapper ul li {
    background: none repeat scroll 0 0 #fbfbfb;
    width: 100%;
}
.product-details span {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
    width: 100%;
}
.product-details .tab-content span a {
    color: #000000;
    float: none;
    font-size: 14px;
    text-decoration: underline;
    width: auto;
}
.product-details p {
    color: #6c6c6c;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
.product-details .tab-content ul {
    padding: 0 0 0 15px;
    margin: 0;
}
.product-details .tab-content ul li {
    color: #6c6c6c;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: 0;
    width: 100%;
}
.single-product-page .tab-content a.single-add-to-cart {
    background: none repeat scroll 0 0 #222;
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 30px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 70%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.more-details {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.more-details:last-child{
    margin-bottom: 0;
}
.more-details > h6 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    width: 100%;
}
.product-details .more-details > ul {
    list-style: none outside none;
    padding: 0;
}
.product-details .more-details > p {
    margin: 0;
}
.single-product-page .tab-content .tab-pane a.show-big {
    bottom: 20px;
    color: #515251;
    font-size: 32px;
    position: absolute;
    right: 20px;
}

/* Cart Sec */
.cart-sec {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
}
.cart-sec > li {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 30px;
    width: 100%;
}
.cart-sec > li:last-child {
    margin: 0;
}
.cart-sec > li .product {
    border-right: 1px solid #e8ecec;
    float: left;
    padding: 20px;
    width: 50%;
	height: 272px;
}
.cart-sec > li .price {
    border-right: 1px solid #e8ecec;
    float: left;
    height: 272px;
    width: 15%;
}
.cart-sec > li .price > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-sec > li .price > h3 {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.cart-sec > li .cart-quantity {
    border-right: 1px solid #e8ecec;
    float: left;
    width: 20%;
	height: 272px;
}
.cart-sec > li .cart-quantity > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.decrements {
    display: table;
    float: none;
    margin: 0 auto;
}
.decrements > .qantity-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    padding: 8px 12px 10px;
    position: relative;
}
.decrements .qantity-form input.userincr-btn-inc[type="button"] {
    position: absolute;
    right: 7px;
}
.decrements .qantity-form input.userincr-btn-dec[type="button"] {
    left: 7px;
    position: absolute;
    line-height: 20px;
}
.decrements .qantity-form input[type="button"] {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    font-family: roboto;
    font-size: 14px;
    height: 15px;
    padding-bottom: 23px;
    width: 17px;
    background: #333333 none repeat scroll 0 0;
}
.decrements > .qantity-form .qty {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-family: roboto;
    font-size: 15px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    width: 59px;
}
.quantity > p {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 15px 0 0;
    text-align: center;
    width: 100%;
}
.cart-sec > li .total {
    float: left;
    width: 15%;
	height: 272px;
}
.cart-sec > li .total > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-sec > li .total > h3 {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.product > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 35%;
}
.inner-left .woocommerce  .checkout-button.button:hover {
    background:#333333;
}
.woocommerce .product > span > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff !important;
    font-size: 14px;
    height: 32px;
    left: 50%;
    line-height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2) rotate(360deg);
    -moz-transform: scale(2) rotate(360deg);
    -ms-transform: scale(2) rotate(360deg);
    -o-transform: scale(2) rotate(360deg);
    transform: scale(2) rotate(360deg);
	
    -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;
	
    width: 32px;
}
li.cart_item:hover .product > span > a {
    opacity: 1;
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.product > span > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:32px;
}
.product > span > img {
    float: left;
    width: 100%;
}
.product > h3 {
    display: block;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    padding-left: 15px;
    width: 65%;
}
.product > h3 > a {
    color: #666;
}
.product > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0 0 0 15px;
    width: 50%;
}
.product > ul > li {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    height: 31px;
    list-style: none outside none;
    margin-bottom: 10px;
    padding: 4px 15px;
    width: 100%;
}
.product > ul > li > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 24px;
    width: 50%;
}
.product > ul > li > i {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    height: auto;
    line-height: 24px;
    width: 50%;
}
.product > ul > li.cart-colors > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 17px;
    margin-right: 6px;
    margin-top: 2px;
    width: 17px;
}
.product > ul > li.cart-colors > i.green {
    background: none repeat scroll 0 0 #5FD370;
}
.product > ul > li.cart-colors > i.red {
    background: none repeat scroll 0 0 #f96a59;
}.product > ul > li.cart-colors > i.yellow {
    background: none repeat scroll 0 0 #f9f059;
}

/* Toogle Cart Top */
.toogle-cart-sec {
    float: left;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 9999999999999999999999;
    height: 175px;
    left: 0;
    top: -175px;
	
    -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;
}
.toogle-cart-sec:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.toogle-cart-sec.sticky {
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.toogle-cart-box {
    border: 1px solid rgba(255, 255, 255, 0.3);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 15px;
    padding: 15px;
    width: 300px;
}

.toogle-cart-box > span {
    float: left;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
    margin-right: 10px;
}
.toogle-cart-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
}
.toogle-cart-box > h3 {
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 5px 0;
}
.toogle-cart-box > h3 > a {
    color: #FFFFFF;
}
.toogle-cart-box > i {
    color: #EAEAEA;
    display: block;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    margin-top: 10px;
}
.toogle-cart-box > ul {
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
.toogle-cart-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
.toogle-cart-box > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    
	-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;
	
    width: 26px;
}
.toogle-cart-box > ul > li > a i{
	float:left;
	width:100%;
	line-height:26px;
}
.toogle-cart-box > ul > li > a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
.toogle-cart-sec > .container {
    position: relative;
}
.toogle-cart-sec > .container > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50px;
    color: #FFFFFF;
    font-size: 17px;
    height: 45px;
    line-height: 18px;
    padding-left: 21px;
    padding-top: 23px;
    position: absolute;
    right: 0;
    text-align: center;
	
    -webkit-transform: rotate(45deg) scale(0.9);
    -moz-transform: rotate(45deg) scale(0.9);
    -ms-transform: rotate(45deg) scale(0.9);
    -o-transform: rotate(45deg) scale(0.9);
    transform: rotate(45deg) scale(0.9);
	
    width: 45px;
    z-index: 0;
	color: transparent;
}
.toogle-cart-sec > .container > a > i {
    float: left;
    margin-top: -37px;
	
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	
	color:#fff;
}

.toogle-cart-sec > .container > a > span {
    display: none;
}
.toogle-cart-sec > .container > a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: -1;
}
.toogle-cart-sec:hover .container > a {
    -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;
}
#content_2 .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(255,255,255,0.1);
}
#content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
#content_2 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
#content_2 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 6px;
    margin: 5px auto;
    width: 100%;
}
.toogle-cart-sec.open {
    top: 0;
}

.business1.style2 .toogle-cart-sec > .container > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50px;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 12px;
    font-weight: lighter;
    height: 47px;
    padding: 13px 23px 17px 17px;
    top: 154px;
    
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	
    width: auto;
}
.business1.style2 .toogle-cart-sec > .container > a > i {
    float: right;
    
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	
    margin: 0;
    margin: 3px 0;
    margin-left: 7px;
}
.business1.style2 .toogle-cart-sec > .container > a > span {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 2px solid #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: inline;
    font-size: 11px;
    height: 25px;
    line-height: 21px;
    position: absolute;
    right: -10px;
    top: 11px;
    width: 25px;
}

/* Cart Single */


#cart-single-sec {
    float: left;
    width: 100%;
}
#cart-slide {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#cart-slide li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    overflow: hidden;
    width: 100%;
}
#cart-slide li > img {
    float: left;
    width: 100%;
}
.cart-product-desc {
    float: left;
    width: 100%;
}
.trend > a.added_to_cart.wc-forward {
    margin-left: 10px;
}
.masonary-product > a.added_to_cart.wc-forward {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    line-height: 99px;
}
.masonary-product > a.added_to_cart.wc-forward:before {
    display: none;
}
.add-to-fav > i {
    margin-top: 4px;
}
.woocommerce-product-rating {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-bottom: 10px;
    padding: 10px 20px;
    width: 100%;
}
.cart-product-desc > h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}
.cart-product-desc > div {
    float: left;
    width: 100%;
}
.cart-product-desc > div p {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 12px;
    width: 100%;
}
.cart-product-desc > h3 > i {
    font-style: normal;
    font-weight: 600;
}
.cart-product-desc > span {
    color: #313131;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 100%;
}
#choose-color {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
}
#choose-color > li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 27px;
    list-style: none outside none;
    margin-right: 5px;
    overflow: hidden;
    width: 27px;
}
#choose-color > li.red {
	background:#ff4646;
}
#choose-color > li.green {
	background:#56cd59;
}
#choose-color > li.blue {
	background:#ffef66;
}
#choose-size {
    border: medium none;
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
#choose-size > li {
    border: medium none;
    float: left;
    margin: 0;
}
#choose-size > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #888888;
    float: left;
    height: 27px;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    width: 33px;
}
#choose-size > li.active > a {
    background: none repeat scroll 0 0 #888;
    color: #FFFFFF;
	border: 1px solid #888888;
}
.cart-product-desc > .decrements {
    float: left;
    width: 100%;
}
.cart-product-desc > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-top: 40px;
    padding: 17px 16px;
}
.tab-features {
    float: left;
    padding-right: 10px;
    width: 100%;
}
.tab-features > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 20px;
    width: 100%;
}
.tab-features > p {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.tab-features > ul {
    float: left;
    margin: 25px 0;
    padding: 0;
    width: 100%;
}
.tab-features ul li {
    float: left;
    list-style: none outside none;
    width: 50%;
}
.tab-features ul li i {
    background: none repeat scroll 0 0 #6A6A6A;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 19px;
}
.tab-features ul li p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-left: 20px;
}
.cart-single-tab {
    float: left;

    margin-top: 60px;
    width: 100%;
}
.cart-single-tab > ul {
    border: medium none;
    padding-left: 50px;
}
.cart-single-tab > ul > li {
    float: left;
    margin: 0;
}
.cart-single-tab > ul > li > a {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
	
    color: #696969;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding: 10px 18px;
    text-transform: uppercase;
}
.cart-single-tab > ul > li > a > i {
    float: left;
    font-size: 16px;
    margin-right: 15px;
    margin-top: 2px;
}
.cart-single-tab > ul > li.active > a {
    -moz-border-bottom-colors: none;
    -ms-border-bottom-colors: none;
    -webkit-border-bottom-colors: none;
    -o-border-bottom-colors: none;
	
    -moz-border-left-colors: none;
    -webkit-border-left-colors: none;
    -ms-border-left-colors: none;
    -o-border-left-colors: none;
	
    -moz-border-right-colors: none;
    -webkit-border-right-colors: none;
    -ms-border-right-colors: none;
    -o-border-right-colors: none;
	
    -moz-border-top-colors: none;
    -webkit-border-top-colors: none;
    -ms-border-top-colors: none;
    -o-border-top-colors: none;
	
    background: none repeat scroll 0 0 #F8F8F8;
    border-color: -moz-use-text-color #DADADA #DADADA;
    border-image: none;
    border-right: 1px solid #DADADA;
    border-style: solid;
    border-width: 2px 1px 1px;
}
.cart-single-tab .tab-content {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    float: left;
    margin-top: -2px;
    padding: 22px 20px;
    position: relative;
    z-index: 9;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.product-details {
    float: left;
    width: 100%;
}
.product-details > h3 {
    color: #282828;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 50px;
    text-transform: uppercase;
    width: 100%;
}
.product-details > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.product-details > ul li {
    border: 1px solid #DDDDDD;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.product-details > ul li:last-child {
    margin: 0;
}
.product-details li span {
    background: none repeat scroll 0 0 #F3F1F1;
    color: #1D1D1D;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 10px;
    margin-right: 20px;
    padding: 10px;
    width: 25%;
}
.product-details p {
    color: #434343;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 10px 0;
}

/* Wpb Tabs */
.wpb_tabs {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0 !important;
    padding: 27px;
    width: 100%;
}
.wpb_tabs ul > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    border-right: 1px solid #e8e6e6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    line-height: 29px;
    margin: 0;
    padding: 0 20px !important;
    text-transform: uppercase;
	
    -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;
}
.wpb_tabs ul.wpb_tabs_nav  {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
}
.wpb_tabs .wpb_tab {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left;
    padding: 0 !important;
    width: 100%;
}
.wpb_content_element .wpb_tabs_nav li:last-child > a {
    border: medium none;
}
.wpb_tabs .wpb_tabs_nav li {
    margin: 0 !important;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active > a{
	color:#fff;
}

/* Woo Commerce */
.woocommerce {
    float: left;
    width: 100%;
}
.woocommerce > h2 {
    float: left;
    font-family: roboto;
    margin: 0 0 20px;
    width: 100%;
}
.woocommerce-review-link {
    color: #333333;
    margin-left: 10px;
}
/* Variation Product */
.variations_form.cart {
    float: left;
    width: 100%;
}
.cart-product-desc .cart-options > form {
    float: left;
    margin-bottom: 0 !important;
    margin-top: 30px;
    width: 150px;
}
.variations_form.cart {
    width: 100% !important;
}
.variations {
    border: medium none;
    float: left;
    margin: 0 !important;
    width: 100%;
}
.variations_button {
    float: left;
    margin-top: 13px;
    width: auto;
}
.variations > tbody {
    float: left;
    width: 100%;
}
.variations > tbody > tr .label {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 !important;
	margin-bottom:15px;
}
.variations > tbody > tr .label > label {
    color: #565656;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 11px 13px;
    text-align: center;
    width: 100%;
}
.variations > tbody > tr .value {
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	float: left;
    height: auto;
    padding: 0;
	margin-bottom:15px;
}
.variations > tbody > tr .value > select {
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
    height: 38px;
    padding-left: 12px;
}
.variations > tbody > tr .value > a {
    color: #565656;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 7px;
    text-align: center;
    width: 100%;
}
.single_variation {
    float: left;
    font-family: Open Sans;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-right: 20px;
    width: auto;
}
.product-type-variable .quantity.buttons_added {
    float: left;
    margin-right: 15px !important;
}
.inner-left .cart-product-desc .variations_button > button {
    background: none repeat scroll 0 0 #333;
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 7px 30px;
    text-shadow: 0 0;
}
.inner-left .cart-product-desc .variations_button > button:hover {
    background: none repeat scroll 0 0 #555;
}
.cart-product-desc > p {
    font-family: Roboto;
    font-size: 14px;
    line-height: 24px;
}
.woocommerce > form.login,
.woocommerce > form.checkout_coupon {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.woocommerce > form.checkout_coupon > p {
    margin: 0;
    padding: 0;
}
.woocommerce > form.login > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 12px;
    padding: 0;
    width: 100%;
}
.woocommerce > form.login > p > label {
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    width: 100%;
}
.woocommerce > form.login > p > .input-text {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 12px 17px;
    width: 100%;
}
.upsells {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.upsells > h2 {
    color: #555555;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.review-product {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.woocommerce p > input.button {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    font-family: roboto;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 12px 30px;
    text-shadow: 0 0;
    text-transform: uppercase;
}
.woocommerce > form.login > p.lost_password > a {
    color: #565656;
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    margin: 0;
}
.woocommerce > form.login > p.lost_password {
    margin: 0;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
	
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
    padding: 0;
    top: 0;
}
.woocommerce .woocommerce-info > a {
    margin-left: 15px;
}
.checkout {
    float: left;
    width: 100%;
}
.woocommerce-billing-fields {
    float: left;
    width: 100%;
}
.woocommerce-billing-fields > h3 {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    width: 100%;
}
.woocommerce-billing-fields > p {
    float: left;
    margin-bottom: 18px !important;
    padding: 0 !important;
    width: 100%;
}
.woocommerce-billing-fields > p > label {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce-billing-fields > p > input[type="text"], 
.woocommerce-billing-fields  p > input[type="password"],
.woocommerce-shipping-fields  p  > textarea,
.woocommerce-shipping-fields  p  > input[type="text"],
.woocommerce > form.checkout_coupon > p input[type="text"],
.coupon > input[type="text"] {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #565656 !important;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 12px;
    width: 100%;
}
.woocommerce > form.checkout_coupon > p input[type="submit"]{
	margin:0;
}
.woocommerce-billing-fields > p input[type="checkbox"] {
    float: left;
}
.woocommerce-billing-fields > p .checkbox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    margin: -8px 0 0;
    padding-left: 10px;
    width: auto;
}
.woocommerce .myaccount_user {

    float: left;

    width: 100%;

}
.addresses {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;

    float: left;
    width: 100%;
}

.woocommerce .addresses > .address {
    float: left;
	padding: 25px;
	width: 50%;
}

.woocommerce .addresses > .col-1.address{
	border-right: 1px solid #e8ecec;
}

.woocommerce .addresses > .address > header.title {
    float: left;
    position: relative;
    width: 100%;

}
.woocommerce .addresses > .address > header.title > a {
    background: none repeat scroll 0 0 #555;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    color: #fff;
    font-family: roboto;
    font-size: 13px;
    line-height: 12px;
    padding: 7px 19px;
    position: absolute;
    right: 0;
    top: 0;

}

.woocommerce .addresses > .address address {
    color: #888;
    float: left;
    font-family: roboto;
   font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}

.woocommerce .addresses > .address > header.title > h3 {
    color: #555;
    float: left;
    font-family: Raleway;
    font-size: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    padding-right: 80px;
    width: 100%;

}

.create-account > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.checkout > h3 {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0 15px;
    width: 100%;
}
.checkout > div {
    float: left;
    width: 100%;
}
.woocommerce .shop_table {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
	
    float: left;
    width: 100%;
}
.woocommerce .shop_table thead {
    color: #565656;
    font-family: lato;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.woocommerce .shop_table tbody {
    color: #666666;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce .shop_table tfoot {
    color: #565656;
    font-family: Roboto;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
#payment {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
	
    float: left;
    width: 100%;
}
.woocommerce-shipping-fields {
    float: left;
    width: 100%;
}
.woocommerce-shipping-fields > h3{
	color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0 7px;
    width: 100%;
	font-weight: 500;
}
.woocommerce-shipping-fields > h3 label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
}
.woocommerce-shipping-fields > h3 input {
    margin-left: 11px;
    margin-top: 8px;
}
.woocommerce-shipping-fields  p {
    margin-bottom: 18px !important;
    padding: 0 !important;
}
.woocommerce-shipping-fields  p  > label {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.coupon {
    float: left;
    margin-right: 30px;
    width: auto;
}
.coupon > label {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 0;
    margin-right: 10px;
}
.coupon > input[type="text"] {
    margin-right: 10px;
    margin-top: -3px;
    padding: 5px 15px;
    width: auto;
}
.cart-total-box {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    width: 100%;
	margin-top: 30px;
}
.cart-head {
    float: left;
    width: 100%;
}
.cart-total-box .cart-head > h2 {
    border: medium none;
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 17px 0;
    text-align: center;
    width: 100%;
}
.cart-total-box .cart-head > h2 > a{
	color:#fff;
}
.cart-total-box ul {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-total-box ul > li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #fcfcfc;
}
.cart-total-box ul > li {
    float: left;
    line-height: 10px;
    list-style: none outside none;
    padding: 15px 20px;
    width: 100%;
	font-family: roboto;
}
.cart-total-box ul > li > span {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: left;
    width: 50%;
}
.cart-total-box ul > li > i {
    color: #818181;
    float: left;
    font-size: 13px;
    font-style: normal;
    letter-spacing: 0.3px;
    width: 50%;
}
.customlist > select {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c6dade;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 2px #e9f3f6;
    -moz-box-shadow: 0 1px 2px #e9f3f6;
    -ms-box-shadow: 0 1px 2px #e9f3f6;
    -o-box-shadow: 0 1px 2px #e9f3f6;
    box-shadow: 0 1px 2px #e9f3f6;
	
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 16px;
    height: 30px;
    padding-left: 10px;
    position: relative;
    width: 100%;
}
.cart-total-box ul > li > input {
    border: 1px solid #c6dade;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 2px #e9f3f6;
    -moz-box-shadow: 0 1px 2px #e9f3f6;
    -ms-box-shadow: 0 1px 2px #e9f3f6;
    -o-box-shadow: 0 1px 2px #e9f3f6;
    box-shadow: 0 1px 2px #e9f3f6;
	
    color: #d2d2d2;
    float: left;
    font-family: Raleway;
    font-size: 13px;
    height: 30px;
    padding: 0 0 0 15px;
    width: 100%;
}

/* Theme Test Unit */
.inner-left > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    width: 100%;
}
blockquote {
    background: none repeat scroll 0 0 #fafafa;
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 26px 41px;
    width: 100%;
}
body blockquote p {
    float: left;
    font-family: lato;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    width: 100%;
	font-style:italic;
}
.inner-left table{
	margin-bottom:20px;
}
table {
    border: 1px solid #f0f0f0;
    color: #888888;
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
thead {
    color: #333;
    text-align: center;
}
table th {
    border: 1px solid #f0f0f0;
    text-align: center;
}
td {
    border: 1px solid #f0f0f0;
    font-size: 12px;
    line-height: 30px;
}
dt,dd {
    color: #777;
    font-family: roboto;
    font-size: 13px;
    line-height: 25px !important;
	letter-spacing:0.30px;
}
pre {
    float: left;
    text-align: left;
    width: 100%;
}
.alignleft {
    float: left;
    margin-right: 20px;
}
.alignright {
    float: right;
    margin-left: 20px;
}
.aligncenter {
    margin: 0 auto;
}
.page-numbers {
    float: left;
    width: 100%;
}
.twitter-tweet.twitter-tweet-rendered {
    float: left;
    width: 100% !important;
}
.inner-left > ul {
    float: left;
    text-align: left;
    width: 100%;
}
.inner-left > ul li {
    font-family: roboto;
}
.inner-left > ul ul {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.inner-left > ol {
    font-family: roboto;
    padding: 0 0 0 19px;
    text-align: left;
    width: 100%;
}
.shop-price ul li a:hover i {
    color: #ffffff;
}
.inner-left > ol ol {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.portfolio-head > span a {
    color: #fafafa;
}
/* Theme Test Unit */
.wp-caption{} 
.wp-caption-text{} 
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
.post.sticky > div > div {
    float: left;
    width: 100%;
}
.post.sticky > div > div .post-desc {
    margin: 0;
}
.post.sticky .post-desc h2 {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 10px 20px;
}
.post.sticky .post-desc p {
    margin-bottom: 17px;
}
.standalone-tweet {
    float: left;
    height: auto;
    padding: 0;
    width: 100%;
}
.mejs-container {
    float: left;
    margin-bottom: 21px;
}

/*** BB PRESS STYLING ***/

#bbpress-forums {
    margin-bottom: 0;
}

#bbpress-forums #bbp-search-form {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #dcdcdc;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 310px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#bbpress-forums #bbp-search-form input#bbp_search {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #343434;
    float: left;
    font-family: roboto;
    height: 40px;
    padding: 10px;
    width: 230px;
}

#bbpress-forums #bbp-search-form input#bbp_search_submit {
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #cfcfcf;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    border-right: 0 none;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    float: left;
    font-family: roboto;
    height: 40px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 70px;
}

#bbpress-forums #bbp-search-form input#bbp_search_submit:hover{
    color: #AFAFAF;
}

#subscription-toggle, #favorite-toggle {
    background:none repeat scroll 0 0 #282828;
    float: left;
    margin: 0 20px;
    padding: 5px 15px;
    text-transform: uppercase;
	
    -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}

#subscription-toggle a, #favorite-toggle a {
    color: #fff !important;
    line-height: 20px;
}

.bbp-author-avatar img {
    border: 0 none !important;
    margin: 0 !important;
}

#bbpress-forums ul {
    color: #888888;
    font-weight: 400;
}

#bbpress-forums .minict_wrapper.bubble ul {
    background: none repeat scroll 0 0 #fff;
}

#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;

}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */
    padding:0;

}

#bbpress-forums > ul {
    border: 1px solid #c9c9c9!important;
    overflow: hidden !important;    
    
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;

}

#bbpress-forums li.bbp-footer {
    background: none repeat scroll 0 0 #DCDCDC;
    border-top: 1px solid #C9C9C9;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #d0cfcf;
    padding: 0 20px;
}

#bbpress-forums li.bbp-body ul.forum li, #bbpress-forums li.bbp-body ul.topic li {
    font-size: 13px;
    line-height: 80px;
    min-height: 125px;
    padding: 20px 0;
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, 
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 34px;
}

#bbpress-forums fieldset.bbp-form {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#bbpress-forums fieldset.bbp-form label {
    float: left;
    font-weight: 400;
    width: 100%;
}

#bbpress-forums li.bbp-header {
    background: none repeat scroll 0 0 #6f6f6f;
    border: 1px solid #3e3e3e;
    float: left;
    font-weight: 400;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1;

}

#bbpress-forums li.bbp-header:before {
    background: url("../images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #84898B;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;

}

#bbpress-forums li.bbp-header li {
    color: #F1EFEF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-shadow: 0 1px 0 #000000;
    text-align: center;

}

li.bbp-forum-freshness, li.bbp-topic-freshness {
    border-right: 0 none !important;
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 47px;

}

.bbp-form input[type="text"],.bbp-form textarea {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #C8C8C8;
    font-family: roboto;
    height: 30px;
    padding: 5px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.bbp-form textarea{
    border:0;
    height:auto;
}

#bbpress-forums div.reply {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    color: #333333;
    font-size: 12px;
    position: relative;
    padding:0;
    right: 0;

}

div.bbp-submit-wrapper button {
    background: none repeat scroll 0 0 #D4D4D4;
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 25px;
    text-transform: uppercase;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

div.bbp-template-notice.info {
    color: #747474;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    background-color: #BFE7F1;
    border: 1px solid #D1D1D1;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a,

 ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    background: none repeat scroll 0 0 #E0E0E0;
    color: #646363 !important;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    margin-top: 18px;
    padding: 7px 15px;
    line-height: 20px;
    text-shadow: 0 1px 0 #F4F4F4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.bbp-forum-content {
    color: #9d9d9d;
    line-height: 20px;
    margin: 25px 0 0 !important;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a,
.bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a {
    background: none repeat scroll 0 0 #E1E1E1;
    color: #898888 !important;
    display: table;
    margin: 10px auto 0;
    padding: 5px 15px;
    text-shadow: 0 1px 0 #F4F4F4;
    line-height: 20px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

#bbpress-forums p.bbp-topic-meta {
    float: left;
    margin-bottom: 0;
    margin-top: 10px !important;
    width: 100%;
}

.bbp-author-avatar {
    margin-right: 10px;
}

ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    margin-top: 5px;
    line-height: 20px;

}

li.bbp-forum-topic-count, li.bbp-topic-voice-count,
li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    font-size: 15px !important;

}

.bbp-pagination-count {
    border: 1px solid rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-size: 12px;

}

div.bbp-template-notice, div.indicator-hint {
    background: none repeat scroll 0 0 #FBE3A7;
    border-color: #D1D1D1;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    width: auto;

}

#bbpress-forums p.bbp-topic-meta .bbp-author-name {
    color: #A1A1A1;
}

ul.bbp-replies li.bbp-header > div {
    color: #F1EFEF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-align: center !important;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;

}

li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
    font-size: 12px;
    line-height: 17px;
    margin-top: 18px;
    text-shadow: none;

}

#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background-color: #EDEAEA;
    border-top: 1px solid #D0CFCF;
}

.bbp-admin-links, .bbp-admin-links a {
    color: #8E8E8E !important;
    font-size: 12px !important;
    padding: 0 5px;
    text-transform: capitalize !important;
}

.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
    color: #8E8E8E !important;
    float: right;
    margin-left: 30px;
}

#bbpress-forums .bbp-body div.bbp-reply-author {
    border-right: 1px solid #C9C9C9;
    float: left;
    padding: 20px;
    width: 30%;

}

.bbp-reply-author .bbp-author-avatar {
    float: left;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    color: #8E8E8E;
    display: table-row-group;
    width: auto;

}

#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {
    color: #9c9c9c;
    display: table-row;
    float: left;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-top: -8px;
}

.bbp-reply-ip {
    float: left;
    text-align: left;
}

.bbp-reply-author .bbp-author-avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content {
    border-left: 1px solid #C9C9C9;
    color: #8E8E8E;
    float: left;
    font-family: roboto;
    margin-left: -1px;
    padding: 20px 25px;
    width: 70%;

}

fieldset.bbp-form {
    float: left;
    padding: 0 !important;
    width: 100%;
}

fieldset.bbp-form label {
    color: #7f7f7f;
    float: left;
    font-family: roboto;
    font-size: 12px;
    padding: 0 20px 0 0 !important;
    text-transform: uppercase;
    width: auto !important;

}

button.button.submit {
    line-height: 20px;
    overflow: hidden;
    padding: 7px 20px;

}
div.bbp-template-notice, div.indicator-hint {
    width: 100%;
}

.bbp-breadcrumb > p a, .bbp-breadcrumb > p span {
    color: #222222;
	display: inline-block;
    font-family: roboto;
    font-size: 12px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;

}

.bbp-breadcrumb > p span.bbp-breadcrumb-current {
    color: #a0a0a0;
}

div.bbp-breadcrumb, div.bbp-topic-tags {
    float: left;
    position: relative;
    text-align: center;
    width: auto;
}
#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p {
    margin-top: 10px;
}
.bbp-pagination-links {
    float: left;
    margin-left: 10px;
}
#bbpress-forums .bbp-pagination-links span {
    float: left;
    width: auto;
}
#bbpress-forums .bbp-pagination-links a {
    float: left;
    width: auto;
}
.bbp-topics .bbp-topic-pagination {
    float: left;
    margin-top: 8px;
}
.bbp-topics .bbp-topic-pagination > a {
    float: left;
    width: auto;
}
.entry-title {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin-bottom: 10px !important;
    width: 100%;
}
.bbp-form > div > label {
    float: left;
    text-align: left !important;
    width: 150px !important;
}
#bbpress-forums #bbp-your-profile fieldset.submit {
    float: right;
}


/******************* Widget *******************/
.widget {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/* Widget Tag Cloud */
.tagcloud {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.tagcloud a:hover{
	color:#fff;
}
.tagcloud a {
    border: 1px solid #e8ecec;
    color: #6d6d6d;
    float: left;
    font-family: Roboto;
    font-size: 13px !important;
    
	-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;
	
    padding: 6px 9px;
    margin-top: 10px;
    margin-right: 10px;
}
.tagcloud a:hover{
	color:#fff;
}
/* Widgets Archive and Categories */
.widget_archive > ul, .widget_categories > ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_archive > ul > li, .widget_categories > ul > li {
    border-bottom: 1px dashed #e8ecec;
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 7px 0;
    position: relative;
    text-align: right;
    width: 100%;
}
.widget_archive > ul > li:first-child , .widget_categories > ul > li:first-child{
    padding-top: 0;
}
.widget_archive > ul > li:last-child, .widget_categories > ul > li:last-child {
    border: medium none;
    padding-bottom: 0;
}
.widget_archive > ul > li > a, .widget_categories > ul > li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding-left: 30px;
    position: relative;
    text-align: left;
    
	-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;
	
    width: 85%;
}
.widget_archive > ul > li > a:before, .widget_categories > ul > li > a:before {
    color: #565656;
    content: "ï„…";
    font-family: fontawesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 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;
}
.widget_archive > ul > li > a:hover:before, .widget_categories > ul > li > a:hover:before {
    left: 10px;
}

/* Widget Archive Select */
.widget_archive > select, .widget_categories > select, .widget_product_categories > select {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    padding-left: 10px;
    width: 100%;
}

/* Widget Calendar */

#calendar_wrap {
    float: left;
    width: 100%;
}

#calendar_wrap > table {
    float: left;
    width: 100%;
}

#calendar_wrap > table > caption {
    background: none repeat scroll 0 0 #fafafa;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 0;
}
#calendar_wrap > table > thead {
   width: 100%;
}
#calendar_wrap > table > thead > tr > th {
	background: none repeat scroll 0 0 #f3f3f3;
    border-right: 1px solid #e8e8e8;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 0;
    text-align: center;
}
#calendar_wrap > table > tbody > tr > td.pad {
	background: none repeat scroll 0 0 #fdfdfd;
}
#calendar_wrap > table > tbody > tr > td {
   background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    color: #888;
    font-family: roboto;
    font-size: 12px;
    padding: 4px 0;
    text-align: center;
}
#calendar_wrap > table > tbody > tr > td > a {
   background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	
    color: #333;
    float: left;
    width: 100%;
}
#calendar_wrap > table > tfoot > tr > td {
   background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    font-family: roboto;
    font-size: 13px;
    text-align: center;
}
#calendar_wrap > table > tfoot > tr > td > a{
	color:#555555;
}

/* Widget main Menu */
.widget_nav_menu .menu-main-menu-container > ul, .widget_pages > ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li, .widget_pages > ul > li {
    float: left;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul li, .widget_pages > ul > li ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul, .widget_pages > ul > li ul {
    float: left;
    margin: 0;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container ul li a, .widget_pages > ul li a {
    border-bottom: 1px dashed #e8ecec;
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 8px 0;
    position: relative;
    text-align: left;
    
	-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;
	
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container ul li ul li a:before, .widget_pages > ul li ul li a:before {
    color: #999;
    content: "ï„„";
    font-family: fontawesome;
    font-size: 12px;
    left: -15px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}

/* Widget Metas */
.widget_meta > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_meta > ul > li {
    float: left;
    width: 100%;
}
.widget_meta > ul > li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}

/* Widget Recent Comment */
.widget_recent_comments > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_recent_comments > ul > li {
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    padding: 10px;
    width: 100%;
}
.widget_recent_comments > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 21px;
    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;
	
}
.widget_recent_comments > ul > li {
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-top: -1px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

/* Widget Recent Entries */
.widget_recent_entries ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-top:-10px;
}
.widget_recent_entries ul li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget_recent_entries ul li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin-bottom: 8px;
    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;
}
.widget_recent_entries ul li > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 10px;
    letter-spacing: 0.3px;
    width: 100%;
}

/* Widget Tag Cloud */
.widget_tag_cloud a {
    color: #565656;
    font-family: lato;
    letter-spacing: 0.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;
}

/* Widget Text */
.widget_text p {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    width: 100%;
}
.widget_text p img, .widget_text a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 15px;
    width: 100%;
}
.widget_text p img.wp-smiley {
    float: none;
    width: auto;
}
.textwidget form {
    float: left;
    width: 100%;
}
.textwidget form select {
    float: left;
    margin-top: 10px;
    width: 100%;
}
/* Widget Dastak Our Offices */
.widget_sh_our_office span {
    border: 1px solid #424242;
}

/* Widget Dastak Recent Post */
.widget_sh_recent_post ul li.sticky {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 15px;
}
.widget_sh_recent_post ul li.sticky > a {
    float: left;
    width: 100%;
}
.widget_sh_recent_post ul li.sticky > a > i {
    float: left;
    margin-top: 5px;
    width: 100%;
}
.widget_sh_recent_post ul li.sticky span {
    display: none;
}
.widget_sh_recent_post ul li.sticky strong {
    float: left;
    margin-top: 9px;
    width: 100%;
}
.widget_sh_recent_post ul li a {
    color: #565656;
}
footer .widget_sh_recent_post ul li a {
    color: #eeeeee;
}

/* Widget Dastak Email Subscribe */
aside .widget_sh_subscribe_mail_list > .f-about-dastak p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -10px 0;
    width: 100%;
}
aside .widget_sh_subscribe_mail_list > .f-about-dastak form {
    border: 1px solid #e8ecec;
}
aside .widget_sh_subscribe_mail_list > .f-about-dastak form > input[type="text"] {
    background: none repeat scroll 0 0 #fafafa;
}

/* Widget BBPress Search Form */
.widget_display_search > form {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
}
.widget_display_search > form input[type="text"] {
    border: 1px solid #e8ecec;
    
	-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;
	
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    padding: 4px 9px;
    width: 70%;
}
.widget_display_search > form input.button {
    border: medium none;
    
	-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;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    width: 30%;
}

/* Widget bbPress Topics */
.widget_display_forums > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_display_forums > ul > li {
    float: left;
    margin-top: 10px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.widget_display_forums > ul > li:before {
    color: #555555;
    content: "ï„?";
    font-family: fontawesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 2px;
}
.widget_display_forums > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
	
    -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;
}

/* Widget bbpress Login */
.bbp-logged-in {
    float: left;
    width: 100%;
}
.bbp-logged-in > a.submit.user-submit {
    background: none repeat scroll 0 0 #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 10px;
    padding: 10px;
}
.bbp-logged-in > a > img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0 !important;
    width: 100%;
}
.bbp-logged-in > h4 {
    display: block;
    float: none;
    font-family: roboto;
    font-size: 17px;
    margin: 0 0 10px;
}
.bbp-logged-in > h4 > a {
    color: #777777;
}
.bbp-logged-in .logout-link {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: inline;
    font-family: roboto;
    font-size: 11px;
    padding: 5px 10px;
	color:#fff;
    text-transform: uppercase;
	margin-top:5px;
}

/* Widget bbpress Display View */
.widget_display_views > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_display_views > ul > li {
    float: left;
    width: 100%;
}
.widget_display_views > ul > li > a {
    color: #777777;
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    margin-top: 6px;
    width: 100%;
}

/* Widget Recent Topics */
.widget_display_topics > ul, .widget_display_replies > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_display_topics > ul li, .widget_display_replies > ul li {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    padding: 15px;
    width: 100%;
}
.widget_display_topics > ul li > a, .widget_display_replies > ul li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-right: 10px;
}
.widget_display_topics > ul li .topic-author, .widget_display_replies > ul li .topic-author {
    background: none repeat scroll 0 0 #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 24px;
    margin-right: 12px;
    margin-top: 2px;
    padding: 5px;
    width: auto;
}
.widget_display_topics > ul li div, .widget_display_replies > ul li div {
    color: #888888;
    display: block;
    font-family: roboto;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
}
.widget_display_topics > ul > li:first-child, .widget_display_replies > ul li:first-child {
    -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;
}
.widget_display_topics > ul > li:last-child, .widget_display_replies > ul li:last-child {
    -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;
}
.widget_display_topics > ul li .topic-author > a img, .widget_display_replies > ul li  .topic-author > a img {
    float: left;
    width: 100%;
}
.widget_display_topics > ul li .topic-author > a, .widget_display_replies > ul li .topic-author > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
}
.widget_display_topics > ul li .topic-author > a.bbp-author-name, .widget_display_replies > ul li .topic-author > a.bbp-author-name {
    font-family: roboto;
    font-size: 11px;
    line-height: 11px;
}

/**************** Woo Commerce Widgets *************/
/* Price Filter */
aside .widget_price_filter .price_slider_wrapper > .price_slider {

    background: none repeat scroll 0 0 #e8ecec !important; 

	-webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;

    float: left;
    width: 100%;

}

aside .widget_price_filter .price_slider_wrapper > .price_slider > .ui-slider-range {
    background: none repeat scroll 0 0 #777;
   
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

aside .widget_price_filter .price_slider_wrapper > .price_slider > .ui-slider-handle {
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    height: 15px;
    width: 15px;
}

.widget_shopping_cart_content {
    float: left;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li {
    border-bottom: 1px dashed #e8ecec;
    float: left;
    padding: 10px;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: right;
    margin-top: 0;
}
.widget .widget_shopping_cart_content > ul > li > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    line-height: 13px;
    padding: 5px 10px;
    width: auto;
}
.widget .widget_shopping_cart_content > .total {
    border: medium none;
    float: left;
    font-family: roboto;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 8px;
    text-align: center;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li:first-child {
    padding-top: 0;
}
.widget .widget_shopping_cart_content > ul > li:last-child {
    padding-bottom: 0;
}
.widget .widget_shopping_cart_content > .buttons {
    display: table;
    float: none;
    margin: 0 auto;
}
.widget .widget_shopping_cart_content > .buttons > a {
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 0 5px;
    padding: 9px 13px;
    text-shadow: 0 0;
    width: auto;
}

/* WooCoomerce Product Categories */
.woocommerce.widget_product_categories > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.woocommerce.widget_product_categories ul li {
    float: left;
    width: 100%;
}
.woocommerce.widget_product_categories ul li a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 6px 0;
}
.woocommerce.widget_product_categories ul li span {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
	
    float: right;
    font-family: roboto;
    font-size: 11px;
    margin-top: 5px;
    padding: 3px 4px;
}

/* WooCommerce Widget Product */
.woocommerce.widget_products > ul {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 29px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.woocommerce.widget_products > ul > li {
    border-left: 3px solid #e8ecec;
    color: #898989;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}


/* WooCommerce Search product */
.widget_product_search > form, .widget_search > form {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    padding: 10px;
	width: 100%;
}
.widget_product_search > form label, .widget_search > form label {
    display: none;
}
.widget_product_search > form input[type="text"], .widget_search > form input[type="text"] {
    border: 1px solid #e8ecec;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    padding-left: 10px;
    width: 70%;
}
.widget_product_search > form input[type="submit"], .widget_search > form input[type="submit"] {
    border: medium none;
    
	-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;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    width: 30%;
}
aside .heading2 {
    margin-bottom: 20px;
}
/* WooCommerce Recent Review */
.widget_recent_reviews > ul {
    float: left;
    width: 100%;
	margin-top:-10px;
}
.widget.widget_recent_reviews > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.widget_recent_reviews > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget.widget_recent_reviews > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.widget_recent_reviews > ul > li .star-rating {
    float: left;
    height: 20px;
    margin-right: 10px;
}
.widget.widget_recent_reviews > ul > li .reviewer {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
}

/* WooCoomerce Top rated products */
.widget.widget_top_rated_products > ul {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.widget_top_rated_products > ul > li .star-rating {
    float: left;
    height: 20px;
    margin-right: 10px;
}
.widget.widget_top_rated_products > ul > li .reviewer {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
}
  
/* Portfolio SIngle */
.portfolio-single {
    float: left;
    width: 100%;
}
.portfolio-single-tab {
    float: left;
    width: 100%;
}
.portfolio-single-tab .tab-content {
    float: left;
    width: 100%;
}
.portfolio-single-tab .tab-content .portfolio-info {
    float: left;
    position: relative;
    width: 100%;
}

.responsive-header > ul li a i {
    margin-right: 20px;
}
.portfolio-single-tab .tab-content .portfolio-info img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-single-tab .tab-content .portfolio-info h3 {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
}
.portfolio-single-tab .tab-content .portfolio-info h3 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 23px;
    line-height: 29px;
    overflow: hidden;
    padding: 9px 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-tabs-btn {
    float: left;
    width: 100%;
}
.portfolio-tabs-btn > .row {
    margin: 0 -15px;
}
.portfolio-tabs-btn > .row > ul {
    border: medium none;
    float: left;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li a {
    border: medium none !important;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 30px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li a img {
    float: left;
    height: auto;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li {
    float: left;
    margin: 0;
    padding: 0 15px;
}
.portfolio-tabs-btn > .row > ul > li a:after {
    color: #fff;
    content: "ï? ";
    font-family: fontawesome;
    font-size: 20px;
    margin-top: -14px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
	-o-transform: scale(2);
    transform: scale(2);

	-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;
	
    width: 100%;
    z-index: 99;
}
.portfolio-tabs-btn > .row > ul > li a:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
	
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);

	-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;
	
    width: 100%;
    z-index: 9;
}
.portfolio-tabs-btn > .row > ul > li.active a:before {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-tabs-btn > .row > ul > li.active a:after {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.portfolio-tags {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 20px 0;
    width: 100%;
}
.portfolio-tags > li {
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-right: 20px;
}
.portfolio-tags > li > strong {
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
}
.portfolio-single > p {
    color: #777;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.portfolio-single .single-project-sec {
    margin-top: 28px;
}
footer.no-widgets {
    padding: 0;
    border: none;
}
footer.no-widgets .footer-sec {
margin-top:0;
}


/* Law Slide 1 */
.law-btns > li {
    float: left;
    margin: 0 10px !important;
}


/* Law Slide 2 */
.law-btns2 > li{
	float: left;
    margin-right: 15px !important;
}

/* Seo Slide */
.law-btn-list:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    left: 14px;
    margin-top: -7px;
    opacity: 0.8;
}


/* Company Service Tabs */
.service-features {
    float: left;
    width: 100%;
}
.service-features > .nav {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
}
.service-features > .nav > li {
    float: left;
    margin: 0;
    margin-right: 10px;
}
.service-features > .nav > li > a {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: normal;
    color: #888;
    background: #f9f9f9;
    padding: 15px 20px;
    border: 1px solid #f9f9f9;
    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	

	-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;
	
}
.service-features > .nav > li > a:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;

	-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;
	
    width: 0;
}
.service-features > .nav > li.active > a:before {
    left: 50%;
    margin-left: -40px;
    width: 80px;
}

.service-features > .nav > li > a:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    border-top: 6px solid ;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 50%;
    margin-left: -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;

    opacity: 0;
}
.service-features > .nav > li.active > a:after {
    opacity: 1;
}
.service-features > .nav > li > a > i {
    margin-right: 10px;
}
.service-features > .nav > li.active > a {
    background: #fff;
    border: 1px solid #e0e0e0;
}
.compnay-service-sec {
    float: left;
    width: 100%;
}
.compnay-service-sec img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.compnay-service-sec h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0;
    width: 100%;
    margin-top: 15px;
}
.compnay-service-sec a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    line-height: 12px;
    letter-spacing: 0.30px;
    padding: 14px 50px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.compnay-service-sec p {
    color: #888888;
    float: left;
    font-family: Noto Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}


/* Business Header Style 3 */
.business1.style3 .business1-menu > ul > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
	
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    padding: 3px 20px;
    border: 1px solid rgba(255,255,255,0);
    border-right-color: #e8ecec;
}
.business1.style3 .business1-menu > ul > li:last-child > a {
    padding-right: 0;
    border: none;
}
.business1.style3 .business1-menu > ul > li.menu-item-has-children > a {
    padding-right: 35px;
    position: relative;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a{
	position:relative;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a:before {
    top: 50% !important;
    margin-top: -8px;
	
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.business1.style3 .business1-menu > ul > li.menu-item-has-children:hover > a:after, 
.business1-menu > ul > li > ul > li.menu-item-has-children:hover > a:after{
    color:#fff;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a:after {
    color: #c1c1c1;
    content: "ï„…";
    display: block !important;
    font-family: fontawesome;
    font-size: 14px;
    margin-top: -9px;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 99999;
}
.business1.style3 .business1-menu > ul > li.mega > ul {
    left: 50% !important;
    margin-left: -200px !important;
}
.business1.style3 .business1-menu > ul > li > a > i {
    display: block;
    float: right;
    margin-left: 10px;

	-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;

}
.business1.style3 #menu-sec {
    height: auto;
}
.business1.style3 .logo {
    margin: 17px 0;
}
.business1.style3 {
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	
    position: fixed;
}
.business1.style3 #menu-sec.sticky .logo {
    margin: 7px 0;
}
.select2-container {
    float: left;
    width: 100%;
}
.woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before {
    top: 15px;
}

/* Pie Wrapper */
#our-Skill-sec > ul {
    display: table;
    float: none;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: auto;
}
#our-Skill-sec > ul > li {
    float: left;
    margin-top: 30px;
}
.circliful {
    position: relative; 
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    color: #484848;
    display: inline-block;
    font-family: lato;
    font-weight: bold;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9;
    line-height: 161px !important;
    float: left;
}
.circliful:before {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 108px;
    left: 36px;
    position: absolute;
    top: 36px;
    width: 108px;
}
.circliful:after {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 140px;
    height: 140px;
    content: "";
    background: rgba(255,255,255,0.3);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.circle-info, .circle-info-half {
    color: #888;
    font-size: 13px;
    font-weight: normal;
    top: 25px;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}

/* Mockup parallax */
.mockup-parallax {
    float: left;
    width: 100%;
}





.wpb_toggle.wpb_toggle_title_active {
    color: #fff !important;
}
.vc_inner img {
    float: left;
    width: 100%;
}
.vc_inner img.loader {
    width: auto;
    float: none;
}
.page .wpb_toggle {
    background: none repeat scroll 0 0 #ffffff ;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: Roboto;
    font-size: 15px;
    padding: 13px 20px;
    width: 100%;
	
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
}
.wpb_alert {
    float: left;
    width: 100%;
}
.wpb_toggle_content {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.wpb_gallery_slides img {
    float: left !important;
    width: 100% !important;
}
.wpb_flexslider .prettyphoto {
    float: left;
    width: 100%;
}
.wpb_tour_tabs_wrapper.ui-tabs {
    float: left;
    width: 100%;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul {
    float: left;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li > a {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
    -ms-border-radius: 3px 3px 0 0 !important;
    -o-border-radius: 3px 3px 0 0 !important;
    border-radius: 3px 3px 0 0 !important;
	
    color: #333;
    font-family: Roboto;
    letter-spacing: 0.3px;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li.ui-tabs-active > a {
    background: none repeat scroll 0 0 #cacaca;
    color: #fff;
}
.wpb_tab.ui-tabs-panel.wpb_ui-tabs-hide.vc_clearfix.ui-widget-content.ui-corner-bottom {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 0 3px 3px;
    -moz-border-radius: 0 3px 3px;
    -ms-border-radius: 0 3px 3px;
    -o-border-radius: 0 3px 3px;
    border-radius: 0 3px 3px;
	
    float: left;
    padding: 20px 30px;
}
.wpb_accordion_section.group {
    border: 1px solid #e8ecec;
    float: left;
    margin-bottom: -1px;
    width: 100%;
}
.page .wpb_accordion_section.group > .ui-accordion-header {
    background: none repeat scroll 0 0 #ffffff;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #333333;
    float: left;
    font-family: Roboto Condensed;
    font-size: 15px;
    letter-spacing: 0.3px;
    width: 100%;
	
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.wpb_accordion_section.group > .ui-accordion-header a{
	color:#333333;
}
.wpb_accordion_section.group > .ui-accordion-header.ui-state-active a {
    color: #fff;
}
.vc-carousel-inner .post-title, .post-title {
    float: left;
    font-family: open sans;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vc-carousel-inner .post-title a,.post-title a{
    color: #444;
    font-size: 18px;
}
.vc_carousel .vc-carousel-control .icon-prev, .vc_carousel .vc-carousel-control .icon-next {
    background-color: transparent!important;
}
.entry-content {
    color: #777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    width: 100%;
}
.vc-inner a.vc_read_more,a.vc_read_more {
    background: none repeat scroll 0 0 #f3f3f3;
    float: left;
    font-family: open sans;
    font-size: 12px;
    padding: 8px 17px;
    line-height: 20px;
    width: auto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


.vc_span3 {
    float: left;
    width: 25%;
}
.vc_span2 {
    float: left;
    width: 16.6667%;
}
.vc_span4 {
    float: left;
    width: 33.334%;
}
.vc_span6 {
    float: left;
    width: 50%;
}
.vc_span12 {
    float: left;
    width: 100%;
}
.post-thumb, .post-thumb a, .post-thumb a img {
    float: left;
    width: 100%;
}
.post-thumb a img{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.isotope-inner {
    padding: 0 15px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.categories_filter li {
    margin-bottom: 0 !important;
}
.categories_filter li a {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #cfcfcf !important;
    float: left;
    line-height: 30px;
    padding: 0 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.categories_filter li.active a {
    background: none repeat scroll 0 0 #bfbfbf;
    color: #fbfbfb;
}
.wpb_thumbnails.wpb_thumbnails-fluid.vc_clearfix {
    float: left;
    width: 100%;
    padding: 0;
}
.wpb_call_text {
    font-family: Roboto;
}
.vc_cta_btn_pos_right {
    float: left;
    width: 100%;
}
.wpb_heading {
    font-family: Roboto;
}
.ui-accordion-content {
    float: left;
    width: 100%;
}


figure.rsCapt {
    bottom: 30px;
    height: auto !important;
    left: 0;
    padding-bottom: 50px;
    position: absolute !important;
    text-align: center;
    top: auto;
    width: 100%;
}
.rsTitle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #fff;
    display: table;
    float: none;
    font-family: Roboto;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 5px;
    margin: 0 auto;
    padding: 12px 30px;
    position: relative;
    z-index: 0;
}
.rsTitle:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}
.rsDesc {
    color: #fff;
    font-family: Roboto;
    font-size: 100px;
    font-weight: bold;
    line-height: 80px;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
.assistive-text {
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    width: 100%;
}
.rsCLink {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: table;
    float: none;
    font-family: lato;
    font-size: 20px;
    margin: 30px auto 0;
    padding: 10px 30px;
}



/* Fancy Services */
.fancy-parallax-box {
    float: left;
    position: relative;
    width: 18%;
	
	-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;
	
	height:600px;
	overflow:hidden;
}
.fancy-parallax-box.active {
    width: 46%;
	
	-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;
}
.vertical-title {
    color: #fff;
    float: left;
    font-family: lato;
    font-weight: 600;
    height: 43px;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-right: -70px;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	
    width: 385px;
    z-index: 99;
	
	-webkit-transition:all 0.9s ease 0s;
	-moz-transition:all 0.9s ease 0s;
	-ms-transition:all 0.9s ease 0s;
	-o-transition:all 0.9s ease 0s;
	transition:all 0.9s ease 0s;
}
.fancy-parallax-box.active .vertical-title {
    opacity: 0.5;
    right: -30%;
}
.fancy-parallax-box.active .fancy-box-info {
    opacity: 1;
    top: 50%;
}
.fancy-box-info {
    float: left;
    opacity: 0;
    padding: 150px 77px 150px 65px;
    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;
	
    width: 100%;
    z-index: 99;
}
.fancy-box-info > a {
    border: 1px solid #fff;
    color: #ffffff;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-top: 30px;
    padding: 10px 20px;
}
.fancy-box-info > h2 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.fancy-box-info > h2:before {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}
.fancy-box-info > p {
    color: #c9c9c9;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0;
    width: 100%;
}


/* SEO Services */
.seo-services {
    float: left;
    list-style: outside none none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.seo-services > li {
    float: left;
    list-style: outside none none;
    margin-top: 10px;
    width: 100%;
}
.seo-services > li > a {
    float: left;
    width: 100%;
}
.seo-services > li >  img {
    float: left;
    width: 100%;
}
.seo-slide {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 99;
}
.seo-slide  li {
    float: left;
    list-style: outside none none;
    position: relative;
    width: 100%;
}
.seo-slide > li > img {
    float: left;
    width: 100%;
}
.seo-slide-desc {
    bottom: 0;
    padding-bottom: 40px;
    padding-right: 40px;
    position: absolute;
    right: 0;
}
.seo-slide-desc > h4 {
    color: #23112c;
    float: left;
    font-family: Noto Sans;
    font-size: 50px;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: right;
    width: 100%;
}
.seo-slide-desc h5 span {
    color: #23112c;
    float: right;
    font-family: Noto Sans;
    font-size: 50px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 90px;
    margin: 0 0 0 10px;
    text-align: right;
}
.seo-slide-desc > span {
    color: #23112c;
    float: left;
    font-size: 70px;
    font-weight: bold;
    line-height: 60px;
    text-align: right;
    width: 100%;
}
.seo-slide-desc > span > i {
    float: right;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    line-height: 28px;
    margin-left: 10px;
    text-align: left;
	color:#80c25c;
}
.seo-slide-desc h5 {
    float: left;
    font-family: Noto Sans;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: right;
    width: 100%;
	color: #23112c;
}


/* SEO Service Slide */
.seo-service-sec {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.mob-mockup {
    float: left;
    text-align: center;
    width: 100%;
}
.seo-list-service {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.seo-list-service > h3 > i {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 38px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 42px;
}
.seo-list-service > h3 {
    color: #1f1f1f;
    float: left;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 12px;
    padding-left: 62px;
    position: relative;
    width: 100%;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.seo-list-service > p {
    color: #777777;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -5px 0 0;
    width: 100%;
}
.mob-mockup > img {
    display: table;
    float: none;
    margin: 0 auto;
}


/* Fancy Price Table */
.fancy-price {
    border: 1px solid #dfdfdf;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 175px;
    position: relative;
    width: 100%;
	margin-top:30px;
}
.fancy-price-rate > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    font-family: Roboto condensed;
    font-size: 30px;
    font-weight: bold;
    height: 100px;
    left: 38px;
    line-height: 100px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100px;
    z-index: 0;
}
.fancy-price-rate > span > i {
    font-size: 14px;
    font-style: normal;
}
.fancy-price-rate > span:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 100px;
    left: 0;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 100px;
    z-index: -1;
}
.fancy-price-rate {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.fancy-price-head {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    float: left;
    padding: 25px 25px 20px;
    position: relative;
    width: 100%;
}
.fancy-price-head > h3 {
    float: left;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 11px;
    padding-bottom: 6px;
    position: relative;
    width: 100%;
}
.fancy-price-head > h3:before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 45px;
}
.fancy-price-head > span {
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 9px;
}
.fancy-price-features {
    background: none repeat scroll 0 0 #fafafa;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    color: #525252;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 8px 0 8px 25px;
    position: relative;
    width: 100%;
}
.fancy-price-btn {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #dfdfdf;
    float: left;
    padding: 30px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.fancy-price-btn > a {
    color: #fff;
    display: table;
    float: none;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 20px;
}

.widget .fullwidthbanner-container {
    overflow: hidden;
    float: left;
}
.toogle-cart-box .variation {
    color: #fff;
    display: inline;
    float: none;
}
.toogle-cart-box .variation .variation-Color {
    color: #fff;
    float: left;
    margin-right: 5px;
    margin-top: -1px;
}
.toogle-cart-box .variation .variation-Color p {
    color: #fff;
    line-height: 24px;
    margin: 0 10px 0 0;
}
/* Header Fancy */
.fancy-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    z-index: 999999999999;
}
.fancy-header > .container {
    padding: 0;
}
.fancy-header .logo {
    float: left;
    margin-top: 35px;
}
.fancy-header .logo a {
    float: left;
}
.fancy-header.sticky .logo a img {
    width: 130px;

    -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;
}
.fancy-header nav {
    float: right;
}
.fancy-header nav > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.fancy-header nav ul {
    list-style: none;
}
.fancy-header nav > ul > li {
    float: left;
    position: relative;
}
.fancy-header nav > ul > li > a {
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 54px 30px 54px;
    text-transform: uppercase;
    
    -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;

    position: relative;
}
.fancy-header nav > ul > li > a strong {
    float: left;
    margin-right: 6px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;

    -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;
}
.fancy-header nav > ul > li > a > i {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    
    -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;

    opacity: 0;
}
.fancy-header nav > ul > li:hover > a > i {
    top: 38px;
    opacity: 1;
}
.fancy-header nav > ul > li:hover > a {
    padding-bottom: 37px;
    padding-top: 71px;
}
.fancy-header nav > ul > li > a:before {
    position: absolute;
    left: 14px;
    bottom: 54px;
    content: "+";
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;
    color: #fff;

    -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;
}
.fancy-header nav > ul > li:hover > a:before {
    bottom: 20px;
    opacity: 0;
}
.fancy-header nav > ul > li > ul {
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 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;
    
    width: 220px;
    
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    opacity: 0;
}
.fancy-header a {
    -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;
}
.fancy-header nav > ul > li:hover > ul {
    opacity: 1;
    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

}
.fancy-header nav > ul > li > ul > li {
    float: left;
    width: 100%;
    position: relative;
}
.fancy-header nav > ul > li.mega > ul > li {
    width: 50% !important;
}
.fancy-header nav > ul > li.mega > ul > li ul > li {
    width: 100% !important;
}
.fancy-header nav > ul > li.mega > ul > li ul {
    width: 100% !important;
    z-index: 99;
}
.fancy-header nav > ul > li > ul > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #f3f3f3;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 25px;
    width: 100%;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #191919;
}
.fancy-header nav > ul > li > ul > li > a > i {
    float: left;
    margin-right: 10px;
}
.fancy-header nav > ul > li > ul > li:last-child > a {
    border-bottom: none;
}
.fancy-header nav > ul > li > ul > li:last-child > a {
    border-bottom: medium none;

    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}
.fancy-header nav > ul > li > ul > li ul {
    left: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 220px;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    display: none;
}
.fancy-header nav > ul > li > ul > li ul > li {
    float: left;
    width: 100%;
}
.fancy-header nav > ul > li > ul > li ul > li a {
    background: rgba(32,32,32,0.7);
    color: #f3f3f3;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 25px;
    width: 100%;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #191919;
}
.fancy-header nav > ul > li > ul > li:hover ul {
    display: block;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.fancy-header nav > ul > li > ul > li ul > li > a i {
    float: left;
    margin-right: 10px;
}
.fancy-header nav > ul > li > ul > li ul > li:first-child a {
    border-top: none;
}
.fancy-header nav > ul > li > ul > li ul > li:hover a {
    padding-left: 20px;
}
.fancy-header nav > ul > li > ul > li ul > li:last-child a {
    border-bottom: navy;
}
.fancy-header nav > ul > li > ul > li:hover > a {
    background: rgba(32,32,32,0.7);
}
/* Whitish */
.fancy-header.whitish {
    background: rgba(255,255,255,0.96);
}
.whitish.fancy-header nav > ul > li > ul > li > a {
    background-color: rgba(255,255,255,0.9);
    color: #353535;
    border-bottom-color: #ffffff;
    border-top-color: #e4e4e4;
}
.whitish.fancy-header nav > ul > li > ul > li ul > li a {
    background-color: rgba(225, 225, 225, 0.95);
    color: #555555;
    border-top-color: #f3f3f3;
    border-bottom-color: #c0c0c0;
}
.fancy-header.whitish nav > ul > li > a,
.fancy-header.sticky nav > ul > li > a {
    color: #555555;
}
.fancy-header.whitish nav > ul > li > a:before,
.fancy-header.sticky nav > ul > li > a:before {
    color: #757575;
}
.fancy-header.whitish nav > ul > li:hover > a,
.fancy-header.sticky nav > ul > li:hover > a {
    color: #fff;
}
.fancy-header.blackish {
    background: rgba(0,0,0,0.3);
}
.fancy-header:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255,255,255,0.96);
    z-index: -1;

    -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;
}
.fancy-header.sticky:before {
    left: 0;
}
.fancy-header.sticky .logo {
    margin-top: 15px;
}
.fancy-header.sticky nav > ul > li > a {
    padding-bottom: 32px;
    padding-top: 29px;
}
.fancy-header.sticky nav > ul > li > a:before {
    bottom: 33px;
}
.fancy-header.sticky nav > ul > li > a > i {
    display: none;
}
.fancy-header.sticky nav > ul > li:hover > a {
    padding-bottom: 32px;
}
.fancy-header.sticky .logo a img {
    width: 130px;
}
.fancy-header.blackish:before {
    background: rgba(0,0,0,0.6);
}
.fancy-header.sticky.blackish nav > ul > li > a {
    color: #ffffff;
}
.fancy-header.sticky.blackish nav > ul > li > a:before {
    color: #fafafa;
}
/* tabs Swip */
.arrow-left {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #505050;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    border-right: 1px solid #bfbfbf;
    z-index: 99999;
}
.arrow-right {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #505050;
    height: 30px;
    right: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    z-index: 99999;
}
.swiper-container {
    height: 515px;
    width: 100%;
}
.fancy-swipe {
    float: left;
    width: 100%;
}
.swiper-wrapper {
    border: medium none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.swiper-wrapper > li {
    margin: 0;
}
.swiper-wrapper > li a {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none !important;
}
.swiper-wrapper > li a img {
    float: left;
    width: 100%;
}
.fancy-tab-content {
    float: left;
    width: 100%;
}
.fancy-tab-content img {
    float: left;
    width: 100%;
}
/* Mega Menu */
.mega-menu.dark:before {
    z-index: -1;
    background: rgba(0,0,0,0.94);
}
.mega-menu.dark .drop-menu {
    border-bottom: 1px solid #2f2f2f;
}
.mega-menu.dark .drop-menu li a {
    border-bottom: 1px solid #000000 !important;
    color: #8e8e8e;
    border-top: 1px solid #2f2f2f;
}
.mega-menu.dark .drop-menu > h3:before {
    background: #2d2d2d;
}
.mega-menu.dark .drop-menu li:first-child a {
    border: medium none;
}
.mega-menu.dark .drop-menu > h3 {
    color: #ffffff;
}
.drop-menu ul {
    float: left;
    list-style: outside none none;
    padding: 0;
    width: 100%;
}
.mega-menu.dark {
    background-color: transparent;
}
.mega-menu.dark .about-2 > h3 {
    color: #ffffff;
}

.mega-menu.dark .about-2 > a {
    color: #fafafa;
    border-color: #fafafa;
}
.mega-menu {
    background-color: #fcfcfc;
    left: 0;
    padding: 70px 140px 50px 170px;
    position: fixed;
    width: 100%;
    display: none;
    z-index: 0;
    
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
}
header nav > ul > li:hover .mega-menu,
.business1 .business1-menu > ul > li:hover .mega-menu{
    display: block;
}
.mega-menu.style1 {
    background-image: url("../images/resource/mega1.png"), url("../images/resource/e.png");
    background-position: left top, right top;
    background-repeat: no-repeat;
}
.mega-menu.style2 {
    background-image: url("../images/resource/im.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 150px;
}
.mega-menu.style3.right {
    left: 0;
    margin: 0;
    right: auto;
}
.mega-menu.style3 {
    left: 50%;
    margin-left: -475px;
    margin-top: -3px;
    padding: 70px;
    position: absolute;
    top: 100% !important;
    width: 870px;
}
.mega-menu.style3.left {
    left: auto;
    margin: 0;
    right: 0;
}
.mega-menu.style3 {
    background-image: url("../images/resource/tera.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.about-2 {
    float: left;
    width: 100%;
}
.about-2 > h3 {
    color: #0e0e0e;
    float: left;
    font-family: Roboto Condensed;
    font-size: 35px;
    font-weight: 900;
    margin: 0 0 15px;
}
.about-2 p {
    color: #595959;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
    width: 100%;
}
.about-2 > a {
    border: 1px solid #666666;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    color: #0e0e0e;
    float: left;
    font-family: Roboto;
    padding: 7px 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;
}
.about-2 > a:hover{
    color: #fff;
}
.drop-menu {
    float: left;
    width: 100%;
}
.drop-menu > h3 {
    color: #0e0e0e;
    float: left;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}
.drop-menu > h3:before {
    background: none repeat scroll 0 0 #0e0e0e;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.drop-menu > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.drop-menu li a {
    border-bottom: 1px solid #efefef;
    color: #595959;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 9px 0;
    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;

    width: 100%;
}
.drop-menu li a:before {
    content: "\f061";
    font-family: fontawesome;
    font-size: 8px;
    left: 0;
    margin-top: -5px;
    opacity: 0;
    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;

}
.drop-menu li a:hover {
    padding-left: 15px;
}
.drop-menu li a:hover:before {
    opacity: 1;
}
.menu-slides > h3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    
    color: #666666;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 12px 30px;
    text-transform: uppercase;
}
.menu-slides {
    float: left;
    width: 100%;
}
.menu-slides > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-slides > ul li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.menu-slides > ul li > img {
    float: left;
    width: 100%;
}
.menu-slide-desc {
    background: none repeat scroll 0 0 rgba(56, 56, 56, 0.9);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
}
.menu-slide-desc > h3 {
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    width: 100%;
}
.menu-slide-desc > p {
    color: #F1F1F1;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}
.pop {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.pop > .alert {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    left: 50%;
    margin-left: -200px;
    margin-top: -60px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 400px;
    z-index: 2147483647;
}

/* Info Block */

.info-block {
    float: left;
    width: 100%;
    background: #f6f6f6;
    text-align: center;
    overflow: hidden;
}
.info-block ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.info-block ul > li {
    float: left;
    padding: 40px 0;
    position: relative;
    z-index: 0;
}
.info-block .container {
    padding: 0;
}
.info-block ul > li:nth-child(3n+2) {
    background: #fff;
}
.info-block ul > li:nth-child(3n+2):before {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 560px;
    left: 0;
    position: absolute;
    top: -120px;
    
    -webkit-transform: rotate(-19deg);
    -moz-transform: rotate(-19deg);
    -ms-transform: rotate(-19deg);
    -o-transform: rotate(-19deg);
    transform: rotate(-19deg);
    
    width: 450px;
    z-index: -1;
}
.info-block ul > li i {
    float: left;
    font-size: 40px;
    margin-bottom: 10px;
    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;
}
.info-block ul > li span {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 17px;
    font-weight: normal;
    color: #000000;
    letter-spacing: 0.30px;
}
.info-block ul > li h5 {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 25px;
    font-size: 25px;
    font-weight: 900;
}
.info-block ul > li:hover i {
    color: #333333;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/* Responsive Header */
.responsive-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    
    -webkit-border-radius: 0 0 3px;
    -moz-border-radius: 0 0 3px;
    -ms-border-radius: 0 0 3px;
    -o-border-radius: 0 0 3px;
    border-radius: 0 0 3px;

    display: none;
    float: left;
    left: 0;
    margin: 0;
    padding-bottom: 20px;
    position: static;
    top: 0;
    width: 100%;
    z-index: 100000;
}
.responsive-logo {
    display: table;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.responsive-logo a {
    float: left;
    width: 100%;
    color: #7F7F7F;
}
.responsive-logo a img {
    float: left;
    height: auto;
}
.responsive-logo a h1 {
    float: left;
    font-family: open sans;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 20px;
}
.responsive-header > span {
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 19px;
    margin-left: 10%;
    padding: 8px 10px;
    text-align: center;
    width: 80%;
}
.responsive-header > ul {
    background: none repeat scroll 0 0 #fafafa;
    border-top: 1px solid #f7f7f7;
    float: left;
    margin-left: 10%;
    padding: 10px;
    display: none;
    position: relative;
    width: 80%;

    -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;
}
.responsive-header > ul li {
    float: left;
    width: 100%;
}
.responsive-header > ul li a {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f7f7f7;
    color: #919191;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 12px;
    overflow: hidden;
    padding: 15px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.responsive-header > ul li:first-child > a{
    border-top: 0;
}
.responsive-header > ul li:last-child > a{
    border-bottom: 0;
}
.business1.style3 .business1-menu > ul > li.mega > ul:before {
    left: 50%;
}
.responsive-header > ul ul {
    padding-left: 20px;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    width: 100% !important;
    display: none;    
}
.business1-menu > ul > li > ul > li > ul > li:hover a {
    background: none repeat scroll 0 0 #e4e4e4 !important;
    padding-left: 32px;
}
.responsive-header .responsive-cart {
    float: left;
    text-align: center;
    width: 100%;
}
.responsive-header .responsive-cart .cart-header-btns {
    display: table;
    float: none;
    margin: 0 auto;
}
.responsive-header .responsive-cart .cart-header-btns li a {
    color: #333333;
}
.responsive-header ul {
    list-style: outside none none;
}
.main-slider {
    float: left;
    width: 100%;
}
#wpadminbar{
    z-index: 999999999999999;
}
.wpb_layerslider_element.wpb_content_element {
    margin: 0;
}
.post-desc > p img {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}
.post-desc > ul, .post-desc > ol {
    color: #555555;
    float: left;
    font-family: roboto;
    padding: 0;
    width: 100%;
}
.parallax-sub-heading {
    margin-bottom: 20px !important;
}









.construction-services {
    float: left;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
.col-md-3 .construction-services i {
    width: 60px;
    height: 60px;
    font-size: 23px;
    line-height: 60px;
    margin-top: -60px;
}
.construction-services span {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
}
.construction-services:hover span img {
    opacity: 0.5;
}
.construction-services span img {
    float: left;
    
    -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;

    width: 100%;
}
.construction-services i {
    width: 80px;
    height: 80px;
    font-size: 36px;
    background: #fff;
    position: relative;
    border-radius: 50%;
    z-index: 9;
    line-height: 80px;
    margin-top: -70px;
    top: 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;
}
.construction-services:hover i {
    background: none repeat scroll 0 0 #eeeeee;
    color: #3f3f3f;
    top: -17px;

    -webkit-box-shadow: 0px 62px 0px #fff inset;
    -moz-box-shadow: 0px 62px 0px #fff inset;
    -ms-box-shadow: 0px 62px 0px #fff inset;
    -o-box-shadow: 0px 62px 0px #fff inset;
    box-shadow: 0px 62px 0px #fff inset;
}
.construction-services > p {
    float: left;
    font-family: roboto;
    width: 100%;
    font-size: 14px;
    line-height: 27px;
    margin: 0;
    margin-top: -9px;
}
.construction-services > h3 a {
    color: #444444;
}
.construction-services > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Roboto;
    font-size: 20px;
    letter-spacing: 0.30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 27px;
    margin-top: -5px;
    margin-bottom: 20px;
}

.owl-carousel {
    float: left;
    width: 100%;
}
#related-project .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 10px;
    top: 39px;
}
.portfolio-sec {
    float: left;
    width: 100%;
}
.mockup-parallax .image-bottom {
    bottom: 0;
    margin: 0;
}
.w-news-letter form > input[type="email"] {
    text-transform: inherit;
}
.white .parallax-sub-heading > i {
    color: #555555;
}
.white .parallax-features > ul > li > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border: 1px solid #cccccc;
    color: #555555;
}
.form-builder label > i {
    color: #5f5f5f;
    font-size: 13px;
    margin-right: 8px;
}
.form-builder label {
    float: left;
    font-family: Roboto;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    width: 100%;
}
.white.parallax h3 {
    color: #404040 !important;
}
.white.parallax .team > h3 > a {
    color: #555555;
}
.contact-sec .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-single-tab h2 {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 10px;
    width: 100%;
}
.comment-reply-title {
    color: #555;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-bottom: 19px !important;
    width: 100%;
}
.cart-single-tab .comment-form > p {
    float: left;
    padding: 0;
    width: 100%;
}
.cart-single-tab .comment-form {
    float: left;
    width: 100%;
}
.cart-single-tab .comment-form > p label {
    padding: 7px 0;
}
.cart-single-tab .comment-form > p input, .cart-single-tab .comment-form > p textarea {
    border: medium none;
    border-radius: 3px;
    display: inline-flex;
    float: left;
    font-family: Roboto;
    margin-right: 30px;
    padding: 8px 20px;
}
.cart-single-tab .comment-form > p textarea {
    min-height: 150px;
}
.login label.inline {
    float: left;
    width: 100%;
}
form .input-text {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    border-radius: 3px;
    float: left;
    padding: 13px 20px;
    width: 100%;
}

.business1.style2 .for-sticky.sticky .container > .log-in-sec > a {
    margin: 24px 0 !important;
}

.business1.sticky.for-sticky.sticky .business1-top {
    margin-top: -90px;
}
.business1.sticky.for-sticky.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.submission-form.in-slider > form > div > div {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.submission-form.in-slider > form .error_message {
    float: left;
    height: auto;
    width: 100%;
}
.message > div#success_page > h1 {
    padding-left: 30px;
}
.message > div {
    float: left;
    margin-bottom: 30px;
    padding: 10px 30px;
    width: 100%;
}
.business1.style1.sticky .log-in-sec > a {
    margin: 34px 0;
}
.message {
    float: left;
    width: 100%;
}
.screen-reader-text {}

/**Changes**/
.cart-product-desc .c-input-number.quantity .input-text {    
    background: #fafafa none repeat scroll 0 0;    
    border: 1px solid #c8bfc6;    
    border-radius: 2px;    
    box-shadow: 0 0 2px 0 #f7f6f7 inset;    
    float: left;    
    font-weight: 700;    
    height: 28px;    
    width: 40px !important;    
    padding: 0;
}
.cart-product-desc .c-input-number.quantity .userincr-btn-dec 
{    
    bottom: 0;    
    position: absolute;
}
.cart-product-desc .c-input-number.quantity > span 
{    
    float: left;    
    position: relative;    
    width: 100%;
}
.cart-product-desc .c-input-number.quantity .userincr-btn-inc,.userincr-btn-dec 
{    
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0;    
    border: 1px solid #c8bfc6;    
    border-radius: 2px;    
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);    
    color: #5e5e5e;    
    float: right;    
    font-size: 12px;    
    height: 15px;    
    line-height: 0;   
    padding: 0;    
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);    
    width: 20px;
}
form.cart button {    
    background: #333 none repeat scroll 0 0 !important;
}
.single_variation .amount {    
    font-size: 20px;
}
.onsale {    
    z-index: 1;
}
.variations_button .qantity-form {    
    float: left;
}
.business1.for-sticky {
    position: fixed;
}

.form-builder > div > div > input{
    margin-bottom: 19px;
}body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    float: left;
    width: 100%;
}
img{
   height: auto; 
}
p {
    font-size: 13px;
    color: #777777;
    margin: 0;
    line-height: 22px;
}
#topcontrol {
    z-index: 2147483647;
}

/* General Setting */
.block {
    float: left;
    padding: 20px 0;
    position: relative;
    width: 100%;
}
.block.gray {
    background-color: #fcfcfc;
}
.dark-pattern h1,
.dark-pattern h2,
.dark-pattern h3,
.dark-pattern h4,
.dark-pattern h5,
.dark-pattern h6{
	color:#fff !important;
}
body .block.dark-pattern h1 a,
body .block.dark-pattern h2 a,
body .block.dark-pattern h3 a,
body .block.dark-pattern h4 a,
body .block.dark-pattern h5 a,
body .block.dark-pattern h6 a{
	color:#fff ;
}
.dark-pattern p{
	color:#e8ecec !important;
}
.no-padding{
	padding:0;
}
.white:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	
	-webkit-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-ms-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.2) inset;
}
.dark:before {
    background: none repeat scroll 0 0 rgba(38, 48, 56, 0.86);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.fixed-img {
    background-attachment: fixed !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    background-size: cover !important;
}
.remove-gap {
    padding-top: 0;
}
.remove-bottom {
    padding-bottom: 0;
}
.block .container {
    padding: 0;
    position: relative;
    z-index: 99;
}
.jump-to-top {
    display: none;
}
.sec-bg8 {
    background: url("../images/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}

/* Boxed Layout */
.theme-layout.boxed {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-box-shadow: 0 0 10px #000000;
    -moz-box-shadow: 0 0 10px #000000;
    -ms-box-shadow: 0 0 10px #000000;
    -o-box-shadow: 0 0 10px #000000;
    box-shadow: 0 0 10px #000000;

    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1230px;
    z-index: 0;
}
.theme-layout {
    float: inline-block;
    width: 100%;
	background: none repeat scroll 0 0 #FFFFFF;
}
.top-margin {
    margin-top: -30px;
    float: left;
    width: 100%;
}

/* owl Buttons Navigation */
.owl-buttons {
    background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    right: 0;
    top: -35px;
    z-index: 2;
}
.owl-carousel {
    cursor: grab;
}
.owl-buttons > div {
    background-position: 9px 6px;
    background-repeat: no-repeat;
    border: 1px solid #D3D3D3;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 24px;
    margin-bottom: 5px;
    margin-left: 11px;
	
    -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;
	
    width: 27px;
}
.owl-buttons > .owl-prev {
    background-image: url("../images/arrow-prev.png");
}
.owl-buttons > .owl-prev:hover {
    background-image: url("../images/arrow-prev-h.png");
}
.owl-buttons > .owl-next {
    background-image: url("../images/arrow-next.png");
}
.owl-buttons .owl-next:hover {
    background-image: url("../images/arrow-next-h.png");
}
.owl-buttons > div: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);
}


/* Heading 1 */
.heading1 {
    display: table;
    float: none;
    margin: 0 auto 50px;
    padding: 0 130px;
    position: relative;
    width: auto;
}
.heading1:before {
    background-image: url("../images/heading-line.png");
    background-size: cover;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 17px;
    width: 100%;
}
.heading1 > h2 > i {
    font-style: normal;
    font-weight: 100;
}
.heading1 > h2 {
    color: #414141;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-style: normal;
    font-weight: BOLD;
    letter-spacing: 0.5px;
    line-height: 23px;
    margin: 0;
    padding: 0 0 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
.heading1 > h2:after {
    bottom: 0;
    left: 0;
    position: absolute;
    height: 10px;
    width: 10px;
    content: "";
    left: 50%;
    margin-left: -5px;
    margin-bottom: -5px;
	
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.heading1 > h2:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    content: "";
    height: 1px;
    margin-left: -50px;
}

/* Mini Heading */
.mini-heading {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -13px 0 30px;
    width: 100%;
    text-transform: uppercase;
    position: relative;
	color:#666;
}
.mini-heading:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    background: #dfdfdf;
    height: 1px;
    content: "";
}

/* Mini Heading 2 */
.mini-heading2 {
    color: #656565;
    float: left;
    font-family: lato;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}

/* Mini Heading 3 */
.mini-heading3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 24px;

    font-weight: 600;
    margin: 0;
    width: 100%;
    margin-bottom: 30px;
    line-height: 30px;
    margin-top: -5px;
    letter-spacing: 0.30px;
}
.mini-heading3 > i {
    color: #414141;
    font-style: normal;
    font-weight: 900;
}


/* Heading2 */
.heading2 {
    float: left;
    margin-bottom: 42px;
    position: relative;
    width: 100%;
}
.heading2 > h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
}
.heading2:before {
    background: none repeat scroll 0 0 #D3D3D3;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
}
.heading2 > h2 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 0 40px;
    padding: 2px 30px 2px 21px;
    position: relative;
}
.heading2 > h2:before {
    background: none repeat scroll 0 0 #D3D3D3;
    border: 2px solid #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 12px;
    left: -22px;
    position: absolute;
    top: 4px;
    width: 12px;
    z-index: 99999;
}
.heading2:after {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 20px;
}
.heading2 > h2 > i {
    font-style: normal;
}
.heading2 > span {
    display: none;
}



/* Heading 3 */

.heading3 {
    float: left;
    position: relative;
    width: 100%;
	margin-bottom:40px;
}
.heading3 > h2 {
    border-bottom: 3px solid #C6C6C6;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    padding-bottom: 15px;
    padding-right: 25px;
}
.heading3 > h2 i {
    font-style: normal;
    font-weight: 700;
}

.heading3:before {
    background: none repeat scroll 0 0 #C6C6C6;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}


/* Heading4 */
.heading4 {
    border-bottom: 1px solid #DBDBDB;
    display: table;
    float: none;
    margin: 0 auto 46px;
    padding: 0 10%;
    position: relative;
    text-align: center;
}
.heading4 > h2 {
    border-bottom: 3px solid;
    color: #434343;
    display: table;
    float: none;
    font-family: raleway;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.25px;
    line-height: 21px;
    margin: 0 auto -2px;
    padding: 0 8% 18px;
    position: relative;
    text-align: center;
}
.heading4 > h2 i {
    font-style: normal;
    font-weight: 600;
}

.heading4:before {
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: 0;
    content: "";
    height: 16px;
    left: -4px;
    position: absolute;
	
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
	
    width: 1px;
}

.heading4:after {
    background: none repeat scroll 0 0 #DBDBDB;
    bottom: -14px;
    content: "";
    height: 16px;
    position: absolute;
    right: -4px;
	
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
	
    width: 1px;
}

/* Heading 5 */
.heading6 {
    display: table;
    float: none;
    margin: 0 auto 40px;
    position: relative;
}
.heading6 > span {
    color: #939393;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    width: 100%;
}
.heading6 > h2 {
    color: #000;
    display: table;
    float: none;
    font-family: lato;
    font-size: 35px;
    line-height: 25px;
    margin: 0 auto 15px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}
.heading6 > h2:before {
    bottom: -1px;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -22px;
    position: absolute;
    width: 45px;
}
.heading6 > h2:after {
    bottom: -1px;
    content: "";
    height: 6px;
    left: 50%;
    margin-bottom: -2px;
    margin-left: -3px;
    position: absolute;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 6px;
}

/* Parallax Heading */
.parallax-heading {
    color: #fff !important;
    float: left !important;
    font-size: 28px !important;
    font-weight: bold !important;
    letter-spacing: 0.3px !important;
    line-height: 20px !important;
    margin: 0 0 50px !important;
    position: relative;
    text-align: center;
    width: 100%;
}
.parallax-heading > i {
    font-style: normal;
    font-weight: 900;
}

/* Parallax About Law */
.parallax-sub-heading {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}
.parallax-sub-heading > i {
    color: #fff;
    float: left;
    font-size: 24px;
    line-height: 28px;
    margin-right: 20px;
    margin-top: 14px;
}
.parallax-sub-heading > strong {
    font-weight: 900;
}
.parallax-about-law > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.30px;
    line-height: 23px;
    margin-bottom: 23px;
}
.parallax-about-law > a {
    background: none repeat scroll 0 0 #525252;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top: 20px;
	
    color: #fff;
    float: left;
    padding: 13px 16px;
	font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
}

/* parallax Features */
.parallax-features {
    float: left;
    width: 100%;
}
.parallax-features > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.parallax-features > ul > li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.parallax-features > ul > li > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.21);
    border: 1px solid rgba(255, 255, 255, 0.1);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 13px;
    height: 22px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 24px;
}
.parallax-features > ul > li > p {
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: inline;
}


/* Business Header */
header.business1 .for-sticky.sticky {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
	
    left: 0;
    position: fixed;
    top: 0;
	height:auto !important;
	z-index: 2147483647;
}
header.business1 .for-sticky.sticky .logo {
    margin: 16px 0 15px;
}
header.business1 .for-sticky.sticky .logo > a > img {
    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;
}
header.business1 .for-sticky.sticky .business1-menu > ul > li {
    padding: 25px 0;
}
.sticky .log-in-sec > a {
    margin-bottom: 22px;
    margin-right: 50px;
    margin-top: 22px;
}
.sticky .log-in-sec {
    margin-left: 40px;
}

.business2 .for-sticky.sticky {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
	
    height: auto !important;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99999999;
}

#menu-sec {
    background-image: url("../images/header2.png");
    background-size: 100% 100%;
    float: left;
    height:64px;
    width: 100%;
	
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.business1 {
    
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
	
	float:left;
    width: 100%;

    z-index: 2147483623;
    position: relative;
}
.business1 .container {
    padding: 0;
}
header {
    float: left;
    width: 100%;
	z-index:99999999;
}
header .business1 {
    float: left;
    width: 100%;
}
.business1-top-bar > ul {
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    width: auto;
}
.business1-top {
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    float: left;
    width: 100%;
	position: relative;
	background:none repeat scroll 0 0 #FFFFFF;
}

.business1-top-bar {
    float: left;
    position: relative;
    width: 100%;
}
.business1-top-bar > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 5px;
}
.business1-top-bar > ul > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: rgba(0, 0, 0, 0.2);
    float: left;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px;
    color: #6f6f6e;
    background: #f3f3f3;
}
.business1-top-bar > ul > li > a:hover {
    color: #fff;
}
.business1-top-bar > ul > li > a > i {
    border: 1px solid rgba(0, 0, 0, 0.15);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 28px;
    line-height: 26px;
    
	-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;
	
    width: 28px;
}

.business1-top-bar > ul > li > a:hover .fa-facebook {
    background: none repeat scroll 0 0 #3B5998;
	border:1px solid #3B5998;
}
.business1-top-bar > ul > li > a:hover .fa-google-plus {
    background: none repeat scroll 0 0 #dd4b39;
	border:1px solid #dd4b39;
}
.business1-top-bar > ul > li > a:hover .fa-twitter {
    background: none repeat scroll 0 0 #00aced;
	border:1px solid #00aced;
}
.business1-top-bar > ul > li > a:hover .fa-pinterest {
    background: none repeat scroll 0 0 #cb2027;
	border:1px solid #cb2027;
}
.business1-top-bar > ul > li > a:hover .fa-skype {
    background: none repeat scroll 0 0 #007bb6;
	border:1px solid #007bb6;
}
.business1-top-bar > form {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    height: 34px;
    margin-left: 18px;
    margin-top: 6px;
    overflow: hidden;
    position: static;
    width: auto;
    z-index: 98;
    margin-right: 60px;
}
.business1-top-bar > form > a {
    color: #FFFFFF;
    float: right;
    font-size: 13px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    width: 34px;
}
.business1-top-bar > form > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:34px;
}
.business1-top-bar > form > input {
    float: left;
	
    opacity: 0;
	filter:alpha(opacity=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;
	
    width: 0;
    border: medium none;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 0 8px 0px;
    text-transform: uppercase;
	color: #7a7a7a;
}
.business1-top-bar > form:hover input, .business1-top-bar > form input:focus {

    opacity: 1;
	filter:alpha(opacity=100);
	
    width: 264px;
	padding: 8px 0 8px 12px;

}

.business1 .logo {
    float: left;
    margin: 0px 0 22px;
}
.business1-menu {
    float: right;
}
.business1-menu > ul {
    float: left;
    margin: 0;
    padding: 0;
}
.business1-menu > ul > li {
    float: left;
    list-style: none outside none;
    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;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	padding:36px 0;
}
.business1-menu > ul > li > a {
    border: 1px  solid rgba(0, 0, 0, 0);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #555454;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 8px 15px;
    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;
	
	cursor: pointer;
}
.business1-menu > ul > li > a > i {
    display: none;
}
.business1-top-bar > span {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 13px 50px 13px 0;
}
.business1-top-bar > span > i {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
/* Dropdown Menu1 */
.business1-menu > ul > li > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    left: 50%;
    margin: 50px 0 0 -100px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 2px;
    position: absolute;
    top: 100%;
	
    -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;
    -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;
	
    width: 200px;
    z-index: 2147483647;
	
	background: rgba(255,255,255,0.98);
	
    -webkit-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -ms-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    -o-box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
    box-shadow: 0px 8px 5px rgba(0, 0, 0, 0.14);
	
	border: 1px solid;
}
.business1-menu > ul > li:hover > ul {
    margin-top: 0px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.mega > ul {
    left: 0 !important;
    margin-left: 0 !important;
    width: 408px !important;
}
.business1-menu > ul > li > ul.mega:before {
    left: 20px;
}
.mega > ul > li {
    width: 50% !important;
}
.business1-menu > ul > li > ul:before {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    content: "";
    left: 50%;
    margin-left: -2.5px;
    position: absolute;
    top: -4px;
}
.business1-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: -60px;
}
.business1-menu > ul > li:hover > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.business1-menu > ul > li > ul > li:hover > a{
	padding-left:20px;
	color:#fff;
}

.business1-menu > ul > li > ul > li:hover > a > i {
    color: #fff;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    margin-top: 50px !important;
    z-index: 9;
}
.business1-menu > ul > li > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 1px;
    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;
	
    width: 100%;
}
.business1-menu > ul > li > ul > li > a {
    color: #626262;
    float: left;
    font-family: roboto;
    font-size: 13px;
    padding: 10px 25px;
    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;
}
.business1-menu > ul > li > ul > li > a > i {
    color: #404040;
    float: right;
    font-size: 15px;
    margin-top: 3px;
}
.business1-menu > ul > li > ul > li > ul {
    left: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    
    -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;
    -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;

    width: 100%;
    z-index: 999999999;
    padding: 0;
}
.business1-menu > ul > li > ul > li > ul > li {
    float: left;
    list-style: outside none none;
    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;

    width: 100%;
}
.business1-menu > ul > li > ul > li > ul > li a {
    background: #ebebeb !important;
}
.business1-menu > ul > li > ul > li > ul > li > a {
    color: #FAFAFA;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.business1-menu > ul > li > ul > li:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
/* Login Style */
.log-in-sec {
    float: right;
    margin-left: 90px;
    position: relative;
}
.log-in-sec > a {
    border: 0px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 35px 0;
    padding: 8px 10px;
	
	-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;
}
.login-form > form > input {
    margin-bottom: 10px;
}
.login-form  ul > li > p {
    color: #7A7A7A;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin: 0;
    margin-top: 10px;
    padding-left: 2px;
    letter-spacing: 0.30px;
}
.log-in-sec  a  span > i {
    margin-right: 5px;
}
.login-form {
    position: absolute;
    top: 100px;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    background: #fafafa;
    z-index: 99;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
	
    -webkit-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
    box-shadow: 0px 4px 2px rgba(0,0,0,0.14);
	
	display: none;
}
.theme-layout.boxed .login-form {
    left: auto;
    margin: 0;
    right: 0;
}
.theme-layout.boxed .login-form:before {
    left: auto;
    right: 23px;
}
.login-form:before {
    position: absolute;
    left: 50%;
    top: -7px;
    border-bottom: 8px solid #fafafa;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    content: "";
    margin-left: -4px;
}
.login-form  .input-style {
    margin-bottom: 13px;
    font-size: 11px;
    letter-spacing: 0.30px;
}
.login-form > form > a {
    color: #7a7a7a;
    display: table;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.login-form  ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 13px;
}
.login-form ul > li {
    float: left;
    list-style: none outside none;
    width: 10%;
}
.login-form  ul > li:first-child {
    float: left;
    width: 45%;
}

.login-form  ul > li:last-child {
    float: right;
	width: 45%;
}

.login-form  ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form  ul > li > .btn-login {
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 10px;
}
.login-form  ul > li > a.register {
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: right;
}

/* Header Style 2 */
.business1.style2 .business1-top > .container > .business1-top-bar {
    position: relative;
}
.business1.style2 .business1-top > .container > .business1-top-bar:before {
    background: none repeat scroll 0 0 #F5F5F5;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact {
    margin: 0;
    padding: 14px 18px 13px 0;
    position: relative;
    background: #f5f5f5;
    z-index: 9;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before {
    position: absolute;
    right: -12px;
    top: 0;
    border-left: 12px solid #f5f5f5;
    border-top: 44px solid rgba(255,255,255,0);
    border-bottom: 0px solid rgba(255,255,255,0);
    content: "";
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail > i {
    color: #FFFFFF;
    float: right;
    margin-left: 10px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 8px 0;
    padding: 5px 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;
	
    margin-left: -167px;
    padding-left: 40px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail:hover {
    margin-left: -26px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    display: none;
}
.business1.style2 .business1-top > .container > .business1-top-bar > ul{
	display:block;
	margin:0;
}
.business1.style2 .business1-top > .container > .business1-top-bar > form {
    margin-right: 50px;
}
.business1.style2 .business1-menu > ul {
    margin: 0;
}
.business1.style2 .business1-menu > ul > li {
    padding: 0;
}
.business1.style2 .business1-menu > ul > li {
    margin-right: 10px;
    padding: 36px 0;
}
.business1.style2 .business1-menu > ul > li > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin-top: 1px;
    padding: 33px 0 10px;
}
.business1-menu > ul > li > ul > li > ul > li:hover a {
    background: #ebebeb;
}
.business1-menu > ul > li > ul > li > ul > li a {
    background: none repeat scroll 0 0 #ebebeb;
    padding: 10px 20px;
    font-family: Roboto;
    font-size: 13px;
    color: #666666;
}
.business1.style2 .business1-menu > ul > li > ul > li > a,
.business1-menu > ul > li > ul > li > ul > li > a {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding-left: 38px;
    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;
}
.business1.style2 .business1-menu > ul > li > ul > li:hover > a:before {
    background: none repeat scroll 0 0 #ffffff;
}

.business1.style2 .business1-menu > ul > li > ul > li > a:before {
    background: none repeat scroll 0 0 #cacaca;
    content: "";
    height: 6px;
    left: 17px;
    top: 50%;
    width: 6px;
    position: absolute;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    margin-top: -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;
}
.business1.style2 .business1-menu ul:before {
    display: none;
}
.business1.style2 .business1-menu > ul > li > ul > li {
    margin: 0;
    padding: 0;
    width: 100%;
}
.business1.style2 .business1-menu > ul > li.mega > ul > li {
    margin: 0;
    padding: 0;
    width: 50%;
}
.business1.style2 .responsive-menu > ul > li > ul {
    padding: 0;
}
.business1.style2 .responsive-menu > ul > li > ul > li {
    width: 50%;
}
.business1.style2 .business1-menu > ul > li > a {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #F1F1F1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 10px;
}
.business1.style2 .business1-menu > ul > li > a > i {
    margin-right: 10px;
	display: inline;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    color: #fff !important;
}
.business1.style2 #menu-sec {
    background-image: url("../images/header-bg.png");
    background-size: 100% 100%;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a i {
    display: none;
}
.business1.style2 .business1-menu > ul > li:hover > ul {
    margin-top: -3px;
    padding: 0;
    top: 100%;
}
.business1.style2 .business1-menu > ul > li:hover > a {
    border-color: transparent;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    margin: 35px 0;
    padding: 1px;
}

.business1.style2 #menu-sec > .container > .log-in-sec > a > span {
    padding: 8px 10px;
    float: left;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.business1.style2 .business1-menu.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: -9px 0 0;
}
.business1.style2 .business1-menu.responsive-menu > ul > li:hover > ul {
    top: 0;
}
.business1.style2 #menu-sec.sticky > .container > .log-in-sec {
    margin-top: 3px;
}




/* Responsive Menu */
.open-menu {
    display: none;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 300px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-bottom: 10px;
    color: #fff;
    line-height: 18px;
    font-size: 19px;
    padding: 8px 0;
    cursor: pointer;
}
.responsive-menu > ul {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.99);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    width: 100%;
}
.responsive-menu > ul > li {
    float: left;
    width: 100%;
    padding: 0;
}
.responsive-menu > ul > li > a {
    float: left;
    width: 100%;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 12px 10px;
}
.responsive-menu > ul > li > ul {
    position: relative;
    
	-webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    float: left;
    margin: 0;
}
.responsive-menu > ul > li > ul.mega {
    border: medium none;
    width: 100%;
}
.responsive-menu > ul > li > ul:before {
    display: none;
}
.responsive-menu > ul > li > ul.mega > li {
    float: left;
    width: 50%;
    margin: 0;
}
.responsive-menu > ul > li > ul {
    display: none;
	left: 0;
    top: 0;
    width: 100%;
    border: none;
	
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.responsive-menu > ul > li > ul > li:nth-child(2n+2) {
    margin-left: 0;
}
.responsive-menu > ul > li > ul > li > ul {
    display: none;
    float: left;
    margin: 0;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    
	-webkit-transform: scale(1) rotateY(0deg);
    -moz-transform: scale(1) rotateY(0deg);
    -ms-transform: scale(1) rotateY(0deg);
    -o-transform: scale(1) rotateY(0deg);
    transform: scale(1) rotateY(0deg);
	
    width: 100%;
	left:0;
}

header.business1 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
header.business2 .for-sticky.sticky .responsive-menu > ul > li {
    padding: 0;
}
.business2-menu.responsive-menu {
    z-index: 999999;
}
.business2-menu.responsive-menu > ul{
	margin:0;
}
header.business2 .open-menu {
    margin: 15px auto 0;
}




/* Slider */
.tp-banner-container {
    float: left;
    width: 100%;
    position: relative;
}
.slider {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
}
.wpb_revslider_element {
    margin: 0 !important;
}

/* Slide1 */
.slide1-text {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
}
.slide1-text2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
	background:#565656;
}



/* Slide2 */
.slide2-text1 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 18px 30px;
    text-transform: uppercase;
}
.slide2-text1 > i {
    font-family: roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
}
.slide2-text2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
}

.slide2-text2:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.slide2-text3 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: lighter;
    margin: 35px 0 0;
    padding: 17px 30px;
    position: relative;
	z-index:0;
	background:#6e6d6d;
}



/* Slide3 */
.slide3-text1 {
    float: left;
    margin: 0;
    padding: 0;
	width:337px;
}
.slide3-text1 > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.slide3-text1 > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 28px;
    height: 58px;
    line-height: 58px;
    margin-bottom: 30px;
    margin-right: 30px;
    text-align: center;
    width: 66px;
}
.slide3-text1 > li > h3 {
    color: #343333;
    display: block;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin:0;
	margin-bottom:5px;
}
.slide3-text1 li > p {
    color: #404040;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
}



/* Slide4 */
.slide4-text1 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.92);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	
    color: #595959;
    float: left;
    font-family: roboto;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    padding: 15px 20px;
    text-transform: uppercase;
}
.slide4-text2 {
    color: #595959;
    font-family: roboto;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.slide4-text2 > i {
    color: #595959;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    margin-left: -66px;
    margin-top: 5px;
    text-align: right;
}
.slide4-text3 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #4C4B4F;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 40px 0 0;
    padding: 15px 20px;
}
.slide4-text3.dark {
    background: none repeat scroll 0 0 rgba(89, 89, 89, 0.9);
    color: #FFFFFF;
}
.purchase-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF !important;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 26px;
    padding: 10px 15px;
}

/* Slide Social */
.slider-social {
    bottom: -27px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.slider-social > a  > span{
    background: none repeat scroll 0 0 #353638;
    border: 3px solid #FFFFFF;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-size: 22px;
    height: 57px;
    line-height: 50px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 56px;
    z-index: 9999999;
	
	-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;
}
.slider-social > a {
    float: left;
    position: relative;
}
.slider-social > a:before {
    background: none repeat scroll 0 0 #353638;
    content: "";
    height: 1px;
    left: -141px;
    position: absolute;
    top: 30px;
    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;
}
.slider-social > a:after {
    background: none repeat scroll 0 0 #353839;
    bottom: 26px;
    content: "";
    height: 1px;
    position: absolute;
    right: -141px;
    width: 100%;
    z-index: 9;
	
	-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;
}
.slider-social > a.twitter:hover:before, .slider-social > a.twitter:hover:after, .slider-social > a.twitter:hover > span {
    background: #00aced;
	z-index: 9999999;
}
.slider-social > a:hover span {
	z-index: 99999999999 !important;
}
.slider-social > a.facebook:hover:before, .slider-social > a.facebook:hover:after, .slider-social > a.facebook:hover > span {
    background: #3B5998;
	z-index: 9999999;
}

.slider-social > a.google-plus:hover:before, .slider-social > a.google-plus:hover:after, .slider-social > a.google-plus:hover > span {
    background: #dd4b39;
	z-index: 9999999;
}

.slider-social > a.tumblr:hover:before, .slider-social > a.tumblr:hover:after,  .slider-social > a.tumblr:hover > span {
    background: #3f729b;
	z-index: 9999999;
}


/* Get in Touch */
.get-in-touch {
    float: left;
    width: 100%;
}
.get-in-touch #message {
    margin: 0;
}
.get-in-touch #message h1 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 24px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    padding: 0 !important;
    width: 100%;
}
.get-in-touch #message p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    color: #777777;
    letter-spacing: 0.30px;
}
.get-in-touch .input-style {
    margin-bottom: 10px;
}
.get-in-touch > form {
    float: left;
    width: 100%;
    margin-top: 0;
}
.get-in-touch textarea.input-style {
    height: 110px;
}

.get-in-touch .submit {
    float: left;
}
.job-form-sec label > span {
    margin: 0;
}
.job-form-sec input[type="text"], .job-form-sec input[type="email"], .job-form-sec textarea, .input-style {
    border: 1px solid #d8dcdc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 30px;
    padding: 10px 10px 10px 20px;
    width: 100%;
}
.input-style > i {
    float: left;
    font-size: 12px;
    color: #aeadad;
    line-height: 16px;
    margin-right: 15px;
}
.input-style > input, .input-style > textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    width: 90%;
}
.job-form-sec textrea {
    height: 82px;
    width: 100%;
}
.input-style.submit {
    border: medium none;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    margin: 0;
    padding: 0;
}
.input-style.submit > input.submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    padding: 5px 10px;
    width: auto;
}
.submit {
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    margin: 0 auto;
    padding: 5px 20px;
}
textarea.input-style {
    height: 150px;
    padding-top: 15px;
}

/* Twitter Slide */
.twitter-bar-slide {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.twitter-bar-slide li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
	padding-top: 50px;
}
.twitter-bar-slide li:before {
    color: #fff;
    content: "ï‚™";
    font-family: fontawesome;
    font-size: 50px;
    left: 50%;
    margin-left: -15px;
    margin-top: -32px;
    position: absolute;
    top: 35px;
}
.twitter-bar-slide li > h5 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 17px;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.twitter-bar-slide li > h5 i {
    font-style: normal;
    font-size: 10px;
    color: #fff;
    letter-spacing: 0.30px;
}
.twitter-bar-slide li:after {
    background: none repeat scroll 0 0 #42b7e2;
    content: "";
    height: 76px;
    left: 50%;
    margin-left: -35px;
    position: absolute;
    top: 0;
    
	-webkit-transform: skewX(-17deg);
    -moz-transform: skewX(-17deg);
    -ms-transform: skewX(-17deg);
    -o-transform: skewX(-17deg);
    transform: skewX(-17deg);
	
    width: 80px;
    z-index: -1;
}
.twitter-bar-slide li > h3 a {
    font-weight: normal;
    font-family: lato;
}
.twitter-bar-slide li > h3 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 36px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 20px;
    padding: 0 180px;
    text-align: center;
    text-transform: none;
    width: 100%;
}
.twitter-bar-slide li > a {
    display: table;
    float: none;
    font-family: lato;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 30px;
    text-align: center;
}
.twitter-bar-slide li > span {
    color: #555555;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
#twitter-btn {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 15px;
    font-weight: lighter;
    line-height: 15px;
    margin-left: 95px;
    margin-top: 12px;
    padding: 15px 30px;
    float: none;
    margin: 0 auto;
    display: table;
}

/* Toll Free Banner */
.toll-free-sec.open > .toll-free-banner {
    display: block;
    margin: 0;
}
.toll-free-sec {
    float: left;
    position: relative;
    width: 100%;
    z-index: 999999999;
}
.toll-free-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    display: table;
    float: none;
    height: 60px;
    margin: -30px auto 0;
    position: relative;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 60px;
    z-index: 99;
    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;
	
}
.toll-free-sec > a.active {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.toll-free-sec > a > span {
    color: #FFFFFF;
    float: left;
    font-size: 28px;
    height: 52px;
    line-height: 52px;
    margin-left: 4px;
    margin-top: 4px;
    text-align: center;
    width: 52px;
}
.toll-free-banner {
    background-size: 100% 100%;
    display: none;
    float: left;
    left: 0;
    margin-top: -30px;
    position: absolute;
    top: 100%;
    width: 100%;
}
.toll-contact {
    background: none repeat scroll 0 0 #f7f7f7;
    float: left;
    padding: 50px 0;
    position: relative;
    width: 25%;
}
.toll-details {
    background: url("../images/resource/toll-bg.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 100%;
    padding: 41px 75px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
    z-index: 0;
}
.toll-contact > i {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 80px;
    color: #666666;
    line-height: 70px;
    margin-bottom: 25px;
}

.toll-contact > span {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 18px;
    color: #666666;
    text-transform: uppercase;
    line-height: 12px;
    letter-spacing: 0.30px;
}
.toll-contact > span > i {
    float: left;
    font-size: 30px;
    font-style: normal;
    line-height: 24px;
    margin-top: 10px;
    width: 100%;
    margin-top: 25px;
}
.toll-details > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    overflow: hidden;
	margin-right:40px;
}
.toll-details > span > img{
    float: left;
    width: 100%;
}
.toll-details > h3 {
    color: #666666;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 17px 0 15px;
    width: 100%;
}

.toll-details > p {
    color: #777777;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
    margin: 0;
    margin-bottom: 35px;
    line-height: 24px;
    letter-spacing: 0.30px;
}

.toll-details > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    margin-top: 0;
    text-transform: uppercase;
}

.toll-details > a > i {
    margin-right: 10px;
}

/* Counter parallax */
.counter {
    background: none repeat scroll 0 0 rgba(21, 26, 31, 0.75);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 30px;
    width: 100%;
}
.counter > i {
    color: #fefefe;
    float: left;
    font-size: 70px;
    text-align: center;
    width: 100%;
}
.counter > h4 {
    float: left;
    font-family: lato;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.counter > h5 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: center;
    width: 100%;
}


/* Portfolio SIngle */
.portfolio-single {
    float: left;
    width: 100%;
}
.portfolio-single > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.portfolio-feature li:last-child {
    border: medium none;
    padding-bottom: 20px;
}
.portfolio-feature {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e1e1e1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin: 0 33px 14px 0;
    padding: 0 20px;
    width: 250px;
}
.portfolio-feature li {
    border-bottom: 1px solid #e1e1e1;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 11px;
    padding-bottom: 13px;
    padding-top: 20px;
    width: 100%;
	color:#8e7777;
}
.portfolio-single > p {
    color: #777777;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 0 25px;
}
.portfolio-feature li > p {
    color: #777777;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 6px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-single .single-project-sec {
    margin-top: 40px;
}


/* Service Style 1 */
.service {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service span > i {
    float: left;
    line-height: 70px;
    text-align: center;
    width: 100%;
}

.service span {
    float: left;
    height: 70px;
    width: 70px;
    border: 1px solid;
    
	-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;
	
    text-align: center;
    font-size: 28px;
    line-height: 69px;
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background:#fff;
}
.service:hover span{
	color:#fff;
}
.service h2 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -1px 0 10px;
    width: 100%;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.service h2 > a{
	color:#666666;
	
	-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;
}
.service div > a > i {
	font-size: 14px;
	line-height: 10px;
	margin-left: 5px;
}
.service div > a {
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
}
.service p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* We Are Slide */
.roles {
    display: inline-block;
    font-size: 40px;
    height: 50px;
    overflow: hidden;
    vertical-align: middle;
    font-family: lato;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 15px;
}
.roles div {
    height: 50px;
    -webkit-transition: margin-top 1s ease-in-out;
    -moz-transition: margin-top 1s ease-in-out;
    -o-transition: margin-top 1s ease-in-out;
    transition: margin-top 1s ease-in-out;
}
.we-are-Slide {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
.we-are-Slide > #we-are-rotate {
    float: none;
    margin: 0 auto;
    display: table;
    width: auto;
}
#we-are-rotate > span {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 40px;
    letter-spacing: 0.3px;
}
.we-are-Slide > p {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 13px;
    color: #777;
    padding: 0 200px;
    letter-spacing: 0.30px;
    margin: 0;
    margin-top: 10px;
	margin-bottom:30px;
}
.we-are-Slide > img {
    display: table;
    float: none;
    margin-left: auto;
    margin-right: auto;
}


/* Present Feature Parallax */
.feature-lcd {
    float: none;
    margin:0 auto;
	display:table;
	
}
.present-features {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.parallax.dark h3{
	color:#fff;
}
.parallax.dark h3 > i{
	color:#fff;
}

.present-features > h3 {
    line-height: 37px;
    margin-bottom: 10px;
}
.parallax  h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: lato;
    font-size: 30px;
    font-weight: bold;
    color: #404040;
    text-transform: uppercase;
    line-height: 58px;
    margin-top: -15px;
    letter-spacing: 0.30px;
}
.parallax  h3 > i {
    font-size: 25px;
    font-style: normal;
    font-weight: lighter;
}

.parallax  p {
    float: left;
    font-family: roboto;
    font-size: 14px;
    width: 100%;
    color: #555555;
    line-height: 26px;
    margin: 0;
    letter-spacing: 0.30px;
}
.present-features > ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
.present-features > ul > li {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 15px;
}
.present-features > ul > li:last-child {
    margin: 0;
}
.present-features > ul > li > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-size: 20px;
    height: 43px;
    line-height: 43px;
    margin-right: 15px;
    text-align: center;
    width: 43px;
}

/* Our Skills Sec */

#our-Skill-sec {
    float: left;
    width: 100%;
}
#our-Skill-sec > h3 {
    text-align: center;
}
#our-Skill-sec > p {
    padding: 0 100px;
    text-align: center;
    margin-bottom: 30px;
}
.skills-box {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.skills-box > li {
    float: left;
    height: 99px;
    width: 170px;
 position:relative;
 margin: 0 15px;
}
.skills-box > li > .progress {
    background: rgba(255,255,255,0.5);
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    -o-box-shadow: 0 0;
    box-shadow: 0 0;
	
    float: left;
    height: 100%;
    left: 0;
    margin: 30px 0 0;
    padding: 5px;
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
	overflow:hidden;
}
.skills-box > li > .progress > .progress-bar {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    position: relative;
    font-family: lato;
    font-size: 21px;
    color: #555;
    line-height: 83px;
}
.skills-box > li > .progress > .progress-bar:before {
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: -5px;
 width:100%;
 z-index:5;
}
.skills-box > li > .progress > .progress-bar:after {
    bottom: -5px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
 width:100%;
 z-index:5;
}
.skills-box > li > .progress:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.layer-bar {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 89px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 160px;
    font-family: lato;
    font-size: 22px;
    color: #555;
    text-align: center;
    padding: 28px 0;
}

/* Service Style 2 */
#services-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
#services-sec .service2{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.service2 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.service2 > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 136px;
	margin: 0 auto;
    overflow: hidden;
    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;
	
    width: 136px;
	
	border: 1px solid #CECECE;
	padding:3px;
}
.service2 > span > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
	height: 128px;
}
.service2 > span > i {
    font-size: 40px;
    left: 0;
    line-height: 142px;
    position: absolute;
    text-align: center;
    top: 0;
    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;
}
.service2:hover > span i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.service2 > span:before {
    background: none repeat scroll 0 0 rgba(251, 251, 251, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
}

.service2:hover > span:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.service2 > h2 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 30px 0 20px;
    position: relative;
    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;	
}
.service2 > h2 > a {
    color: #404040;
	
	-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;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.service2 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
}

/* Service STyle 3 */
.service.with-shadow {
    position: relative;
}
.service.with-shadow:before {
    background-image: url("../images/shadow2.png");
    background-size: 100% 100%;
    bottom: -9px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}


/* Srvice Style 4 */
.service4 {
    background: none repeat scroll 0 0 rgba(105, 105, 105, 0.83);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    padding: 30px 0;
    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;
	margin-top: 30px;
}
#service4-slide {
    float: left;
    width: 100%;
}
.service4:hover {
    -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -ms-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
}
.service4 > h2 {
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: lato;
    font-size: 25px;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 99;
    line-height: 40px;
    font-size: 24px;
    padding: 0 30px;
	font-weight:600;
}
.service4 > h2 > i {
    color: #FFFFFF;
    float: left;
    font-size: 40px;
    margin-right: 15px;
}
.service4 > p {
    color: #EBEBEB;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0 60px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service4 > span {
    height: 50%;
    position: absolute;
    width: 50%;
}
.service4 > span.box1 {
    left: -50%;
    top: 0;
	
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}
.service4:hover > span.box1 {
    left: 0;
}
.service4 > span.box2 {
    right: 0;
    top: -50%;
	
	-webkit-transition:all 0.3s ease 0.4s;
	-moz-transition:all 0.3s ease 0.4s;
	-ms-transition:all 0.3s ease 0.4s;
	-o-transition:all 0.3s ease 0.4s;
	transition:all 0.3s ease 0.4s;
}
.service4:hover > span.box2 {
    top: 0;
}
.service4 > span.box3 {
    left: 0;
    bottom: -50%;
	
	-webkit-transition:all 0.3s ease 0.2s;
	-moz-transition:all 0.3s ease 0.2s;
	-ms-transition:all 0.3s ease 0.2s;
	-o-transition:all 0.3s ease 0.2s;
	transition:all 0.3s ease 0.2s;
}
.service4:hover > span.box3 {
    bottom: 0;
}
.service4 > span.box4 {
    right: -50%;
    bottom: 0;
	
	-webkit-transition:all 0.3s ease 0.3s;
	-moz-transition:all 0.3s ease 0.3s;
	-ms-transition:all 0.3s ease 0.3s;
	-o-transition:all 0.3s ease 0.3s;
	transition:all 0.3s ease 0.3s;
}
.service4:hover > span.box4 {
    right: 0;
}


/* Service Style 5 */
.service5 {
    float: left;
    width: 100%;
    position: relative;
}

.service5:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.8);
	
    -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;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.service5:hover:before {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.service5:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
	
	-webkit-transform: scale(1);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -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;
	
	 opacity: 0;
	 filter:alpha(opacity=0);
	 
	 z-index: -1;
	 
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  -ms-border-radius: 3px;
	  -o-border-radius: 3px;
	  border-radius: 3px;
}
.service5:hover:after {
    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);
}
.service5 > i {
    color: #FFFFFF;
    float: left;
    font-size: 60px;
    margin-bottom: 15px;
    margin-top: 45px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.service5 > h2 {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 15px;
    position: relative;
    text-align: center;
    width: 100%;
}
.service5 > h2 > a {
    color: #ffffff;
}
.service5 > p {
    color: #E7E7E7;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin: 0 0 45px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}

/* Service 6 Law */
.service4.law > h2 {
    float: left;
    font-size: 22px;
    padding: 0 30px;
    text-align: center;
    width: 100%;
    line-height: 39px;
    margin-bottom: -7px;
}
.service4.law > h2 > i {
    color: #ffffff;
    float: left;
    font-size: 40px;
    line-height: 26px;
    margin-bottom: 13px;
    text-align: center;
    width: 100%;
}
.service4.law {
    background: none repeat scroll 0 0 rgba(149, 149, 149, 0.83);
    margin: 0;
}
.service4.law:hover {
    background: #1c1c1c;
}
.service4.law > span {
    display: none;
}

/* Service Single Page Animation */
.service-single-desc {
    float: left;
    width: 100%;
}
.service-single-desc > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 55px;
    margin: 0 0 25px;
    width: 100%;
}
.service-single-desc > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.service-single-desc > ul {
    float: left;
    margin: 40px 0 0;
    padding: 0;
    width: 100%;
}
.service-single-desc > ul > li {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    list-style: none outside none;
    margin-bottom: 25px;
    width: 100%;
}
.service-single-desc > ul > li > i {
    float: left;
    margin-right: 10px;
}
.service-single-desc > h3 > i {
    border: 1px solid #d7d7d7;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #d7d7d7;
    float: left;
    font-size: 35px;
    height: 56px;
    line-height: 49px;
    margin-right: 30px;
    text-align: center;
    width: 70px;
}
.manager {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.service-img {
    float: left;
    position: relative;
    width: 100%;
}
.service-img > img {
    float: left;
    width: 100%;
}
.container-ball {
    bottom: 76px;
    position: absolute;
    right: 50px;
}
.ball {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 10px;
    margin: 10px auto;
    position: relative;
    width: 10px;
}   
    .ball:nth-child(1) {
      -webkit-animation: right 1s infinite ease-in-out;
      -moz-animation: right 1s infinite ease-in-out;
      -ms-animation: right 1s infinite ease-in-out;
      -o-animation: right 1s infinite ease-in-out;
      animation: right 1s infinite ease-in-out;    
    }
	

.ball:nth-child(1):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	

    .ball:nth-child(2) {
      -webkit-animation: left 1.1s infinite ease-in-out;
      -moz-animation: left 1.1s infinite ease-in-out;
      -ms-animation: left 1.1s infinite ease-in-out;
      -o-animation: left 1.1s infinite ease-in-out;
      animation: left 1.1s infinite ease-in-out;
    }

.ball:nth-child(2):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		
    .ball:nth-child(3) {
      -webkit-animation: right 1.05s infinite ease-in-out;
      -moz-animation: right 1.05s infinite ease-in-out;
      -ms-animation: right 1.05s infinite ease-in-out;
      -o-animation: right 1.05s infinite ease-in-out;
      animation: right 1.05s infinite ease-in-out;
    }
	
.ball:nth-child(3):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}		

    .ball:nth-child(4) {
      -webkit-animation: left 1.15s infinite ease-in-out;
      -moz-animation: left 1.15s infinite ease-in-out;
      -ms-animation: left 1.15s infinite ease-in-out;
      -o-animation: left 1.15s infinite ease-in-out;
      animation: left 1.15s infinite ease-in-out;
     }

.ball:nth-child(4):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}	
	 
    .ball:nth-child(5) {
      -webkit-animation: right 1.1s infinite ease-in-out;
      -moz-animation: right 1.1s infinite ease-in-out;
      -ms-animation: right 1.1s infinite ease-in-out;
      -o-animation: right 1.1s infinite ease-in-out;
      animation: right 1.1s infinite ease-in-out;
    }
	
.ball:nth-child(5):before {
    content: "ï…’";
    font-family: fontawesome;
    font-size: 15px;
    left: 0;
    position: absolute;
    top: 0;
}				 
		

@-webkit-keyframes right {
  0%   { -webkit-transform: translate(-15px);   }
  50%  { -webkit-transform: translate(15px);    }
  100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
  0%   { -webkit-transform: translate(15px);    }
  50%  { -webkit-transform: translate(-15px);   }
  100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
  0%   { -moz-transform: translate(-15px);   }
  50%  { -moz-transform: translate(15px);    }
  100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
  0%   { -moz-transform: translate(15px);    }
  50%  { -moz-transform: translate(-15px);   }
  100% { -moz-transform: translate(15px);    }
}

@keyframes right {
  0%   { transform: translate(-15px);  }
  50%  { transform: translate(15px);   }
  100% { transform: translate(-15px);  }
}

@keyframes left {
  0%   { transform: translate(15px);   }
  50%  { transform: translate(-15px);  }
  100% { transform: translate(15px);   }
}


/* Who we are */
#who-we-images {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#who-we-images li {
    float: left;
    width: 100%;
    list-style: none;
}
#who-we-images li > img {
    float: left;
    width: 100%;
}

#who-we-images .owl-pagination {
    left: 50%;
    position: absolute;
    top: 20px;
    margin-left: -25px;
}
#who-we-images .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#who-we-images .owl-pagination .owl-page.active{
	background:#fff;
}
.who-we-desc {
    float: left;
    width: 100%;
}
.who-we-desc > h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
    width: 100%;
}
.who-we-desc > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 15px;
    width: 100%;
}
.who-we-desc > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 4px;
    padding: 13px 20px;
    text-transform: uppercase;
    
	-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;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.who-we-desc > a:hover{
	color:#fff;
}

/* Make an Appointment */
.appointment-form-sec .customlist, .form-builder select  {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	
    float: left;
    height: 40px;
    margin-bottom: 18px;
    width: 100%;
}
.appointment-sec {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    background: #fcfcfc;
	
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
	 padding: 30px;
	 
	 position:relative;
	 border: 1px solid #E8ECEC;
}
.appointment-sec:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -15px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%;
	
	opacity:0.5;
	filter:alpha(opacity=50);
}
.appointment-sec input#inputField {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #d1d1d1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #7A7A7A;
    font-family: roboto;
    font-size: 12px;
    height: 37px;
    letter-spacing: 0.3px;
    margin-top: 24px;
    text-align: center;
    width: 125px;
    margin: 0;
    margin-bottom: 0;
	margin-top: 15px;
}
.appointment-sec > span {
    color: #8B8B8B;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    padding: 0;
    text-align: center;
    width: 100%;
    line-height: 16px;
    margin: ;
}
.appointment-sec > span > i {
    color: #F8F8F8;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
}
.appointment-form-sec {
    float: left;
    padding: 30px;
    width: 100%;
    padding: 0;
    background: none;
    margin-top: 20px;
}
.appointment-form-sec .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.appointment-form-sec #message {
    float: left;
    margin: 0;
    width: 100%;
}
.appointment-form-sec .alert p {
    margin: 0;
}
.appointment-form-sec .alert > div {
    height: auto;
    padding: 10px 13px;
}
.appointment-form-sec #message #success_page {
    float: left;
    width: 100%;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 20px;
    margin-bottom: 10px;
}
.appointment-form-sec #message #success_page h1 {
    float: left;
    font-family: lato;
    font-size: 24px;
    margin: 0 0 16px;
    width: 100%;
}
.appointment-form-sec #message #success_page p {
    margin: -10px 0 0;
}
.appointment-form-sec input {
    background: none repeat scroll 0 0 #F8F9F9;
    border: 1px solid #D7D7D7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 38px !important;
    letter-spacing: 0.3px;
    margin-bottom: 19px;
    padding-left: 15px;
    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;
}
.appointment-form-sec input:focus {
    border: 1px solid #bebebe;
}
.appointment-form-sec p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 15px;
    text-align: left;
    width: 100%;
}
.appointment-form-sec input.submit {
    border: 1px solid #7E7E7E;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #7E7E7E;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    height: auto;
    margin: 0 auto;
    padding: 7px 20px;
    width: auto;
    background: #999999;
    color: #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;	
}

/* Profile Page */
#my-profile-info {
    float: left;
    width: 100%;
}
.profile-social {
    display: table;
    float: left;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.profile-social:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
    -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;
	
    width: 100%;
	z-index:9;
}
.profile-social > img {
    float: left;
    width: 100%;
	
    -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;
	
	height: auto;
}
.profile-social > ul {
    left: 50%;
    margin: -17px 0 0 -25%;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 0;
    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;
	
    width: 50%;
    z-index: 99999;
}
.profile-social > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}

.profile-social > ul > li > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #666666;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
	
	opacity: 0;
	filter:alpha(opacity=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;
}
.profile-social > ul > li > a > i:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FAFAFA;
	
    -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;
}
.profile-social:hover > ul {
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social:hover > ul > li > a > i{
    opacity: 1;
	filter:alpha(opacity=100);
}
.profile-social > ul > li > a {
    float: left;
	width:100%;
}
.profile-social:hover:before {
    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);
}
.profile-social:hover > img {
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	-ms-transform:rotate(30deg);
	-o-transform:rotate(30deg);
	transform:rotate(30deg);
}

.profile-social:hover > ul > li > a > i.fa-facebook {
	-webkit-transition:all 0.4s ease 0.1s;
	-moz-transition:all 0.4s ease 0.1s;
	-ms-transition:all 0.4s ease 0.1s;
	-o-transition:all 0.4s ease 0.1s;
	transition:all 0.4s ease 0.1s;
}
.profile-social:hover > ul > li > a > i.fa-google-plus {
	-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;	
}
.profile-social:hover > ul > li > a > i.fa-twitter {
	-webkit-transition:all 0.4s ease 0.5s;
	-moz-transition:all 0.4s ease 0.5s;
	-ms-transition:all 0.4s ease 0.5s;
	-o-transition:all 0.4s ease 0.5s;
	transition:all 0.4s ease 0.5s;
}
.profile-social:hover > ul > li > a > i.fa-linkedin {
	-webkit-transition:all 0.4s ease 0.7s;
	-moz-transition:all 0.4s ease 0.7s;
	-ms-transition:all 0.4s ease 0.7s;
	-o-transition:all 0.4s ease 0.7s;
	transition:all 0.4s ease 0.7s;
}
#my-profile-info > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 15px 0;
    text-align: left;
    width: 100%;
}
#my-profile-info > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
#my-profile-info > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    position: relative;
    text-align: left;
    width: 100%;
}

#my-profile-info > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    left: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    top: -3px;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
}

#my-profile-info > p:after {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    right: 20%;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
    position: absolute;
    bottom: -3px;
    width: 67px;
}
.block.with-parallax .service6:hover > span {
    color: #fafafa !important;
}
.block.with-parallax .service6 > h3 > a {
    color: #F8F8F8;
}
.block.with-parallax .service6 > p {
    color: #eee;
}
.block.with-parallax .service6 > a {
    color: #eee;
}
.my-skills {
    float: left;
    width: 100%;
}
.custom-progress {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.custom-progress > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0 0 15px;
    width: 100%;
}
.with-parallax .service6 > span {
    color: #FAFAFA;
}
.custom-progress > p > i {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
}
.custom-progress .progress {
    background: none repeat scroll 0 0 #f5f5f5;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    height: 35px;
    margin: 0;
    width: 100%;
}
.custom-progress .progress > .progress-bar {
    float: left;
    position: relative;
}
.custom-progress .progress > .progress-bar > span {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    height: 100%;
    left: 0;
    line-height: 33px;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}
#experience {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#experience ul {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
}
#experience ul > li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    padding-bottom: 18px;
    padding-left: 128px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
#experience ul > li > span {
    background: none repeat scroll 0 0 #b9b9b9;
    
	-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;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #FFFFFF;
    font-family: roboto;
    font-size: 20px;
    font-weight: 600;
    height: 80px;
    left: -1px;
    line-height: 80px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 110px;
}
#experience ul > li > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    width: 100%;
}
#experience ul > li > i {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    line-height: 10px;
    margin-top: 18px;
    width: 100%;
}
#experience ul > li > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 15px 0 0;
    width: 100%;
}



/* Expert Lawyer Sec */

.expert-lawyer-sec {
    float: left;
    width: 100%;
    position: relative;
}
.lawyer-slide {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -30px;
}
.lawyer-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.lawyer-box > img {
    float: left;
    width: 100%;
}
.lawyer-box:hover .layer-desc {
    height: 90%;
	background: rgba(255,255,255,0.88);
}
.layer-desc {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5%;
    height: 69px;
    left: 3%;
    padding: 10px 45px;
    position: absolute;
	
    -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;
	
    width: 94%;
}
.lawyer-box:hover .layer-desc > i {
    height: 50%;
    margin-top: -14%;
	background:#666;
}
.layer-desc > i {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 44%;
    left: 45px;
    margin-top: -5%;
    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;
	
    width: 1px;
}
.lawyer-box:hover .layer-desc > span {
    opacity: 1;
	filter:alpha(opacity=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;
	
	color:#666;
}
.layer-desc > span {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    left: 70px;
    line-height: 10px;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.layer-desc > h2 {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 70px;
    margin: -11px 0 0;
    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;
}
.lawyer-box:hover .layer-desc > h2 {
    margin-top: -25px;
	color:#666;
}
.layer-desc > a {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 48px;
    width: 48px;
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    background: #fff;
	
    -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;

    opacity: 0;
	filter:alpha(opacity=0);
	
    z-index: 1;
	
    -webkit-transform: scale(1.3) rotate(180deg);
    -moz-transform: scale(1.3) rotate(180deg);
    -ms-transform: scale(1.3) rotate(180deg);
    -o-transform: scale(1.3) rotate(180deg);
    transform: scale(1.3) rotate(180deg);
}
.layer-desc > a > i{
	float:left;
	width:100%;
	line-height:48px
}
.layer-desc > a:hover{
	color:#fff;
}
.lawyer-box:hover .layer-desc > a {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}


/* Experties Sec */
.experties-sec {
    float: left;
    width: 100%;
}
.experties-sec.style2 > .experties > h2:before {
    display: none;
}
.experties-sec.style2 > .experties > h2 {
    padding: 15px;
}
.experties {
    float: left;
    width: 100%;
}
.experties > h2.active, .experties-sec.style2 > .experties > h2.active {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.experties > h2:before {
    left: 15px;
    position: absolute;
    top: 50%;
    content: "+";
    margin-top: -7px;
}

.experties > h2.active:before {
    content: "-";
}
.experties > h2 {
    background-color: #FFFFFF;
    background-position: 17px 17px;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    cursor: pointer;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 10px;
    padding: 15px 40px;
	
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
	-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;
	
	position:relative;
	
    width: 100%;
}
.experties .content, .experties .content2 {
    float: left;
    width: 100%;
}
.experties .content > p, .experties .content2 > p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.21px;
    line-height: 24px;
    margin: 3px 0 13px;
    width: 100%;
    margin-top: 4px;
    letter-spacing: 0.30px;
}


/* Upcoming Event */
#upcoming-event {
    float: left;
    width: 100%;
    position: relative;
	margin-top:-30px;
}
.upcoming-event-sec {
    float: left;
    width: 100%;
    position: relative;
}
.event-box {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 30px;
}
.event-box > img {
    float: left;
    width: 100%;
}
.event-desc {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.88);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 14px;
    height: 60px;
    left: 4%;
    padding: 22px 15px;
    position: absolute;
    width: 92%;
	
    -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;
}
.event-box:hover .event-desc {
    height: 87%;
}
.event-desc > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
}
.event-desc > h3 > a{
	color:#666;
}
.event-desc > span {
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    left: 16px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 17px;
    margin-top: -11px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    width: 100%;
}
.event-box:hover .event-desc > .line1 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 62px;
	
	-webkit-transition: all 0.4s ease 0.5s;
	-moz-transition: all 0.4s ease 0.5s;
	-ms-transition: all 0.4s ease 0.5s;
	-o-transition: all 0.4s ease 0.5s;
	transition: all 0.4s ease 0.5s;

}
.event-box:hover .event-desc > .line2 {
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 92px;
	
	-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;
}
.event-box:hover .event-desc > .line3 {
    top: 122px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.event-box:hover .event-desc > .line4 {
    top: 152px;
	
	opacity:1;
	filter:alpha(opacity=100);
	
	-webkit-transition: all 0.4s ease 0.2s;
	-moz-transition: all 0.4s ease 0.2s;
	-ms-transition: all 0.4s ease 0.2s;
	-o-transition: all 0.4s ease 0.2s;
	transition: all 0.4s ease 0.2s;
}
.event-box:hover .event-desc > span {
    opacity: 1;
	filter:alpha(opacity=100);
}
.event-desc > span > i {
    font-size: 15px;
    margin-right: 15px;
    width: 16px;
    text-align: center;
}


/* Upcoming Event 2 */
.upcoming-event-sec2 {
    float: left;
    width: 100%;
}

.upcoming-event-sec2 > ul {
    float: left;
    padding: 0;
    width: 100%;
    margin: 0px;
}
.upcoming-event-sec2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
}
.upcoming-event2 {
    float: left;
    width: 100%;
}

.upcoming-event2 > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.upcoming-event2 > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 5px 0 15px;
    width: 100%;
    line-height: 28px;
	
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
.upcoming-event2 > h3 > a {
    color: #666666;
	
	-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;
}
.upcoming-event2 > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
    text-transform: uppercase;
    color: #999999;
    font-weight: normal;
}
.upcoming-event2 > span > i {
    font-size: 14px;
    margin-right: 15px;
    width: 20px;
    text-align: center;
}
.upcoming-event2 > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: left;
    width: 100%;
}


/** Event Wide  **/
.event-wide {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.event-wide .event-count > p {
    text-align: left;
}
.event-wide img {
    float: left;
    width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.event-wide .event-count > ul {
    float: left;
    width: 100%;
}

.event-wide .event-count{
	margin:0;
}
.event-wide .event-count > ul > li {
    width: auto;
}
.event-wide .event-count > span {
    float: left;
    margin-right: 30px;
    padding: 0;
    width: auto;
}

/* Law Slide 1 */
.law-btns > li {
    float: left;
    margin: 0 10px !important;
}


/* Law Slide 2 */
.law-btns2 > li{
	float: left;
    margin-right: 15px !important;
}

/* Seo Slide */
.law-btn-list:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    left: 14px;
    margin-top: -7px;
    opacity: 0.8;
}

/* About Ceo 2 */
.about-ceo-sec2 {
    float: left;
    position: relative;
    width: 100%;
}

.about-ceo-sec2  img {
    float: left;
    width: auto;
}
.ceo-detals2 {
    float: left;
}
.ceo-detals2 > h3 {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 50px;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    color: #999999;
    letter-spacing: 0.30px;
    line-height: 15px;
    margin-bottom: 25px;
	text-transform:uppercase;
}
.ceo-detals2.style2 {
    text-align: center !important;
}
.ceo-detals2 > h3 > i {
    font-style: normal;
	font-size:20px;
	text-transform: none;
}
.ceo-detals2 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 50px;
    width: 100%;
}
.ceo-detals2 > p > a {
    background: none repeat scroll 0 0 #858585;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: inline;
    font-size: 13px;
    line-height: 20px;
    margin-left: 15px;
    padding: 4px 8px;
	
	-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;
}
.ceo-detals2 > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.ceo-detals2 > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
.ceo-detals2 > ul > li > a {
    float: left;
}
.ceo-detals2 > ul > li > a > i {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    font-size: 26px;
    height: 70px;
    line-height: 70px;
    text-align: center;
	
    -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;
	
    width: 70px;
}
.ceo-detals2 > ul > li > a > i:hover {
    color:#fff !important;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook {
	color:#3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-facebook:hover {
    background: none repeat scroll 0 0 #3B5998;
    border: 1px solid #3B5998;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter {
	color:#00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-twitter:hover {
    background:#00aced;
	border: 1px solid #00aced;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus {
	color:#dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-google-plus:hover {
    background:#dd4b39;
	border: 1px solid #dd4b39;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin {
	color:#007bb6;
}
.ceo-detals2 > ul > li > a > i.fa.fa-linkedin:hover {
    background:#007bb6;
	border: 1px solid #007bb6;
}

/* About Ceo 3 */
.ceo-details3 {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.8);
	
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    
	-webkit-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-moz-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-ms-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	-o-box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	box-shadow: 0px 0px 131px rgba(0,0,0,0.75) inset;
	
    float: right;
    padding: 45px 30px;
	width: 65%;
	position: relative;
	margin-right: -4px;
}
.ceo-details3:before {
    background: none repeat scroll 0 0 rgba(52, 72, 90, 0.3);
    
	-webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    -o-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
	
    content: "";
    height: 100%;
    left: -4px;
    position: absolute;
    top: 4px;
    width: 100%;
    z-index: -1;
}
.ceo-details3 > h3 {
    color: #fbfbfb;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 auto 15px;
    width: auto;
	position: relative;
	padding-bottom:7px;
}

.ceo-details3 > h3:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 24%;
    margin-left: -12%;
    background: #fff;
    height: 2px;
    content: "";
}
.ceo-details3 > h3 > i {
    color: #AEAEAE;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-top: 5px;
    float: right;
    font-style: normal;
    margin-left: 15px;
    letter-spacing: 0.30px;
}
.ceo-details3 > p {
    color: #d2d2d2;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    width: 92%;
}



/* Tab Sections */

.tab-sec {
    float: left;
    width: 100%;
    padding: 27px;
    background: #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.tab-sec > ul.nav.nav-tabs {
    border: medium none;
    float: left;
    margin-bottom: 20px;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
}
.tab-sec > ul.nav.nav-tabs > li {
    float: left;
    margin: 0;
}
.tab-sec > ul.nav.nav-tabs > li > a {
    border-right: 1px solid #E8E6E6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 0 20px;
    text-transform: uppercase;
	
    -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: 0;
	 -moz-border-radius: 0;
	 -ms-border-radius: 0;
	 -o-border-radius: 0;
	 border-radius: 0;
	 
	 height: 30px;
    line-height: 29px;
}
.tab-sec > ul.nav.nav-tabs > li > a:hover {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li.active > a {
    color: #fff;
}
.tab-sec > ul.nav.nav-tabs > li:last-child > a {
    border: medium none;
}
.tab-sec .tab-content {
    float: left;
    width: 100%;
}
.tab-project {
    float: left;
    width: 100%;
}
.tab-project > h3, .tab-work > h3, .tab-article h3, .tab-video > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0 0 22px;
    width: 100%;
    margin-top: -10px;
}
.tab-project img, .tab-article img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.tab-project > p, .tab-work > p, .tab-article p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 11px;
    width: 100%;
}

.tab-article .col-md-8 p {
    margin-top: 0px;
}
.tab-work {
    float: left;
    width: 100%;
}

.tab-work > span {
    float: left;
    margin-right: 20px;
}
.tab-work > a {
    float: left;
    font-family: roboto;
    font-size: 12px;
    color: #ffffff;
    padding: 6px 12px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 10px;
    margin-top: 15px;
    letter-spacing: 0.30px;
}
.tab-work > p {
    display: block;
    float: none;
    margin: 0 0 8px;
}
.tab-work > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.tab-work > ul > li {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-top: 10px;
    width: 100%;
	min-height: 204px;
}
.tab-work > ul > li:first-child {
    margin: 0;
}
.tab-work > ul > li > i {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 16px;
    margin-right: 15px;
	margin-bottom:10px;
}

/* Job Box */
.job-box {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #f4f2f2;
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: 30px;
    padding: 20px 20px 50px 170px;
    position: relative;
    width: 100%;
	
	min-height: 300px;
}
.job-box > span {
    color: #777777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    height: auto;
    left: 20px;
    line-height: 31px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    width: 128px;
}
.job-box > span > i {
    float: left;
    font-style: normal;
    width: 100%;
    font-family: lato;
    font-size: 13px;
    font-weight: bold;
    color: #777777;
}
.job-box > h3 > a {
    color: #555555;
}
.job-box > span > img {
    float: left;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.job-box > h3 {
    color: #555555 !important;
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: -5px 0 0;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.job-box > i {
    display: block;
    font-family: Noto Sans;
    font-size: 12px;
    font-style: normal;
    color: #b4bbc2 !important;
}
.job-box > p {
    color: #949494;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
    line-height: 21px;
    margin-top: 10px;
}
.job-box > a {
    background: none repeat scroll 0 0 #bdbdbd;
    
	-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;
	
    bottom: 0;
    color: #ffffff;
    float: right;
    font-family: open sans;
    font-size: 12px;
    font-weight: bold;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 2px;
    padding: 12px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 100%;
}


/* Our Blog  Style 1*/
.our-blog-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.our-blog-link {
    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;	
	
}
.our-blog-link > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
    height: auto;
}

.our-blog-link:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.77);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: -101%;
	
    -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;
	
    width: 100%;
}
.our-blog-box:hover .our-blog-link:before {
    top: 0;
}

.our-blog-link > a {
    color: #FFFFFF;
    font-size: 18px;
    left: 50%;
	
    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.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;
	
    margin-left: -8px;
    z-index: 999;
}

.our-blog-box:hover .our-blog-link > a {
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 14px;
	
	-webkit-transition: all 0.5s ease 0.3s;
	-moz-transition: all 0.5s ease 0.3s;
	-ms-transition: all 0.5s ease 0.3s;
	-o-transition: all 0.5s ease 0.3s;
	transition: all 0.5s ease 0.3s;
}
.our-blog-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog-link:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    
	-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;
	
    content: "";
    height: 50px;
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 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;
	
    width: 50px;
}
.our-blog-box:hover .our-blog-link:after {
    left:50%;
	
	-webkit-transition: all 0.5s ease 0.1s;
	-moz-transition: all 0.5s ease 0.1s;
	-ms-transition: all 0.5s ease 0.1s;
	-o-transition: all 0.5s ease 0.1s;
	transition: all 0.5s ease 0.1s;
	
	margin-left:-25px;
}

.our-blog-box > h2 > a {
    color: #404040;
}
.our-blog-box > h2 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    line-height: 28px;
    margin: 12px 0;
    width: 100%;
    margin-top: 15px;
}
.our-blog-box > span strong a {
    color: #565656;
    font-family: lato;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
}
.our-blog-box > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 8px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 0;
    width: 100%;
}
.our-blog-box > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-right: 5px;
    padding: 0;
}
.our-blog-box > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: 5px;
}
.our-blog-box > span > strong {
    font-weight: 600;
}


/* our Blog 2 */
.our-blog2 {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -30px;
}
.our-blog-sec2 {
    float: left;
    width: 100%;
    position: relative;
}

.our-blog-box2 {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	margin-top:30px;
}

.our-blog-box2:hover img {

    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.our-blog-box2 > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	
    -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;
	
    width: 100%;
}

.our-blog-link2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 4%;
    left: 4%;
    position: absolute;
	
    -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;
	
    width: 92%;
    height: 50px;
}
.our-blog-box2:hover .our-blog-link2 {
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.9);
}
.our-blog-box2:hover .our-blog-link2 > h2 {
    color: #fff;
    margin-top: -40px;
}
.our-blog-box2:hover .our-blog-link2 > h2 > a {
    color: #E4E3E3;
}
.our-blog-link2 > h2 {
    color: #666666;
    float: none;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    line-height: 13px;
    margin: -5px 0 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.our-blog-link2 > h2 > a {
    color: #313131;
}
.our-blog-link2 > a > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(255, 255, 255, 0.5);
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #6A6A6A;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin-top: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    width: 35px;
}
.our-blog-link2 > a > i:hover{
	color:#fff;
}
.our-blog-box2:hover .our-blog-link2 .fa-search {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-blog-link2 > a > i.fa-search {
    left: 50%;
    margin-left: -40px;
	
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
	
    -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;
}
.our-blog-box2:hover .our-blog-link2 .fa-link {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
	
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -ms-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
}
.our-blog-link2 > a > i.fa-link {
    margin-right: -40px;
    right: 50%;
	
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg);
	
    -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;
}


/* Our Blog 3 */
.our-blog3-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-blog3-box > span {
    float: left;
    margin-right: 20px;
    width: 25%;
}
.our-blog3-box > span > a {
    float: left;
    width: 100%;
}
.our-blog3-box > span > a img {
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.our-blog3-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-blog3-box > h3 {
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
}
.our-blog3-box > h3 > a{
	color:#666;
}
.our-blog3-box > p {
    color: #7A7A7A;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    line-height: 24px;
    color: #888;
}
.our-blog3-box > ul {
    display: block;
    margin: 0;
    padding: 0;
}
.our-blog3-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
.our-blog3-box > ul > li:last-child {
    margin: 0;
}
.our-blog3-box > ul > li > a {   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 8px;
	
	-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-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.01) inset;
}
.our-blog3-box > ul > li > a > i {
    margin-right: 5px;
}
.our-blog3-box > ul > li > a:hover {
    color: #FFFFFF;
}

/* Our Blog4 */

/* With Parallax */
.block.dark .our-blog4-box > h3 > a {
    color: #FFFFFF;
}
.block.dark .our-blog4-box > p {
    color: #b0afaf;
	border-color:rgba(132,132,132,0.57)
}
.block.dark .blog4-metas > li > a {
    background: none repeat scroll 0 0 #7C7C7C;
    border-color: #7C7C7C;
	color:#d3d3d3;
}
.block.dark .title {
    color: #fff;
}
.title {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin-bottom: 30px;
    margin-top: 0;
    text-transform: uppercase;
    width: 100%;
}
.title > i {
    border-bottom: 1px solid #A9A9A9;
    color: #F0F0F0;
    float: left;
    font-style: normal;
    font-weight: bold;
    margin-right: 7px;
    padding-bottom: 10px;
}
.block.dark .title > i {
    color: #fff;
}


.our-blog4 {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-blog4-box:hover > a:after {
	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);	
}
.our-blog4-box {
    float: left;
    margin-top: 30px;
    
	-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;
	
    width: 100%;
}
.our-blog4-box > a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    content: "";
    z-index: 1;
	
    -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;
	
    opacity: 0;
	filter:alpha(opacity=0);	
}
.our-blog4-box > a:after {
    color: #FFFFFF;
    content: "ï‚Ž";
    font-family: fontawesome;
    font-size: 20px;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
    z-index: 1;
}
.our-blog4-box > a {
    float: left;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
	position: relative;
}
.our-blog4-box > a > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    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;	
}
.our-blog4-box:hover > a > img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.our-blog4-box:hover > a:before {
	opacity: 1;
	filter:alpha(opacity=100);
}
.blog4-metas {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.blog4-metas > li {
    float: left;
    margin-right: 15px;
    list-style: none;
}
.blog4-metas > li > a {
    float: left;
    font-family: roboto;
    font-size: 11px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    padding: 8px 10px;
    border: 1px solid;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 9px;
	font-weight:400;
}
.our-blog4-box > h3 {
    color: #333;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    padding-right: 63px;
}
.our-blog4-box > h3 > a {
    color:#666666;
	
	-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;	
}
.our-blog4-box > p {
    border-bottom: 1px solid #eeeeee;
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding-bottom: 20px;
    width: 100%;
}

.blog4-metas > li > a > i {
    margin-right: 6px;
}


/* Whats is New */
#whats-new {
    float: left;
    width: 100%;
	margin-top:10px;
}
#whats-new > img {
    bottom: -70px;
    position: absolute;
    right: 0;
}
#whats-new > h1 {
    color: #555555;
    float: left;
    font-family: lato;
    font-size: 52px;
    margin: 0;
    width: 100%;
    line-height: 42px;
    letter-spacing: 0.30px;
}
#whats-new > h1 > span {
    float: left;
    width: 100%;
    font-size: 150px;
    line-height: 117px;
    margin-top: 30px;
}

#whats-new > h1 > i {
    float: left;
    width: 100%;
    font-style: normal;
    margin-top: 38px;
}



/* Our CEO PLAN */
.ceo-plan-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.ceo-plan-box .video-paralax {
    margin-top: 70px;
}
#ceo-plan-box {
    padding-top: 40px;
}
.ceo-plan-box > .row > div > img {
    float: left;
    width: 100%;
}
.ceo-plan-detail {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -10px 0 20px;
    text-transform: uppercase;
    width: 100%;
}
.ceo-plan-detail > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
    margin-top: -10px;
}
.ceo-plan-detail > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    width: 100%;
}
.ceo-plan-detail > ul > li:last-child {
    margin: 0;
}
.ceo-plan-detail > ul > li > span {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 45px;
    margin-right: 22px;
    padding: 9px 0;
    text-align: center;
    width: 45px;
}
.ceo-plan-detail > ul > li > span > i {
    float: left;
    line-height: 29px;
    text-align: center;
    width: 100%;
}
.ceo-plan-detail > ul > li > h4 {
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
}

.ceo-plan-box > .row > div {
    float: left;
    position: relative;
}

.ceo-plan-box > .row > div.col-md-3:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 12px;
    content: "";
}
.ceo-plan-detail > ul > li > p {
    color: #888;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 85%;
}


/* Testimonial 1 */
.testimonial-sec {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.testimonial-sec  li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec li > span {
    border: 4px solid rgba(255, 255, 255, 0.31);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 140px;
    margin: 0 auto 23px;
    overflow: hidden;
    width: 140px;
}
.testimonial-sec li > span > img {
    float: left;
    width: 100%;
}
.testimonial-sec li > p {
    color: #fff !important;
    display: block;
    font-family: lato;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: 0 0 25px;
    opacity: 1;
    padding: 0 100px;
    text-align: center;
}
.testimonial-sec li > a {
    display: table;
    float: none;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    margin: 25px auto;
}
.testimonial-sec .owl-pagination {
    float: none;
    margin: 0 auto;
    display: table;
}
.testimonial-sec .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 12px;
    margin: 0 5px;
    width: 12px;
	
	-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;
}

.testimonial-sec .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
}



/* Testimonial 2 */
.testimonial-sec2 {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
}

.testimonial-sec2 li {
    float: left;
    width: 100%;
    position: relative;
    list-style: none;
}
.testimonial-sec2 li > span {
    float: left;
    margin-right: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
	
	width: 40%;
}
.testimonial-sec2 li > span > img {
    float: left;
	width: 100%;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.testimonial-sec2 li > a {
    color: #999999;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: right;
    width: 100%;
}
.testimonial-sec2 li > a > i {
    font-style: normal;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.testimonial-sec2 li > p {
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 10px;
    position: relative;
}

.testimonial-sec2 li > p:before {
    background-image: url("../images/ceo-coma.png");
    bottom: -70px;
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
	
}
.testimonial-sec2 .owl-pagination {
    display: table;
    float: right;
    margin-top: 0px;
    position: relative;
    z-index: 9999;
}
.testimonial-sec2 .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cccccc;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 5px;
    width: 6px;
}


/* Testimonial for White bg */
.f-testimonail.with-white > .tab-content {
    background: none;
}

.f-testimonail.with-white > ul > li {
    margin-bottom: 20px;
}
.f-testimonail.with-white > ul > li.active a {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > ul > li.active a > img {
    border-color: #e3e3e3;
}
.f-testimonail.with-white > .tab-content > div {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e8ecec;
}
.with-white .f-testimonial-box > p {
    color: #7A7A7A;
    font-family: roboto;
    font-size: 13px;
    line-height: 24px;
    color: #777777;
    padding: 0;
}

/* Our Clients */

.our-clients {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-clients  a {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E2E2E2;

    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
	
    float: left;
    margin-top: 30px;
    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;
}
.our-clients  a > img {
    float: left;
    width:100%;
}
.our-clients a:hover {
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
 
    -webkit-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 7px 8px rgba(0, 0, 0, 0.1);
}

/* our Clients2 */

#our-clients-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}

.our-clients2 {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.clients-hover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.clients-hover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0,0,0,0.8);
    
	-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;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    opacity: 0;
	filter:alpha(opacity=0);
}
.our-clients2:hover .clients-hover:before {
    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);
}
.clients-hover > a {
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #f8f8f8;
    font-size: 20px;
    height: 45px;
    left: 50%;
    line-height: 45px;
    margin-left: -22.5px;
    margin-top: -22.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    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.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;
	
    width: 45px;
}
.our-clients2:hover .clients-hover > a {
    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);
}
.our-clients2 > h3 {
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}
.our-clients2 > p > i {
    font-style: italic;
    font-weight: bold;
}
.our-clients2 > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    width: 67px;
	
    opacity: 0.5;
	filter:alpha(opacity=50);
}
.our-clients2 > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}
.clients-hover > img {
    float: left;
    width: 100%;
}
.our-clients2 > h3 > a {
    color: #404040;
}
.our-clients2 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 10px;
    text-transform: uppercase;
	 border: 1px solid #404040;
}



/* Employee of The Month */
.emp-of-month-sec {
    float: left;
    width: 100%;
}
.employee-img {
    float: left;
    position: relative;
    width: 100%;
    margin-top: -20px;
}
.emp-of-month-desc > h3 {
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.emp-of-month-desc > span {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 25px;
}
.emp-of-month-desc > ul > li > a i {
    float: left;
    line-height: 44px;
    width: 100%;
}
.emp-of-month-desc > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #777777;
    letter-spacing: 0.30px;
    margin: 0;
    line-height: 24px;
}
.employee-img > img {
    float: left;
    width: 100%;
}
.employee-img:before {
    background-image: url("../images/shadow3.png");
    background-repeat: no-repeat;
    background-size: 100% 13px;
    bottom: -1px;
    content: "";
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
}
.emp-of-month-desc {
    float: left;
    width: 100%;
}
.emp-of-month-desc > ul {
    float: left;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}
.emp-of-month-desc > ul > li {
    float: left;
    list-style: none outside none;
	margin-right:15px;
}
.emp-of-month-desc > ul > li > a {
    float: left;
    width: 46px;
    height: 46px;
    background: #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 1px solid #e8ecec;
    text-align: center;
    font-size: 13px;
    color: #414141;
    line-height: 43px;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
    -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;
}
.emp-of-month-desc > ul > li > a:hover{
	color:#fff;
}



/* Next product */

.next-products {
    float: left;
    width: 100%;
}
.next-products h3 {
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    width: 100%;
    margin-bottom: 35px;
    letter-spacing: 0.30px;
}
.next-products p {
    color: #676565;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.35px;
    line-height: 25px;
    float: left;
    margin: 0;
}
.next-products img {
    float: left;
    width: 100%;
}
.next-products ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.next-products ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 22px;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #6b6868;
    letter-spacing: 0.30px;
}
.next-products ul > li > i {
    float: left;
    font-size: 14px;
    margin-right: 15px;
    margin-top: 3px;
}


/* Show Product */

.show-product {
    float: left;
    width: 100%;
    position: relative;
}
.show-products-lcds {
    float: left;
    height: 330px;
    position: relative;
    width: 100%;
}
.show-products-lcds > span {
    float: none;
    margin: 0 auto;
    display: table;
}
.show-product > h2 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: normal;
    margin: 10px 0 15px;
    text-align: center;
    width: 100%;
}
.show-product > p {
    color: #777777;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.show-product > a:hover{
	color:#fff;
}
.show-product > a {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fffefe;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 40px;
    margin-top: 20px;
	
	-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;	
	
	border:2px solid;
}
.show-product > a:hover {
    background: none repeat scroll 0 0 #333333;
}
#show-product-slide .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -50px;
}
#show-product-slide .owl-buttons > div {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    float: left;
    position: relative;
    border: none;
    height: auto;
    width: auto;
}
#show-product-slide .owl-buttons > div.owl-next {
    float: right;
}

#show-product-slide .owl-buttons > .owl-next:before {
    content: "\f105";
}
#show-product-slide .owl-buttons > .owl-prev:before {
    content: "\f104";
}
#show-product-slide .owl-buttons > div:before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: fontawesome;
    font-size: 113px;
    color: #999;
}

.isotope-item {
  z-index: 2;
}
 
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
 
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

}
 
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
 
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:         transform, opacity;
    -o-transition-property:         transform, opacity;
    transition-property:         transform, opacity;
}


/* Success Work */
#success-work-nav {
    display: table;
    float: none;
    margin: 0 auto 30px;
    position: relative;
    z-index: 9;
}
#success-work-nav > ul {
    border-left: 3px solid;
    border-right: 5px solid;
    float: left;
    margin: 0;
    padding: 0;
}
#success-work-nav > ul > li > a.active {
    padding-bottom: 13px;
    padding-top: 27px;
}
#success-work-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: -2px;
}
#success-work-nav > ul > li > a:after {
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    content: "\f0ab";
    font-family: fontawesome;
    left: 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;
	
    opacity: 0;
}
#success-work-nav > ul > li .active:after {
	top:10px;
	opacity:1;
}
#success-work-nav > ul > li > a {
    background: none repeat scroll 0 0 #fbfbfb;
    border-right: 1px solid #dedede;
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 20px;
    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;
	
    z-index: 1;
}
#success-work-nav > ul > li {
    border: 1px solid #dedede;
}
#success-work-nav > ul > li:last-child > a {
    border: medium none;
}
#success-work-nav > ul > li > i {
    display:none;
}
#success-work-nav > ul > li > a > i {
    color: #ececec;
    font-size: 14px;
    margin-right: 15px;
}

.success-work {
    float: left;
	margin-top:30px;
	width:100%;
}
#success-work {
    margin-top: -30px;
    float: left;
    width: 100%;
}
.success-work-desc {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.success-work-desc > img {
    float: left;
    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;
}

.success-work:hover .success-work-desc > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.success-work-desc > a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #404040;
    font-size: 20px;
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
	
    -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;
	
    width: 50px;
	z-index: 9;
	border: 1px solid rgba(0,0,0,0.2);
}
.success-work-desc > a > i {
    float: left;
    line-height: 48px;
    text-align: center;
    width: 100%;
}
.success-work:hover .success-work-desc > a {
    -webkit-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -o-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
	-webkit-transition: all 0.5s ease 0.2s;
	-moz-transition: all 0.5s ease 0.2s;
	-ms-transition: all 0.5s ease 0.2s;
	-o-transition: all 0.5s ease 0.2s;
	transition: all 0.5s ease 0.2s;
}
.success-work-desc > a:hover {
    color: #fff;
}
.success-work-desc:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
	
    -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;
	
    width: 100%;
    z-index: 9;
}
.success-work:hover .success-work-desc:before {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.success-work > h2 {
    color: #454545;
    float: left;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 20px 0 15px;
    text-align: left;
    width: 100%;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.success-work > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -3px 0 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Latest Project */
#latest-project {
    float: left;
    width: 100%;
}


/* Latest Features */
.ltst-feature-sec {
    float: left;
    width: 100%;
}
.ltst-feature-box {
    float: left;
    width: 100%;
}
.ltst-feature-box > img {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.ltst-feature-box > h2 {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: lighter;
    margin-bottom: 11px;
}
.ltst-feature-box > p {
    color: #7a7a7a;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
}



/* Our Projects */
.our-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}

.project-desc > h3 {
    color: #555555;
    float: left;
    font-family: lato;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 7px 0 10px;
    padding-right: 15px;
    width: 100%;
}
.project-desc > h3 > a {
    color: #555555;
}
.our-project-sec p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    padding-right: 12px;
    width: 100%;
}
.our-project-box > span {
    float: left;
    padding-right: 15px;
    position: relative;
    width: 50%;
}
.our-project-box > span > i {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    color: #666666;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    right: 15px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin-bottom: 3%;
    margin-right: 3%;
    padding: 14px;
    position: absolute;
    text-align: center;
    width: 89%;
}
.our-project-box > span > i > strong {
    font-size: 14px;
}
.project-desc > span {
  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 8px 13px;
    text-transform: uppercase;
    width: auto;
    margin: 0;
}
.project-desc > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
	margin-right:5px;
}
.project-desc {
    float: left;
    width: 50%;
}
.our-project-sec .owl-pagination {
    float: right;
    margin-top: -20px;
    z-index: 99999;
	position:relative;
}
.our-project-sec .owl-pagination > .owl-page {
    float: left;
    height: 6px;
    width: 6px;
    background: #cccccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-left: 10px;
    margin-top: 12px;
}
.our-project-sec img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
.our-projecty {
    float: left;
    margin-top: 30px;
    width: 100%;
}


/* Get a Quote */
.quote-widget {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
}
#quote-head{
	float:left;
	width:100%;
    padding: 30px;
}
#quote-head > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin-top: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
#quote-head > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    width: 100%;
    margin-top: 5px;
}
.quote-form-sec {
    background: none repeat scroll 0 0 #FCFCFC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    position: relative;
    width: 100%;
	padding:30px;
	border-top: 1px solid #e8ecec;
}
.quote-form-sec input {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.86);
    border: 1px solid #D1D1D1;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 40px;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    padding-left: 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;
	
    width: 100%;
}
.quote-form-sec input:focus {
    border: 1px solid #BEBEBE;
}
.quote-form-sec input.submit {
    background: none repeat scroll 0 0 #999999;
    border: 1px solid #7E7E7E;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 13px;
    height: auto;
    margin: 14px auto 0;
    padding: 7px 20px;
    width: auto;
}


/* Our Team */
.our-team-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.our-team-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-title {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.our-team-box:hover .team-title:after {
    bottom: 0;
    height: 100%;
    left: 0;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);	
}
.our-team-sec.with-parallax .our-team-box:hover .team-title:after {
    height: 100%;
}
.team-title:after {
    bottom: 8px;
    content: "";
    height: 55px;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
    z-index: 1;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.team-title > img {
    float: left;
    width: 100%;
}
.our-team-box:hover .team-title > h3 {
    bottom: 50%;
    height: 33px;
    margin-top: -24px;
	color:#888;
}
.our-team-box:hover .team-title > h3 > a {
	color:#888;
}
.team-title > h3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: roboto;
    font-size: 16px;
    height: 56px;
    left: 0;
    line-height: 16px;
    margin: 0;
    padding: 11px 0px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 100%;
    z-index: 24;
	color: #fff;
}
.team-title > h3 > a{
	color: #fff;
}
.team-title > ul {
    bottom: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    margin-left: -101px;
}
.team-title > ul > li {
    list-style: none outside none;
    margin: 0 15px;
    position: absolute;
    bottom: 15%;
    opacity: 0;
	filter:alpha(opacity=0);
	
	margin-bottom: 15px;
}
.team-title > ul > li > a {
    float: left;
    font-size: 23px;
    color: #777777;
}
.our-team-box:hover .team-title > ul > li.facebook {
	left:30px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.twitter {
	left:60px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.google-plus {
	left:90px;
	
    -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;
}
.our-team-box:hover .team-title > ul > li.linkedin {
	left:120px;
	
    -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;
}

.our-team-box:hover .team-title > ul > li.facebook {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
}
.our-team-box:hover .team-title > ul > li.twitter {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
}
.our-team-box:hover .team-title > ul > li.google-plus {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.3s;
    -moz-transition: all 0.5s ease 0.3s;
    -ms-transition: all 0.5s ease 0.3s;
    -o-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
}
.our-team-box:hover .team-title > ul > li.linkedin {
    opacity: 1;
	filter:alpha(opacity=100);
	
    bottom: 50%;
    margin-bottom: -50px;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.our-team-box > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul {
    border: medium none;
    padding: 0;
    margin: 0;
}
.our-team-sec.with-parallax .our-team-box > ul > li {
    border: 1px solid rgba(242, 242, 242, 0.37);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -moz-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -ms-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    -o-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
    box-shadow: 0 5px 27px rgba(0, 0, 0, 0.27) inset;
	
    float: left;
    margin: 20px 0 0;
    padding: 10px 20px 2px;
    width: 100%;
}
.our-team-sec.with-parallax .our-team-box > ul > li > h5 {
    color: #f8f8f8;
}
.our-team-sec.with-parallax .our-team-box > ul:before {
    display: none;
}
.our-team-box > ul > li > i {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #eae9e9;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #999999;
    float: left;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    margin-right: 18px;
    text-align: center;
    width: 30px;
}
.our-team-box > ul > li > h5 {
    color: #666666;
    display: block;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 29px;
    margin: 0;
}
.our-team-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 10px;
    width: 100%;
}
.our-team-box > ul > li > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
}
.our-team-box > ul > li:last-child {
    margin: 0;
}

/* Latest News */
.latest-news {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.news-hover {
    float: left;
    width: 100%;
    position: relative;
}
.news-hover > img {
    float: left;
    width: 100%;
    z-index: 2;
    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;
	
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-ms-border-radius:3px 3px 0px 0px;
	-o-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
}
.latest-news:hover .news-hover > img {
    opacity: 0.3;
	filter:alpha(opacity=30);
}

.news-hover > a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    left: 50%;
    top: 50%;
   
	-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;
	
    width: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
	
    -webkit-transform: rotatex(90deg) perspective(200px);
    -moz-transform: rotatex(90deg) perspective(200px);
    -ms-transform: rotatex(90deg) perspective(200px);
    -o-transform: rotatex(90deg) perspective(200px);
    transform: rotatex(90deg) perspective(200px);
	
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
	box-shadow:0px 0px 16px rgba(0,0,0,0.03) inset;
}
.news-hover > a > i{
	float:left;
	width:100%;
	line-height:40px;
}
.latest-news:hover .news-hover > a {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.news-detials {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    width: 100%;
    padding: 30px;
}
.news-detials > h3 {
    color: #666;
    float: left;
    font-family: Lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: -10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.news-detials > h3 > a {
    color: #666;
}
.news-detials > span {
    color: #7A7A7A;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 30px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.news-detials > span > i{
	margin-right:10px;
}
.news-detials > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #888;
    letter-spacing: 0.30px;
    line-height: 24px;
    margin: 0;
}

/* Our Plan Details */
.our-pan-details {
    float: left;
    width: 100%;
    margin-top: 17px;
}

.features-slide {
    float: left;
    width: 100%;
    margin-top: 45px;
}
.slide-feature-box {
    float: left;
    width: 100%;
    background: rgba(255,255,255,0.54);
    border: 1px solid #b4b4b4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 35px 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;
}
.slide-feature-box:hover > i{
	color:#fff;
}
.slide-feature-box > i {
    color: #555555;
    float: left;
    font-size: 50px;
    line-height: 44px;
    margin-bottom: 15px;
    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;
}
.slide-feature-box > span {
    float: left;
    text-align: center;
    width: 100%;
    font-size: 14px;
    color: #555555;
    font-family: roboto;
    letter-spacing: 0.30px;
    line-height: 10px;
	
	-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;
}
.slide-feature-box:hover > span{
	color:#fff;
}
.features-slide .owl-pagination {
    display: table;
    float: none;
    margin: 0 auto;
    margin-top: 30px;
}
.features-slide .owl-pagination .owl-page {
    background: none repeat scroll 0 0 #FFFFFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 6px;
    margin: 0 3px;
    width: 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;
}


/* portfolio */

.portfolio-sec  ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.portfolio-box  img {
    float: left;
    width: 100%;
    padding: 1px ;
}
.portfolio-sec  ul > li {
    float: left;
    width: 20%;
    list-style: none;
}
.portfolio-box {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.portfolio-box > h3 {
    color: #ffffff;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 17px;
    margin: -40px 0 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    
	-webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
	
    white-space: nowrap;
    width: 100%;
    z-index: 99999;
}
.portfolio-box > a > i {
    float: left;
    line-height: 29px;
    width: 100%;
}
.portfolio-box:hover h3 {
    bottom: 10px;
	
    opacity: 1;
	filter:alpha(opacity=1);
}
.portfolio-box > i {
    position: absolute;
    width: 100%;
    height: 20%;
    background: rgba(15,15,15,0.8);
    z-index: 9;
}
.portfolio-box > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #DBDBDB;
    font-size: 14px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    margin-left: -15px;
    margin-top: 6px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    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;
	
    width: 30px;
    z-index: 9999999999;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.portfolio-box:hover > a.search{
    margin-left: 5px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.5s;
    -moz-transition: all 0.4s ease 0.5s;
    -ms-transition: all 0.4s ease 0.5s;
    -o-transition: all 0.4s ease 0.5s;
    transition: all 0.4s ease 0.5s;
}

.portfolio-box > a:hover {
    background: #fff;
    color: #333;
}
.portfolio-box:hover > a.link {
    margin-left: -30px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transition: all 0.4s ease 0.4s;
    -moz-transition: all 0.4s ease 0.4s;
    -ms-transition: all 0.4s ease 0.4s;
    -o-transition: all 0.4s ease 0.4s;
    transition: all 0.4s ease 0.4s;
}
.portfolio-box > i{
    opacity: 0;
}
.portfolio-box > i.box1 {
	left:0;
	top:0;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box2 {
	right:0;
	top:20%;
	
	-webkit-transition:all 0.2s 0.1s;
	-moz-transition:all 0.2s 0.1s;
	-ms-transition:all 0.2s 0.1s;
	-o-transition:all 0.2s 0.1s;
	transition:all 0.2s 0.1s;
}
.portfolio-box > i.box3 {
	left:0;
	top:40%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box4 {
	right:0;
	top:60%;
	
	-webkit-transition:all 0.2s 0.2s;
	-moz-transition:all 0.2s 0.2s;
	-ms-transition:all 0.2s 0.2s;
	-o-transition:all 0.2s 0.2s;
	transition:all 0.2s 0.2s;
}
.portfolio-box > i.box5 {
	left:0;
	top:80%;
	
	-webkit-transition:all 0.2s 0.3s;
	-moz-transition:all 0.2s 0.3s;
	-ms-transition:all 0.2s 0.3s;
	-o-transition:all 0.2s 0.3s;
	transition:all 0.2s 0.3s;
}
.portfolio-box > i.box6,
.portfolio-box > i.box7,
.portfolio-box > i.box8{
    display:none;
}
.portfolio-box:hover i.box1, .portfolio-box:hover i.box3, .portfolio-box:hover i.box5, .portfolio-box:hover i.box7 {
    opacity: 1;
}
.portfolio-box:hover i.box2, .portfolio-box:hover i.box4, .portfolio-box:hover i.box6, .portfolio-box:hover i.box8 {
    opacity: 1;
}



/* Posrtfolio 2 */
.portfolio-sec2 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-sec2 > #portfolio-nav {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
#portfolio-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#portfolio-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 15px;
}
#portfolio-nav > ul > li:last-child {
    margin: 0;
}
#portfolio-nav > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 9px;
    overflow: hidden;
    padding: 13px 18px;
    position: relative;
    z-index: 0;
}
#portfolio-nav > ul > li > a:before {
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    
	-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;
	
    width: 100%;
	z-index: -1;
}
#portfolio-nav > ul > li > a.active {
    color: #FFFFFF;
}
#portfolio-nav > ul > li > a > i {
    font-size: 15px;
    margin-right: 10px;
}

#portfolio-nav > ul > li > a.active:before {
    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);
}
#portfolio-work {
    float: left;
    width: 100%;
}
#portfolio-work > div {
    float: left;
}
.portfolio-box2 {

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.portfolio-box2:before {
    background-color: rgba(81, 81, 81, 0.8);
    bottom: 0;
    content: "";
    height: 79px;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
	
	-webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}

.portfolio-box2:hover:before {
    height: 100%;
}
.portfolio-box2 > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    height: auto;
}
.portfolio-head {
    bottom: 0;
    height: 75px;
    left: 0;
    position: absolute;
	
    -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;
	
    width: 100%;
}
.portfolio-box2:hover .portfolio-head {
    bottom: 58px;
    height: 50%;
}
.portfolio-box2 > a {
    border: 2px solid rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 16px;
    height: 47px;
    left: 50%;
    line-height: 44px;
    margin-left: -23.5px;
    margin-top: 29px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 20%;
	
    -webkit-transform: scale(2) rotatey(180deg);
    -moz-transform: scale(2) rotatey(180deg);
    -ms-transform: scale(2) rotatey(180deg);
    -o-transform: scale(2) rotatey(180deg);
    transform: scale(2) rotatey(180deg);
    
	-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;
	
    width: 47px;
}
.portfolio-box2 > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:45px;
}
.portfolio-box2:hover a {
    margin-top: 4px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    top: 50%;
	
    -webkit-transform: scale(1) rotatey(0deg);
    -moz-transform: scale(1) rotatey(0deg);
    -ms-transform: scale(1) rotatey(0deg);
    -o-transform: scale(1) rotatey(0deg);
    transform: scale(1) rotatey(0deg);
}
.portfolio-head > h3 {
    color: #FFFFFF;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 14px 0 12px;
    text-align: center;
}
.portfolio-head > h3 a{
	color:#fff;
}
.portfolio-head > span {
    color: #dbdbdb;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 28px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-head > i {
    border: 3px solid rgba(255, 255, 255, 0.4);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: -16px;
    color: #FFFFFF;
    height: 32px;
    left: 50%;
    line-height: 27px;
    margin-left: -16px;
    position: absolute;
    text-align: center;
    
	-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;
	
    width: 32px;
}
.portfolio-box2:hover .portfolio-head > i {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}

/* Portfolio 4 */
.portfolio-style4-sec {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-style4-sec > .row {
    float: left;
    margin: 0;
    width: 100%;
}
.portfolio-style4-sec > .row > div {
    float: left;
    width: 100%;
}
.portfolio-style4-sec > .row > div > .isotope-item {
    padding: 0;
}
.portfolio-style4 {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-style4:before {
    background: none repeat scroll 0 0 rgba(21, 20, 20, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-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;
    -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;
	
    width: 50%;
}
.portfolio-style4:after {
    background: none repeat scroll 0 0 rgba(21, 20, 20, 0.8);
    content: "";
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    
	-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 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
	
    width: 50%;
}
.portfolio-style4:hover:before {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.portfolio-style4:hover:after {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.portfolio-style4 > img {
    float: left;
    width: 100%;
}
.portfolio-style4 > ul {
    left: 50%;
    list-style: none outside none;
    margin: -100px 0 0 -50px;
    opacity: 0;
    padding: 0;
    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;
    
	width: 100px;
    z-index: 999;
}
.portfolio-style4:hover > ul {
    margin-top: -65px;
    opacity: 1;
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
}
.portfolio-style4 > ul > li {
    float: left;
}
.portfolio-style4 > ul > li > a {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    float: left;
    font-size: 15px;
    height: 41px;
    line-height: 41px;
    margin: 0 4px;
    text-align: center;
    
	-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;
	
    width: 41px;
}
.portfolio-style4 > ul > li > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:39px;
}
.portfolio-style4 > h3 {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 22px;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 30px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    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;
	
    white-space: nowrap;
    width: 100%;
    z-index: 99;
}
.portfolio-style4:hover > h3 {
    margin-top: -10px;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style4 > span {
    color: #c7c7c7;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    margin-top: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
	white-space: nowrap;
	padding: 0 30px;
    overflow: hidden;
	text-overflow: ellipsis;
	
	-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;
	
    width: 100%;
    z-index: 99999;
}
.portfolio-style4:hover > span {
    margin-top: 30px;
    opacity: 1;
	
    -webkit-transition: all 0.4s ease 0.8s;
    -moz-transition: all 0.4s ease 0.8s;
    -ms-transition: all 0.4s ease 0.8s;
    -o-transition: all 0.4s ease 0.8s;
    transition: all 0.4s ease 0.8s;
}


/* Portfolio Style 5 */
.portfolio-style5-sec {
    float: left;
    width: 100%;
}
#options {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.option-isotop {
    float: left;
    width: 100%;
}
.option-set {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.option-set > li {
    float: left;
}
.option-set > li:first-child > a {
    padding-left: 0;
}

.option-set > li:first-child > a:before {
    display: none;
}
.option-set > li > a i {
    margin-right: 15px;
}
.portfolio-style5 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.option-set > li > a {
    border-right: 1px solid #696969;
    color: #696969;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 0 35px;
    position: relative;
}

.option-set > li > a:before {
    background: none repeat scroll 0 0 #e8ecec;
    bottom: -12px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    
	-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;
	
    width: 20px;
}
.portfolio-style5-box {
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-style5-box:before {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.83);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 100%;
    
	-webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
	
    width: 100%;
}
.portfolio-style5:hover > .portfolio-style5-box:before {
    top: 0;
}
ul.hover-btns {
    left: 50%;
    list-style: none outside none;
    margin: -19px 0 0 -55px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 90%;
    
	-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;
	
    width: 110px;
}
ul.hover-btns > li {
    float: left;
    margin: 0 8px;
}
ul.hover-btns > li > a {
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #fff;
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    
	-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;
	
    width: 38px;
}
ul.hover-btns > li > a > i{
	float:left;
	width:100%;
	line-height:38px;
}
.portfolio-style5:hover > .portfolio-style5-box > ul.hover-btns {
    opacity: 1;
    top: 50%;
    
	-webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
	
    -webkit-transition: all 0.6s ease 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    -ms-transition: all 0.6s ease 0.2s;
    -o-transition: all 0.6s ease 0.2s;
    transition: all 0.6s ease 0.2s;
}
.portfolio-carousal {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-bottom: 20px;
}
.portfolio-style5-sec > .row {
    margin: 0 -7px;
}
#portfolio-style5 > div {
    padding: 0 7px;
}
.portfolio-carousal li {
    float: left;
    list-style: none outside none;
    position: relative;
    width: 100%;
}
.portfolio-carousal li > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-carousal .owl-pagination {
    bottom: 20px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.portfolio-carousal .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cbcbcb;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: none;
	display:inline-flex;
    height: 7px;
    margin: 0 2px;
    
	-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;
	
    width: 7px;
}
.portfolio-carousal .owl-pagination > .owl-page.active {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.portfolio-style5 > h3 {
    border-bottom: 1px solid #f5f5f5;
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0;
    padding-bottom: 10px;
    width: 100%;
}
.portfolio-style5 > h3 > a {
    color: #656565;
	float: left;
}
.portfolio-style5 > h3 > a > i {
    float: left;
    line-height: 25px;
    margin-right: 15px;
}
.portfolio-style5 > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}
.portfolio-style5-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}


/* Portfolio Style 6 */
.portfolio-style6-sec {
    float: left;
    width: 100%;
}
#portfolio-style6 {
    float: left;
    width: 100%;
}
.portfolio-style6 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style6-box {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.portfolio-style6-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-style6-box > span {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-size: 16px;
    height: 34px;
    left: 8px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 8px;

	-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;
	
    width: 48px;
}
.portfolio-style6:hover > .portfolio-style6-box > span {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.83);
    color: transparent;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.portfolio-style6-box > .hover-btns {
    top: 20%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    z-index: 999;
}
.portfolio-style6:hover .portfolio-style6-box > .hover-btns {
    opacity: 1;
    top: 50%;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.portfolio-style6 > h3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -6px 0 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style6 > h3 a{
	color: #656565;
}
.portfolio-style6 > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


/* Portfolio 8 */
.portfolio-style8-sec {
    float: left;
    width: 100%;
}
#portfolio-style8 {
    float: left;
    width: 100%;
}
.portfolio-style8 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style8-box {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.portfolio-style8-box > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.portfolio-style8-box > .hover-btns {
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.portfolio-style8-box:before {
    background: none repeat scroll 0 0 rgba(250, 250, 250, 0.8);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
	
    -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;
	
    width: 100%;
}
.portfolio-style8:hover .portfolio-style8-box:before {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.portfolio-style8:hover .portfolio-style8-box > .hover-btns {
    opacity: 1;
    
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.6s;
    -moz-transition: all 0.4s ease 0.6s;
    -ms-transition: all 0.4s ease 0.6s;
    -o-transition: all 0.4s ease 0.6s;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style8 > h3 {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style8 > h3 > a{
	color:#656565;
}
.portfolio-style8 > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
	margin-bottom:10px;
}
.portfolio-style8 > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    padding: 8px 11px;
}
.portfolio-style8 > span {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 27px;
}

/* Portfolio 9 Style */
.portfolio-style9-sec {
    float: left;
    width: 100%;
}
#portfolio-style9 {
    float: left;
    width: 100%;
}
.portfolio-style9 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.portfolio-style9-box {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.portfolio-style9-box:hover:before {
    top: 0;
}
.portfolio-style9-box:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
}
.portfolio-style9-box img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-style9-box > h3, .portfolio-carousal li > h3 {
    bottom: 0;
    color: #656565;
    font-family: roboto;
    font-size: 14px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 36px;
    margin: 0;
    padding: 22px 20px 4px;
    position: absolute;
    width: 100%;
	z-index: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;
}
.portfolio-style9:hover .portfolio-style9-box > h3:before {
    opacity: 0;
}
.portfolio-style9:hover .portfolio-style9-box > h3 {
    bottom: 50%;
    margin-bottom: -30px;
    text-align: center;
}
.portfolio-style9 ul.hover-btns {
    opacity: 0;
    top: 50%;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    z-index: 9999;
}
.portfolio-style9:hover ul.hover-btns {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	margin-top:-60px;
}
.portfolio-style9-box > h3 > a, .portfolio-carousal li > h3 > a {
    color: #656565;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-style9-box > h3:before, .portfolio-carousal li > h3:before{
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.portfolio-style9-box > h3:before, .portfolio-carousal li > h3:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 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;
	
    width: 100%;
    z-index: -1;
}
.portfolio-style9:hover .portfolio-style9-box > h3 {
    bottom: 50%;
}
.portfolio-style9 .portfolio-carousal .owl-pagination {
	bottom:auto;
	top:10px;
}
.portfolio-style9 .portfolio-carousal {
    margin: 0;
}

/* Inner Page Head */
.inner-head-sec {
    padding: 40px 0;
}
.inner-head-sec > .black:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.inner-head {
    float: left;
    width: 100%;
}
.inner-head h2 {
    color: #ffffff;
    float: left;
    font-family: Lato;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 53px;
    margin: 0 0 25px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.inner-title {
    float: left;
    width: 100%;
}
.breadcrumbs {
    display: table;
    float: none;
    margin: 0 auto;
}
.breadcrumbs > a {
    color: #ffffff;
    float: left;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0;
    padding-right: 40px;
	
    -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;
	
	position:relative;
}

.breadcrumbs > a:last-child:before {
    display: none;
}
.breadcrumbs > a:last-child {
    padding: 0;
}
.breadcrumbs > a:before {
    background: none repeat scroll 0 0 #777777;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "ï„…";
    font-family: fontawesome;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: 14px;
    text-align: center;
    top: 0;
    width: 17px;
}
.breadcrumbs > a:hover {
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.inner-title > span {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-top: -5px;
    width: 100%;
	 margin-bottom: 15px;
     text-align: center;
}

/* Our Office */
.our-office-sec {
    float: left;
    width: 100%;
}
#our-office {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0 0 30px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#our-office > .tab-pane {
    float: left;
    width: %;
    position: relative;
}
#our-office > div > img {
    float: left;
    width: 100%;
}
.about-tab-desc {
    background: rgba(235,235,235,0.97);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50%;
    left: 2%;
    margin-bottom: 15px;
    position: absolute;
    
	-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;
	
    width: 96%;
    padding: 20px;
}

#our-office > .tab-pane.active > .about-tab-desc {
    bottom: 0;
}
.about-tab-desc > h3 {
    color: #434242;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: -8px 0 0;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 15px;
}
.about-tab-desc > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.about-tab-desc > ul > li > span {
    color: #353535;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    width: 100%;
}
.about-tab-desc > ul > li > span > i {
    margin-right: 10px;
	color: #777777;
}
.about-tab-desc > ul > li {
    float: left;
    list-style: none;
    margin-right: 30px;
}

.about-tab-desc > ul > li > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    font-size: 11px;
    color: #777777;
    letter-spacing: 0.30px;
    margin-left: 20px;
    margin-top: 6px;
    line-height: 9px;
    letter-spacing: 0.30px;
}
#our-office-thumb {
    border: medium none;
    float: left;
    padding: 0;
}
#our-office-thumb > li a > span {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 15px;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    z-index: 9;
}
#our-office-thumb > li a > img {
    float: left;
    width: 100%;
}
#our-office-thumb > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    margin: 0;
    position: relative;
}
#our-office-thumb > li a {
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
	
	-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;	
}

#our-office-thumb > li a:hover {
    opacity: 0.5;
	filter:alpha(opacity=50);
}
#our-office-thumb > li:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
    z-index: 9;
}

#our-office-thumb > li.active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}



/* Our Branches */
#branches {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.w-our-branches.branch-box > ul {
    float: left;
    padding: 0;
    width: 100%;
}
.w-our-branches.branch-box{
	margin-top:30px;
}
.w-our-branches.branch-box > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    padding: 0;
    width: 100%;
}
.w-our-branches.branch-box > ul > li:last-child {
    border: medium none;
}
.w-our-branches.branch-box > ul > li > p > strong {
    margin-bottom: 10px;
}
.w-our-branches.branch-box > ul > li > a {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > p {
    float: left;
    margin: 0;
    padding-right: 30px;
    width: 50%;
}
.w-our-branches {
    float: left;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    line-height: 10px;
    margin: 0 0 15px;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > a > span {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-our-branches > ul {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.w-our-branches ul li {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #E4E4E4;
    float: left;
    list-style: none outside none;
    padding: 24px 16px;
    width: 100%;
	border-bottom:rgba(0,0,0,0)
}
.w-our-branches > ul > li:last-child{
	border-bottom:1px solid #e4e4e4;
}
.w-our-branches li span {
    float: left;
    overflow: hidden;
    width: 100%;
	padding-right: 20px;

}
.w-our-branches > ul > li > a {
    float: left;
    width: 30%;
}
.w-our-branches li span img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-our-branches li p {
    color: #777777;
    display: block;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.35px;
    margin: 5px 0;
    padding-left: 25px;
    width: 70%;
    line-height: 14px;
    position: relative;
}
.w-our-branches li h6 {
    color: #00A0CA;
    display: block;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.35px;
    margin: 0 0 13px;
}
.w-our-branches li h6 i {
    color: #494848;
    font-size: 14px;
    margin-bottom: 0;
    margin-right: 12px;
    text-align: center;
    width: 8%;
}
.w-our-branches li p i {
    color: #777777;
    font-size: 14px;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 20px;
}
.w-our-branches li p > strong {
    color: #666666;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2px;
    width: 100%;
}


/* About Sec */
.about-sec {
    float: left;
    width: 100%;
}

.about-sec img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.about-sec h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 15px;
    width: 100%;
}
.about-sec p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 23px;
    width: 100%;
}
.about-sec a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 15px;
    padding: 12px 17px;
	
    -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;
}
.about-sec a:hover{
	color:#fff;
}
.our-project-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/* All Project */
#all-project-nav {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}

#all-project-nav > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#all-project-nav > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 20px;
}
#all-project-nav > ul > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 18px;
    position: relative;
    z-index: 0;
}
#all-project-nav > ul > li > a:before {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    
	-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;
	
    width: 100%;
    z-index: -1;
}
#all-project-nav > ul > li > a.active {
    color: #FFFFFF;
}
#all-project-nav > ul > li > a.active:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
	opacity:1;
	filter:alpha(opacity=100);
}
#all-project {
    float: left;
    margin-top: -30px;
    width: 100%;
}
#all-project > div {
    float: left;
}
.all-projects {
    border: 1px solid #E1E7E7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.all-projects > img {
    float: left;
    width: 100%;
}
.all-projects:hover .all-project-desc {
    height: 100%;
	
    -webkit-transition: all 0.5s ease 0.4s;
    -moz-transition: all 0.5s ease 0.4s;
    -ms-transition: all 0.5s ease 0.4s;
    -o-transition: all 0.5s ease 0.4s;
    transition: all 0.5s ease 0.4s;
}
.all-project-desc {
    bottom: 0;
    height: 25%;
    left: 0;
    position: absolute;
    
	-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;
	
    width: 100%;
    z-index: 7;
}
.all-project-desc > h2 {
    bottom: 50%;
    color: #dfdddd;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    letter-spacing: 0.3px;
    margin-bottom: -27px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 0 25px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.all-projects:hover .all-project-desc > h2 {
    bottom: 50%;
    margin-bottom: -68px;
}
.all-project-desc > h2 > a {
    color: #DFDDDD;
}
.col-md-3 .all-project-desc > h2 > a {
    float: left;
    font-size: 12px;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.all-projects:before {
    background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
    bottom: 0;
    content: "";
    height: 25%;
    left: 0;
    position: absolute;
    width: 100%;
}
.all-project-desc > span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 100%;
}
.all-projects:hover .all-project-desc > span > img {
    margin-top: -80px;
    top: 50%;
	
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.all-project-desc > span > img {
    border: 2px solid rgba(255, 255, 255, 0.14);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
	width: 80px;
	height: 80px;
	
    left: 50%;
    margin-left: -40px;
    position: absolute;
    top: -40px;
	
    -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;
}
.all-projects:hover .all-project-desc > span > i {
    margin-top: 25px;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 50%;
    width: 100%;
}
.all-project-desc > span > i {
    color: #C1C1C1;
    font-family: roboto;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    right: 0;
    text-indent: 46px;
    top: 10px;
    
	-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;
	
    width: 50%;
	text-align: left;
}
.all-project-desc > a {
    border: 2px solid rgba(255, 255, 255, 0.14);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 14px;
    height: 35px;
    left: 50%;
    line-height: 33px;
    margin-left: -17.5px;
    margin-top: -17.5px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    
	-webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -ms-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
	
    width: 35px;
}
.all-project-desc > a > i{
	float:left;
	width:100%;
	line-height:33px;
}
.all-projects:hover .all-project-desc > a {
    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);
}
.all-projects > i {
    background: none repeat scroll 0 0 rgba(25, 25, 25, 0.9);
    height: 12.5%;
    left: 0;
    position: absolute;
    
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
	
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
	
}
.all-projects:hover > i {
    opacity: 1;
	filter:alpha(opacity=100);
}
.all-projects > i.box1 {
    bottom: 25%;
	
	-webkit-transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.1s;
	-ms-transition: all 0.3s ease 0.1s;
	-o-transition: all 0.3s ease 0.1s;
	transition: all 0.3s ease 0.1s;
}
.all-projects > i.box2 {
    bottom: 37.5%;
	
	-webkit-transition: all 0.3s ease 0.2s;
	-moz-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
	transition: all 0.3s ease 0.2s;
}
.all-projects > i.box3 {
    bottom: 50%;
	
	-webkit-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	-ms-transition: all 0.3s ease 0.3s;
	-o-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
}
.all-projects > i.box4 {
    bottom: 62.5%;
	
	-webkit-transition: all 0.3s ease 0.4s;
	-moz-transition: all 0.3s ease 0.4s;
	-ms-transition: all 0.3s ease 0.4s;
	-o-transition: all 0.3s ease 0.4s;
	transition: all 0.3s ease 0.4s;
}
.all-projects > i.box5 {
    bottom: 75%;
	
	-webkit-transition: all 0.3s ease 0.5s;
	-moz-transition: all 0.3s ease 0.5s;
	-ms-transition: all 0.3s ease 0.5s;
	-o-transition: all 0.3s ease 0.5s;
	transition: all 0.3s ease 0.5s;
}
.all-projects > i.box6 {
    bottom: 87.5%;
	
	-webkit-transition: all 0.3s ease 0.6s;
	-moz-transition: all 0.3s ease 0.6s;
	-ms-transition: all 0.3s ease 0.6s;
	-o-transition: all 0.3s ease 0.6s;
	transition: all 0.3s ease 0.6s;
}



/* Pagination */
.c-pagination {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 70px;
    overflow: hidden;
    padding: 19px 0;
    position: relative;
    width: 100%;
	
	background-image: url("../images/resource/sec-bg9.jpg");	
}
.c-pagination .fixed-img {
    display: none;
}
.c-pagination > .container {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}
.pagination {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    position: relative;
    z-index: 9;	
}
.pagination > ul > li > a.active {
    color: #FFFFFF;
}
.pagination > a#prev {
    left: 20px;
    position: absolute;
    top: 1px;
}
.pagination > a#next {
    right: 20px;
    position: absolute;
    top: 1px;
}
.pagination > a {
    background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fafafa;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 10px 20px;
    position: relative;
	border:1px solid rgba(236,236,236,0.6);
}
.pagination > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.pagination > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 5px;
}
.pagination > ul > li > a {
    background: none repeat scroll 0 0 rgba(107, 107, 107, 0.56);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fafafa;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 400;
    height: 32px;
    line-height: 28px;
    text-align: center;
    
	-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;
	
	border:1px solid rgba(236,236,236,0.6);
	
    width: 32px;
}
.c-pagination .black:before {
    opacity: 0;
	filter:alpha(opacity=0);
}	
.pagination > ul > li > a:hover {
    color: #FFFFFF;
}
.pagination > a > i {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FFFFFF;
    font-size: 11px;
    height: 13px;
    line-height: 11px;
    position: absolute;
    text-align: center;
    width: 13px;
}
.pagination > a#next > i {
    right: -6px;
}
.pagination > a#prev > i {
    left: -6px;
}

/* Related Project */
#related-project {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.related-project {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.related-thumb {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.related-project:hover .related-thumb:before {
    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);
}
.related-thumb:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
}
.related-thumb > img {
    float: left;
    width: 100%;
	height: auto;
}
.related-thumb > span {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 5px;
    color: #ffffff;
    font-family: roboto;
    font-size: 11px;
    line-height: 12px;
    padding: 10px;
    position: absolute;
    right: 5px;
    text-align: center;
	
    -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;
}
.related-project:hover .related-thumb > span {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.related-thumb > span > i {
    float: left;
    font-style: normal;
    width: 100%;
}
.related-thumb > a {
    color: #404040;
    font-size: 16px;
    left: 50%;
    margin-left: -10px;
    margin-top: -7px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
	
    -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;
}
.related-project:hover .related-thumb > a {
    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);
}
.related-project > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 10px 0;
    width: 100%;
}
.related-project > h3 > a {
    color: #666;
}
.related-project > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -6px 0 0;
    width: 100%;
}

/* Inner Left Sec */
.inner-left {
    float: left;
    width: 100%;
}


/* Post */
.post {
    float: left;
    margin-bottom: 40px;
    position: relative;
    width: 100%;
}

.post-metas {
    float: left;
    width: 100%;
    overflow: hidden;
}
.post-metas iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
    
	float: left;
    height: 200px;
    width: 100%;
}
.post-metas > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 5px;
}
.post-metas > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
}

.post-metas > ul > li > a {    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 8px;
    padding: 7px 10px;
}
.post-metas > ul > li > a > i {
    font-size: 13px;
    margin-right: 5px;
}
.post-metas > ul > li:last-child {
    margin: 0;
}
.post-metas > div {
    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;
	
    overflow: hidden;
}

.single-post .post-metas > div:before {
    display: none;
}

.single-post .post-metas > div:after {
    display: none;
}
.single-post .post-metas > div a {
    display: none;
}
.post-metas > div > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	height: auto;
}
.post-desc {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.one-column .post-desc {
    margin: 0;
}
.one-column .post-desc > h2 {
    margin: 20px 0 10px;
}

.one-column .post-desc > p {
    margin-bottom: 20px;
}
.post-desc > h2 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 20px;
    width: 100%;
}
.post-desc > h2 > a {
    color: #666;
	
    -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;
}
.post-desc > p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
.post-desc > a {
    background: #fff;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 10px 15px;
    
	-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;
	
    border: 1px solid #e8ecec;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.post-desc > a:hover{
	color:#fff;
}
/* Single Post */
.meta-tags {
    float: left;
    margin: -10px 0 0;
    padding: 0;
    width: 50% !important;
}
.meta-tags > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    margin-top: 10px;
}
.meta-tags > li > i {
    color: #282828;
    float: left;
    font-size: 15px;
    line-height: 32px;
    margin-right: 10px;
}
.meta-tags > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 9px;
    padding: 10px;
	
    -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;
}
.meta-tags > li > a:hover {
    color: #FFFFFF;
}
.post-social {
    float: right !important;
    margin: 0;
    padding: 0;
    width: auto !important;
}
.post-social > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
.post-social > li > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 33px;
    letter-spacing: 0.3px;
    line-height: 32px;
    text-align: center;
    
	-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;
	
    width: 35px;
}
.post-social > li > a:hover {
    color: #FFFFFF;
}
.post-social > li > a > i {
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
.post-social > li:last-child {
    margin-right: 0;
}
/* Comment Sec */
.comment-sec {
    float: left;
    margin-top: 70px;
    width: 100%;
}
#comment {
    float: left;
    width: 100%;
}
#comment > ul {
    float: left;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
#comment > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 30px;
    width: 100%;
}
.comment {
    float: left;
    width: 100%;
}
.comment-avatar {
    float: left;
    margin-right: 30px;
    width: 87px;
}
.comment-avatar > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%;
}
.comment-avatar > span > img {
    float: left;
    width: 100%;
}
.comment-avatar > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 5px 10px;
}
.user-comment {
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #E1E1E1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    padding: 40px;
    position: relative;
    width: 86%;
}
.user-comment > a {
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;	
}
.user-comment > a > i {
    color: #666666;
    font-family: roboto;
    font-size: 11px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-left: 10px;
}
.user-comment > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    width: 100%;
}
#comment > ul > li > ul {
    float: left;
    padding-left: 119px;
    width: 100%;
}
#comment > ul > li > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#comment > ul > li > ul > li > .comment > .user-comment {
    width: 84%;
}
#comment > ul > li > ul > li > ul {
    float: left;
    padding-left: 119px;
    width: 100%;
	margin-top: 30px;
}
#comment > ul > li > ul > li > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#comment > ul > li > ul > li > ul > li .comment > .user-comment {
    width: 81%;
}
.reply {
    background: none repeat scroll 0 0 #F9F9F9;
}

.reply:before {
    background: none repeat scroll 0 0 #F9F9F9;
    border-right: 1px solid #E1E1E1;
    border-top: 1px solid #E1E1E1;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: -6px;
    
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	
    width: 10px;
}

/* About the AUthor */
.author-post-sec {
    border-bottom: 1px dashed #C8C8C8;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    border-top: 1px dashed #C8C8C8;
    float: left;
    margin-bottom: 50px;
    margin-top: 50px;
    overflow: hidden;
    padding: 35px;
    position: relative;
    width: 100%;
}
.author-post {
    float: left;
    position: relative;
    width: 100%;
    z-index: 9;
}
.author-post > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 35px;
    overflow: hidden;
}
.author-post > span > img {
    float: left;
    width: 100%;
}
.author-post > a {
    color: #666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.author-post > a > i {
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}
.author-post > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
#related-project-sec {
    float: left;
    margin-top: -30px;
    position: relative;
    width: 100%;
}
.single-project-sec {
    float: left;
    position: relative;
    width: 100%;
}



/* Sidebar */
.s-related-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

/* Sidebar Flicr Widget */
.s-flicr-widget{
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.s-flicr-widget a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.s-flicr-widget a:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    
	-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;
	
    width: 100%;
}
.s-flicr-widget a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.s-flicr-widget a:before {
    color: #FFFFFF;
    content: "�";
    font-family: FontAwesome;
    left: 50%;
    margin-left: -6px;
    margin-top: -8px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
    z-index: 1;
}
.s-flicr-widget > .row {
    float: left;
    margin-top: -20px;
    padding: 0 5px;
}
.s-flicr-widget a:hover:before {
    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);
}

.s-flicr-widget a > img {
    float: left;
    width: 100%;
}
.s-flicr-widget > .row > div {
    padding: 0 10px;
}

/* Sidebar Categories Widget */
.s-category-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.s-category-widget > ul {
    float: left;
    margin: -15px 0 0;
    padding: 0;
    width: 100%;
}
.s-category-widget > ul > li {
    border-bottom: 1px solid #E4E4E4;
    float: left;
    list-style: none outside none;
    width: 100%;
}
.s-category-widget > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 18px;
    padding: 15px 0;
    position: relative;
	
    -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;
	
    width: 100%;
}
.s-category-widget > ul > li > a > i {
    color: #888;
    float: left;
    font-size: 18px;
    margin-right: 20px;
    margin-top: 1px;
	
    -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;
}
.s-category-widget > ul > li > a:hover > i {
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}
.s-category-widget > ul > li > a > span {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    line-height: 10px;
    padding: 7px 6px;
    position: absolute;
    right: 0;
}

/* Sidebar Testimonial */
.s-testimonial {
    margin-bottom: 30px;
}


/* Sidebar Twitter Widget  */
.s-twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget {
    float: left;
    width: 100%;
}
.twitter-widget {
    background-image: url("../images/resource/twitter-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.11) inset;
	
    float: left;
    padding: 20px;
    width: 100%;
}
.twitter-widget > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.twitter-widget > ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.twitter-widget > ul li > p {
    color: #414040;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    width: 100%;
}
.twitter-widget > ul li > a {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 15px;
    width: 100%;
}
.twitter-widget > ul li > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: lighter;
    line-height: 10px;
    margin-bottom: 110px;
    width: 100%;
}
.twitter-widget > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 5px 10px;
}


/* Widget Top Faq */
.s-faq-widget {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.w-top-faq {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-top-faq > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-top-faq > ul > li {
    -webkit-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0px 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    width: 100%;
	padding: 15px;
}
.w-top-faq > ul  > li:last-child {
    margin: 0;
}
.w-top-faq > ul > li > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #777777;
    float: left;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-top: 7px;
}
.w-top-faq > ul > li > a {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0;
}
.w-top-faq > ul > li > span {
    float: left;
    padding-left: 20px;
    width: 100%;
}

/* Widget Support Team */
.s-support-team {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.support-team-sec .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: 41px;
    width: 100%;
}
.support-team-sec {
    float: left;
    position: relative;
    width: 100%;
}
.support-team {
    float: left;
    position: relative;
    width: 100%;
}
.support-team-sec .owl-buttons .owl-prev {
    left: 0;
    margin: 0;
    position: absolute;
}
.support-team-sec .owl-buttons .owl-next {
    right: 0;
    margin: 0;
    position: absolute;
}
.support-team > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    margin: 0 auto;
    overflow: hidden;
}
.support-team > span > img {
    float: left;
    width: 100%;
}
.support-team > ul {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 15px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.support-team > ul > li {
    border-bottom: 1px solid #e8ecec;
 
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    padding: 15px 0 15px 15px;
    width: 100%;
}
.support-team > ul > li:last-child {
    border: medium none;
}
.support-team > ul:before {
    background: none repeat scroll 0 0 #FFFFFF;

	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 0;
}
.support-team > ul > li > span {
    display: inline;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
	color: #666666;
}
.support-team > ul > li > i {
    float: left;
    line-height: 20px;
    margin-right: 26px;
    position: relative;
    text-align: center;
    width: 23px;
	color: #666666;
}
.support-team > ul > li > span > i {
    font-size: 11px;
    font-style: normal;
    text-transform: uppercase;
}




/* Widhet Get Help */
.w-get-help {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.w-get-help > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.w-get-help > ul > li {
    border-bottom: 1px solid #E8ECEC;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    list-style: none outside none;
    padding: 15px;
    width: 100%;
}
.w-get-help ul li:last-child {
    margin: 0;
	border-bottom:0;
}
.w-get-help ul li span {
    border: 3px solid #666;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #666;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    line-height: 14px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}
.w-get-help > ul > li:hover span {
    border-color: #E96353;
    color: #E96353;
}
.w-get-help > ul > li:hover h3 {
    color: #E96353;
}
.w-get-help ul li p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
}
.w-get-help ul li > i {
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    text-decoration: underline;
}
.w-get-help ul li p i {
    font-style: normal;
    text-decoration: underline;
}
.w-get-help ul li h3 {
    color: #666666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 0;
}
.w-get-help > ul > li ul {
    float: left;
    margin-top: 30px;
    padding: 0;
    width: 100%;
}
.w-get-help > ul > li ul li {
    float: left;
    list-style: none outside none;
    margin-bottom: 15px;
    width: 100%;
}
.w-get-help > ul > li ul li i {
    color: #888;
    float: left;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 25px;
    text-align: center;
    text-decoration: none;
    width: 10%;
}
.w-get-help > ul > li ul li p {
    display: block;
    float: none;
    line-height: 12px;
    margin: 0;
    width: auto;
}

/* Find A Place or Job */
.find-a-job {
    float: left;
    width: 100%;
}
.find-a-job > form {
    float: left;
    width: 50%;
}
.find-a-job > form#job {
    margin-right: 30px;
    width: 45%;
}
.find-a-job > form#place {
    width: 52%;
}
.find-a-job > form#place > input {
    margin-right: 30px;
    width: 86%;
}
.find-a-job > form#place > a {
    border: 2px solid rgba(255, 255, 255, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    height: 50px;
    line-height: 43px;
    text-align: center;
    width: 53px;
}
.find-a-job > form > label {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}
.find-a-job > form > input {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #9B9B9B;
    float: left;
    font-family: roboto;
    font-size: 15px;
    padding: 14px 30px;
    width: 100%;
}
#latest-job-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}

/* FAQ */
.about-desc > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}

/* History Page */
.history-box-sec:hover .history-box {
    background-position: right 0 bottom -200px;
}
.history-box {
    background-image: url("../images/resource/history.png");
    background-position: right -220px bottom -200px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: -40px;
    overflow: hidden;
    padding: 100px 0;
    position: relative;
	
    -webkit-transition: all 10s ease 0s;
    -moz-transition: all 10s ease 0s;
    -ms-transition: all 10s ease 0s;
    -o-transition: all 10s ease 0s;
    transition: all 10s ease 0s;
	z-index: 0;
}
.history-box-sec {
    float: left;
    margin-right: 30px;
    position: relative;
    width: 270px;
	margin-bottom: 50px;
}
.history-box:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.history-head {
    background: none repeat scroll 0 0 #CECECE;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 200px;
    line-height: 200px;
    margin: 0 auto -100px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 2147483647;
	
	-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;
}
.history-head > span {
    background: none repeat scroll 0 0 #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    height: 160px;
    position: relative;
    width: 160px;
    z-index: 2147483647;
}
.history-head > span > i.in {
    color: #CECECE;
    float: left;
    font-family: FontAwesome;
    font-size: 63px;
    height: 100%;
    left: 0;
    line-height: 160px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: absolute;
    text-align: center;
    top: 0;
	
    -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;
	
    width: 100%;
}
.history-head > span > i {
    font-family: roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: bold;
    height: 10%;
    left: 0;
    line-height: 160px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
	
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    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;
}
.history-box-sec:hover .history-head > span > i.in {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.history-box-sec:hover .history-head > span > 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);
}
.history-date {
    float: left;
    margin-bottom: 30px;
    margin-top: 50px;
    position: relative;
    width: 100%;
}
.history-date > h3 {
    font-family: roboto;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 58px;
    margin: 0;
    position: absolute;
    text-align: center;
	
    -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;
	
	color: #666666;
	
    width: 100%;
}
.history-date > i {
    color: #888;
    font-size: 63px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    -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;
	
    width: 100%;
	opacity:0;
	filter:alpha(opacity=0);
}
.history-box-sec:hover .history-date > h3 {
    opacity: 0;
	filter:alpha(opacity=0);
	
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.history-box-sec:hover .history-date > 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);
}
.history-box > h4 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-top: 38px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.history-box > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 24px;
    margin: 0 0 5px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.history-box-sec > a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #CECECE;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: table;
    float: none;
    height: 80px;
    margin: 0 auto;
    position: relative;
    
	-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;
	
    width: 80px;
    z-index: 2147483647;
}
.history-box-sec > a > i {
    color: #555555;
    float: left;
    font-size: 22px;
    line-height: 68px;
    text-align: center;
    width: 100%;
}
#content_1 .mCSB_scrollTools .mCSB_draggerRail {
    background: none repeat scroll 0 0 #B6B4B5;
}
#content_1 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
#content_1 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 10px;
    margin: 3px auto;
    width: 100%;
}


/* Gallery 1 */
.gallery {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.gallery-sec {
    float: left;
    margin-top: -40px;
    width: 100%;
}
.gallery-hover {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.gallery-hover:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 50%;
}
.gallery-hover:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    right: -50%;
    position: absolute;
    top: 0;
    
	-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;
	
    width: 50%;
}
.gallery-hover > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;

    height: auto;
}
.gallery:hover .gallery-hover:before {
    left: 50%;
}
.gallery:hover .gallery-hover:after {
    right:50%;
}
.gallery:hover .gallery-hover > a {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
	
	opacity:1;
	filter:alpha(opacity=100);
}
.gallery-hover > a {
    color: #FFFFFF;
    font-size: 30px;
    left: 50%;
	margin-left: -15px;
	margin-top: -22px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 50%;
	
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -ms-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    
	-webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -ms-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
    transition: all 0.5s ease 0.1s;
	
    z-index: 9999;
}
.gallery > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 15px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.gallery > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.gallery > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 5px;
}
.gallery > ul > li > a {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 7px 10px;
}
.gallery > ul > li > a > i {
    font-size: 13px;
    margin-right: 5px;
}


/* Job Map */
.job-map {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
.job-map > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 30px;
    width: 100%;
}
.job-map > iframe {
    border: medium none;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 300px;
    width: 100%;
	 margin-bottom: 30px;
}

/* Job Description */
.job-desc {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
.job-desc > .w-top-faq {
    border: medium none;
    padding: 0;
}
.job-desc > .w-top-faq > ul > li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 15px 0;
}

/* Job Skills */
.job-skills-sec {
    float: left;
    width: 100%;
}
.job-skills {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.job-skills > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 20px;
    width: 100%;
}
.job-skills > li:last-child {
    margin: 0;
}
.job-skills > li > i {
    color: #777777;
    float: left;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 12px;
    margin-right: 20px;
}
.job-skills > li > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
.job-skills-sec > a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 30px;
    padding: 15px 20px;
}




/* Project */
.project {
    float: left;
    width: 100%;
}
.project-info-box > span.light {
    width: 55%;
}
.project img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.project-info-box {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 7px;
    overflow: hidden;
    width: 100%;
}
.project-info-box > .dark:before {
    display: none;
}
.project-info-box > span {
    float: left;
    line-height: 10px;
    padding: 22px 15px;
    width: 45%;
}
.project-info-box > span.dark {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #E8ECEC;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #666666;
    font-family: roboto;
    font-size: 13px;
}
.project-info-box > span.dark > i {
    margin-right: 5px;
	font-size:16px;
}
.project-info-box > span.light {
    background: none repeat scroll 0 0 #F9F9F9;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.03) inset;
	
    color: #777777;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 17px;
}
.countdown-project {
    background: none repeat scroll 0 0 #F5F5F5;
    float: right;
    padding: 14px 0 28px 7px;
    width: 55%;
}
.countdown-project  > span {
    color: #525252;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 10px;
    position: relative;
}
.countdown-project  > span:before {
    color: #525252;
    content: "";
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    left: 0;
    letter-spacing: 0.3px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 20px;
    width: 100%;
}
.countdown-project  > span.hours:before {
    content: "Days";
}
.countdown-project  > span.minutes:before {
    content: "Mint";
}
.countdown-project  > span.seconds:before {
    content: "Sec";
}
.project p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 25px;
    width: 100%;
}

/* Price Table */
.price-table-sec {
    float: left;
    width: 100%;
}
.price-table-sec > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.price-table-sec > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.price-table-sec > ul > li.price-head {
    background: none repeat scroll 0 0 padding-box content-box #8B8998;
    border: 10px solid #FFFFFF;
	
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    display: table;
    float: none;
    height: 190px;
    margin: 0 auto -95px;
    position: relative;
    width: 190px;
    z-index: 9;
	
	-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;
}
.price-head > h2 {
    color: #F5F5F5;
    float: left;
    font-family: roboto;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 38px 0 0;
    text-align: center;
    width: 100%;
}
.price-head > h2 > i {
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
}
.price-head > i {
    color: #F5F5F5;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    text-align: center;
    width: 100%;
}
.price-category > h3 {
    background: none repeat scroll 0 0 #353342;
    color: #FFFFFF;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    padding: 130px 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.price-features > i {
    border: 1px solid;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    font-size: 19px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    text-align: center;
    width: 45px;
}
.price-features > p {
    color: #F5F5F5;
    display: block;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 0;
    text-align: center;
}
.price-features {
    background: none repeat scroll 0 0 #353342;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 0;
    padding: 25px 0;
}
.price-table-sec .sign-up > a {
    background: none repeat scroll 0 0 #414554;
    
	-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;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    text-transform: uppercase;
    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;	
}

/* Single History */
.single-history-sec {
    float: left;
    width: 100%;
}
.single-history-sec > span {
    float: left;
    width: 100%;
}
.single-history-sec > span > i {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 5px 20px;
}
.single-history-sec > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 30px;
}
.single-history-sec > h3 {
    color: #666666;
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.single-history-sec > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
}
.single-history-sec > p > i {
    font-size: 28px;
    font-style: normal;
}
#history-map iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 300px;
    width: 100%;
}

/* Contact Sec */
.leave-reply {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.comment-form p.form-allowed-tags {
    padding: 0;
}
.single-post .post-metas iframe {
    height: 500px;
}
.no-image .row > div {
    float: left;
    width: 100%;
}
.no-image .post-desc {
    margin: 0;
}
.post-desc img[title="Image Alignment 1200x400"] {
    float: left;
    width: 100%;
}
.comment-form p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 16px;
    padding: 0 15px;
    width: 100%;
}
.comment-form p code {
    float: left;
    margin-top: 11px;
    white-space: normal;
    width: 100%;
}
.leave-reply > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
#contact {
    float: left;
    width: 100%;
}
#contact #message {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
#contact #message .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#contact #message .alert-success {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 30px;
    width: 100%;
}
#contact #message .alert-success > h1 {
    float: left;
    font-family: lato;
    font-size: 22px;
    margin: 0 0 7px;
    width: 100%;
}
#contact #message .alert-success > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}
.contact-sec {
    float: left;
    width: 100%;
}
.contact-sec > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: -10px 0 0;
    width: 100%;
}
.contact-sec > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-bottom: 40px;
    margin-right: 30px;
    margin-top: 40px;
}
.contact-sec > span > i {
   
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    text-align: center;
    width: 28px;
}
.contact-sec > iframe {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 400px;
    width: 100%;
	margin-bottom:40px;
}

#contact span.required{ 
	font-size: 13px; 
	color: #ff0000; 
} /* Select the colour of the * if the field is required. */

#message {
    float: left;
    margin: 10px 0;
    width: 100%;
}

.error_message {
    background: url("assets/error.gif") no-repeat scroll 10px center #FBE3E4;
    border: 1px solid #FBC2C4;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #8A1F11 !important;
    display: block;
    float: left;
    height: 43px;
    line-height: 22px;
    padding: 9px 42px;
    width: 100%;
	
	margin-bottom: 10px;
}
.error_message p{
    color: #8A1F11 !important;
}
.loader { 
	padding: 0 10px; 
}

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

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



/* Event Sec */
#event-count-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.event-count {
    float: left;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.event-count > div {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	margin-bottom:25px;
}

.event-count > div:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    height: 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;
    
	bottom: -80%;
}

.event-count:hover > div:before {
    bottom: 0;
}
.event-count > div > h3 {
    bottom: 0;
    color: #ffffff;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    overflow: hidden;
    padding: 10px 30px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    
	-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;
	
    white-space: nowrap;
    width: 100%;
}
.event-count > div > a {
    background: none repeat scroll 0 0 rgba(248, 248, 248, 0.1);
    border: 1px solid rgba(248, 248, 248, 0.9);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #FAFAFA;
    height: 38px;
    left: 50%;
    line-height: 37px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-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;
	
    width: 38px;
    z-index: 1222;
	
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	
	opacity:0;
	filter:alpha(opacity=0);
}
.event-count > div > a > i{
	float:left;
	width:100%;
	line-height:37px;
}
.event-count > div > a:hover {
    background: #fafafa;
}
.event-count:hover > div > a {
    margin-top: 0;
    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);
}
.event-count:hover > div > h3 {
    bottom: 50%;
}
.event-count > div > h3 > a{
    color: #FFFFFF;
}
.event-count > div > img {
    float: left;
    width: 100%;
}
.event-count > ul {
    float: left;
    margin-bottom: 22px;
    padding: 0;
    width: 100%;
}
.event-count ul > li {
    border: 1px solid #E8E6E6;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-right: 10px;
    padding: 15px;
    width: 20%;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.event-count ul > li > span {
    float: left;
    font-family: roboto;
    font-size: 22px;
    text-align: center;
    width: 100%;
    letter-spacing: 0.30px;
	color:#666666;
}
.event-count ul > li > p {
    color: #777;
    font-family: roboto;
    font-size: 11px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.event-count  ul > li:last-child {
    margin: 0;
}
.event-count > span {
    color: #7a7a7a;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
}
.event-count > span > i {
    font-size: 14px;
    margin-right: 10px;
}
.event-count > p {
    float: left;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #888;
    line-height: 24px;
    margin: 0;
    margin-top: 10px;
	text-align:center;
}
.seconds_ref {
    width: 35px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 100%;
}
.event-count > p > i {
    margin-right: 15px;
}
.event-count > h3 {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    width: 100%;
    margin-bottom: 18px;
}
.event-count.with-aside > ul > li > span {
    font-size: 15px;
}
.event-count.with-aside > ul > li {
    margin-right: 5%;
    padding: 4px 5px;
    width: 21%;
}
.event-count.with-aside > ul > li:last-child {
    margin: 0;
}
.event-count ul > li > p {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

/* Buy a Ticket */
.buy-a-ticket > a{
	border: 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: none;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 17px;
    
	-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;
	
	display:table;
}
.buy-a-ticket {
    float: left;
    width: 100%;
}
.buy-a-ticket > h3 {
    text-align: center;
}
.buy-a-ticket > p {
    text-align: center;
	margin-bottom:20px;
}
.buy-a-ticket > a:hover {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #FAFAFA;
    color: #333333;
}

/* Promotional Video */
.promote-video {
    float: left;
    width: 100%;
}
.promote-video object {
    float: left;
}  
.promote-video object embed {
    float: left;
    height: 315px;
    width: 100%;
}
.promote-video h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: 12px 0 9px;
    width: 100%;
}
.promote-video p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.promote-video > .row > div > span {
    float: left;
    font-family: roboto;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin-right: 30px;
    text-transform: uppercase;
}
.promote-video > .row > div > span > i {
    margin-right: 10px;
}



/* Event Single */
.event-single {
    float: left;
    width: 100%;
}
.event-single .post-social {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
}
.event-single-img {
    float: left;
    position: relative;
    width: 100%;
}
.event-single-img > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.event-single-img > .event-count {
    bottom: 0;
    left: 50%;
    margin-left: -25%;
    position: absolute;
    width: 50%;
}
.event-single-img > .event-count > ul > li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
}
.event-single > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 20px 0;
    width: 100%;
}
.event-single > ul {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
}
.event-single > ul > li {
    display: block;
    font-family: roboto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.event-single > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 7px 0 15px;
    width: 100%;
}
.event-single > ul > li > i {
    font-size: 15px;
    margin-right: 10px;
    text-align: center;
    width: 20px;
}


/* Error Page */
.error-sec {
    padding-bottom: 0;
}
.error-page {
    float: left;
    padding-bottom: 130px;
    position: relative;
    width: 100%;
}

.error-page > .error-footer {
    bottom: 0;
    content: "";
    height: 130px;
    left: 0;
    position: absolute;
    width: 100%;
}
.error-page > .error-footer:before {
    background-image: url("../images/circle.png");
    background-repeat: repeat-x;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.error-page > h1 {
    display: table;
    float: none;
    margin: 0 auto 40px;
    width: auto;
}
.error-page > h2 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 30px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.error-page > h3 {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0 0 60px;
    text-align: center;
    width: 100%;
}

.error-page > form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.05) inset;
	
    display: table;
    float: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.error-page > form > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 35px;
    padding: 0 14px;
    width: 300px;
}
.error-page > form > i {
    color: #BEBEBE;
    float: right;
    font-size: 16px;
    padding: 8px 12px;
}
.error-page > ul {
    display: table;
    float: none;
    margin: 30px auto 70px;
    padding: 0;
}
.error-page > ul > li {
    float: left;
    list-style: none outside none;
    margin: 0 15px;
}
.error-page > ul > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 20px;
}

/* Signup Form */
.register-sec {
    background-image: url("../images/resource/signup-bg.jpg");
    background-size: 100% 100%;
    background-attachment: fixed;
}
.register-form {
    background: none repeat scroll 0 0 rgba(247, 247, 247, 0.8);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    position: relative;
    width: 100%;
	padding:25px;
}
.register-form:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    bottom: -24px;
    content: "";
    height: 24px;
    left: 0;
    position: absolute;
    width: 100%;
}
.register-form h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 18px;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.register-form  form .fields {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: 1px solid #C8C8C8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 50px;
    margin-bottom: 20px;
    padding: 0 20px;
}
.register-form  form .fields  > i {
    color: #ABABAB;
    float: left;
    font-size: 15px;
    line-height: 48px;
    margin-right: 20px;
}
.register-form  form .fields  > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 14px;
    height: 46px;
    letter-spacing: 0.3px;
    width: 80%;
}
.register-form > .row > div > p {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.register-form .row > p {
    color: red;
    float: left;
    text-align: center;
    width: 100%;
}
.register-form > .row > div > p > label {
    color: #8B8B8B;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 1px 0 0 15px;
}
.submit-form {
    background-color: rgba(247, 247, 247, 0.8);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 15px;
    width: 100%;
}
.submit-form > input {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 10px 90px;
}
.submit-form > p {
    color: #8B8B8B;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 15px auto 0;
    text-align: center;
    width: 70%;
}
.submit-form > p > i {
    font-style: normal;
}


/* Widget Employe Of The Month 2 */
#w-employe-month2 {
    border: 1px solid #E4E4E4;
    float: left;
    overflow: hidden;
    padding: 15px;
    position: relative;
    width: 100%;
}
#w-employe-month2 .owl-controls {
    float: left;
    width: 100%;
    z-index: 999;
}
#w-employe-month2 .owl-pagination {
    float: right;
    z-index: 99999996;
}
#w-employe-month2 .owl-page {
    background: none repeat scroll 0 0 #B1B1B1;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 4px;
    margin-right: 10px;
	
    opacity: 1;
	filter:alpha(opacity=100);
	
    position: relative;
    width: 6px;
    z-index: 2147483647;
}
.w-employe-month2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.w-employe-skills {
    float: left;
    width: 100%;
}
.w-employe-skills > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 5%;
    overflow: hidden;
    width: 45%;
}
.w-employe-skills > span img {
    float: left;
    width: 100%;
}
.w-employe-skills .progress {
    background: none repeat scroll 0 0 #A7A7A7;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    -ms-box-shadow: 0 0;
    -o-box-shadow: 0 0;
    box-shadow: 0 0;
	
    float: right;
    height: 8px;
    margin-bottom: 13px;
    width: 50%;
}
.w-employe-skills .progress .progress-bar {
    float: left;
}
.w-employe-month2 > h3 {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 17px;
    line-height: 13px;
    margin: 10px 0 20px;
    width: 100%;
}
.w-employe-month2 > h3 i {
    font-style: normal;
    font-weight: 600;
}
.w-employe-month2 > p {
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
}
.w-employe-skills > p {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 9px;
    margin: 0 0 8px;
    width: 50%;
}


/* Widget News Letter */
.w-news-letter {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    padding: 15px;
    width: 100%;
}
.w-news-letter > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 0 0 30px;
    width: 100%;
}
.w-news-letter form {
    float: left;
    width: 100%;
}
.w-news-letter form > input {
    background: none repeat scroll 0 0 #F4F3F3;
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    padding: 15px 10px 15px 30px;
    text-transform: uppercase;
    width: 100%;
}
.w-news-letter form .submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 7px 19px;
    width: auto;
}
.w-news-letter form > p {
    margin-bottom: 10px;
}
input.w-news-letter[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

input.w-news-letter[type="checkbox"] + label {
    color: #777777;
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 27px;
    padding-left: 50px;
    position: relative;
}


input.w-news-letter[type="checkbox"] + label:before {
    background: none repeat scroll 0 0 #F0F0F0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 0;
    width: 26px;
}

input.w-news-letter[type="checkbox"] + label:after {
    color: #5C5A5A;
    font-size: 14px;
    left: 8px;
    position: absolute;
    top: -2px;
}

input.w-news-letter[type="checkbox"]:checked + label:after {
  content: '✔';
}

input.w-news-letter[type="checkbox"]:disabled + label:before {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  
  border-color: #bbb;
  background-color: #ddd;
}

input.w-news-letter[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

input.w-news-letter[type="checkbox"]:disabled + label {
  color: #aaa;
}



/* Widget Our Ceo */

.w-ceo {
    float: left;
    width: 100%;
}
.w-ceo > img {
    border: 3px solid #E7E4E3;
    
	-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
	
    display: table;
    float: none;
    margin: 0 auto;
	
	height: 100px;
    width: 100px;
}
.w-ceo > h5 {
    float: left;
    font-family: Raleway;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 25px 0;
    padding: 0 10px;
    text-align: center;
    width: 100%;
}
.w-ceo > p {
    border-bottom: 2px solid #DFDFDF;
    color: #404040;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 25px;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
    width: 100%;
}

.w-ceo > p:before {
    background-image: url("../images/ceo-coma.png");
    content: "";
    height: 80px;
    position: absolute;
    right: -1px;
    top: -30px;
    width: 67px;
}

/* Features Parallax */
#features-parallax img {
    float: left;
    margin-bottom: -80px;
}
.features-parallex {
    float: left;
    width: 100%;
    padding: 0;
    margin: 30px 0 0;
}
.features-parallex > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 29px;
    width: 100%;
    position: relative;
}

.features-parallex > li:before {
    position: absolute;
    left: 2px;
    top: 32px;
    width: 0%;
    height: 1px;
    content: "";
	
	opacity: 0;
	filter:alpha(opacity=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;
}
.features-parallex > li:hover:before {
    width: 100%;
	
	-webkit-transition: all 0.4s ease 0.4s;
	-moz-transition: all 0.4s ease 0.4s;
	-ms-transition: all 0.4s ease 0.4s;
	-o-transition: all 0.4s ease 0.4s;
	transition: all 0.4s ease 0.4s;
	
	opacity: 1;
	filter:alpha(opacity=100);
}
.features-parallex > li:last-child {
    margin: 0;
}
.features-parallex > li > span {
    border: 1px solid #848c91;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #F0F0F0;
    float: left;
    font-size: 30px;
    height: 83px;
    line-height: 83px;
    margin-right: 20px;
    text-align: center;
    width: 83px;
	
	-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;
	
	text-shadow: 3px 0 2px rgba(0, 0, 0, 0.16);
}
.features-parallex > li:hover span {
    color: #FFFFFF;
	
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	
	background: rgba(255,255,255,0.96);
	border-color:rgba(255,255,255,0.96);
}
.features-parallex > li > h3 {
    color: #FFFFFF;
    display: block;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 8px 0 5px;
	
	-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;
	
	text-transform: uppercase;
}
.features-parallex > li > p {
    color: #bcbbbb;
    display: block;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 24px;
	
	-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;	
}
.features-parallex > li:hover > h3 {
    margin-top: 0;
}
.features-parallex > li:hover > p {
    margin-top: 13px;
    margin-bottom: 0;
}


/* Video Parallax */
.video-paralax {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.video-paralax > a {
    border: 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
    padding: 15px 17px;
	
    -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;
}

.video-paralax > a:hover {
    background: #fafafa;
    border-color: #fafafa;
    color: #333;
}
.video-frame {
    float: left;
    position: relative;
    width: 100%;
}
.video-frame:before {
    background-image: url("../images/shadow2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -17px;
    content: "";
    height: 17px;
    left: 0;
    position: absolute;
    width: 100%;
}
.video-frame > iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	height:321px;
	
	border: none;
}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  outline:none;
}


/* Shop Category Sec */
.shop-categories-sec {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.shop-ctgry-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e8ecec;
	
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.shop-ctgry-box > div {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.shop-ctgry-box:hover > div > img {
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg);
}
.shop-ctgry-box > div > img {
    float: left;
    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;
	
    z-index: 0;
}
.shop-ctgry-box > div:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;

    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-webkit-transform: scale(0) rotate(90deg);
    -moz-transform: scale(0) rotate(90deg);
    -ms-transform: scale(0) rotate(90deg);
    -o-transform: scale(0) rotate(90deg);
    transform: scale(0) rotate(90deg);
	
    -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;
	
    width: 100%;
	z-index: 2;
}
.shop-ctgry-box:hover > div:before {
    opacity: 1;
	filter:alpha(opacity=100);
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.shop-ctgry-box > div > a {
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    font-family: roboto;
    font-size: 13px;
    left: 50%;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-left: -45px;
    margin-top: -12px;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 12px 15px;
    position: absolute;
    top: 50%;
    
	-webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
	
    -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;
	
	z-index: 3;
}
.shop-ctgry-box:hover > div > a {
    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);
}
.shop-ctgry-box > ul {
    margin: 0;
    padding: 0;
    padding: 20px;
    float: left;
}
.shop-ctgry-box > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 12px;
}
.shop-ctgry-box > ul > li:last-child {
    margin: 0;
}
.shop-ctgry-box > ul > li > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 40px;
    text-transform: uppercase;
}
.shop-ctgry-box > ul > li > span > i {
    font-style: normal;
}
.shop-ctgry-box > ul > li > i {
    float: left;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #fff;
    text-align: center;
    line-height: 39px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-right: 15px;
    font-size: 18px;
	background:none repeat scroll 0 0 #495060;
}

/* SHop Offer */
.shop-offer-sec {
    float: left;
    width: 100%;
}
.shop-offer-sec > span {
    border: 5px solid rgba(0, 0, 0, 0.2);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 40px;
    overflow: hidden;
}
.shop-offer-sec > span > img {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    float: left;
    width: 100%;
}
.shop-offer-sec > p {
    color: #F0EFEF;
    display: block;
    font-family: roboto;
    font-size: 25px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 40px;
    margin: 30px 0;
    text-align: center;
}
.shop-offer-sec > p > i {
    font-style: normal;
    font-weight: bold;
}
.shop-offer-sec > a {
    display: table;
    float: none;
    margin: 0 auto;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    color: #F0EFEF;
    line-height: 11px;
    letter-spacing: 0.30px;
    padding: 14px 15px;
    border: 1px solid #F0EFEF;
	
	-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;	
	
}


/* Our Products */

#our-products {
    float: left;
    width: 100%;
    margin-top: -30px;
    position: relative;
}

.our-product-box {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.our-product-box > span {
    float: left;
    margin-bottom: 5px;
    width: 100%;
}
.our-product-box > span > img {
    float: left;
    width: 100%;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
.our-product-box > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: 0;
    color: #666666;
}
.our-product-box > h3 > a {
    color: #666666;
}
.our-product-box > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin-bottom: 5px;
    width: 100%;
}
.our-product-box > span > i {
    color: #BABABA;
    float: left;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
    text-decoration: line-through;
}
.our-product-box > a {
    border: 1px solid #9ea1a2;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 11px 10px;
    
	-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;
	
    background: #9ea1a2;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
}
.our-product-box > a:hover{
	color:#fff;
}
.our-product-box > ul {
    float: right;
    margin: 0;
    padding: 0;
    margin-top: 7px;
}
.our-product-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.our-product-box > ul > li > i {
    color: #ADADAD;
}


/* Shop Brands */
#shop-brands {
    float: left;
    width: 100%;
}

.shop-brands {
    float: left;
    width: 100%;
    background: #fdfdfd;
    border: 1px solid #ececec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-brands:hover > img {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}
.shop-brands > img {
    display: table;
    margin: 0 auto;
	
	-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;
}

/* Our Cases Sec */
#our-cases-sec {
    float: left;
    width: 100%;
}
.our-cases-sec {
    float: left;
    margin-top: -30px;
    width: 100%;
}
.our-cases-box {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.our-cases-box > span {
    float: left;
    margin-right: 20px;
    width: 160px;
}
.our-cases-box > span > img {
    border: 1px solid #BBBBBB;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.our-cases-box > h3 {
    display: block;
    font-family: lato;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
}
.our-cases-box > h3 > a {
    color: #434242;
}
.our-cases-box > p {
    color: #777777;
    display: block;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
}
.our-cases-box > a:hover {
    color: #FFFFFF;
}
.our-cases-box > a {  
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 7px;
    
	-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-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
    box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
	
	margin-top:11px;
}

/* Awards */
#awards-sec {
    float: left;
    width: 100%;
}
#awards-sec > h2 {
    border-bottom: 4px solid #E7E7E7;
    color: #434242;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 25px;
    font-weight: bold;
    line-height: 16px;
    margin: 0 auto;
    padding: 0 15px 15px;
    text-transform: uppercase;
}
.award-timeline {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 70px 0 0;
    position: relative;
    width: 100%;
}
.award-timeline > .left > .award-timeline-box {
    margin-bottom: 60px;
}
.award-timeline-box > iframe {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
	border: medium none;
	height:307px;
}
.award-timeline-box:hover {
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -o-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
}

.award-timeline:before {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e8e8e8;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: -1px;
    width: 4px;
}
.award-timeline-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8E8E8;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top: 30px;
	
    float: left;
    padding: 15px;
    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;
	
    width: 100%;
}
.award-timeline .award-timeline-box:before {
    background: none repeat scroll 0 0 #E8E8E8;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 18px;
    margin-right: -24.5px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 18px;
    z-index: 0;
}
.award-timeline .award-timeline-box:after {
    background: none repeat scroll 0 0 #E8E8E8;
    content: "";
    height: 4px;
    margin-right: -10px;
    position: absolute;
    right: 0;
    top: 37px;
    width: 80%;
    z-index: -1;
}

.award-timeline > .right > .award-timeline-box:before {
    left: 0;
    margin-left: -23.5px;	
}
.award-timeline > .right > .award-timeline-box:after {
    left: 0;
    margin-left: -10px;
}
.award-timeline > .right > .award-timeline-box {
    margin-top: 60px;
}
.award-timeline-box > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.award-timeline-box > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.award-timeline-box > h3 {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 25px 0 15px;
    text-transform: uppercase;
    width: 100%;
}
.award-timeline-box > h3 > a {
    color:#666;
}
#timeline-slide1 {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#timeline-slide1 li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
#timeline-slide1 li > img {
    float: left;
    width: 100%;
}
#timeline-slide1 .owl-pagination {
    left: 50%;
    position: absolute;
    bottom: 20px;
    margin-left: -25px;
}
#timeline-slide1 .owl-pagination .owl-page {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 5px;
    margin: 0 4px;
    width: 10px;
}
#timeline-slide1 .owl-pagination .owl-page.active{
	background:#fff;
}
.award-timeline-box > span {
    float: left;
    width: 33.3333%;
}
.award-timeline-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 4px;
    width: 100%;
}



/* Job Form Sec */
.job-form-sec {
    float: left;
    width: 100%;
}
.job-form-sec > #message {
    margin: 0 0 10px;
}
.job-form-sec > #message .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.job-form-sec  select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.14) inset;
	
    color: #AFAFAF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    padding: 8px 14px;
    width: 100%;
	margin-bottom:30px;
}
.customlist {
    float: left;
    position: relative;
    width: 100%;
}
.job-form-sec  label {
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: lighter;
    margin: 0 0 20px;
    width: 100%;
}
.job-form-sec  label > i {
    margin-right: 15px;
}
.job-form-sec  p {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.job-form-sec  p > label {
    float: left;
    margin: 0;
}
.job-form-sec  p > label {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 1px 0 0 10px;
}
.form-margin > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 0 0 20px;
    width: 100%;
}
.product-table {
    border: 1px solid #E0E0E0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.02);
	
    float: left;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
}
.product-table > li {
    background: none repeat scroll 0 0 #FCFCFC;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    float: left;
    list-style: none outside none;
    width: 100%;
}
.product-table > li > h2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 13px;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
    width: 50%;
}
.product-table > li > span {
    color: #5B5B5B;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
}
.product-table > li > i {
    color: #5B5B5B;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
	font-style:normal;
}
.product-table > li > span > i {
    color: #999999;
    float: left;
    font-style: normal;
}
.product-table > li:first-child {
    border: medium none;
}

/* Css Swither main styles */
.checkbox, .radio {
    background: url("../images/checkbox.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block !important;
    float: left;
    height: 25px;
    margin: -2px 0 0 !important;
    padding: 0 5px 0 0;
}
.radio {
	background: url('../images/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
}
input.upload-file {
    border: medium none;
    font-family: roboto;
    font-size: 14px;
}

.job-form-sec > a {
    color: #FFFFFF;
    float: right;
}
.job-form-sec > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 25px;
}
.job-form-sec > a > i {
    margin-right: 13px;
}



/* Coming Soon */
.comming-soon-slider .tp-banner-container {
    height: 100%;
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}
.time_circles > div {
    height: 122px;
    position: absolute;
    text-align: center;
    top: 18% !important;
}
.time_circles > div > h4 {
    bottom: 36px;
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    left: 50%;
    margin: 0 0 0 -25%;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 50%;
    z-index: 1;
	
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;
    -ms-border-radius: 0 0 50% 50%;
    -o-border-radius: 0 0 50% 50%;
    border-radius: 0 0 50% 50%;
}
.time_circles > div > span {
    background:url("../images/timer-bg.png") no-repeat scroll -11px -9px rgba(0, 0, 0, 0);
    color: #494949;
    display: block;
    font-family: roboto;
    font-size: 300%;
    font-weight: bold;
    height: 100%;
    left: 50% !important;
    margin-left: -30%;
    margin-top: 3px;
    padding:35px 0 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 0;
}
.comming-soon-slider #layerslider{
	height:100%;
	position:absolute;
}
.comming-soon-slider {
	width:100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -10000;
}
.comming-soon-page h1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
    border-bottom: 1px solid #ACB0B6;
    border-top: 1px solid #ACB0B6;
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 60px;
    font-weight: 300;
    margin: 50px auto;
    padding: 30px 60px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	-webkit-animation: flash 5s infinite;	
	-moz-animation: flash 5s infinite;	
	-ms-animation: flash 5s infinite;	
	-o-animation: flash 5s infinite;	
	animation: flash 5s infinite;	
}
.comming-soon-page h2 {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0 auto 50px;
    text-transform: uppercase;
	
	
	-webkit-animation: bounce 3s;	
	-moz-animation: bounce 3s;	
	-ms-animation: bounce 3s;	
	-o-animation: bounce 3s;	
	animation: bounce 3s ;	
}
.comming-soon-page h2 strong {
	color:#fff;
}
.someTimer {
    display: table;
    margin: 0 auto;
	width: 799px; 
	height: 200px;
}
.timer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
    border-bottom: 1px solid #ACB0B6;
    border-top: 1px solid #ACB0B6;
}
.comming-soon-page h3 {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 40px auto 20px;
}
.comming-soon-page p {
    color: #FFFFFF;
    display: table;
    font-family: roboto;
    font-size: 16px;
    font-weight: 400;
    margin:0 auto 30px;
}
.comming-soon-page form {
    display: table;
    margin: 0 auto 100px;
}
.comming-soon-page form input[type="text"] {
    border: 0 none;
    color: #848484;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: italic;
    padding: 8px 15px;
    width: 325px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 3px #9A9A9A inset;
    -moz-box-shadow: 0 1px 3px #9A9A9A inset;
    -ms-box-shadow: 0 1px 3px #9A9A9A inset;
    -o-box-shadow: 0 1px 3px #9A9A9A inset;
    box-shadow: 0 1px 3px #9A9A9A inset;
}
.comming-soon-page form input[type="submit"] {
    background: none repeat scroll 0 0 #58ca12;
    border: 0 none;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    margin-left: 10px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.comming-soon-page .bottom-strip-simple p {
    font-size: 13px;
    margin: 0 auto;
}
.bottom-contact-bar p {
    color:#939292;
    font-family: roboto;
    font-size: 13px;
    line-height: 18px;
    margin-top: -5px;
    text-align: center;
}
.bottom-strip-simple {
    float: left;
    width: 100%;
}
.bottom-strip-simple .container {
	padding:0;
}
.bottom-strip-simple {
    background: none repeat scroll 0 0 #3B3B3B;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}


/* Footer */
footer {
    background: none repeat scroll 0 0 #2c2f34;
    border-top: 1px solid #ABABAB;
    float: left;
    width: 100%;
    padding-bottom: 0 !important;
}
footer h3 {
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 25px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
}
footer h3:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}
footer h3:after {
    left: 51px;
    width: 4px;
    height: 1px;
    border-top: 1px dotted;
    content: "";
    bottom: -1px;
    content: "";
    position: absolute;
}
footer p {
    color: #ACACAC;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin: 0;
    text-align: left;
    width: 100%;
}
footer h3 > i {
    font-style: normal;
}


/* About Dastak */

.f-about-dastak {
    float: left;
    width: 100%;
}
.f-about-dastak > a {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.f-about-dastak > form {
    float: left;
    margin-top: 40px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
	
	border: 1px solid #474647;
}
.f-about-dastak > form > input[type=text] {
    background: none repeat scroll 0 0 #303437;
    border: medium none;
    color: #858585;
    float: left;
    font-family: roboto;
    font-size: 11px;
    height: 40px;
    letter-spacing: 0.3px;
    padding-left: 30px;
    width: 80%;
}
.f-about-dastak > form > input[type="submit"] {
    border: medium none;
    
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
	
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
	
    color: #ffffff;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    text-align: center;
    width: 20%;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.f-about-dastak > .social-btns {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.f-about-dastak > .social-btns > li {
    margin: 0 10px 0 0;
}
.f-about-dastak > .social-btns > li > a {
    background: none repeat scroll 0 0 #444242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 32px;
    width: 32px;
}


/* Footer Testimonial  */
.f-testimonail {
    float: left;
    width: 100%;
}
.f-testimonail > .tab-content > div {
    background: none repeat scroll 0 0 #424040;
    border: 1px solid #424242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	margin-top:20px;
	
    float: right;
    margin: 0;
    padding: 25px 21px;
    text-align: center;
    width: 100%;
}
.f-testimonail .tab-content {
    background: none repeat scroll 0 0 #292c31;
    float: right;
    margin-top: 18px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
}
.f-testimonial-box {
    float: left;
    width: 100%;
}
.f-testimonial-box > h4 {
    float: left;
    font-family: lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 10px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.f-testimonial-box > h4 > i {
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 11px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}
.f-testimonial-box > p {
    font-family: Roboto;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    padding: 0;
	margin-top:16px;
	float:left;
	width:100%;
	text-align:center;
}
.f-testimonail .f-testimonial-slide {
    float: left;
    width: 100%;
	border:none;
	padding:0;
	margin:0;
}
.f-testimonial-slide-sec{
	margin:0 -10px;
}
.f-testimonail .f-testimonial-slide li {
    float: left;
    padding: 0 10px 9px;
    width: auto;
}
.f-testimonail .f-testimonial-slide li a {
    float: left;
    position: relative;
}
.f-testimonail .f-testimonial-slide li a img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: 100%;
	height: auto;
}
.f-testimonail .f-testimonial-slide li a:before {
    background: none repeat scroll 0 0 #333;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    bottom: 50%;
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 14px;
    height: 18px;
    left: 50%;
    line-height: 18px;
    margin-bottom: -9px;
    margin-left: -9px;
    position: absolute;
    text-align: center;
    
	-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;
    
	width: 18px;
}
.f-testimonail .f-testimonial-slide li.active a:before {
    bottom: 0;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* Footer Project Sec */
.f-project-sec {
    float: left;
    width:100%;
}
.f-project-sec .row {
    margin: -12px -6px 0;
}
.f-project-sec .row > div {
    padding: 0 6px;
}
.f-project-sec .row > div  a {
    float: left;
    width: 100%;
	margin-top:12px;
}
.f-project-sec .row > div  a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
	height: auto;
    width: 100%;
}

/* Find our Office */
.f-find-office {
    float: left;
    width: 100%;
}
.f-find-office > span > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}

.f-find-office > ul > li:last-child {
    margin: 0;
}
.f-find-office > span {
    background: none repeat scroll 0 0 #383838;
    border: 1px solid #444444;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    width: 100%;
}
.f-find-office > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.f-find-office > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 6px;
    width: 100%;
}
.f-find-office > ul > li > i {
    background: none repeat scroll 0 0 #444242;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 8px;
    margin-right: 20px;
    text-align: center;
    width: 32px;
}
.f-find-office > ul > li > p {
    color: #acacac;
    display: block;
    float: none;
    font-family: Roboto;
    font-size: 13px;
    line-height: 21px;
    margin: -5px 0 0;
    text-align: left;
}

/* Subscribe uS */

.subscribe-sec {
    float: left;
    width: 100%;
    background: #f4f3f3;
}

.subscribe-sec .input-style {
    float: left;
    margin-left: -30px;
    width: 83%;
	height:58px;
}
.subscribe-sec > .container {
    padding: 0;
}
.subscribe-sec span#mail-bg {
    background-image: url("../images/mail.png");
    background-repeat: no-repeat;
    float: left;
    height: 164px;
    width: 233px;
    margin-top: 35px;
}
.subscribe-sec form {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.subscribe-sec form > label {
    color: #787878;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    line-height: 18px;
	margin-bottom:20px;
	margin-left: -30px;
}

.subscribe-sec form > .submit {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 16px;
    font-weight: normal;
    height: 57px;
    text-shadow: 0 0;
    width: 17%;
}






/* Elements */
.experties-sec.style2 > .experties > h2 {
    border: 1px solid #e9e9e9;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.experties-sec.style2 .experties > h2 {
    background-position: 17px 21px;
}
.experties-sec.style2 > .experties > h2.active {
    background-position: 17px 25px;
}
.experties-sec.style2 > .experties > h2 > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #636363;
    font-family: fontawesome;
    font-size: 18px;
    height: auto;
    margin-right: 15px;
    width: auto;
}


/* Footer Recent Post */
.f-recent-office {
    float: left;
    width: 100%;
}

.f-recent-office > ul {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.f-recent-office > ul > li {
    float: left;
    list-style: none outside none;
    margin-bottom: 12px;
    overflow: hidden;
    width: 100%;
}
.f-recent-office > ul > li > span > img {
    float: left;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
	width:100%;
	height: auto;
}
.f-recent-office > ul > li > a > i {
    color: #888787;
    float: left;
    font-family: roboto;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.3px;
    margin-top: 2px;
}
.f-recent-office > ul > li > span {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 20%;
}
.f-recent-office > ul > li > a {
    color: #d3d2d2;
    display: block;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 14px;
}
.f-recent-office > ul > li > strong {
    font-style: normal;
    font-weight: normal;
    font-family: roboto;
    font-size: 12px;
    color: #d3d2d2;
    display: block;
    margin-top: 20px;
}
.footer-sec {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
/* Footer Bottom line */
.bottom-line {
    background: none repeat scroll 0 0 #1D1D1D;
    border-top: 1px solid #777777;
    float: left;
    width: 100%;
    padding: 15px 0;
}
.bottom-line span {
    color: #ffffff;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
    text-align: center;
    width: auto;
}
.bottom-line span > i {
    font-style: normal;
    color: #9e9e9e;
}
.bottom-line ul {
    float: right;
    margin: 0;
    padding: 0;
}
.bottom-line ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
}
.bottom-line ul > li > a {
    background: none repeat scroll 0 0 #3A3E4A;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #DBDBDB;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 10px;
    padding: 6px 10px;
	
    -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;
}

/* Text Strip */
.text-stripe {
    float: left;
    text-align: center;
    width: 100%;
}
.text-stripe > h4 {
    float: left;
    text-align: center;
    width: 100%;
    font-family: roboto;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.30px;
    margin: 0;
    margin-bottom: 10px;
}
.text-stripe > span {
    float: left;
    text-align: center;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.30px;
    line-height: 10px;
    margin-bottom: 15px;
}
.text-stripe > a {
    float: none;
    margin: 0 auto;
    display: table;
    font-family: roboto;
    font-size: 13px;
    color: #fff;
    line-height: 11px;
    padding: 10px 26px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}




.choose-bg > li > a.bg1 {
    background-image: url("../images/bg1.jpg");
}
.choose-bg > li > a.bg2 {
    background-image: url("../images/bg2.jpg");
}
.choose-bg > li > a.bg3 {
    background-image: url("../images/bg3.jpg");
}
.choose-bg > li > a.bg4 {
    background-image: url("../images/bg4.jpg");
}
.choose-bg > li > a.bg5 {
    background-image: url("../images/bg5.jpg");
}
.choose-bg > li > a.bg6 {
    background-image: url("../images/bg6.jpg");
}
.choose-bg > li > a.bg7 {
    background-image: url("../images/bg7.jpg");
}
.choose-bg > li > a.bg8 {
    background-image: url("../images/bg8.jpg");
}
.choose-bg > li > a.bg9 {
    background-image: url("../images/bg9.jpg");
}
.choose-bg > li > a.bg10 {
    background-image: url("../images/bg10.jpg");
}
.bg1{
        background: url('../images/bg1.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg2{
        background: url('../images/bg2.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg3{
        background: url('../images/bg3.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg4{
        background: url('../images/bg4.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg5{
        background: url('../images/bg5.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg6{
        background: url('../images/bg6.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg7{
        background: url('../images/bg7.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg8{
        background: url('../images/bg8.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg9{
        background: url('../images/bg9.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg10{
        background: url('../images/bg10.jpg');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}

.side-panel-sec {
    background: #fafafa;
    left: -280px;
    position: fixed;
    top: 167px;
    width: 280px;
    z-index: 9999999;
	
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
	
	-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-panel-sec:hover {
    left: 0;
}
.side-panel-sec > a {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin-right: -50px;
    background-color: #fafafa;
    background-image: url('../images/setting.png');
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 9px 9px;
	
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    -o-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
.side-panel {
    float: left;
    position: relative;
    width: 100%;
}
.color-schemes {
    float: left;
    width: 100%;
}
.color-schemes > h4 {
    float: left;
    width: 100%;
    text-align: center;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 0.30px;
    color: #222222;
    margin: 0;
    line-height: 10px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.color-schemes > ul {
    display: table;
    float: none;
    padding: 0;
    margin: 0 auto;
}
.color-schemes > ul > li {
    float: left;
    list-style: none outside none;
    margin: 5px 5px;
}
.color-schemes > ul > li > a {
    float: left;
    height: 30px;
    width: 30px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    cursor: pointer;
	
    -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;
}
.color-schemes > ul > li > a.blue {
    background: none repeat scroll 0 0 #389ed1;
}
.color-schemes > ul > li > a.red {
    background: none repeat scroll 0 0 #e17062;
}
.color-schemes > ul > li > a.gray {
    background: none repeat scroll 0 0 #84929c;
}
.color-schemes > ul > li > a.green {
    background: none repeat scroll 0 0 #99be56;
}
.color-schemes > ul > li > a.brown {
    background: none repeat scroll 0 0 #ab9868;
}
.color-schemes > ul > li > a.orange {
    background: none repeat scroll 0 0 #deb06f;
}
.color-schemes > ul > li > a.purple {
    background: none repeat scroll 0 0 #b980a4;
}
.color-schemes > ul > li > a.teal {
    background: none repeat scroll 0 0 #588b7d;
}
.color-schemes > ul > li > a.lime {
    background: none repeat scroll 0 0 #00ce7d;
}
.color-schemes > ul > li > a.pink {
    background: none repeat scroll 0 0 #ee506e;
}
.color-schemes > ul > li > a.maroon {
    background: none repeat scroll 0 0 #a57f74;
}
.color-schemes > ul > li > a.yellow {
    background: none repeat scroll 0 0 #ebab23;
}


.two-layouts {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: rgba(0,0,0,.02);
	padding-bottom: 10px;
}
.two-layouts > h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #222222;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 0 20px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.two-layouts > ul {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 15px;
}
.two-layouts > ul > li {
    float: left;
    list-style: none;
    margin: 0 10px;
}
.two-layouts > ul > li > a {
    background-color:#28AB7C;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 13px 15px 14px;
	cursor: pointer;
}

.two-layouts > ul > li > a.boxed-style {
    background-color: #ebab23;
}
.two-layouts .choose-bg > li {
    float: left;
    margin: 0;
    margin: 5px 5px;
}

.scroll
{
  position: fixed;
  bottom: 0;
  left: 0;
}

.two-layouts .choose-bg > li > a {
    background-color: none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 0;
    height: 30px;
    width: 30px;
}


/* Search Job FOrm */
.search-job-form {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}
.search-job-form > .container > h3 {
    -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;
	
    color: #fdfdfd;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 50px;
}
.search-job-form > .container > h3 > i {
    margin-right: 11px;
}
.search-job-form > .container {
    padding: 0;
}
.job-form {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);
    
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
	
    border-top: 1px solid;
    float: left;
    padding: 25px 50px;
    position: relative;
    width: 100%;
}
.job-form:before {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-left: 35px solid;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.job-form:after {
    border-bottom: 35px solid rgba(0, 0, 0, 0);
    border-right: 35px solid;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
}
.job-form form {
    float: left;
    width: 100%;
}
.job-form form input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 30px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
	border:none;
	border-bottom: 1px solid #f4f4f4;
	margin-bottom:30px;
}
.form-dropdown {
    float: left;
    width: 100%;
    position: relative;
}
.job-form button {
    border: medium none;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: table;
    float: none;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 11px 46px;
    margin-bottom: 10px;
}
.job-form button > i {
    margin-right: 13px;
}


/* 
.minict_wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    color: #333333;
    font-family: "Segoe UI",Segoe,"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    height: 2.2rem;
    position: relative;
    width: 100%;	
	
}
.minict_wrapper * {
    box-sizing: border-box;
}
.minict_wrapper:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    border: medium none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #525252;
    content: "�";
    display: block;
    font-family: fontawesome;
    font-size: 15px;
    line-height: 6px;
    padding: 9px 9px 14px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -3px;
}
.minict_wrapper.active:after {
    content: "�";
}
.minict_wrapper input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #000000;
    cursor: default;
    font-family: roboto;
    font-size: 12px;
    height: auto;
    outline: medium none;
    padding: 0 2.2rem 0 0.4rem;
    width: 100%;
}
.minict_wrapper ul {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 0;
    max-height: 22rem;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    top: 2rem;
    width: 100%;
    z-index: 999999;
}
.minict_wrapper ul li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    cursor: pointer;
    font-size: 12px;
    height: auto;
    line-height: 10px;
    list-style: none outside none;
    padding: 10px 15px;
    border-bottom: 1px solid #fff;
}
.minict_wrapper ul li:hover {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #111111;
}
.minict_wrapper ul li.minict_group {
    background: none repeat scroll 0 0 #F6F6F6;
    color: #444444;
    cursor: default;
    font-weight: bold;
}
.minict_wrapper ul li.minict_empty {
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #BBBBBB;
    display: none;
    font-size: 0.9rem;
    height: 3.5rem;
    line-height: 3.3rem;
    text-align: center;
}
.minict_wrapper ul li.selected {
    background: none repeat scroll 0 0 #F9FCFF;
    color: #819A9A;
}
.minict_wrapper ul li.highlighted {
    background: none repeat scroll 0 0 #819A9A;
    color: #FFFFFF;
}
.minict_wrapper ul li.hidden {
    display: none;
}

.minict_wrapper.bubble:hover {
    border-color: #DCDCDC;
}
.minict_wrapper.bubble ul {

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    overflow: visible;
    top: 37px;
}
.minict_wrapper.bubble ul:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
    border-style: solid;
    border-width: 0 10px 10px;
    color: rgba(0, 0, 0, 0);
    content: ".";
    height: 0;
    left: 20px;
    position: absolute;
    top: -10px;
    width: 0;
}
.minict_wrapper.bubble ul li.minict_first {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.minict_wrapper.bubble ul li.minict_last {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
} **/

/* Select Box Styling */
.minict_wrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E5E5E5;
	color: #333333;
	float: left;
	height: auto;
	position: relative;
	width: 100%;
	cursor:pointer;
	margin-bottom: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.minict_wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
.minict_wrapper:after {
	color: #555555;
	content: "\25BC";
	display: block;
	font-size: 10px;
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 30px;
}
.minict_wrapper.active:after {
	content: "\25B2";
}
.minict_wrapper input {
	margin-bottom: 0 !important;
}
.minict_wrapper ul {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	border: 1px solid #e5e5e5;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	top: 2rem;
	left: 0;
	max-height: 22rem;
	overflow-y: auto;
	z-index: 999999; 
}
.minict_wrapper ul li {
    background: none repeat scroll 0 0 rgba(235, 235, 235, 0.97);
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #cacaca;
    color: #8f8f8f;
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
    font-weight: 300;
    height: 35px;
    line-height: 35px;
    list-style: none outside none;
    margin-top: -1px;
    padding: 1px 14px;
}
.minict_wrapper ul li:hover {
	background: #fcfcfc;
	color: #111; 
}
.minict_wrapper ul li.minict_group {
	color: #444;
	background: #f6f6f6;
	font-weight: bold;
	cursor: default; 
}
.minict_wrapper ul li.minict_empty {
	display: none;
	background: #fff !important;
	color: #bbb;
	text-align: center;
	font-size: 0.9rem;
	height: 3.5rem;
	line-height: 3.3rem; 
}
.minict_wrapper ul li.selected {
color: #819a9a;
background: #f9fcff; }
.minict_wrapper ul li.highlighted {
color: #fff;
background: #819a9a; }
.minict_wrapper ul li.hidden {
display: none; }

.minict_wrapper.bubble {
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
background: -moz-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f9f9f9));
background: -webkit-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -o-linear-gradient(top, white 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, white 0%, #f9f9f9 100%);
background: linear-gradient(to bottom, white 0%, #f9f9f9 100%); }
.minict_wrapper.bubble:hover {
border-color: #dcdcdc; }
.minict_wrapper.bubble:after {
border-left: 1px solid #e0e0e0;
box-shadow: 1px 0 0 0 #FFFFFF inset;
height: 100%;
}
.minict_wrapper.bubble ul {
    border: 0 none;
    overflow: hidden;
    padding: 0;
    top: 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;
}

.minict_wrapper.bubble > input {
    cursor: pointer;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #808080;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 300;
    height: 36px;
    padding: 5px 10px;
    width: 100%;
}


/* Job Sec */
.job-box-sec {
    float: left;
    width: 100%;
	margin-top:30px;
}
.box-title {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}
.box-title:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
	
    -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;
}
.box-title:after {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
	
    -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;
}
.job-box-sec:hover > .box-title:before {
    top: 0;
}
.job-box-sec:hover > .box-title:after {
    bottom: 0;
}
.box-title > img {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.box-title > a {
    bottom: 10px;
    left: 10px;
    line-height: 10px;
    position: absolute;
    font-family: roboto;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0.30px;
    padding: 13px 29px;

	-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;
}
.job-box-sec:hover .box-title > a {
    bottom: 100%;
    z-index: 999;
    margin-bottom: -45px;
	
    -webkit-transform: rotatex(360deg);
    -moz-transform: rotatex(360deg);
    -ms-transform: rotatex(360deg);
    -o-transform: rotatex(360deg);
    transform: rotatex(360deg);
}
.job-box-sec > h3 {
    color: #474747;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin: 15px 0;
    width: 100%;
}
.job-box-sec > h3 > a {
    color: #474747;
}
.job-box-sec > ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.job-box-sec > ul li {
    background: none repeat scroll 0 0 #fbfbfb;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    padding: 7px 22px;
    width: 100%;
    font-family: roboto;
    font-size: 13px;
    color: #474747;
    letter-spacing: 0.30px;
}
.job-box-sec > ul li strong {
    font-weight: 600;
    margin-right: 15px;
}
.job-box-sec > a {
    background: none repeat scroll 0 0 #c6c6c6;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 10px;
    padding: 11px 12px;
	
    -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;
}

/* Text Msg bar */
.text-msg-bar {
    float: left;
    width: 100%;
}
.text-msg-bar h2 {
    color: #161616;
    float: left;
    font-family: roboto;
    font-size: 25px;
    letter-spacing: 0.3px;
    line-height: 41px;
    margin: -10px 0 0;
    width: 100%;
	margin-bottom:10px;
}
.text-msg-bar h2 > i {
    float: left;
    line-height: 41px;
    margin-right: 20px;
}
.parallax .color p {
    color: #f3f3f3;
}
.text-msg-bar a {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    float: right;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-top: 23px;
    padding: 20px 45px;
}


/* Job List */
.job-list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
	margin-top:30px;
}
.job-list > li {
    float: left;
    width: 100%;
}
.job-title > h3 {
    color: #646464;
    float: left;
    font-family: roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    margin-bottom: 18px;
}
.job-list > li > a > span {
    margin-left: 14px;
    font-size: 12px;
}
.job-title > h3 > i {
    margin-right: 15px;
}
.job-list > li > a {
    border-top: 1px dashed #eeeeee;
    color: #595959;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 17px 0 17px 30px;
    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;
}

.job-list > li > a:before {
    left: 0;
    position: absolute;
    top: 50%;
    height: 10px;
    width: 10px;
    background: none;
    border: 1px solid;
    content: "";
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    margin-top: -5px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Team */
.team {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.team-box {
    float: left;
    width: 100%;
    position: relative;
	overflow:hidden;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.team-box > img {
    float: left;
    width: 100%;
}
.social-btns > li {
    float: left;
    margin: 0 5px;
}
.social-btns > li > a {
    background: none repeat scroll 0 0 #fdfdfd;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    color: #444;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    
	-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;
	
    width: 30px;
}
.social-btns > li > a > i{
	float:left;
	width:100%;
	line-height:30px;
}
.team > h3 {
    color: #4f4f4f;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
    line-height: 20px;
}
.team > h3 > a {
    color: #fafafa;
}
.social-btns > li > a:hover{
	color:#fff;
}
.team > span {
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
	margin-bottom: 15px;
}
.social-btns {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    
	-webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
	
    float: none;
    margin: 0 auto;
    display: table;
}
.team-box > a {
    left: 0;
    position: absolute;
    top: 0;
    width: 54px;
    height: 54px;
    background: #1d1b19;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    text-align: center;
    color: #fff;
    font-size: 19px;
    line-height: 54px;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: -27px;
	
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
	
    -webkit-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -moz-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -ms-transform: rotatex(90deg) perspective(200px) translatez(17px);
    -o-transform: rotatex(90deg) perspective(200px) translatez(17px);
    transform: rotatex(90deg) perspective(200px) translatez(17px);
}
.team-box > a > i{
	float:left;
	width:100%;
	line-height:54px;
}
.team-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    content: "";
    
	-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-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
	
}
.team:hover .team-box:before {
    opacity: 0.68;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.team:hover .team-box > a {
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    -ms-transform: rotatex(0deg);
    -o-transform: rotatex(0deg);
    transform: rotatex(0deg);
}

/* Law */

/* About Law */
.about-law {
    border-bottom: 1px solid #efefef;
    float: left;
    margin-bottom: 35px;
    width: 100%;
}
.about-law > h3 {
    color: #656565;
    float: left;
    font-family: lato;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 32px;
    margin: -10px 0 20px;
    text-align: center;
    width: 100%;
}
.about-law > h3 > i {
    font-style: normal;
    font-weight: 900;
}
.about-law > p {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0 0 30px;
    text-align: center;
    width: 100%;
    margin-top: -5px;
}

.service.law span {
    background: none repeat scroll 0 0 #585858;
    border: 1px solid #585858;
    
	-webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
	
    color: #fff;
    height: 51px;
    line-height: 51px;
    width: 51px;
	font-size:20px;
}
.service.law span > i{
	float:left;
	width:100%;
	line-height:50px;
}
.service.law > .row {
    margin: 0 -10px;
}
.service.law > .row > div {
    padding: 0 10px;
}
.service.law h2 {
    color: #555555;
    font-family: lato;
    font-size: 18px;
    padding-left: 10px;
    margin-top: 0px;
}
.service.law p {
    padding-left: 10px;
    margin-top: -10px;
}
.service.law .read-more {
    background: none repeat scroll 0 0 #525252;
    color: #fff;
    float: left;
    margin-left: 10px;
    padding: 13px 16px;

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Submission Form */
.submission-form {
    background: url("../images/resource/form-bg.jpg") repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    
	-webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
	
    float: left;
    padding: 40px 25px;
    width: 100%;
	position:relative;
	overflow: hidden;
	
}
.submission-form > h3 {
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 900;
    margin: 0 0 10px;
    text-align: center;
    width: 100%;
}
.submission-form > h3 > i {
    color: #444444;
    font-style: normal;
    font-weight: 200;
}
.submission-form > span {
    color: #5e5d5d;
    float: left;
    font-family: roboto;
    font-size: 12px;
    line-height: 17px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
}
.submission-form > form {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.submission-form > form > div > div {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.submission-form > form > div > div > input[type="text"], .submission-form > form > div > div > textarea, .submission-form > form > div > div > input[type="email"] {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 1px solid #d6d5d5;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #444444;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 52px;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 15px;
    width: 100%;
    margin-bottom: 11px;
    
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;

    border: none !important;
}
.submission-form > form > div > div > .loader {
    float: right;
    margin: 30px;
}
.submission-form > form > div > div > textarea {
    height: 150px;
}
.submission-form > form > div > div > input[type=submit] {
}
.submission-form > form > div > div > input[type="submit"] {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 600;
    margin-top: 10px;
    padding: 13px 0;
    width: 100%;
}
.move-top {
    margin-top: -146px;
    position: relative;
    z-index: 2147483647;
}
.submission-form:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(247,248,249,0.8);
    z-index: -1;
}

/* Submission Form in Slider */
.submission-form.in-slider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    left: 100px;
    position: absolute;
    top: 0;
    width: 370px;
    z-index: 99999999;
}
.submission-form.in-slider:after {
    background-image: url("../images/shadow4.png");
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
    background-size: 100% 100%;
}

.dark .service h2 > a {
    color: #fff;
}
.dark #whats-new > h1 {
    color: #fff;
}
.dark .slide-feature-box {
    background: rgba(255,255,255,0.95);
}
.dark .present-features > ul > li {
    color: #fafafa;
}
.dark p {
    color: #e1dede !important;
}
.dark h3 {
    color: #ffffff;
}
.emp-of-month-desc .square > li > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}


/* Employee Slide */
.employe-slide, .slide-services {
    float: left;
    width: 100%;
}
.employe-slide .owl-pagination, .slide-services .owl-pagination{
    display: table;
    float: none;
    margin: 0 auto;
    width: auto;
    margin-top: 20px;
}
.employe-slide .owl-pagination > .owl-page, .slide-services .owl-pagination > .owl-page {
    float: left;
    height: 8px;
    width: 8px;
    background: #d6d6d6;
    margin: 0 3px;
    
	-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;
}


/* Experites Sec style 3 */
.experties-sec.style3 .experties > h2 {
    background: none repeat scroll 0 0 #f4f4f4;
    border: medium none;
    color: #454545;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    padding-left: 60px;
	overflow: hidden;
}
.experties-sec.style3 .experties > h2:before {
    display: none;
}
.experties-sec.style3 h2:after {
    background: none repeat scroll 0 0 #d8d8d8;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
.experties-sec.style3 .experties > h2 > i {
    color: #454545;
    font-size: 10px;
    height: 100%;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 9;
	
    -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;
}
.experties-sec.style3 .experties > h2.active > i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	
	color:#fff;
}


/* Clients Says Sec */
.clients-says-sec {
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
    padding-left: 64px;
}
.clients-says {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #f5f5f5;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 33px 30px 33px 90px;
    width: 100%;
}
.clients-says > h5 {
    color: #7f7e7e;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
    margin-bottom: 10px;
}
.clients-says > h5 > i {
    font-style: normal;
    font-weight: 900;
}
.clients-says > p {
    float: left;
    width: 100%;
    margin: 0;
    font-family: roboto;
    font-size: 13px;
    color: #656565;
    letter-spacing: 0.30px;
    line-height: 24px;
}
.clients-says-sec > span {
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -67px;
    overflow: hidden;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    border: 5px solid #fff;
	width: 123px;
    height: 123px;
}
.clients-says-sec > span > img {
    float: left;
	width:100%;
}

/* Answer */
.answers {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.answers > .thumb {
    float: left;
    width: 40%;
    position: relative;
}
.answers > .thumb > img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.answers > .thumb > span {
    color: #5e5e5e;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.answers > .details {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #f5f5f5;
    float: left;
    width: 60%;
    padding: 20px;
}
.answers .details > a {
    float: left;
    font-family: roboto;
    font-size: 11px;
    color: #ffffff;
    background: #525252;
    line-height: 10px;
    padding: 5px 8px;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}
.answers > .details > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #7f7e7e;
    font-family: roboto;
    letter-spacing: 0.30px;
}
.answers > .details > p {
    color: #656565;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin: 0;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}



/*=======================================================
                 STYLE ADDED FOR INDEX 18
=========================================================*/
.heading5 {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.heading5 h2 {
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: 200;
    margin: 0 0 5px;
    width: 100%;
}
.heading5 h2 strong {
    font-weight: 900;
}
.heading5 > span {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 12px;
    width: 100%;
}

.shops-trends {
    float: left;
    width: 100%;
}
.owl-item .trend{
	padding: 0 15px;
}
.trend {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.trend-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.trend-img > del, .trend-img > ins {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: 0;
    font-family: roboto;
    font-size: 15px;
    left: 0;
    line-height: 13px;
    padding: 10px 13px;
    position: absolute;
}
.trend-img > ins {
    left: auto;
    right: 0;
}
.trend-img > img {
    float: left;
    width: 100%;

    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.trend-img:hover > img {
    -webkit-transform: rotate(15deg) scale(1.3);
    -moz-transform: rotate(15deg) scale(1.3);
    -ms-transform: rotate(15deg) scale(1.3);
    -o-transform: rotate(15deg) scale(1.3);
    transform: rotate(15deg) scale(1.3);    
}

.trend-img > span {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 8px 10px;
    font-family: roboto;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.add-to-fav {
    background: none repeat scroll 0 0 #fff;
    font-size: 13px;
    height: 30px;
    padding: 8px 5px 5px;
    color: #6c6c6c;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.trend > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 20px;
    margin: 0;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.trend > h3 a{
    color: #000;
}
.trend > p {
    color: #969696;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.trend > a {
    background: none repeat scroll 0 0 #6c6c6c;
    color: #fff;
    float: left;
    font-family: roboto;
    font-weight: lighter;
    margin-top: 15px;
    padding: 10px 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.shops-trends .owl-buttons {
    right: 15px;
}
.line {
    float: left;
    width: 100%;
    height: 1px ;
    background: #f6f6f6;
}
.product-masonary-carousel {
    float: left;
    width: 100%;
}
.out-space {
    margin: 0 -10px;
}
.masonary-column {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.masonary-column > div {
    padding: 0 15px;
	float:left;
}
.masonary-product {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.masonary-product img {
    width: 100%;
    float: left;
}
.desc-outter {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product:hover .desc-outter {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    width: 100%;
    min-height: 100%;
    margin: 0;
    left: 0;
    bottom: 0;
}

.product-desc {
    background: none repeat scroll 0 0 rgba(34, 34, 34, 0.8);
    float: left;
    padding: 15px 20px;
    width: 100%;
    height: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product:hover .product-desc {
    background: none;
    opacity: 0;
}
.product-desc > h3 {
    color: #fff;
    font-family: roboto;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
}

.product-desc > span {
    font-family: roboto;
    font-size: 13px;
    float: left;
    width: 100%;
    color: #969696;
    line-height: 14px;
    margin-bottom: 5px;
}

.product-desc > i {
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 14px;
    width: 100%;
}

.masonary-product > a {
    width: 38px;
    height: 38px;
    margin-left: -19px;
    margin-top: -19px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    text-align: center;
    line-height: 38px;
    color: #FFF;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transform:rotate(-360deg) scale(0);
    -moz-transform:rotate(-360deg) scale(0);
    -ms-transform:rotate(-360deg) scale(0);
    -o-transform:rotate(-360deg) scale(0);
    transform:rotate(-360deg) scale(0);

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product > a > i{
	float:left;
	width:100%;
	line-height:38px;
}
.masonary-product:hover > a {
    -webkit-transform:rotate(0deg) scale(1);
    -moz-transform:rotate(0deg) scale(1);
    -ms-transform:rotate(0deg) scale(1);
    -o-transform:rotate(0deg) scale(1);
    transform:rotate(0deg) scale(1);    
}
.masonary-product > a:before {
    content: "";
    position: absolute;
    left: -10%;
    top: -10%;
    width: 120%;
    height: 120%;
    border: 1px solid;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.masonary-product > a:hover:before{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.product-masonary-carousel .owl-controls {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.product-masonary-carousel .owl-controls .owl-pagination {
    display: table;
    margin: 0 auto;
}
.product-masonary-carousel .owl-controls .owl-pagination > div {
    width: 9px;
    height: 9px;
    background: #eee;
    float: left;
    margin: 0 2px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-masonary-carousel .owl-controls .owl-pagination > div.active{
    background: #757575;   
    width: 11px;
    height: 11px;
}


/*=======================================================
                 STYLE ADDED FOR INDEX 19
=========================================================*/
.shop-carousel {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.owl-item .shop {
    padding: 0 15px;
}
.shop {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.add-item {
    float: left;
    padding-left: 85px;
    position: relative;
    width: 100%;
}
.add-item > span {
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.add-item:hover > span{
    left: -50px;
}
.add-item > span img {
    width: 100%;
}
.add-detail {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border-left: 1px solid #edebeb;
    float: left;
    padding: 10px 5px 10px 20px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.add-detail > h4 {
    float: left;
    font-family: lato;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.add-detail > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 22px;
    margin: 8px 0 10px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
    text-transform: uppercase;
}
.add-detail > h3:before {
    background: none repeat scroll 0 0 #d4d4d4;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -15%;
    position: absolute;
    width: 30%;
}
.add-detail > p {
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
}
.add-detail > a {
    background: none repeat scroll 0 0 #c3c3c3;
    color: #fff;
    display: inline-block;
    font-family: roboto;
    font-size: 13px;
    padding: 8px 14px;
    margin-top: 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.add-detail > a i {
    margin-left: 5px;
}
.shop > h3 {
    color: #000;
    float: left;
    font-family: lato;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.shop > h3 a{
    color: #000;
}
.shop > p {
    color: #969696;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: lighter;
    margin: 0;
    width: 100%;
}
.shop .social-btns {
    float: left;
    margin-left: -5px;
    margin-top: 20px;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}
.shop-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-img > img {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.shop-img > img.hover-show {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.shop-img:hover > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

    opacity: 0;
}
.shop-img:hover > img.hover-show{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    opacity: 1;

}
.price-holder {
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.shop-price {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    padding: 10px 15px;
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.shop-price h6 {
    color: #5c5c5c;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    line-height: 30px;
}
.shop-price ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
}
.shop-price ul li {
    float: left;
    margin: 0 3px;
    width: 31px;
    height: 31px;
    text-align: center;
    line-height: 31px;
}
.shop-price ul li a {
    float: left;
    width: 100%;
    height: 100%;
    color: #797979;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.shop-price ul li a i{
	float:left;
	width:100%;
	line-height:31px;
}
.shop-price ul li a:hover{
    color: #FFF;
}
.shop-carousel .owl-buttons {
    right: 15px;
}
.shop-price ul li a.added_to_cart.wc-forward {
    float: left;
    margin-top: -31px;
    position: relative;
    color: transparent;
}
.shop-price ul li a.added_to_cart.wc-forward:before {
    color: #ffffff;
    content: "\f064";
    font-family: fontawesome;
    font-size: 15px;
    line-height: 31px;
    position: absolute;
    text-align: center;
    width: 100%;
}


.portfolio-sec.fancy .portfolio-box {
    margin-top: 2px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;    
}
.portfolio-sec.fancy .portfolio-box:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.24);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.portfolio-sec.fancy .portfolio-box:hover:before{
    height: 0;
}
.portfolio-sec.fancy .folio-slide {
    padding: 0 0.5px;
}
.portfolio-sec.fancy .portfolio-box img{
    padding: 0;
}
.product-add {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    border-top: 1px solid #6d6a6b;
    border-bottom: 1px solid #6d6a6b;
    background: rgba(0,0,0,0.42);

    -webkit-transition:all 0.6s linear;
    -moz-transition:all 0.6s linear;
    -ms-transition:all 0.6s linear;
    -o-transition:all 0.6s linear;
    transition:all 0.6s linear;
}
.portfolio-sec.fancy .portfolio-box:hover .product-add {
    bottom: 20px;
}
.product-add > h3 {
    color: #FFF;
    font-family: lato;
    font-size: 22px;
    margin: 0;
    float: left;
    width: 100%;
}
.product-add > h3 a{
    color: #FFF;
}
.product-add > span {
    font-family: lato;
    font-size: 18px;
    color: #FFF;
    margin: 5px 0;
    float: left;
    width: 100%;
}


.fancy-swipe .swiper-container {
    height: 347px;
    margin: 0;
    width: 100%;
}
.fancy-swipe .swiper-container .nav-tabs {
    border: 0 none;
    float: left;
    width: 100%;
}
.fancy-swipe .swiper-container .nav-tabs li {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0 0 6px;
}
.fancy-swipe .swiper-container .nav-tabs li a {
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.fancy-swipe .swiper-container .nav-tabs li a img {
    float: left;
    height: 100%;
    width: 100%;
}
.thumb-selector {
    float: left;
    position: relative;
    width: 100%;
}
.navigations {
    height: 100%;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 0;
}
.navigations a {
    background: none repeat scroll 0 0 #f6f6f6;
    border: 1px solid #e0e0e0;
    height: 20px;
    width: 40px;
    position: absolute;
    left: 50%;
    top: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.navigations a:hover:before{
    color: #FFF;
}
.navigations a:before {
    color: #212121;
    content: "\f106";
    float: left;
    font-family: fontawesome;
    text-align: center;
    width: 100%;
}
.navigations a.arrow-right:before{
    content: "\f107";
}
.navigations a.arrow-right {
    bottom: 0;
    top: auto;
}
.fancy-swipe .tab-content .tab-pane {
    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;
}
.fancy-swipe .tab-content .tab-pane img {
    float: left;
    width: 100%;
}
.product-details {
    float: left;
    width: 100%;
}
.product-details ul {
    border: 0 none;
    float: left;
    margin: 0 0 -10px;
    width: 100%;
}
.product-details ul li {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
}
.product-details ul li a {
    background: none repeat scroll 0 0 #d6d6d6;
    border: 1px solid #dedede;
    color: #000;
    font-family: lato;
    font-size: 13px;
    padding: 10px 20px;

    -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.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-details ul li.active a{
    background: #FFF;
}
.product-details .tab-content {
    border: 1px solid #dedede;
    float: left;
    padding: 40px 35px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.product-details .tab-content h3 {
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    width: 100%;
}
.product-details .tab-content h4 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 16px;
    margin: 0;
    width: 100%;
}
.product-details .tab-content h5 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 20px;
    width: 100%;
}
.product-details .tab-content h5 strong {
    font-weight: 600;
}
.product-details .minict_wrapper {
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #efefef;
    height: 40px;
    padding: 7px 15px;
    cursor: pointer;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.product-details .minict_wrapper input{
    cursor: pointer;
    font-family: roboto;
    font-size: 13px;
}
.product-details .minict_wrapper:after {
    border-left: 1px solid #efefef;
    height: 100%;
    line-height: 10px;
    top: 0;
    width: 40px;
}
.product-details .minict_wrapper ul li {
    background: none repeat scroll 0 0 #fbfbfb;
    width: 100%;
}
.product-details span {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
    width: 100%;
}
.product-details .tab-content span a {
    color: #000000;
    float: none;
    font-size: 14px;
    text-decoration: underline;
    width: auto;
}
.product-details p {
    color: #6c6c6c;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
.product-details .tab-content ul {
    padding: 0 0 0 15px;
    margin: 0;
}
.product-details .tab-content ul li {
    color: #6c6c6c;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin: 0;
    width: 100%;
}
.single-product-page .tab-content a.single-add-to-cart {
    background: none repeat scroll 0 0 #222;
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 30px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 70%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.more-details {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.more-details:last-child{
    margin-bottom: 0;
}
.more-details > h6 {
    color: #000;
    float: left;
    font-family: roboto;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px;
    width: 100%;
}
.product-details .more-details > ul {
    list-style: none outside none;
    padding: 0;
}
.product-details .more-details > p {
    margin: 0;
}
.single-product-page .tab-content .tab-pane a.show-big {
    bottom: 20px;
    color: #515251;
    font-size: 32px;
    position: absolute;
    right: 20px;
}

/* Cart Sec */
.cart-sec {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
}
.cart-sec > li {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    margin-bottom: 30px;
    width: 100%;
}
.cart-sec > li:last-child {
    margin: 0;
}
.cart-sec > li .product {
    border-right: 1px solid #e8ecec;
    float: left;
    padding: 20px;
    width: 50%;
	height: 272px;
}
.cart-sec > li .price {
    border-right: 1px solid #e8ecec;
    float: left;
    height: 272px;
    width: 15%;
}
.cart-sec > li .price > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-sec > li .price > h3 {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.cart-sec > li .cart-quantity {
    border-right: 1px solid #e8ecec;
    float: left;
    width: 20%;
	height: 272px;
}
.cart-sec > li .cart-quantity > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.decrements {
    display: table;
    float: none;
    margin: 0 auto;
}
.decrements > .qantity-form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    padding: 8px 12px 10px;
    position: relative;
}
.decrements .qantity-form input.userincr-btn-inc[type="button"] {
    position: absolute;
    right: 7px;
}
.decrements .qantity-form input.userincr-btn-dec[type="button"] {
    left: 7px;
    position: absolute;
    line-height: 20px;
}
.decrements .qantity-form input[type="button"] {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    font-family: roboto;
    font-size: 14px;
    height: 15px;
    padding-bottom: 23px;
    width: 17px;
    background: #333333 none repeat scroll 0 0;
}
.decrements > .qantity-form .qty {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    font-family: roboto;
    font-size: 15px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    width: 59px;
}
.quantity > p {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 15px 0 0;
    text-align: center;
    width: 100%;
}
.cart-sec > li .total {
    float: left;
    width: 15%;
	height: 272px;
}
.cart-sec > li .total > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 18px;
    font-weight: normal;
    line-height: 16px;
    padding-bottom: 70px;
    padding-top: 70px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.cart-sec > li .total > h3 {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
    margin: 0;
    text-align: center;
    width: 100%;
}
.product > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 35%;
}
.inner-left .woocommerce  .checkout-button.button:hover {
    background:#333333;
}
.woocommerce .product > span > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff !important;
    font-size: 14px;
    height: 32px;
    left: 50%;
    line-height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    
	-webkit-transform: scale(2) rotate(360deg);
    -moz-transform: scale(2) rotate(360deg);
    -ms-transform: scale(2) rotate(360deg);
    -o-transform: scale(2) rotate(360deg);
    transform: scale(2) rotate(360deg);
	
    -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;
	
    width: 32px;
}
li.cart_item:hover .product > span > a {
    opacity: 1;
	
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}
.product > span > a > i{
	float:left;
	width:100%;
	text-align:center;
	line-height:32px;
}
.product > span > img {
    float: left;
    width: 100%;
}
.product > h3 {
    display: block;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    padding-left: 15px;
    width: 65%;
}
.product > h3 > a {
    color: #666;
}
.product > ul {
    float: left;
    margin: 15px 0 0;
    padding: 0 0 0 15px;
    width: 50%;
}
.product > ul > li {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    height: 31px;
    list-style: none outside none;
    margin-bottom: 10px;
    padding: 4px 15px;
    width: 100%;
}
.product > ul > li > span {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 24px;
    width: 50%;
}
.product > ul > li > i {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    height: auto;
    line-height: 24px;
    width: 50%;
}
.product > ul > li.cart-colors > i {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 17px;
    margin-right: 6px;
    margin-top: 2px;
    width: 17px;
}
.product > ul > li.cart-colors > i.green {
    background: none repeat scroll 0 0 #5FD370;
}
.product > ul > li.cart-colors > i.red {
    background: none repeat scroll 0 0 #f96a59;
}.product > ul > li.cart-colors > i.yellow {
    background: none repeat scroll 0 0 #f9f059;
}

/* Toogle Cart Top */
.toogle-cart-sec {
    float: left;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    z-index: 9999999999999999999999;
    height: 175px;
    left: 0;
    top: -175px;
	
    -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;
}
.toogle-cart-sec:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.toogle-cart-sec.sticky {
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.toogle-cart-box {
    border: 1px solid rgba(255, 255, 255, 0.3);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 15px;
    padding: 15px;
    width: 300px;
}

.toogle-cart-box > span {
    float: left;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    overflow: hidden;
    margin-right: 10px;
}
.toogle-cart-box > span > img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
}
.toogle-cart-box > h3 {
    display: block;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 5px 0;
}
.toogle-cart-box > h3 > a {
    color: #FFFFFF;
}
.toogle-cart-box > i {
    color: #EAEAEA;
    display: block;
    font-family: roboto;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    margin-top: 10px;
}
.toogle-cart-box > ul {
    display: block;
    margin: 10px 0 0;
    padding: 0;
}
.toogle-cart-box > ul > li {
    float: left;
    list-style: none outside none;
    margin-right: 10px;
}
.toogle-cart-box > ul > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    
	-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;
	
    width: 26px;
}
.toogle-cart-box > ul > li > a i{
	float:left;
	width:100%;
	line-height:26px;
}
.toogle-cart-box > ul > li > a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
}
.toogle-cart-sec > .container {
    position: relative;
}
.toogle-cart-sec > .container > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50px;
    color: #FFFFFF;
    font-size: 17px;
    height: 45px;
    line-height: 18px;
    padding-left: 21px;
    padding-top: 23px;
    position: absolute;
    right: 0;
    text-align: center;
	
    -webkit-transform: rotate(45deg) scale(0.9);
    -moz-transform: rotate(45deg) scale(0.9);
    -ms-transform: rotate(45deg) scale(0.9);
    -o-transform: rotate(45deg) scale(0.9);
    transform: rotate(45deg) scale(0.9);
	
    width: 45px;
    z-index: 0;
	color: transparent;
}
.toogle-cart-sec > .container > a > i {
    float: left;
    margin-top: -37px;
	
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	
	color:#fff;
}

.toogle-cart-sec > .container > a > span {
    display: none;
}
.toogle-cart-sec > .container > a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: -1;
}
.toogle-cart-sec:hover .container > a {
    -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;
}
#content_2 .mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(255,255,255,0.1);
}
#content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
#content_2 .mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0;
}
#content_2 .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    height: 6px;
    margin: 5px auto;
    width: 100%;
}
.toogle-cart-sec.open {
    top: 0;
}

.business1.style2 .toogle-cart-sec > .container > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    bottom: -50px;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 12px;
    font-weight: lighter;
    height: 47px;
    padding: 13px 23px 17px 17px;
    top: 154px;
    
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	
    width: auto;
}
.business1.style2 .toogle-cart-sec > .container > a > i {
    float: right;
    
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	
    margin: 0;
    margin: 3px 0;
    margin-left: 7px;
}
.business1.style2 .toogle-cart-sec > .container > a > span {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 2px solid #FFFFFF;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    display: inline;
    font-size: 11px;
    height: 25px;
    line-height: 21px;
    position: absolute;
    right: -10px;
    top: 11px;
    width: 25px;
}

/* Cart Single */


#cart-single-sec {
    float: left;
    width: 100%;
}
#cart-slide {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#cart-slide li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: none outside none;
    overflow: hidden;
    width: 100%;
}
#cart-slide li > img {
    float: left;
    width: 100%;
}
.cart-product-desc {
    float: left;
    width: 100%;
}
.trend > a.added_to_cart.wc-forward {
    margin-left: 10px;
}
.masonary-product > a.added_to_cart.wc-forward {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    line-height: 99px;
}
.masonary-product > a.added_to_cart.wc-forward:before {
    display: none;
}
.add-to-fav > i {
    margin-top: 4px;
}
.woocommerce-product-rating {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-bottom: 10px;
    padding: 10px 20px;
    width: 100%;
}
.cart-product-desc > h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}
.cart-product-desc > div {
    float: left;
    width: 100%;
}
.cart-product-desc > div p {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 12px;
    width: 100%;
}
.cart-product-desc > h3 > i {
    font-style: normal;
    font-weight: 600;
}
.cart-product-desc > span {
    color: #313131;
    float: left;
    font-family: roboto;
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 100%;
}
#choose-color {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 100%;
}
#choose-color > li {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 27px;
    list-style: none outside none;
    margin-right: 5px;
    overflow: hidden;
    width: 27px;
}
#choose-color > li.red {
	background:#ff4646;
}
#choose-color > li.green {
	background:#56cd59;
}
#choose-color > li.blue {
	background:#ffef66;
}
#choose-size {
    border: medium none;
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
#choose-size > li {
    border: medium none;
    float: left;
    margin: 0;
}
#choose-size > li > a {
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #888888;
    float: left;
    height: 27px;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: center;
    width: 33px;
}
#choose-size > li.active > a {
    background: none repeat scroll 0 0 #888;
    color: #FFFFFF;
	border: 1px solid #888888;
}
.cart-product-desc > .decrements {
    float: left;
    width: 100%;
}
.cart-product-desc > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-top: 40px;
    padding: 17px 16px;
}
.tab-features {
    float: left;
    padding-right: 10px;
    width: 100%;
}
.tab-features > h3 {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 20px;
    width: 100%;
}
.tab-features > p {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.tab-features > ul {
    float: left;
    margin: 25px 0;
    padding: 0;
    width: 100%;
}
.tab-features ul li {
    float: left;
    list-style: none outside none;
    width: 50%;
}
.tab-features ul li i {
    background: none repeat scroll 0 0 #6A6A6A;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 19px;
}
.tab-features ul li p {
    color: #888;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-left: 20px;
}
.cart-single-tab {
    float: left;

    margin-top: 60px;
    width: 100%;
}
.cart-single-tab > ul {
    border: medium none;
    padding-left: 50px;
}
.cart-single-tab > ul > li {
    float: left;
    margin: 0;
}
.cart-single-tab > ul > li > a {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    
	-webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -ms-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
	
    color: #696969;
    float: left;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-right: 10px;
    padding: 10px 18px;
    text-transform: uppercase;
}
.cart-single-tab > ul > li > a > i {
    float: left;
    font-size: 16px;
    margin-right: 15px;
    margin-top: 2px;
}
.cart-single-tab > ul > li.active > a {
    -moz-border-bottom-colors: none;
    -ms-border-bottom-colors: none;
    -webkit-border-bottom-colors: none;
    -o-border-bottom-colors: none;
	
    -moz-border-left-colors: none;
    -webkit-border-left-colors: none;
    -ms-border-left-colors: none;
    -o-border-left-colors: none;
	
    -moz-border-right-colors: none;
    -webkit-border-right-colors: none;
    -ms-border-right-colors: none;
    -o-border-right-colors: none;
	
    -moz-border-top-colors: none;
    -webkit-border-top-colors: none;
    -ms-border-top-colors: none;
    -o-border-top-colors: none;
	
    background: none repeat scroll 0 0 #F8F8F8;
    border-color: -moz-use-text-color #DADADA #DADADA;
    border-image: none;
    border-right: 1px solid #DADADA;
    border-style: solid;
    border-width: 2px 1px 1px;
}
.cart-single-tab .tab-content {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DADADA;
    float: left;
    margin-top: -2px;
    padding: 22px 20px;
    position: relative;
    z-index: 9;
	
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
}
.product-details {
    float: left;
    width: 100%;
}
.product-details > h3 {
    color: #282828;
    float: left;
    font-family: roboto;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 50px;
    text-transform: uppercase;
    width: 100%;
}
.product-details > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.product-details > ul li {
    border: 1px solid #DDDDDD;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.product-details > ul li:last-child {
    margin: 0;
}
.product-details li span {
    background: none repeat scroll 0 0 #F3F1F1;
    color: #1D1D1D;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 10px;
    margin-right: 20px;
    padding: 10px;
    width: 25%;
}
.product-details p {
    color: #434343;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    padding: 10px 0;
}

/* Wpb Tabs */
.wpb_tabs {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0 !important;
    padding: 27px;
    width: 100%;
}
.wpb_tabs ul > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    border-right: 1px solid #e8e6e6;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #454545;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    line-height: 29px;
    margin: 0;
    padding: 0 20px !important;
    text-transform: uppercase;
	
    -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;
}
.wpb_tabs ul.wpb_tabs_nav  {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
}
.wpb_tabs .wpb_tab {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: left;
    padding: 0 !important;
    width: 100%;
}
.wpb_content_element .wpb_tabs_nav li:last-child > a {
    border: medium none;
}
.wpb_tabs .wpb_tabs_nav li {
    margin: 0 !important;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active > a{
	color:#fff;
}

/* Woo Commerce */
.woocommerce {
    float: left;
    width: 100%;
}
.woocommerce > h2 {
    float: left;
    font-family: roboto;
    margin: 0 0 20px;
    width: 100%;
}
.woocommerce-review-link {
    color: #333333;
    margin-left: 10px;
}
/* Variation Product */
.variations_form.cart {
    float: left;
    width: 100%;
}
.cart-product-desc .cart-options > form {
    float: left;
    margin-bottom: 0 !important;
    margin-top: 30px;
    width: 150px;
}
.variations_form.cart {
    width: 100% !important;
}
.variations {
    border: medium none;
    float: left;
    margin: 0 !important;
    width: 100%;
}
.variations_button {
    float: left;
    margin-top: 13px;
    width: auto;
}
.variations > tbody {
    float: left;
    width: 100%;
}
.variations > tbody > tr .label {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 !important;
	margin-bottom:15px;
}
.variations > tbody > tr .label > label {
    color: #565656;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 11px 13px;
    text-align: center;
    width: 100%;
}
.variations > tbody > tr .value {
    border: medium none;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
	float: left;
    height: auto;
    padding: 0;
	margin-bottom:15px;
}
.variations > tbody > tr .value > select {
    border: 1px solid #e8ecec;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
    height: 38px;
    padding-left: 12px;
}
.variations > tbody > tr .value > a {
    color: #565656;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 7px;
    text-align: center;
    width: 100%;
}
.single_variation {
    float: left;
    font-family: Open Sans;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-right: 20px;
    width: auto;
}
.product-type-variable .quantity.buttons_added {
    float: left;
    margin-right: 15px !important;
}
.inner-left .cart-product-desc .variations_button > button {
    background: none repeat scroll 0 0 #333;
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    padding: 7px 30px;
    text-shadow: 0 0;
}
.inner-left .cart-product-desc .variations_button > button:hover {
    background: none repeat scroll 0 0 #555;
}
.cart-product-desc > p {
    font-family: Roboto;
    font-size: 14px;
    line-height: 24px;
}
.woocommerce > form.login,
.woocommerce > form.checkout_coupon {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.woocommerce > form.checkout_coupon > p {
    margin: 0;
    padding: 0;
}
.woocommerce > form.login > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 12px;
    padding: 0;
    width: 100%;
}
.woocommerce > form.login > p > label {
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    width: 100%;
}
.woocommerce > form.login > p > .input-text {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 12px 17px;
    width: 100%;
}
.upsells {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.upsells > h2 {
    color: #555555;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.review-product {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.woocommerce p > input.button {
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    font-family: roboto;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 12px 30px;
    text-shadow: 0 0;
    text-transform: uppercase;
}
.woocommerce > form.login > p.lost_password > a {
    color: #565656;
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    margin: 0;
}
.woocommerce > form.login > p.lost_password {
    margin: 0;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.02) inset;
	
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
    padding: 0;
    top: 0;
}
.woocommerce .woocommerce-info > a {
    margin-left: 15px;
}
.checkout {
    float: left;
    width: 100%;
}
.woocommerce-billing-fields {
    float: left;
    width: 100%;
}
.woocommerce-billing-fields > h3 {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0;
    width: 100%;
}
.woocommerce-billing-fields > p {
    float: left;
    margin-bottom: 18px !important;
    padding: 0 !important;
    width: 100%;
}
.woocommerce-billing-fields > p > label {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce-billing-fields > p > input[type="text"], 
.woocommerce-billing-fields  p > input[type="password"],
.woocommerce-shipping-fields  p  > textarea,
.woocommerce-shipping-fields  p  > input[type="text"],
.woocommerce > form.checkout_coupon > p input[type="text"],
.coupon > input[type="text"] {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #565656 !important;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 12px;
    width: 100%;
}
.woocommerce > form.checkout_coupon > p input[type="submit"]{
	margin:0;
}
.woocommerce-billing-fields > p input[type="checkbox"] {
    float: left;
}
.woocommerce-billing-fields > p .checkbox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    margin: -8px 0 0;
    padding-left: 10px;
    width: auto;
}
.woocommerce .myaccount_user {

    float: left;

    width: 100%;

}
.addresses {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;

    float: left;
    width: 100%;
}

.woocommerce .addresses > .address {
    float: left;
	padding: 25px;
	width: 50%;
}

.woocommerce .addresses > .col-1.address{
	border-right: 1px solid #e8ecec;
}

.woocommerce .addresses > .address > header.title {
    float: left;
    position: relative;
    width: 100%;

}
.woocommerce .addresses > .address > header.title > a {
    background: none repeat scroll 0 0 #555;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    color: #fff;
    font-family: roboto;
    font-size: 13px;
    line-height: 12px;
    padding: 7px 19px;
    position: absolute;
    right: 0;
    top: 0;

}

.woocommerce .addresses > .address address {
    color: #888;
    float: left;
    font-family: roboto;
   font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    width: 100%;
}

.woocommerce .addresses > .address > header.title > h3 {
    color: #555;
    float: left;
    font-family: Raleway;
    font-size: 20px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    padding-right: 80px;
    width: 100%;

}

.create-account > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.checkout > h3 {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0 15px;
    width: 100%;
}
.checkout > div {
    float: left;
    width: 100%;
}
.woocommerce .shop_table {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
	
    float: left;
    width: 100%;
}
.woocommerce .shop_table thead {
    color: #565656;
    font-family: lato;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.woocommerce .shop_table tbody {
    color: #666666;
    font-family: roboto;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
}
.woocommerce .shop_table tfoot {
    color: #565656;
    font-family: Roboto;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
#payment {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
	
    float: left;
    width: 100%;
}
.woocommerce-shipping-fields {
    float: left;
    width: 100%;
}
.woocommerce-shipping-fields > h3{
	color: #565656;
    float: left;
    font-family: lato;
    font-size: 21px;
    letter-spacing: 0.3px;
    margin: 10px 0 7px;
    width: 100%;
	font-weight: 500;
}
.woocommerce-shipping-fields > h3 label {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
}
.woocommerce-shipping-fields > h3 input {
    margin-left: 11px;
    margin-top: 8px;
}
.woocommerce-shipping-fields  p {
    margin-bottom: 18px !important;
    padding: 0 !important;
}
.woocommerce-shipping-fields  p  > label {
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    width: 100%;
}
.coupon {
    float: left;
    margin-right: 30px;
    width: auto;
}
.coupon > label {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 0;
    margin-right: 10px;
}
.coupon > input[type="text"] {
    margin-right: 10px;
    margin-top: -3px;
    padding: 5px 15px;
    width: auto;
}
.cart-total-box {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
    width: 100%;
	margin-top: 30px;
}
.cart-head {
    float: left;
    width: 100%;
}
.cart-total-box .cart-head > h2 {
    border: medium none;
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 17px 0;
    text-align: center;
    width: 100%;
}
.cart-total-box .cart-head > h2 > a{
	color:#fff;
}
.cart-total-box ul {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-total-box ul > li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #fcfcfc;
}
.cart-total-box ul > li {
    float: left;
    line-height: 10px;
    list-style: none outside none;
    padding: 15px 20px;
    width: 100%;
	font-family: roboto;
}
.cart-total-box ul > li > span {
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: left;
    width: 50%;
}
.cart-total-box ul > li > i {
    color: #818181;
    float: left;
    font-size: 13px;
    font-style: normal;
    letter-spacing: 0.3px;
    width: 50%;
}
.customlist > select {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c6dade;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 2px #e9f3f6;
    -moz-box-shadow: 0 1px 2px #e9f3f6;
    -ms-box-shadow: 0 1px 2px #e9f3f6;
    -o-box-shadow: 0 1px 2px #e9f3f6;
    box-shadow: 0 1px 2px #e9f3f6;
	
    color: #555555;
    float: left;
    font-family: roboto;
    font-size: 16px;
    height: 30px;
    padding-left: 10px;
    position: relative;
    width: 100%;
}
.cart-total-box ul > li > input {
    border: 1px solid #c6dade;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 1px 2px #e9f3f6;
    -moz-box-shadow: 0 1px 2px #e9f3f6;
    -ms-box-shadow: 0 1px 2px #e9f3f6;
    -o-box-shadow: 0 1px 2px #e9f3f6;
    box-shadow: 0 1px 2px #e9f3f6;
	
    color: #d2d2d2;
    float: left;
    font-family: Raleway;
    font-size: 13px;
    height: 30px;
    padding: 0 0 0 15px;
    width: 100%;
}

/* Theme Test Unit */
.inner-left > p {
    float: left;
    font-family: roboto;
    font-size: 13px;
    width: 100%;
}
blockquote {
    background: none repeat scroll 0 0 #fafafa;
    border: medium none;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 26px 41px;
    width: 100%;
}
body blockquote p {
    float: left;
    font-family: lato;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    width: 100%;
	font-style:italic;
}
.inner-left table{
	margin-bottom:20px;
}
table {
    border: 1px solid #f0f0f0;
    color: #888888;
    float: left;
    line-height: 33px;
    text-align: center;
    width: 100%;
}
thead {
    color: #333;
    text-align: center;
}
table th {
    border: 1px solid #f0f0f0;
    text-align: center;
}
td {
    border: 1px solid #f0f0f0;
    font-size: 12px;
    line-height: 30px;
}
dt,dd {
    color: #777;
    font-family: roboto;
    font-size: 13px;
    line-height: 25px !important;
	letter-spacing:0.30px;
}
pre {
    float: left;
    text-align: left;
    width: 100%;
}
.alignleft {
    float: left;
    margin-right: 20px;
}
.alignright {
    float: right;
    margin-left: 20px;
}
.aligncenter {
    margin: 0 auto;
}
.page-numbers {
    float: left;
    width: 100%;
}
.twitter-tweet.twitter-tweet-rendered {
    float: left;
    width: 100% !important;
}
.inner-left > ul {
    float: left;
    text-align: left;
    width: 100%;
}
.inner-left > ul li {
    font-family: roboto;
}
.inner-left > ul ul {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.inner-left > ol {
    font-family: roboto;
    padding: 0 0 0 19px;
    text-align: left;
    width: 100%;
}
.shop-price ul li a:hover i {
    color: #ffffff;
}
.inner-left > ol ol {
    padding-bottom: 5px;
    padding-left: 20px;
    padding-top: 5px;
}
.portfolio-head > span a {
    color: #fafafa;
}
/* Theme Test Unit */
.wp-caption{} 
.wp-caption-text{} 
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
.post.sticky > div > div {
    float: left;
    width: 100%;
}
.post.sticky > div > div .post-desc {
    margin: 0;
}
.post.sticky .post-desc h2 {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 10px 20px;
}
.post.sticky .post-desc p {
    margin-bottom: 17px;
}
.standalone-tweet {
    float: left;
    height: auto;
    padding: 0;
    width: 100%;
}
.mejs-container {
    float: left;
    margin-bottom: 21px;
}

/*** BB PRESS STYLING ***/

#bbpress-forums {
    margin-bottom: 0;
}

#bbpress-forums #bbp-search-form {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #dcdcdc;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 310px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#bbpress-forums #bbp-search-form input#bbp_search {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #343434;
    float: left;
    font-family: roboto;
    height: 40px;
    padding: 10px;
    width: 230px;
}

#bbpress-forums #bbp-search-form input#bbp_search_submit {
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #cfcfcf;
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    border-right: 0 none;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    float: left;
    font-family: roboto;
    height: 40px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 70px;
}

#bbpress-forums #bbp-search-form input#bbp_search_submit:hover{
    color: #AFAFAF;
}

#subscription-toggle, #favorite-toggle {
    background:none repeat scroll 0 0 #282828;
    float: left;
    margin: 0 20px;
    padding: 5px 15px;
    text-transform: uppercase;
	
    -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}

#subscription-toggle a, #favorite-toggle a {
    color: #fff !important;
    line-height: 20px;
}

.bbp-author-avatar img {
    border: 0 none !important;
    margin: 0 !important;
}

#bbpress-forums ul {
    color: #888888;
    font-weight: 400;
}

#bbpress-forums .minict_wrapper.bubble ul {
    background: none repeat scroll 0 0 #fff;
}

#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;

}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */
    padding:0;

}

#bbpress-forums > ul {
    border: 1px solid #c9c9c9!important;
    overflow: hidden !important;    
    
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;

}

#bbpress-forums li.bbp-footer {
    background: none repeat scroll 0 0 #DCDCDC;
    border-top: 1px solid #C9C9C9;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #d0cfcf;
    padding: 0 20px;
}

#bbpress-forums li.bbp-body ul.forum li, #bbpress-forums li.bbp-body ul.topic li {
    font-size: 13px;
    line-height: 80px;
    min-height: 125px;
    padding: 20px 0;
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, 
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 34px;
}

#bbpress-forums fieldset.bbp-form {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#bbpress-forums fieldset.bbp-form label {
    float: left;
    font-weight: 400;
    width: 100%;
}

#bbpress-forums li.bbp-header {
    background: none repeat scroll 0 0 #6f6f6f;
    border: 1px solid #3e3e3e;
    float: left;
    font-weight: 400;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1;

}

#bbpress-forums li.bbp-header:before {
    background: url("../images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #84898B;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}

#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;

}

#bbpress-forums li.bbp-header li {
    color: #F1EFEF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-shadow: 0 1px 0 #000000;
    text-align: center;

}

li.bbp-forum-freshness, li.bbp-topic-freshness {
    border-right: 0 none !important;
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 47px;

}

.bbp-form input[type="text"],.bbp-form textarea {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #C8C8C8;
    font-family: roboto;
    height: 30px;
    padding: 5px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.bbp-form textarea{
    border:0;
    height:auto;
}

#bbpress-forums div.reply {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    color: #333333;
    font-size: 12px;
    position: relative;
    padding:0;
    right: 0;

}

div.bbp-submit-wrapper button {
    background: none repeat scroll 0 0 #D4D4D4;
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 25px;
    text-transform: uppercase;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

}

div.bbp-template-notice.info {
    color: #747474;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    background-color: #BFE7F1;
    border: 1px solid #D1D1D1;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a,

 ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    background: none repeat scroll 0 0 #E0E0E0;
    color: #646363 !important;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    margin-top: 18px;
    padding: 7px 15px;
    line-height: 20px;
    text-shadow: 0 1px 0 #F4F4F4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

.bbp-forum-content {
    color: #9d9d9d;
    line-height: 20px;
    margin: 25px 0 0 !important;

}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a,
.bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a {
    background: none repeat scroll 0 0 #E1E1E1;
    color: #898888 !important;
    display: table;
    margin: 10px auto 0;
    padding: 5px 15px;
    text-shadow: 0 1px 0 #F4F4F4;
    line-height: 20px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

}

#bbpress-forums p.bbp-topic-meta {
    float: left;
    margin-bottom: 0;
    margin-top: 10px !important;
    width: 100%;
}

.bbp-author-avatar {
    margin-right: 10px;
}

ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    margin-top: 5px;
    line-height: 20px;

}

li.bbp-forum-topic-count, li.bbp-topic-voice-count,
li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    font-size: 15px !important;

}

.bbp-pagination-count {
    border: 1px solid rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-size: 12px;

}

div.bbp-template-notice, div.indicator-hint {
    background: none repeat scroll 0 0 #FBE3A7;
    border-color: #D1D1D1;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    width: auto;

}

#bbpress-forums p.bbp-topic-meta .bbp-author-name {
    color: #A1A1A1;
}

ul.bbp-replies li.bbp-header > div {
    color: #F1EFEF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-align: center !important;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;

}

li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
    font-size: 12px;
    line-height: 17px;
    margin-top: 18px;
    text-shadow: none;

}

#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background-color: #EDEAEA;
    border-top: 1px solid #D0CFCF;
}

.bbp-admin-links, .bbp-admin-links a {
    color: #8E8E8E !important;
    font-size: 12px !important;
    padding: 0 5px;
    text-transform: capitalize !important;
}

.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
    color: #8E8E8E !important;
    float: right;
    margin-left: 30px;
}

#bbpress-forums .bbp-body div.bbp-reply-author {
    border-right: 1px solid #C9C9C9;
    float: left;
    padding: 20px;
    width: 30%;

}

.bbp-reply-author .bbp-author-avatar {
    float: left;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    color: #8E8E8E;
    display: table-row-group;
    width: auto;

}

#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {
    color: #9c9c9c;
    display: table-row;
    float: left;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-top: -8px;
}

.bbp-reply-ip {
    float: left;
    text-align: left;
}

.bbp-reply-author .bbp-author-avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

#bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content {
    border-left: 1px solid #C9C9C9;
    color: #8E8E8E;
    float: left;
    font-family: roboto;
    margin-left: -1px;
    padding: 20px 25px;
    width: 70%;

}

fieldset.bbp-form {
    float: left;
    padding: 0 !important;
    width: 100%;
}

fieldset.bbp-form label {
    color: #7f7f7f;
    float: left;
    font-family: roboto;
    font-size: 12px;
    padding: 0 20px 0 0 !important;
    text-transform: uppercase;
    width: auto !important;

}

button.button.submit {
    line-height: 20px;
    overflow: hidden;
    padding: 7px 20px;

}
div.bbp-template-notice, div.indicator-hint {
    width: 100%;
}

.bbp-breadcrumb > p a, .bbp-breadcrumb > p span {
    color: #222222;
	display: inline-block;
    font-family: roboto;
    font-size: 12px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;

}

.bbp-breadcrumb > p span.bbp-breadcrumb-current {
    color: #a0a0a0;
}

div.bbp-breadcrumb, div.bbp-topic-tags {
    float: left;
    position: relative;
    text-align: center;
    width: auto;
}
#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p {
    margin-top: 10px;
}
.bbp-pagination-links {
    float: left;
    margin-left: 10px;
}
#bbpress-forums .bbp-pagination-links span {
    float: left;
    width: auto;
}
#bbpress-forums .bbp-pagination-links a {
    float: left;
    width: auto;
}
.bbp-topics .bbp-topic-pagination {
    float: left;
    margin-top: 8px;
}
.bbp-topics .bbp-topic-pagination > a {
    float: left;
    width: auto;
}
.entry-title {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin-bottom: 10px !important;
    width: 100%;
}
.bbp-form > div > label {
    float: left;
    text-align: left !important;
    width: 150px !important;
}
#bbpress-forums #bbp-your-profile fieldset.submit {
    float: right;
}


/******************* Widget *******************/
.widget {
    float: left;
    margin-top: 30px;
    width: 100%;
}

/* Widget Tag Cloud */
.tagcloud {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.tagcloud a:hover{
	color:#fff;
}
.tagcloud a {
    border: 1px solid #e8ecec;
    color: #6d6d6d;
    float: left;
    font-family: Roboto;
    font-size: 13px !important;
    
	-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;
	
    padding: 6px 9px;
    margin-top: 10px;
    margin-right: 10px;
}
.tagcloud a:hover{
	color:#fff;
}
/* Widgets Archive and Categories */
.widget_archive > ul, .widget_categories > ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_archive > ul > li, .widget_categories > ul > li {
    border-bottom: 1px dashed #e8ecec;
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 7px 0;
    position: relative;
    text-align: right;
    width: 100%;
}
.widget_archive > ul > li:first-child , .widget_categories > ul > li:first-child{
    padding-top: 0;
}
.widget_archive > ul > li:last-child, .widget_categories > ul > li:last-child {
    border: medium none;
    padding-bottom: 0;
}
.widget_archive > ul > li > a, .widget_categories > ul > li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding-left: 30px;
    position: relative;
    text-align: left;
    
	-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;
	
    width: 85%;
}
.widget_archive > ul > li > a:before, .widget_categories > ul > li > a:before {
    color: #565656;
    content: "ï„…";
    font-family: fontawesome;
    font-size: 13px;
    left: 0;
    position: absolute;
    top: 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;
}
.widget_archive > ul > li > a:hover:before, .widget_categories > ul > li > a:hover:before {
    left: 10px;
}

/* Widget Archive Select */
.widget_archive > select, .widget_categories > select, .widget_product_categories > select {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #777777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 40px;
    letter-spacing: 0.3px;
    padding-left: 10px;
    width: 100%;
}

/* Widget Calendar */

#calendar_wrap {
    float: left;
    width: 100%;
}

#calendar_wrap > table {
    float: left;
    width: 100%;
}

#calendar_wrap > table > caption {
    background: none repeat scroll 0 0 #fafafa;
    font-family: roboto;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 0;
}
#calendar_wrap > table > thead {
   width: 100%;
}
#calendar_wrap > table > thead > tr > th {
	background: none repeat scroll 0 0 #f3f3f3;
    border-right: 1px solid #e8e8e8;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 0;
    text-align: center;
}
#calendar_wrap > table > tbody > tr > td.pad {
	background: none repeat scroll 0 0 #fdfdfd;
}
#calendar_wrap > table > tbody > tr > td {
   background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    color: #888;
    font-family: roboto;
    font-size: 12px;
    padding: 4px 0;
    text-align: center;
}
#calendar_wrap > table > tbody > tr > td > a {
   background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	
    color: #333;
    float: left;
    width: 100%;
}
#calendar_wrap > table > tfoot > tr > td {
   background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    font-family: roboto;
    font-size: 13px;
    text-align: center;
}
#calendar_wrap > table > tfoot > tr > td > a{
	color:#555555;
}

/* Widget main Menu */
.widget_nav_menu .menu-main-menu-container > ul, .widget_pages > ul{
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li, .widget_pages > ul > li {
    float: left;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul li, .widget_pages > ul > li ul li {
    float: left;
    list-style: none outside none;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container > ul > li ul, .widget_pages > ul > li ul {
    float: left;
    margin: 0;
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container ul li a, .widget_pages > ul li a {
    border-bottom: 1px dashed #e8ecec;
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 8px 0;
    position: relative;
    text-align: left;
    
	-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;
	
    width: 100%;
}
.widget_nav_menu .menu-main-menu-container ul li ul li a:before, .widget_pages > ul li ul li a:before {
    color: #999;
    content: "ï„„";
    font-family: fontawesome;
    font-size: 12px;
    left: -15px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}

/* Widget Metas */
.widget_meta > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_meta > ul > li {
    float: left;
    width: 100%;
}
.widget_meta > ul > li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}

/* Widget Recent Comment */
.widget_recent_comments > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_recent_comments > ul > li {
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    padding: 10px;
    width: 100%;
}
.widget_recent_comments > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 21px;
    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;
	
}
.widget_recent_comments > ul > li {
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    color: #999999;
    float: left;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-top: -1px;
    padding: 10px;
    text-align: left;
    width: 100%;
}

/* Widget Recent Entries */
.widget_recent_entries ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
	margin-top:-10px;
}
.widget_recent_entries ul li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget_recent_entries ul li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 19px;
    margin-bottom: 8px;
    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;
}
.widget_recent_entries ul li > span {
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 10px;
    letter-spacing: 0.3px;
    width: 100%;
}

/* Widget Tag Cloud */
.widget_tag_cloud a {
    color: #565656;
    font-family: lato;
    letter-spacing: 0.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;
}

/* Widget Text */
.widget_text p {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: 0;
    width: 100%;
}
.widget_text p img, .widget_text a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 15px;
    width: 100%;
}
.widget_text p img.wp-smiley {
    float: none;
    width: auto;
}
.textwidget form {
    float: left;
    width: 100%;
}
.textwidget form select {
    float: left;
    margin-top: 10px;
    width: 100%;
}
/* Widget Dastak Our Offices */
.widget_sh_our_office span {
    border: 1px solid #424242;
}

/* Widget Dastak Recent Post */
.widget_sh_recent_post ul li.sticky {
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    padding: 15px;
}
.widget_sh_recent_post ul li.sticky > a {
    float: left;
    width: 100%;
}
.widget_sh_recent_post ul li.sticky > a > i {
    float: left;
    margin-top: 5px;
    width: 100%;
}
.widget_sh_recent_post ul li.sticky span {
    display: none;
}
.widget_sh_recent_post ul li.sticky strong {
    float: left;
    margin-top: 9px;
    width: 100%;
}
.widget_sh_recent_post ul li a {
    color: #565656;
}
footer .widget_sh_recent_post ul li a {
    color: #eeeeee;
}

/* Widget Dastak Email Subscribe */
aside .widget_sh_subscribe_mail_list > .f-about-dastak p {
    color: #777;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -10px 0;
    width: 100%;
}
aside .widget_sh_subscribe_mail_list > .f-about-dastak form {
    border: 1px solid #e8ecec;
}
aside .widget_sh_subscribe_mail_list > .f-about-dastak form > input[type="text"] {
    background: none repeat scroll 0 0 #fafafa;
}

/* Widget BBPress Search Form */
.widget_display_search > form {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
}
.widget_display_search > form input[type="text"] {
    border: 1px solid #e8ecec;
    
	-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;
	
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    padding: 4px 9px;
    width: 70%;
}
.widget_display_search > form input.button {
    border: medium none;
    
	-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;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    width: 30%;
}

/* Widget bbPress Topics */
.widget_display_forums > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_display_forums > ul > li {
    float: left;
    margin-top: 10px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.widget_display_forums > ul > li:before {
    color: #555555;
    content: "ï„?";
    font-family: fontawesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    top: 2px;
}
.widget_display_forums > ul > li > a {
    color: #666666;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
	
    -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;
}

/* Widget bbpress Login */
.bbp-logged-in {
    float: left;
    width: 100%;
}
.bbp-logged-in > a.submit.user-submit {
    background: none repeat scroll 0 0 #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 10px;
    padding: 10px;
}
.bbp-logged-in > a > img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0 !important;
    width: 100%;
}
.bbp-logged-in > h4 {
    display: block;
    float: none;
    font-family: roboto;
    font-size: 17px;
    margin: 0 0 10px;
}
.bbp-logged-in > h4 > a {
    color: #777777;
}
.bbp-logged-in .logout-link {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    display: inline;
    font-family: roboto;
    font-size: 11px;
    padding: 5px 10px;
	color:#fff;
    text-transform: uppercase;
	margin-top:5px;
}

/* Widget bbpress Display View */
.widget_display_views > ul {
    float: left;
    list-style: none outside none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.widget_display_views > ul > li {
    float: left;
    width: 100%;
}
.widget_display_views > ul > li > a {
    color: #777777;
    float: left;
    font-family: roboto;
    letter-spacing: 0.3px;
    margin-top: 6px;
    width: 100%;
}

/* Widget Recent Topics */
.widget_display_topics > ul, .widget_display_replies > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.widget_display_topics > ul li, .widget_display_replies > ul li {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
	
    float: left;
    margin-top: -1px;
    padding: 15px;
    width: 100%;
}
.widget_display_topics > ul li > a, .widget_display_replies > ul li > a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-right: 10px;
}
.widget_display_topics > ul li .topic-author, .widget_display_replies > ul li .topic-author {
    background: none repeat scroll 0 0 #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    height: 24px;
    margin-right: 12px;
    margin-top: 2px;
    padding: 5px;
    width: auto;
}
.widget_display_topics > ul li div, .widget_display_replies > ul li div {
    color: #888888;
    display: block;
    font-family: roboto;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
}
.widget_display_topics > ul > li:first-child, .widget_display_replies > ul li:first-child {
    -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;
}
.widget_display_topics > ul > li:last-child, .widget_display_replies > ul li:last-child {
    -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;
}
.widget_display_topics > ul li .topic-author > a img, .widget_display_replies > ul li  .topic-author > a img {
    float: left;
    width: 100%;
}
.widget_display_topics > ul li .topic-author > a, .widget_display_replies > ul li .topic-author > a {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    overflow: hidden;
}
.widget_display_topics > ul li .topic-author > a.bbp-author-name, .widget_display_replies > ul li .topic-author > a.bbp-author-name {
    font-family: roboto;
    font-size: 11px;
    line-height: 11px;
}

/**************** Woo Commerce Widgets *************/
/* Price Filter */
aside .widget_price_filter .price_slider_wrapper > .price_slider {

    background: none repeat scroll 0 0 #e8ecec !important; 

	-webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;

    float: left;
    width: 100%;

}

aside .widget_price_filter .price_slider_wrapper > .price_slider > .ui-slider-range {
    background: none repeat scroll 0 0 #777;
   
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

aside .widget_price_filter .price_slider_wrapper > .price_slider > .ui-slider-handle {
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    height: 15px;
    width: 15px;
}

.widget_shopping_cart_content {
    float: left;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li {
    border-bottom: 1px dashed #e8ecec;
    float: left;
    padding: 10px;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: right;
    margin-top: 0;
}
.widget .widget_shopping_cart_content > ul > li > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 14px;
    line-height: 13px;
    padding: 5px 10px;
    width: auto;
}
.widget .widget_shopping_cart_content > .total {
    border: medium none;
    float: left;
    font-family: roboto;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 8px;
    text-align: center;
    width: 100%;
}
.widget .widget_shopping_cart_content > ul > li:first-child {
    padding-top: 0;
}
.widget .widget_shopping_cart_content > ul > li:last-child {
    padding-bottom: 0;
}
.widget .widget_shopping_cart_content > .buttons {
    display: table;
    float: none;
    margin: 0 auto;
}
.widget .widget_shopping_cart_content > .buttons > a {
    border: medium none;
    
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: normal;
    margin: 0 5px;
    padding: 9px 13px;
    text-shadow: 0 0;
    width: auto;
}

/* WooCoomerce Product Categories */
.woocommerce.widget_product_categories > ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.woocommerce.widget_product_categories ul li {
    float: left;
    width: 100%;
}
.woocommerce.widget_product_categories ul li a {
    color: #565656;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    padding: 6px 0;
}
.woocommerce.widget_product_categories ul li span {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.01) inset;
	
    float: right;
    font-family: roboto;
    font-size: 11px;
    margin-top: 5px;
    padding: 3px 4px;
}

/* WooCommerce Widget Product */
.woocommerce.widget_products > ul {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 29px;
    width: 100%;
}
.widget.woocommerce.widget_products > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.woocommerce.widget_products > ul > li {
    border-left: 3px solid #e8ecec;
    color: #898989;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}


/* WooCommerce Search product */
.widget_product_search > form, .widget_search > form {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 0;
    padding: 10px;
	width: 100%;
}
.widget_product_search > form label, .widget_search > form label {
    display: none;
}
.widget_product_search > form input[type="text"], .widget_search > form input[type="text"] {
    border: 1px solid #e8ecec;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    padding-left: 10px;
    width: 70%;
}
.widget_product_search > form input[type="submit"], .widget_search > form input[type="submit"] {
    border: medium none;
    
	-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;
	
    color: #fff;
    float: left;
    font-family: roboto;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.3px;
    width: 30%;
}
aside .heading2 {
    margin-bottom: 20px;
}
/* WooCommerce Recent Review */
.widget_recent_reviews > ul {
    float: left;
    width: 100%;
	margin-top:-10px;
}
.widget.widget_recent_reviews > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.widget_recent_reviews > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget.widget_recent_reviews > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.widget_recent_reviews > ul > li .star-rating {
    float: left;
    height: 20px;
    margin-right: 10px;
}
.widget.widget_recent_reviews > ul > li .reviewer {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
}

/* WooCoomerce Top rated products */
.widget.widget_top_rated_products > ul {
    float: left;
    margin-top: -10px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li {
    border-left: 3px solid #e8ecec;
    float: left;
    margin-top: 10px;
    padding: 0 0 0 20px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li > a {
    color: #565656;
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    width: 100%;
}
.widget.widget_top_rated_products > ul > li > a img {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.widget.widget_top_rated_products > ul > li .star-rating {
    float: left;
    height: 20px;
    margin-right: 10px;
}
.widget.widget_top_rated_products > ul > li .reviewer {
    color: #777777;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
}
  
/* Portfolio SIngle */
.portfolio-single {
    float: left;
    width: 100%;
}
.portfolio-single-tab {
    float: left;
    width: 100%;
}
.portfolio-single-tab .tab-content {
    float: left;
    width: 100%;
}
.portfolio-single-tab .tab-content .portfolio-info {
    float: left;
    position: relative;
    width: 100%;
}

.responsive-header > ul li a i {
    margin-right: 20px;
}
.portfolio-single-tab .tab-content .portfolio-info img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
    height: auto;
}
.portfolio-single-tab .tab-content .portfolio-info h3 {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    position: absolute;
    width: 100%;
}
.portfolio-single-tab .tab-content .portfolio-info h3 > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 23px;
    line-height: 29px;
    overflow: hidden;
    padding: 9px 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.portfolio-tabs-btn {
    float: left;
    width: 100%;
}
.portfolio-tabs-btn > .row {
    margin: 0 -15px;
}
.portfolio-tabs-btn > .row > ul {
    border: medium none;
    float: left;
    margin: -30px 0 0;
    padding: 0;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li a {
    border: medium none !important;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin: 30px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li a img {
    float: left;
    height: auto;
    width: 100%;
}
.portfolio-tabs-btn > .row > ul > li {
    float: left;
    margin: 0;
    padding: 0 15px;
}
.portfolio-tabs-btn > .row > ul > li a:after {
    color: #fff;
    content: "ï? ";
    font-family: fontawesome;
    font-size: 20px;
    margin-top: -14px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
	
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
	-o-transform: scale(2);
    transform: scale(2);

	-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;
	
    width: 100%;
    z-index: 99;
}
.portfolio-tabs-btn > .row > ul > li a:before {
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
	
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);

	-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;
	
    width: 100%;
    z-index: 9;
}
.portfolio-tabs-btn > .row > ul > li.active a:before {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.portfolio-tabs-btn > .row > ul > li.active a:after {
    opacity: 1;
	
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	
    -webkit-transition: all 0.4s ease 0.2s;
    -moz-transition: all 0.4s ease 0.2s;
    -ms-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}
.portfolio-tags {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 20px 0;
    width: 100%;
}
.portfolio-tags > li {
    float: left;
    font-family: lato;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-right: 20px;
}
.portfolio-tags > li > strong {
    font-family: lato;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
}
.portfolio-single > p {
    color: #777;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 100%;
}
.portfolio-single .single-project-sec {
    margin-top: 28px;
}
footer.no-widgets {
    padding: 0;
    border: none;
}
footer.no-widgets .footer-sec {
margin-top:0;
}


/* Law Slide 1 */
.law-btns > li {
    float: left;
    margin: 0 10px !important;
}


/* Law Slide 2 */
.law-btns2 > li{
	float: left;
    margin-right: 15px !important;
}

/* Seo Slide */
.law-btn-list:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    left: 14px;
    margin-top: -7px;
    opacity: 0.8;
}


/* Company Service Tabs */
.service-features {
    float: left;
    width: 100%;
}
.service-features > .nav {
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
}
.service-features > .nav > li {
    float: left;
    margin: 0;
    margin-right: 10px;
}
.service-features > .nav > li > a {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: Open Sans;
    font-size: 15px;
    font-weight: normal;
    color: #888;
    background: #f9f9f9;
    padding: 15px 20px;
    border: 1px solid #f9f9f9;
    
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	

	-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;
	
}
.service-features > .nav > li > a:before {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;

	-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;
	
    width: 0;
}
.service-features > .nav > li.active > a:before {
    left: 50%;
    margin-left: -40px;
    width: 80px;
}

.service-features > .nav > li > a:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    border-top: 6px solid ;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 50%;
    margin-left: -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;

    opacity: 0;
}
.service-features > .nav > li.active > a:after {
    opacity: 1;
}
.service-features > .nav > li > a > i {
    margin-right: 10px;
}
.service-features > .nav > li.active > a {
    background: #fff;
    border: 1px solid #e0e0e0;
}
.compnay-service-sec {
    float: left;
    width: 100%;
}
.compnay-service-sec img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    width: 100%;
}
.compnay-service-sec h3 {
    color: #666666;
    float: left;
    font-family: lato;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0;
    width: 100%;
    margin-top: 15px;
}
.compnay-service-sec a {
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    line-height: 12px;
    letter-spacing: 0.30px;
    padding: 14px 50px;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.compnay-service-sec p {
    color: #888888;
    float: left;
    font-family: Noto Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}


/* Business Header Style 3 */
.business1.style3 .business1-menu > ul > li > a {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
	
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    padding: 3px 20px;
    border: 1px solid rgba(255,255,255,0);
    border-right-color: #e8ecec;
}
.business1.style3 .business1-menu > ul > li:last-child > a {
    padding-right: 0;
    border: none;
}
.business1.style3 .business1-menu > ul > li.menu-item-has-children > a {
    padding-right: 35px;
    position: relative;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a{
	position:relative;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a:before {
    top: 50% !important;
    margin-top: -8px;
	
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.business1.style3 .business1-menu > ul > li.menu-item-has-children:hover > a:after, 
.business1-menu > ul > li > ul > li.menu-item-has-children:hover > a:after{
    color:#fff;
}
.business1-menu > ul > li > ul > li.menu-item-has-children > a:after {
    color: #c1c1c1;
    content: "ï„…";
    display: block !important;
    font-family: fontawesome;
    font-size: 14px;
    margin-top: -9px;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: 99999;
}
.business1.style3 .business1-menu > ul > li.mega > ul {
    left: 50% !important;
    margin-left: -200px !important;
}
.business1.style3 .business1-menu > ul > li > a > i {
    display: block;
    float: right;
    margin-left: 10px;

	-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;

}
.business1.style3 #menu-sec {
    height: auto;
}
.business1.style3 .logo {
    margin: 17px 0;
}
.business1.style3 {
    -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 16px rgba(0,0,0,0.2);
	
    position: fixed;
}
.business1.style3 #menu-sec.sticky .logo {
    margin: 7px 0;
}
.select2-container {
    float: left;
    width: 100%;
}
.woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before {
    top: 15px;
}

/* Pie Wrapper */
#our-Skill-sec > ul {
    display: table;
    float: none;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: auto;
}
#our-Skill-sec > ul > li {
    float: left;
    margin-top: 30px;
}
.circliful {
    position: relative; 
}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    color: #484848;
    display: inline-block;
    font-family: lato;
    font-weight: bold;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9;
    line-height: 161px !important;
    float: left;
}
.circliful:before {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 108px;
    left: 36px;
    position: absolute;
    top: 36px;
    width: 108px;
}
.circliful:after {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 140px;
    height: 140px;
    content: "";
    background: rgba(255,255,255,0.3);
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.circle-info, .circle-info-half {
    color: #888;
    font-size: 13px;
    font-weight: normal;
    top: 25px;
}

.circliful .fa {
	margin: -10px 3px 0 3px;
	position: relative;
	bottom: 4px;
}

/* Mockup parallax */
.mockup-parallax {
    float: left;
    width: 100%;
}





.wpb_toggle.wpb_toggle_title_active {
    color: #fff !important;
}
.vc_inner img {
    float: left;
    width: 100%;
}
.vc_inner img.loader {
    width: auto;
    float: none;
}
.page .wpb_toggle {
    background: none repeat scroll 0 0 #ffffff ;
    border: 1px solid #e8ecec;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    font-family: Roboto;
    font-size: 15px;
    padding: 13px 20px;
    width: 100%;
	
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.02) inset;
}
.wpb_alert {
    float: left;
    width: 100%;
}
.wpb_toggle_content {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.wpb_gallery_slides img {
    float: left !important;
    width: 100% !important;
}
.wpb_flexslider .prettyphoto {
    float: left;
    width: 100%;
}
.wpb_tour_tabs_wrapper.ui-tabs {
    float: left;
    width: 100%;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul {
    float: left;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li > a {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
    -ms-border-radius: 3px 3px 0 0 !important;
    -o-border-radius: 3px 3px 0 0 !important;
    border-radius: 3px 3px 0 0 !important;
	
    color: #333;
    font-family: Roboto;
    letter-spacing: 0.3px;
}
.wpb_tour_tabs_wrapper.ui-tabs > ul > li.ui-tabs-active > a {
    background: none repeat scroll 0 0 #cacaca;
    color: #fff;
}
.wpb_tab.ui-tabs-panel.wpb_ui-tabs-hide.vc_clearfix.ui-widget-content.ui-corner-bottom {
    background: none repeat scroll 0 0 #fff;
    
	-webkit-border-radius: 0 3px 3px;
    -moz-border-radius: 0 3px 3px;
    -ms-border-radius: 0 3px 3px;
    -o-border-radius: 0 3px 3px;
    border-radius: 0 3px 3px;
	
    float: left;
    padding: 20px 30px;
}
.wpb_accordion_section.group {
    border: 1px solid #e8ecec;
    float: left;
    margin-bottom: -1px;
    width: 100%;
}
.page .wpb_accordion_section.group > .ui-accordion-header {
    background: none repeat scroll 0 0 #ffffff;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #333333;
    float: left;
    font-family: Roboto Condensed;
    font-size: 15px;
    letter-spacing: 0.3px;
    width: 100%;
	
	-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
	box-shadow:0 0 16px rgba(0, 0, 0, 0.01) inset;
}
.wpb_accordion_section.group > .ui-accordion-header a{
	color:#333333;
}
.wpb_accordion_section.group > .ui-accordion-header.ui-state-active a {
    color: #fff;
}
.vc-carousel-inner .post-title, .post-title {
    float: left;
    font-family: open sans;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.vc-carousel-inner .post-title a,.post-title a{
    color: #444;
    font-size: 18px;
}
.vc_carousel .vc-carousel-control .icon-prev, .vc_carousel .vc-carousel-control .icon-next {
    background-color: transparent!important;
}
.entry-content {
    color: #777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    width: 100%;
}
.vc-inner a.vc_read_more,a.vc_read_more {
    background: none repeat scroll 0 0 #f3f3f3;
    float: left;
    font-family: open sans;
    font-size: 12px;
    padding: 8px 17px;
    line-height: 20px;
    width: auto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


.vc_span3 {
    float: left;
    width: 25%;
}
.vc_span2 {
    float: left;
    width: 16.6667%;
}
.vc_span4 {
    float: left;
    width: 33.334%;
}
.vc_span6 {
    float: left;
    width: 50%;
}
.vc_span12 {
    float: left;
    width: 100%;
}
.post-thumb, .post-thumb a, .post-thumb a img {
    float: left;
    width: 100%;
}
.post-thumb a img{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.isotope-inner {
    padding: 0 15px;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.categories_filter li {
    margin-bottom: 0 !important;
}
.categories_filter li a {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #cfcfcf !important;
    float: left;
    line-height: 30px;
    padding: 0 15px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.categories_filter li.active a {
    background: none repeat scroll 0 0 #bfbfbf;
    color: #fbfbfb;
}
.wpb_thumbnails.wpb_thumbnails-fluid.vc_clearfix {
    float: left;
    width: 100%;
    padding: 0;
}
.wpb_call_text {
    font-family: Roboto;
}
.vc_cta_btn_pos_right {
    float: left;
    width: 100%;
}
.wpb_heading {
    font-family: Roboto;
}
.ui-accordion-content {
    float: left;
    width: 100%;
}


figure.rsCapt {
    bottom: 30px;
    height: auto !important;
    left: 0;
    padding-bottom: 50px;
    position: absolute !important;
    text-align: center;
    top: auto;
    width: 100%;
}
.rsTitle {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    color: #fff;
    display: table;
    float: none;
    font-family: Roboto;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing: 5px;
    margin: 0 auto;
    padding: 12px 30px;
    position: relative;
    z-index: 0;
}
.rsTitle:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.5;
}
.rsDesc {
    color: #fff;
    font-family: Roboto;
    font-size: 100px;
    font-weight: bold;
    line-height: 80px;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
.assistive-text {
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
    width: 100%;
}
.rsCLink {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fafafa;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    display: table;
    float: none;
    font-family: lato;
    font-size: 20px;
    margin: 30px auto 0;
    padding: 10px 30px;
}



/* Fancy Services */
.fancy-parallax-box {
    float: left;
    position: relative;
    width: 18%;
	
	-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;
	
	height:600px;
	overflow:hidden;
}
.fancy-parallax-box.active {
    width: 46%;
	
	-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;
}
.vertical-title {
    color: #fff;
    float: left;
    font-family: lato;
    font-weight: 600;
    height: 43px;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-right: -70px;
    margin-top: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	
    width: 385px;
    z-index: 99;
	
	-webkit-transition:all 0.9s ease 0s;
	-moz-transition:all 0.9s ease 0s;
	-ms-transition:all 0.9s ease 0s;
	-o-transition:all 0.9s ease 0s;
	transition:all 0.9s ease 0s;
}
.fancy-parallax-box.active .vertical-title {
    opacity: 0.5;
    right: -30%;
}
.fancy-parallax-box.active .fancy-box-info {
    opacity: 1;
    top: 50%;
}
.fancy-box-info {
    float: left;
    opacity: 0;
    padding: 150px 77px 150px 65px;
    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;
	
    width: 100%;
    z-index: 99;
}
.fancy-box-info > a {
    border: 1px solid #fff;
    color: #ffffff;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin-top: 30px;
    padding: 10px 20px;
}
.fancy-box-info > h2 {
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 20px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}
.fancy-box-info > h2:before {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}
.fancy-box-info > p {
    color: #c9c9c9;
    float: left;
    font-family: Open Sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0;
    width: 100%;
}


/* SEO Services */
.seo-services {
    float: left;
    list-style: outside none none;
    margin: -10px 0 0;
    padding: 0;
    width: 100%;
}
.seo-services > li {
    float: left;
    list-style: outside none none;
    margin-top: 10px;
    width: 100%;
}
.seo-services > li > a {
    float: left;
    width: 100%;
}
.seo-services > li >  img {
    float: left;
    width: 100%;
}
.seo-slide {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 99;
}
.seo-slide  li {
    float: left;
    list-style: outside none none;
    position: relative;
    width: 100%;
}
.seo-slide > li > img {
    float: left;
    width: 100%;
}
.seo-slide-desc {
    bottom: 0;
    padding-bottom: 40px;
    padding-right: 40px;
    position: absolute;
    right: 0;
}
.seo-slide-desc > h4 {
    color: #23112c;
    float: left;
    font-family: Noto Sans;
    font-size: 50px;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: right;
    width: 100%;
}
.seo-slide-desc h5 span {
    color: #23112c;
    float: right;
    font-family: Noto Sans;
    font-size: 50px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 90px;
    margin: 0 0 0 10px;
    text-align: right;
}
.seo-slide-desc > span {
    color: #23112c;
    float: left;
    font-size: 70px;
    font-weight: bold;
    line-height: 60px;
    text-align: right;
    width: 100%;
}
.seo-slide-desc > span > i {
    float: right;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    line-height: 28px;
    margin-left: 10px;
    text-align: left;
	color:#80c25c;
}
.seo-slide-desc h5 {
    float: left;
    font-family: Noto Sans;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: right;
    width: 100%;
	color: #23112c;
}


/* SEO Service Slide */
.seo-service-sec {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.mob-mockup {
    float: left;
    text-align: center;
    width: 100%;
}
.seo-list-service {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.seo-list-service > h3 > i {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    float: left;
    height: 38px;
    left: 0;
    line-height: 38px;
    position: absolute;
    text-align: center;
    width: 42px;
}
.seo-list-service > h3 {
    color: #1f1f1f;
    float: left;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 12px;
    padding-left: 62px;
    position: relative;
    width: 100%;
	
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.seo-list-service > p {
    color: #777777;
    float: left;
    font-family: Open Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -5px 0 0;
    width: 100%;
}
.mob-mockup > img {
    display: table;
    float: none;
    margin: 0 auto;
}


/* Fancy Price Table */
.fancy-price {
    border: 1px solid #dfdfdf;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 175px;
    position: relative;
    width: 100%;
	margin-top:30px;
}
.fancy-price-rate > span {
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #ffffff;
    font-family: Roboto condensed;
    font-size: 30px;
    font-weight: bold;
    height: 100px;
    left: 38px;
    line-height: 100px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100px;
    z-index: 0;
}
.fancy-price-rate > span > i {
    font-size: 14px;
    font-style: normal;
}
.fancy-price-rate > span:before {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 100px;
    left: 0;
    margin-top: -50px;
    position: absolute;
    top: 50%;
    
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	
    width: 100px;
    z-index: -1;
}
.fancy-price-rate {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.fancy-price-head {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    float: left;
    padding: 25px 25px 20px;
    position: relative;
    width: 100%;
}
.fancy-price-head > h3 {
    float: left;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 900;
    margin: 0 0 11px;
    padding-bottom: 6px;
    position: relative;
    width: 100%;
}
.fancy-price-head > h3:before {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 45px;
}
.fancy-price-head > span {
    float: left;
    font-family: Roboto;
    font-size: 12px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 9px;
}
.fancy-price-features {
    background: none repeat scroll 0 0 #fafafa;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    color: #525252;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 8px 0 8px 25px;
    position: relative;
    width: 100%;
}
.fancy-price-btn {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #dfdfdf;
    float: left;
    padding: 30px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.fancy-price-btn > a {
    color: #fff;
    display: table;
    float: none;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 20px;
}

.widget .fullwidthbanner-container {
    overflow: hidden;
    float: left;
}
.toogle-cart-box .variation {
    color: #fff;
    display: inline;
    float: none;
}
.toogle-cart-box .variation .variation-Color {
    color: #fff;
    float: left;
    margin-right: 5px;
    margin-top: -1px;
}
.toogle-cart-box .variation .variation-Color p {
    color: #fff;
    line-height: 24px;
    margin: 0 10px 0 0;
}
/* Header Fancy */
.fancy-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    z-index: 999999999999;
}
.fancy-header > .container {
    padding: 0;
}
.fancy-header .logo {
    float: left;
    margin-top: 35px;
}
.fancy-header .logo a {
    float: left;
}
.fancy-header.sticky .logo a img {
    width: 130px;

    -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;
}
.fancy-header nav {
    float: right;
}
.fancy-header nav > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.fancy-header nav ul {
    list-style: none;
}
.fancy-header nav > ul > li {
    float: left;
    position: relative;
}
.fancy-header nav > ul > li > a {
    color: #fff;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 54px 30px 54px;
    text-transform: uppercase;
    
    -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;

    position: relative;
}
.fancy-header nav > ul > li > a strong {
    float: left;
    margin-right: 6px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;

    -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;
}
.fancy-header nav > ul > li > a > i {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    
    -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;

    opacity: 0;
}
.fancy-header nav > ul > li:hover > a > i {
    top: 38px;
    opacity: 1;
}
.fancy-header nav > ul > li:hover > a {
    padding-bottom: 37px;
    padding-top: 71px;
}
.fancy-header nav > ul > li > a:before {
    position: absolute;
    left: 14px;
    bottom: 54px;
    content: "+";
    font-family: Roboto;
    font-size: 14px;
    font-weight: 900;
    color: #fff;

    -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;
}
.fancy-header nav > ul > li:hover > a:before {
    bottom: 20px;
    opacity: 0;
}
.fancy-header nav > ul > li > ul {
    left: 0;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 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;
    
    width: 220px;
    
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    opacity: 0;
}
.fancy-header a {
    -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;
}
.fancy-header nav > ul > li:hover > ul {
    opacity: 1;
    
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

}
.fancy-header nav > ul > li > ul > li {
    float: left;
    width: 100%;
    position: relative;
}
.fancy-header nav > ul > li.mega > ul > li {
    width: 50% !important;
}
.fancy-header nav > ul > li.mega > ul > li ul > li {
    width: 100% !important;
}
.fancy-header nav > ul > li.mega > ul > li ul {
    width: 100% !important;
    z-index: 99;
}
.fancy-header nav > ul > li > ul > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #f3f3f3;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 25px;
    width: 100%;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #191919;
}
.fancy-header nav > ul > li > ul > li > a > i {
    float: left;
    margin-right: 10px;
}
.fancy-header nav > ul > li > ul > li:last-child > a {
    border-bottom: none;
}
.fancy-header nav > ul > li > ul > li:last-child > a {
    border-bottom: medium none;

    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -ms-border-radius: 0px 0px 3px 3px;
    -o-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}
.fancy-header nav > ul > li > ul > li ul {
    left: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 220px;
    
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    display: none;
}
.fancy-header nav > ul > li > ul > li ul > li {
    float: left;
    width: 100%;
}
.fancy-header nav > ul > li > ul > li ul > li a {
    background: rgba(32,32,32,0.7);
    color: #f3f3f3;
    float: left;
    font-family: Roboto;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 12px;
    padding: 18px 25px;
    width: 100%;
    border-bottom: 1px solid #757575;
    border-top: 1px solid #191919;
}
.fancy-header nav > ul > li > ul > li:hover ul {
    display: block;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.fancy-header nav > ul > li > ul > li ul > li > a i {
    float: left;
    margin-right: 10px;
}
.fancy-header nav > ul > li > ul > li ul > li:first-child a {
    border-top: none;
}
.fancy-header nav > ul > li > ul > li ul > li:hover a {
    padding-left: 20px;
}
.fancy-header nav > ul > li > ul > li ul > li:last-child a {
    border-bottom: navy;
}
.fancy-header nav > ul > li > ul > li:hover > a {
    background: rgba(32,32,32,0.7);
}
/* Whitish */
.fancy-header.whitish {
    background: rgba(255,255,255,0.96);
}
.whitish.fancy-header nav > ul > li > ul > li > a {
    background-color: rgba(255,255,255,0.9);
    color: #353535;
    border-bottom-color: #ffffff;
    border-top-color: #e4e4e4;
}
.whitish.fancy-header nav > ul > li > ul > li ul > li a {
    background-color: rgba(225, 225, 225, 0.95);
    color: #555555;
    border-top-color: #f3f3f3;
    border-bottom-color: #c0c0c0;
}
.fancy-header.whitish nav > ul > li > a,
.fancy-header.sticky nav > ul > li > a {
    color: #555555;
}
.fancy-header.whitish nav > ul > li > a:before,
.fancy-header.sticky nav > ul > li > a:before {
    color: #757575;
}
.fancy-header.whitish nav > ul > li:hover > a,
.fancy-header.sticky nav > ul > li:hover > a {
    color: #fff;
}
.fancy-header.blackish {
    background: rgba(0,0,0,0.3);
}
.fancy-header:before {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255,255,255,0.96);
    z-index: -1;

    -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;
}
.fancy-header.sticky:before {
    left: 0;
}
.fancy-header.sticky .logo {
    margin-top: 15px;
}
.fancy-header.sticky nav > ul > li > a {
    padding-bottom: 32px;
    padding-top: 29px;
}
.fancy-header.sticky nav > ul > li > a:before {
    bottom: 33px;
}
.fancy-header.sticky nav > ul > li > a > i {
    display: none;
}
.fancy-header.sticky nav > ul > li:hover > a {
    padding-bottom: 32px;
}
.fancy-header.sticky .logo a img {
    width: 130px;
}
.fancy-header.blackish:before {
    background: rgba(0,0,0,0.6);
}
.fancy-header.sticky.blackish nav > ul > li > a {
    color: #ffffff;
}
.fancy-header.sticky.blackish nav > ul > li > a:before {
    color: #fafafa;
}
/* tabs Swip */
.arrow-left {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #505050;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    border-right: 1px solid #bfbfbf;
    z-index: 99999;
}
.arrow-right {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #505050;
    height: 30px;
    right: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    z-index: 99999;
}
.swiper-container {
    height: 515px;
    width: 100%;
}
.fancy-swipe {
    float: left;
    width: 100%;
}
.swiper-wrapper {
    border: medium none;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.swiper-wrapper > li {
    margin: 0;
}
.swiper-wrapper > li a {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
    border: none !important;
}
.swiper-wrapper > li a img {
    float: left;
    width: 100%;
}
.fancy-tab-content {
    float: left;
    width: 100%;
}
.fancy-tab-content img {
    float: left;
    width: 100%;
}
/* Mega Menu */
.mega-menu.dark:before {
    z-index: -1;
    background: rgba(0,0,0,0.94);
}
.mega-menu.dark .drop-menu {
    border-bottom: 1px solid #2f2f2f;
}
.mega-menu.dark .drop-menu li a {
    border-bottom: 1px solid #000000 !important;
    color: #8e8e8e;
    border-top: 1px solid #2f2f2f;
}
.mega-menu.dark .drop-menu > h3:before {
    background: #2d2d2d;
}
.mega-menu.dark .drop-menu li:first-child a {
    border: medium none;
}
.mega-menu.dark .drop-menu > h3 {
    color: #ffffff;
}
.drop-menu ul {
    float: left;
    list-style: outside none none;
    padding: 0;
    width: 100%;
}
.mega-menu.dark {
    background-color: transparent;
}
.mega-menu.dark .about-2 > h3 {
    color: #ffffff;
}

.mega-menu.dark .about-2 > a {
    color: #fafafa;
    border-color: #fafafa;
}
.mega-menu {
    background-color: #fcfcfc;
    left: 0;
    padding: 70px 140px 50px 170px;
    position: fixed;
    width: 100%;
    display: none;
    z-index: 0;
    
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
}
header nav > ul > li:hover .mega-menu,
.business1 .business1-menu > ul > li:hover .mega-menu{
    display: block;
}
.mega-menu.style1 {
    background-image: url("../images/resource/mega1.png"), url("../images/resource/e.png");
    background-position: left top, right top;
    background-repeat: no-repeat;
}
.mega-menu.style2 {
    background-image: url("../images/resource/im.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 150px;
}
.mega-menu.style3.right {
    left: 0;
    margin: 0;
    right: auto;
}
.mega-menu.style3 {
    left: 50%;
    margin-left: -475px;
    margin-top: -3px;
    padding: 70px;
    position: absolute;
    top: 100% !important;
    width: 870px;
}
.mega-menu.style3.left {
    left: auto;
    margin: 0;
    right: 0;
}
.mega-menu.style3 {
    background-image: url("../images/resource/tera.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.about-2 {
    float: left;
    width: 100%;
}
.about-2 > h3 {
    color: #0e0e0e;
    float: left;
    font-family: Roboto Condensed;
    font-size: 35px;
    font-weight: 900;
    margin: 0 0 15px;
}
.about-2 p {
    color: #595959;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
    width: 100%;
}
.about-2 > a {
    border: 1px solid #666666;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    color: #0e0e0e;
    float: left;
    font-family: Roboto;
    padding: 7px 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;
}
.about-2 > a:hover{
    color: #fff;
}
.drop-menu {
    float: left;
    width: 100%;
}
.drop-menu > h3 {
    color: #0e0e0e;
    float: left;
    font-family: Roboto Condensed;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.3px;
    margin: 0 0 15px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}
.drop-menu > h3:before {
    background: none repeat scroll 0 0 #0e0e0e;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
}
.drop-menu > ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.drop-menu li a {
    border-bottom: 1px solid #efefef;
    color: #595959;
    float: left;
    font-family: Roboto;
    font-size: 14px;
    padding: 9px 0;
    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;

    width: 100%;
}
.drop-menu li a:before {
    content: "\f061";
    font-family: fontawesome;
    font-size: 8px;
    left: 0;
    margin-top: -5px;
    opacity: 0;
    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;

}
.drop-menu li a:hover {
    padding-left: 15px;
}
.drop-menu li a:hover:before {
    opacity: 1;
}
.menu-slides > h3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8ECEC;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.01) inset;
    
    color: #666666;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 12px 30px;
    text-transform: uppercase;
}
.menu-slides {
    float: left;
    width: 100%;
}
.menu-slides > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-slides > ul li {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.menu-slides > ul li > img {
    float: left;
    width: 100%;
}
.menu-slide-desc {
    background: none repeat scroll 0 0 rgba(56, 56, 56, 0.9);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
}
.menu-slide-desc > h3 {
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    width: 100%;
}
.menu-slide-desc > p {
    color: #F1F1F1;
    float: left;
    font-family: Noto Sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}
.pop {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.pop > .alert {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    left: 50%;
    margin-left: -200px;
    margin-top: -60px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 400px;
    z-index: 2147483647;
}

/* Info Block */

.info-block {
    float: left;
    width: 100%;
    background: #f6f6f6;
    text-align: center;
    overflow: hidden;
}
.info-block ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}
.info-block ul > li {
    float: left;
    padding: 40px 0;
    position: relative;
    z-index: 0;
}
.info-block .container {
    padding: 0;
}
.info-block ul > li:nth-child(3n+2) {
    background: #fff;
}
.info-block ul > li:nth-child(3n+2):before {
    background: none repeat scroll 0 0 #fff;
    content: "";
    height: 560px;
    left: 0;
    position: absolute;
    top: -120px;
    
    -webkit-transform: rotate(-19deg);
    -moz-transform: rotate(-19deg);
    -ms-transform: rotate(-19deg);
    -o-transform: rotate(-19deg);
    transform: rotate(-19deg);
    
    width: 450px;
    z-index: -1;
}
.info-block ul > li i {
    float: left;
    font-size: 40px;
    margin-bottom: 10px;
    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;
}
.info-block ul > li span {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 17px;
    font-weight: normal;
    color: #000000;
    letter-spacing: 0.30px;
}
.info-block ul > li h5 {
    float: left;
    width: 100%;
    font-family: Roboto;
    font-size: 25px;
    font-size: 25px;
    font-weight: 900;
}
.info-block ul > li:hover i {
    color: #333333;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/* Responsive Header */
.responsive-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    
    -webkit-border-radius: 0 0 3px;
    -moz-border-radius: 0 0 3px;
    -ms-border-radius: 0 0 3px;
    -o-border-radius: 0 0 3px;
    border-radius: 0 0 3px;

    display: none;
    float: left;
    left: 0;
    margin: 0;
    padding-bottom: 20px;
    position: static;
    top: 0;
    width: 100%;
    z-index: 100000;
}
.responsive-logo {
    display: table;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.responsive-logo a {
    float: left;
    width: 100%;
    color: #7F7F7F;
}
.responsive-logo a img {
    float: left;
    height: auto;
}
.responsive-logo a h1 {
    float: left;
    font-family: open sans;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 20px;
}
.responsive-header > span {
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 19px;
    margin-left: 10%;
    padding: 8px 10px;
    text-align: center;
    width: 80%;
}
.responsive-header > ul {
    background: none repeat scroll 0 0 #fafafa;
    border-top: 1px solid #f7f7f7;
    float: left;
    margin-left: 10%;
    padding: 10px;
    display: none;
    position: relative;
    width: 80%;

    -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;
}
.responsive-header > ul li {
    float: left;
    width: 100%;
}
.responsive-header > ul li a {
    border-bottom: 1px solid #f0f0f0;
    border-top: 1px solid #f7f7f7;
    color: #919191;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 12px;
    overflow: hidden;
    padding: 15px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.responsive-header > ul li:first-child > a{
    border-top: 0;
}
.responsive-header > ul li:last-child > a{
    border-bottom: 0;
}
.business1.style3 .business1-menu > ul > li.mega > ul:before {
    left: 50%;
}
.responsive-header > ul ul {
    padding-left: 20px;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    width: 100% !important;
    display: none;    
}
.business1-menu > ul > li > ul > li > ul > li:hover a {
    background: none repeat scroll 0 0 #e4e4e4 !important;
    padding-left: 32px;
}
.responsive-header .responsive-cart {
    float: left;
    text-align: center;
    width: 100%;
}
.responsive-header .responsive-cart .cart-header-btns {
    display: table;
    float: none;
    margin: 0 auto;
}
.responsive-header .responsive-cart .cart-header-btns li a {
    color: #333333;
}
.responsive-header ul {
    list-style: outside none none;
}
.main-slider {
    float: left;
    width: 100%;
}
#wpadminbar{
    z-index: 999999999999999;
}
.wpb_layerslider_element.wpb_content_element {
    margin: 0;
}
.post-desc > p img {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}
.post-desc > ul, .post-desc > ol {
    color: #555555;
    float: left;
    font-family: roboto;
    padding: 0;
    width: 100%;
}
.parallax-sub-heading {
    margin-bottom: 20px !important;
}









.construction-services {
    float: left;
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
.col-md-3 .construction-services i {
    width: 60px;
    height: 60px;
    font-size: 23px;
    line-height: 60px;
    margin-top: -60px;
}
.construction-services span {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
}
.construction-services:hover span img {
    opacity: 0.5;
}
.construction-services span img {
    float: left;
    
    -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;

    width: 100%;
}
.construction-services i {
    width: 80px;
    height: 80px;
    font-size: 36px;
    background: #fff;
    position: relative;
    border-radius: 50%;
    z-index: 9;
    line-height: 80px;
    margin-top: -70px;
    top: 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;
}
.construction-services:hover i {
    background: none repeat scroll 0 0 #eeeeee;
    color: #3f3f3f;
    top: -17px;

    -webkit-box-shadow: 0px 62px 0px #fff inset;
    -moz-box-shadow: 0px 62px 0px #fff inset;
    -ms-box-shadow: 0px 62px 0px #fff inset;
    -o-box-shadow: 0px 62px 0px #fff inset;
    box-shadow: 0px 62px 0px #fff inset;
}
.construction-services > p {
    float: left;
    font-family: roboto;
    width: 100%;
    font-size: 14px;
    line-height: 27px;
    margin: 0;
    margin-top: -9px;
}
.construction-services > h3 a {
    color: #444444;
}
.construction-services > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Roboto;
    font-size: 20px;
    letter-spacing: 0.30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 27px;
    margin-top: -5px;
    margin-bottom: 20px;
}

.owl-carousel {
    float: left;
    width: 100%;
}
#related-project .owl-buttons {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 10px;
    top: 39px;
}
.portfolio-sec {
    float: left;
    width: 100%;
}
.mockup-parallax .image-bottom {
    bottom: 0;
    margin: 0;
}
.w-news-letter form > input[type="email"] {
    text-transform: inherit;
}
.white .parallax-sub-heading > i {
    color: #555555;
}
.white .parallax-features > ul > li > i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.07);
    border: 1px solid #cccccc;
    color: #555555;
}
.form-builder label > i {
    color: #5f5f5f;
    font-size: 13px;
    margin-right: 8px;
}
.form-builder label {
    float: left;
    font-family: Roboto;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 0 0 7px;
    width: 100%;
}
.white.parallax h3 {
    color: #404040 !important;
}
.white.parallax .team > h3 > a {
    color: #555555;
}
.contact-sec .alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.cart-single-tab h2 {
    float: left;
    font-family: Roboto;
    font-size: 20px;
    margin: 0 0 10px;
    width: 100%;
}
.comment-reply-title {
    color: #555;
    float: left;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin-bottom: 19px !important;
    width: 100%;
}
.cart-single-tab .comment-form > p {
    float: left;
    padding: 0;
    width: 100%;
}
.cart-single-tab .comment-form {
    float: left;
    width: 100%;
}
.cart-single-tab .comment-form > p label {
    padding: 7px 0;
}
.cart-single-tab .comment-form > p input, .cart-single-tab .comment-form > p textarea {
    border: medium none;
    border-radius: 3px;
    display: inline-flex;
    float: left;
    font-family: Roboto;
    margin-right: 30px;
    padding: 8px 20px;
}
.cart-single-tab .comment-form > p textarea {
    min-height: 150px;
}
.login label.inline {
    float: left;
    width: 100%;
}
form .input-text {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #e8ecec;
    border-radius: 3px;
    float: left;
    padding: 13px 20px;
    width: 100%;
}

.business1.style2 .for-sticky.sticky .container > .log-in-sec > a {
    margin: 24px 0 !important;
}

.business1.sticky.for-sticky.sticky .business1-top {
    margin-top: -90px;
}
.business1.sticky.for-sticky.sticky {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.submission-form.in-slider > form > div > div {
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.submission-form.in-slider > form .error_message {
    float: left;
    height: auto;
    width: 100%;
}
.message > div#success_page > h1 {
    padding-left: 30px;
}
.message > div {
    float: left;
    margin-bottom: 30px;
    padding: 10px 30px;
    width: 100%;
}
.business1.style1.sticky .log-in-sec > a {
    margin: 34px 0;
}
.message {
    float: left;
    width: 100%;
}
.screen-reader-text {}

/**Changes**/
.cart-product-desc .c-input-number.quantity .input-text {    
    background: #fafafa none repeat scroll 0 0;    
    border: 1px solid #c8bfc6;    
    border-radius: 2px;    
    box-shadow: 0 0 2px 0 #f7f6f7 inset;    
    float: left;    
    font-weight: 700;    
    height: 28px;    
    width: 40px !important;    
    padding: 0;
}
.cart-product-desc .c-input-number.quantity .userincr-btn-dec 
{    
    bottom: 0;    
    position: absolute;
}
.cart-product-desc .c-input-number.quantity > span 
{    
    float: left;    
    position: relative;    
    width: 100%;
}
.cart-product-desc .c-input-number.quantity .userincr-btn-inc,.userincr-btn-dec 
{    
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f7f6f7 0px, #e0dadf 100%) repeat scroll 0 0;    
    border: 1px solid #c8bfc6;    
    border-radius: 2px;    
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);    
    color: #5e5e5e;    
    float: right;    
    font-size: 12px;    
    height: 15px;    
    line-height: 0;   
    padding: 0;    
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);    
    width: 20px;
}
form.cart button {    
    background: #333 none repeat scroll 0 0 !important;
}
.single_variation .amount {    
    font-size: 20px;
}
.onsale {    
    z-index: 1;
}
.variations_button .qantity-form {    
    float: left;
}
.business1.for-sticky {
    position: fixed;
}

.form-builder > div > div > input{
    margin-bottom: 19px;
}
.newsfeed_area{
  float: left;
  display: inline;
  width: 100%;
  padding-left: 15px;
}
.feed_tabs li{margin-bottom: -2px;}

.feed_tabs li a {
  font-family: "Varela",sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
.feed_tabs li a:hover{
  color: #fff;  
}
.news_tab {
  margin-top: 15px;
}
.news_tab li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.news_tab li:last-child{
  border-bottom: none;
}
.news_img {
  display: block;
  height: 70px;
  width: 100px;
}
.news_img>img{
  width: 100%;
  height: 100%;
}
.news_tab .media-body > a {
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin-top: 5px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.feed_date{
  color: #ccc;
  font-style: italic;
}
.see_all {
  border-bottom: 2px solid #ccc;
  float: right;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.see_all:hover, .see_all:focus{  
  text-decoration: none;
  outline: none;  
}


 #nav

{
    width:1070px; 
    float:left; 
    padding:10px 15px 0px; 
    height:29px; 
    background:url(../images/nav-bg.jpg) top repeat-x;
    
    }
  
    
    
        
#nav ul

{   margin:0px;
    padding:0px; 
    list-style-type:none; 
    float:left; 
    display: inline;
     }
    
    #nav ul li

    {
     float:left;
     padding:0px 15px;
     
     font-family:Arial, Helvetica, sans-serif; 
     font-size:14px; 
     color:#FFF;  
     border-right:1px solid #081e2c;
       line-height:18px; }