/* Base CSS */

a:focus {  outline: 0 solid}
img { max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px;font-weight: 700;}
html,body {  }
body{overflow-x:hidden}
a:hover {   text-decoration: none}




/*This style for header top area yellow section*/
.header_top_yellow_section{border-top: 5px solid #0501FF;}
.top_yello_menu{background-color:#0501FF;margin:0;padding:0;list-style: none}
.top_yello_menu li{float:left;background: url(../images/pipe.png)no-repeat center left;}
.top_yello_menu li:first-child{background: none;}
.top_yello_menu li a{color: #fff;font-size: 13px; padding: 10px 27px;  text-transform: uppercase; text-decoration: none;    display: block;    padding-bottom: 5px;}
.top_yello_menu li a:hover{color: #FFF;}

.top_yellow_menu_content{    position: absolute;right: 0; z-index: 9;}

/*main-css*/

.header_top_area {   background: black;}
.heade_top_left ul {   margin: 0;   padding: 0;}
.heade_top_left ul li {  list-style: none; float: left;}
.heade_top_left ul li a {  color: #ffffff;  font-size: 15px;  text-transform: uppercase;  padding: 12px 9px;   display: block;}
.heade_top_left ul li a:hover { color: #000000;  background: white;}
.heaader_top_right ul {  margin: 0;   padding: 0;}
.heaader_top_right ul li {  list-style: none;   float: left;}
.heaader_top_right ul li a {  color: rgba(255, 255, 255, 0.59); padding: 12px 10px;  border-right: 1px solid rgb(255, 255, 255);  display: block;  transition: .75s;}
.heaader_top_right ul li a:hover {  color: #ffffff;   background: #4B8BF5;}
.heaader_top_right ul li:last-child a {   border-right: none;}

#nav {  margin: 0;   padding: 0;}
#nav li {  list-style: none; display: inline-block;   position: relative;}
#nav li a {  color: #000000;  display: block;  font-size: 15px;  font-weight: 700;  text-transform: uppercase;  padding: 35px 15px}
#nav li a .subtitle {  display: block;  color: gray;  font-size: 9px;  text-transform: capitalize;  padding: 5px 0}
#nav li a:hover,
#nav li a:hover .subtitle { color: #ffffff; background: #008500}
#sub_menu {  position: absolute;  top: 114px;  left: 0;   z-index: 99;   display: inline-block;   padding: 0;   margin: 0;  line-height: 0;   background: #fff;}
#nav li #sub_menu li { display: none;}
#nav li:hover #sub_menu li {  display: block;  height: 71px;   width: 273px;   text-align: left;   border-bottom: 1px solid rgba(0, 0, 0, 0.11);}

.logo_img img { margin: 10px 0;max-height: 83px;}
.main_menu_area { border-bottom: 1px solid #008500;}
.banner_area {  min-height:0px;  background: url(../images/bnner.jpg);  background-position: center;}
.banner_area img {  margin-top: 50px;  margin-left: 50px;}
.mynav {  background: #008500;   border-color: #ffffff;}
ul.nav.navbar-nav.navbar-right.myul a {  border-radius: 50px;  padding: 5px 12px;  margin: 10px 0;  color: #ffffff;  transition: .5 all ease;}
ul.nav.navbar-nav.navbar-right.myul a:hover {  background: #007100;}
ul.nav.navbar-nav.navbar-right.myul a i {  padding: 0 5px;}
.box {  border: 7px solid #fff;  border-radius: 5px;  margin-top: 50px;}
.prize_bar {   background: #225522 url(../images/section-bg1.png);   background-repeat: no-repeat;   background-size: cover;   background-position: 100% 100%;padding-bottom: 50px;}
.box_part_one { color: #fff; background: #666666; padding: 23px 0 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.48);}
.box_part_one h2 { font-size: 17px;  text-align: center;}
.box_part_two:after {  content: '';  position: absolute;  left: 0;  bottom: 0;  background: url(../images/pkg-bg.png);  background-repeat: no-repeat;  background-position: center top;  background-size: auto auto;  width: 100%;  height: 33px;}
.box_part_two {  background: #6BB613;   position: relative;}
.box_part_two h2 { color: white; text-align: center; margin: 0; padding-top: 15px;}
.box_part_four { background: #ff3a3a; text-align: center;padding: 10px; border-radius: 7px;}
.box_part_four a { color: #fff;}
.box_part_four:hover { background: #B94A4D;  cursor: pointer;}
.box_part_two p { color: #fff; text-align: center; margin: 0; padding-bottom: 10px;}
.box_part_three { background: #Fff;}
.box_part_three ul { margin: 0; padding: 0;}
.box_part_three ul li { list-style: none; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.09); padding: 10px 0;}
.prize_bar h1 { color: #fff;  text-align: center;  margin: 0;  padding-top: 40px;}
.service_intro {  background: url(../images/bg-abstract.jpg);  background-repeat: no-repeat;  background-attachment: scroll;  background-size: cover;  padding: 5px 0;  position: relative;}
.service_intro h1 {  text-align: center;  color: #0053A4;  line-height: 1.5;}
.service_intro p { color: rgb(0, 0, 0); text-align: center; font-size: 20px; max-width: 800px; font-weight: normal; line-height: 1.5; margin: 10px auto;}
.service h3 {  color: #424242; text-indent: 38px;}
.service span i {  position: absolute; top: -10px;  left: -10px;  font-size: 56px;}
.service {  position: relative;  margin-top: 50px;}
.service #serv li { list-style: none; padding: 5px 0;}
.service #serv li i { padding: 0 5px;}
.service #serv { padding: 0 37px;}
.service #serv li:last-child { padding: 13px 5px;}
.product_detail {  background: #fff;  margin-top: 5px;  line-height: 2.5;  padding: 7px 35px;    text-align: center;}
.product_detail h3 {  text-align: center;  font-size: 15px;  color: #075aaf;  margin: 0;}
.product_detail span a:hover {  text-decoration: underline;  color: #075aaf;}
.item-box-1 {  width: 200px;  height: 200px;   border-radius: 50%;  background: #a6ce38;  margin-top: 38px;  margin-left: 35px;}
.item-box-2 {  width: 200px;  height: 200px;  border-radius: 50%;  background: #42c0fb;  margin-top: 38px;  margin-left: 35px;}
.item-box-3 {  width: 200px;  height: 200px;  border-radius: 50%;  background: #a6ce38;  margin-top: 38px;   margin-left: 35px;}
.item-box-4 { width: 200px;  height: 200px; border-radius: 50%; background: #42C0FB;  margin-top: 38px;  margin-left: 34px;}
.item-box-2 img { margin: 55px 43px;}
.item-box-3 img {  margin: 62px 70px;}
.item-box-4 img { margin: 56px 59px;}
.payment_option_area h1 {text-align: center; font-weight: normal;}
.payment_vendor_box {  width: 100%;  height: 110px;  border: 1px solid rgba(29, 26, 26, 0.38);  margin: 0 auto;  border-radius: 5px;}
.payment_option_area {  margin: 80px 0;}
.payment_vendor_box img { margin: 20px 15px;}
.payment_option_area p { text-align: center; font-size: 25px;  line-height: 1.5; max-width: 1100px;  margin: 28px auto;}
.description_area h1 { color: #0053a4;}
.description_area p { font-size: 18px;  line-height: 1.5;}
.description_area h3 {    color: #0053a4;}
.description_area h3 {    color: #0053a4;    text-indent: 0;}
.description_area ul {   list-style-type: circle;}
.description_area ul li {    font-size: 17px;    line-height: 2;}
.footer_area {    background: #008500;}
.footer_top_area h2 {    color: #fff;    font-size: 15px;    font-weight: normal;    margin-top: 50px;}
.footer_top_area .footer_widget ul {    margin: 0;    padding: 0;}
.footer_top_area .footer_widget ul li{    margin: 0;    padding: 0;}
.footer_top_area .footer_widget ul li a {   color: #fff;    font-size: 15px;    line-height: 2;position:relative}
.footer_top_area .footer_widget ul li a:before{    content: '\00bb';display: inline-block;overflow: hidden;width: 8px;height: 21px;margin: 0;padding: 0;padding-right: 12px;}
.footer_bottom_area {   background: #000000;    padding: 0px 0;}
.footer_top_area p {    color: #ffffff;   text-align: center;    padding: 18px 0;    border-top: 1px solid rgba(255, 255, 255, 0.08);}
.footer_bottom_area p {    color: #ffffff;    text-align: center;}
.footer_top_area .footer_widget ul li a:hover {    text-decoration: underline;}
.footer_top_area {}

/************************ REGISTER DOMAIN ****************************/

.inner-pages { margin-bottom: 50px; }
#inner-bg { background:#000; position:relative; }
.inner-selection { background:teal; }
.inner-selection .heading-in { text-align: center; color: #fff; text-transform: uppercase; font-size: 28px; padding:20px 0px 20px 0; }
.inner-selection p { text-align:center; color:#fff; padding:0px 40px 35px 40px; font-size:16px; }
.domain-sea { border-bottom: 2px solid #EDEDED; background:#F7F7F7; }
.domain-sea .domain-name { color:#444; padding:40px 0 15px 0; text-align:center; font-size:18px; text-transform:uppercase; }
.domain-sea p { color:#888; text-align:center; margin:0px 0px 20px 0; }
.domain-sea .your-domain { background-size: cover; box-shadow: inset 0px 5px 10px -4px #006F1A; margin-bottom: 40px; background:url(../images/bg-search.jpg); min-height:100px; }

.dominbox {    width: 82%;    background: #fff;    margin-bottom: 30px;    overflow: hidden;    border-radius: 1px;    display: inline-block;    box-shadow: 0 0 0 10px rgba(0,0,0,0.1);    -moz-box-shadow: 0 0 0 10px rgba(0,0,0,0.1);    -webkit-box-shadow: 0 0 0 10px rgba(0,0,0,0.1);}
.dominbox input[type="text"] {   float: left;    width: 100%;    border: none;    outline: none;    padding: 12px 0 13px 3%;}
.dominbox label {   position: relative;    top: 12px;    float: left;    width: 93px;    text-align: left;    border-left: 1px solid #e7e7e7;}
.dominbox input[type="submit"] {    color: #fff;    outline: none;    cursor: pointer;    background: red;    line-height: 14px;    font-size: 14px;    text-transform: uppercase;    text-align: center;    border-radius: 2px;    margin: 2px 2px 2px 0px;    width: 100%;    padding: 14px 0 16px;    float: right;}
.dominbox input[type="submit"]:hover {    background: #000;}
.dominbox select {   -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border: none;    outline: none;    background: none;    color: #777;    cursor: pointer;    width: 50px;    text-align: center;    margin-left: 20px;}
.dominbox option {   background-color: #fff;    color: #95c957;}
.dominbox label::after {    position: absolute;    content: "";    color: #000;    font-size: 14px;    font-family: FontAwesome;    top: 0;    right: 9px;}
.domaincon ul {   display: inline-block;list-style: none;}
.domaincon ul li {   float: left;    border-right: 1px solid #fff;    padding: 0 10px;    line-height: 14px;    color: #fff;}
.domaincon ul li span {    margin-right: 5px;}


/*
=================================================================================================================================
										STARTING TO NEW STYLE
=================================================================================================================================
*/

/*this is simple animation */
ul li a, html, body, .main_menu_area_scroll .navbar-inverse .navbar-nav > li > a span, .main_menu .navbar-inverse .navbar-nav > li > a span, .logo_img_onscroll img, .logo_img img, .hide_yello_menu, .btn_margin_on_scroll{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.middle_menu{background:#008500}
.middle_menu .navbar-inverse{margin: 0px;border: none;background: #008500;border-color: #ffffff;border-radius: 0;}
.middle_menu .navbar-brand{text-transform:uppercase;font-size: 18px;}
.middle_menu .navbar-brand span{font-size: 20px;font-weight:bold}
.middle_menu .nav{padding: 10px 0px;}
.middle_menu .navbar-inverse .navbar-nav > li > a{padding:5px 12px;border-radius: 50px;}
.middle_menu .navbar-inverse .navbar-nav > li > a i{margin-right:5px}
.middle_menu .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{background: #007100;color:#FFF}
.middle_menu .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color:#FFF}
.middle_menu .navbar-inverse .navbar-nav > .active > a, .middle_menu .navbar-inverse .navbar-nav > .active > a:focus, .middle_menu .navbar-inverse .navbar-nav > .active > a:hover{background: #007100;}
.middle_menu .navbar-inverse .navbar-nav > li:hover ul.dropdown-menu{display:block}
.middle_menu .navbar-inverse .navbar-nav ul.dropdown-menu{background: #008500;border: none;padding-top: 10px;}
.middle_menu .navbar-inverse .navbar-nav ul.dropdown-menu li a{color:#FFF}
.middle_menu .navbar-inverse .navbar-nav ul.dropdown-menu li a:hover{color:#FFF;background:#007100}

/*this style for main menu*/
.main_menu{background:#FFF}
.main_menu .navbar-inverse{margin: 0px;border: none;background: #FFF;border-color: #ffffff;border-radius: 0;}
.main_menu .navbar-brand{text-transform:uppercase;font-size: 18px;}
.main_menu .navbar-brand span{font-size: 20px;font-weight:bold}
.main_menu .nav{padding: 0px;}
.main_menu .navbar-inverse .navbar-nav > li{background:url(../images/menu-divider.png)no-repeat right center}
.main_menu .navbar-inverse .navbar-nav > li:last-child{background:none}
.main_menu .navbar-inverse .navbar-nav > li:hover{background: #008500;}
.main_menu .navbar-inverse .navbar-nav > li:hover a{border-top-color:;color:#FFF}
.main_menu .navbar-inverse .navbar-nav > li > a{text-align: center;font-size: 14px;font-weight: bold;text-transform: uppercase;color:#444;border-top:3px solid #FFF;padding: 30px 15px;}
.main_menu .navbar-inverse .navbar-nav > li > a i{margin-right:5px}
.main_menu .navbar-inverse .navbar-nav > li > a span{display:block;color: #888;font-size:11px}
.main_menu .navbar-inverse .navbar-nav > li > a span.caret{display:inline-block;color:#444;}
.main_menu .navbar-inverse .navbar-nav > li > a:focus, .main_menu .navbar-inverse .navbar-nav > li > a:hover{background: #008500;color:#FFF;border-top-color:#035603}
.main_menu .navbar-inverse .navbar-nav > li > a:focus, .main_menu .navbar-inverse .navbar-nav > li > a:hover span{color:#FFF}
.main_menu .navbar-inverse .navbar-brand:focus, .main_menu .navbar-inverse .navbar-brand:hover{color:#FFF}
.main_menu .navbar-inverse .navbar-nav > .active > a, .main_menu .navbar-inverse .navbar-nav > .active > a:focus, .main_menu .navbar-inverse .navbar-nav > .active > a:hover{background: #008500;color:#FFF;border-top-color:#035603}
.main_menu .navbar-inverse .navbar-nav > li:hover ul.dropdown-menu{display:block}
.main_menu .navbar-inverse .navbar-nav ul.dropdown-menu{background: #008500;border: none;padding-top: 10px;}
.main_menu .navbar-inverse .navbar-nav ul.dropdown-menu li a{color:#FFF}
.main_menu .navbar-inverse .navbar-nav ul.dropdown-menu li a:hover{color:#FFF;background:#007100}


/*menu fixed classes*/
.menu_fixed_onscroll{position: fixed;top: 0px;width: 100%;z-index: 9;background: #FFF;}
.main_menu_area_scroll .navbar-inverse .navbar-nav > li > a .menu_descripion{opacity:0;overflow:hidden;height:0px}
.main_menu_area_scroll .navbar-inverse .navbar-nav > li > a{padding:15px}
.logo_img_onscroll img{max-height: 53px;margin: 0px;}




/*custom cateogry page*/

.features-domain { margin-bottom: 50px; margin-top: 50px; width:100%; }
.features-domain li { list-style:none; }
.features-domain .top-hd { }
.top-hd p { padding: 0px 40px; line-height: 22px; font-size: 15px; text-align:center; color:#888; }
.fe-list { border: 1px solid #E7E7E7; box-shadow: 0px -3px 0 #CDC3C3; background:#f5f5f5; margin-top: 75px; }
.fe-list .list-one i { font-size:40px; padding:18px 0; border-radius:50%; background:#CDC3C3; color:#636E66; text-align:center; margin:-12% auto 0; height:80px; width:80px; }
.fe-list h4 { font-size:20px; text-align:center; margin:22px 0 0 0; }
.fe-list p { padding: 0px 15px; font-size: 15px; color:#888; line-height:20px; text-align:center; margin:15px 0 0 0; }
.fe-list .list-one { padding: 0 0 30px 0; }
.fe-list:hover { box-shadow:0px -3px 0 #1E7634; border: 1px solid #1E7634; }
.fe-list:hover, .fe-list:hover p { color:#fff; }
.fe-list:hover i { color:#fff; background:#1E7634; }
.icon-fe { text-align: center; }

body.colour-1 .hvr-sweep-to-right:before { background:#0a9fd8; }
body.colour-2 .hvr-sweep-to-right:before { background:#27bebe; }
.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#3FC35F; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -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-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#3FC35F; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -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-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; }
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.tittle-in { text-align:center; margin-bottom:15px; font-size: 24px; color:#444; text-transform:uppercase; }
.tittle-in font { font-weight:bold; }


.shortcode_hosting_pack{padding:20px 0px}
.shortcode_hosting_pack .box{border: 1px solid #ddd;}
.shortcode_hosting_pack .box_part_four{border-radius: 0px}

.item-box{text-align: center}
.item-box img{max-width: 100%; margin-top: 38px; margin-left: 0;}



/*extend from exon host*/
.plancon {
    background-image: url(../images/plan_bg.jpg);
    padding-top: 50px;
    padding-bottom: 25px;
}
.btn1 a {
    background: #95c957;
    padding: 15px 30px;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-transform: uppercase;
}
.bold {
    font-weight: 700;
}
.green {
    color: #95c957;
}
.whitetext {
    color: #fff !important;
}
.mainbox h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 40px;
    margin-top: 0px;
    width: 100%;
}

.white_bg {
    background-color: #fff;
}
.plan1 {
    padding: 25px 2%;
    border-radius: 2px;
    font-size: 14px;
    float: left;
    box-shadow: 0 0 0 1px solid #777 inset;
    margin-bottom:25px
}
.plan1 h4 {
    color: #2b2b2b;
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
}

.plan1 h4 span {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
}
.blue_bg {
    background-color: #02a9e7;
}
.plan1 .img_holder {
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 28px;
}
.plan1 .img_holder span {
    display: table;
    text-align: center;
}
.plan1 .img_holder span img {
    display: table-cell;
    vertical-align: bottom;
}
.plan-price {
    display: inline-block;
    font-size: 14px;
    color: #777;
    font-weight: 400;
    position: relative;
    margin-bottom: 27px;
    width: 100%;
}
.plan-price span {
    color: #02a9e7;
    font-weight: 700;
    font-size: 26px;
}
.plan-price span {
    color: #02a9e7;
    font-weight: 700;
    font-size: 26px;
}
.plan-price .num {
    font-size: 44px;
}
.plan-price span {
    color: #02a9e7;
    font-weight: 700;
    font-size: 26px;
}
.plan-price::after {
    position: absolute;
    left: 0;
    right: 0;
    width: 230px;
    height: 1px;
    bottom: -14px;
    margin: 0 auto;
    content: "";
    background: url(../images/price-bg.png) no-repeat center center;
}
.plan1 .btn1 {
    display: inline-block;
    margin-top: 25px;
}

.plan1 .btn1 a {
    font-size: 15px;
    font-weight: 600;
    color: #FFF;
    line-height: 14px;
    padding: 16px 58px;
    border-radius: 2px;
    background: inherit;
    text-transform: uppercase;
    box-shadow: 0 0 0 1px #02a9e7 inset;
    background-color: #02a9e7;
}

.plan1:hover .btn1 a, .plan1:hover .btn1, .plan1:hover .img_holder {
    background-color: #95c957;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.plan1:hover .btn1 a, .plan1:hover .btn1, .plan1:hover .img_holder {
    background-color: #95c957;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.call_to_button{margin: 0;margin-top: 42px;}
.btn_margin_on_scroll{    margin-top: 4px;}