/*

  Theme Name: Cargo Pifour - Logistic and Transportation HTML Template

  Theme URL: themewar.com/html/pifour/

  Author: ExpandTHeme

  Author URI: http://themeforest.net/user/expandtheme

  Description: Cargo Pifour

  Version: 1.0

*/



/*=======================================================================

[Table of contents]

=========================================================================

[01] Home One

    1. Header Topbar

    2. Header Middle

    3. Header

    4. Slider

    5. News

    6. Services

    7. FaqContSec

    8. News two

    9. Client

    10. Footer

    11. Back TO top



[02] Home Two

    1. Services

    2. Service we offer

    3. Gallary

    4. our latest news

    5. Testmonial



[03] Home Three

    1. Services3

    2. Services4

    3. About Company

    4. Testomonial2

    5. News3

    5. Client3



[04] About Page

    1. breadCrump

    2. Team

[05] About Page2

[06] Services Page

[07] Services Details

[08] Blog Page

[09] Blog Details

[10] Contact Page

[11] 404 Page







==========================================================================*/



/*=======================================================================

// Home One

=========================================================================*/



/**==================== Header Topbar ======================**/

.headerTopbar {

    background: #e79946;

    padding: 7px 0;

}

.headTOpinfo {

    margin: 12px 0 0;

    line-height: .8;

    font-size: 12px;

    color: white;

}

.language,

.rightheaderlink{

    display: inline-block;

    line-height: .8

}

.rightheaderlink a{

    font-size: 12px;

    color: #939393;

    margin-left: 18px;

}

.rightheaderlink a:hover{

    color: #006db7;

}

.language{

    margin-left: 20px;

    position: relative;

}

.currentFlg{

    display: inline-block;

    color: #939393;

    font-size: 11px;

}

.currentFlg img{

    margin-right: 2px;

}

.currentFlg i{

    margin-left: 2px;

}

.flagList {

    background: #ffffff;

    border: 1px solid #f1f1f1;

    display: none;

    left: auto;

    margin: auto;

    position: absolute;

    right: 0;

    text-align: left;

    top: 26px;

    width: 105px;

    z-index: 1;

}

.flagList li {

    padding: 7px 5px 7px 30px;

    position: relative;

    text-transform: capitalize;

}

.flagList li img{

    margin-right: 5px;

    position: absolute;

    left: 8px;

    top: 5px;

}

.flagList li a {

    display: block;

    font-size: 12px;

}

.flagList li:hover {

    background: #006db7;

}

.flagList li:hover a {

    color: #fff;

}

.currentFlg.active{

    color: #006db7;

}

/**==================== Header Middle ======================**/



.headerMiddle {

    padding: 20px 0px;

}

.headerMRightinfo{}

.singlehmib{

    display: inline-block;

    position: relative;

    padding-left: 45px;

    text-align: left;

    margin-left: 47px;

    position: relative;

    padding-top: 5px;

}

.singlehmib:after {

    content: '';

    left: -27px;

    width: 1px;

    height: 62px;

    background: #e8e8e8;

    position: absolute;

    top: 0;

}

.singlehmib:first-child:after{

    background: transparent;

}

.singlehmib i {

    font-size: 25px;

    color: #e59c40;

    position: absolute;

    left: 0;

    top: 3px;

}

.singlehmib i.fa-mobile-phone{

    font-size:30px;

    left: 13px;

}

.singlehmib h2{

    font-size: 13px;

    color: #262f36;

    font-weight: 400;

    margin-bottom: 7px;

}

.singlehmib h4 {

    /* line-height: .8; */

    margin: 0;

    color: #b3b3b3;

    font-size: 14px;

    font-weight: 400;

    padding-bottom: 1px;

}



/**==================== Header ======================**/

.header{

    background: #262f36;

}

.header.fixedHeader{

    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    width: 100%;

    z-index: 999;

}

.mainnav ul{

    line-height: .8

}

.mainnav ul li {

    display: inline-block;

    margin-right: 28px;

    margin-top: 20px;

    padding-bottom: 21px;

    position: relative;

}

.mainnav ul li::after {

    background: #40484e;

    content: "";

    height: 28px;

    left: -19px;

    position: absolute;

    top: -8px;

    width: 1px;

}

.mainnav ul li:first-child::after,

.mainnav ul ul.sub-menu li:after{

    background: transparent;

} 

.mainnav ul li a{

    display: block;

    color: #fff;

    font-size: 13px;

    line-height: .8;

    text-transform: uppercase;

    font-weight: 700;

    font-family: 'Lato', sans-serif;

}

.mainnav ul li:hover > a,

.mainnav ul li.active a{

    color: #006db7;

}

.mainnav ul ul.sub-menu {

    background: #222;

    left: 0;

    opacity: 0;

    right: 0;

    margin: auto;

    position: absolute;

    top: 50px;

    visibility: hidden;

    width: 340px;

    z-index: 100;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

    margin-top: -6px;

}

.mainnav ul li:hover ul.sub-menu{

    top: 37px;

    opacity: 1;

    visibility: visible;

}

.mainnav ul ul.sub-menu li {

    border-bottom: 1px solid #333;

    display: block;

    margin: 20px 20px 0px 20px ;

    padding-bottom: 20px;

}

.mainnav ul ul.sub-menu li:last-child{

    border-bottom: none;

}

.mainnav ul ul.sub-menu li a{

    color: #fff;

    font-size: 13px;

    text-transform: capitalize;

    font-weight: 400;

}

.mainnav ul ul.sub-menu li a:hover{

    color: #006db7;

}

.socialmedia{

    background: #313c45;

    padding-left: 15px;

    margin-left: 15px;

}

.socialmedia a {

    color: #fff;

    display: inline-block;

    font-size: 13px;

    padding: 19px 12px;

}

.socialmedia a:hover ,

.headerSeacBtn:hover{

    color: #006db7;

}

.headerSeacBtn {

    background: #3b464f;

    color: #fff;

    display: block;

    font-size: 14px;

    left: auto;

    padding: 19px 25px;

    position: absolute;

    right: 15px;

    top: 0;

}

.searchMe {

    bottom: 0;

    display: none;

    height: 16px;

    position: absolute;

    top: 0;

    width: 100%;

}

.searchMe form{

    position: relative;

}

.searchMe input {

    background: #313c45;

    border: medium none;

    height: 68px;

    margin: 0;

    padding: 0;

    width: 90%;

    padding: 0 60px 0 20px;

    position: relative;

    right: 15px;

    outline: none;

}

.searchMe button {

    position: absolute;

    right: 0;

    top: 0;

    background: transparent;

    display: none;

}

.searchMe a.cluseSearch {

    background: #3B464F;

    position: absolute;

    right: 30px;

    top: 0;

    padding: 20px 26px;

    color: #fff;

    height: 68px;

}

/**==================== Slider ======================**/

.sliderSection{

    position: relative;

    margin: auto;

    width: 100%;

    background: #524F4A;

}

.sliderSection .tp-banner{

    width: 100%;

    height: 710px;

    position: relative;

    overflow: hidden;

}

