@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
html,
body {
	font-family: 'Open Sans',sans-serif;}

a:hover{text-decoration:none}
img {
    max-width: 100%;
    height: auto;
}
h1 {
    font-size: 40px;
    font-weight: 500;
}

.trp_nav_area{width:100%;}



@media(min-width:991px){
.not-sticking {
   transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}

.menu-section{padding-right:0}
.sticking .right-links.language_right{display:none}
.sticking .container-user-navigation li{display:none}
.sticking .container-user-navigation li.accessibe_icon{display:inline-block}
.sticking .col-user-utility-navigation .container-user-navigation{background:transparent}
.sticking .col-solid-background, .sticking .menu_section_area{display:none}
.sticking #cssmenu > ul > li > a{padding: 15px 15px;}
.sticking #cssmenu > ul > li.has-sub > a::after{top: 20px;}

/*.sticking .menu_section_area {
    position: absolute;
    top: 0;
    width: 58.66%;
    right: 0;
    background: transparent;
}
.sticking > .container{max-width:100%;}
.sticking .col-top-navigation{    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;}
.sticking .mobrowleft, .sticking .login_div {
    float: right;
}
.trp_nav_area.sticking #cssmenu > ul > li > a{
    color: #000;padding: 28px 15px;
}
.trp_nav_area.sticking #cssmenu > ul > li:before {
    content: "";
    border-bottom: 2px solid #000000;
}*/
.trp_nav_area.sticking .standard-logo1 span{font-size:32px;}
.trp_nav_area.sticking .standard-logo1 span > span, .trp_nav_area.sticking .standard-logo1 span > em{display:none}

/* ---------------- For sticky header: class="float-panel"  ------------------*/
.not-sticking {
   transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}
.sticking .border_bottom_grey.body_style_fullwide{display:none}

.sticking.trp_nav_area .row.logo-left {
    padding:0px 0;
}
.sticking .logo a img {
    max-width:270px;
   
}
.sticking .logo-left .logo a{align-items: center;}
.sticking .logo	{margin:0}

/* when class="float-panel fixed" */
.sticking {animation: slide-down 0.7s;
  box-shadow:0 2px 6px rgba(0,0,0,0.2); z-index:992;  }
  .sticking .banner-top-header{    background: #022E64;}
  
  .contrast-bg .sticking .banner-top-header{     background: #333;}

.sticking .middle-head{background:#fff;     border-bottom: 1px solid #ddd;box-shadow: 0px 2px 15px #e2e2e2;}

.sticky_logo{display:none}
.sticking .sticky_logo{    display: inline-block;}
.sticking .not_sticky_logo{display:none}
.sticking .logopart img{    width: 320px;}

.sticking .hamburger.is-closed .hamb-top, .sticking .hamburger.is-closed .hamb-middle, .sticking .hamburger.is-closed .hamb-bottom, .sticking .hamburger1.is-closed .hamb-top, .sticking .hamburger1.is-closed .hamb-middle, .sticking .hamburger1.is-closed .hamb-bottom{    background-color: #000;}

@keyframes slide-down {
    0% {
        
        transform: translateY(-300px);
    } 
    100% {
        
        transform: translateY(0);
    } 
}









/*-------- Generic styles for the page ------------------*/

.stic.sticking .top-header{display:none;}
/*.inner-page-header.stic.sticking .head-menu{ background: #fff;}*/
.stic.sticking .top-bar-header{}

.stic.sticking .site-logo img{width:300px;}


}

.pull-left{float:left}
.pull-right{float:right}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.sr-only-clip {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0 !important;
    border: 0! important;
    white-space: nowrap !important;
    clip: rect(1px 1px 1px 1px) !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
}

.pagination.page_ul{    justify-content: right;}
footer {
    background: #8a0b16;
    padding: 1.2em 0;
}
footer ul.backlinks {
    color: #fff !important;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
footer ul.backlinks li {
    border-right: 1px solid #fff;
    display: inline-block;
    padding: 0 10px;
    margin-left: -4px;
    line-height: 10px;
    font-size: 12px;
}
footer ul.backlinks li a {
    color: #fff !important;
}
footer ul.backlinks li a:hover {
    color: #ddd !important;
}
footer ul.backlinks li:last-child {
    border: 0;
}

#back-top { position: fixed; bottom: 20px; left: 20px; margin-left: 20px; z-index: 9999; _position: absolute; _top: expression(documentElement.scrollTop+body.scrollTop);
_margin-top: 500px; }
#back-top a, #back-top-prev a { width: 50px; display: block; text-align: center; font: 11px/100% lato, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top span#button { background-color: #CCCCCC; }
#back-top span#button, #back-top-prev span#button-prev {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background-color:#5c5c5c;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    border-radius: 50%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    font-size: 46px;
    color: #fff; }
	
	
	
	.content-panel-area {
    position: static;
    color: #fff;
}


.directory-sub-desc h4 {
    text-transform: uppercase;
    font-size: 20px!important;
    padding: 5px 0px 5px 0px;
}


.pager-innner {
    display: none;
}

/*-------- Generic styles for the page ------------------*/
/*.inner-page-header.stic.sticking .head-menu{ background: #fff;}*/



.standard-logo1 > span {
    font-size: 36px;
    font-weight: 700;
    color: #012464;
    line-height: normal;
    display: inline-block;
}
.standard-logo1 > span > span{    font-size: 18px;
    display: block;    color: #0e49af;}
	.standard-logo1 > span > em{     font-size: 14px;
    font-style: normal;
    display: block;    margin-top: 5px; font-weight:500; color:#000}




@media(min-width:992px) and (max-width:1320px){
.logo-left .logo img{    width:250px;
    max-width: 100% !important;}
.standard-logo1 > span > em{font-size:10px;}
.standard-logo1 > span > span{font-size:12px;}
.standard-logo1 > span{font-size:28px;}
}
/* Menu Part End */
.trp_nav_area .row.logo-left {
    padding:0px 0;    position: relative;
    z-index: 99;
}
.trp_nav_area {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 991;
    background-color: #fff;
    padding: 0px;
}
@media(min-width:991px){
/*.join_acte_btn a:before{content: "\f007";display: inline-block;
   display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; margin-right: 10px;
    font-size: 32px;}*/


	
}

/*Google translate*/
body{top: 0 !important;}

/*Google Translate*/
/*Translate css*/

.col-user-utility-navigation{text-align:right}
::-webkit-input-placeholder {
    color: #666;
    font-size: 17px;
}
::-moz-placeholder {
    color: #666;
    font-size: 17px;
}
:-ms-input-placeholder {
    color: #666;
    font-size: 17px;
}
:-moz-placeholder {
    color: #666;
    font-size: 17px;
}




@media (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
}

.logo-left .logo img{    max-width: 300px;
    margin-right: 10px;
    margin-top: 5px;margin-bottom: 5px;}
.logo-left .logo a{display: flex;
    align-items: flex-start;}
.logo-left .logo {padding: 2px 0;}

@media(min-width:992px) and (max-width:1500px){
	.logo-left .col-lg-5{padding-right:0}
}

@media(max-width:991px){
.trp_nav_area .row.logo-left{padding:10px 0}
}

@media(max-width:991px){
    .col-sm-5, .col-sm-7 {flex: 100%;max-width: 100%;}
}

#primary-content .page-title-small{padding-top: 150px !important;}

#primary-content .page-title-small{padding:15px 0 !important}
.header-for-inner:before{content:none !important}
.header-for-inner{    background: #8a0b16;}

.backto-links {
    text-align: right;
    margin-top: 20px;
}
.sticking .backto-links{    margin-top: 30px;}
.backto-links .back-to-btn {
    display: inline-block;
    margin: 0 8px;
}
.backto-links .back-to-btn a {
    display: block;
    padding: 5px 5px;
    font-weight: 700;
    color: #000;
    border-radius: 30px;
    font-size: 14px;
}
.backto-links .back-to-btn a:hover{color:#8a0b16}

html, body{height:100%;}

@media(max-width:991px)
{
	.order-mobile-1{order:1}
	.order-mobile-2{order:2}
	.logo-left .col-lg-7.col-md-7.col-sm-7{background:#ddd}
	.col-user-utility-navigation{float:left}
	.trp_nav_area .row.logo-left{padding:0}
	.logo-left .logo a img{margin-right: 5px;}
	.standard-logo1 > span{font-size:24px;}
	.standard-logo1 > span > span{font-size:14px;}
	.standard-logo1 > span > em{font-size:9px;}
.logo-left .logo {
    padding: 10px 0;
}

.backto-links{text-align:center; margin-top:0}
.backto-links .back-to-btn a{font-size:12px;}
.col-user-utility-navigation{width:100%;}
footer ul.backlinks li{    display: block;
    padding: 10px 10px; border:0}
}

.mfp-bg1 {
    background-color: rgba(34,49,82,0.8);
}

.my-mfp-slide-bottom.mfp-wrap .mfp-content { 
  /* at start */
  opacity:0; 
  -webkit-transition:all 0.15s ease-out; 
  -moz-transition:all 0.15s ease-out; 
  transition:all 0.15s ease-out; 
}
.my-mfp-slide-bottom.mfp-wrap.mfp-ready .mfp-content { 
  /* animate it */
  opacity:1; 
}
.my-mfp-slide-bottom.mfp-wrap.mfp-removing .mfp-content { 
  /* animate out */
  opacity:0; 
}
.mfp-wrap{z-index: 99999;}




.mfp-content{vertical-align: top;top:10%;}
.mfp-close-btn-in .mfp-close {
    color: #fff;
    font-size: 44px;
    border: 2px solid #fff;
    border-radius: 30px;
    top: -50px !important;
    right: 2%;
	}
	.inline-popup {
    position: relative;
    width: auto;
    max-width:90%;
    margin: 20px auto;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    background-color: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 30px;
}
.share-icons-section h2.post-title span {
    color: #fff;
    font-size: 32px;
}.share-icons-section li img {
    max-width: 60px;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
}.share-icons-section li {
    display: inline-block;
    padding: 4px;
}
.share-icons-section h2.post-title {
    margin-top: 20px;
    margin-bottom: 30px;
}
.mfp-container .mfp-content{vertical-align:top}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
}
.inner-content-area {padding-bottom: 40px;}

@media(max-width: 991px){
    .sticking .backto-links {
    margin-top: 0px;
}
.directory-sub-desc h4 {font-size: 18px!important;}

}

#primary-content ul.sub_top_links {
    list-style: none;
    margin-top: 12px;
}
.sub_top_links > li {
    display: inline-block;
    margin: 0 8px;
	vertical-align: middle;
}
.sub_top_links > li .ham-icon {
    height: 34px;
    position: relative;
    float: right;
    width: 34px;
    z-index: 999;
}
.dropdown .ham-icon:before {
    -webkit-transform: translate3d(0, 0, 0);
    color: #ffffff;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}
.dropdown .ham-icon .hamb-top {
    background-color: #000;
    top: 3px;
}
.dropdown .ham-icon .hamb-middle {
    background-color: #000;
    margin-top: -3px;
    top: 50%;
}
.dropdown .ham-icon .hamb-bottom {
    background-color: #000;
    bottom: 3px;
}
.dropdown .ham-icon:after{
	display: none;
}
.dropdown .ham-icon .hamb-top, .dropdown .ham-icon .hamb-middle, .dropdown .ham-icon .hamb-bottom, .dropdown.open .ham-icon .hamb-top, .dropdown.open .ham-icon .hamb-middle, .dropdown.open .ham-icon .hamb-bottom {
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%;
}
.dropdown.open .ham-icon .hamb-top {
    -webkit-transform: rotate(45deg);
    background-color: #000;
    margin-top: -3px;
    top: 50%;
}
.dropdown.open .ham-icon .hamb-middle {
    background-color: #000;
    display: none;
}
.dropdown.open .ham-icon .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    background-color: #000;
    margin-top: -2px;
    top: 50%;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	padding-left: 0px !important;
}
.open > .dropdown-menu {display: block;}
.dropdown .dropdown-menu {
    left: inherit;
    right: 0;
}
.dropdown .dropdown-menu li {width: 100%;}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.sub_top_links .accessibility .fa-universal-access{
    font-size: 32px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
}
.tooltip.in { opacity: 1;}
.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}
.header_top_bg {
    position: relative;
    z-index: 20;
    background: #ddd;
}
.content-panel-area {
    position: static;
    color: #fff;
}
.content-box {padding: 20px;}
#accessibility ul {padding: 0px !important;}
#accessibility ul li {
    display: block;
    float: left;
    width: 20%;
    text-align: center;
    list-style: none;
    padding: 0px;
}
#accessibility ul li a {
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #000;
}
#accessibility ul li a:hover {color: #012c61;}
#accessibility ul li.close-content-box {width: 2%;}
.close-content-box {
    position: absolute;
    right: 15px;
    top: 5px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    padding: 5px;
}
.contrast-bg .trp_nav_area {background: #c8c8c8;}
.contrast-bg .header-for-inner {background: #555555;}
.contrast-bg footer {background: #919191;}

@media (max-width: 991px){
#accessibility ul li {
    width: 100%;
    margin-bottom: 10px;
}
}


/*Loader Css Start*/

@charset "utf-8";
/*-- preloader --*/
/* loader wrapper */

#pre-loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
}

.front #pre-loader-wrapper{
    display: block;
}

#pre-loader-wrapper img{
    width: 75px;
}

#pre-loader-wrapper .pre-loader-section {
    position: fixed;
    left: 0;
    height: 50%;
    width: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5d7424+0,90ac3e+100 */
background:#fff; /* Old browsers */

}
#pre-loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 170px;
    height: 170px;
    margin: -85px 0 0 -85px;
    border-radius: 50%;
    text-align: center;
    line-height: 170px;
    /*border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -ms-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;*/
    z-index: 9999;
}
/*#pre-loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    -ms-animation: spin 3s linear infinite;
    -o-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}*/
#pre-loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #8a0b16;
    border-bottom-color: #8a0b16;
    border-left-color: transparent;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
.pre-loaded #pre-loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* slide animation */

#pre-loader-wrapper .pre-loader-section.section-left {
    top: 0;
}
#pre-loader-wrapper .pre-loader-section.section-right {
    bottom: 0;
}
.pre-loaded #pre-loader-wrapper .pre-loader-section.section-left {
    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    /* IE 9 */
    -o-transform: translateY(-100%);
    /* transform: translateY(-100%); */
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.pre-loaded #pre-loader-wrapper .pre-loader-section.section-right {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.pre-loaded #pre-loader-wrapper {
   visibility: hidden; 
     -webkit-transform: translateX(-100%); 
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    /* transform: translateX(-100%); */
    /* -webkit-transition: all 0.3s 1s ease-out; */
    -moz-transition: all 0.3s 1s ease-out;
    -ms-transition: all 0.3s 1s ease-out;
    -o-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

/*Loader Css End*/