


/*Hearder*/
.hero_light_in{
    position: relative;
    z-index: 1;
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../img/heading_in.jpg');
}


.hero_light_in:after{
    position: absolute;
    z-index: -5;
    content: '';
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .60); 
}
.page_title{
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    color: #fff;

    padding: 150px 0 0;
}
.page_title h2{
    font-size: 48px;
    font-weight: 700;
    font-family: 'Rubik', sans-serif;
}
.page_title h5{
    font-size: 24px;
    font-family: 'Fira Sans', sans-serif;
}

section#header {
    width: 100%;
    position: absolute;
    top: 0;
    padding: 7px 0;
    z-index: 9;
    background: transparent;
    color: #fff;
}

section#main-menu {
    position: absolute;
    top: 65px;
    width: 100%;
    z-index: 9;
    background: transparent;
}

section#header .logo img {
    margin-left: 15px;
}

ul.top-nav>li>a {
    color: #fff;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
ul.top-nav>li>a:hover {
    color: #EFE5B2;
}


nav#nav{ background: transparent; }
a {
    text-decoration: none; color: #337AB7;
}
a:hover{  color: #337AB7; }

ul.top-nav>li.primary-action>a.btn {
    background: #337AB7;    
}
ul.top-nav>li.primary-action>a.btn:hover {
    background: #2cd63c;    
}


.navbar-nav>li>.dropdown-menu {
    background: white;
    border-radius: 5px;
    padding: 5px;
}

.navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover {
    color: #EFE5B2;
    background: none;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.navbar-main .navbar-nav .dropdown a.dropdown-toggle, .navbar-main .navbar-nav .dropdown  a.dropdown-toggle:focus, .navbar-main .navbar-nav .dropdown  a.dropdown-toggle:active {
    background: transparent !important;
}
/*Home banner*/

section#home-banner {
    padding: 120px 0 80px;
    background: #000b42;
    background: -webkit-linear-gradient( right, #000b42 0%, #004161 100%);
    background: -o-linear-gradient( left, #000b42 0%, #004161 100%);
    background: -moz-linear-gradient(to  left, #000b42 0%, #004161 100%);
    background: linear-gradient(to  left, #000b42 0%, #004161 100%);
    position: relative;
}

section#home-banner .btn {
    font-size: 16px;
}
section#home-banner .btn.search {
    background-color: #2aac40;
}
section#home-banner .btn.transfer {
    background-color: #cc4242;
}
section#home-banner h2 {
    margin-bottom: 32px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
}
.captchaimage{padding: 0}
.captchaimage img{height: 41px;}
 #inputCaptcha {height: 41px;}
.dropdown-toggle .caret{ 
    margin-left: -3px;
}
.caret{ 
    height: 6px;
    width: 6px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: transparent #ffffff #ffffff transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin-top: -3px;
}
#default-captcha-domainchecker{ margin-top: 25px;}
#default-captcha-domainchecker p{margin-bottom: 20px;}

/*Home shortcuts*/
.home-shortcuts {
    width: 100%;
    float: left;
    padding: 60px 0;
    background: #f8f8f8;
}
.home-shortcuts .lead {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #337AB7;
    margin: 80px 0;
}

.home-shortcuts li {
    width: 23%;
    background: #fff;
    padding: 60px 0;
    text-align: center;
    border: none;
    border-radius: 10px;
    margin-right: 2%;
    box-shadow: 4px 6px 20px rgba(0,0,0,0.10);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.home-shortcuts li a{
   -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #337AB7;
}

.home-shortcuts li i {
    font-size: 36px;
    margin-bottom: 10px;

}

.home-shortcuts li p {
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.home-shortcuts li:first-child {
    border-left: 1px solid transparent;
}

.home-shortcuts li span{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    display: inline-block;
}
.home-shortcuts li:hover { background: #337AB7; }
.home-shortcuts li:hover span{ opacity: 1; }
.home-shortcuts li:hover a{ color: #fff !important; }
.home-shortcuts li:hover p{ color: #fff; }



/*Main-body*/
section#main-body{ background: #f8f8f8; }
.main-content{
    background: #fff;    
    border-radius: 10px;
    padding: 20px;
    box-shadow: 4px 6px 20px rgba(0,0,0,0.10); 
}
.announcement-single p {
    font-size: 18px;
}
.announcement-single .title{ margin-bottom: 10px; font-size: 24px; display: inline-block;}
.announcement-single .article-items { font-size: 14px; }
a.label.label-warning{
    background: #2cd63c;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.label.label-warning:hover{
    background: #337AB7;
}
div.header-lined h1{ font-size: 48px; color: #363dff; }
div.header-lined .breadcrumb{ font-size: 14px;  }

.panel-sidebar>.panel-heading{ background: #337AB7; }
.panel-sidebar .panel-heading h3{ color: #fff; font-weight: 500; }
.btn-primary{ 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #337AB7; 
}
.btn-primary:hover{ background: #363dff }



/*register*/
.domain-checker-container{
    background: linear-gradient(to right, #1317d1 0%, #07164e 100%)
}

/*all input box*/
button, input, select, textarea, .form-control {
    background: #fff;
    font-weight: 300;
    border: 1px solid #ededed;
    color: #838bab;
    box-shadow: none;
}
button:focus, input:focus, select:focus, textarea:focus, .form-control:focus{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #ededed !important;
}
/*Footer Css*/

footer.footer_light_in {
    padding-top: 100px;
    background: #090b42;
    position: relative;
    z-index: 1;
}
.footer_light_in ul{ padding: 0; }
.footer_light_in a{ text-decoration: none; }
.f_widget_1 .footer_logo{ font-size: 0; }
.f_widget_1  p{ 
    margin-top: 30px; 
    font-size: 14px; 
    color: #fff;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
    line-height: 1.5;
}
.f_widget_1  .social_link{ 
    margin-top:30px;
}
.f_widget_1  .social_link li{ margin-right: 10px; display: inline-block;}
.f_widget_1  .social_link li a{ font-size: 0; }
.f_widget_1  .social_link li i {
    font-size: 14px;
    display: inline-block;
    padding: 10px;
    border-radius: 50%;
    background: none;
    border: 1px solid #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #fff;
}
.f_widget_1  .social_link li i.ti-twitter-alt:hover{
    color: #1da1f2;
    background: #fff;
} 
.f_widget_1  .social_link li i.ti-pinterest:hover{
    color: #bd081c;
    background: #fff;
}
.f_widget_1  .social_link li i.ti-facebook:hover{
    color: #3b5998;
    background: #fff;
}
.f_widget_1  .social_link li i.ti-vimeo-alt:hover{
    color: #1ab7ea;
    background: #fff;
}
 
.f_widget_5, .f_widget_4, .f_widget_3, .f_widget_2{
    margin-left: 25px;
    text-align: left;
}
.f_widget_5 h3, .f_widget_4 h3, .f_widget_3 h3, .f_widget_2 h3{
    color: #fff;
    margin-bottom:25px;
    font-size: 22px; 
    line-height:36px; 
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
}
.f_widget_5 ul, .f_widget_4 ul, .f_widget_3 ul, .f_widget_2 ul{ text-align: left; }
.f_widget_5 ul li, .f_widget_4 ul li, .f_widget_3 ul li, .f_widget_2 ul li{
    display:block;
    margin-bottom: 20px;
}
.f_widget_5 ul li a, .f_widget_4 ul li a, .f_widget_3 ul li a, .f_widget_2 ul li a{
    display: inline-block;
    color: #fff;
    font-size:14px;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.f_widget_5 ul li a:hover, .f_widget_4 ul li a:hover, .f_widget_3 ul li a:hover, .f_widget_2 ul li a:hover{
    margin-left: 5px;
    opacity: 0.5;
}

.batch_red { background: #d92137; }
.batch_yellow { background: #f49b0e; }
.batch_green { background: #19c131; }
.batch_yellow, .batch_green, .batch_red {
    font-size: 12px;
    padding: 3px 7px 3px 3px;
    border-radius: 3px;
    margin-left: 7px;
}

.footer_bottom{ 
    background: rgba(0, 0, 0, 0.5);
    padding:25px;
    border-radius: 15px 15px 0 0;
    position:relative;
    margin-top: 80px;
}
.scrolltop {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #fff;
    background: -webkit-linear-gradient( right, rgb(10,207,254) 0%, rgb(24,45,238) 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgb(10,207,254) 0%, rgb(24,45,238) 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to left, rgb(10,207,254) 0%, rgb(24,45,238) 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, rgb(10,207,254) 0%, rgb(24,45,238) 100%);
    cursor: pointer;
    text-align: center;
    font-size: 31px;
    left: calc(50% - 30px);
    top: calc(0px - 30px);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.scrolltop i { 
    margin-top: 15px;
    display: inline-block;
    font-size:20px;
    color: #fff;
}
.scrolltop:hover{ top: -35px;  }

.top_certified, .paypent_list{
    display: inline-block;
}
.top_certified h3, .paypent_list h3{ 
    margin-bottom: 10px; 
    color: #fff;
    font-size: 16px; 
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
}
.top_certified a, .paypent_list a{ 
    margin-right: 7px;
    font-size: 0;
}

.copy_right_text p{ 
    font-size: 14px;
    margin-top: 35px;
    text-align: center;
    color: #3a2085; 
}


.footer_dark_in{
    padding-top: 100px;
    background: #090b42;
    position: relative;
    z-index: 1;
}
.footer_bottom  { border-radius: 0;}
.copy_right_text p{  color: #fff; }
/* scroll to top  */
.scrolltop{ background: #3a2085; }



/*Responsive*/

@media only screen and (min-width: 992px) and (max-width: 1200px){

    .top_certified a, .paypent_list a{ margin-right: 3px; }
    .copy_right_text p{ font-size: 12px; }

}
@media only screen and (min-width: 768px) and (max-width: 991px){
    
    .f_widget_1 p{ 
        margin-top: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .f_widget_1 .social_link{ 
        margin-top:15px;
        margin-bottom: 0px;
    }
    .f_widget_1 .social_link i { font-size: 15px;}

    .f_widget_5, .f_widget_4, .f_widget_3, .f_widget_2{ margin-left: 0px; }
    .f_widget_5 h3, .f_widget_4 h3, .f_widget_3 h3, .f_widget_2 h3{
        margin-bottom: 20px;
        font-size: 18px;
        text-align: left;
    }
    .f_widget_5 ul li, .f_widget_4 ul li, .f_widget_3 ul li, .f_widget_2 ul li{  margin-bottom: 22px; }
    .f_widget_5 ul li a, .f_widget_4 ul li a, .f_widget_3 ul li a, .f_widget_2 ul li a{ font-size:12px; }
    .footer_bottom .scrolltop {
        width: 56px;
        height:56px;
        left: calc(50% - 28px);
    }
    .scrolltop i {  margin-top: 13px; }
    .top_certified, .paypent_list{ text-align:left; }
    .top_certified a, .paypent_list a{ 
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
    }
    .top_certified img, .paypent_list img{ width: 30px;}

    .copy_right_text p{  
        text-align: center;
        margin-top:20px;
        font-size: 12px;
        line-height: 1.5;
    }

    .footer_dark_in {    padding-top: 80px; }
}
@media only screen and (max-width: 767px){

    .f_widget_1{   padding: 25px; }
    .f_widget_1 h2{ width: 50%;}
    .f_widget_1 h2 a img{ width: 80%;}

    .f_widget_1 p{ 
        margin-top: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .f_widget_1 .social_link{ 
        margin-top:25px;
        margin-bottom: 0px;
    }
    .f_widget_1 i {  font-size: 15px; }

    .f_widget_5, .f_widget_4, .f_widget_3, .f_widget_2{
        text-align: left;
    }
    .f_widget_5 h3, .f_widget_4 h3, .f_widget_3 h3, .f_widget_2 h3{
        margin-bottom: 8px;
        font-size: 18px;
        margin-top:15px;
    }
    .f_widget_5 ul, .f_widget_4 ul, .f_widget_3 ul, .f_widget_2 ul{  text-align: left; }
    .f_widget_5 ul li, .f_widget_4 ul li, .f_widget_3 ul li, .f_widget_2 ul li{ margin-bottom: 12px; }
    .f_widget_5ul li a, .f_widget_4ul li a, .f_widget_3ul li a, .f_widget_2 ul li a{ font-size:14px; }


    .footer_bottom{ 
        margin-top:25px;
        padding-bottom: 35px;
    }
    .scrolltop {
        width: 40px;
        height:40px;
        left: calc(50% - 20px);
        top: calc(0px - 20px);
    }
    .scrolltop i { margin-top: 0;  }
    .scrolltop i:hover { top: -25px; }
    .top_certified, .paypent_list{
        text-align:center;
        margin-bottom: 20px;
    }
    .top_certified a, .paypent_list a{ margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
    }
    .top_certified a img, .paypent_list a img{ width: 38px; }
    .copy_right_text{ 
        position: absolute;
        top: 50px;
        margin: 0 auto;
        left: 0;
        width: 100%;
    }
    .copy_right_text p{  
        text-align: center;
        font-size: 12px;
    }
    .footer_dark_in {    padding-top: 60px; }

}
@media only screen and (min-width: 480px) and (max-width: 767px){
    
    .copy_right_text{ 
        font-size: 14px;
    }
    .paypent_list a img, .top_certified a img {
        width: auto;
    }
}