.tp-bannertimer {

    display:none;

}

.tparrows.default.round{

    background: rgba(0, 0, 0, .5);

    border-radius: 2px;

    -webkit-transition:all 500ms ease;

    -moz-transition:all 500ms ease;

    -ms-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    transition:all 500ms ease;

}

.tparrows.default.round:hover{

    background: #000;

}

.tp-leftarrow.default.round{

    position: relative;

}

.tp-leftarrow.default.round:before{

    position: absolute;

    content: '\f104';

    font-family: 'FontAwesome';

    left: 0;

    padding: 6px 16px;

    color: #fff;

    font-size: 20px;

}

.tp-rightarrow.default.round:after{

    position: absolute;

    content: '\f105';

    font-family: 'FontAwesome';

    left: 0;

    padding:6px 16px;

    color: #fff;

    font-size: 20px;

}

.tp-leftarrow.tparrows.default.round {

    left: 235px !important;

    top: 50% !important;

}

.tp-rightarrow.tparrows.default.round {

    right: 235px !important;

    top: 50% !important;

}

.tparrows.default.round.hidearrows, 

.tp-bullets.simplebullets.hidebullets {

    display: block !important;

    opacity: 1 !important;

}

.revCont h1{

    color: #fff;

    font-size: 40px;

    text-transform: uppercase;

    font-weight: 900;

}

.revCont h2{

    font-size: 28px;

    color: #fff;

    font-weight: 700;

}

.revCont p{

    font-size: 14px;

    font-weight: 400;

    color: #fff;

}

.revBtn a.pifourBtn{

    margin-right: 10px;

}



/**==================== News ======================**/

.companyFeacture{

    padding-top: 60px;

    padding-bottom: 60px;

}

.singleNews{

    margin-bottom: 15px;

}

.newsImg{

    margin-bottom: 22px;

}

.newsImg img{

    width: 100%;

    height: auto;

}

.newsTitle{

    font-size: 20px;

    line-height: 30px;

    color: #313c45;

    font-weight: 900;

    margin-bottom: 14px;

}

.newsTitle a{

    color: #313c45;

}

.newsTitle a:hover{

    color: #006db7;

}

.newsDec{

    margin-bottom: 33px;

}

/**==================== Services ======================**/

.serviceSec1{

    padding-top: 80px;

    padding-bottom: 70px;

}

.singleSer{

    background: #fff;

    padding: 25px 25px 15px;

    margin-bottom: 60px;

    width: 100%;

}

.singleSer i{

    width: 70px;

    height: 70px;

    border-radius: 50%;

    display: inline-block;

    border: 1px solid #c1c4c7;

    font-size: 28px;

    color: #006db7;

    line-height: .8;

    padding: 25px 20px;

    margin-bottom: 18px;

}

.singleSer h2{

    font-size: 16px;

    color: #000;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 9px;

}

.owl-theme .owl-dots {

    text-align: center;

    line-height: .8;

}

.owl-theme .owl-dots .owl-dot span {

    background: transparent none repeat scroll 0 0;

    border: 1px solid #006db7;

    border-radius: 50%;

    display: block;

    height: 10px;

    margin: 0 5px;

    width: 10px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}

.owl-theme .owl-dots .owl-dot.active span, 

.owl-theme .owl-dots .owl-dot:hover span {

    background: #006db7;

}

/**==================== FaqContSec ======================**/

.tesFaqSec{

    padding-top: 75px;

    padding-bottom: 80px;

}

#testcarosel{

    border: 1px solid #e7e7e7;

    padding: 15px 20px 30px;

}

.testmoCont p{

    color: #6f6f6f;

}

.testmoDeg{}

.testmoDeg h4{

    font-size: 16px;

    text-transform: uppercase;

    color: #000;

    margin-bottom: 7px;

}

.testmoDeg h6{

    text-transform:capitalize;

    font-size: 14px;

    color: #acacac;

    font-weight: 400;

    line-height: 15px;

}

.testmoCont {

    border-bottom: 1px solid #e7e7e7;

    margin-bottom: 23px;

    padding-bottom: 5px;

}

.owl-theme .owl-nav {

    bottom: 25px;

    margin-top: 0;

    position: absolute;

    right: 18px;

    text-align: center;

}

.owl-theme .owl-nav [class*="owl-"] {

    background: #006db7;

    border-radius: 3px;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    margin: 0;

    padding: 3px 7px;

    width: 35px;

    height: 35px;

    margin-right: 6px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}

.owl-theme .owl-nav i{

    font-weight: 900;

}

.owl-theme .owl-nav [class*="owl-"]:hover{

    background: #333;

}

.faqaccordion .panel-group{

    margin-bottom: 0;

}

.firstfaq{

    min-height: 0 !important;

}

.firstfaq a{

    margin-top: 0 !important;

}

.singFaq{

    box-shadow: none;

    border-bottom: 1px solid #dedede;

    margin: 0 !important;

    min-height: 55px;

}

.singFaq a {

    color: #000000;

    display: block;

    font-size: 16px;

    font-weight: 600;

    line-height: 0.8;

    margin: 20px 13px 20px 15px;

    position: relative;

    padding-right: 20px;

}

.singFaq a.active{

    color: #006db7;

}

.singFaq i{

    font-size: 11px;

    position: absolute;

    right: 0;

    color: #fff;

    width: 25px;

    height: 25px;

    background: #313c45;

    text-align: center;

    line-height: .8;

    padding: 9px 7px;

    top: -7px;

}

.singFaq .panel-body {

    padding: 0 20px 15px 20px;

}



/**==================== Contact form ======================**/

.contactFormsec{

    background: url(../images/bg/1.jpg) no-repeat fixed center center/cover;

    padding-bottom: 70px;

    padding-top: 75px;

}

.contactForm input{

    width: 100%;

    height: 50px;

    margin-bottom: 30px;

    background: #fff;

    color: #848484;

    border: none;

    padding: 10px 15px;

}

.contactForm textarea{

    width: 100%;

    height: 165px;

    margin-bottom: 30px;

    background: #fff;

    color: #848484;

    border: none;

    padding: 10px 15px;

    resize: none;

}

.contactForm input:input-placeholder,

.contactForm textarea:input-placeholder{

    color: #848484;

    opacity: 1;

}

.contactForm input::-webkit-input-placeholder,

.contactForm textarea::-webkit-input-placeholder{

    color: #848484;

    opacity: 1;

}



.contactForm input:-moz-placeholder,

.contactForm textarea:-moz-placeholder{

    color: #848484;

    opacity: 1;

}



.contactForm input::-moz-placeholder ,

.contactForm textarea::-moz-placeholder {

    color: #848484;

    opacity: 1;

}

.contactForm input:-ms-input-placeholder,

.contactForm textarea:-ms-input-placeholder{

    color: #848484;

    opacity: 1;

}

.contactForm select{

    width: 100%;

}

