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

@font-face {
    font-family: 'Cambria';
    src: url('../fonts/subset-Cambria.eot');
    src: url('../fonts/subset-Cambria.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-Cambria.woff2') format('woff2'),
        url('../fonts/subset-Cambria.woff') format('woff'),
        url('../fonts/subset-Cambria.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: 'Open Sans', 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, .h1{
    font-weight: 500;
    margin: 0;
    line-height: 1.1;
    font-family: 'Open Sans', 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: #c69c6d;
}
.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: #c69c6d;
}
.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: 'Open Sans';;
    font-size: 40px;
    text-transform: uppercase;
}
.logoImg a:hover{
    color: #c69c6d;
}
.logoImg a i {
    font-size: 60px;
    color: #c69c6d;
    -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: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    padding-right: 15px;
    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,
.mainMenu > li.active > a: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: "Open Sans",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: 220px;
    padding: 20px 10px;
    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;
    text-align: center;
}
.subMenu li a{
    color: #fff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: 600;
    /*letter-spacing: 2.24px;*/
    padding: 5px 0;
    text-align: center;
    line-height: 18px;
}
.subMenu li a:hover,
.subMenu li.active a {
    color: #c69c6d;
}
.mainMenu li:hover .subMenu{
    opacity: 1;
    visibility: visible;
    top: 64px;
}
.defaultBtn.border {
    border: 1px solid #c69c6d;
    color: #c69c6d;
    font-family: 'Open Sans';;
    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: #c69c6d;
    border: 1px solid #c69c6d;
    color: #fff;
}
.defaultBtn.fill {
    background: #c69c6d;
    border: 1px solid #c69c6d;
    color: #fff;
    font-family: 'Open Sans';;
    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 #c69c6d;
    color: #c69c6d;
    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: #c69c6d;
}
/* Slider Section */
.slideContent h2 {
    color: #c69c6d;
    font-family: "Open Sans",sans-serif;
    font-size: 130px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
}
.slideContent h3 {
    color: #c69c6d;
    font-family: "Open Sans",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: 'Open Sans', 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: 40px 0 30px;
}
.tittleArea {
    padding-bottom: 60px;
}
.tittleArea i{
    font-size: 77px;
    color: #c69c6d;
}
.tittle{
    font-size: 40px;
    color: #444444;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 0 22px;
    letter-spacing: 1.8px;
}
.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;
}
.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: #c69c6d;
    display: inline-block;
    font-size: 105px;
}
.singleAbout h5{
    color: #444;
    font-size: 18px;
    line-height: 22px;
    /*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: #c69c6d;
    color: #222222;

}
.singleAbout .defaultBtn.border:hover{
    color: #fff;
    background: #c69c6d;
    border-color: #c69c6d;
}
/* Fun Facts Area */
.funfactArea {
    padding: 75px 291px;
    background: url(../images/background/funfactBg.png) no-repeat fixed center center / cover;
    position: relative;
}
.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: "Open Sans";
    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: #c69c6d;
    display: inline-block;
    padding-bottom: 4px;
}
.serviceContent {
    position: relative;
}
.singleService {
    width: 410px;
    margin-bottom: 64px;
}
.serviceDesc {
    background: #fff none repeat scroll 0 0;
    padding: 97px 144px 112px;
    position: relative;
    left: 6px;
}
.serviceDesc:after{
    border: 1px solid #12a9cc;
    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 #c69c6d;
    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: #c69c6d 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: #c69c6d;
}
.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: Open Sans;
    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: "Open Sans";
    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;
    line-height: 20px;
}
.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: Open Sans;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .52px;
    padding-right: 2px;
}
.authorName a.authIta {
    color: #c2c2c2;
    float: left;
    font-family: Open Sans;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
}
.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: Open Sans;
    font-weight: 400;
}
.postTags ul li:nth-child(even) a{
    color: #c69c6d;
    float: left;
    font-family: Open Sans;
    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 {
    
}
.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: #c69c6d;
	border: 1px solid #c69c6d;
}
.blogView .defaultBtn.fill:hover{
    background: #fff;
    color: #c69c6d;
}
/* 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: 'Open Sans', cursive;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-align: right;
    font-style: italic;
}
.quotOverlay{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(198, 156, 109, 0.5);
    height: 100%;
    width: 100%;
}
/* Team Section */
.teamArea {
    padding: 40px 0 60px;
}
.teamArea .tittleArea i{
    display: inline-block;
    color: #c69c6d;
    font-size: 90px;
}
.teamArea .tittle{
    padding-top: 11px;
}
.teamImg{
    padding-left: 10px;
}
.teamImg img{
    border: 3px solid #c69c6d;
    border-radius: 50%;
}
.teamDesig h4 {
    font-family: Open Sans;
    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: Open Sans;
    font-weight: 400;
    line-height: 16px;
}
.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 #fff;
    color: #fff;
    font-size: 16px;
    height: 41px;
    margin-right: 5px;
    padding-top: 12px;
    text-align: center;
    width: 41px;
}
.teamSocial li a:hover{
    background: #333;
    border-color: #c69c6d;
    color: #c69c6d;
}
#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: #fff none repeat scroll 0 0;
    padding: 30px 0 0;
}
.galleryArea .tittleArea i{
    color: #c69c6d;
    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);
    transform: scale(1.05);
}
.galDesc {
    bottom: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 2;
    height: 20px;
    margin: auto;
    margin-top: -10px;
}
.galDesc h4 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2.4px;
}
.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: "Open Sans",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: "Open Sans",sans-serif;
    font-style: italic;
}

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

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

