/*   front end css  */

/**{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/


    /*---------------------------*/
    /*- GRIDS -------------------*/
    .column{
        margin-bottom: 20px;
        position: relative;
        max-width: 100%;
    }
    .column-flush{
        margin: 0;
        position: relative;
    }
    .row .column:last-child{
        margin-right: 0;
    }

    .middled,
    .row .column.middled{
        float: none;
        margin: auto;
    }
    .no-gutter{
        margin-right: 0 !important;
    }

  /*---------------------------*/
  /*- MASONRY -----------------*/
    .arche-container.list-masonry{
        max-width: 1000px;
        padding: 0;
        position:relative;
    }
    .arche-container.list-masonry > *:not(.masonry-loading){
        opacity: 0;
    }
    .arche-container.list-masonry.loaded > *:not(.masonry-loading){
        opacity: 1;
    }
    .arche-container.list-masonry .masonry-loading{
        width: 48px;
        height: 48px;
        margin: -25px 0 0 -25px;
        position: absolute;
        left: 50%;
        top: 50px;
        background: rgba(0, 0, 0, 0.7) url(images/spinner.gif) no-repeat center center;
        border-radius: 100%;
        overflow: hidden;
        opacity: 0;
    }
    .arche-container.list-masonry .column{
        margin-right: 0;
    }