.contactForm button{

    background: #006db7;

    color: #fff;

    font-size: 15px;

    font-weight: 700;

    line-height: .8;

    border-radius: 3px;

    display: inline-block;

    padding: 10px 30px;

    height: 50px;

    text-align: center;

    padding: 16px 20px;

}

.contactForm button:hover{

    background: #333;

    color: #fff;

}

.select2-container .select2-selection--single {

    box-sizing: border-box;

    cursor: pointer;

    display: block;

    height: 50px;

    padding: 13px 7px;

}

.select2-container--default .select2-selection--single {

    background-color: #ffffff;

    border: 1px solid #ffffff;

    border-radius: 0;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 13px;

    right: 10px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

    border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #777;

}



/**==================== News two ======================**/

.news1Sec{

    padding: 75px 0;

}

.singlenews2{

    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);

    position: relative;

}

.singnew2Img{

    margin-bottom: 17px;

}

.singnew2Img img{

    width: 100%;

    height: auto;

}

.newdate{

    position: absolute;

    top: 15px;

    right: 13px;

    width: 82px;

    height: 68px;

    background: #fff;

    text-align: center;

    padding: 15px;

}

.newdate h2{

    font-size: 23px;

    color: #006db7;

    font-weight: 900;

    margin-bottom: 7px;

}

.newdate h3{

    font-size: 14px;

    text-transform: uppercase;

    color: #000;

    font-weight: 900;

}

.newscontWr{

    padding: 0 16px;

}

.news2Cont{

    border-bottom: 1px solid #e6e6e6;

    padding-bottom: 13px;

}

.news2thumbwrap{

    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);

    padding: 20px 15px 15px;

}

.singlenew2Thumb {

    border-bottom: 1px solid #eeeeee;

    margin-bottom: 25px;

    padding-bottom: 28px;

}

.sinnew2Ttitle{

    font-size: 16px;

    color: #313c45;

    font-weight: 900;

    line-height: 24px;

    margin-bottom: 19px;

}

.news2meta,

.news2meta a{

    font-size: 13px;

    color: #006db7;

    line-height: .8;

    font-weight: 400;

}

.news2meta a{

    margin-left: 4px;

}

.news2meta a:hover,

.news2meta1 a:hover{

    color: #333;

}

.singlenew2Thumb.last{

    margin-bottom: 16px;

    padding-bottom: 47px;

}

.news2meta1 {

    line-height: 0.8;

    padding: 32px 7px;

}

.news2meta1 a,

.news2meta1{

    font-size: 13px;

    color: #006db7;

}

.news2meta1 a{

    margin-left: 4px;

}

/**==================== Client ======================**/

.ourpartners{

    padding-bottom: 95px;

    padding-top: 77px;

}

.singleClient{

    height: 90px;

    position: relative;

    background: #fff;

}

.singleClient img{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 100px;

    height: 70px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}

.singleClient img:hover{

    opacity: .5;

}

/**==================== Footer ======================**/

.footer{

    background: #1b2c3e;

    padding: 58px 0 40px;

}

.footer .widget{}

.fotterTitle{

    font-size: 16px;

    color: #fff;

    font-weight: 700;

    margin-bottom: 22px;

    text-transform: uppercase;

}

.footer .widget{

    margin-bottom: 0;

}

.footer p,

.footer a{

    color: #979da4;

    line-height: 30px;

}

.fotinfo {

    margin-bottom: 38px;

}

.newsletter{

    position: relative;

}

.newsletter input {

    background: #253443;

    border: medium none;

    border-radius: 3px;

    height: 45px;

    width: 100%;

    font-size: 13px;

    font-style: italic;

    padding: 13px 13px 6px;

}

.newsletter button {

    background: #3a4b5b;

    color: #fff;

    font-size: 15px;

    height: 45px;

    padding: 8px 18px;

    position: absolute;

    right: 0;

    top: 0;

    border-radius: 3px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.newsletter button:hover{

    color: #006db7 ;

}

.newsletter input.reqError{

    color:#C90035;

}

.newslatp{

    margin-bottom: 26px;

}

.navigation{

    overflow: hidden;

}

.navigation > li {

    float: left;

    position: relative;

    padding-left: 15px;

}

.navigation > li:nth-of-type(odd){

    width: 63%;

}

.navigation > li:before{

    position: absolute;

    left: 0;

    top: 0;

    content: '\f105';

    font-family: FontAwesome;

    font-size: 14px;

    color: #979da4;

}

.navigation > li a:hover{

    color: #006db7 ;

    padding-left: 5px;

}

.contactText{

    margin-bottom: 20px;

}

.address{

    margin-bottom: 30px;

}

.singleAdds{

    position: relative;

    padding-left: 22px;

    line-height: .8;

    margin-bottom: 20px;

}

.singleAdds i{

    position: absolute;

    left: 0;

    top: -4px;

    color: #fff;

    font-size: 14px;

}

.singleAdds p,

.singleAdds a{

    margin-bottom: 0;

    line-height: .8;

}

.singleAdds a:hover {

    color: #e59c40;

}

.footerSocial a{

    width: 29px;

    height: 29px;

    text-align: center;

    background: #3a4b5b;

    font-size: 11px;

    color: #fff;

    border-radius: 3px;

    margin-right: 6px;

    line-height: .8;

    padding: 10px;

    display: inline-block;

}

.footerSocial a.fac:hover{

    background: #325C94;

    color: #fff;

}

.footerSocial a.twi:hover{

    background: #00ABDC;

    color: #fff;

}

.footerSocial a.goo:hover{

    background: #EA3032;

    color: #fff;

}

.footerSocial a.lin:hover{

    background:#0073B2;

    color: #fff;

}

.footerSocial a.pin:hover{

    background: #D9031F;

    color: #fff;

}

.copyright{

    background: #172737;

    padding: 36px 0;

}

.copyright p{

    margin: 0;

    line-height: .8;

    color: #979da4;

}

.copyright a{

    color: #ffffff;

    font-size: 14px;

}

.copyright a:hover{

    color: #006db7 ;

}



/**==================== Back TO top ======================**/

.showit {

    background: #006db7;

    bottom: 100px;

    color: #fff;

    font-size: 20px;

    height: 40px;

    line-height: 0.8;

    padding: 10px 12px;

    position: fixed;

    right: 60px;

    text-align: center;

    width: 40px;

    z-index: 99;

}

.showit i {

    color: #fff;

}

.showit:hover {

    background: #e79946;

    color: #fff;

}



/*=======================================================================

// Home Two

=========================================================================*/



/**==================== Header ======================**/

.header.headerTwo {

  background: #ffffff;

  padding: 15px 0;

  -webkit-transition: all 300ms ease;

  -moz-transition: all 300ms ease;

  -ms-transition: all 300ms ease;

  -o-transition: all 300ms ease;

  transition: all 300ms ease;

}

.header.headerTwo.fixedHeader {

  background: #ffffff;

  padding: 5px 0;

  box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);

}

.logoh2 {

  padding-top: 14px;

}

.mainnav2{

    display:inline-block;

}

.mainnav2 ul{

    line-height: .8

}

