body {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    float: left;
    width: 100%;
}
#topcontrol {
    z-index: 2147483647;
}


/* General Setting */
.block {
    float: left;
    padding: 70px 0;
    position: relative;
    width: 100%; margin-bottom:0px;
    
}

.clients {
    float: left;
    padding: 70px 0;
    position: relative;
    width: 100%; margin-bottom:50px;
}


.no-padding{
    padding: 0;
}
.block.gray {
    background: #f9f9f9 url(../images/service-bg.jpg) center top no-repeat;
}
.white:before {
    
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	background:#0ca6e6;
}
.dark:before {
    background:#104281;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.color:before {
    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;
}
.remove-gap {
    padding-top: 0;
}
.block .container {
    padding: 0;
    position: relative;
    z-index: 9;
}
.jump-to-top {
    display: none;
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{width:100% !important;}
.sec-bg1 {
    background: url("../images/resource/sec-bg1.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bgma {
   background: radial-gradient(ellipse at center, #990aab 0%,#6809ff 81%,#940d7d 100%);
}

.sec-bg2 {
    background: #1E1A25;
}
.sec-bg3 {
    background: url("../images/resource/sec-bg3.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg4 {
    background: url("../images/resource/sec-bg4.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg5 {
    background: url(../images/resource/about_bg.jpg) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg6 {
    background: url("../images/resource/sec-bg6.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg7 {
    background: url("../images/resource/sec-bg7.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg8 {
    background: url(../images/resource/about_bg.jpg) no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg9 {
    background: url("../images/resource/sec-bg9.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg10 {
    background: url("../images/resource/sec-bg10.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg11 {
    background: url("../images/resource/sec-bg11.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg12 {
    background: url("../images/resource/sec-bg12.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg13 {
    background: url("../images/resource/sec-bg13.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg14 {
    background: url("../images/resource/sec-bg14.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg15 {
    background: url("../images/resource/sec-bg15.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg16 {
    background: url("../images/resource/sec-bg16.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg17 {
    background: url("../images/resource/sec-bg17.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg18 {
    background: url("../images/resource/sec-bg18.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg19 {
    background: url("../images/resource/sec-bg19.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg20 {
    background: url("../images/resource/sec-bg20.html") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.reqbut{background: #ffcc01;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
    text-align: center;}
.center{text-align:center;}
.whitebg{background: #fff;
    padding: 8px;
    border-radius: 5px;
    min-height:320px;
    margin:10px;
    float: left;}
.our_client_sec {
    background: url("../images/background-img");
    background-repeat: repeat-x;
    background-size: auto;
}
.client__item {
    position: relative;
    cursor: pointer;
    padding: 5px;
    background: #fff;
}
.client__item img {
    width: auto;
    display: block;
}
.client__item small {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    opacity: 0;
    font-family: Century Gothic;
    font-size: 22px;
    text-transform: uppercase;
}
.our_client_sec .col-md-8 .col-sm-3 {
    margin-bottom: 30px;
}

/* 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 {
    display: 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;
    position: relative;
    width: auto;
    margin-bottom: 50px;
	min-width: 500px;
}
.heading1:before {
    background-image: url("../images/heading-line.png");
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%;
    background-size: 100%;
}



.heading1 > h2 > i {
    font-style: normal;
    font-weight: 100;
}
.heading1 > h2 {
    color: #414141;
    float: left;
    font-family: Century Gothic;
    font-size: 52px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 60px;
    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;
}



/* Heading 2 */
.heading2 {
    display: table;
    float: none;
    margin: 0 auto;
    position: relative;
    width: auto;
    margin-bottom: 50px;
	min-width: 500px;
}
.heading2:before {
    background-image: url("../images/heading-line.png");
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100%;
    background-size: 100%;
}



.heading2 > h2 > i {
    font-style: normal;
    font-weight: 100;
}
.heading2 > h2 {
    color: #414141;
    float: left;
    font-family: Century Gothic;
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    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%;
}
.heading2 > 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);
}
.heading2 > h2:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100px;
    content: "";
    height: 1px;
    margin-left: -50px;
}



/* Mini Heading */
.mini-heading {
    float: left;
    font-family: Century Gothic;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: -80px 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: Century Gothic;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0 0 25px;
    width: 100%;
}

/* Mini Heading 3 */
.mini-heading3 {
    color: #656565;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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:20px;
}
.heading3 > h2 {
    border-bottom: 3px solid #C6C6C6;
    color: #555555;
    float: left;
    font-family: Century Gothic;
    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;
	color:#0172bb;
}

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


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

/* Parallax About Law */
.parallax-sub-heading {
    color: #fff;
    float: left;
    font-family: Century Gothic;
    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: 30px;
}
.parallax-sub-heading > strong {
    font-weight: 900;
}
.parallax-about-law > p {
    float: left;
    width: 100%;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.30px;
    line-height: 23px;
    margin-bottom: 23px;
}
.parallax-about-law > a {
    background: none repeat scroll 0 0 #525252;
    border-radius: 3px;
    color: #fff;
    float: left;
    padding: 13px 16px;
	font-family: Century Gothic;
    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);
    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 {
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0;
    line-height: 22px;
}


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

	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);
	
    left: 0;
   
    top: 0;
    width: 100%;
    z-index: 2147483623;
}
.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: 124px;
    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 #f1f1f1;
}

.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 {
    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);
    border-radius: 3px;
    float: left;
    height: 28px;
    line-height: 26px;
    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;
	
    height: 34px;
    margin-left: 18px;
    overflow: hidden;
    position: absolute;
    right: 72px;
    top: 5px;
    z-index: 98;
}
.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 > 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: Century Gothic;
    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: 14px 0 22px;
}
.business1 .logo img {
    width: 140px !important;
}
.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: Century Gothic;
    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: Century Gothic;
    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);
}
.business1-menu > ul > li > ul.mega {
    left: 0;
    margin-left: 0;
    width: 408px;
}
.business1-menu > ul > li > ul.mega:before {
    left: 20px;
}
.business1-menu > ul > li > ul.mega > li {
    width: 200px;
}
.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:6px;
	color:#fff; 
}

.business1-menu > ul > li > ul > li:hover > a > i {
    color: #fff;
}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    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: Century Gothic;
    font-size: 13px;
    padding: 5px 10px;
    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: 13px;
    margin-top: 3px;
}
.business1-menu > ul > li > ul > li > ul {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    left: 100%;
    margin: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 4px;
    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: 200px;
    z-index: 999999999;
	background: #fafafa;
}
.business1-menu > ul > li > ul > li > ul > li {
    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: left;
    list-style: none outside none;
    margin-bottom: 1px;
    padding: 10px 12px;
    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:hover {
    padding-left: 24px;
}
.business1-menu > ul > li > ul > li > ul > li > a {
    color: #FAFAFA;
    float: left;
    font-family: Century Gothic;
    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: 10px;
    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: Century Gothic;
    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 > ul > li > p {
    color: #7A7A7A;
    float: left;
    font-family: Century Gothic;
    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 > a {
    display: table;
    float: none;
    font-family: Century Gothic;
    font-size: 11px;
    margin: 0 auto;
    color: #7a7a7a;
    letter-spacing: 0.30px;
    text-transform: uppercase;
}
.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: 20%;
}
.login-form > ul > li:first-child {
    float: left;
    width: 40%;
}

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

.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: Century Gothic;
    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 #0ca6e6;
    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: 22px 18px 13px 0;
    position: relative;
    background: #0ca6e6;
    z-index: 9;
	color:#fff;
	
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before {
    position: absolute;
    right: -12px;
    top: 0;
    border-left: 12px solid #0ca6e6;
    border-top: 52px 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: 8px 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: -35px;
    padding-left: 55px;
}
.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: 34px 0;
}
.business1.style2 .business1-menu > ul > li {
    padding: 0;
}
.business1.style2 .business1-menu > ul > li {
    background:#FBFBFB;
    border: 1px solid #E8ECEC;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    margin-right: 10px;
    padding: 1px;
}
.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;
	z-index:1;
    margin-top: 1px;
    padding: 33px 0 10px;
}
.business1.style2 .business1-menu > ul > li > 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 21px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;
    -ms-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;
    -o-box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 0 21px rgba(0, 0, 0, 0.06) inset;
	
    float: left;
    width: 100%;
}
.business1.style2 .business1-menu ul:before {
    display: none;
}
.business1.style2 .business1-menu > ul > li > ul > li {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.96);
    
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
	
    margin: 0;
    padding: 0;
    width: 270px;
}
.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 #104281;
    
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #fff;
    font-family: Century Gothic;
    font-size: 12px;
    padding: 8px 10px;
	text-transform:uppercase;
}
.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 .business1-menu > ul > li:active > a {
    color: #fff !important;
	
}

.business1.style2 #menu-sec {
        background-image: -moz-linear-gradient( 175deg, rgba(147,149,152,.6) 0%, rgba(255,255,255,.9) 100%);
    background-image: -webkit-linear-gradient( 175deg, rgba(255 255 255) 0%, rgba(255,255,255,.9) 100%);
    background-image: -ms-linear-gradient( 175deg, rgba(147,149,152,.6) 0%, rgba(255,255,255,.9) 100%);
    background-size: 100% 100%;
}
.business1.style2 #menu-sec > .container > .log-in-sec > a i {
    display: none;
}
.business1.style2 .business1-menu > ul > li:hover > ul {
    top: 32px;
}
.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;
}
header.business1.style2 .for-sticky.sticky .business1-menu > ul > li {
    padding: 1px;
}
.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;
}
/* Mega Dropdown */
.mega-menu {
    background: none repeat scroll 0 0 rgba(254, 254, 254, 0.95);
    
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	
    padding: 35px;
    position: absolute;
    top: 101px;
    
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
	
    width: 800px;
	left: 0;
}
.mega-menu.left {
    left: 0;
}
.mega-menu.center {
    left: 50%;
    margin-left: -400px;
}
.mega-menu.right {
    left: auto;
    right: 0;
}
.business1-menu > ul > li:hover .mega-menu {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.for-sticky.sticky .mega-menu {
    margin-top: -14px;
}
.menu-news {
    float: left;
    width: 100%;
}
.menu-news > h3, .menu-ctgry > h3, .menu-slides > h3 {
    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: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 12px 30px;
    text-transform: uppercase;
}
.menu-news > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-news > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 20px;
    width: 100%;
}
.menu-news > ul > li:first-child {
    margin: 0;
}
.menu-news > ul > li > a {
    float: left;
    width: 100%;
}
.menu-news > ul > li > a > span {   
	-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: Century Gothic;
    font-size: 10px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 5px;
    padding: 5px;
}
.menu-news > ul > li > a > h3 {
    color: #666;
    display: block;
    font-family: Century Gothic;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 16px;
    margin: 0;
}
.menu-news > ul > li > a > p {
    color: #777777;
    float: left;
    font-family: noto sans;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin: 5px 0 0;
    width: 100%;
}
.menu-ctgry {
    float: left;
    width: 100%;
}
.menu-ctgry > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-ctgry > ul > li {
    float: left;
    list-style: none outside none;
    margin-top: 6px;
    padding-left: 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;
}
.menu-ctgry > ul > li:first-child {
    margin: 0;
}
.menu-ctgry > ul > li:before {
    background: none repeat scroll 0 0 #666666;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    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: 6px;
}

.menu-ctgry > ul > li:hover:before {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}
.menu-ctgry > ul > li:hover {
    padding-left: 15px;
}
.menu-ctgry > ul > li > a {
    color: #666666;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    width: 100%;
}
.menu-slides {
    float: left;
    width: 100%;
}
.menu-slides > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu-slides > ul li {
    -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%;
}
.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: Century Gothic;
    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: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}







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


/* 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: inherit;
    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: inherit;
    font-size: 30px;
    line-height: 22px;
    padding: 20px 35px 22px;
	background:#565656;
}



/* Slide2 */
.slide2-text1 {
    color: #FFFFFF;
    float: left;
    font-family: Century Gothic;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 18px 30px;
    text-transform: uppercase;
}
.slide2-text1 > i {
    font-family: Century Gothic;
    font-size: 25px;
    font-style: normal;
    font-weight: normal;
}
.slide2-text2 {
    color: #FFFFFF;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0;
    padding: 15px 20px;
    text-transform: uppercase;
}
.slide4-text2 {
    color: #595959;
    font-family: Century Gothic;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.slide4-text2 > i {
    color: #595959;
    float: right;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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 .input-style {
    margin-bottom: 10px;
}
.get-in-touch > form {
    float: left;
    width: 100%;
    margin-top: -20px;
}
.get-in-touch textarea.input-style {
    height: 110px;
}

.get-in-touch .submit {
    float: left;
}
.input-style {
    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: #555555;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    font-size: 12px;
    letter-spacing: 0.3px;
    width: 90%;
}
.input-style > textarea {
    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: Century Gothic;
    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: #42B7E2;
    content: "";
    font-family: fontawesome;
    font-size: 50px;
    left: 50%;
    margin-top: -32px;
    position: absolute;
    top: 22px;
    margin-left: -15px;
}
.twitter-bar-slide li > h3 {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    font-size: 18px;
    line-height: 34px;
    margin: 0 0 10px;
    width: 100%;
    font-weight: normal;
    letter-spacing: 0.30px;
    font-weight: lighter;
	text-align:center;
	text-transform: none;
}
.twitter-bar-slide li > a {
    font-family: Century Gothic;
    font-size: 18px;
    font-weight: lighter;
    line-height: 16px;
    margin-bottom: 12px;
    letter-spacing: 0.30px;
	text-align:center;
	float: none;
    margin: 0 auto;
    display: table;
}
.twitter-bar-slide li > span {
    color: #555555;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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;
    width: 100%;
}
.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;
    margin-top: -30px;
    width: 100%;
	position: relative;
}
.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: Noto sans;
    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: Century Gothic;
    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: noto sans;
    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: Century Gothic;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    margin-top: 0;
    text-transform: uppercase;
}

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


/* Service Style 1 */
.service {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.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: 25px;
    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: Century Gothic;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 34px;
    margin: 0;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
}
.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: Century Gothic;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 20px;
}
.service p {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    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: inherit;
    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: inherit;
    font-size: 40px;
    letter-spacing: 0.3px;
}
.we-are-Slide > p {
    float: left;
    width: 100%;
    text-align: center;
    font-family: Century Gothic;
    font-size: 13px;
    color: #777;
    letter-spacing: 0.30px;
    margin: 0;
    margin-top: 10px;
	margin-bottom:30px;
}
.we-are-Slide > img {
    display: table;
    float: none;
    margin-bottom: -70px;
    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  h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    color: #404040;
    text-transform: uppercase;
    line-height: 22px;
    margin-top: 0px;
    letter-spacing: 0.30px;
}
.parallax  h3 > i {
    font-size: 25px;
    font-style: normal;
    font-weight: lighter;
}
.parallax  p {
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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 {
    height: 23px;
    width: 23px;
    font-size: 12px;
    color: #fff;
    text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    line-height: 23px;
    margin-right: 15px;
}

/* Our Skills Sec */

#our-Skill-sec {
    float: left;
    width: 100%;
}
#our-Skill-sec > h3 {
    text-align: center;
}
#our-Skill-sec > p {
    text-align: center;
    padding: 0 100px;
}
.skills-box {
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
}
.skills-box > li {
    float: left;
    height: 99px;
    list-style: none outside none;
    margin: 30px 15px 0;
    position: relative;
    text-align: center;
    width: 170px;
    border: 5px solid #fff;
}