/*-------------------------------*/
/*- TITLES ----------------------*/

    /*---------------------------*/
    /*- PAGE TITLES -------------*/
    .title-container{
        background-color: #f3f3f3;
    }
    .title-container .arche-excerpt{
        max-width: 745px;
        margin-top: 1.5%;
    }
    .title-container .arche-heading{
        color: #323232;
        font-size: 4.5rem;
        line-height: 5rem;
    }
    .title-container .arche-excerpt{
        color: #8f8f8f;
        font-size: 2.5rem;
    }
    .title-container .arche-excerpt + .button-group{
        margin-top: 3%;
    }
    .title-container .arche-excerpt + .btn-collection{
        margin-top: 3%;
    }
    .title .text-center .arche-excerpt{
        margin-left: auto;
        margin-right: auto;
    }
    .title-container .title{
        padding: 3% 20px;
        max-width: 1040px;
        margin: auto;
    }

    /*---------------------------*/
    /*- TITLE SIZES -------------*/
    .title.small{
        padding: 1%;
    }
    .title.large{
        padding: 3%;
    }
    .title.extra-large{
        padding: 4%;
    }
    .title.massive{
        padding: 6%;
    }

    /*---------------------------*/
    /*- SECTION TITLES ----------*/
    .arche-section-title{
        margin-bottom: 30px;
    }
    /*.section-title .arche-excerpt{
        max-width: 745px;
    }*/
    .arche-section-title .arche-heading + .arche-excerpt{
        margin-top: 10px;
    }
    .arche-section-title .button{
        margin-top: 15px;
    }

        /*-----------------------*/
        /*- SECTION SIZE --------*/
        .arche-section-title.large .arche-excerpt{
           /* max-width: 830px; */
        }
        .arche-section-title.small{
            margin-bottom: 15px;
        }
        .arche-section-title.tiny{
            margin-bottom: 15px;
        }
        .arche-section-title.tiny .arche-excerpt{
            margin-top: 0 !important;
        }

        /*-----------------------*/
        /*- SECTION LARGE -------*/
        .arche-section-title.large .arche-heading{
            font-size: 2.4rem;
            line-height: 1.25;
        }
        .arche-section-title.large .arche-excerpt{
            font-size: 1.6rem;
        }
        .arche-section-title.large .arche-excerpt p:not(:first-child){
            margin-top: 1.5rem;
        }
        .arche-section-title.large .arche-excerpt ul,
        .arche-section-title.large .arche-excerpt ol {
            margin: 0 0 0 5rem;
        }
        .arche-section-title.large .arche-excerpt ul:not(:first-child),
        .arche-section-title.large .arche-excerpt ol:not(:first-child){
            margin-top: 1.5rem;
        }

        /*-----------------------*/
        /*- SECTION SMALL -------*/
        .arche-section-title.small .arche-heading{
            font-size: 1.5rem;
        }
        .arche-section-title.small .arche-excerpt{
            font-size: 1.3rem;
        }
        .arche-section-title.small .arche-excerpt p:not(:first-child){
            margin-top: .5rem;
        }
        .arche-section-title.small .arche-excerpt ul,
        .arche-section-title.small .arche-excerpt ol {
            margin: 0 0 0 3rem;
        }
        .arche-section-title.small .arche-excerpt ul:not(:first-child),
        .arche-section-title.small .arche-excerpt ol:not(:first-child){
            margin-top: .5rem;
        }

        /*-----------------------*/
        /*- SECTION REGULAR -----*/
        .arche-section-title .arche-heading{
            color: rgba(0, 0, 0, 0.85);
            font-size: 2.0rem;
        }
        .arche-section-title .arche-heading a{
            color: rgba(0, 0, 0, 0.85);
        }
        .arche-section-title .arche-heading a:hover{
            color: rgba(0, 0, 0, 1);
        }
        .arche-section-title .arche-excerpt{
            color: rgba(0, 0, 0, 0.55);
            font-size: 1.4rem;
        }
        .arche-section-title .arche-excerpt p:not(:first-child){
            margin-top: 1rem;
        }
        .arche-section-title .arche-excerpt ul,
        .arche-section-title .arche-excerpt ol {
            margin: 0 0 0 4rem;
        }
        .arche-section-title .arche-excerpt ul:not(:first-child),
        .arche-section-title .arche-excerpt ol:not(:first-child){
            margin-top: 1rem;
        }

       

 /*---------------------------*/
    /*- MEDIA BLOCK -------------*/
    .media{
        overflow: hidden;
        display: block;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .media-image{
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
    .media-image img{
        display: block;
        margin: auto;
    }
    .media-image.small img{
        max-width: 64px;
    }
    .image-rounded img,
    .media-image.image-rounded img{
        border-radius: 100%;
    }
    .media .arche-media-body{
        display: block;
        overflow: hidden;
    }

    .column:not(.span-12) .media .arche-excerpt{
        max-width: 745px;
    }

    .media .text-center .arche-excerpt{
        margin-left: auto;
        margin-right: auto;
    }

        /*-----------------------*/
        /*- IMAGE TOP -----------*/
        .media.image-top .arche-media-body{
            float: none;
            width: 100%;
        }
        .has-image .arche-media-body{
            margin-top: 15px;
        }

        /*-----------------------*/
        /*- MEDIA SMALL ---------*/
        .media.small .arche-heading + .arche-excerpt{
            margin-top: 5px;
        }
        .has-image .small .arche-media-body{
            margin-top: 10px;
        }
        .media.small p:not(:first-child),
        .media.small .button{
            margin-top: 1.3rem;
        }
        .media.small .arche-heading{
            font-size: 1.2rem;
            font-weight: 700;
        }
        .media.small .arche-excerpt{
            font-size: 1.3rem;
        }
        .media.small .arche-excerpt ul,
        .media.small .arche-excerpt ol {
            margin: 0 0 0 3rem;
        }
        .media.small .arche-excerpt ul:not(:first-child),
        .media.small .arche-excerpt ol:not(:first-child){
            margin-top: 1.3rem;
        }

        /*-----------------------*/
        /*- MEDIA MEDIUM --------*/
        .media.medium .arche-heading + .arche-excerpt{
            margin-top: 10px;
        }
        .media .arche-heading{
            font-size: 1.4rem;
			text-transform:none !important;
        }
		.media-image img{margin:auto !important;}
        .media .arche-heading + .arche-excerpt{
            font-size: 1.5rem;
        }
        .media.medium p:not(:first-child),
        .media.medium .button{
            margin-top: 1.5rem;
        }
        .media.medium .arche-excerpt ul,
        .media.medium .arche-excerpt ol {
            margin: 0 0 0 3rem;
        }
        .media.medium .arche-excerpt ul:not(:first-child),
        .media.medium .arche-excerpt ol:not(:first-child){
            margin-top: 1.5rem;
        }

        /*-----------------------*/
        /*- MEDIA LARGE ---------*/
        .media.large .arche-heading + .arche-excerpt{
            margin-top: 10px;
        }
        .media.large .text-center .arche-excerpt{
            margin-left: auto;
            margin-right: auto;
        }
        .media.large p:not(:first-child),
        .media.large .button{
            margin-top: 2rem;
        }
        .media.large .arche-heading{
            font-size: 1.8rem;
        }
        .media.large .arche-excerpt{
            font-size: 2rem;
        }
        .media.large .arche-excerpt ul,
        .media.large .arche-excerpt ol {
            margin: 0 0 0 4rem;
        }
        .media.large .arche-excerpt ul:not(:first-child),
        .media.large .arche-excerpt ol:not(:first-child){
            margin-top: 2rem;
        }

/*-------------------------------*/
/*- EXCERPT LIST STYLING --------*/
/*-------------------------------*/

.arche-excerpt li{
    list-style-type: inherit;
}
.arche-excerpt li ul,
.arche-excerpt li ol {
	margin:0 1.5rem;
}
.arche-excerpt ul,
.arche-excerpt ol {
	margin: 0 0 0 3rem;
}
.text-center ul, .text-right ul,
.text-center ol, .text-right ol{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.text-center ul li, .text-right ul li,
.text-center ol li, .text-right ol li {
    list-style-position: inside;
}
.arche-excerpt ul:not(:first-child),
.arche-excerpt ol:not(:first-child){
    margin-top: 1.5rem;
}
.arche-excerpt ul {
	list-style-type:disc;
}
.arche-excerpt ol {
	list-style-type:decimal;
}
.arche-excerpt ol ol {
	list-style: upper-alpha;
}
.arche-excerpt ol ol ol {
	list-style: lower-roman;
}
.arche-excerpt ol ol ol ol {
	list-style: lower-alpha;
}
/*-------------------------------*/
/*- TEXT ALIGNMENT --------------*/
/*-------------------------------*/

    .text-left{
        text-align: left;
    }
    .text-right{
        text-align: right;
    }
    .text-center{
        text-align: center;
    }
    .text-justify{
        text-align: justify;
    }
/*  text size ends*/
.story h3 {

    font-size: 3rem !important;
    font-weight: 400 !important;
}
.story h5
{
    font-size:2rem !important;
	font-weight:400 !important;
	text-align:center;	
}
.counter_show_and_hide{cursor:pointer;}
.counter_custom_boxes{width:100%;}
.site-inner{margin:0px;width:100%;}
.entry-content{margin:0px !important;}
.arche-container{display:block;margin:auto;}
.post-edit-link{display:none;}
/*  counter_custom_boxes */
/*.counter_custom_boxes{display:inline-block;text-align:center;}*/
/*.counter_custom_boxes .layers-masonry-column{margin:0px 30px !important;} */
.arche-custom-section section{min-height:200px;padding:40px 0px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
.arche-custom-section section h3, .arche-custom-section section h5 {font-weight:400 !important;}

.counter_content_heading{font-size: 1.3705rem;}
/*.span-2{width:150px;margin:0px 15px !important;}*/
/*text css*/

 /*---------------------------*/
    /*- MEDIA BLOCK -------------*/
    .media{
        overflow: hidden;
        display: block;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .media-image{
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
    .media-image img{
        display: block;
        margin: auto;
    }
    .media-image.small img{
        max-width: 64px;
    }
    .image-rounded img,
    .media-image.image-rounded img{
        border-radius: 100%;
    }
    .media .arche-media-body{
        display: block;
        overflow: hidden;
    }

    .column:not(.span-12) .media .arche-excerpt{
        max-width: 745px;
    }

    .media .text-center .arche-excerpt{
        margin-left: auto;
        margin-right: auto;
    }

        /*-----------------------*/
        /*- IMAGE TOP -----------*/
        .media.image-top .arche-media-body{
            float: none;
            width: 100%;
        }
        .has-image .arche-media-body{
            margin-top: 15px;
        }

.image-right .media-image
{
   float: right;
    max-width: 49%;
    margin-right: 0;
    margin-left: 20px;

}
.image-left .media-image{
    float: left;
    max-width: 49%;
    margin-right: 20px;
}

/*-----------------------*/
        /*- MEDIA SMALL ---------*/
        .media.small .front_heading + .arche-excerpt{
            margin-top: 5px;
        }
        .has-image .small .arche-media-body{
            margin-top: 10px;
        }
        .media.small p:not(:first-child),
        .media.small .button{
            margin-top: 1.3rem;
        }
        .media.small .front_heading{
            font-size: 1.5rem;
            font-weight: 700;
        }
        .media.small .arche-excerpt{
            font-size: 1.3rem;
        }
        .media.small .arche-excerpt ul,
        .media.small .arche-excerpt ol {
            margin: 0 0 0 3rem;
        }
        .media.small .arche-excerpt ul:not(:first-child),
        .media.small .arche-excerpt ol:not(:first-child){
            margin-top: 1.3rem;
        }

        
		
        /*-----------------------*/
        /*- MEDIA MEDIUM --------*/
.media.medium .front_heading + .arche-excerpt{margin-top: 10px;}
.media .front_heading{font-size: 2.0rem;}
.media .front_heading + .arche-excerpt{font-size: 1.5rem;}
.media.medium p:not(:first-child),.media.medium .button{margin-top: 1.5rem;}
.media.medium .arche-excerpt ul,.media.medium .arche-excerpt ol {margin: 0 0 0 3rem;}
.media.medium .arche-excerpt ul:not(:first-child),.media.medium .arche-excerpt ol:not(:first-child){margin-top: 1.5rem;}

        /*-----------------------*/
        /*- MEDIA LARGE ---------*/
.media.large .front_heading + .arche-excerpt{margin-top: 10px;}
.media.large .text-center .arche-excerpt{margin-left: auto;margin-right: auto;}
.media.large p:not(:first-child),.media.large .button{margin-top: 2rem;}
.media.large .front_heading{font-size: 2.8rem;}
.media.large .arche-excerpt{font-size: 2rem;}
.media.large .arche-excerpt ul,.media.large .arche-excerpt ol {margin: 0 0 0 4rem;}
.media.large .arche-excerpt ul:not(:first-child),.media.large .arche-excerpt ol:not(:first-child){margin-top: 2rem;}

/*-------------------------------*/
/*- TEXT ALIGNMENT --------------*/
/*-------------------------------*/

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-justify{text-align: justify;}


/*[start] use here bootstrap class*/
.row:before, .row:after{content: " "; display: table;}
.row:after{clear: both;}
.form-row:before, .form-row:after{content: " "; display: table;}
.form-row:after{clear: both;}
.form-row:last-child{margin-bottom: 0;}
.column{margin-bottom: 20px;position: relative;max-width: 100%;}
.column-flush{margin: 0;position: relative;}
.row .column:last-child{margin-right: 0;}
.middled,.row .column.middled{float: none;margin: auto;}
.no-gutter{margin-right: 0 !important;}
.arche-container.list-masonry .column{margin-right: 0;}
.column .pull-right,.pull-right{float: right;}
.copyright .column{margin-bottom: 0;}
.header-site .column{margin-bottom: 0;}
.column .logo{float: none;}
.column:not(.span-12) .media .arche-excerpt{max-width: 745px;}
/*.media.medium .arche-heading + .arche-excerpt{margin-top: 10px;}
.media .arche-heading{font-size: 2.0rem;}
.media .arche-heading + .arche-excerpt{font-size: 1.0rem;}
.media.medium p:not(:first-child),.media.medium .button{margin-top: 1.5rem;}
.media.medium .arche-excerpt ul,.media.medium .arche-excerpt ol {margin: 0 0 0 3rem;}
.media.medium .arche-excerpt ul:not(:first-child),.media.medium .arche-excerpt ol:not(:first-child){margin-top: 1.5rem;}*/
.media .arche-heading + .arche-excerpt{font-size: 1.0rem;}
.back_size {background-size:cover}
h5.arche-heading {margin-bottom:0px !important; margin-top:0px !important}
.media.image-top.medium .arche-excerpt p{margin-bottom:0px !important}
.media.image-top.medium {line-height:1.5 !important}
.column-flush {padding:0px 10px}
@media only screen and (min-width: 915px) and (max-width: 779px){
.layers-masonry-column.span-3.colum {margin-right:0px}

}

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

.column.span-1{ float: left; width: 15%; margin-right: 2%; }
.column-flush.span-1{float: left;width: 16.6667%;;}
.column.span-1:nth-child(6n+6),.column-flush.span-1:nth-child(6n+6){margin-right: 0;}
.column.span-2{float: left;width: 48%;margin-right: 4%;}
.column-flush.span-2{float: left;width: 50%;margin-right: 0%;}
.column.span-2:nth-child(2n),.column-flush.span-2:nth-child(2n+2){margin-right: 0;}
.column.span-1:nth-child(6n+7),.column.span-2:nth-child(2n+3){clear: left;}
.media.image-right .media-image,
    .media.image-left .media-image{
        float: none;
        max-width: none;
        margin: 0 0 20px;
    }

}
@media only screen and (min-width: 481px){

.column{float: left;margin-right: 2%;}
.column-flush{float: left;}
.column.span-3:nth-child(4n+4),.column-flush.span-4:nth-child(4n+4){margin-right: 0;}
.column.span-4{float: left;width: 32%;margin-right: 2%;}
.column-flush.span-4{float: left;width: 33.33333%;}
.column.span-4:last-child,.column.span-4:nth-child(3n+3),.column-flush.span-4:nth-child(3n+3){margin-right: 0;}
.column.span-6{width: 49%;margin-right: 2%;}
.column-flush.span-6{width: 50%;}
.column.span-6:nth-child(2n+2),.column-flush.span-6:nth-child(2n+2){margin-right: 0;}
.span-3 .image-left .media-image,.span-4 .image-left .media-image{max-width: 33%;float:left;}
.span-3 .image-right .media-image,.span-4 .image-right .media-image{max-width: 33%;}

}


@media only screen and (min-width: 481px) and (max-width: 640px){
.span-3 .image-left .media-image,.span-4 .image-left .media-image,.span-3 .image-right .media-image,.span-4 .image-right .media-image{	max-width: none;	}

.image-left .media-image,
        .image-right .media-image{
            float: none;
            max-width: none;
            margin-left: 0;
            margin-right: 0;
        }
        
        .image-left .arche-media-body,
        .image-right .arche-media-body{
            margin-top: 10px;
        }
}
@media only screen and (min-width: 481px) and (max-width: 768px){

.column.span-2{float: left;width: 32%;margin-right: 2%;}
.column-flush.span-2{float: left;width: 33.33333%;}
.column.span-2:nth-child(3n+3),.column-flush.span-2:nth-child(3n+3){margin-right: 0;}
.column.span-3{float: left;width: 49%;margin-right: 2%;}
.column-flush.span-3{float: left;width: 50%;}
.column.span-3:nth-child(2n+2),.column-flush.span-3:nth-child(2n+2){margin-right: 0;}
.sidebar.span-3{width: 31.3%;}
.sidebar.span-3 + .span-6{width: 66.7%;}
.sidebar.span-3 + .span-6 + .span-3{width: 100%;}
.sidebar.span-3 + .span-6 + .span-3 .widget{float: left;width: 31.3%;margin-right: 2%;margin-bottom: 2%;}
.sidebar.span-3 + .span-6 + .span-3 .widget:nth-child(3n+3){margin-right: 0;}
.sidebar.span-3 + .span-6 + .span-3 .widget:nth-child(3n+4){clear: left;}
.sidebar.span-4{width: 100%;clear: left;float: none;}
.sidebar.span-4 .widget{float: left;width: 31.3%;margin-right: 2%;margin-bottom: 2%;}
.sidebar.span-4 .widget:nth-child(3n+3){margin-right: 0;}
.sidebar.span-4 .widget:nth-child(3n+4){clear: left;}
.column.span-7,.column.span-8,.column.span-9,.column.span-10,.column.span-11,.column.span-12{float: none;clear: both;}
.column-flush.span-7,.column-flush.span-8,.column-flush.span-9,.column-flush.span-10,.column-flush.span-11,.column-flush.span-12{float: none;clear: both;}
.column.span-2:nth-child(3n+4),.column.span-3:nth-child(2n+3){clear: left;}
}

@media only screen and (min-width: 601px) and (max-width: 860px){
.column.span-5{width: 49%;margin-right: 2%;}
.column-flush.span-5{width: 50%;}
.column.span-5 + .span-5{margin-right: 0;}
.column.span-10,.column-flush.span-10{width: 100%;margin-right: 0;}
.column.span-5 + .span-5 + .span-2{width: 100%;}
.column.span-7 + .span-5{width: 40.5%;}
.column-flush.span-7 + .span-5{width: 41.66665%;}
.column.span-10 + .span-2{width: 49%;}

}
@media only screen and (min-width: 769px) {

.span-1{width: 6.5%;}
.span-2{width: 15%;}
.span-3{width: 23.5%;}
.span-4{width: 33.33333%;}
.span-5{width: 40.5%;}
.span-7{width: 57.5%;}
.span-8{width: 66%;}
.span-9{width: 74.5%;}
.span-10{width: 83%;}
.span-11{width: 91.5%;}
.span-12{clear: both;float: none;}
.column-flush.span-1{width: 8.333333%;}
.column-flush.span-2{width: 16.6667%;}
.column-flush.span-3{width: 25%;}
.column-flush.span-5{width: 41.66665%;}
.column-flush.span-7{width: 58.1%;}
.column-flush.span-8{width: 66.65%;}
.column-flush.span-9{width: 74.7%;}
.column-flush.span-10{width: 83%;}
.column-flush.span-11{width: 91.3%;}
.column-flush.span-12{width: 100%;}
.row .span-1:nth-child(12n+12),.row .span-2:nth-child(6n+6),.row .span-4:nth-child(3n+3),.row .span-6:nth-child(2n+2){margin-right: 0;}
.row .span-2:nth-child(6n+7),.row .span-3:nth-child(4n+5),.row .span-4:nth-child(3n+4),.row .span-6:nth-child(2n+3){clear: left;}
.column.span-3 + .column.span-6 + .column.span-3{margin-left: 2%;}
.column.span-9 + .column.span-3{margin-right: 0;}
.column.span-12,.column-flush.span-12{margin-right: 0;}

}

@media only screen and (max-width: 420px) {
.layers-masonry-column.column {width:100%}
.column-flush {padding:0px 10px 10px 0px}
}