/*
 *Theme Name:Meditari-Responsive HTML5 Template for Meditation, Fitness, Yoga, Sports, Gym and Dancing.
 *Theme URL: http://demo.uxlab.ninja/#meditariHTML
 *Author: UxLab
 *Author URI: http://themeforest.net/user/uxlabbyninja
 *Description: Responsive HTML5 Template for Meditation, Fitness, Yoga, Sports, Gym and Dancing.
 *Version: 1.0
*/

/*
**[Table of contents]
-----------------------------------------------------------------------
1. Preset Css
2. Home Page
    i.Header Section
    ii. Slider Section
    iii. About Us Section
    iv. Fun Facts Area
    v. Service Area
    vi. Latest News
    vii. Quote Section
    viii. Team Section
    ix. Gallery Section
    x. Subscription Area
    xi. Testimonial Area
    xii. Footer Area#619206
3. About Page
    i. Inner Menu
    ii. Breadcrumbs Area
    iii. Call To Action
    iv. Testimonial
4. Service Page
    i. Breadcrumbs
5. Gallery 4 Column
6. Gallery Masonary Page
7. Gallery Single Page
8. Blog Page One
    i. Widget
9. Blog Page Two
10. Blog Single Page
11. 404 Page
12. Contact Page
    i. Contact Form Area
13. Responsive Media Query
-----------------------------------------------------------------------*/

/*
*Preset Css
*-------------------------------------------------------------------------
*/

body{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 1;
}
a{
    display: inline-block;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    text-decoration: none;
    outline: none;
}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 500;
    margin: 0;
    line-height: .8;
    font-family: 'Raleway', sans-serif;
}
p{
    margin: 0;
    font-weight: 300;
    color: #777777;
    font-size: 14px;
    letter-spacing: .56px;
    line-height: 1.43;
}
img{
    max-width: 100%;
}
.noPaddingLeft{
    padding-left: 0 !important;
}
.noPadding{
    padding: 0 !important;
}
.noPaddingRight{
    padding-right: 0 !important;
}
/*
*Home Page
*-------------------------------------------------------------------------
*/
/* Header Section */
.headerArea {
    background: #000 none repeat scroll 0 0;
    padding: 21px 0 22px;
}
.socialTop{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
.socialTop li{
    display: inline-block;
}
.socialTop li a{
    color: #a7a7a7;
    font-size: 16px;
    margin-right: 20px;
}
.socialTop li a:hover{
    color: #619206
}
.shortMenus{
    padding: 0;
    margin: 0;
    list-style: none;
}
.shortMenus li{
    display: inline-block;
}
.shortMenus li a{
    position: relative;
    color: #bcbcbc;
    letter-spacing: .91px;
    font-size: 13px;
    font-weight: 400;
    padding-left: 14px;
}
.shortMenus li a:hover{
    color: #619206
}
.shortMenus li a:after{
    display: inline-block;
    font-size: 13px;
    color: #bcbcbc;
    content: "\|";
    padding-left: 17px;
}
.shortMenus li:last-child a:after{
    display: none;
}
.logoImg a {
    color: #444444;
    font-family: 'latosemibold';
    font-size: 40px;
    text-transform: uppercase;
}
.logoImg a:hover{
    color: #619206
}
.logoImg a i {
    font-size: 60px;
    color: #619206
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    float: left;
}
.logoImg a:hover i{
    color: #444;
}
.logoImg a span{
    float: left;
    padding-left: 17px;
    padding-top: 12px;
}
.logoImg {
    padding-top: 31px;
}

.navMenu {
    background: transparent;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    z-index: 999;
}
.mainMenu{
    padding: 52px 0 0;
    margin: 0;
    list-style: none;
}
.mainMenu > li{
    display: inline-block;
    position: relative;
    padding-bottom: 49px;
} 
.mainMenu > li > a{
    color: #444444;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    padding-right: 44px;
    position: relative;
} 
.mainMenu > li > a:before{
    background: #f05c60;
    content: "";
    width: 36px;
    height: 1px;
    position: absolute;
    left: 0;
    top: auto;
    bottom: -9px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    visibility: hidden;
    opacity: 0;
}
.mainMenu > li > a:hover:before{
    visibility: visible;
    opacity: 1;
}
.menu-has-children > a:after{
    content: "\f107";
    font-family: FontAwesome;
    font-size: 12px;
    color: #444444;
    display: inline-block;
    padding-left: 6px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.mainMenu > li:last-child > a{
    font-size: 16px;
    padding-right: 0;
}
.mainMenu > li:last-child > a > i{
    position: relative;
    top: 2px;
}
.mainMenu > li:last-child > a:before,
.mainMenu > li:last-child > a:after{
    content: "\|";
    bottom: auto;
    color: #444444;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: 500;
    height: 0;
    opacity: 1;
    position: relative;
    top: 0;
    visibility: visible;
    width: 0;
}
.mainMenu > li:last-child > a:before{
    padding-right: 29px;
}
.mainMenu > li:last-child > a:after{
    padding-left: 21px;
}
.subMenu{
    background: #444 none repeat scroll 0 0;
    left: 0;
    margin: auto;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 150px;
    width: 200px;
    padding: 20px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 9;
}
.subMenu li{
    display: block;
}
.subMenu li a{
    color: #fff;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.24px;
    padding: 10px 0;
    text-transform: uppercase;
}
.subMenu li a:hover{
    color: #619206
}
.mainMenu li:hover .subMenu{
    opacity: 1;
    visibility: visible;
    top: 64px;
}
.defaultBtn.border {
    border: 1px solid #619206
    color: #619206
    font-family: 'latosemibold';
    font-size: 13px;
    font-weight: 400;
    padding: 18px 0 17px;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
    letter-spacing: 1.95px;
}
.defaultBtn.border:hover {
    background: #619206
    border: 1px solid #619206
    color: #fff;
}
.defaultBtn.fill {
    background: #619206
    border: 1px solid #619206
    color: #fff;
    font-family: 'latosemibold';
    font-size: 13px;
    font-weight: 400;
    padding: 18px 0 17px;
    text-align: center;
    text-transform: uppercase;
    width: 180px;
    letter-spacing: 1.95px;
}
.defaultBtn.fill:hover {
    border: 1px solid #619206
    color: #619206
    background: #fff;
}
.searchIcon{
}
.searchArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}
.searchArea form input {
    border: medium none;
    font-size: 30px;
    font-weight: 300;
    padding: 25px 40px 27px;
    width: 100%;
}
.searchArea form{
    width: 100%;
}
#searchClose {
    color: #777777;
    font-size: 22px;
    left: auto;
    position: absolute;
    right: 7.6%;
    top: 29px;
}
#searchClose:hover{
    color: #619206
}
/* Slider Section */
.slideContent h2 {
    color: #619206
    font-family: "Raleway",sans-serif;
    font-size: 130px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
}
.slideContent h3 {
    color: #619206
    font-family: "Raleway",sans-serif;
    font-size: 150px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1.5px;
}
.slideContent.borderTop h2:before{
    background: #252525 none repeat scroll 0 0;
    content: "";
    height: 4px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -18px;
    width: 97.3%;
}
.slideContent h3:after{
    background: #252525 none repeat scroll 0 0;
    content: "";
    height: 4px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: -18px;
    top: auto;
    width: 97.3%;
}
.slideContent p {
    font-family: 'Lato', sans-serif;
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    color: #252525;
    letter-spacing: 0;
}
#mainSlider{
    position: relative;
}
#mainSlider .tp-bannertimer,#mainSlider .tp-bullets{
    display: none !important;
}
#mainSlider .tparrows.default.hidearrows {
    display: block !important;
    opacity: 1 !important;
}
#mainSlider .tp-leftarrow.default, #mainSlider .tp-rightarrow.default {
    background: rgba(212, 212, 212, 0.4) none repeat scroll 0 0;
    display: block !important;
    width: 55px !important;
    height: 55px !important;
    border-radius: 0 !important;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
#mainSlider .tp-leftarrow.default:hover, #mainSlider .tp-rightarrow.default:hover {
    background: #989091;
}
#mainSlider .tp-leftarrow.default{
    left: 50px !important; 
}
#mainSlider .tp-rightarrow.default{
    right: 50px !important;
}
#mainSlider .tp-leftarrow.default:after{
    content: "\f104";
    font-size: 20px;
    color: #fff;
    font-family: FontAwesome;
    position: absolute;
    left: 24px;
    top: 16px;
    text-align: center;
}
#mainSlider .tp-rightarrow.default:after{
    content: "\f105";
    font-size: 20px;
    color: #fff;
    font-family: FontAwesome;
    position: absolute;
    right: 24px;
    left: auto;
    top: 16px;
    text-align: center;
}
/* About Us Section */
.aboutArea {
    padding: 110px 0 120px;
}
.tittleArea {
    padding-bottom: 60px;
}
.tittleArea i{
    font-size: 77px;
    color: #3c763d;
}
.tittle{
    font-size: 40px;
    color: #444444;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    padding: 20px 0 22px;
    letter-spacing: 2.8px;
    text-transform: capitalize;
}
.subtittle{
    color: #777777;
    display: inline-block;
    font-family: "Merriweather",serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.64px;
    padding: 0 15px 28px;
    position: relative;
    margin-bottom: 5px;
    line-height: 1.75;
    text-transform: capitalize;
}
.titleLine{
    display: table;
    clear: both;
    margin: 0 auto;
}
span.firstLine{
    float: left;
    width: 20px;
    background: #e4e4e4;
    height: 2px;
}
span.secondLine{
    float: left;
    margin-left: 5px;
    background: #e4e4e4;
    height: 2px;
    width: 112px;
}