.skills-box > li:before {
    content: "";
    height: 5px;
    left: -5px;
    position: absolute;
    top: -5px;
}
.skills-box > li:after {
    content: "";
    height: 5px;
    left: -5px;
    position: absolute;
    bottom: -5px;
}
.skills-box > #photoshop:before, .skills-box > #photoshop:after {
    width: 50%;
}
.skills-box > #html:before, .skills-box > #html:after {
    width: 28%;
}
.skills-box > #php:before, .skills-box > #php:after {
    width: 65%;
}
.skills-box > #management:before, .skills-box > #management:after {
    width: 90%;
}
.skills-box > li > span {
    float: left;
    width: 100%;
    text-align: center;
    font-family: Century Gothic;
    font-size: 30px;
    font-weight: bold;
    line-height: 24px;
    margin: 32px 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;
    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%;
}
.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: noto sans;
    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;
}
.service2 > p {
    color: #777777;
    float: left;
    font-family: noto sans;
    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: #104281;

    -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;
}
#service4-slide {
    float: left;
    width: 100%;
}
.service4:hover {
    background:#29233a;
}
.service4 > h2 {
    color: #FFFFFF !important;
    display: table;
    float: none;
    font-family: Century Gothic;
    font-size: 20px !important;
    line-height: 18px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    z-index: 99;
    line-height: 40px;
    font-size: 24px;
    padding: 0 20px;
}
.service4 > h2 > i {
    color: #FFFFFF;
    float: left;
    font-size: 30px;
    margin-right: 15px;
}
.service4 > p {
    color: #fff !important;
    float: left;
    font-family: Century Gothic;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    padding: 0 30px;
    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;
	
   }