.mainnav2 ul li {

    display: inline-block;

    margin-right: 29px;

    margin-top: 30px;

    padding-bottom: 29px;

    position: relative;

}

.mainnav2 ul li:first-child::after,

.mainnav2 ul ul.sub-menu li:after{

    background: transparent;

} 

.mainnav2 ul li a{

    display: block;

    color: #000000;

    font-size: 13px;

    line-height: .8;

    text-transform: uppercase;

    font-weight: 700;

    font-family: 'Lato', sans-serif;

}

.mainnav2 ul li:hover > a,

.mainnav2 ul li.active a{

    color: #006db7;

}

.mainnav2 ul ul.sub-menu {

    background: #222;

    left: 0;

    opacity: 0;

    right: 0;

    margin: auto;

    position: absolute;

    top: 50px;

    visibility: hidden;

    width: 200px;

    z-index: 100;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

   text-align: center;

}

.mainnav2 ul li:hover ul.sub-menu{

    top: 37px;

    opacity: 1;

    visibility: visible;

}

.mainnav2 ul ul.sub-menu li {

    border-bottom: 1px solid #333;

    display: block;

    margin: 20px 20px 0px 20px ;

    padding-bottom: 20px;

}

.mainnav2 ul ul.sub-menu li:last-child{

    border-bottom: none;

}

.mainnav2 ul ul.sub-menu li a{

    color: #fff;

    font-size: 13px;

    text-transform: capitalize;

    font-weight: 400;

}

.mainnav2 ul ul.sub-menu li a:hover{

    color: #006db7;

}

.searchHeader2{

    display:inline-block

}

/**==================== Services ======================**/

.topPhoneinfo{}

.topPhoneinfo span{

    font-size: 12px;

    margin-right: 17px;

}

.topPhoneinfo span i{

    font-size: 20px;

    color: #606970;

    margin-right: 3px;

}

.topPhoneinfo span i.fa-paper-plane{

    font-size: 14px;

}

.topPhoneinfo span i.fa-clock-o{

    font-size: 15px;

}

.topPhoneinfo span i.fa-mobile{

    position: relative;

    top: 3px;

}

.social_top{

    display: inline-block;

    font-size: 13px;

    color: #8a96a2;

    margin-left: 7px;

}

.social_top a {

    color: #8a96a2;

    font-size: 13px;

    margin-left: 13px;

}

.social_top a:hover{

    color: #006db7;

}







/**==================== Services ======================**/

.servicesSec {

    padding-bottom: 70px;

}

.singleServices2{

    background: #fff;

    position: relative;

    margin-top: -54px;

    z-index: 99;

    box-shadow: 0 3px 4px rgba(0, 0, 0, .15);

    margin-bottom: 30px;

}

.serv2Img{

    margin-bottom: 26px;

}

.serv2Img img{

    width: 100%;

    height: auto;

}

.serv2Title{

    font-size: 18px;

    font-weight: 900;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 19px;

}

.sinserdetai{

    padding: 17px;

}

.serv2Cont{

    margin-bottom: 25px;

}

.serreadmore{

    text-transform: capitalize;

    color: #006db7;

    font-weight: 500;

    margin-left: 5px;

}

.serreadmore i{

    font-size: 10px;

    font-weight: 700;

    margin-left: 10px;

    position: relative;

    top: -1px;

}

.loadmoreBtn{

    margin-top: 35px;

}

/**==================== Service we offer ======================**/

.servweofferSec{

    padding-bottom: 20px;

    padding-top: 94px;

}

.commonSectionTitle.serweoffer{

    margin-bottom: 75px;

}

.singleweservOffer{

    margin-bottom: 75px;

}

.singleweservOffer i {

    font-size: 28px;

    color: #e99944;

    width: 70px;

    height: 70px;

    border: 1px solid #ccced1;

    border-radius: 50%;

    text-align: center;

    line-height: .8;

    padding: 22px 15px;

    margin-bottom: 21px;

}

.singleweservOffer h2{

    font-size: 16px;

    color: #313c45;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.singleweservOffer p{

    line-height: 24px;

}

/**==================== Gallary ======================**/

.gallarySec1{

    padding-top: 90px;

    padding-bottom: 82px;

}

.gallarySec {

    padding: 50px 0px;

}

.singleGall{

    position: relative;

    margin-bottom: 30px;

    overflow: hidden;

}

.singGallImg{}

.singGallImg img{

    width: 100%;

    height: auto;

}

.gallHover{}

