.form_button{
	width: 100%;
color: #000000 !important;
    font-size: 12px !IMPORTANT;
    background: #df2d1e;
    padding: 12px 30px;
    text-align: center;
    font-size: 17px;
    font-family: sans-serif !important;
    cursor: pointer;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    box-shadow: -2px -2px 17px 3px #ffffff;
    border-radius: 30PX;
    border: 2px solid #dfdfdf;
}
.form_color{
	color:#fff;
}
.contact_info_new{
	    font-weight: bold;
    color: #fefefe !important;
    font-size: 14px !important;
    padding: 8px;
    text-align: center;
}
.footer_span_new_contact_one{
	color:white !important;
}
.fa_new_one {
    color: #ffffff;
}
.business1.style2 .business1-menu > ul > li > a {

padding: 8px 2px !important;
}

.inner-head-sec {
margin-top: 8px !important;
padding: 40px 0;
}
.our-team-box > ul > li > p {
font-size: 13px !important;
}
#menu-sec {
background-image: url("../images/header2.png");
background-size: 100% 100%;
float: left;
height: 171px !important;
}
b, strong {
    font-family: sans-serif !important;
}
.business1.style2 .business1-menu > ul > li {
margin-right: 5px;
}

.business1.style2 .business1-menu > ul > li > a{	
font-size: 12px !important;	
}

.business1.style2 .business1-menu > ul > li:hover > ul {
top: 10px !important;
}

.slider {
margin-top: 8px !important;
}


.business1 .logo {
float: left;
margin: 5px 19px 9px 19px !important;
}
.business1.style2 .business1-menu > ul {
margin: -3px 0 !important;
}
.open-menu {
margin: 40px auto !important;
}
.modal-footer {
padding: 15px 20px 20px;
margin-top: 0px;
text-align: right;
border-top: 1px solid #e5e5e5;
}

.all-project-desc > h2 {
bottom: 100% !important;
}
.all-projects:hover .all-project-desc > h2 {
margin-bottom: -36px !important;
}