.singleAbout i{
    color: #0a2b0b;
    display: inline-block;
    font-size: 105px;
}
.singleAbout h5{
    color: #444;
    font-size: 18px;
    letter-spacing: 3.6px;
    padding-bottom: 20px;
    padding-top: 24px;
    text-transform: uppercase;
}
.singleAbout p{
    font-size: 16px;
    letter-spacing: 1.12px;
    line-height: 1.5;
    padding: 0 20px 35px;
}
.smallLine{
    clear: both;
    display: table;
    margin: 0 auto;
    padding-bottom: 12px;
}
span.smallFirst{
    height: 2px;
    width: 12px;
    background: #d33448;
    float: left;
}
span.smallSecond{
    background: #a8a8a8;
    width: 20px;
    margin-left: 2px;
    float: left;
    height: 2px;
}
.singleAbout .defaultBtn.border{
    border-color: #0a2b0b;
    color: #222222;

}
.singleAbout .defaultBtn.border:hover{
    color: #fff;
    background: #0a2b0b;
    border-color: #0a2b0b;
}

.factDetails {
    border: 1px solid #e3e3e3;
    height: 250px;
    margin-right: 80px;
    padding-top: 33px;
    width: 270px;
}
.factDetails.last{
    margin-right: 0;
}
.factDetails  i {
    display: inline-block;
    color: #fff;
    font-size: 75px;
}
.factDetails  h2 {
    color: #fff;
    font-family: "latoblack";
    font-size: 52px;
    font-weight: 700;
    padding: 13px 0 25px;
}
.factDetails  p{
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .98px;
}
/* Service Area */
.serviceArea{
    background: #f6f6f6;
    padding: 106px 0 128px;
}
.serviceArea .tittleArea i{
    color: #619206
    display: inline-block;
    padding-bottom: 4px;
}
.serviceContent {
    position: relative;
}
.singleService {
    width: 410px;
    margin-bottom: 64px;
}
.serviceDesc {
    background: # none repeat scroll 0 0;
    padding: 97px 144px 112px;
    position: relative;
    left: 6px;
}
.serviceDesc:after{
    border: 1px solid red;
    content: "";
    height: 103%;
    left: -9px;
    position: absolute;
    top: -9px;
    width: 103%;
}
.serviceImg {
    position: absolute;
    top: 78px;
    z-index: 2;
    left: -6px;;
}
.serviceImg:after{
    border: 1px solid #0a2b0b;
    content: "";
    height: 100.5%;
    left: -9px;
    position: absolute;
    top: -9px;
    width: 100.5%;
    z-index: 1;
}
.serviceImg > img {
    position: relative;
    z-index: 3;
}
.serIcon {
    background: #3c763d; none repeat scroll 0 0;
    border-radius: 50%;
    height: 60px;
    padding-top: 16px;
    text-align: center;
    width: 60px;
    margin-top: 5px;
    position: relative;
}
.singleService.two .serIcon{
    background: #12a9cc;
}
.singleService.three .serIcon{
    background: #619206
}
.singleService.three .serIcon:after{
    display: none;
}
.singleService.three{
    margin-bottom: 0;
}
.serIcon:after{
    bottom: -64px;
    color: #777;
    content: "";
    font-family: "Merriweather",serif !important;
    font-size: 18px;
    font-weight: 300;
    left: 0;
    letter-spacing: 1.26px;
    position: absolute;
    right: 0;
    top: auto;
    background: url(../images/home1/separetor.png) no-repeat scroll center center / cover;
    height: 55px;
    width: 3px;
    margin: auto;
}
.serIcon i {
    font-size: 28px;
    color: #fff;
    display: inline-block;
}
.serviceDetails {
    margin-left: 18px;
    width: 80.5%;
}
.serviceDetails {
    margin-left: 18px;
    width: 80%;
}
.serviceDetails h4 {
    color: #444;
    font-size: 22px;
    letter-spacing: 0.44px;
    padding-bottom: 13px;
}
/* Latest News */
.latestNewsArea{
    padding: 117px 0 120px;
}
.latestNewsArea .tittleArea i{
    color: #12a9cc;
    display: inline-block;
    padding-bottom: 4px;
}
.postThumb{
    position: relative;
    overflow: hidden;
    -webkit-transform: scale(.999);
    -ms-transform: scale(.999);
    transform: scale(.999);
}
.postThumb img{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.postHover{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}
.postThumb:hover .postHover{
    visibility: visible;
    opacity: 1;
}
.postThumb:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.postHovBtns {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.postHovBtns a {
    background: transparent none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    margin: 0 3px;
    padding-top: 10px;
    width: 40px;
}
.postHovBtns a:hover{
    background: #12a9cc;
    border-color: #12a9cc;
}
.postCont {
    background: #fff none repeat scroll 0 0;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    padding: 39px 38px 41px 30px;
    width: 364px;
    height: 215px;
}
.postDate{
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
}
.postDate span.date{
    background: #12a9cc none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    height: 42px;
    letter-spacing: 0.6px;
    padding-top: 12px;
    width: 45px;
}
.postDate span.month{
    background: #000000 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: "latosemibold";
    font-size: 12px;
    height: 39px;
    letter-spacing: 0.24px;
    padding-top: 12px;
    text-transform: uppercase;
    width: 45px;
}
.newsContent{
    padding: 0 208px;
}
.singlePost{
    margin-bottom: 30px;
}
.postCont h5 a{
    color: #333333;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.68px;
    margin-bottom: 18px;
    padding-bottom: 21px;
    position: relative;
    font-weight: 400;
}
.postCont h5 a:after{
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    height: 2px;
    width: 30px;
    background: #dbdbdb;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.postCont h5 a:hover{
    color: #12a9cc;
}
.postCont h5 a:hover:after{
    background: #12a9cc;
}
.postMeta{
    padding-bottom: 18px;
}
.postMeta span {
    color: #777777;
    float: left;
    font-family: Lato;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .52px;
    padding-right: 2px;
}
.authorName a.authIta {
    color: #c2c2c2;
    float: left;
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
}
.authorName a.authIta:hover{
    color: #12a9cc;
}
.postTags a{
    font-size: 13px;
}
.blogTags li a{
    padding-right: 5px;
}
.blogTags li:last-child a{
    padding-right: 0;
}
span.authLine{
    color: #cacaca;
    line-height: 0.5;
    margin-top: 4px;
    padding: 0 8px;
}
.postTags ul{
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
}
.postTags ul.blogShare {
    padding-left: 2px;
}
.postTags ul li{
    float: left;
}
.postTags ul li:nth-child(odd) a{
    color: #c2c2c2;
    float: left;
    font-family: Lato;
    font-weight: 400;
}
.postTags ul li:nth-child(even) a{
    color: #0a2b0b;
    float: left;
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
}
.postTags ul li a:hover{
    color: #12a9cc;
}
.postCont p{
    font-weight: 400;
    letter-spacing: .52px;
    font-size: 13px;
    line-height: 1.846;
}
.postMeta.text-right {
    padding-left: 115px;
}
.postCont.text-right{
    border-width: 1px 0px 1px 1px;
}
.postCont.text-right h5 a:after{
    left: auto;
    right: 0;
}
.postDate.right{
    left: auto;
    right: 0;
}
.blogView {
    margin-top: 30px;
}
.blogView .defaultBtn.fill{
    background: #12a9cc;
    border-color: #12a9cc;
}
.blogView .defaultBtn.fill:hover{
    color: #12a9cc;
    background: #fff;
}
/* Quote Section */
.quoteArea{
    background: url(../images/background/qouteBg.jpg) no-repeat scroll center center / cover;
    padding: 213px 215px 207px 0;
    position: relative;
}
.quoteContent{
    position: relative;
    z-index: 2;
    padding-left: 860px;
}
.quoteContent h2{
    font-size: 35px;
    font-weight: 400;
    letter-spacing: 1.4px;
    color: #fff;
    line-height: 1.43;
}
.quoteContent p{
    font-family: 'Tangerine', cursive;
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    text-align: right;
}
.quotOverlay{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(18,169,204,.5);
    height: 100%;
    width: 100%;
}
/* Team Section */
.teamArea {
    padding: 107px 0 120px;
}
.teamArea .tittleArea i{
    display: inline-block;
    color: #619206
    font-size: 90px;
}
.teamArea .tittle{
    padding-top: 11px;
}
.teamImg{
    padding-left: 10px;
}
.teamImg img{
    border: 3px solid #e04c78;
    border-radius: 50%;
}
.teamDesig h4 {
    font-family: latosemibold;
    font-size: 24px;
    letter-spacing: 0.48px;
    padding-bottom: 15px;
    color: #444444;
}
.teamDesig h6{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2.4px;
    color: #444;
    font-family: Lato;
    font-weight: 400;
}
.teamDesig .smallLine {
    margin: 28px 0 0;
}
.teamDesig span.smallSecond{
    width: 15px;
}
.teamDesig span.smallFirst{
    width: 10px;
}
.teamDetails p {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 1.625;
    padding-right: 5px;
    padding-top: 10px;
}
.teamDetails {
    padding-left: 45px;
    padding-top: 60px;
}
.teamSocial {
    list-style: outside none none;
    margin: 0;
    padding:23px 0 0;
}
.teamSocial li {
    display: inline-block;
}
.teamSocial li a {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #777777;
    color: #777;
    font-size: 16px;
    height: 41px;
    margin-right: 5px;
    padding-top: 12px;
    text-align: center;
    width: 41px;
}
.teamSocial li a:hover{
    background: #619206
    border-color: #619206
    color: #fff;
}
#teamCarousel .carousel-control {
    background-color: transparent;
    opacity: 1;
    text-shadow: 0;
    width: 60px;
    height: 40px;
    margin: auto;
    top: 31px;
}
#teamCarousel .carousel-control.right,
#teamCarousel .carousel-control.left {
    background-image: none;
    background-repeat: no-repeat;
}
#teamCarousel .carousel-control img{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
#teamCarousel .carousel-control .norArrow{
    visibility: visible;
    opacity: 1;
}
#teamCarousel .carousel-control .hovArrow{
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
#teamCarousel .carousel-control:hover .hovArrow{
    visibility: visible;
    opacity: 1;
}
#teamCarousel .carousel-control:hover .norArrow{
    visibility: hidden;
    opacity: 0;
}
#teamCarousel .carousel-control.left{
    left: -142px;
}
#teamCarousel .carousel-control.right{
    right: -142px;
}
/* Gallery Section */
.galleryArea {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 120px 0 0;
}
.galleryArea .tittleArea i{
    color: #3c763d;
    padding-bottom: 3px;
    display: inline-block;
}