.gallHover:before{

    background: rgba(0, 0, 0, .5);

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    bottom: -100%;

    position: absolute;

    content: '';

    visibility: hidden;

    opacity: 0; 

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.singleGall:hover .gallHover:before{

    visibility: visible;

    opacity: 1;

    bottom: 0;

}

.gallHover a{

    width: 45px;

    height: 45px;

    background: #006db7;

    font-size: 16px;

    color: #fff;

    display: inline-block;

    text-align: center;

    padding: 8px;

    position: absolute;

    left: 0;

    top: -30%;

    right: 0;

    bottom: 0;

    margin: auto;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.singleGall:hover .gallHover a{

    visibility: visible;

    opacity: 1;

    top: 0

}

.gallHover a:hover{

    color: #333;

}

/**==================== our latest news ======================**/

.letNewsSec{

    padding-top: 85px;

    padding-bottom: 80px;

}

.single3news{

    margin-bottom: 50px;

}

.news3Img{

    margin-bottom: 19px;

}

.news3Img img{

    width: 100%;

    height: auto;

}

.news3Title{

    margin-bottom: 11px;

}

.news3Title a{

    font-size: 18px;

    line-height: 30px;

    color: #313c45;

    font-weight: 900;

    text-transform: capitalize;

}

.news3Title a:hover{

    color: #006db7;

}

.news3meta{

    line-height: .8;

    margin-bottom: 18px;

}

.news3meta,

.news3meta a{

    font-size: 12px;

    color: #000;

    font-weight: 400;

}

.news3meta a:hover{

    color: #006db7;

}

.news3moreBtn{

    font-size: 16px;

    color: #006db7;

    font-weight: 700;

}

.news3moreBtn:hover{

    color: #333;

}

/**==================== Testmonial ======================**/

.testmonial {

    padding: 74px 0 65px;

}

.singleTest {

    background: #fff;

    padding: 32px 20px 27px;

}

.singleTest p{

    font-size: 14px;

    color: #848484;

    line-height: 30px;

}

.testcarHeadding {

    margin-bottom: 36px;

}

.testDeg {

    margin-top: 38px;

}

.testDeg h2{

    font-size: 16px;

    color: #006db7;

    text-transform: uppercase;

    position: relative;

}

.testDeg h2:after{

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    width: 60px;

    height: 2px;

    background: #006db7;

    content: '';

    top: -22px;

}

.testDeg p{

    color: #acacac;

    margin: 0;

}

.testCaro .owl-controls {

    margin-top: 55px;

    margin-bottom: 10px;

}

.client2Sec{

    padding: 35px 0;

}



/*=======================================================================

// Home Three

=========================================================================*/

/**==================== Services3 ======================**/

.services3sec{

    padding: 45px 0 15px;

}

.mab50 h2{

    margin-bottom: 49px;

}

.singleServices3{

    background: #fff;

    position: relative;

    z-index: 99;

    box-shadow: 0 3px 4px rgba(0, 0, 0, .15);

    margin-bottom: 30px;

}

/**==================== Services4 ======================**/

.serv4Sec {

    padding-bottom: 78px;

    padding-top: 70px;

}

.single4services{

    background: #fff;

    margin-bottom: 30px;

    padding: 30px 0 22px 18px;

}

.single4servIn{

    padding-right: 84px;

}

.single4servIn i{

    font-size: 50px;

    color: #e79946;

    position: absolute;

    right: 40px;

    line-height: .8;

    top: 49px;

}

.single4servIn h2 {

    font-size: 14px;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.single4servIn p{

    line-height: 24px;

}

/**==================== About Company ======================**/

.compAboutSec {

    padding: 50px 0;

}

.aboutConWrap{

    margin-top: 22px;

}

.marB26{

    margin-bottom: 26px;

}

.abCont{}

.peragroup{

    margin-bottom: 35px;

}

.peragroup p{

    margin-bottom: 30px;

}

.abgroupImg{

    padding-left: 25px;

}

.compaabImg{

    margin-bottom: 30px;

}

.compaabImg img{

    width: 100%;

    height: auto;

}

/**==================== Testomonial2 ======================**/

.testomonial2 {

    /* background: url(../images/bg/1.jpg) no-repeat fixed center center/cover; */

    position: relative;

    padding-bottom: 39px;

    padding-top: 42px;

    background: #f0f0f0;

}

.testomonial2:before {

    /* background: rgba(0, 0, 0, .55); */

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    content: '';

}

.test2head{

    margin-bottom: 52px;

}

.singleTest2{

    background: #fff;

    padding: 25px 38px 14px;

}

.testAutho {

    padding-left: 62px;

    position: relative;

    min-height: 88px;

    padding-top: 17px;

    border-bottom: 1px solid #e7e7e7;

    margin-bottom: 20px;

}

.testAutho img{

    width: 70px;

    height: 70px;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 0;

}

.testAutho h2{

    font-size: 16px;

    color: #000;

    text-transform: uppercase;

    margin-bottom: 10px;

}

.testAutho h5{

    font-size: 14px;

    color: #acacac;

    font-weight: 400;

}

.singTestCont{}

.singTestCont p{

    line-height: 24px;

    font-size: 13px;

    color: #848484;

}

.testmArrow{

    position: relative;

    top: -7px;

}

.testmArrow a{

    width: 40px;

    height: 40px;

    background: #fff;

    margin-left: 3px;

    display: inline-block;

    font-size: 12px;

    color: #262f36;

    font-weight: 900;

    line-height: .8;

    padding: 15px 18px;

    border-radius: 2px;

}

.testmArrow a i{

    font-weight: 900;

}

.testmArrow a:hover{

    background: #333;

    color: #fff;

}

#testmH3Carowsel .owl-controls{

    margin-top: 70px;

}

#testmH3Carowsel.owl-carousel .owl-item img{

    width: inherit;

}

#testmH3Carowsel.owl-theme .owl-dots .owl-dot span {

    background: #8e8d8c;

    border: 1px solid #8e8d8c;

}

#testmH3Carowsel.owl-theme .owl-dots .owl-dot.active span, 

#testmH3Carowsel.owl-theme .owl-dots .owl-dot:hover span {

    background: #fff;

    border-color: #fff;

}

/**==================== News3 ======================**/

.news4Sec{

    padding-top: 60px;

    padding-bottom: 65px;

    position: relative;

}

.singlenews3{

    background: #fff;

    position: relative;

    margin-bottom: 30px;

}

.newsTitleupp{

    font-size: 18px;

    line-height: 30px;

    color: #000;

    text-transform: uppercase;

    font-weight: 900;

    margin-bottom: 12px;

}

.loadmoreBtnNews{

    margin-top: 27px;

}

.loadmoreBtnNews a {

    background: #006db7;

    border-radius: 2px;

    color: #ffffff;

    display: inline-block;

    font-size: 13px;

    height: 40px;

    line-height: 0.8;

    padding: 16px 38px;

    text-transform: capitalize;

}

.loadmoreBtnNews a:hover{

    background: #333;

}



/**==================== Client3 ======================**/

.client3Sec{

    padding: 60px 0;

}

.singleClient3{

    height: 88px;

    position: relative;

    background: #fff;

    border: 1px solid #e0e0e0;

}

.singleClient3 img{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto;

    width: 100px;

    height: 70px;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}

.singleClient3 img:hover{

    opacity: .5;

}





/*=======================================================================

// About Page

=========================================================================*/

/**==================== breadCrump ======================**/

.breadcrumbSec{

    background: url(../images/bg/2.jpg) no-repeat scroll center center;

    padding: 76px 0;

}

.brTitle{

   font-size: 40px;
    color: #ffffff;
    font-weight: 900;
    margin-bottom: 25px;

}

.bredCrumb{

    line-height: .8;

}

.bredCrumb a{

    display: inline-block;

    color: #ffffff;

}

.bredCrumb > span {

    line-height: 0.8;

    margin: 0 5px;

}

.bredCrumb a:hover{

    color: #006db7;

}



.compAboutSecAbPage{

    padding-bottom: 5px;

    padding-top: 60px;

}

/**==================== Team ======================**/

.TeammemberSec{

    padding-bottom: 45px;

    padding-top: 75px;

}

.singleTeam{

    background: #fff;

    margin-bottom: 30px;

}

.sTeImg {

    margin-bottom: 23px;

}

.sTeImg img{

    width: 100%;

}

.teamDeg{

    margin-bottom: 14px

}

.teamDeg h2{

    font-size: 16px;

    text-transform: uppercase;

    color: #000;

    margin-bottom: 11px;

}

.teamDeg p{

    line-height: .8;

    margin: 0;

    font-size: 12px;

    color: #006db7;

    font-weight: 400;

}

.teamCont {

    padding: 0 15px 12px;

}



/*=======================================================================

// About Page2

=========================================================================*/

.teamMember2{

    padding-top: 57px;

    padding-bottom: 5px;

}

.VissMissSection{

    padding-top: 75px;

    padding-bottom: 55px;

}

.compAboutSec2{

    padding-top: 60px;

    padding-bottom: 30px;

}



.singleTeam2{

    margin-bottom: 60px;

}

.comMissionCont p{

    margin-bottom: 30px;

}

.Compvission ul li{

    margin-bottom: 6px;

    padding-left: 16px;

    position: relative;

}

.Compvission ul li:after{

    content: '\f0da';

    left: 0;

    top: -2px;

    font-family: FontAwesome;

    position: absolute;

    color: #006db7;

}



.teamDeg2{

    margin-bottom: 14px

}

.teamDeg2 h2{

    font-size: 16px;

    text-transform: uppercase;

    color: #000;

    margin-bottom: 11px;

}