.service4:hover > span.box1 {
    left: 0;
}
.service4 > span.box2 {
    right: 0;
    top: -50%;
	
	
}
.service4:hover > span.box2 {
    top: 0;
}
.service4 > span.box3 {
    left: 0;
    bottom: -50%;
	

}
.service4:hover > span.box3 {
    bottom: 0;
}
.service4 > span.box4 {
    right: -50%;
    bottom: 0;
	

}
.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: Century Gothic;
    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: Century Gothic;
    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: -13px;
}
.service4.law > h2 > i {
    color: #ffffff;
    float: left;
    font-size: 40px;
    line-height: 26px;
    text-align: center;
    width: 100%;
}
.service4.law {
    background: none repeat scroll 0 0 rgba(149, 149, 149, 0.83);
}
.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: Century Gothic;
    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: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    width: 100%;
    margin-bottom:10px;
}
.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: Century Gothic;
    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: 56px;
    margin-right: 30px;
    text-align: center;
    width: 70px;
}
.manager {
    float: left;
    margin-bottom: -70px;
    width: 100%;
}
.service-img {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom:10px;
}
.service-img > img {
    float: left;
    width: 100%;
	padding: 10px;
    border: 1px solid #cbccce;
    height: 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: Century Gothic;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0 0 10px;
    width: 100%;
}
.who-we-desc > p {
    color: #333;
    float: left;
    font-family: Century Gothic;
    font-size: 17px;
    letter-spacing: 0.3px;
    line-height: 30px;
    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: Century Gothic;
    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;
}
.btn-who {   
    -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: Century Gothic;*/
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 15px;
    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;
    background: #428bca;
}
.btn-who:hover{
    color:#fff;
}

/* Make an Appointment */
.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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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 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: Century Gothic;
    font-size: 12px;
    height: 38px;
    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: #333;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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;
}
.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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-right: 20px;
}
.custom-progress .progress {
    background: none repeat scroll 0 0 #F8F8F8;
    
	-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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 12px;
    font-style: normal;
    line-height: 10px;
    margin-top: 18px;
    width: 100%;
}
#experience ul > li > p {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 18px;
    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: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: Century Gothic;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 11px;
    margin: 0 0 10px;
    padding: 15px 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;
	
	position:relative;
	
    width: 100%;
}
.experties .content, .experties .content2 {
    float: left;
    width: 100%;
}
.experties .content > p, .experties .content2 > p {
    color: #777;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 5px 0 15px;
    width: 100%;
    line-height: 28px;
}
.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: Century Gothic;
    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: #333;
    float: left;
    font-family: Century Gothic;
    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 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;
    width: auto;
    margin-right: 30px;
}


/* 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: Century Gothic;
    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: Century Gothic;
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 38px;
    margin: 0 0 50px;
    width: 100%;
}
.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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Noto sans;
    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: Century Gothic;
    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: Noto sans;
    font-size: 13px;
    letter-spacing: 0.3px;
    list-style: none outside none;
    margin-top: 10px;
    width: 100%;
}
.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 {
    float: left;
    width: 100%;
    margin-top: 30px;
    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: 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;
	
    padding: 20px;
}
.job-box > span {
    float: left;
    margin-right: 20px;
}
.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;
    display: block;
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    margin: -5px 0 0;
    letter-spacing: 0.30px;
}

.job-box > i {
    display: block;
    font-family: Century Gothic;
    font-size: 12px;
    font-style: normal;
}
.job-box > p {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}
.job-box > a {
    background: none repeat scroll 0 0 #757575;

    -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: Century Gothic;
    font-size: 10px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 2px;
    padding: 10px 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;
}
.job-box > span {
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    color: #777777;
    line-height: 31px;
}

/* 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;	
}

.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-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: Century Gothic;
    font-size: 15px;
    line-height: 28px;
    margin: 20px 0;
    width: 100%;
    margin-top: 15px;
}
.our-blog-box > span {
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 8px;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: -9px;
}
.our-blog-box > span > i {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-right: 5px;
    padding: 0;
}
.our-blog-box > p {
    color: #333;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.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 {
    margin-top: -40px;
}
.our-blog-box2:hover .our-blog-link2 > h2 > a {
    color: #E4E3E3;
}
.our-blog-link2 > h2 {
    color: #666666;
    float: none;
    font-family: Century Gothic;
    font-size: 15px;
    font-weight: normal;
    left: 0;
    line-height: 10px;
    margin: -5px 0 0;
    position: absolute;
    text-align: center;
    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;
	
    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 > 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: Century Gothic;
    font-size: 15px;
    font-weight: lighter;
    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: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin: 0 0 10px;
    line-height: 24px;
    color: #333;
}
.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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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:lighter;
}
.our-blog4-box > h3 {
    float: left;
    font-family: Century Gothic;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 23px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
	color:#666666;
}
.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: Century Gothic;
    font-size: 13px;
    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: inherit;
    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;
    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: 89%;
	margin-top: 20px;
}
.ceo-plan-detail {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.ceo-plan-detail > h3 {
    color: #666666;
    float: left;
    font-family: Century Gothic;
    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: #333;
    float: left;
    font-family: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 28px;
    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: 40px;
    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;
	
    float: left;
    height: 45px;
    margin-right: 22px;
    padding: 9px 0;
    text-align: center;
    width: 45px;
}
.ceo-plan-detail > ul > li > h4 {
    font-family: Century Gothic;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
	font-weight: 600;
}

.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: #333;
    display: block;
    font-family: Century Gothic;
    font-size: 15px;
    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: 5px solid rgba(255, 255, 255, 0.31);

	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-right: 75px;
    overflow: hidden;
    float: none;
    margin: 0 auto;
    display: table;
    margin-bottom: 23px;
}
.testimonial-sec li > span > img {
    float: left;
    width: 100%;
}
.testimonial-sec li > p {
    color: #454545;
    display: block;
    font-family: Century Gothic;
    font-size: 22px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin: 0;
    text-align: center;
    padding: 0 57px;
	line-height:38px;
}
.testimonial-sec li > a {
    float: right;
    font-family: Century Gothic;
    font-size: 15px;
    font-weight: 600;
    margin-right: 34px;
    margin-top: 10px;
}
.testimonial-sec .owl-pagination {
    float: none;
    margin: 0 auto;
    display: table;
    width: 150px;
    height: 100px;
}
.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;
}
.testimonial-sec2 li > span > img {
    float: left;
}
.testimonial-sec2 li > a {
    color: #999999;
    display: block;
    font-family: Century Gothic;
    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: Century Gothic;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.testimonial-sec2 li > p {
    color: #777777;
    font-family: Century Gothic;
    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 {
    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: 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;
}
.with-white .f-testimonial-box > p {
    color: #7A7A7A;
    font-family: Century Gothic;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    color: #777777;
    padding: 0;
}

/* Our Clients */

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

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    margin-top: 30px;
    width: auto;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	
	-webkit-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-clients  a > img {
    float: none;
    margin: 0 auto;
    display: table;
    width: 150px;
    height: 100px;
}
.our-clients  a:hover {
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.14);
}