.singleImg{
    position: relative;
    overflow: hidden;
    width: 25%;
}
.singleImg img{
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.galHover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    cursor: pointer;
}
.galHover a{
    display: none;
}
.singleImg:hover .galHover{
    visibility: visible;
    opacity: 1;
}
.singleImg:hover img{
    -webkit-transform: scale(1.05) rotate(2deg);
    transform: scale(1.05) rotate(2deg);
}
.galDesc {
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    height: 72px;
    margin: auto;
}
.galDesc h4 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    padding-bottom: 21px;
}
.galDesc span.smallFirst{
    background: #f0f1ef;
    width: 10px;
}
.galDesc span.smallSecond{
    background: #dcddda;
    width: 15px;
}
.galDesc p{
    color: #fff;
    font-size: 16px;
    letter-spacing: 1.12px;
    font-style: italic;
}

/* Subscription Area */
.subscriberArea {
    background: url(../images/background/subscribBg.png) no-repeat fixed center center / cover;
    padding: 77px 0 98px; 
}
.subscribeCont .tittle{
    color: #fff;
    padding-bottom: 32px;
}
.subscribeCont p {
    color: #fff;
}
.subscribeCont span.smallFirst,
.subscribeCont span.secondLine{
    background: #e9e9e9;
}
.subscribeForm {
    margin: 0 auto;
    position: relative;
    width: 670px;
}
.subscribeForm input {
    border: 0;
    color: #c1c1c1;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 80px;
    opacity: 1;
    padding: 0 0 0 25px;
    width: 470px;
    font-style: italic;
    letter-spacing: .64px;
    display: block;
}
.subscribeForm input.required-this{
    border-width: 2px 0 2px 2px;
    border-style: solid;
    border-color: #444;
}
.subscribeForm input::-webkit-input-placeholder {
    color: #c1c1c1;
    font-family: "Lato",sans-serif;
    font-style: italic;
}

.subscribeForm input:-moz-placeholder { /* Firefox 18- */
    color: #c1c1c1;
    font-family: "Lato",sans-serif;
    font-style: italic;
}

.subscribeForm input::-moz-placeholder {  /* Firefox 19+ */
    color: #c1c1c1;
    font-family: "Lato",sans-serif;
    font-style: italic; 
}

.subscribeForm input:-ms-input-placeholder {  
    color: #c1c1c1;
    font-family: "Lato",sans-serif;
    font-style: italic;   
}
.subscribeForm button {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: latosemibold;
    font-size: 15px;
    height: 80px;
    left: auto;
    letter-spacing: 3.75px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 200px;
}
/* Testimonial Area */
.testimonailArea {
    padding: 116px 0;
}
.testiContent {
    display: table;
    margin: 0 auto;
    width: 86.5%;
}
.testiProvider {
    background: #1b4618 none repeat scroll 0 0;
    height: 195px;
    width: 296px;
    padding-top: 52px;
    padding-left: 30px;
}
.testiImg img {
    border-radius: 50%;
}
.testiDesig{
    padding-left: 20px;
}
.testiDesig h4 {
    color: #fff;
    font-family: "latomedium";
    font-size: 15px;
    letter-spacing: 0.6px;
    padding-bottom: 20px;
}
.testiDesig h5 {
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-family: Lato;
    letter-spacing: .84px;
    padding-bottom: 20px
}
.testiSocial{
    padding: 0;
    margin: 0;
    list-style: none;
}
.testiSocial li{
    display: inline-block;
}
.testiSocial li a{
    display: inline-block;
    font-size: 13px;
    color: #444;
    margin-right: 11px;
}
.testiSocial li a:hover{
    color: #fff;
}
.testimonials {
    border: 1px solid #0a2b0b;
    padding: 42px 49px 54px 58px;
    width: 70.1%;
}
.testimonials p {
    font-size: 16px;
    letter-spacing: 0.64px;
    line-height: 1.625;
}
.testimonials span.smallSecond {
    width: 15px;
    background: #a8a8a8;
}
.testimonials span.smallFirst {
    width: 10px;
    background: #caa377;
}
.testimonials .smallLine {
    margin: 17px 0 0;
    padding-bottom: 0;
}
#testiCarousel .carousel-control {
    background-color: transparent;
    opacity: 1;
    text-shadow: 0;
    width: 60px;
    height: 40px;
    margin: auto;
    top: 4px;
}
#testiCarousel .carousel-control.right,
#testiCarousel .carousel-control.left {
    background-image: none;
    background-repeat: no-repeat;
}
#testiCarousel .carousel-control img{
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
#testiCarousel .carousel-control .norArrow{
    visibility: visible;
    opacity: 1;
}
#testiCarousel .carousel-control .hovArrow{
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
#testiCarousel .carousel-control:hover .hovArrow{
    visibility: visible;
    opacity: 1;
}
#testiCarousel .carousel-control:hover .norArrow{
    visibility: hidden;
    opacity: 0;
}
#testiCarousel .carousel-control.left{
    left: -228px;
}
#testiCarousel .carousel-control.right{
    right: -221px;
}
/* Footer Area */