.teamDeg2 h4{

    line-height: .8;

    margin: 0;

    font-size: 14px;

    color: #acacac;

    font-weight: 400;

}



/*=======================================================================

// Services Page

=========================================================================*/

.servicespaSec{

    padding-top: 60px;

    padding-bottom: 25px;

}

.servicesContent{

    padding-top: 90px;

    padding-bottom: 60px;

}

.servicesNav{

    background: #f1f1f1;

}

.servicesNav li:last-child{

    border-bottom: none;

}

.servicesNav li{

    line-height: .8;

    border-bottom: 1px solid #dfdfdf;

}

.servicesNav li.active{

    position: relative;

}

.servicesNav li.active:after{

    position: absolute;

    right: 13px;

    content: '\f105';

    top: 18px;

    font-family: FontAwesome;

    font-size: 16px;

    line-height: .8;

    color: #fff;

}

.servicesNav li a{

    color: #2c3e50;

    line-height: .8;

    display: block;

    padding: 19.6px 16px;

}

.servicesNav li a:hover,

.servicesNav li.active a{

    background: #006db7;

    color: #fff;

}

.pdfDownload {

    padding-left: 17px;

    padding-top: 40px;

}

.downloadTitle{

    font-size: 16px;

    font-weight: 700;

    color: #2c3e50;

    margin-bottom: 25px;

}

.downloadpdflink a{

    display: block;;

    color: #8a8a8a;

    line-height: .8;

    margin-bottom: 14px;

}

.downloadpdflink a:hover{

    color: #006db7;

}

.downloadpdflink a i{

    margin-right: 8px;

}

.servicesSingle{

    margin-bottom: 48px;

}

.servImg{

    margin-bottom: 18px;

}

.servImg img{

    width: 100%;

    height: auto;

}

.servTitle{

    margin-bottom: 11px;

}

.servTitle a{

    font-size: 18px;

    line-height: 30px;

    color: #313c45;

    font-weight: 900;

    text-transform: capitalize;

}

.servTitle a:hover{

    color: #006db7;

}

.servReadmo{

    font-size: 16px;

    color: #006db7;

    font-weight: 700;

}

.servReadmo:hover{

    color: #333;

}



/*=======================================================================

// Services Details

=========================================================================*/

.servicesDetails {

    padding-bottom: 50px;

    padding-top: 60px;

}

.servicesDetailsCont{

    margin-top: -10px;

}

.servicesDetailsCont p{

    color: #8a8a8a;

    margin-bottom: 30px;

}

.servicesdetaImg{}

.serdetaImg{

    margin-bottom: 30px;

}

.serdetaImg img{

    width: 100%;

    height: auto;

}

/*=======================================================================

// Blog Page

=========================================================================*/

.blogSection{

    padding: 60px 0 30px;

}

.singleBlog{

    margin-bottom: 60px;

}

.sblogImg{

    margin-bottom: 28px;

}

.sblogImg img{

    width: 100%;

    height: auto;

}

#sblogImgGall.owl-theme .owl-nav {

    bottom: 0;

    height: 40px;

    margin: auto;

    position: absolute;

    text-align: center;

    top: 0;

    left: 0;

    right: 0;

}

#sblogImgGall.owl-theme .owl-nav [class*="owl-"] {

    background: #006db7;

    border-radius: 3px;

    color: #ffffff;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    height: 40px;

    margin: 0 6px 0 0;

    padding: 6px 7px;

    width: 40px;

}

#sblogImgGall.owl-theme .owl-nav .owl-prev {

    left: 20px !important;

    position: absolute;

}

#sblogImgGall.owl-theme .owl-nav .owl-next{

    position: absolute;

    right: 15px;

}

#sblogImgGall.owl-theme .owl-nav [class*="owl-"]:hover{

    background: #333;

}

.blogTitle{

    line-height: 26px;

    font-size: 20px;

    margin-bottom: 13px;

    font-weight: 700;

}

.blogMeta,

.blogMeta a{

    line-height: .8;

    color: #006db7;

    font-style: italic;

}

.blogMeta a:hover{

    color: #333;

}

.blogMeta {

    margin-bottom: 17px;

}

.blogMeta span {

    margin: 0 0 0 4px;

}

.sblogDec {

    margin-bottom: 35px;

}

.blogReadmore {

    background: #e69a44;

    border-radius: 3px;

    color: #ffffff;

    display: inline-block;

    font-size: 14px;

    font-weight: 400;

    height: 51px;

    line-height: 1;

    padding: 19px 30px;

    text-align: center;

    font-family: "Lato",sans-serif;

}

.blogReadmore:hover{

    color: #fff;

    background: #333;

}

.search{

    position: relative;

}

.search input{

    width: 100%;

    background: #eeeeee;

    border: none;

    height: 50px;

    border-radius: 3px;

    font-size: 14px;

    color: #797979;

    padding: 0 20px ;

    font-style: italic;

}

.search button{

    position: absolute;

    right: 0;

    top: 0;

    background: #006db7;

    font-size: 14px;

    color: #fff;

    height: 50px;

    width: 57px;

    border-radius: 3px;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;



}

.search button:hover{

    color: #333;

}

.widget{

    margin-bottom: 60px;

}

.widgetTitle{

    font-size: 20px;

    margin-bottom: 45px;

    color:#000;

}

.widgetList li {

    border-bottom: 1px solid #eeeeee;

    line-height: 0.8;

    margin: 18.5px 0 0;

    padding-bottom: 18.5px;

    padding-left: 13px;

    position: relative;

}

.widgetList li:after{

    content: '\f0da';

    color: #006DB7;

    font-family: FontAwesome;

    left: 0;

    top: 0;

    position: absolute;

}

.widgetList li a{

    color: #717171;

}

.widgetList li a:hover{

    padding-left: 5px;

    color: #006DB7;

}

.recentPost{

    margin-top: -10px;

}

.singsRecPost {

    border-bottom: 1px solid #e2e2e2;

    margin-bottom: 9px;

    padding-bottom: 21px;

    padding-left: 30px;

    position: relative;

}

.singsRecPost i{

    font-size: 15px;

    color: #313c45;

    position: absolute;

    left: 0;

    top:8px;

}

.singsRecPost h2{

    font-size: 16px;

    font-weight: 600;

    line-height: 26px;

    margin-bottom: 6px;

}

.recSidmeta,

.recSidmeta a{

    line-height: .8;

    color: #727272;

}

.recSidmeta a:hover{

    color: #006DB7;

}





/*=======================================================================

// Blog Details

=========================================================================*/

.blogDetailsDec{

    padding-top: 60px;

    padding-bottom: 90px;

}

.singleBlogDetails{

    margin-bottom: 31px;

}

.blogDetailsDec p{

    color: #848484;

    margin-bottom: 31px;

}

.blogDetailsDec blockquote{

    border: none;

    padding: 0;

    margin: 0 0 30px;

}

.blogDetailsDec blockquote p{

    font-size: 16px;

    color: #393939;

    font-weight: 700;

}

