/*
  Theme Name: TopBiz - Responsive Corporate HTML5 Template
  Theme URL: http://themewar.com/html/topland
  Author: ThemeWar
  Author URI: http://www.themewar.com
  Description: Responsive Corporate HTML5 Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
    1. Home Page One
        i. Header Section
        ii. Slider Section
        iii. Testimonial Section
        iv. Feature Section
        v. Service Section
        vi. Portfolio Section
        vii. Fun Facts Section
        viii. Skill Section
        ix. Blog Section
        x. Subscribe Section
        xi. Footer Section
    2. Home Two
        i. Portfolio Section
        ii. Blog Section
    3. Home Three
        i. Portfolio Section
    4. Folio Page One
        i. Breadcrumb Section
        ii. Portfolio Section
    5. Folio Page Two
        i. Folio Section
    6. Folio Page Threee
        i. Portfolio Section
    7. Single Folio Page
        i. Portfolio Item Section
    8. Blog Sidebar Page
    9. Blog Grid Page
    10. Post Page
    11. About Page
        i. About Section
        ii. Team Section
    12. Member Page
        i. Member Section
        ii. Fun facts Section
        iii. Colleague Section
    13. 404 Page
        i. 404 Section
    14. Event Page
    15. Event Single Page
        i. Event Section
    16. Contact Page
        i. Map Section
        ii. Contact Section

==========================================================================*/
/*************************************************************************
***************************** Home Page One ******************************
***************************************************************************/
/************************ Header Section *******************************/

/************************ Service Section *******************************/

/***********************************************************************
*********************************** Home Two ***************************
***********************************************************************/
/************************ Portfolio Section *******************************/