/* 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: Century Gothic;
    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: #333;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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 > p {
    float: left;
    width: 100%;
    font-family: Century Gothic;
    font-size: 13px;
    color: #777777;
    letter-spacing: 0.30px;
    margin: 0;
    line-height: 24px;
}
#employee-img > img {
    float: left;
}
#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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 22px;
    font-weight: normal;
    margin: 10px 0 15px;
    text-align: center;
    width: 100%;
}
.show-product > p {
    color: #777777;
    display: table;
    float: none;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
.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: Century Gothic;
    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;	
}
.show-product > a:hover {
    background: none repeat scroll 0 0 #333333;
}
#show-product-slide .owl-buttons {
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%;
    z-index: 0;
	margin-top:-25px;
}
#show-product-slide .owl-buttons > div {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    height: 50px;
    text-align: center;
    width: 50px;
    background-position: 20px 19px;
}

#show-product-slide .owl-buttons > div.owl-prev {
    position: absolute;
    left: 0;
    top: 0;
}

#show-product-slide .owl-buttons > div.owl-next {
    position: absolute;
    right: 0;
    top: 0;
}

.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 {
    margin: 0;
    padding: 0;
    float: left;
}
#success-work-nav > ul > li {
    float: left;
    list-style: none outside none;
}
#success-work-nav > ul > li > a {
    color: #666666;
    float: left;
    font-family: Century Gothic;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 0 20px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;
}
#success-work-nav > ul > li > i {
    color: #CFCFCF;
    float: right;
    font-family: Century Gothic;
    font-size: 15px;
    line-height: 10px;
    margin-top: -10px;
}
#success-work-nav > ul > li > a > i {
    color: #ececec;
    font-size: 14px;
    margin-right: 15px;
}

.success-work {
    float: left;
	margin-top:30px;
}
#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: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: Century Gothic;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 20px 0 15px;
    text-align: left;
    width: 100%;
}
.success-work > span {
    color: #777777;
    float: left;
    font-family: noto sans;
    font-size: 13px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0;
    text-align: left;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 10px 0;
    padding-right: 15px;
    width: 100%;
	margin-top: 15px;
}
.project-desc > h3 > a {
    color: #555555;
}
.our-project-sec p {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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:#333;
}
.our-team-box:hover .team-title > h3 > a {
	color:#333;
}
.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: noto sans;
    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%;
    border-bottom: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    padding: 25px 30px;
	padding-right: 10px;
}
.our-team-box > ul:before {
    position: absolute;
    top: 0;
    width: 50%;
    height: 1px;
    background: #e7e7e7;
    content: "";
    left: 0px;
}
.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 {
    color: #999999;
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
    margin-right: 18px;
}
.our-team-box > ul > li > h5 {
    color: #777777;
    display: block;
    font-family: noto sans;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    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: noto sans;
    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;
    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;
}
.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 {
    float: left;
    width: 100%;
    margin: 0;
    font-family: Century Gothic;
    font-size: 15px;
    font-weight: normal;
    color: #666;
    letter-spacing: 0.30px;
    line-height: 28px;
    margin-top: -10px;
}
.news-detials > h3 > a {
    color: #666;
}
.news-detials > span {
    color: #7A7A7A;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    font-size: 13px;
    color: #333;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 14px;
    font-weight: lighter;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 17px;
    margin: -40px 0 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    padding: 0;
    position: absolute;
    text-align: center;
    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;
	
    width: 100%;
    z-index: 99999;
}
.portfolio-box:hover h3 {
    bottom: 10px;
	
    opacity: 1;
	filter:alpha(opacity=1);
}
.portfolio-box > i {
    position: absolute;
    width: 50%;
    height: 25%;
    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.box1 {
	left:-50%;
	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:-50%;
	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.box3 {
	left:-50%;
	top:25%;
	
	-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:-50%;
	top:25%;
	
	-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:-50%;
	top:50%;
	
	-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 {
	right:-50%;
	top:50%;
	
	-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.box7 {
	left:-50%;
	top:75%;
	
	-webkit-transition:all 0.2s 0.4s;
	-moz-transition:all 0.2s 0.4s;
	-ms-transition:all 0.2s 0.4s;
	-o-transition:all 0.2s 0.4s;
	transition:all 0.2s 0.4s;
}
.portfolio-box > i.box8 {
	right:-50%;
	top:75%;
	
	-webkit-transition:all 0.2s 0.4s;
	-moz-transition:all 0.2s 0.4s;
	-ms-transition:all 0.2s 0.4s;
	-o-transition:all 0.2s 0.4s;
	transition:all 0.2s 0.4s;
}
.portfolio-box:hover i.box1, .portfolio-box:hover i.box3, .portfolio-box:hover i.box5, .portfolio-box:hover i.box7 {
    left: 0;
}
.portfolio-box:hover i.box2, .portfolio-box:hover i.box4, .portfolio-box:hover i.box6, .portfolio-box:hover i.box8 {
    right: 0;
}



/* 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: Century Gothic;
    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;
}
.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: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: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin: 14px 0 12px;
    text-align: center;
}
.portfolio-head > span {
    color: #dbdbdb;
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-bottom: 28px;
    text-align: center;
    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;
    width: 100%;
}
.portfolio-style4-sec > .row {
    margin: 0;
}
.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;
    transform: rotateY(90deg);
    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;
    transform: rotateY(90deg);
    transition: all 0.4s ease 0.2s;
    width: 50%;
}
.portfolio-style4:hover:before {
    transform: rotateY(0deg);
}
.portfolio-style4:hover:after {
    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%;
    transition: all 0.4s ease 0s;
    width: 100px;
    z-index: 999;
}
.portfolio-style4:hover > ul {
    margin-top: -65px;
    opacity: 1;
	
	transition: all 0.4s ease 0.4s;
}
.portfolio-style4 > ul > li {
    float: left;
}
.portfolio-style4 > ul > li > a {
    border: 1px solid;
    border-radius: 50%;
    color: #fff;
    float: left;
    font-size: 15px;
    height: 41px;
    line-height: 41px;
    margin: 0 4px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 41px;
}
.portfolio-style4 > h3 {
    color: #fff;
    float: left;
    font-family: Century Gothic;
    font-size: 17px;
    line-height: 22px;
    margin: 0;
    opacity: 0;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 99;
}
.portfolio-style4:hover > h3 {
    margin-top: -10px;
    opacity: 1;
    transition: all 0.4s ease 0.6s;
}
.portfolio-style4 > span {
    color: #c7c7c7;
    font-family: Century Gothic;
    font-size: 15px;
    left: 0;
    margin-top: 40px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 99999;
}
.portfolio-style4:hover > span {
    margin-top: 30px;
    opacity: 1;
    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: Century Gothic;
    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;
    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%;
    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%;
    transition: all 0.6s ease 0s;
    width: 110px;
}
ul.hover-btns > li {
    float: left;
    margin: 0 8px;
}
ul.hover-btns > li > a {
    border-radius: 50%;
    color: #fff;
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 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);
	
    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 {
    border-radius: 3px;
    float: left;
    width: 100%;
}
.portfolio-carousal .owl-pagination {
    bottom: 20px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px;
}
.portfolio-carousal .owl-pagination > .owl-page {
    background: none repeat scroll 0 0 #cbcbcb;
    border-radius: 50%;
    float: left;
    height: 7px;
    margin: 0 2px;
    transition: all 0.4s ease 0s;
    width: 7px;
}
.portfolio-carousal .owl-pagination > .owl-page.active {
    transform: scale(1.5);
}
.portfolio-style5 > h3 {
    border-bottom: 1px solid #f5f5f5;
    color: #656565;
    float: left;
    font-family: Century Gothic;
    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: #333;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 10px;
    width: 100%;
}
.portfolio-style5-box > img {
    border-radius: 3px;
    float: left;
    width: 100%;
}


/* Portfolio Style 6 */
.portfolio-style6-sec {
    float: left;
    width: 100%;
}
.portfolio-style6-sec > .row {
    margin: 0 -7px;
}
#portfolio-style6 > div {
    padding: 0 7px;
}
#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 {
    border-radius: 3px;
    float: left;
    width: 100%;
}
.portfolio-style6-box > span {
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    height: 34px;
    left: 8px;
    line-height: 34px;
    position: absolute;
    text-align: center;
    top: 8px;
    transition: all 0.5s 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: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 25px;
    margin: -6px 0 0;
    text-align: center;
    width: 100%;
}
.portfolio-style6 > span {
    color: #333;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-top: 5px;
    text-align: center;
    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 {
    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);
	
    transition: all 0.4s ease 0s;
    width: 100%;
}
.portfolio-style8:hover .portfolio-style8-box:before {
    opacity: 1;
    transform: scale(1);
    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: Century Gothic;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 22px;
    margin: -5px 0 0;
    width: 100%;
}
.portfolio-style8 > h3 > a{
	color:#656565;
}
.portfolio-style8 > p {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 6px;
    width: 100%;
	margin-bottom:10px;
}
.portfolio-style8 > a {
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-right: 30px;
    padding: 8px 11px;
}
.portfolio-style8 > span {
    color: #777777;
    font-family: Century Gothic;
    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%;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.portfolio-style9-box img {
    border-radius: 3px;
    float: left;
    width: 100%;
}
.portfolio-style9-box > h3, .portfolio-carousal li > h3 {
    bottom: 0;
    color: #656565;
    font-family: Century Gothic;
    font-size: 14px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 36px;
    margin: 0;
    padding: 22px 0 4px 20px;
    position: absolute;
    width: 100%;
	z-index:0;
	
	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;
    padding-left: 0;
    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;
    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;
    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 {
    display: table;
    float: none;
    margin: 12px auto 0;
    position: inherit;
}

/* Inner Page Head */
.inner-head-sec {
    margin-top:0px;
    padding: 0px 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: Century Gothic;
    font-size: 16px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 15px;
    margin: 0 0 25px;
    text-align: center;
    width: 100%;
}
.inner-head > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    color: #FFFEFE;
    display: none;
    float: none;
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin: 0 auto;
    padding: 15px 20px;
}
.breadcrumbs {
    display: table;
    float: none;
    margin: 0 auto;
}
.breadcrumbs > a {
    color: #FFFFFF;
    float: left;
    font-family: noto sans;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-left: 10px;
	
	-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;
}
.breadcrumbs > a:hover {
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}


/* 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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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-bottom: 0;
    margin-right: 30px;
    width: auto;
}
.w-our-branches {
    float: left;
    width: 100%;
}
.w-our-branches.branch-box > ul > li > h3 {
    color: #666666;
    float: left;
    font-family: Century Gothic;
    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: 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: Century Gothic;
    font-size: 11px;
    letter-spacing: 0.35px;
    margin: 5px 0;
    padding-left: 25px;
    width: 70%;
}
.w-our-branches li h6 {
    color: #00A0CA;
    display: block;
    font-family: Century Gothic;
    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;
    margin-bottom: 0;
    text-align: left;
    width: 20px;
}
.w-our-branches li p > strong {
    color: #666666;
    display: block;
    float: none;
    font-family: Century Gothic;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 2px;
    margin-left: -23px;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 23px;
    width: 100%;
}
.about-sec a {
    border: 1px solid #0ca6e6;
	background:#0ca6e6  !important;
    
	-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: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-right: 15px;
    padding: 12px 17px;
	margin-top: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;
}
.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: Century Gothic;
    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: Century Gothic;
    font-size: 14px;
    font-weight: normal;
    left: 0;
    letter-spacing: 0.3px;
    margin-bottom: -27px;
    margin-left: 0;
    margin-right: 0;
    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%;
}
.all-projects:hover .all-project-desc > h2 {
    bottom: 50%;
    margin-bottom: -68px;
}
.all-project-desc > h2 > a {
    color: #DFDDDD;
}

.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%;
	
    left: 50%;
    margin-left: -43px;
    position: absolute;
    top: -43px;
	
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 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: Century Gothic;
    font-size: 14px;
    font-style: normal;
    position: absolute;
    right: 0;
    text-align: center;
    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%;
}
.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-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.html");	
}
.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: Century Gothic;
    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: Century Gothic;
    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%;
}
.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: Century Gothic;
    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: Century Gothic;
    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: #333;
    float: left;
    font-family: Noto sans;
    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 > 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: Century Gothic;
    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;
}
.post-metas > div:before {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    content: "";
    background: rgba(25,25,25,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;
	
    left: -50%;
}

.post-metas > div:after {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    content: "";
    background: rgba(25,25,25,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;
	
    right: -50%;
}
.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%;
}

.post:hover .post-metas > div:after {
    right: 50%;
}
.post:hover .post-metas > div:before {
    left: 50%;
}
.post-metas > div > a {
    color: #FFFFFF;
    font-size: 40px;
    left: 50%;
    margin-left: -23px;
    margin-top: -32px;
	
    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.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;
	
    z-index: 999999;
}
.post:hover .post-metas > 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);
}
.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: Century Gothic;
    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: #333;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: 0;
    padding: 0;
    width: 50%;
}
.meta-tags > li {
    float: left;
    list-style: none outside none;
    margin-right: 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: Century Gothic;
    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;
    margin: 0;
    padding: 0;
    width: auto;
}
.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: Century Gothic;
    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;
}

/* Comment Sec */
.comment-sec {
    float: left;
    margin-top: 70px;
    width: 100%;
}
#comment {
    float: left;
    width: 100%;
}
#comment > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#comment > ul > li {
    float: left;
    list-style: none outside none;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;	
}
.user-comment > a > i {
    color: #666666;
    font-family: Century Gothic;
    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: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    width: 100%;
}
#comment > ul > li > ul {
    float: left;
    margin: 30px 0;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
}
.author-post > p {
    color: #777777;
    display: block;
    font-family: Century Gothic;
    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: Noto sans;
    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: #333;
    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: Century Gothic;
    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.html");
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: noto sans;
    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: Century Gothic;
    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: Noto sans;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: #333;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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.html");
    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;
}
.history-box-sec {
    float: left;
    margin-right: 30px;
    position: relative;
    width: 270px;
}
.history-box:before {
    background-image: url("../images/cloud.png");
    content: "";
    height: 100%;
    left: 0;
	
    opacity: 0;
	filter:alpha(opacity=0);
	
    position: absolute;
    top: 0;
    
	-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;
	
    width: 100%;
}
.history-box-sec:hover .history-box:before {
    left: 100%;
    opacity: 1;
	filter:alpha(opacity=100);
}
.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: Century Gothic;
    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: Century Gothic;
    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: #333;
    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: Century Gothic;
    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: Century Gothic;
    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%;
}
.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: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 23px;
    margin: 15px 0;
    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: Century Gothic;
    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: Century Gothic;
    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%;
}