.socialShare{

    border-top: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;

    padding: 16px 12px;

    margin-bottom: 30px;

}

.socialShare p{

    color: #313c45;

    font-weight: 600;

}

.socialShare p,

.shareSocial{

    display: inline-block;

    margin: 0;

}

.shareSocial span{

    color: #303030;

    font-weight: 600;

    margin-right: 3px;

}

.shareSocial{

    float: right;

}

.shareSocial a{

    color: #006db7;

    font-size: 12px;

    margin-right: 10px;

    display: inline-block;

}

.shareSocial a:last-child{

    margin-right: 0;

}

.shareSocial a:hover{

    color: #333;

}

.fullwidthAuthor{

    background: #f6f6f6;

    margin-bottom: 60px;

}

.fwaIn{

    position: relative;

    padding-left: 185px;

    min-height: 168px;

    padding-top: 32px;

}

.fwaIn img{

    position: absolute;

    left: 0;

    top: 0;

    width: 170px;

    height: 168px;

}

.fwaIn h2{

    font-size: 18px;

    line-height: .8;

    color: #000;

    font-weight: 600;

    margin-bottom: 13px;

}

.fwaIn p{

    line-height: 24px;

    color: #848484;

}

.fwaSocial{

    line-height:1.9;

}

.fwaSocial a{

    font-size: 12px;

    color: #c7c7c7;

    display: inline-block;

    margin-left: 10px;

}

.fwaSocial a:hover{

    color: #ffa60a;

}

.comment {

    margin-bottom: 58px;

}

.commentTitle{

    font-size: 20px;

    color: #1b2c3e;

    margin-bottom: 30px;

}

.singleComment {

    min-height: 95px;

    padding-left: 123px;

    padding-top: 4px;

    position: relative;

    border-bottom: 1px solid #eeeeee;

    margin-bottom: 20px;

    padding-bottom: 14px;

}

.singleComment img{

    width: 100px;

    height: 95px;

    position: absolute;

    left: 0;

    top: 0;

}

.singComTitle{

    font-size: 18px;

    margin-bottom: 12px;

}

.comdate{

    font-size: 13px;

    color: #006db7;

    margin-bottom: 7px;

    font-weight: 600;

}

.singleComment p{

    font-size: 14px;

    line-height: 24px;

    color: #979797;

}

.comreplay {

    line-height: 0.8;

    position: absolute;

    right: 0;

    top: 3px;

    font-size: 13px;

    color: #006db7;

    font-weight: 600;

}

.comreplay:hover{

    color: #333;

}

.commentForm input {

    width: 100%;

    height: 55px;

    border: 1px solid #e6e6e6;

    margin-bottom: 15px;

    padding: 15px;

    font-size: 14px;

    line-height: 24px;

    color: #797979;

    border-radius: 2px;

    background-color: #e4e3e3;

}

.commentForm textarea{

    width: 100%;

    height: 195px;

    resize: none;

    border: 1px solid #e6e6e6;

    padding: 15px;

    border-radius: 2px;

}

.commentForm button{

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

    transition: all 500ms ease;

}

.formmargin{

    margin-bottom: 15px;

}

.formmargin2{

    margin-bottom: 25px;

}

#contactForm .reqError{

    border-color: #C90035;

}

.mapArea {

    margin-bottom: 70px;

}

/*=======================================================================

// Contact Page

=========================================================================*/

.contactSec{

    padding-top: 60px;

    padding-bottom: 90px;

}

.contactSec2{

    padding-top: 60px;

    padding-bottom: 85px;

}

.commentTitle.cont{

    margin-bottom: 35px;

}

.ContToppera {

    margin-bottom: 38px;

}

.contAddress {

    margin-top: -6px;

}

.singleContadds{

    position: relative;

    padding-left: 30px;

    margin-bottom: 15px;

}

.singleContadds i{

    position: absolute;

    left: 0;

    top: 6px;

    font-size: 16px;

    color: #006db7;

}

.singleContadds p{

    margin: 0;

    line-height: 24px;

}

.singleContadds a {

    display: block;

    line-height: 24px;

    margin-bottom: 0;

    color: #858585;

}

.singleContadds a:hover{

    color: #006db7;

}

.singleContadds.phone{}

.singleContadds.phone p{

    color: #272727;

}

.singleContadds.phone p span{

    color: #858585;

}

.contactSocial{

    padding-left: 33px;

}

.contactSocial a{

    display: inline-block;

    color: #1b2c3e;

    font-size: 12px;

    margin-right: 12px;

}

.contactSocial a:hover{

    color: #006db7;

}



/*=======================================================================

// 404 Page

=========================================================================*/

.errorPage {

    padding: 40px 0 83px;

}

.errorIn h1{

    font-size: 350px;

    color: #2c3e50;

    font-weight: 900;

    margin-bottom: 90px;

}

.errorIn h2{

    font-size: 24px;

    color: #000;

    margin-bottom: 25px;

}

.errorIn p{

    font-size: 14px;

    color: #898989;

    line-height: 26px;

}



/*=======================================================================

// Color Preset

=========================================================================*/

.colorPresetArea {

    position: fixed;

    top: 5px;

    left: -290px;

    width: 290px;

    background: #282828;

    z-index: 9999;

    padding-bottom: 20px;

    height: 505px;

    margin: auto;

    top: 0;

    bottom: 0;

}

.switchTittle {

    background: #006DB7;

    padding: 0 0 0 50px;

    width: 340px;

    position: relative;

}

.colorPresetArea p{

    color: #fff;

    font-size: 16px;

    font-weight: 300;

}

.switchTittle p{

    margin-top: 9px;

    font-size: 18px;

}

a.gearBtn{

    color: #fff;

    font-size: 24px;

    height: 50px;

    text-align: center;

    width: 50px;

    padding-top: 12px;

}

a.gearBtn:hover,

a.gearBtn.active{

    color: #4c4c4c;

}

.singleSwitch{

    padding-left: 50px;

}

.singleSwitch.light{

    background: #323232;

}

.singleSwitch {

    padding-top: 22px;

}

.switch {

    padding-bottom: 20px;

    padding-top: 0;

}

.switch a {

    float: left;

}

a.color1{

    width: 40px;

    height: 40px;

    background: #006DB7;

    border-radius: 50%;

    margin-right: 10px;

    margin-bottom: 10px;

}

a.color2{

    width: 40px;

    height: 40px;

    background: #E4344E;

    border-radius: 50%;

    margin-right: 10px;

    margin-bottom: 10px;

}

a.color3{

    width: 40px;

    height: 40px;

    background: #c04baa;

    border-radius: 50%;

    margin-bottom: 10px;

    margin-right: 10px;

}

a.color4{

    width: 40px;

    height: 40px;

    background: #ffa60a ;

    border-radius: 50%;

    margin-right: 10px;

    margin-bottom: 10px;

}

a.color5{

    width: 40px;

    height: 40px;

    background: #7a942e;

    border-radius: 50%;

    margin-right: 10px;

}