.subscribeForm input:-ms-input-placeholder {  
    color: #c1c1c1;
    font-family: "Open Sans",sans-serif;
    font-style: italic;   
}
.subscribeForm button {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    font-family: Open Sans;
    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: 50px 0 30px;
}
.testiContent {
    display: table;
    margin: 0 auto;
    width: 86.5%;
}
.testiProvider {
    background: #c69c6d none repeat scroll 0 0;
    height: 195px;
    width: 296px;
    padding-top: 52px;
    padding-left: 30px;
}
.testiImg img {
    border-radius: 50%;
}
.testiDesig{
    padding-left: 20px;
    padding-top: 20px;
}
.testiDesig h4 {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    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: Open Sans;
    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 #c69c6d;
    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: 38px 0 36px;
    position: relative;
}
.singleWidget span.icon {
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    padding-top: 12px;
    width: 50px;
}
.singleWidget p,
.singleWidget p a {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.26px;
    line-height: 1;
    padding-top: 35px;
}
.singleWidget p a {
	padding: 0;
}
.singleWidget p a:hover {
	color: #c69c6d;
}
.backto {
    background: #333333 none repeat scroll 0 0;
    bottom: 40px;
    font-size: 20px;
    height: 40px;
    right: 20px;
    position: fixed;
    text-align: center;
    top: auto;
    width: 40px;
    color: #fff;
    border-radius: 50%;
    padding-top: 7px;
    z-index: 10;
    display: none;
    opacity: 1 !important;
}
.backto:hover,.backto:focus{
    color: #fff;
}
.footerMain {
    background: #000;
    padding: 20px 0;
}
.footerLogo a {
    color: #c69c6d;
    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: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    display: inline-block;
    font-family: 'Open Sans', 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: #c69c6d;
}
.footerContent p {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .48px;
    font-weight: 400;
    padding-top: 55px;
}
.footerContent p a{
    color: #fff;
}
.footerContent p a:hover,
.footerContent p a:focus{
    color: #c69c6d;
}
.sliderArea,
.sliderArea .box-content {
	height: 900px;
}
.sliderArea .box-content {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
}
.sliderArea .form {
	background: rgba(255,255,255,0.8);
	padding: 30px;
	border-radius: 15px;
}
/*
*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,
.breadContent h1 {
    color: #fff;
    font-family: "Open Sans",cursive;
    font-size: 52px;
    letter-spacing: 1.04px;
    margin-bottom: 15px;
    padding-bottom: 19px;
    position: relative;
    line-height: 54px;
}
.breadContent h2:after,
.breadContent h1:after {
    content: "";
    height: 2px;
    width: 42px;
    background: #c69c6d;
    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: #c69c6d none repeat scroll 0 0;
    padding: 15px 0 13px;
}
.breadMenuCont p {
    color: #fff;
    font-family: "Open Sans",serif;
    font-size: 16px;
}
.breadMenuCont ul{
    margin: 3px 0 0;
    padding: 0;
}
.breadMenuCont ul li{
    display: inline-block;
    font-family: Open Sans;
    font-weight: 400;
    color: #fff;
    font-size: 12px;
    letter-spacing: .56px;
}
.breadMenuCont ul li a{
    display: inline-block;
    font-family: Open Sans;
    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: Open Sans;
    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: 30px;
}
.singleImg.galleryPage{
    width: 100%;
    margin-bottom: 30px;
}
.galleryPage.galleryArea .album span {
	display: block;
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.galleryPage.galleryArea .album a {
	color: #444;
}
.galleryFourColPage .lg-thumb-item {
    width: 101px !important;
}
.galleryFourColPage .lg-thumb-outer.lg-grab {
    height: 75px !important;
    bottom: 79px;
}
.galleryFourColPage .tittleArea i{
    color: #c69c6d;
}
.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: 'Open Sans', sans-serif;
    margin-right: 10px;
}
.paginate > li > span{
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #c69c6d;
    background: #c69c6d;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    padding-top: 11px;
    font-size: 14px;
}
.paginate li a{
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #c69c6d;
    font-size: 14px;
    color: #c69c6d;
    font-weight: 500;
    font-family: 'Open Sans', 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 #c69c6d;
    background: #c69c6d;
    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: #c69c6d;
    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: #c69c6d;
    font-size: 14px;
}
.courseMetaData p span{
    color: #c69c6d;
    padding-left: 12px;
}
.courseMetaData.paddingManage{
    padding-left: 32px;
}
.galleryDetailsArea #similarItem .singleImg.galleryPage{
    margin-bottom: 0;
}
#similarItem {
    padding-top: 80px;
}
#similarItem .tittleArea i{
    color: #c69c6d;
}
.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: 30px 0;
}
.blogPosts{
    padding-right: 25px;
    margin-bottom: 50px;
}
.blogPosts .postThumb {
    width: 100%;
}
.blogPosts .postDate span.date{
    background: #c69c6d;
}
.blogPosts .postHovBtns a:hover{
    background: #c69c6d;
    border-color: #c69c6d;
}
.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;
    line-height: 20px;
}
.postTags i{
    float: left;
}
.blogPosts .postTags ul li a:hover{
    color: #c69c6d;
}
.favComment li a i{
    padding: 0 5px 0 3px;
}
.blogPosts .postTags ul li:nth-child(even) a,.blogPosts .authorName a.authIta:hover{
    color: #c69c6d;
}
.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: #c69c6d;
}
.blogPosts .postCont p{
    margin-bottom: 11px;
}
.blogPosts .postCont h5 a:hover{
    color: #c69c6d;
}
.blogPosts .postCont h5 a:hover:after{
    background: #c69c6d;
}
/*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: #c69c6d 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: #c69c6d none repeat scroll 0 0;
    color: #fff;
    font-family: "Open Sans",serif;
    font-size: 14px;
    padding: 22px 0 22px 25px;
    position: relative;
    text-transform: uppercase;
}
.widget-title::before {
    
    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: 'Open Sans', 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,
.widget ul li.active a {
    color: #c69c6d;
}
.widget ul li a:hover:before,
.widget ul li.active a:before {
    border-color: #c69c6d;
}
.widget ul li a:hover:after,
.widget ul li.active a:after {
    background: #c69c6d;
}
.widImg {
    position: relative;
    text-align: center;
}
.widAdd{
    position: relative;
}
.widAdd a{
    background: #c69c6d 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: #c69c6d;
}
.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: #c69c6d;
}
.widPostCont span {
    color: #c69c6d;
    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: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: .5;
}
.blogSinglePage .postCont p, 
.blogSinglePage .postCont ul {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.56px;
    line-height: 1.714;
}
.blogSinglePage .postCont ul {
	color: #777;
}
.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 0px 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: #c69c6d;
    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: #c69c6d;
    background: #c69c6d;
}
.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: #c69c6d 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: #c69c6d;
    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[type="text"],
.commentForm input[type="password"] {
    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: #c69c6d;
}
.commentForm input[name="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: #fff none repeat scroll 0 0;
    border: 1px solid #c69c6d;
    color: #c69c6d;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 43px;
    letter-spacing: 0;
    margin-top: 40px;
    padding-top: 0;
    text-transform: uppercase;
    width: auto !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;
    padding: 0 40px;
}
.commentForm button:hover{
    background: #c69c6d;
    color: #fff;
    
}
/*
*404 Page
*-------------------------------------------------------------------------
*/
.fourZeroFourArea{
    padding: 180px 0 170px;
}
.fourContent{
    width: 100%;
    border-right: 1px solid #e7e7e7;
    padding: 0 75px 50px 0;
}
.fourContent h2 {
    color: #c69c6d;
    font-family: "Open Sans",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: #c69c6d none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "Open Sans",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: 10px 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: #c69c6d;
    border-color: #c69c6d;
}
.contactInfo {
    margin:0 0 0 20px;
}
.contactInfo strong {
    color: #333333;
    font-family: "Open Sans",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: 30px 0;
}
.contactFormArea .tittleArea i{
    color: #c69c6d;
}
.contactFormArea .commentForm{
    margin-top: 10px;
}
.contactFormArea .commentForm input[name="email"] {
    margin-right: 20px;
    margin-left: 0;
}
.contactFormArea .commentForm input[name="name"]{
    margin-right: 20px;
    margin-bottom: 20px;
}
.contactFormArea .commentForm input[name="phone"]{
    margin-bottom: 20px;
}
.contactFormArea .commentForm input[type="text"] {
    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: 10px;
}
.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{
        
        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: 20px;
    }
    .logoImg a i {
        font-size: 35px;
    }
    .fixedMenu .logoImg {
 		padding-top: 20px;
    }
    .mainMenu {
        padding: 45px 0 0;
    }
    .mainMenu > li > a {
        padding-right: 15px;
    }
    .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){
.sliderArea,
.sliderArea .box-content {
	height: 700px;
}
    /*header*/
    .logoImg a {
        font-size: 16px;
    }
    .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: 10px;
        letter-spacing: 2px;
    }
    .logoImg {
    	padding-top: 21px;
    }
    .mainMenu > li:last-child > a {
       
        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: 17px;
    }
    .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[name="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){
.contactDetails {
	position: relative;
	padding: 0;
	width: 100%;
	top: 0;
	height: 375px;
}
.breadCrumArea.hack {
    	padding: 167px 0 90px !important;
    	margin-top: -85px;
    }

.sliderArea,
.sliderArea .box-content {
	height:700px;
}
.contactFormArea .commentForm input[type="text"] {
	width: 100%;
}
.contactFormArea .commentForm input[name="phone"],
.contactFormArea .commentForm input[name="name"]  {
	margin-bottom: 0;
}
.widget {
	margin-top: 40px;
}
	.testiProvider {
	width: 100%;
}
.postCont {
	height: auto;
}
	.breadContent h1 {
		font-size: 35px;
		font-weight: 900;
		line-height: 50px;
	}

    /**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 #92781f;
        height: 35px;
        left: auto;
        padding: 3px;
        position: absolute;
        right: 15px;
        margn-right: -20px;
        top: 40px;
        width: 40px;
        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: #92781f;
        display: block;
        height: 1px;
        margin-top: 5px;
        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: 300px;
        -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;
        margin-left: -255px;
        position: relative;
        margin-top: 95px;
    }
    .innerMenu .mainMenu {
    	margin-top: 80px;
    }
    .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 10px;
        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: 18px;
    }
    .navMenu.fixedMenu {
        padding-bottom: 10px;
    }
    .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: 260px !important;
    }

    /*About section*/
    .aboutArea {
        padding: 30px 0 30px;
    }
    .tittleArea i {
        color: #c69c6d;
        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: 30px 0;
    }
    .teamImg {
        padding-left: 0;
        width: 70%;
        margin: 0 auto;
    }
    .teamDetails {
        padding-left: 0;
        padding-top: 30px;
    }
    #teamCarousel .carousel-control {
        top: 100px;
        width: 45px;
        margin: 0;
    }
    #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: 30px 0;
    }
    .testimonials {
        padding: 25px;
        width: 100%;
    }
    #testiCarousel .carousel-control {
        display: none;
    }
    /*Footer*/
    .footerWidgetArea {
        padding: 30px 0 36px;
    }
    .singleWidget {
        margin-bottom: 50px;
    }
    .footerMenu li a {
        margin-right: 20px;
        margin-bottom: 15px;
    }
    /*GalMas*/
    .innerMenu .logoImg {
        padding-top: 12px;
    }
    .innerMenu .toggleBtn {
        top: 20px;
    }
    .navMenu.innerMenu {
        padding-bottom: 10px;
    }
    .navMenu.innerMenu {
    	background: #fff;
    }
    .navMenu.innerMenu.fixedMenu {
    	background: #fff;
    }
    .breadMenuCont ul li a span {
        padding-left: 0;
        padding-right: 0;
    }
    .galleryArea {
        padding: 30px 0 0;
    }
    .galleryPage.galleryArea {
        padding-bottom: 30px;
    }
    .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 0 30px;
        width: 100%;
        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: 30px 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%;
        padding-left: 0;
        padding-right: 0;
    }
    /*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="checkbox"] {
    	margin-top: 5px;
    }
    .commentForm input[name="email"] {
        margin-left: 0;
    }
    .commentArea ol > li > ol > li .commentDetails {
        width: 100%;
    }
}
@media (min-width: 480px) and (max-width: 767px){
.testiProvider {
	width: 100%;
}
    .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;
    }
}

input.error,
textarea.error {
	border: 1px solid #a94442 !important;
}

.teacher {
	margin: 0 0 60px;
}
.aboutArea .singleAbout {
	margin-bottom: 30px;
}
.testiContent .boxes {
	margin: 0 0 30px;
}

.tabs-link ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tabs-link ul li {
	display: inline-block;
	margin: 0 20px 20px 0;
}
.tabs-link ul li a.active {
	background: #c69c6d;
	border: 1px solid #c69c6d;
	color: #fff;
}
.inner.page-8 table tr[rel="300 часов"],
.inner.page-8 table tr[rel="500 часов"] {
	display: none;
}
.inner.page-9 table tr[rel="200 часов"],
.inner.page-9 table tr[rel="500 часов"] {
	display: none;
}
.inner.page-10 table tr[rel="200 часов"],
.inner.page-10 table tr[rel="300 часов"] {
	display: none;
}

.header-company {
	padding: 45px 0 0;
	color: #c69c6d;
	font-size: 15px;
	line-height: 25px;
	font-family: 'Cambria';
	font-weight: bold;
}
.header-company a {
	font-size: 14px;
	color: #c69c6d;
	text-decoration: none;
}
.fixedMenu .header-company {
	padding: 25px 0 0;
}
.innerMenu .header-company {
	padding: 25px 0 0;
	font-family: 'Cambria';
	font-weight: bold;
}

.cursh1 {
	height: 900px;
	padding: 0;
}
.cursh1.breadCrumArea:after {
	background: rgba(0,0,0,.1);
}
.cursh1 .flex {
	height: 900px;
	display: flex;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
flex-direction: column;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
}
.cursh1 h1 {
	color: #fff;
	font-size: 50px;
	line-height: 55px;
}

.breadCrumArea.hack {
	padding: 250px 0;
}
.breadCrumArea.hack:after {
	background: rgba(0,0,0,.2);
}

.custom-blog h2 {
	font-size: 25px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 20px;
}
.custom-blog h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	margin: 0 0 20px;
}
.custom-blog .boxs {
	margin: 0 0 30px;
}
.custom-blog .boxs.last {
	margin: 0;
}
.teamDetails h4,
.teamDetails h6,
.teamDetails p {
	color: #000;
}

.text-main p,
.text-main ul,
.text-main ol {
	margin: 0 0 15px;
	font-size: 16px;
	line-height: 22px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #c69c6d !important;
}

.pdf .boxs {
	text-align: center;
	margin: 0 0 30px;
}
.pdf .boxs a {
	display: inline-block;
	padding: 0 0 0 55px;
	font-size: 18px;
	line-height: 48px;
	color: #444;
	background: url('../images/pdf.png') no-repeat left center;
	text-decoration: underline;
}
.pdf .boxs a:hover {
	text-decoration: none;
}
.galleryPage span {
	display: none !important;
}
.postCont p,
.postCont ul,
.postCont h3 {
	margin-bottom: 20px;
}
.owl-nav {
	font-size: 50px;
}
.owl-nav button {
	margin: 0 20px !important;
}
.sliderArea, .sliderArea .box-content {
	height: auto !important;
}

.w-100 {
	width: 100%!important;
}

.m-0 {
	margin: 0!important;
}

.mt-10 {
	margin-top: 10px!important;
}

.row.min {
	margin-left: 5px;
	margin-right: 5px;
}

.mb-10 {
	margin-bottom: 10px!important;
}

.row.min > * {
	padding-left: 5px;
	padding-right: 5px;
}

.blocks-list-item {
	position: relative;
	pointer-events: none;
}

.blocks-list-item-p {
	padding-left: 30px;
}

.blocks-list-item-name {
	font-weight: bold;
	padding-left: 0;
}

.blocks-list-item.permitted {
	pointer-events: initial;
}
.blocks-list-item.complete {
	/* text-decoration: line-through; */
	opacity: .5;
	pointer-events: initial;
	color: green;
}