/* 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: Century Gothic;
    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: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 30px;
    padding: 15px 20px;
}




/* Project */
.project {
    float: left;
    width: 100%;
}
.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: 19px;
    overflow: hidden;
    width: 100%;
}
.project-info-box > span {
    float: left;
    line-height: 10px;
    padding: 22px 15px;
    width: 50%;
}
.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: Century Gothic;
    font-size: 15px;
}
.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: Century Gothic;
    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: 50%;
}
.countdown-project  > span {
    color: #525252;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: 600;
    line-height: 19px;
    margin: 0 10px;
    position: relative;
}
.countdown-project  > span:before {
    color: #525252;
    content: "";
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: noto sans;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
}
.price-head > i {
    color: #F5F5F5;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: noto sans;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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%;
}
.leave-reply > p {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0 0 30px;
    width: 100%;
}
#contact {
    float: left;
    width: 100%;
}
.contact-sec {
    float: left;
    width: 100%;
}
.contact-sec > p {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 10px 0 0;
    width: 100%;
}
.contact-sec > span {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 27px;
    margin-bottom: 0px;
    margin-right: 30px;
    margin-top: 40px;
	width:100%;
}
.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;
    display: block;
    float: left;
    height: 43px;
    line-height: 22px;
    padding: 9px 42px;
    width: 100%;
}