.authorInfo {
    clear: both;
    display: table;
    width: 100%;
    margin-bottom: 78px;
}
.authImg {
    width: 270px;
    float: left;
}
.authorDesc {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 38px 40px 38px;
    width: 480px;
}
.authorDesc .topSocial{
    width: 100%;
    padding: 0;
    margin-top: 20px;
}
.authorDesc .topSocial ul{
    text-align: left;
}
.authorDesc .topSocial ul li:first-child a{
    margin-left: 0;
}
.authorDesc h3{
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 10px;
}
.authorDesc h6{
    font-size: 13px;
    text-transform: uppercase;
    color: #ee2c23;
    padding-bottom: 21px;
}
.commentsSection > h1 {
    font-size: 50px;
    margin-bottom: 48px;
}
.commentsSection ol > li{
    display: inline-block;
}
.commentsSection ol > li > ul > li .commenterImg{
    margin-left: 100px;
}
.commentsSection ol > li > ul > li{
    display: inline-block;
}
.commentsSection ol > li > ul > li .fullComment{
    width: 550px;
}
.commentsSection ol > li > ul > li > ul > li .commenterImg{
    margin-left: 200px;
}
.commentsSection ol > li > ul > li > ul > li{
    display: inline-block;
}
.commentsSection ol > li > ul > li > ul > li .fullComment{
    width: 450px;
}
.commenterImg{
    float: left;
    width: 80px;
}
.fullComment{
    float: left;
    margin-left: 20px;
    width: 650px;
}
.commentWrap{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.commentMeta{
    padding-bottom: 4px;
}
.commentMeta p{
    text-transform: uppercase;
    font-size: 13px;
    color: #404040;
    font-weight: 400;
}
.commentMeta a{
    text-transform: uppercase;
    font-size: 13px;
    color: #ee2c23;
    font-weight: 400;
    padding-top: 2px;
}
.commentMeta a:hover{
    color: #404040;
}
.commentForm{
    margin-top: 45px;
}
.commentForm h1{
    font-size: 50px;
    padding-bottom: 48px;
}
.commentForm form input{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #979797;
    float: left;
    font-size: 16px;
    font-style: italic;
    line-height: 0.8;
    padding: 9px 0 13px 20px;
    width: 370px;
}
.commentForm form input[type="text"]{
    margin-right: 10px;
}
.commentForm form textarea{
    width: 100%;
    height: 146px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #979797;
    font-size: 16px;
    font-style: italic;
    padding-left: 20px;
    padding-top: 10px;
    resize: none;
    margin-top: 10px;
}
.commentForm form button{
    background: transparent none repeat scroll 0 0;
    border: 2px solid #404040;
    color: #404040;
    display: inline-block;
    font-size: 13px;
    margin-top: 30px;
    padding: 22px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.commentForm form button:hover {
    background: #ee2c23 none repeat scroll 0 0;
    border-color: #ee2c23;
    color: #fff;
}
.calendarWidget{
    background: #fff none repeat scroll 0 0;
    padding: 26px 32px 0;
    width: 100%;
}
.calendarWidget table{
    width: 100%;
    border: 0px;
}
.calendarWidget table caption{
    font-size: 30px;
    font-weight: 700;
    color: #404040;
    text-align: center;
    padding-bottom: 25px;
}
.calendarWidget table tr th{
    font-size: 16px;
    line-height: .9;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 8px;
    color: #404040;
}
.calendarWidget table tr td{
    color: #979797;
    font-size: 16px;
    font-weight: 300;
    line-height: 0.9;
    padding: 5px 0 8px;
    text-align: center;
}
.calendarWidget table tr td.active{
    color: #ee2c23;
    font-weight: 700;
}
.calendarButton{
    width: 100%;
    margin-top: 23px;
    text-align: center;
}
.calendarButton a{
    width: 40px;
    height: 40px;
    background: #ee2c23;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    padding-top: 8px;
    display: inline-block;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.calendarButton a:first-child{
    margin-right: 7px;
}
.calendarButton a:hover{
    background: #404040;
}
/**************************************************************
***************************** About Page **********************
***************************************************************/
/************************ About Section *******************************/
.aboutImg {
    margin-bottom: 20px;
}
.featuresList{
    display: block;
    padding-top: 32px;
}
.featuresList li{
    border-bottom: 1px solid #f2f2f2;
    color: #404040;
    display: block;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 0 12px;
}
.featuresList li:before{
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 20px;
    padding-right: 15px;
    color: #ee2c23;
    display: inline-block;
}
.myAccordion .panel.panel-default{
    border-radius: 0;
    box-shadow: none;
    border-color: #f2f2f2;
    border: none;
}
.myAccordion .panel-default .panel-heading{
    padding: 0;
    color: #fff;
    border:none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: none;
}
.myAccordion .panel-title a{
    background:#755ebd;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 12px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.myAccordion .panel-title a.collapsed{
    background: #404040;
    transition: all 700ms ease-in-out;
    -webkit-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
}
.myAccordion .panel-title a.collapsed:hover{
    background: #ee2c23;
}
.myAccordion .panel-title a:after{
    background: url("../index.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 1px;
    position: absolute;
    right: 50px;
    top: 19px;
    width: 11px;
}
.myAccordion .panel-title a.collapsed:after{
    background: url("../index.html") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 11px;
    position: absolute;
    right: 50px;
    top: 15px;
    width: 11px;
}
.myAccordion .panel-body{
    padding: 30px 25px 30px 25px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #f2f2f2;
}
.myAccordion .panel-body p{
    margin-bottom:8px;
}
.myAccordion.panel-group .panel + .panel {
    margin-top: 9px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent !important;
}
/************************ Team Section *******************************/
.teamArea {
    background: rgba(0, 0, 0, 0) url("../images/diagonal.png") repeat scroll center center;
}
.teamArea.commonSection{
    padding-bottom:40px;
}
.teamArea:after {
    /*background: rgba(0, 0, 0, 0) url("../images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 4px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;*/
}
.teamDetails {
    background: #fff none repeat scroll 0 0;
    padding: 38px 35px 40px;
}
.teamDetails h3 {
    font-size: 30px;
    padding-bottom: 10px;
}
.teamDetails h5 {
    color: #ee2c23;
    font-size: 13px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.teamDetails .topSocial{
    width: 100%;
    padding: 0;
    margin-top: 24px;
}
.teamDetails .topSocial ul{
    text-align: center;
}
#teamCarousel .carousel-indicators {
    bottom: -72px;
}
#teamCarousel .carousel-indicators li:hover,
#teamCarousel .carousel-indicators li.active {
    background-color: transparent;
    border-width: 2px;
    height: 14px;
    width: 14px;
    position: relative;
    top: 2px;
}
#teamCarousel .carousel-indicators li {
    background-color: #404040;
    border: 1px solid #404040;
    border-radius: 50%;
    margin: 1px 10px;
}
/**********************************************************************
***************************** Member Page *****************************
***********************************************************************/
/************************ Member Section *******************************/
.memberArea.commonSection{
    padding-bottom: 190px;
}
.memberArea:after {
    background: rgba(0, 0, 0, 0) url("../images/rectangle/testi.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.memberImg{
    float: left;
    width: 560px;
}
.memberDetails{
    border-color: #f2f2f2;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    padding: 38px 40px 35px;
    width: 580px;
}
.memberDetails h3 {
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 5px;
}
.memberDetails p{
    margin: 15px 0 20px;
}
.memberMeta li{
    color: #404040;
    display: block;
    padding: 11px 0;
    font-weight: 300;
    font-size: 20px;
}
.memberMeta li:nth-child(2n) {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}
.memberMeta li i{
    display: inline-block;
    color: #ee2c23;
    font-size: 20px;
}
.memberMeta li span{
    font-weight: 700;
    display: inline-block;
    padding: 0 10px;
}
.memberDetails .topSocial{
    width: 100%;
    padding: 0;
    margin-top: 27px;
}
.memberDetails .topSocial ul{
    text-align: left;
}
/************************ Fun facts Section *******************************/
.funFactArea.memberPage{
    background: rgba(0, 0, 0, 0) url("../index.html") no-repeat scroll center center / cover ;
}
.memberPage:after {
    background: rgba(0, 0, 0, 0) url("../index.html") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.memberPage .allFacts {
    position: relative;
    z-index: 2;
}
.memberPage .singleFacts h1 {
    color: #fff;
}
.memberPage .overlay{
    background: rgba(64, 64, 64, 0.75);
}
/************************ Colleague Section *******************************/
.colleagueArea{
    background: rgba(0, 0, 0, 0) url("../images/diagonal.png") repeat scroll center center;
}
.colleagueArea:after {
    background: rgba(0, 0, 0, 0) url("../images/rectangle/blog.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
/**********************************************************************
*************************** 404 Page **********************************
***********************************************************************/
/************************ 404 Section *******************************/
.fourZeroArea{
    position: relative;
    padding: 183px 0 115px;
    background: rgba(0, 0, 0, 0) url("../images/diagonal.png") repeat scroll center center;
}
.fourZeroArea:after {
    background: rgba(0, 0, 0, 0) url("../images/rectangle/blog.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 10px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
.fourZeroArea h1{
    font-size: 250px;
    color: #ee2c23;
}
.fourZeroArea h2{
    border-bottom: 1px solid #f2f2f2;
    color: #404040;
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 20px;
    padding: 45px 70px 29px;
    text-transform: uppercase;
}
.fourZeroArea p{
    font-size: 20px;
    margin: 0 auto;
    width: 35%;
}
/*********************************************************************
*************************** Event Page *******************************
**********************************************************************/
.singleEvents{
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    padding-left: 310px;
    position: relative;
    width: 100%;
}
.eventThumb{
    width: 100%;
    position: absolute;
    width: 270px;
    /*height: 270px;*/
    left: 0px;
    top: 0px;
}
.eventThumb img{
    width: 100%;
    height: auto;
}
.eventDet{
    padding-bottom: 42px;
    padding-right: 40px;
    padding-top: 38px;
    position: relative;
    width: 100%;
}
.eventDet h4{
    margin-bottom: 20px;
}
.eventDet h4 a{
    font-size: 20px;
	line-height:25px;
    font-weight: 300;
    color: #404040;
}
.eventDet h4 a:hover{
    color: #ee2c23;
}
.evMeta{
    border-top: thin solid #f2f2f2;
    margin-top: 20px;
    padding-top: 25px;
    width: 100%;
}
.evMeta p{
    display: inline-block;
    position: relative;
    font-size: 13px;
    color: #404040;
    text-transform: uppercase;
    font-weight: 400;
}
.evMeta p i{
    color: #ee2c23;
    font-size: 20px;
    left: 0;
    margin-right: 6px;
    position: absolute;
}
.evMeta p.dat{
    padding-left: 30px;
    margin-right: 20px;
}
.evMeta p.van{
    padding-left: 25px;
}
.loadMoreArea{
    text-align: left;
}
/*********************************************************************
***************************** Event Single Page **********************
**********************************************************************/
/************************ Event Section *******************************/
.blogSidebarArea.singleEventPage:after{
    left: 9px;
}
.eventSinglePost{
    background: #fff;
    padding: 38px 50px 45px;
    margin-bottom: 30px;
}
.eventSinglePost .blogCategory{
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 9px 0;
}
.postPage .eventSinglePost .blogPostContent h5{
    border-bottom: 0 none;
    padding: 30px 0 0;
}
/********************************************************************
************************* Contact Page ******************************
********************************************************************/
/************************ Map Section *******************************/
.mapArea{
    position: relative;
}
.mapArea:after {
    background: rgba(0, 0, 0, 0) url("../index.html") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;
}
#map{
    height: 600px;
    width: 100%;
}
/************************ Contact Section *******************************/
.contactArea{
    background: rgba(0, 0, 0, 0) url("../images/diagonal.png") repeat scroll center center;
}
.contactArea:after{
    /*background: rgba(0, 0, 0, 0) url("../images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: 5px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;*/
}
.contactForm h1{
    font-size: 50px;
    padding-bottom: 80px;
}
.contactForm h1 span{
    font-weight: 300;
}
.contactForm form input.reqError,.contactForm form textarea.reqError{
    border-color: #ee2c23;
}
.contactForm form input{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a5a5a5;
    color: #000;
    float: left;
    font-size: 16px;
    line-height: 0.8;
    padding: 9px 0 13px 20px;
    /*width: 370px;*/
	width:100%;
	margin-bottom:10px;
}
.contactForm form input[type="text"]{
    margin-right: 10px;
}
.contactForm form textarea{
    width: 100%;
    height: 146px;
    border: 1px solid #a5a5a5;
    background: #fff;
    color: #000;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 10px;
    resize: none;
    margin-top: 10px;
}
.contactForm form button{
    background: transparent none repeat scroll 0 0;
    border: 2px solid #404040;
    color: #404040;
    display: inline-block;
    font-size: 13px;
    margin-top: 30px;
	margin-right:25px;
    padding:10px 25px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
    font-weight: 400;
}
.contactForm form button:hover {
    background: #ee2c23 none repeat scroll 0 0;
    border-color: #ee2c23;
    color: #fff;
}

/*====================== New Home1 ========================*/
.caroselArea{
    margin-top: 115px;
}
.singleCaros {
    width: 100%;
}
.slick-list {
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.singleCaros {
    height: auto;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleCaros img{
    margin: 60px 0;
}
.center .slick-center img {
    color: #e67e22;
    opacity: 1;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.singleCaros.slick-slide.slick-current.slick-active.slick-center{
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 9;
}
.slick-prev.slick-arrow {
    background: #404040;
    border: 0 none;
    bottom: -95px;
    display: inline-block;
    height: 40px;
    left: -50px;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: auto;
    width: 40px;
    z-index: 10;
    margin: 0 auto;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.slick-next.slick-arrow {
    background: #404040;
    border: 0 none;
    bottom: -95px;
    display: inline-block;
    height: 40px;
    left: 0;
    padding: 0;
    position: absolute;
    right: -50px;
    text-indent: -9999px;
    top: auto;
    width: 40px;
    z-index: 10;
    margin: 0 auto;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.slick-prev.slick-arrow:before{
    content: "\f104";
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    left: 16px;
    position: absolute;
    text-indent: 0;
    top: 9px;
    text-indent: 0;
}
.slick-next.slick-arrow:before{
    content: "\f105";
    color: #fff;
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 16px;
    text-indent: 0;
    top: 9px;
    text-indent: 0;
}
.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover{
    background: #ee2c23;
}
.testimonialFirstHome{
    display: table;
    clear: both;
    width: 100%;
    margin-top: 210px;
}
.testimonialFirstHome .singleTesti h2 {
    font-size: 60px;
}
.testimonialFirstHome .quotation {
    font-size: 30px;
    line-height: 1.2;
    padding-top: 40px;
}
.testimonialFirstHome .quotation:before {
    top: 32px;
    color: #ee2c23;
    left: -6px;
}
.testimonialFirstHome .quotation:after {
    top: 32px;
    color: #ee2c23;
}
.clientTestiImg{
    width: 70px;
    margin: 44px auto 0;
}
.clientTestiImg img {
    border-radius: 50%;
}
.testimonialFirstHome .name{
    padding-top: 18px;
}
.featureArea.firstHome:after{
    left: 10px;
}
/*====================== Tabs Section ========================*/
.tabsGroupArea {
    background: rgba(0, 0, 0, 0) url("../images/diagonal.png") repeat scroll center center;
    position: relative;
}
.tabsGroupArea:after {
    /*background: rgba(0, 0, 0, 0) url("../images/rectangle/feature.png") no-repeat scroll center center;
    bottom: -40px;
    content: "";
    height: 40px;
    left: -2px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 80px;
    z-index: 1;*/
}
.tabsContent{
    background: #fff;
}
.tabNavs{
    width: 100%;
    clear: both;
    display: table;
    margin-bottom: 35px;
}
.tabNavs li{
    border-top: 10px solid transparent;
    padding: 30px 0;
    float: left;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
.tabNavs li a{
    border-right: 1px solid #e5e5e5;
    color: #404040;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    padding: 0 74px 10px;
}
.tabNavs li:last-child a{
    border-right: 0;
}
.tabNavs li.active{
    border-color: #ee2c23;
}
.tabNavs li a span{
    font-size: 24px;
    color: #ee2c23;
    display: block;
    padding: 10px 0 13px;
}
.singleTabContent{
    margin-bottom: 30px;
}
.singleTabContent h2{
    font-size: 30px;
    color: #ee2c23;
    font-weight: 300;
    padding-bottom: 10px;
}
.aboutTabImg {
    height: 439px;
    margin: 0 auto;
    position: relative;
    width: 458px;
}
.aboutTabImg > img {
    left: -25px;
    position: absolute;
    top: -4px;
}
.posRele{
    position: relative;
}
.allFeatureBtn {
    background: #ee2c23;
    bottom: 60px;
    color: #fff;
    font-size: 13px;
    left: 0;
    margin: 0 auto;
    padding: 23px 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: auto;
    width: 170px;
}
.allFeatureBtn:hover {
    background: #404040;
    color: #fff;
}
.singleTestiImg {
    width: 110px;
    margin: 0 auto;
}
.singleTestiImg img{
    border-radius: 50%;
}
#testiCarousel .carousel-indicators li {
    background-color: #404040;
    border: 1px solid #404040;
    border-radius: 50%;
    margin: 1px 10px;
}
#testiCarousel .carousel-indicators li:hover, #testiCarousel .carousel-indicators li.active {
    background-color: transparent;
    border-width: 2px;
    height: 14px;
    position: relative;
    top: 2px;
    width: 14px;
}
#testiCarousel .quote{
    padding-bottom: 115px;
}
#testiCarousel .carousel-indicators {
    bottom: 50px;
}
#testiCarousel .quotation:before{
    left: 0;
}
#testiCarousel .quotation:after{
    right: 0;
}
.tabsGroupArea .subsForm {
    padding-bottom: 40px;
}
/*====================== Color Preset ========================*/
.presetArea {
    background: #404040 url("../index.html") repeat scroll center center;
    height: 570px;
    left: -290px;
    padding: 0 0 0 40px;
    position: fixed;
    top: 120px;
    width: 290px;
    z-index: 9991;
}
.switch {
    background: none repeat scroll 0 0 #ee2c23;
    color: #fff;
    padding: 12px 0 12px 40px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 100%;
}
.switch h5 {
    font-size: 20px;
    padding: 0;
    color: #fff;
}
.switch h5 span{
    font-weight: 300;
}
.switch a {
    background: none repeat scroll 0 0 #ee2c23;
    color: #fff;
    font-size: 24px;
    height: 40px;
    padding-top: 6px;
    position: absolute;
    right: -40px;
    text-align: center;
    top: 0;
    width: 40px;
}
.switch a:hover, .switch a.active{
    color: #404040;
}
.switch a:focus {
    color: #fff !important;
}
.accentColor {
    background: #404040 none repeat scroll 0 0;
    left: 0;
    padding: 25px 20px 17px 40px;
    position: absolute;
    top: 40px;
    width: 100%;
}
.psTitle {
    color: #fff;
    font-size: 16px;
    line-height: 17px;
    margin: 0 0 18px;
    text-align: left;
}
.psTitle span {
    display: inline-block;
    font-weight: 300;
    width: 100%;
}
.accentColor a {
    background: #ee2c23 none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 30px;
    margin-bottom: 11px;
    margin-right: 11px;
    position: relative;
    width: 30px;
    opacity: 1;
}
.accentColor a:hover{
    opacity: .5;
}
.accentColor a.color2 {
    background: #f9dd80;
}
.accentColor a.color3 {
    background: #68c8c6;
}
.accentColor a.color4 {
    background: #e27647;
}
.accentColor a.color5 {
    background: #a59a61;
}
.accentColor a.color6 {
    background: #cd6dc7;
}
.accentColor a.color7 {
    background: #df7193;
}
.accentColor a.color8 {
    background: #00abef;
}
.accentColor a.color9 {
    background: #507cbe;
}
.accentColor a.color10 {
    background: #89b927;
}
.colorChem {
    left: 0;
    padding-left: 50px;
    position: absolute;
    top: 223px;
    width: 100%;
}
.colorChem a {
    background: #fff none repeat scroll 0 0;
    color: #404040;
    display: inline-block;
    font-family: Lato;
    font-size: 11px;
    font-weight: 400;
    height: 30px;
    line-height: 1;
    margin-right: 6px;
    padding-top: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 90px;
}
.colorChem a.dark{
    color: #fff;
    border: 1px solid #fff;
    background: #404040;
}
.colorChem a:hover {
    color: #ee2c23;
}
.colorChem a:last-child {
    margin-right: 0;
}
.layoutstyle {
    background: #404040 none repeat scroll 0 0;
    left: 0;
    padding: 26px 0 30px 40px;
    position: absolute;
    top: 320px;
    width: 100%;
}
.layoutstyle .psTitle{
    margin-bottom: 15px;
}
.layoutstyle a {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    text-align: center;
}
.layoutstyle a img {
    float: left;
    height: 26px;
    margin-right: 10px;
    width: 28px;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.normalLay,.hoverLay {
    position: absolute;
    left: 0;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
.hoverLay{
    opacity: 0;
    visibility: hidden;
}
.layoutstyle a:hover .hoverLay,
.layoutstyle a.active .hoverLay{
    opacity: 1;
    visibility: visible;
}
.layoutstyle a:hover .normalLay,
.layoutstyle a.active .normalLay{
    opacity: 0;
    visibility: hidden;
}
.layoutstyle a span{
    color: #979797;
    float: left;
    font-family: "Lato",sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    margin-top: 7px;
    text-transform: uppercase;
    padding-left: 35px;
}

.patterns {
    width: 100%;
    background: transparent;
    position: absolute;
    top: 455px;
    left: 0;
    padding-left: 50px;
}
.patterns a {
    background: #404040 none repeat scroll 0 0;
    border-radius: 50%;
    float: left;
    height: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    width: 30px;
}
.patterns a:last-child {
    margin-right: 0;
}

.patterns a.bg1 {
    background: url("../index.html") repeat scroll center center #fff;
}
.patterns a.bg2 {
    background: url("../index.html") repeat scroll center center #fff;
}
.patterns a.bg3 {
    background: url("../index.html") repeat scroll center center #fff;
}
.patterns a.bg4 {
    background: url("../index.html") repeat scroll center center #fff;
}
.patterns a.bg5 {
    background: url("../index.html") repeat scroll center center #fff;
}
/************** Loader Css ********/
.loaderWrap{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    background: #ee2c23;
    top: 0;
    z-index: 99999;
}
#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#loader .diamond {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    background: #fff;
    -webkit-transform: translateY(0) rotate(45deg) scale(0);
    -ms-transform: translateY(0) rotate(45deg) scale(0);
    transform: translateY(0) rotate(45deg) scale(0);
    -webkit-animation: diamonds 1500ms linear infinite;
    animation: diamonds 1500ms linear infinite;
}
#loader .diamond:nth-child(1) {
    -webkit-animation-delay: -1000ms;
    animation-delay: -1000ms;
}
#loader .diamond:nth-child(2) {
    -webkit-animation-delay: -2000ms;
    animation-delay: -2000ms;
}
#loader .diamond:nth-child(3) {
    -webkit-animation-delay: -3000ms;
    animation-delay: -3000ms;
}
#loader .diamond:nth-child(4) {
    -webkit-animation-delay: -4000ms;
    animation-delay: -4000ms;
}

@-webkit-keyframes diamonds {
    50% {
        -webkit-transform: translateY(-50px) rotate(45deg) scale(1);
        transform: translateY(-50px) rotate(45deg) scale(1);
    }
    100% {
        -webkit-transform: translateY(-100px) rotate(45deg) scale(0);
        transform: translateY(-100px) rotate(45deg) scale(0);
    }
}

@keyframes diamonds {
    50% {
        -webkit-transform: translateY(-50px) rotate(45deg) scale(1);
        transform: translateY(-50px) rotate(45deg) scale(1);
    }
    100% {
        -webkit-transform: translateY(-100px) rotate(45deg) scale(0);
        transform: translateY(-100px) rotate(45deg) scale(0);
    }
}




.button____ {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 14px;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#ee2c23));
    background: -moz-linear-gradient(top, #ff4a4a, #ee2c23);
    background: linear-gradient(to bottom, #ff4a4a, #ee2c23);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 17px arial;
    color: #ffffff;
    text-decoration: none;
}
.button____:hover,
.button____:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.button____:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}



#slider1_container img { margin-right:5px !important;}
#slider1_container____123 { /*top:85px !important;*/}


.hdr_menu_fixed_prd { display:none; position:fixed !important; width:100%; height:100%; top:87px; /*top:95px;*/ z-index:9999999999999; background:#fff; border-top:1px solid #ccc; }
.hdr_menu_prd_a {}
/*.hdr_menu_prd_a:hover .hdr_menu_fixed_prd { display:block;}*/


.clr { clear:both;}
.color_red { color:#ee2c23;} 
.font_18 { font-size:18px;}
.upr_case { text-transform:capitalize;}

.prd_features { padding-top:5px; }
.prd_features li { font-size:13px; font-weight:normal; padding:5px 0px;}


#lets_talk_with_arrow{display:block;position:fixed;top:0px;right:-2px;overflow:hidden;z-index:99999999999;border:2px solid #ee2c23;padding:0px;text-align:center;border-radius:3px;background:#172d42;opacity:.9;color:#FFF;}
#lets_talk_with_arrow:hover{background:#e95203;}

.clnt_logo_img { width:auto; height:50px; border:1px solid #CCCCCC; margin-right:25px; }
#header_email_phone_ul { margin:5px 30px 0px 0px; font-size:14px; line-height:25px; text-align:center; }
#pull_right____123 { width:auto;}

.our_clients_logo_div {}
.our_clients_logo_div ul li img { width:auto; height:50px; border:1px solid #CCCCCC; margin-right:20px;}


#home_four_box___ { }
#home_four_box___ .home4box____ {  }
#home_four_box___ img { max-height:180px; max-width:240px; border:1px solid #333;}
#home_four_box___ h3 { margin:10px 0px; font-size:18px; }
#home_four_box___ p { margin:5px 0px; min-height:50px; }

.show_onmobile { display:none;}
#sldr_top_mrgn { width:100%; top:75px !important;}

#dhr_pull_left { width:84%; /*float:right !important; margin-right:60px; */}






@media screen and (min-width: 150px) and (max-width:650px) 
{
	.hdr_menu_fixed_prd .potCategory { text-align:left !important; min-height:50px !important;}
	.hdr_menu_fixed_prd .potCategory a { font-size:9px !important; line-height:12px;}
	.home4box____ .featureImg { width:100% !important;}
	.home4box____ img { width:100% !important; height:100px !important;}
	.featureContent { top:0px !important;}
	.show_onmobile { display:block;}
}


@media screen and (min-width: 150px) and (max-width:750px) 
{
.featureContent { top:80px; height:155px;}
#dhr_pull_left { width:100% !important; float:left !important; }
.hdr_menu_fixed_prd { padding-top:100px !important;}
.hdr_menu_fixed_prd .text-center { text-align:left !important;}
.hdr_menu_fixed_prd .potCategory { text-align:left !important; min-height:5px !important;}
.breadLink { display:none;}
.left_nav_for_hide { display:none;}
}


@media screen and (min-width: 150px) and (max-width:900px) 
{
	
	#sldr_top_mrgn { width:100%; top:0px !important;}
	
	.blogSidebarArea { margin-top:0px !important;}
	.portfolioArea.commonSection.folioPage2 { margin-top:0px;}
	
	.hdr_menu_fixed_prd { padding-top:30px !important;}
	.hdr_menu_fixed_prd .text-center { min-height:150px;}
	.hdr_menu_fixed_prd .folioImg2 img { width:100%; height:80px;}
	.hdr_menu_fixed_prd .potCategory { line-height:5px; text-align:center;}
	.hdr_menu_fixed_prd .potCategory a { font-size:10px; line-height:14px; text-align:center;}
	#pull_right____123 {    width: 100%; float: none; margin: 0 auto;}
	#header_email_phone_ul { margin-top:9px; text-align:center; line-height:20px !important;}
	
	.clnt_logo_img { width:auto; height:50px; border:1px solid #CCCCCC; margin:0px 5px 5px 0px; }
	#teamCarousel .carousel-indicators { bottom:30px; }
	
	#slider1_container____123 { top:0px !important;}
	.featureArea { top:0px; }
	.home4box____ { height:250px;}

	
}




@media screen and (min-width: 150px) and (max-width:1200px) 
{
#home_four_box___ h3 { margin:10px 0px; font-size:16px; } 
#home_four_box___ img { min-height:150px !important; max-height:150px !important; border:1px solid #333;}
#sldr_top_mrgn { height:90px;}
}