/* custom_style.css 
   Theme Name: ThreeTwoRun
   Description: The Custom style for custom template pages
   Version: 1.0
*/


.container_full{
    width: 100%;
    /*max-width: 1600px !important;*/
    max-width: 92% !important;
    margin: 0px auto;
    padding-left: 15px;
    padding-right: 15px;
}


.col_2, .col-2{
	padding-left: 15px;
    padding-right: 15px;
    width: 16.66666667%;
    float: left;
    display: table-cell;
}
.col_3, .col-3{
	padding-left: 15px;
    padding-right: 15px;
    width: 25%;
    float: left;
    display: table-cell;
}
.col_4, .col-4{
	padding-left: 15px;
    padding-right: 15px;
    width: 33.33333333%;
    float: left;
    display: table-cell;
}
.col_5, .col-5{
	padding-left: 15px;
    padding-right: 15px;
    width: 41.66666667%;
    float: left;
    display: table-cell;
}
.col_6, .col-6{
	padding-left: 15px;
    padding-right: 15px;
    width: 50%;
    flex: 0 0 auto;
}
.col_8, .col-8{
	padding-left: 15px;
    padding-right: 15px;
    width: 66.66666667%;
    float: left;
    display: table-cell;
}
.col_9, .col-9{
    padding-left: 15px;
    padding-right: 15px;
    width: 75%;
    float: left;
    display: table-cell;
}
.col_10, .col-10{
	padding-left: 15px;
    padding-right: 15px;
    width: 83.33333333%;
    float: left;
    display: table-cell;
}
.col_12, .col-12{
	padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left;
    display: table-cell;
}

.d_block, .d-block{
	display: block !important;
}
.d_none, .d-none{
	display: none;
}
.text_center, .text-center{
    text-align: center;
}

.text_center, .text-center{
    text-align: center;
}

.mt_1, .mt-1{
	margin-top: .25rem !important;
}
.mt_2, .mt-2{
	margin-top: .5rem !important;
}
.mt_3, .mt-3{
	margin-top: 1rem !important;
}
.mt_4, .mt-4{
	margin-top: 1.5rem !important;
}
.mt_5, .mt-5{
	margin-top: 3rem !important;
}
.mb_1, .mb-1{
	margin-bottom: .25rem !important;
}
.mb_2, .mb-2{
	margin-bottom: .5rem !important;
}
.mb_3, .mb-3{
	margin-bottom: 1rem !important;
}
.mb_4, .mb-4{
	margin-bottom: 1.5rem !important;
}
.mb_5, .mb-5{
	margin-bottom: 3rem !important;
}

.text_danger, .text-danger{
	color: #de5233;
}

.err_msg{
	color: #de5233;
}

.btn_blue{
	background-color: #00bbb3 !important;
    color: #fff !important;
    padding: 12px 25px !important;
    border-radius: 0px !important;
    border-color: #00a8a1;
    font-family: Ubuntu, sans-serif;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    outline: 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
    cursor: pointer;
}
.btn_blue:hover {
    background-color: #00a8a1 !important;
}

.form_input{
	height: 42px !important;
    border: 1px solid #ced4da !important;
    border-radius: 0px !important;
    background-color: #f7f7f7;
    outline: none;
}

.pull_right{
	float: right;
}
.clearfix{
	clear: both;
}


.dsh_menu{
    padding-left: 0px;
}
.dsh_menu li {
    list-style-type: circle;
}
.dsh_menu hr{
   margin: 1rem 0; 
   border-top: 1px solid;
   opacity: .25;
}
.dsh_menu li a {
    color: #999999;
    text-decoration: none;
}
.dsh_menu li a:hover {
    color: #333333;
}
.dsh_page{
    margin-bottom: 40px;
    min-height: 600px;
}
small{
    font-size: 14px;
}

.sm_date {
    color: #ababab;
    font-size: 12px;
    padding-left: 0px;
}
.list_cls {
    border: 2px solid #ccc;
    padding: 9px 10px;
    margin-bottom: 10px;
}
.list_no {
    width: 20px;
    display: inline-block;
}
.list_title {
    display: inline-block;
    padding: 7px;
    color: #333;
}
.list_title a {
    color: #333;
    font-size: 1rem;
}
.list_btn {
    display: inline-block;
    float: right;
}
.ls_btn {
    border-radius: 0px !important;
    color: #666666 !important;
}


.dt_crd {
    margin-bottom: 25px;
    padding: 15px;
    /* background: #e5e5e5; */
    border: 1px solid #e5e5e5;
    cursor: pointer;
    font-size: 14px;
}
.dt_crd:hover {
    background: rgba(0, 187, 179, 0.1);
}
.dt_crd h4 {
    margin-bottom: 5px;
}
.dt_crd h6 {
    margin-bottom: 3px;
    font-size: 15px;
    letter-spacing: 2px;
    font-family: "Bebas Neue", Sans-serif;
}

.dt_crd small {
    font-size: 9px;
    display: block;
    color: #666;
}


.package_box {
    border: 2px solid #000;
    padding: 20px;
    cursor: pointer;
}
.package_box:hover {
    background-color: #ccf1ef;
}
.package_box .price-heading {
    color: #01bbb3;
}
.package_box .pkg_sh_desc {
    min-height: 50px;
}

.container_page{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.col_md_6{
    flex: 0 0 50%;
    padding-left: 15px;
    padding-right: 15px;
}
.col_md_12{
    flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
}


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

	.col_2, .col-2, .col_3, .col-3, .col_4, .col-4, .col_5, .col-5, .col_6, .col-6, .col_8, .col-8, .col_10, .col-10, .col_9, .col-9{
		width: 100%;
	}

    .col_md_6{
        flex: 0 0 100%;
    }
	
	h1{
		font-size: 60px !important;
	}

}


@media only screen and (min-width: 1200px) {
    .container_page{
        max-width: 1140px;
    }

}