iframe{
width: 100% !important;
}
.about_main_bredcumb {
color: #ffffff !important;
font-size: 29px !important;
font-weight: bold !important;
text-align: center;
text-transform: uppercase;
}
.about_main_bredcumb_bottom {
color: #ffffff !important;
font-size: 29px !important;
font-weight: bold !important;
text-align: center;
}
.about_top_title{
color: #2763ec !important;
font-weight: bold;
font-size: 25px !important;
text-transform: uppercase;
}
.about_top_title_small{
color: #000000 !important;
font-weight: bold !important;
font-size: 20px !important;
}
.span_bold{	
font-weight:bold;
}
.span_bold1{	

}
.span_bold2{	

}
p{
color: #232020 !important;
font-size: 14px !important;


}
.heading1 > h2 {
padding: 0 0 22px !important;
}
.heading1 {
margin-bottom: 38px !important;
}
.content_about{
color: #ffffff !important;
}
.mission_title{

font-size: 62px !important;
line-height: 45px !important;
color: #148F35!important;
margin: 40px auto !important;
font-weight: bold;
font-family: sans-serif !important;
}
.mission_top_title_small{
color: #000000 !important;
font-weight: bold !important;
font-size: 20px !important;
font-family: sans-serif !important;
}
.trustee_title {
    font-size: 57px !important;
    line-height: 45px !important;
    color: #a5244d!important;
    margin: 40px auto !important;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-family: sans-serif !important;
}
.trustee-sec {

background: #d3ecf3 !important;
padding: 10px !important;

}
.trustee-sec1{
background: #ffa92a !important;
padding: 10px !important;
}
.trustee-sec2{
background: #d3ecf3 !important;
padding: 10px !important;
    text-align: center;
}
.trustee-sec3{
background: #ffa92a !important;
padding: 10px !important;
    text-align: center;
}
.author_text{


}
.author{
float: right !important;
text-align: right;
color: #fda213 !important;
font-weight: bold;

}
.block_border{
border-top: 10px solid #f42728;
}
footer p {
color: #ffffff !important;
text-align:justify !important;
}
.footer_span{

padding-left:30px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail {
margin-left: -5px !important;
padding-left: 31px !important;
}

.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before {
right: -10px !important;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail{

background-color: #148F35 !important;
}
.business1.style2 .business1-top > .container > .business1-top-bar:before {
background: none repeat scroll 0 0 #002147 !important;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact {
background: #002147 !important;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before{
border-left: 12px solid #002147 !important;

}
.business1-top {
background: none repeat scroll 0 0 #002147 !important;
}
.business1-top-bar > span {
color: #ffffff !important;
}

.f-testimonail ul{
    margin-top: 0;
    margin-bottom: 10px;
    padding-inline-start: 0px;
}

.top-aic {
font-family: sans-serif;
color: #fff;
text-align: center;
margin-right: 15px;
margin-top: 12px;
}
.mail_top{
color: #fdc800;
    border: 1px solid #fdc800;
    /* border-radius: 46%; */
padding: 5px 8px;
margin: 2px;
}
.facebook_top{

color: #fdc800;
    border: 1px solid #fdc800;
    /* border-radius: 46%; */
padding: 5px 12px;
margin: 2px;
}
.twitter_top{
color: #fdc800;
    border: 1px solid #fdc800;
    /* border-radius: 46%; */
padding: 3px 8px;
margin: 2px;
}
.google_plus_top{
color: #fdc800;
    border: 1px solid #fdc800;
    /* border-radius: 46%; */
    padding: 5px 8px;
	margin: 2px;
}

.active_new_sidebar_one {
border-radius: 3px !important;
border: 1px solid #a5244d !important;
background: #a5244d !important;
}
.active_new{
border-radius: 3px !important;
border: 1px solid #a5244d !important;

}

.active_new > a{
background: #a5244d !important;
color:white !important;
border-radius: 3px !important;

}
.business1.style2 .business1-menu > ul > li > a > i {
margin: 0px 4px !important;
}
.carrer_top_title{
color: #ffffff;
float: left;
font-family: sans-serif;
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%;
background: #fda215;
padding: 7px;
border-radius: 6px;

}
.footer_link > li > a{

color:#ffffff;
}
.f-testimonail > .footer_nav > li {
margin: 0 0 5px !important;
list-style: none;
}
.bottom-line {
background: none repeat scroll 0 0 #002147 !important;
}
.bottom-line span {
font-size: 14px !important;
}
footer {
background: none repeat scroll 0 0 #002147 !important;	
    border-top: 1px solid #ebe2f5 !important;
}
footer h3 {
color: #ffffff !important;
}
.bottom-line span > i {
color: #ffffff !important;
}	
.home_small_image{
float:left;
margin-right: 10px;
border: 4px double #a5244d;
border-radius: 5px;
width: 180px;
height: 170px;
}	
.read-more {
background: #a5244d;
padding: 5px;
color: #fff !important;
float: right;
border-radius: 5px;
}
.home_text{
color: #232020 !important;
font-size: 13px !important;	
text-align: justify;

}	
.feature_bold{

}
.testimonial-sec li > p {
color: #ffffff !important;
}

.about_banner{
background: url("../header_bg/about_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.mission_banner {
background: url("../header_bg/mission_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.trustee_banner{
background: url("../header_bg/trustee_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.inspiration_message_banner{
background: url("../header_bg/inspiration_message_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.management_desk{	
background: url("../header_bg/management_desk.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.pre_primary{
background: url("../header_bg/pre_primary.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.primary{
background: url("../header_bg/primary.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.secondary_bag{
background: url("../header_bg/secondary_bag.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.high_secondary_bag{
background: url("../header_bg/high_secondary_bag.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.result_bg{
background: url("../header_bg/result_bg.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.staff_bg{
background: url("../header_bg/staff_bg.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.code_of_conduct_banner{
background: url("../header_bg/code_of_conduct_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.school_timing_banner{
background: url("../header_bg/school_timing_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.calender_banner{
background: url("../header_bg/calender_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.carrer_banner{
background: url("../header_bg/carrer_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.school_celebration_banner{
background: url("../header_bg/school_celebration_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;		
}
.school_comptitions_banner{
background: url("../header_bg/school_comptitions_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.athalatics_meet_banner{
background: url("../header_bg/athalatics_meet_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.workshop_banner{
background: url("../header_bg/workshop_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;			
}
.magazine_articles_banner{
background: url("../header_bg/magazine_articles_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;		
}
.bus_services_banner{
background: url("../header_bg/bus_services_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;			
}
.girls_and_boys_hostel_banner{
background: url("../header_bg/girls_and_boys_hostel_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;		
}
.school_catering_banner{
background: url("../header_bg/school_catering_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;		
}
.faculty_residences_banner{
background: url("../header_bg/faculty_residences_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;		
}
.library_banner{
background: url("../header_bg/library_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;		
}
.computer_lab_banner{
background: url("../header_bg/computer_lab_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;			
}
.physics_lab_banner{
background: url("../header_bg/physics_lab_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;			
}
.biology_lab_banner{
background: url("../header_bg/biology_lab_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;			
}
.chemistry_lab_banner{
background: url("../header_bg/chemistry_lab_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;			
}
.gseb_gujarati_medium_information_banner{
background: url("../header_bg/gseb_gujarati_medium_information_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.gseb_gujarati_english_information_banner{
background: url("../header_bg/gseb_gujarati_english_information_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.cbse_information_banner{
background: url("../header_bg/cbse_information_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.kanya_vidya_banner{
background: url("../header_bg/kanya_vidya_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.gallery_banner{	
background: url("../header_bg/gallery_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.video_banner{
background: url("../header_bg/video_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.guidelines_banner{
background: url("../header_bg/guidelines_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.fee_structure_banner{
background: url("../header_bg/fee_structure_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.contact_banner{	
background: url("../header_bg/contact_banner.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0) !important;	
}
.comming-soon-page h1 {
    color: #FFFFFF !important;
    font-size: 22px !important;
    margin: 50px auto !important;
    padding: 2px 49px !important;
}
.block-title::after {
    content: "";
    display: block;
    background: url(../images/white-sprite.png) scroll no-repeat center center;
    width: 100%;
    height: 30px;
    text-align: center;
    background-size: 100px;
    margin-top: 10px;
}
.calenser_class_new_one{
	width:60px;
}











.objecive h3 {
color: #a5244d !important;
float: left !important;
font-family: Source Sans Pro,sans-serif !important;
font-size: 22px !important;
letter-spacing: 0.3px !important;
line-height: 24px !important;
margin: 0 0 23px !important;
width: 100% !important;
}
.recruiter-logo {
width: 100%;
height: 100px;
}

/*----------------------*/
.nav1 {
height: 46px;
position: relative;
z-index: 2147483647;
zoom: 1;
margin-left: -47px;
}
.nav1 {
height: 26px;
text-align: center;
}
.bottom {
margin-bottom: 20px;
}

.donwlad-pdf {
background: #a5244d;
padding: 5px;
color: #fff !important;
border-radius: 5px;
}
#experience ul > li > span {
background: none repeat scroll 0 0 #a5244d !important;
}

.calenser_class > table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
.calenser_class  td {
border: 1px solid #bfbfc1;
text-align: left;
padding: 8px;
}
.calenser_class  th{
border: 1px solid #bfbfc1;
text-align: left;
padding: 8px;
}
#experience ul > li {
    border: 1px solid #bbbbbb !important;
	}
	.about-sec-calender p {
    margin: 0 0 5px !important;
	}
.heading2 > h2 {
    font-family: sans-serif !important;
}	
#experience ul > li > span{
	    font-family: sans-serif !important;
}
.heading3 > h2 {
    font-family: sans-serif !important;
}
tr:nth-child(even) {
background-color: #dddddd;
}

.calenser_class_new1 > table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
.calenser_class_new1  td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
.calenser_class_new1 th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
background: #a5244d;
color: white;
}

.calenser_class_new {
width:200px;
}
.table_cbse_backg{
background-color: #77c6eb;
text-align: center;
font-size: 22px;
color: #f11e24;
}
.calenser_class_new_cbse {
width: 47px;
}
.table_td_grey{
background: #dddddd;
}
.table_td_white{
background: #ffffff;
}
.padding_top_15{
	padding-top:15px;
}
.about-sec > .col-md-10 > p{
	text-align:justify !important;
}

.col-md-10, .col-md-12 {
	text-align:justify !important;
}







.inner-content {
padding: 45px 35px !important;
background: #fff !important;
margin-bottom: 40px !important;
margin-top: 10px !important;
overflow: hidden !important;
}
.panel-success > .panel-heading {
    color: #ffffff !important;
    background-color: #69ea8c !important;
    border-color: #ffffff !important;
}

.panel-heading {
padding: 10px 15px 30px 15px !important;
border-bottom: 1px solid transparent !important;
border-top-right-radius: 3px !important; 
border-top-left-radius: 3px !important;
}
.blog-details h3 {
text-transform: uppercase !important;
color: #444444 !important;
font-weight: 700 !important;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.staffimg {
position: relative !important;
top: -30px !important;
margin-bottom: -20px !important;
}
.staffimg img {
border: 3px solid #3c763d !important;
border-radius: 4px;
}
.blog-details p{
margin: 0 0 5px !important;	
}
.results_color   {
	    margin: 0 0 2px !important;
}
.results_color > a{
color: #a5244d !important;
float: left;
font-family: Source Sans Pro,sans-serif;
font-size: 17px !important;
letter-spacing: 0.3px;
line-height: 27px;
margin: 0 0 23px;
width: 100%;
text-align:left;
font-family: sans-serif !important;
}
.results_color > a:hover{
background:#FFF !important
}
.fanew{
color: #a5244d;	

}

footer h2 {
color: #FFFFFF;
float: left;
/*background: url('../images/pencil.png');*/
/* background-attachment: fixed; */
background-size: 194% 126%;
background-repeat: no-repeat;
background: http://i.istockimg.com/file_thumbview_approve/74929405/6/stock-photo-74929405-school-supplies-border-against-white-background.jpg;
font-family: sans-serif;
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 h2 {
color: #1b1919 !important;
}
.homae_main_text{
	    padding: 0px 130px 20px 130px;
    text-align: center;
    color: #545454 !important;
}





.award-timeline .award-timeline-box:before {
background: none repeat scroll 0 0 #a5244d !important;
}
.award-timeline:before {
background: none repeat scroll 0 0 #969696 !important;
}
.award-timeline-box {
border: 1px solid #808080 !important;
}
.col_padding_12{
padding: 0px 150px;	

}
.business1-menu > ul > li > ul > li > ul > li {
    background: #a0a0a0 !important;
}
.business1-menu > ul > li > ul > li > ul > li:hover {
    background: #a5244d !important ;
}
.school_compititions_title {
font-size: 33px !important;
line-height: 35px !important;
color: #148F35!important;
margin: 8px auto !important;
font-weight: bold;
font-family: sans-serif !important;
}
.w-our-branches ul li {
padding: 1px !important;
}
.about-sec a{

width: 100%;
}	
.w-our-branches ul li:hover {

border-radius:16px;
}

.vticker {
margin-top: 70px;
}
.w-top-faq {
background: url('../images/unnamed.png')no-repeat scroll 75% 100%;
height: 310px;
margin-top: -27px;
}
.vticker li {
list-style: none;
color: #a5244d;
padding: 10px 10px 10px 17px;
}
.vticker ul {
padding: 0;
}
.about-sec a{

padding: 12px 10px !important;
}
.news-detials_new > h3 > a {
color: #fdc800 !important;
text-align: center !important;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}

.news-detials_new > h3{
text-align: center !important;	
}

.news-detials > p {
color: #7A7A7A !important;
float: left !important;
font-family: sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
letter-spacing: 0.3px !important;
line-height: 12px !important;
margin-bottom: 0 !important;
margin-right: 30px !important;
margin-top: 8px !important;
margin-bottom: 10px !important;
text-transform: uppercase;
}
.news-detials > p > i {
margin-right: 10px;
}
.news-detials_text > span {
color: #7A7A7A !important;
float: left !important;
font-family: sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.3px !important;
line-height: 12px !important;
margin-bottom: 0 !important;
margin-right: 30px !important;
margin-top: 8px !important;
margin-bottom: 10px !important;
}
.time_padding{
margin-left: 25px !important;
}
.time_padding_small {
margin-left: 10px !important;
}
.news-detials_text  {
color: #7A7A7A !important;
float: left !important;
font-family: sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 0.3px !important;
line-height: 12px !important;
margin-bottom: 0 !important;
margin-top: 8px !important;
margin-bottom: 10px !important;
}
.news-detials{

padding: 30px 29px !important;
}
.home_block_title{
color: #a5244d !important;
font-weight: 700;
}
.testimonial-sec li > a{
color: #fefefe !important;
}
.student_counter_top{
color: #fefefe !important;
font-size: 20px !important;
margin: 0 0 23px !important;

}
.student_counter{
color: #fefefe !important;
font-size: 39px !important;
}
.footer_span_new {

}
.news-detials_new > h3 > a:hover{
background:#FFF !important;
}
.about-sec a {
color:#fff !important;
border: none !important;

}
.objecive a {
color:#fff !important;
border: none !important;
background:#770c0c;
}
/*footer{
	    background-image: url(../images/watercolor-bg11.jpg) !important;
}*/
.contact_info{
font-weight: bold;
color: #fefefe !important;
font-size: 14px !important;
padding: 8px;
}
.about-sec a:hover{
border-color: #ffffff !important;
background:#a5244d !important;
}
.w-our-branches ul li {
}

.input-style {
border: 1px solid #969696 !important;
}

.footer_span_new_contact {
padding-left: 16px;
}
.fa_new {
color: #fdc800;
}
.owl-buttons > div{
background:#8a8a8a;
}

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

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

.block.gray {
background: #f9f9f9;
}
.white:before {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;

-webkit-box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset;
-moz-box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset;
-ms-box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset;
-o-box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset;
box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset;
}
.fixed-img {
background: url("../images/slidernew_background.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
background-attachment: fixed ;
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;
}
.sec-bg1 {
background: url("../images/resource/sec-bg1.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg2 {
background: url("../images/resource/sec-bg2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg3 {
background: url("../images/resource/sec-bg3.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg4 {
/*background: url("../images/color-gradient-background-wallpaper-2.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);*/
background: #ffffff;
}
.sec-bg5 {
background: url("../images/resource/sec-bg5.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg6 {
background: url("../images/resource/sec-bg6.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg7 {
background: url("../images/resource/sec-bg7.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg8 {
background: url("../images/resource/sec-bg8.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg9 {
background: url("../images/resource/sec-bg9.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg10 {
background: url("../images/resource/sec-bg10.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg11 {
background: url("../images/resource/sec-bg11.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg12 {
background: url("../images/resource/sec-bg12.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg13 {
background: url("../images/resource/sec-bg13.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sec-bg14 {
background: url("../images/resource/sec-bg14.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.1sec-bg15 {
background: url("../images/resource/sec-bg15.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
}
.sticky_class{
margin: 0 0 3px !important;
color: #3c3c3c !important;
padding: 0px 5px !important;
font-size:15px !important;
}
.hr_sticky{
border:1px solid #c3c3c3;
padding: 0px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}




























/* 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-image: url(../images/Gray-lines-White-Tileable-pattern.jpg) !important;*/
background: white;
}
.top-margin {
margin-top: -30px;
float: left;
width: 100%;
}

/* owl Buttons Navigation */
.owl-buttons {
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: #002147;
float: left;
font-family: sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 34px;
margin: 0;
padding: 0 0 30px;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100%;
}
.heading1 > h2:after {
bottom: 0;
left: 0;
position: absolute;
height: 10px;
width: 10px;
content: "";
left: 50%;
margin-left: -5px;
margin-bottom: -5px;

-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.heading1 > h2:before {
position: absolute;
left: 50%;
bottom: 0;
width: 100px;
content: "";
height: 1px;
margin-left: -50px;
}

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

/* 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 #fefffe;
    color: #666666;
    float: left;
    font-family: sans-serif;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 14px;
    margin: 0px 0 0 40px;
    padding: 10px 30px 12px 21px;
    position: relative;
}
.heading2 > h2:before {
background: none repeat scroll 0 0 #D3D3D3;
border: 2px solid #FFFFFF;

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

content: "";
height: 12px;
left: -22px;
position: absolute;
top: 4px;
width: 12px;
z-index: 99999;
}
.heading2:after {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
content: "";
height: 3px;
left: 0;
position: absolute;
top: 9px;
width: 20px;
}
.heading2 > h2 > i {
font-style: normal;
}
.heading2 > span {
display: none;
}



/* Heading 3 */

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

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


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

.heading4:before {
background: none repeat scroll 0 0 #DBDBDB;
bottom: 0;
content: "";
height: 16px;
left: -4px;
position: absolute;

-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);

width: 1px;
}

.heading4:after {
background: none repeat scroll 0 0 #DBDBDB;
bottom: -14px;
content: "";
height: 16px;
position: absolute;
right: -4px;

-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);

width: 1px;
}





/* Business Header */
header.business1 .for-sticky.sticky {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);

-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
-ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
-o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) !important;

left: 0;
position: fixed;
display: none;
top: 0;
height:auto !important;
z-index: 2147483647;
}
header.business1 .for-sticky.sticky .logo {
margin: 16px 0 15px;
}
header.business1 .for-sticky.sticky .logo > a > img {
width: 100%;

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
header.business1 .for-sticky.sticky .business1-menu > ul > li {
padding: 25px 0;
}
.sticky .log-in-sec > a {
margin-bottom: 22px;
margin-right: 50px;
margin-top: 22px;
}
.sticky .log-in-sec {
margin-left: 40px;
}

.business2 .for-sticky.sticky {
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
-ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
-o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14) !important;

height: auto !important;
left: 0;
position: fixed;
top: 0;
z-index: 99999999;
}

#menu-sec {
background-image: url("../images/header2.png");
background-size: 100% 100%;
float: left;
height: 100px;
width: 100%;

-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
-o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.business1 {

-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
-ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
-o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.09);

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: 5px 0;
width: auto;
}
.business1-top {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
float: left;
width: 100%;
position: relative;
background:none repeat scroll 0 0 #FFFFFF;
}

.business1-top-bar {
float: left;
position: relative;
width: 100%;
}
.business1-top-bar > ul > li {
float: left;
list-style: none outside none;
margin-left: 15px;
}
.business1-top-bar > ul > li > a {
color: rgba(0,0,0,0.2);
float: left;
font-size: 18px;
height: 34px;
line-height: 30px;
text-align: center;
width: 34px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.business1-top-bar > ul > li > a:hover {
color: #fff;
}
.business1-top-bar > ul > li > a > i {
float: left;
height: 32px;
line-height: 31px;
width: 32px;
border: 1px solid rgba(0,0,0,0.15);



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

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 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-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: sans-serif;
font-size: 13px;
padding: 8px 0 8px 0px;
text-transform: uppercase;
color: #7a7a7a;
}
.business1-top-bar > form:hover input, .business1-top-bar > form input:focus {

opacity: 1;
filter:alpha(opacity=100);

width: 264px;
padding: 8px 0 8px 12px;

}

.business1 .logo {
float: left;
margin: 22px 0 22px;
}
.business1-menu {
float: right;
}
.business1-menu > ul {
float: left;
margin: 0;
padding: 0;
}
.business1-menu > ul > li {
float: left;
list-style: none outside none;
position: relative;

-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;

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

padding:36px 0;
}
.business1-menu > ul > li > a {
border: 1px  solid rgba(0, 0, 0, 0);

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

color: #555454;
float: left;
font-family: sans-serif;
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: sans-serif;
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:20px;
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: sans-serif;
font-size: 13px;
padding: 10px 22px;
width: 100%;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.business1-menu > ul > li > ul > li > a > i {
color: #404040;
float: right;
font-size: 15px;
margin-top: 3px;
}
.business1-menu > ul > li > ul > li > ul {
-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: sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
width: 100%;
}
.business1-menu > ul > li > ul > li:hover > ul {
opacity: 1;
filter:alpha(opacity=100);

-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
/* Login Style */
.log-in-sec {
float: right;
margin-left: 90px;
position: relative;
}
.log-in-sec > a {
border: 1px solid;

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

cursor: pointer;
float: left;
font-family: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 10px;
padding: 13px 10px;
}
.login-form > ul > li > a.register {
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
-ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;

color: #FFFFFF;
float: right;
}

/* Header Style 2 */
.business1.style2 .business1-top > .container > .business1-top-bar {
position: relative;
}
.business1.style2 .business1-top > .container > .business1-top-bar:before {
background: none repeat scroll 0 0 #F5F5F5;
content: "";
height: 100%;
left: -100%;
position: absolute;
top: 0;
width: 100%;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact {
margin: 0;
padding: 14px 18px 13px 0;
position: relative;
background: #f5f5f5;
z-index: 9;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-contact:before {
position: absolute;
right: -12px;
top: 0;
border-left: 12px solid #f5f5f5;
border-top: 44px solid rgba(255,255,255,0);
border-bottom: 0px solid rgba(255,255,255,0);
content: "";
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail > i {
color: #FFFFFF;
float: right;
margin-left: 10px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

color: #FFFFFF;
margin: 8px 0;
padding: 5px 0;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;

margin-left: -167px;
padding-left: 40px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > span.top-mail:hover {
margin-left: -26px;
}
.business1.style2 .business1-top > .container > .business1-top-bar > ul,
.business1.style2 .business1-top > .container > .business1-top-bar > form {
display: none;
}

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

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;

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: 204px;
}
.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 #ffffff;
border: 1px solid #F1F1F1;

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

color: #777777;
font-family: Source Sans Pro,sans-serif;
font-size: 13px;
padding: 8px 10px;
}
.business1.style2 .business1-menu > ul > li > a > i {
margin-right: 10px;
display: inline;
}
.business1.style2 .business1-menu > ul > li:hover > a {
color: #fff !important;
}
.business1.style2 #menu-sec {
background-image: url("../images/RKU_Admissionbanner.jpg");
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: 45px;
position: relative;
width: 100%;
}


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



/* Slide2 */
.slide2-text1 {
color: #FFFFFF;
float: left;
font-family: sans-serif;
font-size: 30px;
font-weight: 600;
margin: 0;
padding: 18px 30px;
text-transform: uppercase;
}
.slide2-text1 > i {
font-family: sans-serif;
font-size: 25px;
font-style: normal;
font-weight: normal;
}
.slide2-text2 {
color: #FFFFFF;
float: left;
font-family: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 22px;
font-weight: bold;
letter-spacing: 0.3px;
line-height: 15px;
margin: 0;
padding: 15px 20px;
text-transform: uppercase;
}
.slide4-text2 {
color: #595959;
font-family: sans-serif;
font-size: 30px;
font-weight: lighter;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.slide4-text2 > i {
color: #595959;
float: right;
font-family: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 15px;
font-weight: bold;
letter-spacing: 0.3px;
line-height: 10px;
margin-right: 30px;
margin-top: 0;
text-transform: uppercase;
}

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


/* 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: sans-serif;
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: sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 10px;
margin-top: 20px;
}
.service p {
color: #777777;
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: #002147;
float: left;
font-family: sans-serif;
font-size: 40px;
letter-spacing: 0.3px;
}
.we-are-Slide > p {
float: left;
width: 100%;
text-align: center;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
font-size: 30px;
font-weight: bold;
color: #404040;
text-transform: uppercase;
line-height: 58px;
margin-top: -15px;
letter-spacing: 0.30px;
}
.parallax  h3 > i {
font-size: 25px;
font-style: normal;
font-weight: lighter;
}
.parallax  p {
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin: 0;
position: relative;
text-align: center;
}

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

opacity: 0.5;
filter:alpha(opacity=50);
}


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

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

float: left;
overflow: hidden;
padding: 30px 0;
position: relative;
width: 100%;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#service4-slide {
float: left;
width: 100%;
}
.service4:hover {
-webkit-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
-ms-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
-o-box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
box-shadow: 0px 0px 28px rgba(0,0,0,0.4);
}
.service4 > h2 {
color: #FFFFFF;
display: table;
float: none;
font-family: sans-serif;
font-size: 25px;
line-height: 18px;
margin: 0 auto;
position: relative;
text-align: left;
z-index: 99;
line-height: 40px;
font-size: 24px;
padding: 0 30px;
}
.service4 > h2 > i {
color: #FFFFFF;
float: left;
font-size: 40px;
margin-right: 15px;
}
.service4 > p {
color: #EBEBEB;
float: left;
font-family: sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin: 10px 0 0;
padding: 0 60px;
position: relative;
text-align: center;
width: 100%;
z-index: 99;
}
.service4 > span {
height: 50%;
position: absolute;
width: 50%;
}
.service4 > span.box1 {
left: -50%;
top: 0;

-webkit-transition: all 0.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;
}
.service4:hover > span.box1 {
left: 0;
}
.service4 > span.box2 {
right: 0;
top: -50%;

-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;
}
.service4:hover > span.box2 {
top: 0;
}
.service4 > span.box3 {
left: 0;
bottom: -50%;

-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;
}
.service4:hover > span.box3 {
bottom: 0;
}
.service4 > span.box4 {
right: -50%;
bottom: 0;

-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;
}
.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: sans-serif;
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: Source Sans Pro,sans-serif;
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 Single Page Animation */
.service-single-desc {
float: left;
width: 100%;
}
.service-single-desc > h3 {
color: #666666;
float: left;
font-family: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin: 0;
width: 100%;
}
.service-single-desc > ul {
float: left;
margin: 40px 0 0;
padding: 0;
width: 100%;
}
.service-single-desc > ul > li {
color: #666666;
float: left;
font-family: sans-serif;
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%;
}
.service-img > img {
float: left;
width: 100%;
}
.container-ball {
bottom: 76px;
position: absolute;
right: 50px;
}
.ball {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
height: 10px;
margin: 10px auto;
position: relative;
width: 10px;
}   
.ball:nth-child(1) {
-webkit-animation: right 1s infinite ease-in-out;
-moz-animation: right 1s infinite ease-in-out;
-ms-animation: right 1s infinite ease-in-out;
-o-animation: right 1s infinite ease-in-out;
animation: right 1s infinite ease-in-out;    
}


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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Who we are */
#who-we-images {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

float: left;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
#who-we-images li {
float: left;
width: 100%;
list-style: none;
}
#who-we-images li > img {
float: left;
width: 100%;
}

#who-we-images .owl-pagination {
left: 50%;
position: absolute;
top: 20px;
margin-left: -25px;
}
#who-we-images .owl-pagination .owl-page {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);

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

float: left;
height: 5px;
margin: 0 4px;
width: 10px;
}
#who-we-images .owl-pagination .owl-page.active{
background:#fff;
}
.who-we-desc {
float: left;
width: 100%;
}

.who-we-desc > h3 {
color: #666666;
float: left;
font-family: sans-serif;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 28px;
margin: 0 0 10px;
width: 100%;
}
.who-we-desc > p {
color: #888;
float: left;
font-family: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin-bottom: 15px;
width: 100%;
}
.who-we-desc > a {   
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

color: #fff;
float: left;
font-family: sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 10px;
margin-top: 4px;
padding: 13px 20px;
text-transform: uppercase;

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;

-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
-moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
-ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
-o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.who-we-desc > a:hover{
color:#fff;
}

/* Make an Appointment */
.appointment-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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: #888;
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 12px;
font-style: normal;
line-height: 10px;
margin-top: 18px;
width: 100%;
}
#experience ul > li > p {
color: #777777;
float: left;
font-family: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 10px;
margin-bottom: 15px;
width: 100%;
text-transform: uppercase;
color: #999999;
font-weight: normal;
}
.upcoming-event2 > span > i {
font-size: 14px;
margin-right: 15px;
width: 20px;
text-align: center;
}
.upcoming-event2 > p {
color: #888;
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: #ffffff;
display: table;
float: none;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 26px;
margin: -5px 0 0;
letter-spacing: 0.30px;
}

.job-box > i {
display: block;
font-family: Source Sans Pro,sans-serif;
font-size: 12px;
font-style: normal;
}
.job-box > p {
color: #777777;
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 15px;
line-height: 28px;
margin: 20px 0;
width: 100%;
margin-top: 15px;
}
.our-blog-box > span {
float: left;
font-family: sans-serif;
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: #888;
float: left;
font-family: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 15px;
font-weight: normal;
left: 0;
line-height: 16px;
margin: -13px 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: #f61200;
}
.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: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
margin: 0 0 10px;
line-height: 24px;
color: #888;
}
.our-blog3-box > ul {
display: block;
margin: 0;
padding: 0;
}
.our-blog3-box > ul > li {
float: left;
list-style: none outside none;
margin-right: 15px;
}
.our-blog3-box > ul > li:last-child {
margin: 0;
}
.our-blog3-box > ul > li > a {   
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

color: #ffffff;
float: left;
font-family: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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%;
}
.ceo-plan-detail {
float: left;
width: 100%;
margin-top: 30px;
}
.ceo-plan-detail > h3 {
color: #666666;
float: left;
font-family: sans-serif;
font-size: 18px;
font-weight: lighter;
letter-spacing: 0.3px;
line-height: 34px;
margin: -10px 0 20px;
text-transform: uppercase;
width: 100%;
}
.ceo-plan-detail > p {
color: #888;
float: left;
font-family: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin: 0;
width: 100%;
margin-top: -10px;
}
.ceo-plan-detail > ul {
float: left;
margin: 0;
padding: 0;
width: 100%;
margin-top: 30px;
}
.ceo-plan-detail > ul > li {
float: left;
list-style: none outside none;
margin-bottom: 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: sans-serif;
font-size: 16px;
font-weight: lighter;
letter-spacing: 0.3px;
line-height: 14px;
margin: 0 0 20px;
float: left;
width: 100%;
}

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

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


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

.testimonial-sec  li {
float: left;
width: 100%;
position: relative;
list-style: none;
}
.testimonial-sec li > span {
border: 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: sans-serif;
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: sans-serif;
font-size: 15px;
font-weight: 600;
margin-right: 34px;
margin-top: 10px;
}
.testimonial-sec .owl-pagination {
float: none;
margin: 0 auto;
display: table;
}
.testimonial-sec .owl-pagination > .owl-page {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);

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

float: left;
height: 12px;
margin: 0 5px;
width: 12px;

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

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



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

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

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

overflow: hidden;
}
.testimonial-sec2 li > span > img {
float: left;
}
.testimonial-sec2 li > a {
color: #999999;
display: block;
font-family: sans-serif;
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: sans-serif;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.testimonial-sec2 li > p {
color: #777777;
font-family: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
line-height: 24px;
text-align: left;
color: #777777;
padding: 0;
}

/* Our Clients */

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

-webkit-border-radius: 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;
}
.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: sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 30px;
margin: 0 0 15px;
text-align: center;
width: 100%;
}
.our-clients2 > p > i {
font-style: italic;
font-weight: bold;
}
.our-clients2 > p:before {
background-image: url("../images/ceo-coma.png");
content: "";
height: 80px;
position: absolute;
right: 0;
top: 0;
width: 67px;

opacity: 0.5;
filter:alpha(opacity=50);
}
.our-clients2 > p {
color: #888;
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 13px;
height: auto;
margin: 14px auto 0;
padding: 7px 20px;
width: auto;
}


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

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

float: left;
overflow: hidden;
position: relative;
width: 100%;
}
.our-team-box:hover .team-title:after {
bottom: 0;
height: 100%;
left: 0;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.86);	
}
.our-team-sec.with-parallax .our-team-box:hover .team-title:after {
height: 100%;
}
.team-title:after {
bottom: 8px;
content: "";
height: 55px;
left: 0;
position: absolute;

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;

width: 100%;
z-index: 1;

-webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
-moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
-ms-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
-o-box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
box-shadow: 0px 0px 16px rgba(0,0,0,0.01) inset;
}
.team-title > img {
float: left;
width: 100%;
}
.our-team-box:hover .team-title > h3 {
bottom: 50%;
height: 33px;
margin-top: -24px;
color:#888;
}
.our-team-box:hover .team-title > h3 > a {
color:#888;
}
.team-title > h3 {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

bottom: 0;
font-family: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
color: #888;
letter-spacing: 0.30px;
line-height: 24px;
margin: 0;
}

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

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

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

padding: 35px 0;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.slide-feature-box:hover > i{
color:#fff;
}
.slide-feature-box > i {
color: #555555;
float: left;
font-size: 50px;
line-height: 44px;
margin-bottom: 15px;
text-align: center;
width: 100%;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.slide-feature-box > span {
float: left;
text-align: center;
width: 100%;
font-size: 14px;
color: #555555;
font-family: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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);
}


/* Inner Page Head */
.inner-head-sec {
margin-top: 146px;
padding: 40px 0;
}
.inner-head-sec > .black:before {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.inner-head {
float: left;
width: 100%;
}
.inner-head > h2 {
color: #FFFFFF;
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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 {
    border: none;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin: 0 0 23px;
width: 100%;
}
.about-sec a {
border: 1px solid #E8ECEC;

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

-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: sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 10px;
margin-right: 15px;
padding: 12px 17px;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
background: #002147;
border-radius: 16px;
}
.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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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.jpg");	
}
.c-pagination .fixed-img {
display: none;
}
.c-pagination > .container {

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

overflow: hidden;
padding: 20px 0;
position: relative;
}
.pagination {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

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

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

color: #fafafa;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
font-size: 15px;
font-weight: lighter;
letter-spacing: 0.3px;
line-height: 28px;
margin: 10px 0;
width: 100%;
}
.related-project > h3 > a {
color: #666;
}
.related-project > p {
color: #888;
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 15px;
font-weight: normal;
letter-spacing: 0.3px;
line-height: 28px;
margin: 0 0 20px;
width: 100%;
}
.post-desc > h2 > a {
color: #666;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.post-desc > p {
color: #888;
float: left;
font-family: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.3px;	
}
.user-comment > a > i {
color: #666666;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
}
.author-post > p {
color: #777777;
display: block;
font-family: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 14px;
letter-spacing: 0.3px;
line-height: 18px;
padding: 15px 0;
position: relative;

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;

width: 100%;
}
.s-category-widget > ul > li > a > i {
color: #888;
float: left;
font-size: 18px;
margin-right: 20px;
margin-top: 1px;

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.s-category-widget > ul > li > a:hover > i {
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.14);
}
.s-category-widget > ul > li > a > span {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E8ECEC;

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

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

color: #777777;
font-family: sans-serif;
font-size: 12px;
line-height: 10px;
padding: 7px 6px;
position: absolute;
right: 0;
}

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


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

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

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

float: left;
padding: 20px;
width: 100%;
}
.twitter-widget > ul {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.twitter-widget > ul li {
float: left;
list-style: none outside none;
width: 100%;
}
.twitter-widget > ul li > p {
color: #414040;
float: left;
font-family: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 15px;
font-weight: normal;
letter-spacing: 0.3px;
line-height: 20px;
margin: 0;
}
.w-get-help > ul > li ul {
float: left;
margin-top: 30px;
padding: 0;
width: 100%;
}
.w-get-help > ul > li ul li {
float: left;
list-style: none outside none;
margin-bottom: 15px;
width: 100%;
}
.w-get-help > ul > li ul li i {
color: #888;
float: left;
font-family: FontAwesome;
font-size: 14px;
margin-right: 25px;
text-align: center;
text-decoration: none;
width: 10%;
}
.w-get-help > ul > li ul li p {
display: block;
float: none;
line-height: 12px;
margin: 0;
width: auto;
}

/* Find A Place or Job */
.find-a-job {
float: left;
width: 100%;
}
.find-a-job > form {
float: left;
width: 50%;
}
.find-a-job > form#job {
margin-right: 30px;
width: 45%;
}
.find-a-job > form#place {
width: 52%;
}
.find-a-job > form#place > input {
margin-right: 30px;
width: 86%;
}
.find-a-job > form#place > a {
border: 2px solid rgba(255, 255, 255, 0.2);

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

color: #FFFFFF;
float: right;
font-size: 18px;
height: 50px;
line-height: 43px;
text-align: center;
width: 53px;
}
.find-a-job > form > label {
color: #FFFFFF;
float: left;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin: 0;
width: 100%;
}

/* History Page */
.history-box-sec:hover .history-box {
background-position: right 0 bottom -200px;
}
.history-box {
background-image: url("../images/resource/history.png");
background-position: right -220px bottom -200px;

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

float: left;
margin-bottom: -40px;
overflow: hidden;
padding: 100px 0;
position: relative;

-webkit-transition: all 10s ease 0s;
-moz-transition: all 10s ease 0s;
-ms-transition: all 10s ease 0s;
-o-transition: all 10s ease 0s;
transition: all 10s ease 0s;
}
.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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 40px;
font-weight: bold;
letter-spacing: 0.3px;
line-height: 58px;
margin: 0;
position: absolute;
text-align: center;

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

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;

color: #666666;

width: 100%;
}
.history-date > i {
color: #888;
font-size: 63px;
left: 0;
position: absolute;
text-align: center;
top: 0;

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

-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;

width: 100%;
opacity:0;
filter:alpha(opacity=0);
}
.history-box-sec:hover .history-date > h3 {
opacity: 0;
filter:alpha(opacity=0);

-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.history-box-sec:hover .history-date > i {
opacity: 1;
filter:alpha(opacity=100);

-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.history-box > h4 {
color: #666666;
float: left;
font-family: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 19px;
margin: 0 10px;
position: relative;
}
.countdown-project  > span:before {
color: #525252;
content: "";
font-family: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 30px;
font-style: normal;
font-weight: normal;
}
.price-head > i {
color: #F5F5F5;
float: left;
font-family: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin: -10px 0 0;
width: 100%;
}
.contact-sec > span {
color: #777777;
float: left;
font-family: Source Sans Pro,sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 27px;
margin-bottom: 40px;
margin-right: 30px;
margin-top: 40px;
}
.contact-sec > span > i {

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

color: #FFFFFF;
float: left;
font-size: 15px;
height: 28px;
line-height: 28px;
margin-right: 10px;
text-align: center;
width: 28px;
}
.contact-sec > iframe {
border: medium none;

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

float: left;
height: 400px;
width: 100%;
margin-bottom:40px;
}

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

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

.error_message {
background: url("../assets/error.gif") no-repeat scroll 10px center #FBE3E4;
border: 1px solid #FBC2C4;

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

color: #8A1F11;
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:25px;
}

.event-count > div:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
content: "";
height: 100%;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;

bottom: -80%;
}

.event-count:hover > div:before {
bottom: 0;
}
.event-count > div > h3 {
bottom: 0;
color: #FFFFFF;
font-family: Source Sans Pro,sans-serif;
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: sans-serif;
font-size: 22px;
text-align: center;
width: 100%;
letter-spacing: 0.30px;
color:#666666;
}
.event-count ul > li > p {
color: #777;
font-family: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
color: #888;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 10px;
padding: 15px 20px;
}

/* Signup Form */
.register-sec {
background-image: url("../images/resource/signup-bg.jpg");
background-size: 100% 100%;
}
.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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 15px;
letter-spacing: 0.3px;
margin: 0 auto;
padding: 10px 90px;
}
.submit-form > p {
color: #8B8B8B;
display: table;
float: none;
font-family: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 14px;
letter-spacing: 0.3px;
margin: 0;
line-height: 24px;

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;	
}
.features-parallex > li:hover > h3 {
margin-top: 0;
}
.features-parallex > li:hover > p {
margin-top: 13px;
margin-bottom: 0;
}


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

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

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

color: #fff;
float: left;
font-family: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 24px;
margin: 0;
width: 100%;
}
.award-timeline-box > h3 {
float: left;
font-family: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.3px;
margin: 1px 0 0 10px;
}
.form-margin > p {
color: #777777;
float: left;
font-family: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
padding: 13px 20px;
width: 50%;
}
.product-table > li > i {
color: #5B5B5B;
float: left;
font-family: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 14px;
letter-spacing: 0.3px;
line-height: 10px;
padding: 15px 25px;
}
.job-form-sec > a > i {
margin-right: 13px;
}



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

.time_circles {
position: relative;
width: 100%;
height: 100%;
}
.time_circles > div {
height: 122px;
position: absolute;
text-align: center;
top: 18% !important;
}
.time_circles > div > h4 {
bottom: 36px;
font-family: roboto;
font-size: 14px;
font-weight: 300;
left: 50%;
margin: 0 0 0 -25%;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 50%;
z-index: 1;

-webkit-border-radius: 0 0 50% 50%;
-moz-border-radius: 0 0 50% 50%;
-ms-border-radius: 0 0 50% 50%;
-o-border-radius: 0 0 50% 50%;
border-radius: 0 0 50% 50%;
}
.time_circles > div > span {
background:url("../images/timer-bg.png") no-repeat scroll -11px -9px rgba(0, 0, 0, 0);
color: #494949;
display: block;
font-family: roboto;
font-size: 300%;
font-weight: bold;
height: 100%;
left: 50% !important;
margin-left: -30%;
margin-top: 3px;
padding:35px 0 0;
position: absolute;
text-align: center;
width: 60%;
z-index: 0;
}
.comming-soon-slider #layerslider{
height:100%;
position:absolute;
}
.comming-soon-slider {
width:100%;
position: absolute;
left: 0;
top: 0;
z-index: -10000;
}
.comming-soon-page h1 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.57);
border-bottom: 1px solid #ACB0B6;
border-top: 1px solid #ACB0B6;
color: #FFFFFF;
display: table;
font-family: sans-serif;
font-size: 60px;
font-weight: 300;
margin: 50px auto;
padding: 30px 60px;

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

-webkit-animation: flash 5s infinite;	
-moz-animation: flash 5s infinite;	
-ms-animation: flash 5s infinite;	
-o-animation: flash 5s infinite;	
animation: flash 5s infinite;	
}
.comming-soon-page h2 {
color: #FFFFFF;
display: table;
font-family: roboto;
font-size: 30px;
font-weight: 300;
letter-spacing: 1px;
margin: 0 auto 40px;


-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: sans-serif;
font-size: 18px;
font-weight: 700;
margin: 40px auto 20px;
}
.comming-soon-page p {
color: #FFFFFF;
display: table;
font-family: sans-serif;
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: sans-serif;
font-size: 13px;
font-style: italic;
padding: 8px 15px;
width: 325px;

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

-webkit-box-shadow: 0 1px 3px #9A9A9A inset;
-moz-box-shadow: 0 1px 3px #9A9A9A inset;
-ms-box-shadow: 0 1px 3px #9A9A9A inset;
-o-box-shadow: 0 1px 3px #9A9A9A inset;
box-shadow: 0 1px 3px #9A9A9A inset;
}
.comming-soon-page form input[type="submit"] {
background: none repeat scroll 0 0 #58ca12;
border: 0 none;
color: #FFFFFF;
float: left;
font-family: roboto;
font-size: 18px;
font-weight: 400;
height: 34px;
margin-left: 10px;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.comming-soon-page .bottom-strip-simple p {
font-size: 13px;
margin: 0 auto;
}
.bottom-contact-bar p {
color:#939292;
font-family: Source Sans Pro,sans-serif;
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: Source Sans Pro,sans-serif;
font-size: 13px;
padding: 15px 0;
text-align: center;
width: 100%;
}


/* Footer */
footer {
background: none repeat scroll 0 0 #2c2f34;
border-top: 1px solid #ABABAB;
float: left;
width: 100%;
padding-bottom: 0 !important;
}
footer h3 {
color: #FFFFFF;
float: left;
font-family: sans-serif;
font-size: 19px;
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 {
    bottom: -1px;
    content: "";
    height: 2px;
left: 0;
position: absolute;
width: 50%;
}
footer p {
color: #ACACAC;
float: left;
font-family: sans-serif;
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: 40px;
}
.f-about-dastak > form {
float: left;
margin-top: 40px;
width: 100%;

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

overflow: hidden;

border: 1px solid #474647;
}
.f-about-dastak > form > input {
background: none repeat scroll 0 0 #303437;
border: medium none;
float: left;
height: 40px;
width: 80%;
font-family: sans-serif;
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: sans-serif;
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%;
}
.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: sans-serif;
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: sans-serif;
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: Source Sans Pro,sans-serif;
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: 15px;
}
.f-find-office > ul > li > i {
color: #ffffff;
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: sans-serif;
font-size: 13px;
color: #9da0a9;
line-height: 22px;
margin: 0;
}
.f-find-office > ul > li > p >a{
	color: #ffffff;
}
/* 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: sans-serif;
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: sans-serif;
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: #888787;
float: left;
font-family: sans-serif;
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: sans-serif;
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: sans-serif;
font-size: 12px;
color: #d3d2d2;
display: block;
margin-top: 20px;
}

/* Footer Bottom line */
.bottom-line {
background: none repeat scroll 0 0 #1D1D1D;
border-top: 2px solid #dddddd;
float: left;
margin-top: 30px;
width: 100%;
padding: 15px 0;
}
.bottom-line span {
color: #FFFFFF;
float: left;
font-family: sans-serif;
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: sans-serif;
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;
}


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


.side-panel-sec {
background: #fafafa;
left: -280px;
position: fixed;
top: 167px;
width: 280px;
z-index: 9999999;

-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
-ms-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
-o-box-shadow: 0px 0px 8px rgba(0,0,0,0.14);
box-shadow: 0px 0px 8px rgba(0,0,0,0.14);

-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.side-panel-sec:hover {
left: 0;
}
.side-panel-sec > a {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
margin-right: -50px;
background-color: #fafafa;
background-image: url('../images/setting.png');
background-size: 30px;
background-repeat: no-repeat;
background-position: 9px 9px;

-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-ms-border-radius: 0px 3px 3px 0px;
-o-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
}
.side-panel {
float: left;
position: relative;
width: 100%;
}
.color-schemes {
float: left;
width: 100%;
}
.color-schemes > h4 {
float: left;
width: 100%;
text-align: center;
font-family: Source Sans Pro,sans-serif;
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 #a5244d;
}


.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: Source Sans Pro,sans-serif;
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: sans-serif;
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: #a5244d;
}
.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;
}

@media (max-width: 767px) and (min-width: 361px){
.fixed-img {
    height: 70%;
}
.que-table {
overflow: scroll;
}
}

@media (min-width: 767px) and (max-width: 1378px) {
.f-testimonail {
    margin-left: 40px;
}
}