/**** box active and deactive ****/ 

.active {

  display: block !important;

}

.deactive {

  display: none !important;

}

.wapper { margin:0 auto; }

.at-notify {

	margin: 10px 0px 20px 0px;

	width: auto;

	border-bottom: 4px solid #2896df;

	color: #fff;

	padding-left:0px;

	overflow:hidden;

	padding:30px 0;

	box-shadow: 0 0 6px rgba(0,0,0,.3);

}

.notify-btn{

  padding-top:20px;

}

.at-btn{

    display:inline-block;

	color: #000;

    border: 2px solid #2896df;

    text-shadow: 0 0 1px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.3);

    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2), 0 4px 6px 0 rgba(0,0,0,.12);

    font-size: 16px;

    padding:11px 20px;

    border-radius: 2px;

    margin: 6px;

	font-weight:bold;

    white-space: normal!important;

	transition: .2s ease-out;

	-webkit-transition: .2s ease-out;

    position: relative;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}

/* Sweep To Bottom */

.hvr-s-b{

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-s-b:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #1a87d0;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50% 0;

  transform-origin: 50% 0;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-s-b:hover:before, .hvr-s-b:focus:before, .hvr-s-b:active:before {

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

}

.hvr-s-b:hover, .hvr-s-b:focus, .hvr-s-b:active {

  color:#fff;

}

.primary-btn{

 background-color: #5a95f5!important;

}

.btn-secondary {

    background-color:#4CAF50;

}	

.notify-btn a{

  margin-top:20px;

}

.btn-pro{

  padding-top:20px;

}

.at-notify h3{

    color:#000;

	text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);

	font-size:20px;

	margin-top:10px!important;

	text-transform:uppercase;

}

.at-notify h1{

	margin-top:0!important;

	color:#112f54;

	text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);

}

.at-notify h1 a{

    color:#112f54;

	font-size:36px;

}

.at-notify h1 span{

	color:#2896df;

}

.at-notify h4 span{

	color:#2896df;

}

.at-notify h4 a{

    color:#000;

	font-size:18px;

	margin-top:0!important;

}

.at-notify ul{

    margin-bottom: 0px;

    list-style: none outside none;

    padding: 0

}

.at-notify ul li{

    display: block;

    font-size: 15px;

	color:#000;

    line-height: 20px;

    font-weight: normal;

    letter-spacing: 0.8px;

    margin-right: 0px;

    padding:4px 0;

	margin-left:2px;

    vertical-align: top;

}

.at-notify ul li:before {

    content: "\f00c";

	color:#2896df;

    font-family: FontAwesome;

    margin-right: 10px;

    margin-left: 1px;

    font-size: 14px;

}

/*-------Menu------*/

.header1{

    width:100%;

    border-bottom: 4px solid #2896df;

    color: #202020;

    padding:10px 20px;

	box-shadow: 0 0 6px rgba(0,0,0,.3);

}

.footer{

    width:100%;

	background:#eee;

    color: rgb(26, 43, 43);

    padding:4px 10px !important;

	border:1px solid #ddd;

	margin-top:20px;

}

.footer-bottom{

    width:100%;

	background:rgb(26, 43, 43);

    color: #000;

    padding:20px  !important;

}

.footer-bottom h2 {

    font-size:18px;

	margin:0 !important;

}

.footer-bottom h2 a{

    color: #000;

	margin:0 10px;

}

.header h2{

  color:#000;

  margin-top: 10px !important;

}

.logo a{

 color:#000;

  font-weight: normal;

 text-shadow:0 0 1px;

 border-radius: 10px;

}

a.min-button {

    border-radius: 10px !important;

}

/*-----Content-inner------*/

.main-content{

 margin:20px 0;

 margin-right:0px !important;

 margin-left:0px !important;

} 

 

/*-----Sidebar------*/

.sidebar{

	margin-left:-10px;

	margin-right:10px;

}

/*----------------Full-Screen Editor------------------*/

.content_inner{

    margin-top: -5px;

    padding-right: 0px !important;

    padding-left: 0px !important; 

    background-color: #fff;

    border: 1px solid #cccccc;

} 

.section-title {

    font-weight:bold;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px;

    background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);

    background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);

    border-bottom: 1px solid #D5D5D5;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);

    padding:16px;

    margin: 0 0px 25px;

}

.section-title h3 {

    margin:0 !important;

}

/*---Sidebar Nav--------*/

ul.nav-tab-wrapper{

 list-style:none;

}

ul.nav-tab-wrapper li a{

    background:rgb(26, 43, 43);

    color: #ffffff;

    line-height: 18px;

    display: block;

    font-size: 14px;

    position: relative;

    padding: 12px 10px;

	border-bottom: 1px solid #eee;

    margin: -6px;

}

.nav-tab-wrapper .active>a {

    background: none repeat scroll 0 0 #2896df;

    color: #ffffff;

	border-bottom: 1px solid #2896df;

    border-bottom: 0;

}

.nav-tab-wrapper > .active >a:after {

    border-bottom: 22px solid transparent;

    border-right: 19px solid rgb(26, 43, 43);

    border-top: 18px solid transparent;

    content: "";

    position: absolute;

    right:0px;

    top: 50%;

    margin-top: -19px;

}

ul.nav-tab-wrapper1{

 list-style:none;

}

ul.nav-tab-wrapper1 li a{

    color: #ffffff;

    line-height: 18px;

    display: block;

    font-size: 14px;

    position: relative;

    padding: 12px 10px;

	border-bottom: 1px solid #eee;

    margin: -6px;

}



.nav-tab-wrapper1 .active>a {

    background: none repeat scroll 0 0 #0074a2;

    color: #ffffff;

	border-bottom: 1px solid #2896df;

    border-bottom: 0;

}