a.color6{

    width: 40px;

    height: 40px;

    background: #049372;

    border-radius: 50%;

    margin-right: 10px;

}

a.color7{

    width: 40px;

    height: 40px;

    background: #e07094;

    border-radius: 50%;

    margin-right: 10px;

}

a.color8{

    width: 40px;

    height: 40px;

    background: #16a4d6;

    border-radius: 50%;

    margin-right: 10px;

}

a[class*="pat"]:hover,

a[class*="color"]:hover{

    opacity: .5;

}

a.lightColor{

    background: #fff none repeat scroll 0 0;

    color: #4c4c4c;

    font-weight: 300;

    height: 50px;

    text-align: center;

    width: 90px;

    padding-top: 9px;

    margin-right: 10px;

}

a.darkColor{

    background: #4c4c4c;

    color: #fff;

    font-weight: 300;

    height: 50px;

    text-align: center;

    width: 90px;

    padding-top: 9px;

    border: 1px solid #fff;

}

a.lightColor:hover,

a.lightColor:focus,

a.darkColor:hover,

a.darkColor:focus{

    color: #f55e80;

}

a.wide{

    color: #b2b2b2;

    position: relative;

    margin-right: 10px;

    font-weight: 300;

}

a.wide span{

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #fff;

    display: inline-block;

    margin-right: 5px;

    border: 6px solid #fff;

}

.switch a.active span{

    border: 3px solid #fff;

    background: #f55e80;

}

a.boxed{

    color: #b2b2b2;

    position: relative;

    font-weight: 300;

}

a.boxed span{

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #fff;

    display: inline-block;

    margin-right: 5px;

    position: relative;

}

a.pat1{

    width: 30px;

    height: 30px;

    background: url(../images/pattern/p1.png) repeat scroll center center #fff;

    border-radius: 50%;

    margin-right: 10px;

    margin-bottom: 10px;

}

a.pat2{

    width: 30px;

    height: 30px;

    background: url(../images/pattern/p2.png) repeat scroll center center #fff;

    border-radius: 50%;

    margin-right: 10px;

    margin-bottom: 10px;

}

a.pat3{

    width: 30px;

    height: 30px;

    background: url(../images/pattern/p3.png) repeat scroll center center #fff;

    border-radius: 50%;

    margin-right: 10px;

    margin-bottom: 10px;

}

a.pat4{

    width: 30px;

    height: 30px;

    background: url(../images/pattern/p4.png) repeat scroll center center #fff;

    border-radius: 50%;

    margin-right: 10px;

    margin-bottom: 10px;

}



/*=======================================================================

// Preloader

=========================================================================*/

.preloader {

    background: #006db7;

    height: 100%;

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 99999;

}

.preloader img{

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto;

}

.backtoHomeBtn {

    background: #006db7;

    border-radius: 3px;

    color: #ffffff;

    display: inline-block;

    height: 40px;

    line-height: 0.8;

    margin-top: 25px;

    padding: 15px 30px;

    font-family: lato;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.backtoHomeBtn:hover{

    background: #333;

    color: #fff;

}



.social a {

    padding: 0px 13px;

}

.social i {

    color: white;

}

.headerMRightinfo {

    margin-top: 3px;

}



.mainnav ul li a:hover

{

    color: #e79a3f !important;

}





.commonSectionTitleIn h2 {

    color: #262f36;

    font-size: 33px !important;

    font-weight: 900;

    text-transform: none !important;

    margin-bottom: 27px;

}

ul.navigation1 li i {

    padding-right: 8px;

}



ul.list-01 li i {

    padding-right: 13px;

}



ul.list-01 a:hover {

    color: orange;

}



.servweofferSec {

    padding: 50px 0px;

    background-color: #f0f0f0;

}

.newsBtn {

    height: 40px;

    display: inline-block;

    background: #e99944 !important;

    text-transform: capitalize;

    font-size: 13px;

    line-height: .8;

    color: #fff;

    border-radius: 3px;

    position: relative;

    padding: 15px 63px 15px 13px;

    font-family: 'Lato', sans-serif;

}



.newsBtn i {

    width: 35px;

    height: 40px;

    background: #e99944 !important;

    padding: 15px;

    border-radius: 3px;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



#contactForm textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    background-color: #e4e3e3;

}



.form-control {

    display: block;

    width: 100%;

    height: 50px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #e0dede;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}



.career textarea.form-control {

    height: 168px;

}





.clients-info img {

    border: 1px solid #dadada;

    margin: 21px;

    padding: 5px;

    /*width: 335px;*/

}





.about-company img {

    float: right !important;

    padding-left: 21px !important;

}



ul.list-13 i {

    padding-right: 15px;

    color: orange;

    font-size: 18px;

}



.our-mission img {

    float: right !important;

}



ul.list-01 li {

    color: #9799a0;

}



.our-mission h4 {

    color: #e39b46;

    padding-bottom: 10px;

}



.our-mission p {

    text-align: justify;

   

}





a:hover {

    text-decoration: none;

    color: #e69a44 !important;

}





ul.list008 li {

    display: inline-block;

    padding: 0px 8px;

    font-size: 15px;

}



ul.list008 {

    margin-left: 63px;

}



.services img {

    float: right;

    padding-left: 23px;

}



.services p {

    text-align: justify;

}



.commonSectionTitleIn.white h2 {

    color: #262f36;

}





ul.list008 li {

    color: white;

}



.singTestCont p {

    text-align: justify;

}





.header-top1 {

    background-color: #ffffff !important;

}



.text99 h4 {

    font-size: 32px;

    color: #e79946;

}



.singlehmib h4 {

    margin-bottom: 2px;

}







.logo {

    padding-top: 8px;

}







ul.list88 {

    margin-left: 37px;

}



.footerrr {

    background-color: #1b2c3e;

    padding: 24px 0px;

    border-bottom: 2px solid #e79946;

}









.footerrr h4 {

  

        font-size: 25px;

       color: white;

       font-weight: 600 !important;



}





ul.list-13 li {

    font-size: 16px;

    text-align: justify;

}



.about-company p {

    text-align: justify;

    font-size: 16px;

}







ul.list0 {

    margin-left: 27px;

}



ul.list0 li {

    font-size: 16px;

}



ul.list01 li {

    margin-left: 16px;

}







ul.list77 li {
    font-size: 15px;
    background-color: #e79946;
    padding: 19px 0px;
    /* text-align: center; */
    color: white;
    margin-bottom: 6px;
    padding: 20px;
    font-weight: 600;
}



ul.list77 li:hover {
    border: 2px solid #e79946;
    background-color: transparent;
    color: #e79946;
    font-weight: bold;
}










@media screen and (max-width: 480px) and (min-width: 320px) {



    .logo img {

    width: 303px;

}



.logoMobile.hidden-lg.hidden-sm.hidden-md img {

    width: 230px;

    margin-bottom: 0px !important;

}



}




.gallery-photo img {
    border: 3px solid #dcd6d6;
    padding: 2px;
    width: 262px;
    height: 208px;
    margin: 6px;
}