.footerWidgetArea {
    background: #111111;
    padding: 98px 0 96px;
    position: relative;
}
.singleWidget span {
    border: 1px solid #619206
    color: #619206
    display: inline-block;
    font-size: 20px;
    height: 50px;
    padding-top: 12px;
    width: 50px;
}
.singleWidget p {
    color: #eeeeee;
    font-size: 18px;
    letter-spacing: 1.26px;
    line-height: 1;
    padding-top: 35px;
}
.backto {
    background: #333333 none repeat scroll 0 0;
    bottom: -20px;
    font-size: 20px;
    height: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    top: auto;
    width: 40px;
    color: #619206
    border-radius: 50%;
    padding-top: 7px;
    right: 0;
    margin: auto;
}
.backto:hover,.backto:focus{
    color: #fff;
}
.footerMain {
    background: #000;
    padding: 60px 0;
}
.footerLogo a {
    color: #619206
    font-size: 60px;
    display: inline-block;
}
.footerLogo a:hover{
    color: #fff;
}
.footerMenu{
    margin: 0;
    padding: 40px 0 28px;
    list-style: none;
}
.footerMenu li{
    display: inline-block;
}
.footerMenu li a{
    color: #dadada;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    margin-right: 45px;
}
.footerMenu li:last-child a{
    margin-right: 0;
}
.footerMenu li a:hover,
.footerMenu li a:focus{
    color: #619206
}
.footerContent p {
    font-size: 12px;
    text-transform: uppercase;
    color: #888888;
    letter-spacing: .48px;
    font-weight: 400;
    padding-top: 55px;
}
.footerContent p a{
    color: #888888;
}
.footerContent p a:hover,
.footerContent p a:focus{
    color: #619206
}
/*
*About Page
*-------------------------------------------------------------------------
*/
/*Inner Menu*/
.navMenu.innerMenu{
    background: #fff;
    position: relative;
    top: 0;
}
.innerMenu .logoImg {
    padding-top: 30px;
}
/* Breadcrumbs Area */
.breadCrumArea{
    background: url(../images/background/aboutBread.jpg) no-repeat scroll center center / cover;
    padding: 105px 0 101px;
    position: relative;
}
.breadCrumArea:after{
    background: rgba(16,16,16,.9);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.breadCrumArea .container{
    position: relative;
    z-index: 2;
}
.breadContent h2{
    color: #fff;
    font-family: "Playball",cursive;
    font-size: 52px;
    letter-spacing: 1.04px;
    margin-bottom: 15px;
    padding-bottom: 19px;
    position: relative;
}
.breadContent h2:after{
    content: "";
    height: 2px;
    width: 42px;
    background: #619206
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: auto;
    bottom: 0;
}
.breadContent p{
    font-size: 15px;
    color: rgba(255,255,255,.66);
    letter-spacing: .6px;
    font-weight: 400;
    line-height: 1.6;
}
.breadMenu {
    background: #ec507e none repeat scroll 0 0;
    padding: 15px 0 13px;
}
.breadMenuCont p {
    color: #fff;
    font-family: "Libre Baskerville",serif;
    font-size: 16px;
}
.breadMenuCont ul{
    margin: 3px 0 0;
    padding: 0;
}
.breadMenuCont ul li{
    display: inline-block;
    font-family: Lato;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    letter-spacing: .56px;
}
.breadMenuCont ul li a{
    display: inline-block;
    font-family: Lato;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    letter-spacing: .56px;
}
.breadMenuCont ul li a span{
    padding-right: 6px;
    padding-left: 6px;
}
/* Call To Action */
.callToArea{
    background: rgba(0, 0, 0, 0) url("../images/background/callToBg.png") no-repeat scroll center center / cover ;
    padding: 75px 0 75px;
}
.callCont {
    margin-top: 10px;
}
.callCont h2{
    color: #fff;
    font-family: Lato;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: 2.24px;
}
.callBtn .defaultBtn.border{
    border-color: #fff;
    color: #fff;
}
.callBtn .defaultBtn.border:hover{
    background: #fff;
    color: #f05c60;
    border-color: #fff;
}
/* Testimonial */
section.ashBg{
    background: #f6f6f6;
}
/*
*Service Page
*-------------------------------------------------------------------------
*/
/* Breadcrumbs */
.breadCrumArea.servicePage{
    background: url(../images/background/serviceBread.jpg) no-repeat scroll center center / cover;
}

/*
*Gallery 4 Column
*-------------------------------------------------------------------------
*/
.galleryPage.galleryArea{
    padding-bottom: 118px;
}
.singleImg.galleryPage{
    width: 100%;
    margin-bottom: 30px;
}
.galleryFourColPage .lg-thumb-item {
    width: 101px !important;
}
.galleryFourColPage .lg-thumb-outer.lg-grab {
    height: 75px !important;
    bottom: 79px;
}
.galleryFourColPage .tittleArea i{
    color: #619206
}
.paginate{
    clear: both;
    display: table;
    list-style: outside none none;
    margin: 59px auto 0;
    padding: 0;
}
.paginate li{
    float: left;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    margin-right: 10px;
}
.paginate > li > span{
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #619206
    background: #619206
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    padding-top: 11px;
}
.paginate li a{
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #619206
    font-size: 14px;
    color: #619206
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    padding-top: 11px;
}
.paginate li:last-child {
    margin-right: 0;
}
.paginate li:first-child a,
.paginate li:last-child a{
    width: auto;
    padding: 12px 20px 0 ;
}
.paginate > li > a > span{
    padding-left: 10px;
}
.paginate li:last-child a > span{
    padding-left: 0;
    padding-right: 10px;
}
.paginate li a i{
    float: left
}
.paginate li a span{
    float: left;
}
.paginate li a:hover,
.paginate li a.active,
.paginate li a:focus{
    border: 1px solid #619206
    background: #619206
    color: #fff;
}

/*
*Gallery Masonary Page
*-------------------------------------------------------------------------
*/
.galMasonry .singleImg img{
    min-height: 250px;
}
.bigImg.singleImg img{
    min-height: 530px;
}
/*
*Gallery Single Page
*-------------------------------------------------------------------------
*/

.galleryDetailsArea{
    padding: 120px 0;
}
#singleGallery .carousel-indicators {
    bottom: 30px;
    left: auto;
    margin-left: 0;
    padding-left: 0;
    right: 26px;
    text-align: right;
    width: 100%;
}
#singleGallery .carousel-indicators li {
    background-color: #fff;
    border-radius: 50%;
    height: 12px;
    margin: 0 4px;
    width: 12px;
}
#singleGallery .carousel-indicators .active {
    background-color: #619206
    border-width: 2px;
    margin: 0 4px;
}
.plusIcon{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    margin: auto;
}
.plusIcon:before,
.plusIcon:after{
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
}
.plusIcon:before{
    height: 1px;
    width: 100%;
}
.plusIcon:after{
    height: 100%;
    left: 2px;
    width: 1px;
}
.galleryDetailsArea .singleImg.galleryPage{
    margin-bottom: 20px;
}
.galleryDetailsArea .singleImg.bigImg img{
    min-height: 500px;
}
.galleryDetailsContent {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 40px 0 17px 30px;
    margin-top: 10px;
}
.courseDetals h5 {
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 12px;
}
.courseDetals p {
    line-height: 1.714;
    margin-bottom: 10px;
}
.courseMetaData {
    padding-left: 74px;
}
.courseMetaData h5 {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 14px;
}
.courseMetaData p {
    margin-bottom: 26px;
}
.courseMetaData p i{
    display: inline-block;
    color: #619206
    font-size: 14px;
}
.courseMetaData p span{
    color: #619206
    padding-left: 12px;
}
.courseMetaData.paddingManage{
    padding-left: 32px;
}
.galleryDetailsArea #similarItem .singleImg.galleryPage{
    margin-bottom: 0;
}
#similarItem {
    padding-top: 80px;
}
#similarItem .tittleArea i{
    color: #619206
}
.galSinglePage .lg-outer .lg-thumb-item {
    height: 135px;
    width: 215px !important;
}
.galMasonryPage .lg-thumb-item {
    width: 165px !important;
    height: 110px;
}
/*
*Blog Page One
*-------------------------------------------------------------------------
*/
.blogPostArea {
    padding: 120px 0;
}
.blogPosts{
    padding-right: 25px;
    margin-bottom: 50px;
}
.blogPosts .postThumb {
    width: 100%;
}
.blogPosts .postDate span.date{
    background: #619206
}
.blogPosts .postHovBtns a:hover{
    background: #619206
    border-color: #619206
}
.blogPosts .postCont {
    border-width: 0 1px 1px;
    height: auto;
    padding: 33px 30px 13px;
    width: 100%;
}
.blogPosts .postCont h5 a {
    margin-bottom: 15px;
    padding-bottom: 14px;
}
.postTags i{
    float: left;
}
.blogPosts .postTags ul li a:hover{
    color: #619206
}
.favComment li a i{
    padding: 0 5px 0 3px;
}
.blogPosts .postTags ul li:nth-child(even) a,.blogPosts .authorName a.authIta:hover{
    color: #619206
}
.blogShare li a,.blogPosts .postTags ul.blogShare li:nth-child(even) a{
    color: #c2c2c2;
    padding: 0 3px;
}
.postTags ul.blogShare li a.facebook:hover{
    color: #3b5998;
}
.postTags ul.blogShare li a.gplus:hover{
    color: #dc4e41;
}
.postTags ul.blogShare li a.twitter:hover{
    color: #55acee;
}
.postTags ul.blogShare li a.dribble:hover{
    color: #ea4c89;
}
.postCont a{
    color: #619206
}
.blogPosts .postCont p{
    margin-bottom: 11px;
}
.blogPosts .postCont h5 a:hover{
    color: #619206
}
.blogPosts .postCont h5 a:hover:after{
    background: #619206
}
/*Widget*/
.widget{
    clear: both;
    display: table;
    margin-bottom: 40px;
    width: 100%;
}
aside.widget:last-of-type{
    margin-bottom: 0;
}
.widget form{
    position: relative;
}
.widget form input{
    border: 1px solid #d2d2d2;
    color: #d4d4d4;
    font-size: 12px;
    font-weight: 400;
    height: 44px;
    opacity: 1;
    padding-left: 15px;
    width: 100%;
}
.widget form button{
    background: #ec507e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    height: 44px;
    left: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 48px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.widget form button:hover{
    background: #000;
}
.widget-title{
    background: #ec507e none repeat scroll 0 0;
    color: #fff;
    font-family: "Libre Baskerville",serif;
    font-size: 14px;
    padding: 22px 0 22px 25px;
    position: relative;
    text-transform: uppercase;
}
.widget-title::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 36px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 6px;
}
.widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.widget ul li{
    border-color: #eaeaea;
    border-style: solid;
    border-width: 0 1px 1px;
    display: block;
    padding: 16px 29px 16px 50px;
}
.widget ul li:first-child{
    padding-top: 24px;
}
.widget ul li a{
    font-size: 13px;
    color: #777777;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    display: table;
    width: 100%;
    clear: both;
    position: relative;
}
.widget ul li a:before{
    border: 1px solid #cccccc;
    content: "";
    height: 13px;
    left: -27px;
    position: absolute;
    top: 0;
    width: 13px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.widget ul li a:after{
    background: #fff;
    content: "";
    height: 7px;
    left: -24px;
    position: absolute;
    top: 3px;
    width: 7px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.widget ul li a:hover{
    color: #619206
}
.widget ul li a:hover:before{
    border-color: #619206
}
.widget ul li a:hover:after{
    background: #619206
}
.widImg {
    position: relative;
    text-align: center;
}
.widAdd{
    position: relative;
}
.widAdd a{
    background: #ec507e none repeat scroll 0 0;
    bottom: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    left: 0;
    margin: 0 auto;
    padding: 18px 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: auto;
    width: 180px;
    text-align: center;
}
.widAdd a:hover{
    background: #fff;
    color: #619206
}
.widgetPost {
    border-color: #eaeaea;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 20px;
}
.widPostCont {
    padding-left: 15px;
    width: 67.2%;
}
.widPostCont p a {
    color: #333333;
    font-size: 14px;
    letter-spacing: 0.28px;
    line-height: 1.571;
    margin-bottom: 7px;
    padding-top: 2px;
}
.widPostCont p a:hover{
    color: #619206
}
.widPostCont span {
    color: #619206
    font-size: 12px;
    font-weight: 300;
}
.widImg::before {
    background: rgba(236, 80, 126, 0.8) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    visibility: hidden;
    opacity: 0;
}
.widImg a{
    visibility: hidden;
    opacity: 0;
}
.widImg a:hover{
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.widImg:hover:before,.widImg:hover a{
    visibility: visible;
    opacity: 1;
}
.widAdd2{
    position: relative;
    text-align: center;
}
.widAdd2 a{
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: 90px;
    font-weight: 700;
    font-style: italic;
}
.widAdd2 a:hover{
    color: #000;
}
/*
* Blog Page Two 
*-------------------------------------------------------------------------
*/
.blogPosts.blogTwoPage .postThumb {
    width: 375px;
}
.blogPosts.blogTwoPage .postCont {
    border-width: 1px 1px 1px 0;
    height: auto;
    padding: 27px 20px 12px 30px;
    width: 54.3%;
    min-height: 258px;
}
.blogPosts.blogTwoPage{
    margin-bottom: 60px;
}
.blogTwoPage + .paginate{
    padding-top: 30px;
}
/*
*Blog Single Page
*-------------------------------------------------------------------------
*/
.blogSinglePage .postCont h5 {
    color: #333333;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.68px;
    margin-bottom: 18px;
    padding-bottom: 21px;
    position: relative;
}
.blogSinglePage .postCont h5::after {
    background: #dbdbdb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: auto;
    transition: all 600ms ease 0s;
    width: 30px;
}
.blogSinglePage .postTags ul li a:hover,
.blogSinglePage .postTags ul li:nth-child(even) a {
    color: #ac2473;
}
.blogPosts .postCont p strong {
    color: #232323;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
}
.blogSinglePage .postCont a{
    color: #ac2473;
}
.blogPosts blockquote {
    border: 0 none;
    color: #262626;
    font-family: "Merriweather",serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 43px;
    padding: 25px 0 0;
    text-align: center;
}
.blogPosts blockquote span{
    color: #ac2473;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: .5;
}
.blogSinglePage .postCont p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.56px;
    line-height: 1.714;
}
.postRelatedImg{
    margin-bottom: 25px;
}
.postRelatedImg img{
    float: left;
    margin-right: 20px;
    width: 31.57%;
}
.postRelatedImg img:last-of-type{
    margin-right: 0;
}
#videoWrap {
    border: 5px solid #444444;
    height: 280px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 50%;
}
#videoWrap::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,.3);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
#videoWrap.hasAfter::after{
    visibility: hidden;
    opacity: 0;
}
#myVideo {
    height: 100%;
    left: 0;
    object-fit: fill;
    position: absolute;
    top: 0;
    width: 100%;
}
#playVideo {
    border: 5px solid #fff;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    font-size: 32px;
    height: 75px;
    left: 0;
    margin: auto;
    padding-top: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    z-index: 2;
    visibility: visible;
    opacity: 1;
}
#videoWrap.hasAfter #playVideo{
    visibility: hidden;
    opacity: 0;
}
#videoWrap.hasAfter:hover #playVideo{
    opacity: 1;
    visibility: visible;
}
#playVideo .fa-pause{
    font-size: 18px;
    position: relative;
    top: -3px;
}
.videoPost article{
    width: 50%;
    padding-left: 30px;
}
.videoPost article p.italic{
    font-style: italic;
    color: #4e4e4e;
    font-size: 16px;
    line-height: 1.25;
}
article h3 {
    color: #444444;
    font-size: 22px;
    margin-bottom: 16px;
}
.blogSinglePage .postCont article p a{
    color: #202020;
    text-decoration: underline;
}
.videoPost {
    padding: 23px 0 5px;
}
.blogSinglePage.blogPosts .postCont {
    padding: 33px 30px 21px;
}
.blogSinglePage .postThumb:hover img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.authorIntro {
    padding-right: 25px;
}
.authorDetails {
    margin-top: 30px;
    padding-left: 30px;
    width: 80.9%;
}
.authorDetails h5{
    color: #619206
    font-size: 16px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}
