@import url(http://fonts.googleapis.com/css?family=Signika:400,300,600,700);
.family{font-family: 'Signika', sans-serif;}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {font-family: 'Signika', sans-serif;
  /* Margin bottom by footer height */
  margin-bottom: 115px;
}
.footer { text-align:center; padding:20px 0px;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 150px;
  background-color: #1e1e1e;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */


img{ border:none;}
.clr{ clear:both;}

ul{ margin:0px; padding:0px;}
ul li{ list-style:none;}
h1, h2, h3, h4, h5, h6,{ margin:0px;}

.panel-heading .accordion-toggle:after {/* symbol for "opening" panels */ font-family:'Glyphicons Halflings'; content:"\e114";  float: left; padding-right: 10px; color: grey;}
.panel-heading .accordion-toggle.collapsed:after{/* symbol for "collapsed" panels */ content:"\e080";}



.fade { opacity: 0; transition: opacity 0.15s linear 0s;}
.alert {background-color: #fcf8e3; border: 1px solid #fbeed5;}
.alert, .alert h4 {color: #c09853;}
.alert h4 {margin: 0;}
.alert .close {line-height: 20px; position: relative; right: 0px; top: -2px;}
.alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #468847;}
.alert-success h4 {color: #468847;}
.alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48;}
.alert-danger h4, .alert-error h4 {color: #b94a48;}
.alert-info {background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;}
.alert-info h4 {color: #3a87ad;}
.alert-block {padding-bottom: 14px; padding-top: 14px;}
.alert-block > p, .alert-block > ul {margin-bottom: 0;}
.alert-block p + p { margin-top: 5px;}


.main_bg{ background:url(../images/main-bg.jpg) no-repeat fixed center top / 100% auto;}

.top_header{ background:#3a3a3a;}
.top_news { height: 43px; background: #7e7e7e; position: relative; margin-left:0px; padding:10px 12px 0 12px; color:#fff;  } 
.top_news:before { content:""; position: absolute; left: 100%; top: 14px; width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #7e7e7e; border-bottom: 7px solid transparent; } 

.vestibulum{ color:#949494; margin:11px 0 0 20px;}



.right_red { background:#c00343; position:relative; padding-left:10px;  height: 43px; }

.right_red::before{content: "";  display: block;  height: 43px;  background:#c00343; left:-30px;  position: absolute;  top: 0;  width: 50px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg);}

.well_guest{ color:#d4d4d4; margin:10px 55px 0 0;}

ul.sign_inUp{ position:relative; z-index:3;}
ul.sign_inUp li{ float:left; margin:10px 20px 0px 0px;}
ul.sign_inUp li a{ display:inline-block; color:#fff; text-transform:uppercase; border-right:#fff solid 1px; padding-right:20px; }
ul.sign_inUp li:last-child a{ border-right:none;  padding-right:0px;}
ul.sign_inUp li a:hover{ color:#EBC43B; text-decoration:none;}

.full_hdr{ width:100%;margin-bottom:10px;}
.top_from{ text-align:right; margin-bottom:0px !important;}
.top_from .fc{ border-radius:0px ;}
.top_from  .srh{  border:#e2e2e2 solid 1px;}
.top_from .srh_btn{ background:#e52766; border:#e52766 solid 1px; color:#fff; margin-left:-5px;}


.top_from  .adv{ background:#333333; position:relative; padding-left:10px;  height: 40px; display:inline-block; color:#fff; z-index:3; padding:9px 15px; margin-top:10px;
/*Firefox*/
-moz-border-top-left-radius: 4px;
-moz-border-top-right-radius: 4px;
-moz-border-bottom-right-radius: 0px;
-moz-border-bottom-left-radius: 0px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

 }
.top_from  .adv::before{content: "";  display: block;  height: 40px;  background:#333333; left:-18px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg);

/*Firefox*/
-moz-border-top-left-radius: 4px;
-moz-border-top-right-radius: 4px;
-moz-border-bottom-right-radius: 0px;
-moz-border-bottom-left-radius: 0px;
/*Safari, Chrome*/
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;

}
.top_from  .adv:hover{ background:#c62855; color:#fff;}
.top_from  .adv:hover::before{ background: #c62855;}


.nav_line{ border-top:#eaeaea solid 1px; border-bottom:#eaeaea solid 1px; margin-top:0px;}
.newMwnu{}
.newMwnu li{border-right:#eaeaea solid 1px;}
.newMwnu li a{ padding:10px 10px !important}
.newMwnu li a:hover{ color:#c00343 !important;}

.newMwnu li:first-child a{ padding:7px 10px 6px !important;}
.newMwnu li:first-child a i{  font-size:25px;}

.navbar-default .newMwnu > .active > a, .navbar-default .newMwnu > .active > a:hover, .navbar-default .newMwnu > .active > a:focus {
  background-color: #eaeaea;
  color: #c00343;
}

.mid_container{ background:#fff; padding:12px; border-bottom:#eee solid 1px;  margin-bottom:20px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=90, Color=rgba(0, 0, 0, 0.2))";/*IE 8*/
-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=90, Color=rgba(0, 0, 0, 0.2)); /*IE 5.5-7*/}


/* Carousel base class */
.slide_r .carousel { height: 328px; margin-bottom: 15px;}
/* Since positioning the image, we need to help out the caption */
.slide_r .carousel-caption { z-index: 10;}
/* Declare heights because of positioning of img element */
.slide_r .carousel .item {height: 328px; background-color: #777;}
.slide_r .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%;  height: 328px;}

.slide_r .carousel-caption { left: 20%; right: 0; background:rgba(0, 0, 0, 0.4); padding:0px; bottom:34%; text-align:left; padding:15px 0px 15px 15px;}
.slide_r .carousel-caption h1{ font-size:30px; font-weight:400; margin:0px;}
.slide_r .carousel-caption p{ font-size:16px; font-weight:400;}


.slide_r .carousel-control{ width:40px; height:40px; background:rgba(0, 0, 0, 0.4); bottom:10px; top:auto; font-size:27px;}
.slide_r #myCarousel .left{  }
.slide_r #myCarousel .right{}

.red_heading{ background:#be003f;}
.red_heading h5{ font-size:16px; color:#fff; float:left; padding-top:4px; padding-left:15px;}
.red_heading span{ float:right; display:inline-block; background:#333333; padding:10px 15px; color:#c4c4c4; font-size:16px; }
.col_5{ padding-left:0px;}

.tag_lins{ display:inline-block; width:100%;}
.tag_lins li{ margin:0px 0px; border-bottom:#c8c8c8 dotted 1px; padding:6.6px 15px;}
.tag_lins li a{ color:#525252; display:inline-block;}
.tag_lins li a:hover{ color:#be003f;}


.more_btn { background:#333333; position:relative; padding-left:10px;  height: 40px; display:inline-block; color:#fff; z-index:3; padding:9px 15px; margin-top:10px;
-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;
 }

.more_btn::before{content: "";  display: block;  height: 40px;  background:#333333; left:-18px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg);

-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;
}
.more_btn:hover{ background:#c62855; color:#fff;}
.more_btn:hover::before{ background: #c62855;}

.multi_color{ margin:0px 0px; padding:0px 15px; display:inline-block; width:100%;}
.multi_color li{ float:left; width:19.1%; margin:0 6px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color=rgba(0, 0, 0, 0.3))";/*IE 8*/
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);/*FF 3.5+*/
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color=rgba(0, 0, 0, 0.3)); /*IE 5.5-7*/
}
.multi_color li:first-child{ margin-left:0px;}
.multi_color li:last-child{ margin-right:0px;  width:19.3%;}

.multi_color li h6{ min-height:35px;}

.multi_color li .sky_box{ background:#00a0f7; position:relative; padding:15px; height:130px; border-bottom:#fff solid 3px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3))";/*IE 8*/
-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*FF 3.5+*/
-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3)); /*IE 5.5-7*/}
.multi_color li .sky_box h6{ color:#fff; font-size:16px; font-weight:600;}
.multi_color li .sky_box p{ color:#fff; font-size:13px; font-weight:500;}

.multi_color li .orange_box{ background:#f57f00; position:relative; padding:15px; height:130px;  border-bottom:#fff solid 3px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3))";/*IE 8*/
-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*FF 3.5+*/
-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3)); /*IE 5.5-7*/}
.multi_color li .orange_box h6{ color:#fff; font-size:16px; font-weight:600;}
.multi_color li .orange_box p{ color:#fff; font-size:13px; font-weight:500;}

.multi_color li .purple_box{ background:#6d3dc5; position:relative; padding:15px; height:130px;  border-bottom:#fff solid 3px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3))";/*IE 8*/
-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*FF 3.5+*/
-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3)); /*IE 5.5-7*/}
.multi_color li .purple_box h6{ color:#fff; font-size:16px; font-weight:600;}
.multi_color li .purple_box p{ color:#fff; font-size:13px; font-weight:500;}

.multi_color li .green_box{ background:#8cba0f; position:relative; padding:15px; height:130px;  border-bottom:#fff solid 3px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3))";/*IE 8*/
-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*FF 3.5+*/
-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3)); /*IE 5.5-7*/}
.multi_color li .green_box h6{ color:#fff; font-size:16px; font-weight:600;}
.multi_color li .green_box p{ color:#fff; font-size:13px; font-weight:500;}

.multi_color li .red_box{ background:#ce2a58; position:relative; padding:15px; height:130px;  border-bottom:#fff solid 3px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3))";/*IE 8*/
-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*FF 3.5+*/
-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=rgba(0, 0, 0, 0.3)); /*IE 5.5-7*/}
.multi_color li .red_box h6{ color:#fff; font-size:16px; font-weight:600;}
.multi_color li .red_box p{ color:#fff; font-size:13px; font-weight:500;}

.lavel{ position:absolute; top:-3px; left:-3px;}


.three_box{ margin:10px 0 5px 0; padding:0px 0px; display:inline-block; width:100%; }
.three_box li{ float:left; width:33.3%;  }
.three_box li .th_box1{border-right:#e5e5e5 solid 1px; padding-right:3px; min-height:320px;}
.three_box li .th_box2{border-right:#e5e5e5 solid 1px; padding:0px 3px;  min-height:320px;}
.three_box li .th_box3{padding-left:3px;  min-height:320px;}

.th_title{  border-bottom:#eeeeee solid 2px; position:relative;  padding:10px 0px;}
.th_title h2{color:#5c5c5c; font-size:18px; text-transform:uppercase; line-height:normal; margin:0px;}
.linArrow{ position:absolute; left:0px; bottom:2px; display:inline-block; height:6px;}

.circel_icon{ width:90px; height:90px; margin:20px auto; background:#f2f2f2; border:#bdbdbd solid 1px; text-align:center; display:table; 
-moz-border-radius: 100px;/*Firefox*/
-webkit-border-radius: 100px;/*Safari, Chrome*/
border-radius: 100px;}
.circel_iconIn{ display:table-cell; vertical-align:middle;}
.circel_iconIn i{font-size:40px;}


.nature_pic{ max-width:320px; height:auto; overflow:hidden; border:#ccc solid 1px; margin:0 auto;
-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;
}
.nature_pic img{ width:100%; height:auto;}
.bx_deatil{ margin:20px 0px; padding:0px 10px;}
.bx_deatil h6{ color:#c00343; font-size:14px; margin:0px 0px 10px 0px;}
.bx_deatil p{ color:#5c5c5c; margin:0px 0 20px 0;}
.bx_deatil p sup{color:#c00343;}

.bx_line{ margin:0px 0px; padding:0px 10px; display:inline-block; width:100%;}
.bx_line li{ width:100%}
.bx_line li a{ display:inline-block; color:#5c5c5c; padding:3px 0px;}
.bx_line li a:hover{ color:#be003f;}

.text_box{ text-align:center; border:#e1e2e7 solid 1px; background:#f3f3f0; padding:25px; color:#000; text-transform:uppercase; margin-bottom:20px;

-moz-border-radius: 5px;/*Firefox*/
-webkit-border-radius: 5px;/*Safari, Chrome*/
border-radius: 5px;

background: -moz-linear-gradient(90deg, #f3f3f0 0%, #f8f8f7 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #f3f3f0), color-stop(100%, #f8f8f7));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #f3f3f0 0%, #f8f8f7 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #f3f3f0 0%, #f8f8f7 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #f3f3f0 0%, #f8f8f7 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f0', endColorstr='#f8f8f7', GradientType='0'); /* for IE */
background: linear-gradient(0deg, #f3f3f0 0%, #f8f8f7 100%);/* W3C */
}

.col_7{ padding-left:0px;}

.tbs_box{ border:#d6d8de solid 1px; overflow:hidden; display:inline-block; border-top:none;}
.tbs_box .tab-content{ padding:15px; min-height:400px;min-width:650px;}


.tbs_box .tab-content h3{ margin:0px;}

.tbs_box .nav-tabs > li > a{ border-radius:0px; border:none !important; outline:none;}
.tbs_box .nav-tabs{background:#f3f3f0;}
.tbs_box .nav-tabs li.active{border:#fff solid transparent !important; box-shadow:none; background:#F3F3F0;  outline:none;}
.tbs_box .nav-tabs li.active a{ color:#be003f; border:#fff solid transparent !important; border-right:none !important; border-left:none !important; box-shadow:none; background:#F3F3F0;  outline:none;}
.tbs_box .nav-tabs li a:hover{ background:#F3F3F0; border:none !important;}
.tbs_box .nav-tabs li a:hover::after{ background:#F3F3F0;  outline:none;}

.tbs_box .nav-tabs li{background:#f3f3f0; width:33.3%; text-align:center; border:#d6d8de solid 1px; position:relative;   outline:none; border-right:none !important; border-left:none !important;}

.tbs_box nav-tabs  li a:hover {border:#fff solid transparent !important;}
.tbs_box nav-tabs  li.active a:focus {border:#fff solid transparent !important;}
.tbs_box nav-tabs  li a:focus {border:#fff solid transparent !important;}


.tbs_box .nav-tabs li:nth-child(1)::after{}

.tbs_box .nav-tabs li:nth-child(2)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg); border-right:#ccc solid 1px;}

.tbs_box .nav-tabs li:nth-child(3)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg); border-right:#ccc solid 1px;}

.tbs_box .nav-tabs li:nth-child(4)::after{}

.tbs_box .nav-tabs li:nth-child(5)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); border-right:#ccc solid 1px;}

.tbs_box .nav-tabs li:nth-child(6)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); border-right:#ccc solid 1px;}

.tbs_box .nav-tabs li:nth-child(7)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); border-right:#ccc solid 1px;}




.tbs_box .social-tabs li:nth-child(1)::after{}

.tbs_box .social-tabs li:nth-child(2)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(140deg); -moz-transform: skew(140deg); -o-transform: skew(140deg); border-right:#ccc solid 1px;}

.tbs_box .social-tabs li:nth-child(3)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(140deg); -moz-transform: skew(140deg); -o-transform: skew(140deg); border-right:#ccc solid 1px;}

.tbs_box .social-tabs li:nth-child(4)::after{}

.tbs_box .social-tabs li:nth-child(5)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(-140deg); -moz-transform: skew(-140deg); -o-transform: skew(-140deg); border-right:#ccc solid 1px;}

.tbs_box .social-tabs li:nth-child(6)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(-140deg); -moz-transform: skew(-140deg); -o-transform: skew(-140deg); border-right:#ccc solid 1px;}

.tbs_box .social-tabs li:nth-child(7)::after{content: "";  display: block;  height: 40px;  background:#f3f3f0; left:-25px;  position: absolute;  top: 0;  width: 42px;  z-index: 0; top:auto; bottom:0px;  -webkit-transform: skew(-140deg); -moz-transform: skew(-140deg); -o-transform: skew(-140deg); border-right:#ccc solid 1px;}



.three_box2{ margin:10px 0 5px 0; padding:0px 0px; display:inline-block; width:100%; }
.three_box2 li{ float:left; width:33.3%;  }
.three_box2 li .th_box1{border-right:#e5e5e5 solid 1px; padding-right:3px; min-height:190px;}
.three_box2 li .th_box2{border-right:#e5e5e5 solid 1px; padding:0px 3px;  min-height:190px;}
.three_box2 li .th_box3{padding-left:3px;  min-height:190px;}

.join_now{ display:inline-block; background:#ffd842; border:#d2b64e solid 1px; border-bottom:#cc982f solid 5px; font-size:18px; color:#924c06; text-transform:uppercase; padding:5px 20px;

-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#968c7f)";/*IE 8*/
-moz-box-shadow: 0px 0px 1px #968c7f;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 1px #968c7f;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 1px #968c7f;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=90, Color=#968c7f); /*IE 5.5-7*/

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=180, Color=#ffe547)";/*IE 8*/
text-shadow: 0px 1px 1px #ffe547;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=180, Color=#ffe547); /*IE 5.5-7*/
}

.aro_right{ font-size:20px;}

.footer_social{ width:160px; margin:0 auto; display:inline-block;}
.footer_social li{ float:left; margin:0 5px;}
.footer_social li a{ display:inline-block; background:#fff; width:30px; height:30px; text-align:center; font-size:18px; line-height:31px;

-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;
}

.footer_social li a:hover{ background:#be003f; color:#fff;}

.footer_menu{ text-align:center; color:#fff;}
.footer_menu a{ display:inline-block; color:#fff; margin:0 5px;}
.footer_menu a:hover{ color:#be003f;}

.copy_text{ font-size:12px; color:#fff; margin-top:5px;}

.container_top { padding: 15px 15px 0px 15px;}

 
.slide-out-div {padding: 20px; width: 250px; background: #fff;  border: #C00343 2px solid; }


.about_banner{ border:#dbdbdb solid 1px;}
.about_banner img{ width:100%; height:auto;}

.about_text{ margin:20px 0px}
.about_text h6{ font-size:16px; font-weight:600; margin:0px 0 10px 0; color: #3A3A3A;
background: #f2f2f2;
padding: 15px;
box-shadow: #ccc -5px -5px 5px;
-moz-box-shadow: #ccc -5px -5px 5px;
-webkit-box-shadow: #ccc -5px -5px 5px;
border-left: solid 5px #c00343;
}

.sub_title
{
font-size:16px; font-weight:600; margin:0px 0 10px 0; color: #3A3A3A;
background: #f2f2f2;
padding: 15px;
box-shadow: #ccc -5px -5px 5px;
-moz-box-shadow: #ccc -5px -5px 5px;
-webkit-box-shadow: #ccc -5px -5px 5px;
border-left: solid 5px #c00343;
}

.about_text p{ margin-bottom:30px;}

.lines_box{ border:#d6d8de solid 1px; padding:10px;}

.abt_lins{}
.abt_lins li{ margin:10px 0px;}
.abt_lins li i{ float:left; margin-right:8px;font-size: 20px;
color: #c00343;
}
.abt_lins li span{ float:left; width:96%;}

.ref_banner{ position:relative; border:#dbdbdb solid 1px;}
.ref_banner img{ width:100%; height:auto;}
.reference{ position:absolute; left:3%; bottom:10%; background:#eeeeee; padding:10px; text-align:center; width:300px;}
.reference h1{ text-transform:uppercase; font-size:25px; margin:0px 0 10px 0; }

.contact_box{ border:#d6d8de solid 1px; padding:20px 10px 10px 10px;}

.cont_row{ margin-bottom:20px;}
.name{ float:left; width:40%; text-align:right; padding-right:20px; padding-top:10px;}
.name sup{ font-size:18px; vertical-align:bottom;}

.cInput{ float:left; width:40%; height:auto; padding:10px;}
.cMsg{ float:left; width:40%; height:150px; padding:10px; resize:none;}

.cFile{ float:left; width:40%; height:auto; padding:10px; }



.cSelect {border:#ccc solid 1px !important;}
select.cSelect::-ms-expand {display: none; /* hide default arrow in IE10 */}
select.cSelect {width: 40%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
	color: #333; height:auto;font-weight: normal;
	margin: 0 0 10px;padding: 10px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
	border: 0 none;cursor: pointer;	text-indent: 0.01px; text-overflow: "";
	background: url(../images/arrow.png) no-repeat 100% 4px #fff; /* add your own arrow image */
	
	-webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
	-moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
	-ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
	appearance: none;}
select.cSelect option {background: #fff; /* style the dropdown bg color */}

.btn_pink{ background:#c00343; padding:10px 20px; text-transform:uppercase; color:#fff; border:#c00343 solid 1px;}
.contact_box2{border:#d6d8de solid 1px; padding:10px 10px 10px 10px; margin-top:20px ; text-align:center;}
.contact_box2 a{ color:#c00343;}



.member_banner{ position:relative; border:#dbdbdb solid 1px;}
.member_banner img{ width:100%; height:auto;}
.mem_ref{ position:absolute; left:3%; bottom:10%; background:#eeeeee; padding:10px; text-align:center; width:300px;}
.mem_ref h1{ text-transform:uppercase; font-size:25px; margin:0px 0 10px 0; }

.tt h2{ text-transform:none  ;}


.content {margin: 0px auto; padding: 0px;	}
.content p {font-size: 1em; font-weight: 300; line-height: 1.5em; margin: 0 0 20px;}
.content p:last-child {margin: 0;}	
.content a.button {display: inline-block; padding: 10px 20px; background: #ff0; color: #000; text-decoration: none;	}
.content a.button:hover {background: #000; color: #ff0;	}
.content.title {position: relative; background: none; border: 2px dashed #333;}
.content.title h1 span.demo {display: inline-block; font-size: .5em; padding: 5px 10px; background: #000; color: #fff; vertical-align: top;margin: 7px 0 0;}
.content.title .back-to-article {position: absolute; bottom: -20px; left: 20px;	}
.content.title .back-to-article a {padding: 10px 20px; background: #f60; color: #fff; text-decoration: none;}
.content.title .back-to-article a:hover {background: #f90;}
.content.title .back-to-article a i {margin-left: 5px;	}
.content.black {background: #000;}
.content.black p {color: #999;}	
.content.black p a {color: #08c;}
	
.accordion-container {width: 100%; margin: 0 0 20px; clear: both;}
.accordion-toggle {position: relative; display: block; padding:10px  20px; font-size: 1.5em; font-weight: 300; background: #be003f; color: #fff; text-decoration: none;}
.accordion-toggle.open {background: #333; color: #fff;}
.accordion-toggle:hover {background:#604094; color:#fff;}
.accordion-toggle:focus {background:#604094; color:#fff;}
.accordion-toggle span.toggle-icon {position: absolute; top: 0px; right: 0px; font-size: 1.5em; background:#333333; width:50px; text-align:center; height:50px; padding-top:3px;}
.accordion-content {display: none; padding: 20px; overflow: auto;}
.accordion-content img {display: block; float: left; margin: 0 15px 10px 0; max-width: 100%; height: auto;	}

.member_tbl{ width:100%; margin:0 auto;}

.member_tbl .pricing_table {line-height: 150%;  margin: 0 auto; width:100%; text-align:center; border:#ccc solid 1px; display:inline-block; }
 
.member_tbl .price_block {width: 100%; color: #fff; float: left; list-style-type: none; transition: all 0.25s; position: relative; box-sizing: border-box; 
    border-bottom: 1px solid transparent; }
.member_tbl .pricing_table h3 {text-transform: uppercase; padding: 5px 0; background: #333; margin: -10px 0 1px 0;}
.member_tbl .price {display: table; background: #D6D6D6; width: 100%; height: 90px; }
.member_tbl .price_figure {font-size: 18px; text-transform: uppercase; vertical-align: middle; display: table-cell;}
.member_tbl .price_number {font-weight: 600; display: block; color:#5F5C5C;}
.member_tbl .price_tenure { font-size: 11px;}
.member_tbl .features { background: #F1F1F1; color: #000;}
.member_tbl .features li { padding: 20px 10px; border-bottom: 1px solid #ccc; list-style-type: none;}
.member_tbl .features li i{ color:#090;}
.member_tbl .footer { padding: 15px;background: #DEF0F4;}
.member_tbl .action_button { text-decoration: none; color: #fff; font-weight: bold; border-radius: 5px; background: linear-gradient(#666, #333); padding: 5px 20px; 
font-size: 11px; text-transform: uppercase;}
.member_tbl .price_block:hover {
    box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); 
    transform: scale(1.04) translateY(-5px); 
    z-index: 1; border-bottom: 0 none;}

.member_tbl .price_block:hover .price { background:linear-gradient(#c00343, #C0436D); box-shadow: inset 0 0 45px 1px #c00343;}
.member_tbl .price_block:hover .price .price_figure .price_number{ color:#fff;}
.member_tbl .price_block:hover h3 { background: #222;}
.member_tbl .price_block:hover .action_button { background: linear-gradient(#C0436D, #c00343); }

.box_li{ border:#d6d8de solid 1px; padding:10px; padding-top:0px;}

.bLi{ margin:20px 0 0 0;}
.bLi li{ border-top:#ccc dotted 1px; }
.bLi li a { display:inline-block; width:100%; box-sizing:border-box; padding:10px 10px;}
.bLi li a:hover{ background:#efefef;}
.bLi li a.active{ background:#efefef;}

.opn_line{ margin:20px 0px;}
.opn_line li{border-top:#ccc dotted 1px; padding:10px 10px;}

.opnBox{ border:#d6d8de solid 1px; padding:10px; margin:10px 0px;}
.opnBox span{ color:#be003f;}

@media only screen and (min-width : 480px) and (max-width : 768px) {
    .member_tbl .price_block {width: 50%;}
    .member_tbl .price_block:nth-child(odd) {border-right: 1px solid transparent;}
    .member_tbl .price_block:nth-child(3) {clear: both;}
     
    .member_tbl .price_block:nth-child(odd):hover {border: 0 none;}
}
@media only screen and (min-width : 768px){
    .member_tbl .price_block {width: 25%;}
    .member_tbl .price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
    .member_tbl .price_block:last-child {border-right: 0 none;}
     
   .member_tbl .price_block:hover {border: 0 none;}
}
	
/* media query for mobile */
@media (max-width: 767px) {
.content {width: auto;}
.accordion-content {padding: 10px 0; overflow: inherit;}
}

/*-======== Mobile Media Query  ========*/
@media (min-width:300px) and (max-width:767px) {
.accordion-toggle { font-size: 1em;}
.accordion-toggle span.toggle-icon { height: 40px;  width: 40px;}
	.member_tbl .price_block{ margin-bottom:10px;}
	
	.name { text-align: left;width: 100%;}
	.cInput { width: 100%;}
	select.cSelect { display:inline-block;  width: 100%;}
	.cFile { width: 100%;}
	.cMsg { width: 100%;}
	.cont_row n2{ display:none;}
	
.abt_lins li span { width: 90%;}
	
.top_news { margin-left: 0px;}
.vestibulum { font-size: 12px; margin: 13px 0 0 10px;}
.well_guest {font-size: 12px;  margin: 5px 10px 0 40px;}
.right_red{ float:right !important;}
.navbar-brand{ max-width:100px; height:auto;}
.navbar-brand img{ width:100%; height:auto;}

.top_from .srh { float: left; width: 86%;}
.top_from .srh_btn { float: left;}

 .navbar-toggle { margin-right: 0; margin-top: 0;}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent;}
 
 .slide_r .carousel-inner > .item > img {height: 150px;}
 .slide_r .carousel .item { height: 150px;}
 .slide_r .carousel { height: 150px;}
 
 .slide_r .carousel-caption { bottom: 38%;  left: 10%;  padding: 5px 0 5px 5px;}
 .slide_r .carousel-caption h1 {font-size: 16px;}
 .slide_r .carousel-caption p { font-size: 13px;}
 
 .multi_color { padding: 10px 15px 0;}
 .multi_color li { margin: 0 0px; width: 100.0%;}
 .multi_color li:last-child { width: 100.0%;}
 
 .three_box li { width: 100%;}
 .three_box li .th_box1 { border-right: medium none; padding-right: 0;}
 .three_box li .th_box2 { border-right: medium none;  padding: 0 0px;}
 .three_box li .th_box3 { padding-left: 0;}
 
 .tbs_box .nav-tabs li { width: 100.0%;}
 .tbs_box { width: 100%; margin-top:10px;}
 
 .tbs_box .nav-tabs li:nth-child(1)::after { border-right: none;}
 .tbs_box .nav-tabs li:nth-child(2)::after { border-right: none;}
 .tbs_box .nav-tabs li:nth-child(3)::after { border-right: none;}
 .tbs_box .nav-tabs li:nth-child(4)::after { border-right: none;}
 .tbs_box .nav-tabs li:nth-child(5)::after { border-right: none;}
 .tbs_box .nav-tabs li:nth-child(6)::after { border-right: none;}
 
 .three_box2 li { width: 100%;}
 .footer { height: 180px;}
 body { margin-bottom: 160px;}
 
 .nav_line{ margin-top:0px;}
 

 
}

/*-======== Tab Media Query  ========*/
@media (min-width:768px) and (max-width:1024px) {
.member_tbl { width: 100%;}
.member_tbl .price_block { width: 50%;}
.member_tbl .price_block{ margin-bottom:10px;}
	
	.navbar-brand{ max-width:200px; height:auto;}
.navbar-brand img{ width:100%; height:auto;}

.newMwnu > li > a { padding: 10px 6px !important;  font-size: 10px !important; font-weight:400 !important;}
.newMwnu li:first-child { display:none;}

.multi_color li { margin: 0 3.7px;}
.multi_color { margin-top:10px;}

.three_box li .th_box1 { min-height: 380px;}
.three_box li .th_box2 { min-height: 380px;}
.three_box li .th_box3 { min-height: 380px;}

.tbs_box { margin-top: 10px;}

.three_box2 li .th_box1 {  min-height: 230px;}
.three_box2 li .th_box2 {  min-height: 230px;}
.three_box2 li .th_box3 {  min-height: 230px;}

.footer { height: 140px;}
body { margin-bottom: 140px;}
 
}

/*-======== Mobile Portrait  ========*/
@media screen and (min-width:300px) and (max-width: 767px) and (orientation:portrait) { 

 .signFrmSlide
{
border:none;
position:absolute;
left:29.5% !important;
width:249px;
z-index:989898;
background-color:#c00343;
}
.desk_reg_icon
{
display:none;
}
.desk_reg
{
width:auto;
top:0px !important;
margin: 0px !important;
}
.cont_row{ margin-bottom:3px;}

.usrIMG
{
margin-left:-2% !important;
}

.half_code { width: 32% !important;}
.t_detail {
  margin-left: 0;
  text-align: center;
  width: 100%;
}



.speacial_box{ 
width: 250px !important;

}


.co{ width:100%; text-align:center;}
.co li{ display:inline-block; float:none;}
.half_left {
  width: 100.0%;
}	
.half_left P{ text-align:justify;}
	
.red_heading h5 { width: 80%;} 
.red_heading{ position:relative;}
.red_heading span {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.btn_dark2 { margin-top:20px; 
  width: 100%;
}

.client_pic {
  float: none;
  margin: 20px auto 0 auto;

}
.c_detail {
  margin-left: 0;
  text-align: center;
  width: 100%;
}
.right_c {
  float: none;  margin: 0 auto;
}
.topm {
  text-align: center;  margin-bottom:2px;
  width: 100%;
}

.tg  {width:95% !important;}


}

/*-======== Mobile Landscape  ========*/
@media screen and (min-width:300px) and (max-width: 767px) and (orientation:landscape) { 
.top_header .pull-right{ width:100%;}
.well_guest {  margin: 12px 10px 0 90px;}
.top_from{ float:left;width:100%;}
.navbar-brand {  max-width: 140px;}

.top_from .form-group{ float:left; width:60%;}

.top_from .form-group .srh{ width:100%;}
.top_from br{ display:none;}

.slide_r .carousel-inner > .item > img {height: 200px;}
 .slide_r .carousel .item { height: 200px;}
 .slide_r .carousel { height: 200px;}

 
 
 
 


}

/*-======== Tab & small Screen Portrait  ========*/
@media screen and (min-width:767px) and (max-width:1024px) and (orientation:portrait) { 

}

/*-======== Tab & small Screen Landscape  ========*/
@media screen and (min-width:767px) and (max-width:1024px) and (orientation:landscape) { 
.newMwnu li:first-child { display:block;}

.newMwnu > li > a { font-size: 11px !important; padding: 10px 13px !important;}
.newMwnu li:first-child a { padding: 7px 10px 5px !important;}
.tbs_box { margin-top: 0px;}

.three_box2 li .th_box1 { min-height: 190px;}
.three_box2 li .th_box2 { min-height: 190px;}
.three_box2 li .th_box3 { min-height: 190px;}

.footer { height: 120px;}
body{ margin-bottom:120px;}

.three_box li .th_box1 { min-height: 350px;}
.three_box li .th_box2 { min-height: 350px;}
.three_box li .th_box3 { min-height: 350px;}

.member_tbl { width: 100%;}
.member_tbl .price_block { width: 25%;}
}