.nav-tab-wrapper1 > .active >a:after {

    border-bottom: 22px solid transparent;

    border-right: 19px solid #333;

    border-top: 18px solid transparent;

    content: "";

    position: absolute;

    right:0px;

    top: 50%;

    margin-top: -19px;

}

.section {

    padding: 10px 10px 0;

}

.heading {

    background: rgb(26, 43, 43);

    color: #fff;

    border: 1px solid rgb(26, 43, 43);

    border-bottom: 1px solid transparent;

    margin: 0;

    padding: 6px 10px;

}

.option {

    border: 1px solid #ccc;

    padding:16px;

}

.section .controls {

    float: left;

    min-width: 350px;

    width: 54%;

    padding-right: 2%;

}

input.of-radio {

    margin: 2px 10px 10px 0 !important;

    float: left;

    clear: both;

}

.section label {

    float: left;

    max-width: 90%;

    line-height: 16px;

    margin-bottom: 5px;

}

.footer-btn-section{

  padding:10px 20px;

}

.accordion-toggle span {

    margin-right: 10px;

    transition: all 0.3s ease 0s !important;

    float: right;

    line-height: 25px;

}

.panel-default > .panel-heading {

    background-color: #eee !important;

}	

.panel-heading {

    padding:8px 15px !important;

    border-bottom: 1px solid transparent;

    border-top-left-radius:0px !important;

    border-top-right-radius:0px !important;

}

.panel{

    border-radius:0 !important;

}

/* Asiathemes default css 4/9/2016 */

.about-image img{ max-width:100%; }

.faq-text{

	font-size: 15px;

	color: #202020;

	margin-left: 10px;

}

.page-text{

	font-size: 15px;

	color:#202020;

	margin-left: 10px;

	text-align:left !important;

	line-height: 2;

}

.min-button{ padding: 8px 15px !important;

    margin: 0 !important;

    font-family: 'Lato' !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    color: #fff !important;

    border: 2px solid #fff !important;

    border-radius: 2px !important;

    -moz-border-radius: 2px !important;

    -webkit-border-radius: 2px !important;

    background: none;

    margin-top: 30px !important; }

.min-button:hover{ 

    color: #fff !important;

    border: 2px solid #2896df !important;

	background-color:#2896df; }

	

.min-button-custom{color: #fff !important;

    border: 2px solid #fff !important;padding: 8px 15px !important;margin:15px 8px 0px; }

.min-button-custom:hover{ 

    color: #fff !important;

    border: 2px solid #2896df !important;

	background-color:#2896df; }

	

/*-------------------image hove effect---------------------------------------*/	

.gallery-grid figure {

    float:left;

    width:100%;

    position:relative;

	display:block;

	overflow:hidden

}

.gallery-grid figure img {

    width:100%;

    height:auto

}

.gallery-grid figure:hover .overlay {

    opacity:1;

    visibility:visible

}

.gallery-grid figure:hover .overlay-background {

    opacity:.8;

    visibility:visible

}

.gallery-grid figure .overlay-background {

    z-index:1;

    -webkit-transition:all .2s ease-in-out;

    -moz-transition:all .2s ease-in-out;

    -o-transition:all .2s ease-in-out;

    transition:all .2s ease-in-out;

    position:absolute;

    top:0;

    left:0;

    opacity:0;

    visibility:hidden;

    width:100%;

    height:100%

}

.gallery-grid figure .overlay-background .inner {

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    top:0;

    margin:11px;

}

.gallery-grid figure .overlay {

    z-index:2;

    transition:all .2s ease-in-out;

    position:absolute;

    top:0;

    left:0;

    opacity:0;

    visibility:hidden;

    width:100%;

    height:100%

}



.gallery-grid figure .inner-overlay {

    display:table;

    width:100%;

    height:100%

}

.gallery-grid figure .inner-overlay-content {

    display:table-cell;

    vertical-align:middle;

    width:100%;

    padding:20px 40px

}

.gallery-grid figure .inner-overlay-content.with-icons{text-align:center;}

.with-icons a {margin-right:10px;	}

.gallery-grid img {

    -webkit-transition:all .4s ease;

    -moz-transition:all .4s ease;

    -ms-transition:all .4s ease;

    -o-transition:all .4s ease;

    transition:all .4s ease

}

.gallery-grid:hover img {

  	-webkit-transform: scale(1.20);

	-moz-transform: scale(1.20); 

	-ms-transform: scale(1.20); 

	-o-transform: scale(1.20); 

	transform: scale(1.20);

    -webkit-transition:all .8s ease;

    -moz-transition:all .8s ease;

    transition:all .8s ease

}

.gallery-grid figure {overflow:hidden;box-shadow:0 0 2px rgba(0,0,0,0.2);}

.gallery-grid figure .overlay-background .inner {background: rgba(40, 150, 223, 0.8);}

.gallery-grid figure .overlay-background {background-color:rgba(0,0,0,0.8);}

.gallery-grid figure {box-shadow:0 0 2px rgba(0,0,0,0.2);}

.with-icons a i{

    font-size: 22px;

    line-height:45px;

    border-radius:2px;

    height:45px;

    width:45px;

	  color: #2896df;

    background: #fff;

    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);

    box-shadow: 0 0 5px rgba(0,0,0,0.5);

	-wekbit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -o-transition: all 0.4s;

    transition: all 0.4s;

    -wekbit-transform: translateY(30px);

    -moz-transform: translateY(30px);

    -o-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}

.with-icons a i:hover {

   opacity:1;

   color: #fff;

   background:#2896df;

}

 .gallery-grid:hover .with-icons a i{

    -wekbit-transform: translateY(0);

    -moz-transform: translateY(0);

    -o-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}