.loader { 
	padding: 0 10px; 
}

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

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



/* 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:10px;
}

.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: Century Gothic;
    font-size: 15px;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 28px;
    margin: 0;
    padding: 10px 30px;
    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%;
}
.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: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: Century Gothic;
    font-size: 22px;
    text-align: center;
    width: 100%;
    letter-spacing: 0.30px;
	color:#666666;
}
.event-count ul > li > p {
    color: #777;
    font-family: Century Gothic;
    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: Century Gothic;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 12px;
    margin-bottom: 0;
    text-transform: uppercase;
    width: 50%;
}
.event-count > span > i {
    float: left;
    font-size: 14px;
    margin-right: 10px;
}
.event-count > p {
    float: left;
    width: 100%;
    font-family: Century Gothic;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin: 0;
    margin-top: 10px;
}
.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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 15px 20px;
}

/* Signup Form */
.register-sec {
    background-image: url("../images/resource/signup-bg.html");
    background-size: 100% 100%;
}
.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: Century Gothic;
    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 > .row > div > form {
    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 > .row > div > form > i {
    color: #ABABAB;
    float: left;
    font-size: 15px;
    line-height: 48px;
    margin-right: 20px;
}
.register-form > .row > div > form > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #777777;
    float: left;
    font-family: Century Gothic;
    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 > div > p > label {
    color: #8B8B8B;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    font-size: 15px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 10px 90px;
}
.submit-form > p {
    color: #8B8B8B;
    display: table;
    float: none;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: noto sans;
    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: Century Gothic;
    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;
}
.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: Century Gothic;
    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: Century Gothic;
    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: Noto sans;
    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-bottom: 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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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;
}
.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: Century Gothic;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.3px;
    margin: 5px 0;
    line-height: 28px;
    margin: 0;
}
.our-cases-box > h3 > a {
    color: #434242;
}
.our-cases-box > p {
    color: #777777;
    display: block;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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;
	
    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: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 0;
    width: 100%;
}
.award-timeline-box > h3 {
    float: left;
    font-family: Century Gothic;
    font-size: 15px;
    font-weight: lighter;
    letter-spacing: 0.3px;
    line-height: 13px;
    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 */
.customlist > 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: Century Gothic;
    font-size: 13px;
    height: 40px;
    overflow: hidden;
    padding: 8px 14px;
    width: 100%;
}
.customlist {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.customlist:before {
    background: none repeat scroll 0 0 #E0E0E0;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    content: "";
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 5;
}
.customlist:after {
    color: #FFFFFF;
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    height: 40px;
    line-height: 33px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
    z-index: 9;
}
.job-form-sec form > label {
    float: left;
    font-family: Century Gothic;
    font-size: 15px;
    font-weight: lighter;
    margin: 0 0 20px;
    width: 100%;
}
.job-form-sec form > label > i {
    margin-right: 15px;
}
.job-form-sec form {
    float: left;
    width: 100%;
}
.job-form-sec form > p {
    float: left;
    margin: 0 0 30px;
    width: 100%;
}
.job-form-sec form > p > label {
    float: left;
    margin: 0;
}
.job-form-sec form > p > label {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 1px 0 0 10px;
}
.form-margin > p {
    color: #777777;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 13px 20px;
    width: 50%;
}
.product-table > li > i {
    color: #5B5B5B;
    float: left;
    font-family: Century Gothic;
    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);
    clear: left;
    display: block;
    float: left;
    height: 25px;
    margin: 0;
    padding: 0 5px 0 0;
    width: 19px;
}
.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.html) no-repeat;
	overflow: hidden;
}
input.upload-file {
    border: medium none;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 18px;
    font-weight: 700;
    margin: 40px auto 20px;
}
.comming-soon-page p {
    color: #FFFFFF;
    display: table;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: noto sans;
    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: noto sans;
    font-size: 13px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}


/* Footer */
footer {
    background: none repeat scroll 0 0 #241f32;
    
    float: left;
    width: 100%;
    padding-bottom: 0 !important;
}
footer h3 {
    border-bottom: 1px solid #3e4044;
    color: #FFFFFF;
    float: left;
    font-family: Century Gothic;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    width: 100%;
	margin-bottom: 25px;
}
footer h3:before {
    background: none repeat scroll 0 0 #747272;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50%;
}
footer p {
    color: #ACACAC;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin: 0;
    text-align: left;
    width: 100%;
}
footer h3 > i {
    font-style: normal;
    font-weight: normal;
}


/* About Dastak */

.f-about-dastak {
    float: left;
    width: 100%;
}
.f-about-dastak > a {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.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 {
    background: none repeat scroll 0 0 #303437;
    border: medium none;
    float: left;
    height: 40px;
    width: 80%;
    font-family: Century Gothic;
    font-size: 11px;
    color: #858585;
    padding-left: 30px;
    letter-spacing: 0.30px;
}
.f-about-dastak > form > a {
    float: right;
    text-align: center;
    width: 20%;
    font-family: Century Gothic;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    line-height: 10px;
    height: 40px;
    line-height: 38px;
	background: none repeat scroll 0 0 #1A1D1F;
}



/* Footer Testimonial  */
.f-testimonail {
    float: left;
    width: 100%;margin-bottom: 40px;
}
.f-testimonail > .nav-tabs {
    float: left;
    width: 30%;
	border:none;
}
.f-testimonail > .nav-tabs > li {
    float: left;
    width: 100%;
    background: none;
    border: none;
}
.f-testimonail > .nav-tabs > li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    margin: 0 0 20px;
    width: 100%;
    position: relative;
}
.f-testimonail > .nav-tabs > li:last-child {
    margin: 0;
}
.f-testimonail > .tab-content > div {
    border: 1px solid #494B4F;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: right;
    margin: 0;
    padding:0;
    width: 100%;
	padding: 35px 21px;
}

.f-testimonail .tab-content {
    background: none repeat scroll 0 0 #292c31;
    float: right;
    padding: 0;
    position: relative;
    width: 60%;
    z-index: 0;
}