.socialTitle {
    margin-bottom: 14px;
}
.socialIcon {
    padding: 0;
    margin: -11px 0 0;
    list-style: none;
}
.socialIcon li{
    float: left;
    margin-left: 7px;
}
.socialIcon li a{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c3c3c3;
    border-radius: 50%;
    color: #bbbbbb;
    font-size: 13px;
    height: 33px;
    padding-top: 10px;
    text-align: center;
    width: 33px;
}
.socialIcon li a:hover{
    color: #fff;
    border-color: #619206
    background: #619206
}
.authorDetails p {
    color: #989898;
    font-size: 15px;
    letter-spacing: 1.05px;
    line-height: 1.6;
}
.commentArea{
    padding: 80px 35px 0 0;
}
.commentArea h3 {
    color: #444444;
    font-size: 24px;
    letter-spacing: 2.398px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.commentArea h3:after{
    background: #ec507e none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: auto;
    transition: all 600ms ease 0s;
    width: 50px;
}
.userImg img {
    border-radius: 50%;
}
.commentArea ol{
    padding: 0;
    list-style: none;
    margin: 0;
}
.commentDetails {
    padding-left: 20px;
    width: 88.42%;
}
.commentMeta h5 {
    color: #333;
    font-size: 13px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}
.commentMeta span {
    color: #888888;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    display: inline-block;
    position: relative;
    padding-right: 22px;
}
.commentMeta span:after{
    background: #cfcfcf none repeat scroll 0 0;
    content: "";
    height: 12px;
    left: auto;
    position: absolute;
    right: 9px;
    top: 0;
    width: 2px;
}
.commentMeta a{
    color: #619206
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
}
.commentMeta a:hover{
    color: #333;
}
.commentDetails p {
    line-height: 1.714;
}
.commentMeta {
    margin: 13px 0 15px;
}
.commentArea ol li > ol {
    padding-top: 30px;
}
.commentArea ol li {
    border-top: 1px solid #f1f1f1;
    padding-bottom: 30px;
    padding-top: 30px;
}
.commentArea > ol > li:first-child{
    border-top: 0;
    padding-bottom: 0;
}
.commentArea > ol > li:last-child{
    border-bottom: 1px solid #f1f1f1;
}
.commentArea ol > li > ol > li{
    padding-left: 115px;
}
.commentArea ol > li > ol > li .commentDetails {
    width: 86.4%;
}
.commentForm{
    margin-top: 80px;
    display: table;
    width: 100%;
}
.commentForm h3{
    margin-bottom: 40px;
}
.commentForm input{
    border: 1px solid #dadada;
    color: #9a9a9a;
    float: left;
    font-size: 13px;
    height: 40px;
    opacity: 1;
    padding: 0 0 0 20px;
    width: 48.68%;
}
.commentForm input:focus,.commentForm textarea:focus{
    outline: 0;
    border-color: #619206
}
.commentForm input[type="email"]{
    margin-left: 20px;
}
.commentForm textarea{
    border: 1px solid #dadada;
    color: #9a9a9a;
    font-size: 13px;
    height: 193px;
    opacity: 1;
    padding: 18px 0 0 20px;
    width: 100%;
    resize: none;
    margin-top: 20px;
}
.commentForm input.required-this,.commentForm textarea.required-this{
    border-color: #444;
}
.commentForm button{
    background: #ec507e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 43px;
    letter-spacing: 1.95px;
    margin-top: 40px;
    padding-top: 0;
    text-transform: uppercase;
    width: 190px;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.commentForm button:hover{
    background: #444;
}
/*
*404 Page
*-------------------------------------------------------------------------
*/
.fourZeroFourArea{
    padding: 180px 0 170px;
}
.fourContent{
    width: 100%;
    border-right: 1px solid #e7e7e7;
    padding: 0 75px 50px 0;
}
.fourContent h2 {
    color: #619206
    font-family: "Playfair Display",serif;
    font-size: 260px;
    font-weight: 700;
    line-height: 0.618;;
}
.fourContent form input {
    border: 1px solid #dadada;
    color: #9a9a9a;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    opacity: 1;
    padding: 0 0 0 20px;
    width: 365px;
    letter-spacing: 1.4px;
    display: block;
}
.fourContent form {
    position: relative;
    margin-top: 113px;
}
.fourContent form button{
    background: #ec507e none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    font-weight: 700;
    left: auto;
    letter-spacing: 1.95px;
    padding: 14px 33px 13px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.fourContent form button:hover{
    background: #444;
}
.notFoundText {
    padding: 96px 10px 0 20px;
}
.notFoundText h3 {
    color: #444444;
    font-size: 30px;
    letter-spacing: 2.1px;
    margin-bottom: 28px;
}
.notFoundText p {
    line-height: 1.5;
    margin-top: 14px;
}
.notFoundText p:first-of-type{
    color: #616161;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.64px;
    line-height: 1.5;
    margin-top: 0;
}

/*
*Contact Page
*-------------------------------------------------------------------------
*/
.mapArea{
    position: relative;
    width: 100%;
}
.contactMap{
    height: 475px;
    width: 100%;
}
.posRelative{
    position: relative;
}
.contactIcon {
    border: 1px solid #a0a0a0;
    border-radius: 50%;
    height: 48px;
    text-align: center;
    width: 48px;
    padding-top: 11px;
    margin-top: 10px;
    color: #999;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
.contactIcon:hover{
    color: #fff;
    background: #619206
    border-color: #619206
}
.contactInfo {
    margin:0 0 0 20px;
}
.contactInfo strong {
    color: #333333;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.6px;
    margin-bottom: 7px;
    display: inline-block;
}
.contactInfo p{
    font-weight: 400;
    line-height: 1.8;
}
.singleContactInfo {
    border-bottom: 1px solid #ececec;
    padding: 28px 0 26px 30px;
}
.singleContactInfo:last-of-type{
    border-bottom: 0;
}
.contactDetails {
    background: #fff none repeat scroll 0 0;
    height: 475px;
    left: 15px;
    padding: 35px 0;
    position: absolute;
    top: -475px;
    width: 88%;
    -webkit-box-shadow: 1.5px -1px 0 0 rgba(0, 0, 0, 0.12);
    box-shadow: 1.5px -1px 0 0 rgba(0, 0, 0, 0.12);
}
/*Contact Form Area*/
.contactFormArea{
    padding: 114px 0 120px;
}
.contactFormArea .tittleArea i{
    color: #619206
}
.contactFormArea .commentForm{
    margin-top: 10px;
}
.contactFormArea .commentForm input[type="email"] {
    margin-right: 20px;
    margin-left: 0;
}
.contactFormArea .commentForm input[name="fname"]{
    margin-right: 20px;
    margin-bottom: 20px;
}
.contactFormArea .commentForm input[name="lname"]{
    margin-bottom: 20px;
}
.contactFormArea .commentForm input {
    width: 48.9%;
}
.contactFormArea .commentForm button{
    width: 230px;
    margin: 40px auto 0;
    display: block;
}
/**---------------------- Extra Css For Magnific Popup -------------------**/
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
*Header animation
*/
.navMenu.fixedMenu{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
}
.fixedMenu .logoImg {
    padding-top: 14px;
}
.fixedMenu .mainMenu {
    padding: 34px 0 0;
}
.fixedMenu .mainMenu > li {
    padding-bottom: 36px;
}
.fixedMenu .mainMenu li:hover .subMenu {
    top: 52px;
}


/**Loader Animation**/
#loader{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #fff;
}
.box {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 500px;
    width: 500px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.hexagon {
    position: absolute;
    top: 50%;
    left: 50%;
}
.hexagon:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.hexagon:nth-child(1) .side {
    -webkit-animation-delay: 0s, 0s !important;
    animation-delay: 0s, 0s !important;
}
.hexagon:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.hexagon:nth-child(2) .side {
    -webkit-animation-delay: -1.66667s, -1.66667s !important;
    animation-delay: -1.66667s, -1.66667s !important;
}
.hexagon:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.hexagon:nth-child(3) .side {
    -webkit-animation-delay: -3.33333s, -3.33333s !important;
    animation-delay: -3.33333s, -3.33333s !important;
}
.hexagon:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.hexagon:nth-child(4) .side {
    -webkit-animation-delay: -5s, -5s !important;
    animation-delay: -5s, -5s !important;
}
.hexagon:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}
.hexagon:nth-child(5) .side {
    -webkit-animation-delay: -6.66667s, -6.66667s !important;
    animation-delay: -6.66667s, -6.66667s !important;
}
.hexagon:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}
.hexagon:nth-child(6) .side {
    -webkit-animation-delay: -8.33333s, -8.33333s !important;
    animation-delay: -8.33333s, -8.33333s !important;
}
.hexagon .side {
    width: 10px;
    height: 4px;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: -webkit-linear-gradient(left, #000 50%, transparent 50%), -webkit-linear-gradient(right, #000 50%, transparent 50%);
    background-image: linear-gradient(to right, #000 50%, transparent 50%), linear-gradient(to left, #000 50%, transparent 50%);
    background-repeat: repeat-y;
    background-position: 0px 0,0px 0;
}
.hexagon .side:nth-child(1) {
    -webkit-animation: grow-out 10s linear infinite, move-out-0 10s linear infinite;
    animation: grow-out 10s linear infinite, move-out-0 10s linear infinite;
}
@-webkit-keyframes move-out-0 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(120deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(120deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(120deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(120deg) translateY(129.90381px);
    }
}
@keyframes move-out-0 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(120deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(120deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(120deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(120deg) translateY(129.90381px);
    }
}
.hexagon .side:nth-child(2) {
    -webkit-animation: grow-out 10s linear infinite, move-out-1 10s linear infinite;
    animation: grow-out 10s linear infinite, move-out-1 10s linear infinite;
}
@-webkit-keyframes move-out-1 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(180deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(180deg) translateY(129.90381px);
    }
}
@keyframes move-out-1 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(180deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(180deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(180deg) translateY(129.90381px);
    }
}
.hexagon .side:nth-child(3) {
    -webkit-animation: grow-out 10s linear infinite, move-out-2 10s linear infinite;
    animation: grow-out 10s linear infinite, move-out-2 10s linear infinite;
}
@-webkit-keyframes move-out-2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(240deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(240deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(240deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(240deg) translateY(129.90381px);
    }
}
@keyframes move-out-2 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(240deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(240deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(240deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(240deg) translateY(129.90381px);
    }
}
.hexagon .side:nth-child(4) {
    -webkit-animation: grow-out 10s linear infinite, move-out-3 10s linear infinite;
    animation: grow-out 10s linear infinite, move-out-3 10s linear infinite;
}
@-webkit-keyframes move-out-3 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(300deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(300deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(300deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(300deg) translateY(129.90381px);
    }
}
@keyframes move-out-3 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(300deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(300deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(300deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(300deg) translateY(129.90381px);
    }
}
.hexagon .side:nth-child(5) {
    -webkit-animation: grow-out 10s linear infinite, move-out-4 10s linear infinite;
    animation: grow-out 10s linear infinite, move-out-4 10s linear infinite;
}
@-webkit-keyframes move-out-4 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(360deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(360deg) translateY(129.90381px);
    }
}
@keyframes move-out-4 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(360deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(360deg) translateY(129.90381px);
    }
}
.hexagon .side:nth-child(6) {
    -webkit-animation: grow-out 10s linear infinite, move-out-5 10s linear infinite;
    animation: grow-out 10s linear infinite, move-out-5 10s linear infinite;
}
@-webkit-keyframes move-out-5 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(420deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(420deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(420deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(420deg) translateY(129.90381px);
    }
}
@keyframes move-out-5 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(420deg) translateY(0px);
        transform: translate(-50%, -50%) rotate(420deg) translateY(0px);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(420deg) translateY(129.90381px);
        transform: translate(-50%, -50%) rotate(420deg) translateY(129.90381px);
    }
}
.hexagon .side:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(120deg) translateY(0px);
    transform: translate(-50%, -50%) rotate(120deg) translateY(0px);
}
.hexagon .side:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) rotate(180deg) translateY(0px);
    transform: translate(-50%, -50%) rotate(180deg) translateY(0px);
}
.hexagon .side:nth-child(3) {
    -webkit-transform: translate(-50%, -50%) rotate(240deg) translateY(0px);
    transform: translate(-50%, -50%) rotate(240deg) translateY(0px);
}
.hexagon .side:nth-child(4) {
    -webkit-transform: translate(-50%, -50%) rotate(300deg) translateY(0px);
    transform: translate(-50%, -50%) rotate(300deg) translateY(0px);
}
.hexagon .side:nth-child(5) {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) translateY(0px);
    transform: translate(-50%, -50%) rotate(360deg) translateY(0px);
}
.hexagon .side:nth-child(6) {
    -webkit-transform: translate(-50%, -50%) rotate(420deg) translateY(0px);
    transform: translate(-50%, -50%) rotate(420deg) translateY(0px);
}

@-webkit-keyframes grow-out {
    0% {
        background-position: 0 0, 0 0;
        width: 0px;
    }
    50% {
        background-position: 0 0, 0 0;
        width: 75px;
    }
    100% {
        background-position: -77px 0, 77px 0;
        width: 154px;
    }
}

@keyframes grow-out {
    0% {
        background-position: 0 0, 0 0;
        width: 0px;
    }
    50% {
        background-position: 0 0, 0 0;
        width: 75px;
    }
    100% {
        background-position: -77px 0, 77px 0;
        width: 154px;
    }
}
.tp-loader.spinner0{
    display: none !important;
}
/*
*Responsive Media Query
*-------------------------------------------------------------------------
*/
@media (min-width: 2200px) and (max-width: 2565px){
    img{
        width: 100%;
        max-width: inherit;
    }
}
@media (min-width: 1900px) and (max-width: 2100px){
    img{
        width: 100%;
        max-width: inherit;
    }
}
@media (min-width: 1550px) and (max-width: 1680px){
    .lg-thumb-item {
        width: 180px !important;
    }
    .lg-outer .lg-thumb-item img {
        height: 120px;
    }
    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
        opacity: 1;
        transform: scale3d(.8, .8, .8);
    }
    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        bottom: 195px;
    }
    .lg-sub-html {
        width: 47.5%;
    }
    .lg-actions .lg-next {
        right: 27.3%;
    }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        top: 74.7%;
    }
    .lg-actions .lg-prev {
        left: 70.5%;
    }
    .lg-toolbar.group {
        right: 26.8%;
        top: 25.5%;
    }
    .newsContent {
        padding: 0 55px;
    }
    .quoteContent {
        padding-left: 560px;
    }
    .galMasonryPage .lg-thumb-item {
        height: 95px;
        width: 140px !important;
    }
    .funfactArea {
        padding: 75px 125px;
    }
}
@media (min-width: 1300px) and (max-width: 1500px){
    .funfactArea {
        padding: 75px 59px;
    }
    .factDetails {
        margin-right: 50px;
    }
    .newsContent {
        padding: 0 20px;
    }
    .postCont {
        padding: 26px 38px 28px 30px;
        width: 320px;
        height: 188px;
    }
    .postThumb {
        width: 320px;
    }
    .postMeta.text-right {
        padding-left: 68px;
    }
    .quoteContent {
        padding-left: 288px;
    }
    #teamCarousel .carousel-control.left {
        left: -50px;
    }
    #teamCarousel .carousel-control.right {
        right: -50px;
    }
    #testiCarousel .carousel-control.left {
        left: -140px;
    }
    #testiCarousel .carousel-control.right {
        right: -140px;
    }
    /* Gallery */
    .lg-toolbar.group {
        right: 27.34%;
        top: 22.75%;
    }
    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        bottom: 125px;
    }
    .lg-sub-html {
        width: 46.5%;
    }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        top: 75.9%;
    }
    .lg-actions .lg-prev {
        left: 68%;
    }
    .lg-actions .lg-next {
        right: 28.5%;
    }
    .lg-thumb-outer.lg-grab {
        bottom: 7px;
        height: 100px !important;
    }
    .lg-thumb.group {
        display: table !important;
        transform: translate3d(0px, 0px, 0px) !important;
        width: auto !important;
    }
    .lg-thumb-item {
        width: 150px !important;
    }
    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
        opacity: 1;
        transform: scale3d(.65, .65, .65);
    }
    /* Gallery 4 Column */
    .galleryFourColPage .lg-thumb-item {
        width: 65px !important;
        height: 55px;
    }
    .galleryFourColPage .lg-thumb-outer.lg-grab {
        height: 45px !important;
        bottom: 60px;
    }
    /* Gallery Masonry Page */
    .galMasonryPage .lg-thumb-item {
        width: 110px !important;
        height: 75px;
    }
    .galSinglePage .lg-outer .lg-thumb-item {
        height: 95px;
        width: 145px !important;
    }
}
@media (min-width: 1300px) and (max-width: 1400px){
    .tp-caption.firstSlide {
        top: 180px !important;
    }
    .tp-caption.secondSlide {
        top: 305px !important;
    }
    .tp-caption.thirdSlide {
        top: 380px !important;
    }
    .widAdd img, .widAdd2 img{
        width: 100%;
    }
}
@media (min-width: 1401px) and (max-width: 1500px){
    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        bottom: 232px;
        width: 43.5%;
    }
    .lg-actions .lg-next {
        right: 29.5%;
    }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        top: 70.5%;
    }
    .lg-outer .lg-thumb-item img {
        height: 115px;
    }
    .lg-thumb-outer.lg-grab {
        bottom: 80px;
    }
    .lg-toolbar.group {
        right: 29.34%;
        top: 30.75%;
    }
    .newsContent {
        padding: 0 65px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px){
    .logoImg a {
        font-size: 30px;
    }
    .logoImg a i {
        font-size: 45px;
    }
    .mainMenu {
        padding: 45px 0 0;
    }
    .mainMenu > li > a {
        padding-right: 25px;
    }
    .funfactArea {
        padding: 75px 20px;
    }
    .factDetails {
        height: 220px;
        margin-right: 30px;
        width: 220px;
        padding-top: 20px;
    }
    .serviceImg {
        left: 0;
        top: 55px;
        width: 425px;
    }
    .serviceDesc {
        padding: 50px 71px 89px;
    }
    .newsContent {
        padding: 0 147px;
    }
    .quoteArea {
        padding: 113px 115px 107px 0;
    }
    .quoteContent {
        padding-left: 20px;
    }
    #teamCarousel .carousel-control.left {
        left: 0;
    }
    #teamCarousel .carousel-control.right {
        right: 0;
    }
    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg .lg-sub-html {
        bottom: 285px;
        width: 95%;
    }
    .lg .lg-actions .lg-next, .lg .lg-actions .lg-prev {
        top: 73.5%;
    }
    .lg .lg-toolbar.group {
        top: 26.5%;
    }
    .testiContent {
        display: table;
        margin: 0 auto;
        width: 100%;
    }
    .testimonials {
        width: 69.1%;
    }
    #testiCarousel .carousel-control {
        width: 45px;
    }
    #testiCarousel .carousel-control.left {
        left: 0;
    }
    #testiCarousel .carousel-control.right {
        right: 0;
    }
    /*404*/
    .notFoundText{
        padding-top: 35px;
    }
}
@media (min-width: 768px) and (max-width: 1024px){
    /*header*/
    .logoImg a {
        font-size: 20px;
    }
    .logoImg a span {
        padding-left: 10px;
    }
    .logoImg a i {
        font-size: 35px;
    }
    .mainMenu {
        padding: 40px 0 0;
    }
    .mainMenu > li > a {
        font-size: 10px;
        padding-right: 16px;
        letter-spacing: 2px;
    }
    .mainMenu > li:last-child > a {
        font-size: 12px;
        padding-right: 0;
    }
    .mainMenu > li:last-child > a::after {
        padding-left: 10px;
    }
    .mainMenu > li:last-child > a::before {
        padding-right: 15px;
    }
    .fixedMenu .logoImg {
        padding-top: 21px;
    }
    .searchArea form input {
        padding: 26px 40px 28px;
    }
    /*Slider Section*/
    #mainSlider .tparrows.default.hidearrows {
        display: none!important;
        opacity: 0 !important;
    }
    #mainSlider .tp-leftarrow.default, #mainSlider .tp-rightarrow.default {
        display: none !important;
    }
    #mainSlider .tp-caption{
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    #mainSlider .tp-caption.firstSlide{
        top: 330px !important;
    }
    #mainSlider .tp-caption.secondSlide{
        top: 490px !important;
    }
    #mainSlider .tp-caption.thirdSlide{
        top: 600px !important;
    }
    /*About*/
    .singleAbout p {
        padding: 0 0 35px;
    }
    
    
    
    /*Fun fact*/
    .funfactArea {
        padding: 75px 0 45px;
        text-align: center;
    }
    .factDetails{
        float: none !important;
        margin: 0 40px 30px;
        display: inline-block;
    }
    .factDetails.last{
        margin-right: 40px;
    }
    /*Service*/
    .serviceImg {
        display: table;
        left: auto;
        margin: 0 auto;
        top: 20px;
        width: auto;
        position: relative;
    }
    .serviceDesc {
        float: none !important;
        left: 0;
        margin-top: 80px;
        padding: 97px 125px 112px;
    }
    /*News Area*/
    .newsContent {
        padding: 0 15px;
    }
    .postCont {
        width: 355px;
    }
    .singlePost {
        display: table;
        width: auto;
        float: none !important;
        margin: 0 auto 30px;
    }
    /*Quote Area*/
    .quoteArea {
        padding: 100px 60px 100px 0;
    }
    .quoteContent {
        padding-left: 40px;
    }
    /*Team Area*/
    .teamDetails {
        padding-left: 20px;
        padding-top: 0;
    }
    #teamCarousel .carousel-control.left {
        left: 0;
    }
    #teamCarousel .carousel-control.right {
        right: 0;
    }
    /*Portfolio*/
    .lg-outer.lg-thumb-open .lg-thumb-outer {
        display: none;
    }
    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        bottom: 265px;
        width: 95%;
    }
    .lg-actions .lg-prev {
        left: 91%;
    }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        top: 71%;
    }
    .lg-actions .lg-next {
        right: 5%;
    }
    .lg-toolbar.group {
        right: 4%;
        top: 29%;
    }
    /*Testimonial*/
    .testiProvider {
        margin-left: 8px;
    }
    .testimonials {
        padding: 8px 10px 10px 10px;
        width: 52.1%;
    }
    #testiCarousel .carousel-control.left {
        left: -50px;
    }
    #testiCarousel .carousel-control.right {
        right: -50px;
    }
    /*Gallery Single*/
    .courseMetaData {
        padding-left: 40px;
    }
    /*404*/
    .fourZeroFourArea {
        padding: 80px 0;
    }
    .fourContent {
        padding: 0 30px 100px 0;
    }
    .fourContent h2 {
        font-size: 180px;
        line-height: 0.6;
    }
    .notFoundText {
        padding: 40px 10px 0 20px;
    }
    .fourContent form input {
        font-size: 12px;
        width: 100%;
    }
    .fourContent form button {
        font-size: 12px;
        padding: 14px 20px;
    }
    /*Blog One*/
    .widget ul li {
        padding: 16px 15px 16px 40px;
    }
    .widAdd img,.widAdd2 img {
        width: 100%;
    }
    .blogPosts {
        padding-right: 0;
    }
    .postCont h5 a {
        line-height: 1.1;
    }
    .blogTags li a {
        line-height: 2;
    }
    .postMeta span {
        line-height: 2;
    }
    .authorName a.authIta {
        line-height: 2;
    }
    .postTags i {
        line-height: 2;
    }
    span.authLine {
        line-height: 1.4;
    }
    .widPostCont {
        padding-left: 10px;
        width: 63.2%;
    }
    .widgetPost {
        padding: 10px;
    }
    /*Blog Two*/
    .blogPosts.blogTwoPage {
        margin: 0 auto 50px;
        width: 385px;
    }
    .blogPosts.blogTwoPage .postThumb {
        width: 100%;
    }
    .blogPosts.blogTwoPage .postCont {
        border-width: 0 1px 1px;
        width: 100%;
    }
    /*Blog Details*/
    .postRelatedImg img {
        width: 30%;
    }
    #videoWrap {
        width: 100%;
    }
    .videoPost article {
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
    }
    .authorDetails {
        margin-top: 30px;
        padding-left: 0;
        width: 100%;
    }
    .commentDetails {
        padding-left: 0;
        width: 100%;
    }
    .commentArea ol > li > ol > li {
        padding-left: 0;
    }
    .commentArea ol > li > ol > li .commentDetails {
        width: 100%;
    }
    .commentForm input {
        margin-top: 20px;
        width: 100%;
    }
    .commentForm input[type="email"] {
        margin-left: 0;
    }
    .commentArea {
        padding: 80px 0 0;
    }
}
@media (min-width: 1023px) and (max-width: 1199px){
    .lg-outer.lg-thumb-open .lg-thumb-outer {
        display: none;
    }
    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        bottom: 65px;
        width: 95%;
    }
    .lg-actions .lg-next {
        right: 5%;
    }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        top: 87.4%;
    }
    .lg-actions .lg-prev {
        left: 92%;
    }
    .lg-toolbar.group {
        right: 2.8%;
        top: 12.5%;
    }
    /*Blog Two*/
    .blogPosts.blogTwoPage {
        margin: 0 auto 50px;
        width: 385px;
    }
    .blogPosts.blogTwoPage .postThumb {
        width: 100%;
    }
    .blogPosts.blogTwoPage .postCont {
        border-width: 0 1px 1px;
        width: 100%;
    }
    .widAdd, .widAdd2{
        text-align: center;
    }
    .postRelatedImg img {
        width: 30.7%;
    }
    #videoWrap {
        width: 100%;
    }
    .videoPost article {
        padding-left: 0;
        padding-top: 20px;
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 767px){
    /**Home page*/
    .socialTop {
        padding: 0 0 10px;
        text-align: center;
        width: 100%;
    }
    .shortMenus {
        text-align: center;
        width: 100%;
    }
    .shortMenus li:first-child a{
        padding-left: 0;
    }
    .shortMenus li a::after {
        padding-left: 12px;
    }
    .shortMenus li a {
        font-size: 12px;
        padding-left: 10px;
    }
    .logoImg a {
        font-size: 25px;
    }
    .logoImg a span {
        padding-left: 12px;
    }
    .logoImg a i {
        font-size: 38px;
    }
    .toggleBtn{
        background: transparent;
        border: 1px solid #619206
        height: 26px;
        left: auto;
        padding: 3px;
        position: absolute;
        right: 15px;
        top: 40px;
        width: 30px;
        cursor: pointer;
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
    }
    .toggleBtn span {
        background: #619206
        display: block;
        height: 1px;
        margin-top: 3px;
        width: 100%;
        -webkit-transition: all 600ms ease;
        -moz-transition: all 600ms ease;
        -ms-transition: all 600ms ease;
        -o-transition: all 600ms ease;
        transition: all 600ms ease;
    }
    .toggleBtn:hover{
        border-color: #444;
    }
    .toggleBtn:hover span{
        background: #444;
    }
    .navMenu {
        z-index: 999;
    }
    .mainMenu {
        background: #fff none repeat scroll 0 0;
        padding: 20px 0;
        text-align: center;
        width: 100%;
        -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.2);
        display: none;
        position: relative;
        margin-top: 20px;
    }
    .mainMenu > li {
        display: block;
        padding-bottom: 0;
    }
    .mainMenu > li > a {
        display: block;
        padding: 10px 0;
    }
    .mainMenu > li > a::before {
        bottom: 0;
        width: 100%;
    }
    .subMenu {
        opacity: 1;
        padding: 20px 0;
        position: relative;
        top: 0;
        visibility: visible;
        width: 100%;
        display: none;
        -webkit-transition: all 0ms ease;
        -moz-transition: all 0ms ease;
        -ms-transition: all 0ms ease;
        -o-transition: all 0ms ease;
        transition: all 0ms ease;
    }
    .mainMenu li:hover .subMenu {
        top: 0;
    }
    .fixedMenu .mainMenu li:hover .subMenu {
        top: 0;
    }
    .fixedMenu .mainMenu > li {
        padding-bottom: 0;
    }
    .fixedMenu .mainMenu {
        padding: 20px 0;
    }
    .fixedMenu .toggleBtn {
        top: 23px;
    }
    .navMenu.fixedMenu {
        padding-bottom: 20px;
    }
    .searchArea form input {
        font-size: 20px;
        padding: 20px 20px 22px;
        box-shadow: 0px 0px 2px rgba(0,0,0,.5);
    }
    .searchArea {
        top: 15px;
    }
    #searchClose {
        top: 18px;
    }
    /*Slider Section*/
    #mainSlider .tparrows.default.hidearrows {
        display: none!important;
        opacity: 0 !important;
    }
    #mainSlider .tp-leftarrow.default, #mainSlider .tp-rightarrow.default {
        display: none !important;
    }
    .slideContent h2,.slideContent h3 {
        font-size: 45px;
    }
    #mainSlider .tp-caption.secondSlide {
        top: 240px !important;
    }
    #mainSlider .tp-caption{
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    .slideContent p {
        font-size: 35px;
    }
    #mainSlider .tp-caption.firstSlide{
        top: 170px !important;
    }
    #mainSlider .tp-caption.secondSlide{
        top: 220px !important;
    }
    #mainSlider .tp-caption.thirdSlide{
        top: 315px !important;
    }

    /*About section*/
    .aboutArea {
        padding: 80px 0 30px;
    }
    .tittleArea i {
        color: #164611;
        font-size: 55px;
    }
    .tittle {
        font-size: 30px;
    }
    .subtittle {
        font-size: 14px;
        padding: 0 15px 15px;
    }
    .singleAbout {
        margin-bottom: 50px;
    }
    /*Funfacts*/
    .funfactArea {
        padding: 75px 15px 45px;
    }
    .factDetails {
        margin-right: auto;
        margin-left: auto;
        float: none !important;
        margin-bottom: 30px;
    }
    .factDetails.last {
        margin-right: auto;
    }
    /*Service*/
    .serviceArea {
        padding: 80px 0 80px;
    }
    .serviceImg {
        left: 0;
        position: relative;
        top: 15px;
    }
    .serviceDesc {
        margin-top: 60px;
        padding: 15px 0 15px 15px;
        width: 100%;
        left: 0;
    }
    .singleService {
        width: 100%;
        margin-bottom: 30px;
    }
    .serviceDetails {
        margin-left: 15px;
        width: 71%;
        position: relative;
        z-index: 5;
        padding-top: 15px;
    }
    .serIcon::after {
        bottom: -72px;
    }
    .serviceDetails h4 {
        font-size: 16px;
    }
    /*Latest News*/
    .latestNewsArea {
        padding: 80px 0;
    }
    .newsContent {
        padding: 0 15px;
    }
    .postCont {
        border-width: 0 1px 1px 1px;
        padding: 30px 25px 30px 30px;
        width: 100%;
    }
    .postCont.text-right {
        border-width: 1px 1px 0px 1px;
    }
    .postThumb img {
        width: 100%;
        max-width: inherit;
    }
    .postMeta.text-right {
        padding-left: 63px;
    }
    /*Quote*/
    .quoteArea {
        padding: 100px 15px;
    }
    .quoteContent {
        padding-left: 0;
    }
    .quoteContent h2 {
        font-size: 30px;
        line-height: 1.2;
    }
    /*Team*/
    .teamArea {
        padding: 80px 0;
    }
    .teamImg {
        padding-left: 0;
        width: 70%;
        margin: 0 auto;
    }
    .teamDetails {
        padding-left: 0;
        padding-top: 30px;
    }
    #teamCarousel .carousel-control {
        top: -160px;
        width: 45px;
    }
    #teamCarousel .carousel-control.left {
        left: 0;
    }
    #teamCarousel .carousel-control.right {
        right: 0;
    }
    .singleImg {
        width: 100%;
    }
    .lg-actions {
        display: none;
    }
    .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
        display: none;
    }
    .lg-outer.lg-thumb-open .lg-thumb-outer {
        display: none;
    }
    .lg-toolbar.group {
        right: 5.8%;
        top: 32.5%;
    }
    /*Subscribe*/
    .subscribeForm {
        width: 100%;
    }
    .subscribeForm input {
        width: 100%;
    }
    .subscribeForm button {
        position: relative;
        margin-top: 30px;
    }
    /*Testimonial*/
    .testimonailArea {
        padding: 80px 0;
    }
    .testimonials {
        padding: 25px;
        width: 100%;
    }
    #testiCarousel .carousel-control {
        display: none;
    }
    /*Footer*/
    .footerWidgetArea {
        padding: 80px 0 46px;
    }
    .singleWidget {
        margin-bottom: 50px;
    }
    .footerMenu li a {
        margin-right: 20px;
        margin-bottom: 15px;
    }
    /*GalMas*/
    .innerMenu .logoImg {
        padding-top: 15px;
    }
    .innerMenu .toggleBtn {
        top: 25px;
    }
    .navMenu.innerMenu {
        padding-bottom: 20px;
    }
    .breadMenuCont ul li a span {
        padding-left: 0;
        padding-right: 0;
    }
    .galleryArea {
        padding: 80px 0 0;
    }
    .galleryPage.galleryArea {
        padding-bottom: 80px;
    }
    .singleImg img {
        max-width: inherit;
        width: 100%;
    }
    .paginate li:first-child a, .paginate li:last-child a {
        padding: 11px 10px 0;
        width: auto;
    }
    .paginate li a {
        font-size: 12px;
        height: 35px;
        padding-top: 10px;
        width: 35px;
    }
    .paginate > li > a > span {
        padding-left: 5px;
    }
    .paginate > li > span {
        font-size: 12px;
        height: 35px;
        padding-top: 9px;
        width: 35px;
    }
    .singleImg.galleryPage {
        margin: 0 auto 30px;
        width: 277px;
        float: none !important;
    }
    /*Gallery Single Page*/
    .galleryDetailsArea {
        padding: 80px 0;
    }
    .galleryDetailsArea .singleImg.bigImg img {
        min-height: 300px;
    }
    .courseMetaData {
        padding-left: 0;
        width: 100%;
    }
    .courseMetaData.paddingManage {
        padding-left: 0;
    }
    /*about page*/
    .breadCrumArea {
        padding: 55px 0;
    }
    .callBtn {
        margin-left: 15px;
        margin-top: 40px;
    }
    /*404 page*/
    .fourContent h2 {
        font-size: 160px;
        line-height: 1;
    }
    .fourContent {
        border-right: 0 none;
        padding: 0 0 50px;
        text-align: center;
        width: 100%;
    }
    .fourContent form {
        margin-top: 60px;
    }
    .fourContent form input {
        width: 100%;
    }
    .fourZeroFourArea {
        padding: 50px 0 80px;
    }
    .notFoundText {
        padding: 15px 0 0;
    }
    /*Blog Page*/
    .blogPostArea {
        padding: 80px 0;
    }
    .blogPosts {
        padding-right: 0;
    }
    .postCont h5 a {
        line-height: 1.1;
    }
    .blogTags li a {
        line-height: 2;
    }
    .postMeta span {
        line-height: 2;
    }
    .authorName a.authIta {
        line-height: 2;
    }
    .postTags i {
        line-height: 2;
    }
    span.authLine {
        line-height: 1.4;
    }
    .widget form {
        margin-top: 60px;
    }
    .widAdd {
        text-align: center;
    }
    /*Blog Two*/
    .blogPosts.blogTwoPage .postThumb {
        width: 100%;
    }
    .blogPosts.blogTwoPage .postCont {
        border-width: 0 1px 1px;
        width: 100%;
    }
    /*Blog Single*/
    .postRelatedImg img {
        width: 27%;
    }
    #videoWrap {
        height: 210px;
        width: 100%;
    }
    .videoPost article {
        padding-left: 0;
        padding-top: 25px;
        width: 100%;
    }
    .authorIntro {
        padding-right: 0;
    }
    .authorDetails {
        margin-top: 30px;
        padding-left: 0;
        width: 100%;
    }
    .socialIcon {
        margin: 20px 0 0;
        padding: 0;
        width: 100%;
    }
    .commentArea {
        padding: 50px 0 0;
    }
    .commentDetails {
        padding-left: 0;
        width: 100%;
    }
    .commentMeta .pull-right {
        float: left !important;
        padding-top: 5px;
        width: 100%;
    }
    .commentArea ol > li > ol > li {
        padding-left: 0;
    }
    .commentForm input {
        margin-top: 20px;
        width: 100%;
    }
    .commentForm input[type="email"] {
        margin-left: 0;
    }
    .commentArea ol > li > ol > li .commentDetails {
        width: 100%;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .serviceImg {
        margin: auto;
        width: 440px;
    }
    .serviceDetails {
        width: 80%;
    }
    .singleService {
        margin-bottom: 64px;
    }
    .singlePost {
        float: none !important;
        margin: 0 auto 30px;
        width: 365px;
    }
    .singleImg {
        width: 480px;
        margin: 0 auto;
        float: none !important;
    }
    #testiCarousel .carousel-inner > .item {
        margin: 0 auto;
        width: 296px;
    }
    .teamImg {
        width: 357px;
    }
    /*Gallery Single Page*/
    #singleGallery .carousel-indicators {
        right: 105px;
    }
    #singleGallery .carousel-indicators {
        right: 250px;
    }
    /*Blog Two*/
    .blogPosts.blogTwoPage {
        margin: 0 auto 50px;
        width: 385px;
    }
    #videoWrap {
        height: 310px;
    }
}