.blocks-list-item.complete:after {
	font: normal normal normal 14px/1 FontAwesome;
	 content: "\f14a";
	 color: green;
}

.blocks-list-item:before {
	border: 1px
	solid #ccc;
	content: "";
	height: 13px;
	left: -27px;
	position: absolute;
	top: 5px;
	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;
}

.blocks-list-item.current {
	pointer-events: initial;
}

.blocks-list-item.current:after {
	content: "";
	background: none;
}

.blocks-list-item.current:before {
	border-color: #c69c6d;
}

.blocks-list-item.current:after {
	background: #c69c6d;
	content: "";
	height: 7px;
	left: -24px;
	position: absolute;
	top: 8px;
	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;
}

.cource-title {
	margin-bottom: 15px;
}

.title-h3 {
	margin-bottom: 10px;
}

.cource-materials {
	margin-bottom: 10px;
	margin-top: 10px;
}

.cource-materials__title {
	margin-bottom: 10px;
}

.cource-materials__list {
	margin-bottom: 10px;
	clear: both;
}

.cource-materials__list a {
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
}

.file-item {
}

.file-link {
	border: 1px solid #c69c6d;
	text-align: center;
	color: #c69c6d;
	padding: 10px;
}

.file-link:hover {
	background: #c69c6d;
	color: #fff;
}