.f-testimonail > .nav-tabs > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.0);
    width: auto;
    
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    padding: 2px;
}

.f-testimonail > .nav-tabs > li.active a > img {
    border: 1px solid #777777;
}
.f-testimonail > .nav-tabs > li.active > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border: 1px solid #777777;
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
    width: auto;
    padding: 2px;
}
.f-testimonail > .nav-tabs > li > a > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	
    float: left;
	border: 1px solid rgba(0,0,0,0.0);
}
.f-testimonial-box {
    float: left;
    width: 100%;
}
.f-testimonial-box > h4 {
    float: left;
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: normal;
    line-height: 10px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
.f-testimonial-box > h4 > i {
    color: #999999;
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    font-style: normal;
    font-weight: lighter;
    letter-spacing: 0.3px;
    margin-top: 15px;
    text-align: left;
    width: 100%;
}
.f-testimonial-box > p {
    font-family: Century Gothic;
    font-size: 13px;
    line-height: 24px;
    text-align: left;
    padding: 0;
	margin-top:29px;
	float:left;
	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 {
    border: 1px solid #4a4b4f;
    
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
    float: left;
    padding: 10px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.f-find-office > ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.f-find-office > ul > li {
    float: left;
    list-style: none outside none;
    width: 100%;
    margin-bottom: 10px;
    color: #b1acac;
    border-bottom:1px solid #3a3e4a;
    font-family: Century Gothic;
}
.f-find-office > ul > li > i {
    color: #fff;
    float: left;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 8px;
    margin-right: 20px;
    text-align: center;
    width: 33px;
}
.f-find-office > ul > li > p {
    display: block;
    float: none;
    line-height: 10px;
    margin-bottom: 10px;
    text-align: left;
    font-family: Century Gothic;
    font-size: 13px;
    color: #9da0a9;
    line-height: 22px;
    margin: 0;
}

/* 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: Century Gothic;
    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: Century Gothic;
    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;
}
.f-recent-office > ul > li > a > i {
    color: #333;
    float: left;
    font-family: Century Gothic;
    font-size: 10px;
    font-style: normal;
    letter-spacing: 0.3px;
    margin-top: 2px;
}
.f-recent-office > ul > li > span {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.f-recent-office > ul > li > a {
    color: #d3d2d2;
    display: block;
    font-family: Century Gothic;
    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: Century Gothic;
    font-size: 12px;
    color: #d3d2d2;
    display: block;
    margin-top: 20px;
}
.footer-sec {
    float: left;
    width: 100%;
    margin-bottom: 70px;
}
.ftbottom{margin-bottom:40px;}
/* Footer Bottom line */
.bottom-line {
    background: none repeat scroll 0 0 #211c2d;
    border-top: 1px solid #777777;
    float: left;
    width: 100%;
    padding: 15px 0;
    margin-top:50px;
}
.bottom-line span {
    color: #FFFFFF;
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
}
.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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 13px;
    color: #fff;
    line-height: 11px;
    padding: 10px 26px;
    border-radius: 3px;
}




.choose-bg > li > a.bg1 {
    background-image: url("../images/bg1.html");
}
.choose-bg > li > a.bg2 {
    background-image: url("../images/bg2.html");
}
.choose-bg > li > a.bg3 {
    background-image: url("../images/bg3.html");
}
.choose-bg > li > a.bg4 {
    background-image: url("../images/bg4.html");
}
.choose-bg > li > a.bg5 {
    background-image: url("../images/bg5.html");
}
.choose-bg > li > a.bg6 {
    background-image: url("../images/bg6.html");
}
.choose-bg > li > a.bg7 {
    background-image: url("../images/bg7.html");
}
.choose-bg > li > a.bg8 {
    background-image: url("../images/bg8.html");
}
.choose-bg > li > a.bg9 {
    background-image: url("../images/bg9.html");
}
.choose-bg > li > a.bg10 {
    background-image: url("../images/bg10.html");
}
.bg1{
        background: url('../images/bg1.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg2{
        background: url('../images/bg2.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg3{
        background: url('../images/bg3.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg4{
        background: url('../images/bg4.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg5{
        background: url('../images/bg5.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg6{
        background: url('../images/bg6.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg7{
        background: url('../images/bg7.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg8{
        background: url('../images/bg8.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg9{
        background: url('../images/bg9.html');
        background-attachment: fixed;
        background-size: 100% 100%;
        background-repeat: no-repeat;
}
.bg10{
        background: url('../images/bg10.html');
        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.html');
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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 {
    border-radius: 3px 3px 0 0;
    color: #fdfdfd;
    display: table;
    float: none;
    font-family: Century Gothic;
    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);
    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: #333;
    float: left;
    font-family: Century Gothic;
    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;
    border-radius: 3px;
    color: #fff;
    display: table;
    float: none;
    font-family: Century Gothic;
    font-size: 14px;
    letter-spacing: 0.3px;
    margin: 0 auto;
    padding: 11px 46px;
    margin-bottom: 10px;
}
.job-form button > i {
    margin-right: 13px;
}


/* Select Box Styling */
.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: Century Gothic;
    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;
}


/* Job Sec */
.job-box-sec {
    float: left;
    width: 100%;
	margin-top:30px;
}
.box-title {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
.box-title:before {
    position: absolute;
    left: 0;
    top: 100%;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,0.65);
    content: "";
    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: "";
    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 {
    border-radius: 3px;
    float: left;
    width: 100%;
}
.box-title > a {
    bottom: 10px;
    left: 10px;
    line-height: 10px;
    position: absolute;
    font-family: Century Gothic;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0.30px;
    padding: 13px 29px;
    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: Century Gothic;
    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;
    border-radius: 3px;
    float: left;
    margin-bottom: 10px;
    padding: 7px 22px;
    width: 100%;
    font-family: Century Gothic;
    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;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: Century Gothic;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 10px;
    margin-top: 10px;
    padding: 11px 12px;
    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: Century Gothic;
    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 {
    border-radius: 3px;
    color: #ffffff;
    float: right;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 10px;
    padding: 17px 0 17px 30px;
    position: relative;
    width: 100%;
    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: "";
    transform: rotate(45deg);
    margin-top: -5px;
	border-radius:2px;
}


/* 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;
    border-radius: 50%;
    color: #444;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    transition: all 0.4s ease 0s;
    width: 30px;
}
.team > h3 {
    color: #4f4f4f;
    float: left;
    font-family: Century Gothic;
    font-size: 19px;
    letter-spacing: 0.3px;
    margin: 25px 0 0;
    text-align: center;
    width: 100%;
}
.team > h3 > a {
    color: #fafafa;
}
.social-btns > li > a:hover{
	color:#fff;
}
.team > span {
    float: left;
    font-family: Century Gothic;
    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;
    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: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: Century Gothic;
    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: Century Gothic;
    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;
    border-radius: 13px;
    color: #fff;
    height: 51px;
    line-height: 51px;
    width: 51px;
	font-size:20px;
}
.service.law > .row {
    margin: 0 -10px;
}
.service.law > .row > div {
    padding: 0 10px;
}
.service.law h2 {
    color: #555555;
    font-family: Century Gothic;
    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;
    border-radius: 3px;
}


/* Submission Form */
.submission-form {
    background: url("../images/resource/form-bg.html") repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 20px 20px 0 0;
    float: left;
    padding: 40px 25px;
    width: 100%;
	position:relative;
	overflow: hidden;
	
}
.submission-form > h3 {
    float: left;
    font-family: Century Gothic;
    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: #aeadad;
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    line-height: 17px;
    margin-top: -8px;
    text-align: center;
    width: 100%;
}
.submission-form > form {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.submission-form > form > fieldset {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.submission-form > form > fieldset > input[type="text"], .submission-form > form > fieldset > textarea {
    background: none repeat scroll 0 0 rgba(247, 248, 249, 0.8);
    border: 1px solid #d6d5d5;
    border-radius: 3px;
    color: #444444;
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    height: 52px;
    letter-spacing: 0.3px;
    padding: 15px;
    width: 100%;
}
.submission-form > form > fieldset > textarea {
    height: 150px;
}
.submission-form > form > fieldset > input[type=submit] {
}
.submission-form > form > fieldset > input[type="submit"] {
    border: medium none;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: Century Gothic;
    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 {
    border-radius: 0;
    left: 100px;
    position: absolute;
    top: 100px;
    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 p {
    color: #dddddd !important;
}
.emp-of-month-desc .square > li > a {
    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;
    border-radius: 2px;
    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: Century Gothic;
    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;
    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;
    border-radius: 3px;
    float: left;
    padding: 33px 30px 33px 90px;
    width: 100%;
}
.clients-says > h5 {
    color: #7f7e7e;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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;
    border-radius: 50%;
    border: 5px solid #fff;
}
.clients-says-sec > span > img {
    float: left;
}

/* Answer */
.answers {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.answers > .thumb {
    float: left;
    width: 40%;
    position: relative;
}
.answers > .thumb > img {
    border-radius: 3px;
    float: left;
    width: 100%;
}
.answers > .thumb > span {
    color: #5e5e5e;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    font-size: 11px;
    color: #ffffff;
    background: #525252;
    line-height: 10px;
    padding: 5px 8px;
    border-radius: 3px;
}
.answers > .details > h3 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 14px;
    color: #7f7e7e;
    font-family: Century Gothic;
    letter-spacing: 0.30px;
}
.answers > .details > p {
    color: #656565;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    font-size: 12px;
    width: 100%;
}
.shops-trends {
    float: left;
    width: 100%;
    margin-top: -30px;
}
.trend {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.owl-item .trend{
    padding: 0 15px;
}
.trend-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.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: Century Gothic;
    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: Century Gothic;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.trend > h3 a{
    color: #000;
}
.trend > p {
    float: left;
    width: 100%;
    font-family: Century Gothic;
    font-weight: lighter;
    font-size: 16px;
    color: #969696;
    margin: 0;
}
.trend > a {
    background: none repeat scroll 0 0 #6c6c6c;
    color: #fff;
    float: left;
    font-family: Century Gothic;
    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: -20px;
}
.masonary-column > div {
    padding: 0 10px;
}
.masonary-product {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    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: Century Gothic;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
}

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

.product-desc > i {
    color: #fff;
    float: left;
    font-family: Century Gothic;
    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: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: Century Gothic;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}
.add-detail > h3 {
    color: #000;
    float: left;
    font-family: Century Gothic;
    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: noto sans;
    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: noto sans;
    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: Century Gothic;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}
.shop > h3 a{
    color: #000;
}
.shop > p {
    color: #969696;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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:hover{
    color: #FFF;
}
.shop-carousel .owl-buttons {
    right: 15px;
}

.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: Century Gothic;
    font-size: 22px;
    margin: 0;
    float: left;
    width: 100%;
}
.product-add > h3 a{
    color: #FFF;
}
.product-add > span {
    font-family: Century Gothic;
    font-size: 18px;
    color: #FFF;
    margin: 5px 0;
    float: left;
    width: 100%;
}


.single-product-page .swiper-container {
    height: 520px;
    margin: 35px 0;
    width: 100%;
}
.single-product-page .swiper-container .nav-tabs {
    border: 0 none;
    float: left;
    width: 100%;
}
.single-product-page .swiper-container .nav-tabs li {
    float: left;
    margin: 0;
    width: 100%;
    padding: 0 0 10px;
}
.single-product-page .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;
}
.single-product-page .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;
}
.single-product-page .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;
}
.single-product-page .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: Century Gothic;
    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: Century Gothic;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    width: 100%;
}
.product-details .tab-content h4 {
    color: #000;
    float: left;
    font-family: Century Gothic;
    font-size: 16px;
    margin: 0;
    width: 100%;
}
.product-details .tab-content h5 {
    color: #000;
    float: left;
    font-family: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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: Century Gothic;
    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;
}

.margin_bottom_10{ margin-bottom:10px !important;}
.margin_bottom_0{ margin-bottom:0px !important;}

.fb{ background:#3b5998; color:#fff !important}
.gp{ background:#dd4b39;color:#fff !important}
.tw{ background:#00aced; color:#fff !important}


.new_active{}
.big_font{ font-size:52px !important}

.contact_padding{ padding-left:0px; padding-right:0px;}
.form_outer{ margin-top:50px; float:left; width:100%;}

.service_home_top{ padding-top:60px;}


@media (max-width: 767px) {
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail {
    margin: 0;
	display:none;
}

.business1.style2 .business1-top > .container > .business1-top-bar > ul {
    display: block;
    margin: 0;
    display: none;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact {
    padding: 8px;
    background: none;
	text-align:center;
	width:100%;
	font-weight:600;
	color:#444;
}

.business1-top-bar > span > i {
    float: left;
    font-size: 16px;
    margin-right: 10px;
	display:none;
}

.business1.style2 .responsive-menu > ul > li > ul > li {
    width:100%;
}

.bottom-line span {
    color: #FFFFFF;
    float: left;
    font-family: Century Gothic;
    font-size: 12px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-bottom: 20px;
}

.bottom-line ul > li {
    float: left;
    list-style: none outside none;
    margin-left: 10px;
    margin-bottom: 8px;
}

.f-find-office > ul > li:last-child {
    margin: 0;
        margin-bottom: 0px;
    margin-bottom: 10px;
}

.heading1 > h2 {
    font-size: 15px;
    line-height: 35px;
}

#success-work-nav > ul > li {
    float: left;
    list-style: none outside none;
    
    margin-bottom: 10px;
}

}

.website-list .inner-box {
    padding: 30px 15px 30px;
    opacity: 0.9;
}
.pricing-table .inner-box {
    position: relative;
    border-radius:8px;
    overflow: hidden;
    min-height:376px;
    margin-bottom:20px;
    padding: 45px 15px 25px;
    background-color: #ffffff;
    -webkit-transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-box-shadow: 0px 20px 35px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 20px 35px rgba(0,0,0,.1);
    -ms-box-shadow: 0px 20px 35px rgba(0,0,0,.1);
    -o-box-shadow: 0px 20px 35px rgba(0,0,0,.1);
    box-shadow: 0px 20px 35px rgba(0,0,0,.1);
}
.website-list .table-header {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #3c4858;
    font-weight: 500;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 15px;
}
.pricing-table .table-content {
    position: relative;
    padding: 0 15px;
    text-transform: capitalize;
    margin-bottom: 35px;
}.pricing-table .table-content li {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #2f2e2e;
    font-weight: 400;
    margin-bottom: 8px;
    font-family: Century Gothic;
}
.table-header {
    text-align: left;
    font-size: 22px;
    margin-left: 14px;
    margin-bottom:15px;
}
.inner-box {
    
    opacity: 0.9;
}

.products 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: 6px;
    width: 31%;
    text-align: center;
    margin-bottom: 2%;
    -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;
}
.product-contact{    text-align: center;
    background: #020f4b;
    float: left;
    padding: 8px 15px;
    margin: auto;}
    .product-contact a{color:#fff;}
    
    .selec{    padding: 10px;
    width: 100%;
    margin-bottom: 30px;}
    
    .paypal{float: right!important;
    background: none;
    padding: 6px;
    margin: 0px!important;}
    .paybt{background: #f1b828;
    padding: 10px 20px;
    border-radius: 5px;
    color: #000;
    font-weight: 600;
    font-size: 20px;}