body
{
font-family:Lato,Arial;
background:#EBEBEB;
color:#636363
}
hr
{
margin:50px 0
}
.bottom-min35,.top-min35
{
margin-top:-35px
}
.superstrong
{
font-weight:900
}
img
{
width:auto;
max-width:100%
}
.alert-success
{
background:#8eed01;
border:none;color:#fff
}
.alert-info
{
background:#119ee7;
border:none;color:#fff
}
.alert-warning
{
background:#007cc3;
border:none;
color:#fff
}
.alert-danger
{
background:#8eed01;
border:none;
color:#fff
}
.alert-success.left-border
{
border:none;
border-left:5px solid #8eed01;
background:#fff;
color:#636363
}
.alert-info.left-border
{
border:none;border-left:5px solid #119ee7;
background:#fff;
color:#636363
}
.alert-warning.left-border{border:none;border-left:5px solid #007cc3;background:#fff;color:#636363}
.alert-danger.left-border{border:none;border-left:5px solid #8eed01;background:#fff;color:#636363}
.table.no-border,.table.no-border td,.table.no-border th,.table.no-border tr{border:none}
ul.circle-style{padding:0;margin:30px 0;list-style:none}ul.circle-style li{padding-left:5px;position:relative;margin:10px 0}
ul.circle-style li:before{color:#007cc3;content:"\2022";font-size:16px;top:-2px;position:absolute;margin-left:-15px}
ul.check-style{padding:0 0 0 20px;margin:30px 0;list-style:none}ul.check-style li{padding-left:15px;position:relative;margin:5px 0}
ul.check-style li:before{font-family:FontAwesome;color:#007cc3;content:"\f00c";font-size:16px;top:-2px;position:absolute;margin-left:-30px}
ul.caret-style{padding:0 0 0 20px;margin:30px 0;list-style:none}ul.caret-style li{padding-left:15px;position:relative;margin:5px 0}
ul.caret-style li:before{font-family:FontAwesome;color:#007cc3;content:"\f0da";font-size:16px;top:0;position:absolute;margin-left:-15px}
ul.circle-o-style{padding:0 0 0 20px;margin:30px 0;list-style:none}ul.circle-o-style li{padding-left:15px;position:relative;margin:5px 0}
ul.circle-o-style li:before{font-family:FontAwesome;color:#007cc3;content:"\f10c";font-size:10px;top:4px;position:absolute;margin-left:-20px}
.btn.btn-lg{padding-top:15px;padding-bottom:15px;height:55px}.btn{border-radius:3px;padding-top:10px;padding-bottom:10px;border:none;height:40px}
.btn.btn-sm{padding-top:6px;padding-bottom:6px;height:30px}.btn.btn-xs{padding-top:1px;padding-bottom:2px;height:20px;border-radius:2px}
.btn strong{font-weight:900}.btn.padding-lg{padding-left:60px;padding-right:60px}.btn.padding-md{padding-left:40px;padding-right:40px}
.btn.padding-sm{padding-left:30px;padding-right:30px}.btn.padding-xs{padding-left:25px;padding-right:25px}.btn.btn-default{background:#ebebeb;color:#959595}
.btn.btn-default:focus,.btn.btn-default:hover{background:#e1e1e1;color:#7c7c7c}.btn.btn-primary{background:#81b9c3}.btn.btn-primary:focus,
.btn.btn-primary:hover{background:#2fb8a0}.btn.btn-success{background:#8eed01}.btn.btn-success:focus,.btn.btn-success:hover{background:#ffffff}
.btn.btn-info{background:#119ee7}.btn.btn-info:focus,.btn.btn-info:hover{background:#078dd2}.btn.btn-warning{background:#007cc3}
.btn.btn-warning:focus,.btn.btn-warning:hover{background:#fc7836}.btn.btn-danger{background:#8eed01}.btn.btn-danger:focus,
.btn.btn-danger:hover{background:#2fb8a0}.text-danger{color:#8eed01}.text-warning{color:#007cc3}.text-info{color:#119ee7}
.text-primary{color:#81b9c3}.text-success{color:#ffffff}.form-control.grey{background:#f5f5f5}.form-control.grey:focus{background:#fff}
textarea.no-resize{resize:none}.form-control{height:40px;border-radius:3px;border:1px solid #b7b7b7;
-webkit-box-shadow:inset 0 1px 1px transparent;box-shadow:inset 0 1px 1px transparent;-webkit-transition:border-color ease-in-out 0s,box-shadow ease-in-out 0s;
transition:border-color ease-in-out 0s,box-shadow ease-in-out 0s}
.form-control:focus{border-color:#ccc;-webkit-box-shadow:inset 0 1px 1px transparent,0 0 8px rgba(102,175,233,0);
box-shadow:inset 0 1px 1px transparent,0 0 8px rgba(102,175,233,0)}.navtab{margin:20px 0 10px;position:relative; z-index:9}
.overflow-top{position:relative;margin-top:-100px}.navtab .tab-content{border:1px solid #b7b7b7;border-top:none;padding:45px;border-radius:0 0 3px 3px}
.overflow-bottom{margin-bottom:-70px}.navtab .tab-content.transparent{background:rgba(255,255,255,.75)}.navtab .tab-content.sm{padding:45px 25px 25px}
.navtab .tab-content .btn{margin:0 5px 0 0}.navtab .tab-content p{margin-bottom:20px}.navtab .tab-content .table{margin-bottom:35px}.table.table-xs{margin-bottom:0}
.table.table-xs th{border-bottom-width:1px}.navtab .tab-content .table .icon-check{font-size:22px}.table.table-xs td{padding-top:2px;padding-bottom:2px}
.navtab .tab-content h3{margin-top:0;margin-bottom:30px}.navtab .tab-content .icon-circle{width:35px;height:35px;border-radius:50%;text-align:center;

background:#959595;padding:3px 0;margin:3px 10px 0 0}.navtab .nav.nav-tabs li:first-child a{border-left-color:#b7b7b7;margin-left:0}
.navtab .nav.nav-tabs li a{border-radius:0;border-color:#b7b7b7;margin-left:-1px;background:#ebebeb;color:#959595;height:70px;font-weight:700;padding:16px 0}
.navtab .nav.nav-tabs li a img{position:relative;top:-2px;margin-right:10px;filter:alpha(opacity=60);opacity:.6}
.navtab .nav-tabs>li>a:hover{border-color:#b7b7b7;color:#636363}.navtab .nav-tabs>li.active>a img,.navtab .nav-tabs>li.active>a:focus img,.navtab
.nav-tabs>li.active>a:hover img,.navtab .nav-tabs>li>a:hover
img
{
filter:alpha(opacity=100);opacity:1
}
.navtab .nav-tabs>li.active>a,.navtab .nav-tabs>li.active>a:focus,.navtab .nav-tabs>li.active>a:hover
{
color:#636363;
background-color:#fff;
border:1px solid #b7b7b7;
border-bottom-color:transparent;
border-top-color:#8eed01;
-webkit-box-shadow:0 -7px 0 0 #8eed01;
-moz-box-shadow:0 -7px 0 0 #8eed01;
box-shadow:0 -7px 0 0 #8eed01
}
.navtab.sm .nav.nav-tabs li a
{
height:40px;
padding:10px 0
}
.navtab.sm .nav.nav-tabs li a img
{
margin-top:-6px;
width:35px;
top:0
}
.navtab.sm .nav-tabs>li.active>a,.navtab.sm .nav-tabs>li.active>a:focus,.navtab.sm .nav-tabs>li.active>a:hover
{
-webkit-box-shadow:0 -3px 0 0 #8eed01;
-moz-box-shadow:0 -3px 0 0 #8eed01;
box-shadow:0 -3px 0 0 #8eed01
}
.navtab.fa-icon.sm .nav.nav-tabs li a .fa
{
position:relative;
top:0;
margin-right:10px;
font-size:18px
}
.navtab.fa-icon .nav.nav-tabs li a .fa
{
position:relative;
top:2px;
margin-right:10px;
font-size:28px
}
.panel-group.faq
{
margin:30px 0
}
.panel-group.faq .panel-default
{
color:#959595;
border:none;
-webkit-box-shadow:0 1px 1px transparent;
box-shadow:0 1px 1px transparent
}
.panel-group.faq .panel-default .panel-heading
{
color:#636363;
border-color:#b7b7b7;
background:#fff;
height:auto;
padding:13px 0 13px 30px;
position:relative
}
.panel-group.faq .panel-default .panel-heading:before
{
font-family:FontAwesome;
content:"\f059";
color:#007cc3;
font-size:24px;
position:absolute;
margin-right:15px;
left:0;
width:30px;
height:30px;
top:50%;
margin-top:-15px
}
.panel-group.faq .panel-default .panel-body
{
color:#959595;
border-color:#b7b7b7
}
.wrapper
{
width:1030px;
margin:0 auto;
padding:0;
position:relative
}
section
{
padding:30px 0
}
section.lg
{
padding:50px 0
}
section.overflow-hidden
{
overflow:hidden
}
section.white-bg
{
background:#fff
}
section.gray-bg
{
background:#f7f7f7;
}
section.light-orange-bg
{
background:#f5e8df
}

section.gray-bg.bordered,section.light-orange-bg.bordered
{border-bottom:1px solid #bdc3c7
}
section .section-heading
{
font-size:24px;
font-weight:400;
padding:10px 0;
margin:10px 0;
color:#95a5a6;
}
section .page-header
{
margin-bottom:40px;
border:none
}
section .section-head
{
position:relative;
padding-left:80px
}
section .section-head .icon
{
position:absolute;
width:80px;
text-align:center;
left:0
}
section .section-heading strong
{
font-weight:900
}
section .media-section-heading
{
margin:0 80px;
padding:30px 0
}
section .media-section-heading .media-left
{
width:auto;
width:160px;
text-align:center
}
section .media-section-heading .media-left img
{width:auto;
max-width:100%
}
section .media-section-heading .media-heading
{font-size:26px;
line-height:120%;
padding:5px 0
}

.inner-section
{padding:10px 35px;}
.page-heading{height:auto;}
.page-heading .inner.xs{padding-bottom:40px}
.page-heading .inner{background:rgba(50,82,110,.9);
position:relative; padding:70px 0 100px;color:#fff}
.page-heading h1{font-size:48px;margin-top:0;padding:0}
.page-heading .page-description{padding:20px 30px;position:relative;margin:0 0 10px}
.page-heading .page-description .border-bottom{width:250px;bottom:0;height:1px;background:#fff;left:50%;margin-left:-125px;position:absolute}
.page-heading .page-description p{font-weight:300}.page-heading .page-description h5{font-weight:300;font-size:18px;line-height:150%}

header
{
z-index:100;
position:fixed;
height:160px;
width:100%;
background:#efefef;
-webkit-box-shadow:inset 0 4px 0 0 #007cc3;
-moz-box-shadow:inset 0 4px 0 0 #007cc3;
box-shadow:inset 0 4px 0 0 #007cc3
}
header .logo
{
padding:5px 10px;
position:absolute;
left:0;
top:0;
z-index:10
}

#nav-menu
{
position:fixed;
z-index:100;
left:0px;
right:0px;
height:55px;
background:#007cc3;
top:105px
}
#nav-menu ul
{
margin:0;
padding:0;
list-style:none
}
#nav-menu ul.main
{
line-height:175%
}
#nav-menu ul.main li
{
position:relative;
display:block;
height:55px;
float:left;
width:16.66666667%
}
#nav-menu ul.main li:focus,#nav-menu ul.main li:hover
{
background:#8dec00;
position:relative;
-webkit-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,1);
-moz-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,1);
box-shadow:inset 0 -2px 0 0 rgba(129,185,195,1)
}
#nav-menu ul.main li:focus ul.submain,#nav-menu ul.main li:hover ul.submain
{
display:block;
height:auto;
filter:alpha(opacity=100);
opacity:1;
top:55px;
overflow:visible
}
#nav-menu ul.main ul.submain
{
top:110px;
overflow:hidden;
filter:alpha(opacity=0);
opacity:0;
height:0;
position:absolute;
left:0;
width:210px;
float:none;
-webkit-transition:All .3s ease;-moz-transition:All .3s ease;
-o-transition:All .3s ease
}
#nav-menu ul.main ul.submain ul.subsubmain
{
position:absolute;
filter:alpha(opacity=0);
opacity:0;
left:100%;
top:0;
display:block;
width:260px;
-webkit-transition:All 
.3s ease;-moz-transition:All 
.3s ease;-o-transition:All .3s ease
}
#nav-menu ul.main ul.submain li:focus ul.subsubmain
#nav-menu ul.main ul.submain li:hover ul.subsubmain
{
opacity:1;
left:100%;
top:0;
display:block
}
#nav-menu ul.main li ul.submain li
{
width:100%;
display:block;
position:relative
}
#nav-menu ul.main li ul.submain li:hover
#nav-menu ul.main li ul.submain li:hover a
{
-webkit-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
-moz-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0)
}
#nav-menu ul.main li ul.submain li a
{
text-align:left;
color:#000000;
padding-left:25px;
padding-right:25px;
font-weight:700;
background:#8eed01;
-webkit-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
-moz-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0)
}


#nav-menu ul.main li ul.submain li:first-child a,#nav-menu ul.main li ul.submain li:last-child a,
#nav-menu ul.main li:first-child ul.submain li a,#nav-menu ul.main li:last-child ul.submain li a
{
border-radius:0
}
#nav-menu ul.main li ul.submain li a:focus,#nav-menu ul.main li ul.submain li a:hover
{
-webkit-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
-moz-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
background:#ffffff;
}
#nav-menu ul.main li a
{
display:block;
height:55px;
text-align:center;
color:#000000;
font-weight:900;
padding:15px 0;
text-decoration:none;
position:relative;
}
#nav-menu ul.main li.active a,#nav-menu ul.main li.active a:focus,#nav-menu ul.main li.active a:hover
{
background:#8eed01;
-webkit-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
-moz-box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0);
box-shadow:inset 0 -2px 0 0 rgba(129,185,195,0)
}
#nav-menu ul.main li:first-child,
#nav-menu ul.main li:first-child a
{
border-radius:3px 0 0 3px
}
#nav-menu ul.main li:last-child,
#nav-menu ul.main li:last-child a
{
border-radius:0 3px 3px 0
}

#slideshow
{
top:160px;
height:auto;
background:#007cc3;
color:#fff;
position:relative
}
#slideshow .transparent-bg
{
position:absolute;
left:0;right:0;
top:0;bottom:0;
z-index:1;
overflow:hidden;
text-align:right
}
#slideshow .transparent-bg img
{
position:relative;
top:-200px;
right:-350px;
opacity:.1;
filter:alpha(opacity=10)}

#sequence
{
position:relative;
width:100%;
height:420px;
z-index:8
}
#sequence>.sequence-canvas
{
list-style:none;
padding:0;margin:0
}
#sequence>.sequence-canvas>li
{
position:absolute;
z-index:1;
left:0;right:0;
top:30px;
bottom:30px
}
#sequence>.sequence-canvas>li p
{
margin-bottom:20px
}
#sequence>.sequence-canvas>li a
{
color:#81b9c3
}
#sequence>.sequence-canvas>li 
.btn{
font-weight:900;
padding-left:25px;
padding-right:25px
}
#sequence>.sequence-canvas>li ul
{
margin:10px 0 20px;
padding:0 0 0 20px
}
#sequence>.sequence-canvas>li ul li
{
margin:0;
padding:3px 0
}
#sequence>.sequence-canvas>li ul li strong
{
margin:0 3px
}
#sequence>.sequence-canvas li>*
{
position:absolute;
-moz-transition-property:left,right,top,bottom,opacity;
-ms-transition-property:left,right,top,bottom,opacity;
-o-transition-property:left,right,top,bottom,opacity;
transition-property:left,right,top,bottom,opacity; -webkit-tran:left,right,top,bottom,opacity
}
#sequence-preloader
{
background:#d9d9d9
}
.sequence-pagination
{
list-style:none;
padding:0;
margin:0;
bottom:20px;
display:none;
left:0;
position:absolute;
z-index:10
}
.sequence-pagination li
{
display:inline-block;
content:"";
width:12px;
height:12px;
border-radius:50%;
margin:0 1.5px;
background:#13435f;
cursor:pointer
}
.sequence-pagination li.current
{
-webkit-box-shadow:inset 0 0 0 3px rgba(129,185,195,1);
-moz-box-shadow:inset 0 0 0 3px rgba(129,185,195,1);
box-shadow:inset 0 0 0 3px rgba(129,185,195,1);
background:0 0
}
.title
{
font-size:48px;
width:60%;
left:20%;
opacity:0;
top:45px;
z-index:50;
position:absolute;
font-weight:300
}
.title strong
{
font-weight:700
}
.animate-in .title
{
left:0;opacity:1;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s
}
.animate-out .title
{
left:30%;
opacity:0;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s
}
.subtitle
{
left:20%;
width:50%;
opacity:0;
top:125px
}
.subtitle .pricing
{
font-size:48px;
font-weight:900;
line-height:100%;
border-left:1px solid #5b758b;
padding-left:10px
}
.subtitle .pricing sup
{
font-weight:400;
font-size:30px
}
.subtitle h3
{
margin:20px 0
}
.animate-in .subtitle
{
left:0;opacity:1;
-webkit-transition-duration:.9s;
-moz-transition-duration:.9s;
-ms-transition-duration:.9s;
-o-transition-duration:.9s;
transition-duration:.9s
}
.animate-out .subtitle
{
left:30%;
opacity:0;
-webkit-transition-duration:.9s;
-moz-transition-duration:.9s;
-ms-transition-duration:.9s;
-o-transition-duration:.9s;
transition-duration:.9s
}
.image
{
right:10%;
bottom:0;
opacity:0;
width:30%
}
.image.image-1
{
left:55%;
bottom:-10px;
opacity:0;
width:auto
}
.image.image-2
{
left:55%;
bottom:-10px;
opacity:0;
width:auto
}
.animate-in .image.image-2
{
right:0
}
.image.image-3
{
left:55%;
bottom:0%;
width:auto
}
.image.image-4
{
left:55%;
bottom:-10px;
opacity:0;
width:auto
}
.animate-in .image.image-4
{
right:0
}
.animate-in .image
{
right:5%;
opacity:1;
-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-ms-transition-duration:1s;
-o-transition-duration:1s;
transition-duration:1s
}
.animate-out .image
{
right:30%;
opacity:0;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s
}
.price-tag
{
position:absolute;
width:210px;
height:210px;
text-align:center;
background:#bd9e7a;
color:#f1c40f;
border-radius:50%;
right:20%;
top:0;
opacity:0;
padding:30px 0
}.
price-tag h2 strong
{
font-weight:900
}
.price-tag h2
{
font-size:60px;
font-weight:400;
margin-bottom:15x
}
.price-tag h6
{
font-size:17px;
font-weight:900
}
.animate-in .price-tag
{
top:50px;opacity:1;
-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-ms-transition-duration:1s;
-o-transition-duration:1s;
transition-duration:1s
}
.animate-out .price-tag
{
top:0;opacity:0;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s
}
.font-family
{
position:absolute;
background:#ff6b56;
color:#fff;
border-radius:50%;
right:10%;top:0;
opacity:0;
padding:50px
}
.ractagle-bubble h2 strong
{font-weight:900}
.ractagle-bubble h2
{
font-size:40px;
padding:0;
margin:0;
font-weight:400;
margin:0 0 10x;
line-height:100%
}
.ractagle-bubble h6
{font-size17;
}
.animate-in .ractagle-bubble
{
top:50px;
opacity:1;
-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-ms-transition-duration:1s;
-o-transition-duration:1s;
transition-duration:1s
}
.animate-out .ractagle-bubble
{
top:0;opacity:0;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
-ms-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.5s
}
.main-plan-wrap
{
padding:20px;
margin:50px 0 20px
}
.main-plan-wrap:after,.main-plan-wrap:before
{
display:table;
content:" "
}
.main-plan-wrap:after
{
clear:both
}
.main-plan-wrap .plan-column
{
width:33.33333333%;
float:left;
border:1px solid #b7b7b7;
padding:25px 25px 40px;
margin-left:-1px;
text-align:center;
position:relative;
background:#fff;
-webkit-box-shadow:0 3px 0 0 rgba(0,0,0,.1);
-moz-box-shadow:0 3px 0 0 rgba(0,0,0,.1);
box-shadow:0 3px 0 0 rgba(0,0,0,.1)
}
.plan-column .corner-triange
{
width:0;
height:0;
border-top:55px solid #007cc3;
border-right:55px solid transparent;
position:absolute;
top:-1px;left:-1px
}
.plan-column .corner-triange i
{
position:absolute;
top:-45px;
left:10px;
color:#f1c40f
}
.main-plan-wrap .plan-column .plan-title
{
font-size:16px;
font-weight:900;
padding:10px 0 15px;
margin:0
}
.main-plan-wrap .plan-column .plan-icon
{
width:100px;
height:100px;
background:#ebedee;
text-align:center;
margin:15px auto 20px;
border-radius:50%;
padding:25px
}
.main-plan-wrap .plan-column .price
{
margin-bottom:40px
}
.main-plan-wrap .plan-column .price h3
{
font-size:38px;
font-weight:900;
margin-bottom:5px
}
.main-plan-wrap .plan-column .price p
{
font-size:16px
}
.main-plan-wrap .plan-column 
.table thead tr,
.main-plan-wrap 
.plan-column 
.table thead tr th,
.main-plan-wrap 
.plan-column 
.table tr,
.main-plan-wrap 
.plan-column 
.table tr td
{
border-color:#eaeaea
}
.main-plan-wrap 
.plan-column 
.table.table-xs
{
border-bottom:1px solid #eaeaea
}
.main-plan-wrap .plan-column 
.table.table-xs td
{
padding-top:3px;
padding-bottom:3px
}
.main-plan-wrap .plan-column.most-popular
{
padding-top:35px;
padding-bottom:50px;
position:relative;
top:-12.5px;
background:#f7f7f7
}
.main-plan-wrap 
.plan-column
.most-popular 
.plan-icon
{
background:#8eed01
}
.main-plan-wrap 
.plan-column.most-popular 
.btn-success
{
background:#32526e
}
.main-plan-wrap .plan-column.most-popular 
.btn-success:hover
{
background:#2b4c69
}
.main-plan-wrap .plan-column:first-child
{
margin-left:0
}
.big-character
{
position:relative;
margin-top:0;
bottom:-40px
}
}
.domain-search 
.triangle-topleft
{width:0;
height:0;
border-top:20px solid #fff;
border-right:15px solid transparent;
position:absolute;
bottom:-20px;
left:70px;
z-index:2
}
.domain-search .triangle-shadow
{
width:0;
height:0;
border-top:25px solid rgba(0,0,0,.05);
border-right:17.5px solid transparent;
position:absolute;
bottom:-30px;
left:70px;
z-index:1
}
.domain-search:after,.domain-search:before
{
display:table;
content:" "
}
.domain-search:after
{
clear:both
}
.form-domain
{
margin:0;
padding:0;
width:70%;
float:left;
display:block
}
.search-input
{
margin:0;
padding:0 5px 0 0;
position:relative;
width:85%;
float:left;
display:block
}
.form-domain .input-domain
{
height:55px;
background:#ebebeb;
color:#959595;
font-weight:900;
margin:0;
padding-left:70px
}
.inner-tab .form-domain .input-domain
{
background:#fff
}
.form-domain .www
{
position:absolute;
top:10px;
left:0;
bottom:10px;
color:#959595;
font-weight:900;
border-right:1px solid #d1d1d1;
width:60px;
text-align:center;
padding:8px 0
}
.form-domain .input-domain::-moz-placeholder
{
color:#c7c7c7;opacity:1
}
.form-domain .input-domain:
-ms-input-placeholder{color:#c7c7c7}
.form-domain .input-domain::
-webkit-input-placeholder{color:#c7c7c7}
.form-domain .domain-extension
{
position:absolute;
top:8px;
right:13px;
bottom:8px;
z-index:1;
height:auto;
overflow:hidden;
background:url(../img/select-caret.png) no-repeat right #d7d7d7;
border-radius:3px
}
.form-domain .domain-extension select
{
color:#959595;
background:0 0;
font-weight:900;
width:150px;
padding-left:15px;
padding-right:15px;
z-index:2;
height:39px;
border:none;
position:relative;
appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-webkit-appearance:none
}
.form-domain .btn
{
width:14%;
height:55px;
margin:0
}
.promo-btn
{
float:left;
padding-left:5px;
width:30%
}
.promo-btn .btn
{
height:55px;
font-weight:700;
padding-top:15px
}
.promo-btn .btn img
{
margin-right:20px;
top:-3px;
position:relative
}
.promo-btn .btn-default
{
background:#d7d7d7;
color:#959595
}
.price-wrap
{
height:50px
}
.price-wrap p
{
padding:15px 0;
margin:0
}
.price-wrap ul
{
list-style:none;
padding:0;
margin:0
}
.price-wrap ul li
{
display:inline-block;
padding:10px 40px;
height:50px;
font-weight:700;
border-right:1px solid #d1d1d1;
-webkit-box-shadow:inset -1px 0 0 0 rgba(249,249,249,1);
-moz-box-shadow:inset -1px 0 0 0 rgba(249,249,249,1);
box-shadow:inset -1px 0 0 0 rgba(249,249,249,1)
}
.price-wrap ul li .price-value
{
font-size:20px;
font-weight:900
}
.map-wrapper
{
position:relative;
padding:30px 0 40px;
text-align:center
}
.map-marker
{
cursor:crosshair;
position:absolute;
transform:scale(0.9);
-webkit-transition:transform ease-in-out .25s;
-moz-transition:transform ease-in-out .25s;
transition:transform ease-in-out .25s
}
.map-marker:hover
{
position:absolute;
transform:scale(1)}
.red-marker{top:19%;left:13%}
.blue-marker{top:53%;left:24%}
.green-marker{top:13.5%;left:39.5%}
.orange-marker{top:43%;right:21.56%}
.server-location{padding:20px 0 50px}
.server-thumbnail
{
border:none;
border-radius:0;
padding:0;color:#636363;
margin:10px 0
}
.server-thumbnail p
{
color:#636363;
line-height:130%
}
.server-thumbnail .table
{
color:#636363;
margin:20px 0
}
.server-thumbnail .table td
{
padding:0
}
.server-thumbnail .image-placeholder
{
height:140px;
overflow:hidden
}
.server-thumbnail .image-placeholder img
{
position:relative;
top:-100px
}
.server-thumbnail .caption
{
padding:25px 50px
}
.server-thumbnail .caption.danger
{
-webkit-box-shadow:0 5px 0 0 #8eed01;
-moz-box-shadow:0 5px 0 0 #8eed01;
box-shadow:0 5px 0 0 #8eed01
}
.server-thumbnail .caption.info
{
-webkit-box-shadow:0 5px 0 0 #119ee7;
-moz-box-shadow:0 5px 0 0 #119ee7;
box-shadow:0 5px 0 0 #119ee7
}
.server-thumbnail .caption.success
{
-webkit-box-shadow:0 5px 0 0 #8eed01;
-moz-box-shadow:0 5px 0 0 #8eed01;
box-shadow:0 5px 0 0 #8eed01
}
.server-thumbnail .caption.warning
{
-webkit-box-shadow:0 5px 0 0 #007cc3;
-moz-box-shadow:0 5px 0 0 #007cc3;
box-shadow:0 5px 0 0 #007cc3
}
.server-thumbnail .caption h3
{
font-size:18px;
padding:0;
margin:0;
color:#636363
}
.main-features-wrap
{
top:110px;
position:relative;
margin:30px 0
}
.main-features-wrap:after,.main-features-wrap:before
{
display:table;
content:" "
}
.main-features-wrap:after
{
clear:both
}
.main-features-wrap .vertical-line
{
position:absolute;
width:1px;
background:#dfe0e1;
left:50%;
margin-left:.5px;
top:0;
bottom:0;
z-index:2
}
.main-features-wrap .feature-row
{
display:block
}
.feature-row.no-border .feature
{
border-top:none
}
.feature-row .feature
{
width:50%;
float:left;
border-top:1px solid #dfe0e1
;
padding:5px
}
.main-features
{
padding:25px 0 20px
}
.main-features:hover
{
background:#f5f7f8
}
.main-features .media-left
{
width:120px;
text-align:center
}
.main-features .media-left img
{
width:auto;max-width:100%;
margin-top:40px
}
.main-features .media-heading
{
font-size:18px;
font-weight:900;
height:35px
}
.main-features .media-body
{
padding:15px
}
.image-carousel
{
position:relative;
margin-bottom:40px
}
.image-carousel .item,.image-carousel .item img,.image-carousel.radius
{
border-radius:3px
}
.image-carousel .owl-controls
{
margin-top:10px;
text-align:center;
left:20px;
position:absolute;
bottom:10px
}
.image-carousel .owl-controls .owl-page span
{
display:block;
width:12px;
height:12px;
margin:5px 2.5px;
filter:Alpha(Opacity=100);
opacity:1;
border-radius:50%;
background:#13435f
}
.image-carousel .owl-controls.clickable .owl-page:hover span
{
background:#fff
}
.image-carousel .owl-controls .owl-page.active span
{
-webkit-box-shadow:inset 0 0 0 3px #81b9c3;
-moz-box-shadow:inset 0 0 0 3px #81b9c3;
box-shadow:inset 0 0 0 3px #81b9c3
}
.review-heading
{
padding-left:85px
}
.review-heading .section-heading
{
margin-bottom:0
}
#review-slide
{
padding:0 70px
}
#review-slide .item
{
position:relative;
padding-bottom:95px
}
#review-slide .item .review-text-wrap
{
background:#007cc3;
padding:30px 30px 30px 100px;
position:relative;
color:#fff;
border-radius:3px;
font-style:italic;
overflow:visible
}
#review-slide .item .review-text-wrap .quote-icon
{
position:absolute;
left:25px;
top:50%;
margin-top:-25px;
bottom:0;width:50px;
height:50px
}
.triangle-topleft
{
width:0;height:0;
border-top:20px solid #007cc3;
border-right:15px solid transparent;
position:absolute;
bottom:-20px;left:60px
}
#review-slide .item .client-wrap
{
position:absolute;
left:0;
bottom:0;
right:0;
padding:15px 20px;
color:#636363
}
#review-slide .item .client-wrap .avatar
{
width:40px;
height:40px;
border-radius:50%;
float:left;
margin-right:15px;
margin-left:10px;
-webkit-box-shadow:0 0 0 4px rgba(255,255,255,1);
-moz-box-shadow:0 0 0 4px rgba(255,255,255,1);
box-shadow:0 0 0 4px rgba(255,255,255,1)
}
#review-slide .item .client-wrap .client-metadata
{
float:left
}
#review-slide .item .client-wrap .client-metadata h4
{font-weight:900;
font-size:16px;
margin:3px 0 0;
padding:0
}
#review-slide .item .client-wrap .client-metadata p
{
font-weight:400;
font-size:12px;
margin:0;
padding:0
}
.owl-review .owl-controls
{
margin-top:10px;
text-align:center;
right:125px;
position:absolute;
bottom:20px
}
.owl-review .owl-controls .owl-page span
{
display:block;
width:12px;
height:12px;
margin:5px 2.5px;
filter:Alpha(Opacity=100);
opacity:1;
border-radius:50%;
background:#ccc
}
.owl-review .owl-controls.clickable .owl-page:hover span
{
background:#fff
}
.owl-review .owl-controls .owl-page.active span
{
background:#fff;
-webkit-box-shadow:inset 0 0 0 3px rgba(255,136,77,1);
-moz-box-shadow:inset 0 0 0 3px rgba(255,136,77,1);
box-shadow:inset 0 0 0 3px rgba(255,136,77,1)}#
footer
{
background:#81b9c3;
padding:30px 0 15px;
color:#fff
}
#footer h5
{
font-size:16px;
font-weight:900;
margin:10px 0 20px;
padding:0
}
#footer ul
{
list-style:none;
padding:0;
margin:0
}
#footer ul li
{
display:block;
padding:3px 0;
margin:0;
line-height:100%
}
#footer ul li a
{
color:#fff
}
#footer ul li.address
{
padding-left:40px;
position:relative;
line-height:130%
}
#footer ul li.address .icon
{
position:absolute;
left:0;
top:0;
width:30px;
padding:7px 0;
text-align:center;
font-size:16px
}
#footer .social-icon
{
background:#71a4b2;
color:#81b9c3;
margin:0 2px
}
#footer .social-icon:focus,#footer .social-icon:hover
{
background:#fff
}
#footer .client-logo
{
text-align:center;
margin:30px 50px 20px;
border-top:1px solid rgba(50,82,110,.3);
padding-top:30px;
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2);
-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2);
box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2)
}
#footer .client-logo img
{
margin:0 10px
}
footer
{background:#32526e;
height:55px;
text-align:center;
padding:20px 0;
font-size:12px;
color:#fff;
letter-spacing:1px
}
footer a
{
color:#fff
}
footer a:hover
{
color:#fff;
text-decoration:underline
}
.overlay-login
{
position:fixed;
z-index:99;
top:100%;
bottom:0;
left:0;
right:0;
background:rgba(50,82,110,.97);
padding-top:125px;
color:#fff;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:top ease-in-out 
.5s,opacity ease-in-out .8s;
-o-transition:top ease-in-out .5s,opacity ease-in-out .8s;
transition:top ease-in-out .5s,opacity ease-in-out .8s;
-moz-transition:top ease-in-out .5s,opacity ease-in-out .8s
}
.overlay-login.visible
{
top:0;
opacity:1;
filter:alpha(opacity=100)
}
.big-heading
{
font-size:48px
}
.overlay-login .inner-section
{
position:relative
}
.overlay-login .close-login
{
position:absolute;
top:30px;
right:35px;
width:45px;
height:45px;
border-radius:50%;
text-align:center;
padding:11px 0;
background:#70869a;
cursor:pointer
}
form.login-form
{
margin:40px 0 10px
}
form.login-form p
{
padding:10px 0;
margin:0
}
.btn-line.btn-success
{
border:1px solid #81b9c3;
background:0 0;
padding-top:9px;
padding-bottom:9px
}
.btn-line.btn-success:hover
{
border-color:transparent;
background:#8eed01
}
.page-full
{
background:#32526e;
padding:70px 0 30px;
overflow:hidden;
position:relative;
color:#fff
}
.overlay-login .form-control,.page-full .form-control
{
-webkit-transition:border-color ease-in-out .15s,background ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,background ease-in-out .15s;
transition:border-color ease-in-out .15s,background ease-in-out .15s;
-moz-transition:border-color ease-in-out .15s,background ease-in-out .15s
}
.overlay-login .form-control:focus,.page-full .form-control:focus
{
border-color:#40607c;
background:#2e4c66;
color:#fff
}
.page-full h1
{
color:#f1c40f;
font-size:100px;
font-weight:900;
padding:0;
margin:0 0 5px;
line-height:100%
}
.page-full h2
{
color:#fff;
font-size:48px;
padding:0;
margin:0 0 5px;
line-height:100%
}
.page-full h3
{
color:#f1c40f;
font-size:30px;
font-weight:700;
padding:0;
margin:0 0 5px;
line-height:100%
}
.page-full p
{
font-size:18px;
line-height:100%;
padding:0;
margin:0
}
.page-full .search-form
{width:100%;
max-width:600px;
margin:40px auto
}
.page-full .small-form
{
width:100%;
max-width:500px;
margin:40px auto
}
.page-full .search-form .form-control
{
height:50px;
border-radius:2px;
background:#2e4c66;
border-color:#40607c;
color:#fff;
-webkit-transition:border-color ease-in-out .15s;
-o-transition:border-color ease-in-out .15s;
transition:border-color ease-in-out .15s;
-moz-transition:border-color ease-in-out .15s
}
.page-full .search-form .form-control:focus
{
border-color:#2e4c66
}
.input-group.btn-inner
{
position:relative;
display:block;
width:100%
}
.btn-inner .input-group-btn
{
position:absolute;
right:0;display:block;
top:0;
bottom:0;
z-index:2;
height:50px;
width:auto;
padding:8px
}
.btn-inner .input-group-btn .btn
{
height:34px;
border-radius:2px;
position:relative;
padding-top:7px
}
.page-full .search-form .form-control::-moz-placeholder
{
color:#fff;
opacity:1
}
.page-full .search-form .form-control:-ms-input-placeholder
{
color:#fff
}
.page-full .search-form .form-control::
-webkit-input-placeholder
{
color:#fff
}
.page-full .big-character
{
position:relative;
bottom:-40px
}
.search-blog
{
width:630px;
margin:20px auto 0;
height:55px
}
.search-blog .input-group.btn-inner .form-control
{
height:55px;
background:rgba(255,255,255,.5);
border-color:#fff;border-radius:4px;
font-weight:400;
font-style:italic;
color:#fff;
font-size:18px;
padding-right:50px
}
.search-blog .form-control::-moz-placeholder
{
color:#fff;
opacity:1
}
.search-blog .form-control:-ms-input-placeholder
{
color:#fff
}
.search-blog .form-control::
-webkit-input-placeholder
{
color:#fff
}
.search-blog .input-group.btn-inner
{
position:relative
}
.search-blog .btn-inner .input-group-btn
{
position:absolute;
right:0;
display:block;
top:0;
bottom:0;
z-index:2;
height:55px;
width:auto;
padding:5px
}
.search-blog .btn-inner .input-group-btn .btn
{
height:45px;
border-radius:2px;
position:relative;
padding-top:5px;
background:0 0;
font-size:22px
}
.search-blog.sidebar
{
width:100%;
margin:20px auto 0;
height:55px
}
.search-blog.sidebar .input-group.btn-inner .form-control
{
background:#81b9c3;
border-color:#81b9c3;
padding-left:25px
}
.header-tags
{
font-size:18px;
font-style:italic;
padding:0;
margin:20px 0 0
}
.header-tags a
{
color:#fff;
text-decoration:underline
}
.blog-column
{
padding:0;
border-radius:0;
border:1px solid #b7b7b7;
margin:20px 0;
background:#fff
}
.blog-column .image-thumbnail
{
height:150px;
overflow:hidden
}
.blog-column .caption
{
padding:25px
}
.blog-column .caption p
{
margin:15px 0;
line-height:120%
}
.blog-column .caption .btn-primary
{background:0 0;
border:1px solid #81b9c3;
color:#81b9c3;
padding-top:8px
}
.blog-column .caption .btn-primary:hover
{
background:#81b9c3;
color:#fff
}
.blog-column .caption h3
{
font-size:16px;
font-weight:900;
margin:0 0 20px;padding:0
}
.blog-column .caption h3 a
{
color:#81b9c3
}
.blog-column .metadata
{
height:40px;
background:#32526e;
color:#fff;
font-size:12px;
position:relative;
padding:10px 25px
}
.blog-column .metadata i
{
position:relative;
font-size:8px;
top:-1px;
margin:0 5px
}
.blog-column .metadata .comment-count
{
height:40px;
background:#81b9c3;
position:absolute;
right:0;
top:0;
padding:10px 15px
}
.blog-column .metadata .comment-count img
{
margin-right:10px
}
.blog-column.lg
{
border:none;
margin:20px 0 10px
}
.blog-column.lg .image-thumbnail{height:200px}.blog-column.lg .circle-date{width:85px;height:85px;background:#007cc3;border-radius:50%;text-align:center;color:#fff;font-size:10px;padding:15px 0}.blog-column.lg .circle-date h2{font-size:30px;font-weight:900;padding:0;margin:0;line-height:100%}.blog-column.lg .circle-date sup{font-weight:700;font-size:18px}.blog-column.lg .media-body{padding-left:15px;color:#636363}.blog-column.lg .caption h3{font-size:24px;margin-bottom:5px}.blog-column.lg .caption h3 a{color:#32526e}.blog-column.lg .metadata{background:#fff;color:#81b9c3;font-size:12px;position:relative;padding:10px 0;font-weight:900;border-bottom:1px solid #e5e5e5}.blog-column.lg .metadata img{margin:0 5px 0 0;display:inline-block}.blog-column.lg .metadata a{display:inline-block;margin-right:15px;color:#81b9c3}.image-post{margin:20px 0}.single-post{margin:10px 0 30px}.single-post .circle-date{width:85px;height:85px;background:#007cc3;border-radius:50%;text-align:center;color:#fff;font-size:10px;padding:15px 0}.single-post .circle-date h2{font-size:30px;font-weight:900;padding:0;margin:0;line-height:100%}.single-post .circle-date sup{font-weight:700;font-size:18px}.single-post .media-body{padding-left:15px;color:#636363}.single-post .media-body .page-header{margin:0;padding:0;font-size:30px}.single-post .metadata{color:#81b9c3;font-size:12px;position:relative;padding:10px 0;font-weight:900;border-bottom:1px solid #e5e5e5}.single-post .metadata img{margin:0 5px 0 0;display:inline-block}.single-post .metadata a{display:inline-block;margin-right:15px;color:#81b9c3}.about-author{margin:30px 0;background:#007cc3;padding:20px;color:#fff}.about-author a{color:#fff;text-decoration:underline}.about-author .media-left,.about-author .media-left img{width:80px}.about-author .media-body{padding-left:10px}.about-author .media-body p{line-height:120%}.form-comment{margin:10px 0 30px}.post-comments .media-left,
.post-comments .media-left img{width:80px}.post-comments{margin:50px 0}.post-comments .media-body{padding-left:10px}.post-comments .media-body a{color:#8eed01}.post-comments ul{margin-left:90px;padding:20px 0}
.sidebar .sidebar-header
{
height:45px;
font-size:18px;
color:#007c33;
font-weight:900;
padding:12px 25px;
border-bottom:1px solid #e5e5e5
}
ul.tags
{
list-style:none;
padding:0 25px;
margin:10px 0 40px
}
ul.tags li
{
padding:5px 0;
font-size:16px;
font-style:italic;
font-weight:700;
line-height:100%
}
ul.tags li a
{
color:#32526e;
text-decoration:none
}
ul.tags li a:hover
{
color:#81b9c3
}
ul.archives
{
list-style:none;
padding:0 25px;
margin:10px 0 40px
}
ul.archives li
{
padding:8px 0;
font-size:16px;
font-weight:400;
line-height:100%;
position:relative
}
ul.archives li ul
{
position:relative;
margin-left:50px;
margin-top:-23px;
margin-bottom:0;
list-style:none
}
ul.archives li ul li
{
font-weight:700
}
ul.archives li a
{
color:#32526e;
text-decoration:none
}
ul.archives li a .post-count
{
color:#81b9c3;
font-weight:900
}
ul.archives li a:hover
{
color:#81b9c3
}
.sidebar-banner
{
margin:10px 0
}
.phone-character
{
position:relative;
bottom:-25px;
margin-top:-30px
}
.map-section
{height:600px;
position:relative;
padding:0;
background:#fff
}
#GoogleMap
{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:0
}
#back-top
{
color:#fff;
background:#8eed01;
font-size:18px;
line-height:100%;
display:inline-block;
position:fixed;
right:0;
bottom:0;
z-index:10001
}
#back-top a,#back-top a:focus,#back-top a:hover
{
color:#fff;
padding:10px;
display:block
}
a.social-icon
{
text-decoration:none
}
.social-icon.circle
{
border-radius:50%
}
.social-icon
{
width:35px;
height:35px;
text-align:center;
background:#fff;
color:#696969;
margin:5px 3px;
font-size:20px;
padding:8px 0
}

#nav-menu-button{display:none}
 @media 
 (
 max-width:1024px
 )
 {
 .wrapper
 {
 width:100%
 }
 }
 @media (max-width:980px)
 {
 .title
 {
 font-size:36px;
 top:10px
 }
 .subtitle
 {
 top:80px
 }
 header
 {
 height:auto;
 text-align:center
 }
 header .logo
 {position:relative
 }
 .overflow-top
 {
 position:relative;
 margin-top:-70px
 }
 .navtab .tab-content,.navtab .tab-content.sm{padding:15px}
 .domain-search.inner-tab,.price-wrap-inner-tab{margin-left:-15px;margin-right:-15px}
 .navtab .nav.nav-tabs li a{height:40px;padding:5px 0}.navtab .nav.nav-tabs li a img{margin-top:-3px;width:20px;top:0;margin-right:3px}
 .navtab .nav-tabs>li.active>a,.navtab .nav-tabs>li.active>a:focus,.navtab .nav-tabs>li.active>a:hover{-webkit-box-shadow:0 -3px 0 0 #8eed01;
 -moz-box-shadow:0 -3px 0 0 #8eed01;box-shadow:0 -3px 0 0 #8eed01}
 .navtab.fa-icon .nav.nav-tabs li a .fa{position:relative;top:0;margin-right:10px;font-size:18px}
 ul.menu-icon{float:none;display:block;width:100%}ul.menu-icon li a .circle-icon{top:7px}
 ul.menu-icon li a .circle-icon .vertical-line{display:none}ul.menu-icon li a{padding:15px 15px 15px 60px}
 ul.top-menu{margin:0;float:none;display:inline-block}ul.top-menu li a{padding:15px 8px;height:auto}
 ul.top-menu.separated{text-align:left;margin-left:10px;margin-right:20px}ul.top-menu.separated li a,
 ul.top-menu.separated li.dotted
 {
 padding:15px 3px
 }
 .black-transparent-overlay
 {
 position:fixed;
 left:0;
 right:0;
 bottom:0;
 top:0;
 background:rgba(0,0,0,.5)
 }
 #nav-menu-button
 {
 display:block;
 position:absolute;
 width:50px;
 height:50px;
 background:0 0;
 border:1px solid #fff;
 left:0;
 top:20px;
 text-align:center;
 color:#007cc3;
 cursor:pointer;
 z-index:99;
 font-size:28px;
 padding:3px;
 -webkit-transition:left ease-in-out .6s,background ease-in-out .6s,border-color ease-in-out .6s;
 transition:left ease-in-out .6s,background ease-in-out .6s,border-color ease-in-out .6s
 }
 #nav-menu-button.show-menu
 {
 left:300px;
 border-color:#ffffff;
 background:#007cc3;
 position:fixed
 }
 #nav-menu
 {
 position:fixed;
 left:-300px;
 top:0;
 bottom:0;
 right:auto;
 height:auto;
 border-radius:0;
 width:300px;
 overflow-y:auto;
 -webkit-transition:left ease-in-out .3s;transition:left ease-in-out .3s
 }
 #nav-menu.show-menu
 {
 left:0
 }
 #nav-menu ul.main li
 {
 position:relative;
 display:block;
 height:auto;
 float:none;
 width:100%
 }
 #nav-menu ul.main li:focus,
 #nav-menu ul.main li:hover
 {
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
 }
 #nav-menu ul.main li:focus ul.submain,
 #nav-menu ul.main li:hover ul.submain
 {top:0
 }
 #nav-menu ul.main ul.submain
 {position:relative;
 top:0;width:100%
 }
 #nav-menu ul.main ul.submain ul.subsubmain
 {
 position:relative;
 opacity:0;
 left:0;
 width:100%;
 display:none
 }
 #nav-menu ul.main ul.submain li:focus ul.subsubmain,
 #nav-menu ul.main ul.submain li:hover ul.subsubmain
 {opacity:1;
 left:0;
 top:0;
 display:block
 }
 #nav-menu ul.main li ul.submain li
 {
 width:100%;
 display:block;
 position:relative
 }
 #nav-menu ul.main li ul.subsubmain li a
 {
 padding-left:70px
 }
 #nav-menu ul.main li a
 {
 text-align:left;
 padding:15px
 }
 #nav-menu ul.main li:first-child,
 #nav-menu ul.main li:first-child a,
 #nav-menu ul.main li:last-child,
 #nav-menu ul.main li:last-child a
 {border-radius:0
 }
 #sequence
 {
 position:relative;
 width:100%;
 height:400px;
 z-index:8
 }
 .page-heading .inner,.page-heading .inner.xs
 {
 padding-top:30px
 }
 .page-heading .inner
 {
 padding:30px 0 70px
 }
 section.lg
 {
 padding:30px 0
 }
 .form-domain
 {
 width:60%
 }
 .promo-btn
 {
 width:40%
 }
 .domain-search .triangle-shadow,.domain-search .triangle-topleft
 {
 display:none
 }
 .price-wrap
 {
 text-align:center;
 height:auto
 }
 .price-wrap ul li
 {
 padding-left:10px;
 padding-right:10px
 }
 .price-wrap ul li:last-child
 {
 border-right:none;
 -webkit-box-shadow:none;
 -moz-box-shadow:none;
 box-shadow:none
 }
 .inner-section
 {
 padding:10px 0
 }
 .main-plan-wrap
 {
 padding:20px 0
 }
 .review-heading
 {
 padding-left:0
 }
 #review-slide
 {
 padding:0
 }
 .owl-review .owl-controls
 {
 right:0
 }
 #footer
 {
 padding-top:10px
 }
 #footer h5
 {
 margin:30px 0 15px
 }
 #footer ul li.address
 {
 padding-left:0
 }
 #footer ul li.address .icon
 {
 display:none
 }
 }
 @media (max-width:800px)
 {
 .title
 {
 font-size:36px;
 top:10px
 }
 .subtitle
 {
 top:80px
 }
 .image
 {
 right:20%;
 width:auto;
 max-width:30%
 }
 .image.image-2
 {
 right:20%;
 top:10%;
 width:auto;
 max-width:50%
 }
 .price-tag
 {
 width:170px;
 height:170px;
 right:20%;
 top:0;
 opacity:0;
 padding:30px 0
 }
 .price-tag h2
 {
 font-size:40px
 }
 .ractagle-bubble
 {
 border-radius:50%;
 right:10%;
 top:-10px;
 opacity:0;
 padding:30px
 }
 .ractagle-bubble h2
 {
 font-size:30px
 }
 ul.menu-icon
 {
 float:none;
 display:block;
 width:100%
 }
 ul.menu-icon li a .circle-icon
 {
 top:7px
 }
 ul.menu-icon li a .circle-icon .vertical-line
 {
 display:none
 }
 ul.menu-icon li a
 {padding:15px 15px 15px 60px
 }
 ul.top-menu
 {
 margin:0;
 float:none;
 display:inline-block
 }
 ul.top-menu li a
 {
 padding:15px 8px;
 height:auto
 }
 ul.top-menu.separated
 {
 text-align:center;
 margin-left:20px;
 margin-right:20px
 }
 ul.top-menu.separated li a,ul.top-menu.separated li.dotted
 {
 padding:15px 3px
 }
 #sequence
 {
 position:relative;
 width:100%;
 height:400px;
 z-index:8
 }
 .page-heading .inner,.page-heading .inner.xs
 {
 padding-top:30px
 }
 section.lg
 {
 padding:30px 0
 }
 .form-domain,.form-domain .btn,.promo-btn,.search-input
 {
 width:100%;
 float:none;
 display:block;
 margin:0;
 padding:0
 }
 .form-domain,.search-input
 {
 margin-bottom:15px
 }
 #footer
 {text-align:center
 }
 }
 @media (max-width:767px)
 {
 #slideshow
 {display:none
 }
 .domain-search
 {
 margin-top:0
 }
 .navtab .text-right
 {
 text-align:center
 }
 .page-heading .inner
 {
 padding:20px 0
 }
 .overflow-top
 {
 margin-top:0
 }
 .navtab .nav.nav-tabs li a
 {
 margin-left:0;
 margin-bottom:0
 }
 .phone-character
 {
 bottom:0;
 margin:30px 0
 }
 .overflow-bottom
 {
 margin-bottom:0
 }
 .search-blog
 {
 width:100%;
 margin:20px auto 0;
 height:55px
 }
 .server-thumbnail .image-placeholder img
 {
 top:0
 }
 .server-thumbnail .image-placeholder
 {
 height:auto
 }
 }
 @media (max-width:500px)
 {
 .btn.padding-lg,
 .btn.padding-md,
 .btn.padding-sm,
 .btn.padding-xs
 {
 padding-left:15px;
 padding-right:15px
 }
 #nav-menu-button.show-menu
 {
 left:250px
 }
 #nav-menu
 {
 left:-250px;
 width:250px
 }
 ul.menu-icon li a .circle-icon
 {
 left:0}ul.menu-icon li a
 {
 padding:15px 15px 15px 45px
 }
 section .media-section-heading
 {
 margin:0
 }
 section .media-section-heading .media-left
 {
 width:50px
 }
 .main-features-wrap
 {
 position:relative;
 margin:30px 0
 }
 .main-features-wrap:after,.main-features-wrap:before
 {
 display:table;content:" "
 }
 .main-features-wrap:after
 {
 clear:both
 }
 .main-features-wrap .vertical-line
 {
 display:none
 }
 .main-features-wrap .feature-row
 {
 display:block
 }
 .feature-row.no-border .feature
 {
 border-top:none
 }
 .feature-row .feature
 {
 width:100%;
 float:left;
 border-top:1px solid #dfe0e1;
 padding:5px
 }
 #review-slide .item .review-text-wrap
 {
 padding:15px 15px 15px 50px
 }
 #review-slide .item .review-text-wrap .quote-icon
 {
 left:10px;
 margin-top:-15px;
 width:30px;
 height:30px
 }
 .main-plan-wrap
 {
 padding:20px;
 margin:50px 0 20px
 }
 .main-plan-wrap .plan-column{width:100%;margin-bottom:20px}.main-plan-wrap .plan-column.most-popular{padding-top:35px;padding-bottom:50px;top:0}
 .price-wrap ul li
 {
 padding:5px 15px;
 height:35px;
 border-right:none;
 -webkit-box-shadow:inset -1px 0 0 0 rgba(249,249,249,0);
 -moz-box-shadow:inset -1px 0 0 0 rgba(249,249,249,0);
 box-shadow:inset -1px 0 0 0 rgba(249,249,249,0)
 }.price-wrap ul li .price-value
 {
 font-size:18px;
 font-weight:900
 }
 .server-thumbnail 
 .caption
 {
 padding:15px
 }
 .form-domain .domain-extension select
 {
 width:80px
 }
 footer
 {height:auto;
 padding-left:15px;
 padding-right:15px
 }
 .blog-column .caption
 {
 padding:15px
 }
 .blog-column .metadata
 {
 height:40px;
 background:#32526e;
 color:#fff;
 font-size:12px;
 position:relative;
 padding:10px 25px
 }
 . blog-column .metadata i{position:relative;font-size:8px;top:-1px;margin:0 5px}
 .blog-column .metadata .comment-count{height:40px;background:#81b9c3;position:absolute;right:0;top:0;padding:10px 15px}
 .blog-column .metadata .comment-count img{margin-right:10px}.blog-column.lg{border:none;margin:15px 0}.blog-column.lg 
 .caption{padding:0}.blog-column.lg .image-thumbnail{height:150px}.blog-column.lg 
 .media-left{width:100%;display:block;position:relative;height:50px}.blog-column.lg 
 .circle-date{position:relative;top:-42.5px}.blog-column.lg .media-body{padding-left:0;margin:0}
 .blog-column.lg .metadata{height:auto}.blog-column.lg .metadata a{display:inline-block;margin-right:15px;color:#81b9c3}
 .image-post{margin:20px 0}.single-post{margin:10px 0 30px}
 .single-post .media-left{position:relative;width:100px;display:block;height:0}
 .single-post .circle-date{position:relative;top:-130px;left:15px}.single-post .media-body{padding-left:0}.about-author{padding:15px}
 .about-author .media-left,.about-author .media-left img{width:50px}.form-comment{margin:10px 0 30px}.post-comments .media-left,.post-comments .media-left img{width:40px}.post-comments ul{margin-left:50px;padding:20px 0}.table-responsive{margin:20px 0}.table.table-xs td,.table.table-xs th{padding-left:10px;padding-right:10px}.map-section{height:300px;position:relative;padding:0;background:#fff}.page-full{padding:10px 15px}.page-full h1{font-size:60px}.page-full h2{font-size:30px}.page-full h3{font-size:22px}.btn-block{margin-bottom:10px}.overlay-login{z-index:1001;padding-top:10px;overflow-y:auto}.overlay-login.visible{top:0;opacity:1;filter:alpha(opacity=100)}.big-heading{font-size:28px}.overlay-login .close-login{position:absolute;top:-15px;right:15px;width:45px;height:45px;border-radius:50%;text-align:center;padding:11px 0;background:#70869a;cursor:pointer}form.login-form{margin:40px 0 10px}form.login-form p{padding:10px 0;margin:0}.btn-line.btn-success{border:1px solid #81b9c3;background:0 0;padding-top:9px;padding-bottom:9px}.btn-line.btn-success:hover{border-color:transparent;background:#8eed01}}@media (max-width:360px){.form-domain .input-domain{padding-left:10px}.form-domain .www{display:none}}