.cource-test {
	margin-bottom: 30px;
	clear: both;
}
.cource-testtitle {
	margin-bottom: 15px;
}

.cource-question {
	margin-bottom: 15px;
}

#test-form {
	padding: 10px;
	border: 1px solid #c69c6d;
}

.cource-answers {
	
}

.cource-answers .form-check-input {
	font-size: 16px;
}
.cource-answers label {
	font-weight: normal;
	font-size: 16px;
}

.cource-answers label.error {
	color: brown;
}

.cource-answers .comment {
	display: none;
}

.cource-answers .comment.show {
	display: block;
	font-size: 14px;
}

.answer-blc {
	margin-bottom: 10px;
}

#cource-content {
	padding: 10px;
}

#cource-content p {
	margin-bottom: 10px;
}

#cource-content h2,
#cource-content h3 {
	margin-bottom: 15px;
}

.comment-list-cource {
	padding-left: 0;
}

.comment-list-cource .ticket-comment {
	margin-bottom: 20px;
}

.comment-list-cource .ticket-comment-author {
	font-size: 12px;
}

.comment-list-cource .ticket-comment-text {
	font-size: 16px;
	margin-top: 10px;
}

#sidebar {
	max-height: calc(85vh - 30px);
	display: block;
	overflow-y: auto;
}

#sidebar.fixed {
	top: 100px;
	position: fixed;
}

@media screen and (max-width: 767px) {
	.onln input {
		width: 100%!important;
		margin-bottom: 0!important;
	}
}