/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

*:focus { outline:none; }

/*
* Body settings, change it as required
*/

body {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.4;
}


/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat' , Arial, Helvetica, sans-serif; font-weight:bold; text-rendering: optimizeLegibility; margin:0px; color:#333; }
h5 { font-size:17px; line-height:17px; margin-bottom:10px;  }


/*
* Paragraphs
*/

p { font-weight: normal; margin:0px; }


/*
* Links
*/

a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ }
a:focus { color: #2ba6cb; outline: none; }
p a, p a:visited { line-height: inherit; }


/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
    vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;
}


/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }


/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}


/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left { float: left; }

.right { float: right; }


/*
* Text Alignment
*/

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }


/*
* Image Alignment
*/

img.alignleft { float:left; margin:0 10px 10px 0; display: inline;}

img.alignright { float:right; margin:0 0px 10px 10px; display: inline;}

img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}


/*
* Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.group:after {
  content: "";
  display: table;
  clear: both;
}

/*
* overflow method for clearing floats
*/
.floatbox { overflow:hidden; }

/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height:1px; line-height:1px; }


/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*
* Other
*/


/* ==========================================================================
	Layout
========================================================================== */


/* Container ---------------------- */
#container { min-width:320px; }

/* Header ---------------------- */
#header { padding-bottom:20px; }

/* Banner ---------------------- */
#banner{ }

/* Main Navigation ---------------------- */
#main-navigation{ }

/* Content ---------------------- */
#content {  }

/* Main ---------------------- */
#main {  }

/* Sidebar ---------------------- */
#sidebar { }

/* Footer ---------------------- */
#footer { }


/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

@media screen and (min-width:1200px)
{
	.container { width:100%; max-width:990px; }
}

p.lead { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color:#333; margin-bottom:20px; }
p { font-family: 'Open Sans' , Arial, Helvetica, sans-serif; font-size:15px; line-height:21px; margin-bottom:20px; color:#535353; }

/* --- strip --- */
#strip { background:#eff0f3; position:absolute; right:0; width:46%; top:0; height:36px; border-radius:0 0 0 5px; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; }

/* --- top-area --- */
.top-area { background:#eff0f3; border-radius:0 0 0 5px; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; padding:10px; width:46%; float:right; position:relative; z-index:100; margin-bottom:30px; }
.top-area ul { margin:0; padding:0; }
.top-area ul li { float:right; list-style:none; font-size:13px; line-height:13px; color:#545454; margin-left:19px; }
.top-area ul li:last-child { margin-left:0; }
.top-area ul li img { margin-right:8px; }
.top-area ul li a { font-size:13px; line-height:14px; color:#545454; display:inline-block; }
.top-area ul li a:hover { color: #3799dc; }

@media screen and (max-width:1200px) {
	.top-area , #strip { width:50%; margin-bottom:20px; }
}
@media screen and (max-width:992px) {
	.top-area , #strip { width:100%; }
}

/* --- logo --- */
.logo { padding-top:30px; }
@media screen and (max-width:767px) {
	.logo { margin-bottom:10px; width:80%; }
}

/* --- main-navigation --- */
#main-navigation ul { margin:0; padding:0; }
#main-navigation ul li { list-style:none; float:right; margin-left:45px; }
#main-navigation ul li a { font-size:16px; line-height:20px; display:block; color:#333; }
#main-navigation ul li.active a { color:#aad919; }
#main-navigation ul li a:hover { color:#aad919; }

.menu-btn { width:65px; height:50px; padding:15px 20px; border:0; background:#fff; display:none; position:absolute; right:0; top:-55px; }
.menu-btn span.line { background:#000; width:24px; height:3px; margin-bottom:3px; display:block; }
.menu-btn span.line:last-child { margin-bottom:0; }


@media screen and (min-width:992px) {
	#main-navigation ul { display:block !important; }
}

@media screen and (max-width:991px) {
	#main-navigation ul { display:none; }
	.menu-btn { display:block; }

}
@media screen and (max-width:991px) {
	#main-navigation { background:#7a7a78; margin-left:-15px; margin-right:-15px; position:relative; }
	#main-navigation ul { background:#7a7a78; position:absolute; width:100%; z-index:100; left:0; top:-5px; }
	#main-navigation ul li { float:none; margin:0; width:100%; padding:10px 20px; }
	#main-navigation ul li.active { background:#3f4447; }
	#main-navigation ul li a { display:block; color:#fff; }
	.menu-btn.active { background:#7a7a78; }
	.menu-btn.active span.line { background:#fff; }
}
/* --- Page Head --- */

#page-head { background: #e9852e; padding: 22px 0 ; }
#page-head p {  font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:38px; line-height:45px; color:#fff; font-weight: normal; text-align: center; margin: 0px; }
#page-head p span {text-align: center; display: block; font-size: 26px; }
body.features #page-head { background: #95bd16; }
body.contact-us #page-head { background: #2b74a7; }
body.pricing #page-head { background: #000; }
@media screen and (max-width:767px) {
	#page-head p { font-size: 25px; line-height: 30px; }
	body.contact-us #page-head p { font-size:36px; line-height: 42px; }
	body.contact-us #page-head p span { font-size: 27px; line-height: 32px; }
}
/* --- banner --- */
#banner .description { padding-top:50px; padding-bottom:50px; }
#banner .description h2 { font-size:34px; line-height:38px; color:#fff; margin-bottom:20px; font-weight:normal; }
#banner .description h4 { font-size:24px; line-height:24px; color:#fff; margin-bottom:20px; font-weight:normal; }
#banner .description p { font-size:14px; line-height:14px; margin-bottom:10px; color:#fff; }
#banner .description .button1 { margin-right:15px; }

#banner .slides { height:310px; }
#banner .slide { background-repeat:no-repeat; background-size:100% 100%; width:100%; height:310px; display:none; }
#banner .slide:first-of-type { display:block; }

#banner .controls { text-align:center; position:absolute; width:100%; bottom:10px; z-index:100; }
#banner .controls a { background:#78787a; height:0px; padding-top:10px; overflow:hidden; width:10px; border-radius:50%; display:inline-block; margin:0 5px; }
#banner .controls a.activeSlide, #banner .controls a:hover { background:#94bb16; }

@media screen and (max-width:767px) {
	#banner .description h2 { font-size:28px; line-height:28px; margin-bottom:10px; }
	#banner .description h4 { font-size:16px; line-height:16px; margin-bottom:10px; }
	#banner .description p { font-size:14px; line-height:14px; margin-bottom:10px; color:#fff; }
}

/* --- button1 --- */
.button1 { background:#96be19; border-radius:3px; padding:15px 20px; display:inline-block; font-family: 'Open Sans' , Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; font-weight:bold; color:#fff; }
.button1:focus, .button1:active { color:#fff; }
.button1:hover { background:#aad919; }

/* --- button2 --- */
.button2 { background:none; border:1px solid #fff; border-radius:3px; padding:15px 20px; display:inline-block; font-family: 'Open Sans' , Arial, Helvetica, sans-serif; font-size:16px; line-height:16px; font-weight:bold; color:#fff; }
.button2:focus, .button2:active { color:#fff; }
.button2:hover { color:#aad919; }

/* --- button3 --- */
.button3 { background:#e9852e; width: 47%;  padding: 15px 0px; font-family: 'Open Sans' , Arial, Helvetica, sans-serif; font-size:18px; line-height:21px; font-weight: 700; padding-left: 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; margin-right: 8%;}
.button3 img { float: left; padding-right: 35px; }
.button3 a { color: #fff;  padding: 12px 50px 0 0; display: inline-block; }



@media screen and (max-width:992px) {
	.button3 { width: 80%;  margin: 0 auto; float: none;  margin-bottom: 30px;  }
}

@media screen and (max-width:767px){
	.button3 {  width: 90%; font-size: 15px; line-height: 18px; padding: 15px 15px; }
	.button3 img { padding-right: 15px; }
	.button3 a { padding: 12px 11px 0 0; }
}

@media screen and (max-width:480px){
	.button3 { font-size: 10px;  }
	.button3 img { padding-right: 10px; }
	.button3 a { padding: 12px 5px 0 0;  }
}

/* --- Contact-With-Mail --- */
.contact-with-mail img { float: left;}
.contact-with-mail address {  font-family: 'Open Sans' , Arial, Helvetica, sans-serif; font-size:30px; line-height:20px; font-weight: 700; color:#525252; font-style: normal; margin-left: 25px; display: inline-block; }


@media screen and (max-width:767px){
.contact-with-mail address { margin-left: 10px; }
}
@media screen and (max-width:992px) {
	.contact-with-mail { text-align: center;  }
	.contact-with-mail img{ float: none; vertical-align: top;  }
	.contact-with-mail address{ text-align: left; }
}

@media screen and (max-width:992px) {
	.contact-with-mail img { margin-bottom: 15px; }
}
@media screen and (max-width:480px){
 .contact-with-mail address p { font-size: 11px; }

}


/* --- why-choose-us --- */
.why-choose-us { padding-top:45px; padding-bottom:45px; }
.why-choose-us h2 { text-align:center; font-size:32px; color:#333; margin-bottom:20px; }
.why-choose-us h2 span { font-weight:normal; }
.why-choose-us figure { min-height:170px; line-height:170px; margin-bottom:45px; }
.why-choose-us figure img { vertical-align:bottom; }
.why-choose-us h5 { font-size:17px; line-height:17px; margin-bottom:10px; }

.why-choose-us p { min-height:112px; }

.why-choose-us .animation { height:200px; position:relative; margin:0 auto; }

/* --- Simple Admin --- */
#simple-admin { width:210px; }
#simple-admin span { background:url(../images/animation-sprites.png) no-repeat; position:absolute; transition-property: -webkit-transform; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; }
#simple-admin .gearA { width:40px; height:39px; left:25px; top:19px; background-position:-264px 0; }
#simple-admin .gearB { width:39px; height:41px; background-position:-311px 0; left:0px; top:51px; }
#simple-admin .gearC { width:51px; height:50px; background-position:-360px 0; left:39px; top:52px; z-index:10; }
#simple-admin .screen { width:181px; height:102px; background-position:-258px -61px; left:26px; top:68px; }

#simple-admin:hover .gearA, #simple-admin:hover .gearB, #simple-admin:hover .gearC { animation-duration: 3.3s; animation-iteration-count: infinite; animation-name: rotate; animation-timing-function: linear;-webkit-animation-name: rotate; -webkit-animation-duration: 3.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 3.3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; }

@-webkit-keyframes rotate {
	from { -webkit-transform:rotate(0deg); }
	to { -webkit-transform: rotate(360deg) }
}

@-moz-keyframes rotate {
	from { -moz-transform:rotate(0deg) }
	to { -moz-transform: rotate(360deg) }
}

/* --- DNS Management --- */
#dns-management { width:190px; }
#dns-management span { background:url(../images/animation-sprites.png) no-repeat; position:absolute; }

#dns-management span.orange1, #dns-management span.orange2, #dns-management span.orange3 { width:10px; height:10px; background:#e9852e; right:11px; top:79px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
#dns-management span.orange2 { top:111px; }
#dns-management span.orange3 { top:143px; }
#dns-management span.green1, #dns-management span.green2, #dns-management span.green3 { width:10px; height:10px; background:#96be19; right:11px; top:79px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
#dns-management span.green2 { top:111px; }
#dns-management span.green3 { top:143px; }
#dns-management span.arrow { width:43px; height:44px; background-position:-202px 0px; left:80px; top:96px; z-index:10; }
#dns-management span.server { width:194px; height:102px; background-position:0 0px; left:auto; top:68px; }

#dns-management:hover span.green1, #dns-management:hover span.green2, #dns-management:hover span.green3 { animation: blink .5s linear; -moz-animation: blink .5s linear; -webkit-animation: blink .5s linear; animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; }

#dns-management:hover span.green2 { animation-duration:1s; -webkit-animation-duration:1s; }
#dns-management:hover span.green3 { animation-duration:1.5s; -webkit-animation-duration:1.5s; }

@-moz-keyframes blink {
	0% { opacity:0; }
	33% { opacity:.3; }
	66% { opacity:1; }
	100% { opacity:1; }
}

@-webkit-keyframes blink {
	0% { opacity:0; }
	33% { opacity:.3; }
	66% { opacity:1; }
	100% { opacity:1; }
}

#dns-management:hover span.arrow { -webkit-animation: flicker 2.5s linear; -webkit-animation-iteration-count: infinite; -moz-animation: flicker 2.5s linear; animation: flicker 2.5s linear; animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; }

@-moz-keyframes flicker {
	0% { left:50px; }
	10% { left:60px; }
	20% { left:70px; }
	30% { left:80px; }
	40% { left:90px; }
	50% { left:100px; }
	60% { left:110px; }
	70% { left:120px; }
	80% { left:130px; }
	90% { left:140px; }
	100% { left:150px; }
}

@-webkit-keyframes flicker {
	0% { left:50px; }
	10% { left:60px; }
	20% { left:70px; }
	30% { left:80px; }
	40% { left:90px; }
	50% { left:100px; }
	60% { left:110px; }
	70% { left:120px; }
	80% { left:130px; }
	90% { left:140px; }
	100% { left:150px; }
}

/* --- Unmetered Bandwidth --- */
#unmetered-bandwidth { width:185px; margin:0 auto; }
#unmetered-bandwidth span { background:url(../images/animation-sprites.png) no-repeat; position:absolute; }
#unmetered-bandwidth span.screen { background-position:0 -215px; width:122px; height:94px; left:0; bottom:30px; }
#unmetered-bandwidth span.bar1, #unmetered-bandwidth span.bar2, #unmetered-bandwidth span.bar3, #unmetered-bandwidth span.bar4, #unmetered-bandwidth span.bar5, #unmetered-bandwidth span.bar6 { width:10px; position:absolute; z-index:1; bottom:55px; }
#unmetered-bandwidth span.meter { height:96px; width:96px; background-position:-40px -111px; right:0; bottom:30px; z-index:2; }
#unmetered-bandwidth span.hand { width:26px; height:25px; background-position:0 -134px; right:27px; bottom:62px; z-index:3; }
#unmetered-bandwidth span.bar1, #unmetered-bandwidth span.bar3, #unmetered-bandwidth span.bar5 { background:#2b74a7; }
#unmetered-bandwidth span.bar2, #unmetered-bandwidth span.bar4, #unmetered-bandwidth span.bar6 { background:#94bb16; }
#unmetered-bandwidth span.bar1 { height:37px; left:10px; }
#unmetered-bandwidth span.bar2 { height:22px; left:25px; }
#unmetered-bandwidth span.bar3 { height:33px; left:40px; }
#unmetered-bandwidth span.bar4 { height:37px; left:55px; }
#unmetered-bandwidth span.bar5 { height:25px; left:70px; }
#unmetered-bandwidth span.bar6 { height:42px; left:85px; }

#unmetered-bandwidth:hover span.bar1 { animation:bar1 3s linear; -moz-animation:bar1 3s linear; -webkit-animation:bar1 3s linear; }
#unmetered-bandwidth:hover span.bar2 { animation:bar2 3s linear; -moz-animation:bar2 3s linear; -webkit-animation:bar2 3s linear; }
#unmetered-bandwidth:hover span.bar3 { animation:bar3 3s linear; -moz-animation:bar3 3s linear; -webkit-animation:bar3 3s linear; }
#unmetered-bandwidth:hover span.bar4 { animation:bar4 3s linear; -moz-animation:bar4 3s linear; -webkit-animation:bar4 3s linear; }
#unmetered-bandwidth:hover span.bar5 { animation:bar5 3s linear; -moz-animation:bar5 3s linear; -webkit-animation:bar5 3s linear; }
#unmetered-bandwidth:hover span.bar6 { animation:bar6 3s linear; -moz-animation:bar6 3s linear; -webkit-animation:bar6 3s linear; }

#unmetered-bandwidth:hover span.bar1, #unmetered-bandwidth:hover span.bar2, #unmetered-bandwidth:hover span.bar3, #unmetered-bandwidth:hover span.bar4, #unmetered-bandwidth:hover span.bar5, #unmetered-bandwidth:hover span.bar6 { animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; }

@-moz-keyframes bar1 {
	0% { height:0; }
	100% { height:37px; }
}
@-moz-keyframes bar2 {
	0% { height:0; }
	100% { height:22px; }
}
@-moz-keyframes bar3 {
	0% { height:0; }
	100% { height:33px; }
}
@-moz-keyframes bar4 {
	0% { height:0; }
	100% { height:37px; }
}
@-moz-keyframes bar5 {
	0% { height:0; }
	100% { height:25px; }
}
@-moz-keyframes bar6 {
	0% { height:0; }
	100% { height:42px; }
}

@-webkit-keyframes bar1 {
	0% { height:0; }
	100% { height:37px; }
}
@-webkit-keyframes bar2 {
	0% { height:0; }
	100% { height:22px; }
}
@-webkit-keyframes bar3 {
	0% { height:0; }
	100% { height:33px; }
}
@-webkit-keyframes bar4 {
	0% { height:0; }
	100% { height:37px; }
}
@-webkit-keyframes bar5 {
	0% { height:0; }
	100% { height:25px; }
}
@-webkit-keyframes bar6 {
	0% { height:0; }
	100% { height:42px; }
}

#unmetered-bandwidth:hover span.hand { transform:rotate(-110deg); -webkit-transform:rotate(-110deg); -moz-transform:rotate(-110deg); animation:hand 5s linear; -moz-animation:hand 5s linear; -webkit-animation:hand 5s linear; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; transform-origin: 0px 100%; -webkit-transform-origin: 0px 100%; }

@-moz-keyframes hand {
	0% { -moz-transform:rotate(-120deg); right:14px; }
	100% { -moz-transform:rotate(10deg); right:28px; }
}

@-webkit-keyframes hand {
	0% { -webkit-transform:rotate(-120deg); right:14px; }
	100% { -webkit-transform:rotate(10deg); right:28px; }
}

/* --- Instant Setup--- */
#instant-setup { width:188px; }
#instant-setup span { background:url(../images/animation-sprites.png) no-repeat; position:absolute; }
#instant-setup span.icon { width:188px; height:112px; background-position:-170px -183px; left:0; bottom:32px; }
#instant-setup span.center { width:20px; height:20px; background-position:-429px -229px; right:45px; bottom:75px; z-index:1; }
#instant-setup span.hand1 { height:19px; width:36px; background-position:-421px -175px; bottom:86px; right:20px; }
#instant-setup span.hand2 { height:28px; width:28px; background-position:-373px -225px; right:57px; bottom:86px; }
#instant-setup span.hand3 { height:26px; width:26px; background-position:-373px -183px; right:56px; bottom:58px; }

#instant-setup:hover span.hand1 { animation:hand1 60s linear; -moz-animation:hand1 60s linear; -webkit-animation:hand1 60s linear; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; transform-origin: 0px 100%; -moz-transform-origin: 0px 100%; -webkit-transform-origin: 0px 100%; }
#instant-setup:hover span.hand2 { animation:hand1 40s linear; -moz-animation:hand1 40s linear; -webkit-animation:hand1 40s linear; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; transform-origin:100% 100%; -moz-transform-origin:100% 100%; -webkit-transform-origin: 100% 100%; }
#instant-setup:hover span.hand3 { animation:hand1 20s linear; -moz-animation:hand1 20s linear; -webkit-animation:hand1 20s linear; animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; transform-origin: 100% 0px; -moz-transform-origin: 100% 0px; -webkit-transform-origin: 100% 0px; }

@-moz-keyframes hand1 {
	to { -moz-transform:rotate(360deg); }
}

@-webkit-keyframes hand1 {
	to { -webkit-transform:rotate(360deg); }
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
	#dns-management span, #simple-admin span, #unmetered-bandwidth span, #instant-setup span { background-image:url(../images/animation-sprites@2x.png); background-size:500px 500px; }
}

@media screen and (max-width:992px) {
	.why-choose-us figure { text-align:center; }
}

@media screen and (max-width:767px) {
	.why-choose-us figure { min-height:0; line-height:0; margin-bottom:20px; }
	.why-choose-us p { min-height:0; }
}


/* ---Tab--- */
#contact-tab { text-align:center; }
#contact-tab ul { margin: 0px; padding: 0px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; list-style-type: none; text-align: center; margin-bottom: 40px; }
#contact-tab li { width: 400px; float:left; }
#contact-tab li { display: inline-block; margin: 0px; padding: 0px; background: #fff;  border: 1px solid #e1e1e1; min-height:80px;  }
#contact-tab li a { font-family: 'Open Sans' , Arial, Helvetica, sans-serif;  font-size: 16px; line-height: 20px;  color: #b2b1ae; background: url(../images/icon25.png) left center no-repeat; font-weight: 700; margin-left: 18px; display: block; text-align: left; padding: 22px 0 16px 56px; }
#contact-tab li:hover { background: #95bd16; }
#contact-tab li:hover a { color:#fff; }
#contact-tab li.contact { border-radius: 3px 0 0 3px; -moz- border-radius: 3px 0 0 3px; -webkit- border-radius: 3px 0 0 3px; }
#contact-tab li.contact:hover a { background-image:url(../images/icon22.png);   }

#contact-tab li.ui-state-active { background-color: #95bd16; }
#contact-tab li.ui-state-active a { color: #fff; }

#contact-tab li.contact.ui-state-active a { background-image:url(../images/icon22.png); }

#contact-tab li.report { border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; padding-top:10px; }
#contact-tab li.report a { background-image:url(../images/icon23.png); }
#contact-tab li.report.ui-state-active a, #contact-tab li.report:hover a { background-image:url(../images/icon24.png);   }
@media screen and (max-width:992px) {

	#contact-tab li { min-height:63px;  }
	#contact-tab li a {  padding: 10px 0 10px 56px; }
}


@media screen and (max-width:767px) {
	#contact-tab ul { margin-bottom:20px; }
	#contact-tab li { height:50px; min-height:0; }
	#contact-tab li a { background: none; padding: 10px 0 10px 0; font-size: 12px; line-height: 15px; text-align:center; }
	#contact-tab li.contact:hover a { background: none; }
	#contact-tab li.report a, #contact-tab li.report:hover a { background-image:none; }
	#contact-tab li.contact.ui-state-active { background: #95bd16; }
	#contact-tab li.report { padding-top:0; }
	#contact-tab li.report a { padding-top:17px; }
	#contact-tab li.contact.ui-state-active a, #contact-tab li.report.ui-state-active a { background-image:none;  }
	#contact-tab li { width: 144px; }
}

/*--- Contact Tab form ---*/

#contact-tab .form { border: 1px #e1e1e1 solid; width:100%; position: relative;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 40px 37px 30px 37px;}
#contact-tab form { text-align: right;}
#contact-tab .form input[type="text"] { width: 87%; border: 1px solid #e1e1e1; background: #f6f8fb; position: relative;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 40px; padding:0px 10px;  font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 18px;}
#contact-tab .form label { font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #333333; font-size: 17px; line-height: 40px; padding-right: 20px; float:left; width:13%; }
#contact-tab .form p { min-height: 0px; margin-bottom: 18px; font-weight: 700; }
#contact-tab .form input[type="submit"] { font-family: 'Montserrat', Arial, Helvetica, sans-serif; width: 142px; height: 40px; background-color: #95bd16; color: #fff; font-size:16px; border: none; line-height: 19px; position: relative;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
#contact-tab .form input[type="submit"]:hover { background: #aad919; }
#contact-tab .form textarea {   width: 87%; border: 1px solid #e1e1e1; background: #f6f8fb; position: relative;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  height: 120px; padding:10px 10px;  font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 400; line-height: 18px; resize: none;}

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

	#contact-tab.form input[type="text"] { width: 83%; }
	#contact-tab.form textarea { width: 83%; }
}

@media screen and (max-width:767px) {
	#contact-tab .form { padding:20px; }
	#contact-tab label { display: block; text-align: left; }
	#contact-tab .form input[type="text"] { width: 100%; height: 25px; }
	#contact-tab .form textarea { width: 100%; }
	#contact-tab .form label { font-size: 12px; line-height: 20px; }
	#contact-tab .form p { margin-bottom: 10px; }
	#contact-tab .form textarea { height: 60px; }
	#contact-tab .form input[type="submit"] { width: 100px; height: 30px;font-size: 12px; line-height: 16px; }
	#contact-billing-form { padding: 15px 15px; }
}



/* --- section --- */

.section { padding-top:45px; padding-bottom:45px; }
body.features .section {  padding-bottom:0px; }
.section h2 { text-align:center; font-size:32px; color:#333; margin-bottom:20px; }
.section h2 span { font-weight:normal; }
.section figure { min-height:170px; line-height:170px; margin-bottom:45px; }
.section figure img { vertical-align:bottom; }
.section h5 { font-size:17px; line-height:17px; margin-bottom:10px;  }
.section p { min-height:112px; }
.section.plan p { min-height: 0px; }
.section.plan figure { line-height: 0px; margin-bottom: 20px; }
@media screen and (max-width:991px) {
	.section figure { text-align:center; }
}

@media screen and (max-width:767px) {
	.section figure { min-height:0; line-height:0; margin-bottom:20px; }
	.section p { min-height:0; }
}


/* --- learn-more --- */

.open-ticket {  background:#eff0f3; padding:40px 0; }



/* --- learn-more --- */
.learn-more { position:relative; font-size:16px; line-height:20px; font-weight:bold; color:#2b74a7; display:inline-block; }
.learn-more:after { position:absolute; content:""; background:url(../images/arrow1.png) no-repeat right center; right:-20px; top:2px; width:14px; height:14px; }
.learn-more:hover { color:#96be19; }
.learn-more:hover:after { background-image:url(../images/arrow2.png); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
	.learn-more:after { background-image:url(../images/arrow1@2x.png); background-size:14px 14px; }
	.learn-more:hover:after { background-image:url(../images/arrow2@2x.png); background-size:14px 14px; }
}

@media screen and (max-width:767px) {
	.learn-more { margin-bottom:15px; }
}

/* --- about-us --- */
.about-us { background:#eff0f3; padding:60px 0; }
.about-us h2 { text-align:center; text-align:center; font-size:32px; color:#333; margin-bottom:20px; }
.about-us h2 span { font-weight:normal; }
.about-us header { width:100%; max-width:785px; text-align:center; margin:0 auto 30px; }

@media screen and (max-width:993px) {
	.about-us img { margin-bottom:20px; }
}

/* --- about-us-page --- */

.about-us-page { background:#eff0f3; padding:60px 0; }
.about-us-page img { margin-bottom: 47px;}
.about-us-page img{ float: right; margin-left: 35px; }
.about-us-page .section2 img { float: left; margin-right: 35px; }
.about-us-page .section1, .about-us-page .section2, .about-us-page .section3 { padding-bottom: 45px; }
.about-us-page .section2 { padding-bottom: 49px; }
.about-us-page .section2 img { margin-top: -34px; }
.about-us-page .section2 h5 { margin-left: 274px; }
@media screen and (max-width:993px) {
	.about-us-page  img { margin-bottom:47px; }
	.about-us-page .section3 img{ float: none; margin-left: 0px; }
	.about-us-page .section3 figure { text-align: center; }
	.about-us-page .section3 h5 { margin-bottom: 25px; }
}

@media screen and (max-width:767px) {
	.about-us-page figure { text-align: center; padding-bottom: 15px; }
	.about-us-page  img  { float: none;  margin: 0px;}
	.about-us-page .section2 img{ float: none; margin: 0px; }
	.about-us-page .section2 h5  { margin-left: 0px; }
	.about-us-page h5 { margin-bottom: 25px; }

}
.additional-features { background:#eff0f3; padding:60px 0; }
.additional-features  h2 { text-align:center; font-size:32px; color:#333; margin-bottom:20px; }
.additional-features  h2 span { font-weight:normal; }
.additional-features ul { margin: 0px; padding: 0px; list-style-type: none; }
.additional-features ul li { width: 48%; float: left; margin-bottom: 30px;}
.additional-features ul li:nth-child(odd) { margin-right: 30px;  }
.additional-features ul li figure {   float: left; max-width: 100%; }
.additional-features ul li .text-area { margin-left: 155px; }
@media screen and (max-width:993px) {
	.additional-features ul li:nth-child(odd) { margin-right: 25px;  }
}
@media screen and (max-width:767px) {
	.additional-features ul li { width: 100%; }
	.additional-features ul li figure { float: none; text-align: center; margin-bottom: 20px;  }
	.additional-features ul li .text-area { margin: 0px; }
}

/* --- testimonials --- */
.testimonials { max-width:700px; width:100%; margin:0 auto; padding:60px 0; }
.testimonials h2 { margin-bottom:60px; text-align:center; font-size:31px; }
.testimonials h2 span { font-weight:normal; }

.testimonials ul { margin:0; padding:0; }
.testimonials ul li { list-style:none; }
.testimonials ul figure { background:#eff0f3; border-radius:10px; float:left; margin-right:50px; height:160px; width:160px; line-height:160px; text-align:center; position:relative; }
.testimonials ul figure:after { position:absolute; content:""; background:url(../images/arrow3.png) no-repeat; width:20px; height:27px; right:-20px; bottom:30px; }

.testimonials blockquote p { font-size:16px; line-height:22px; color:#545454; margin-bottom:20px; }
.testimonials blockquote p.cite cite { font-weight:bold; font-style:normal; }
.testimonials blockquote p.cite a { color:#3585be; }

.testimonials .inner { position:relative; }
.testimonials .controls { text-align:center; position:absolute; width:100%; top:-30px; z-index:100; }
.testimonials .controls a { background:#78787a; height:0px; padding-top:10px; overflow:hidden; width:10px; border-radius:50%; display:inline-block; margin:0 5px; }
.testimonials .controls a.activeSlide, #banner .controls a:hover { background:#94bb16; }

@media screen and (max-width:767px) {
	.testimonials ul figure { float:none; margin:0 auto 10px; }
}

/* --- get-start --- */
.get-start { background:#2b74a7 url(../images/cloud-img.png) no-repeat center bottom; text-align:center; padding:45px 0 30px; }
.get-start h2 { font-size:34px; line-height:40px; margin-bottom:10px; color:#fff; }
.get-start h2 span { font-weight:normal; }
.get-start p { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color:#fff; margin-bottom:20px; }
.get-start .button1 { font-size:20px; }

/* --- footer --- */
#footer .footer-bottom { background:#000; padding:35px 0; }
#footer .inner { background:#242829; padding:50px 0 35px; }
#footer .inner ul { margin:0; padding:0; }
#footer .inner ul li { list-style:none; }
#footer .inner ul li a { font-size:13px; line-height:20px; display:inline-block; color:#fff; }
#footer .inner ul li a:hover { color:#3799dc; }

#footer p { font-size:13px; line-height:13px; color:#fff; margin-bottom:0; text-align:right; }

/* --- sociable --- */
.sociable { margin:0; padding:0; width:100px; float:right; }
.sociable li { list-style:none; background:#000; padding:6px; margin-bottom:4px; }
.sociable li img { margin-right:8px; }
#footer .inner .sociable li a { color:#ccc; }
#footer .inner .sociable li a:hover { color:#fff; }


/* --- footer-navigation --- */
#footer-navigation ul { margin:0; padding:0; }
#footer-navigation ul li { list-style:none; float:left; margin-right:20px; }
#footer-navigation ul li a { font-size:12px; line-height:12px; color:#fff; display:block; }
#footer-navigation ul li a:hover { color:#3799dc; }

@media screen and (max-width:767px) {
	#footer-navigation { margin-bottom:15px; }
	#footer p { text-align:left; }
	#footer .inner ul { margin-bottom:20px; }
	.sociable { float:left; }
}

body.pricing #content { padding-top:40px; }

/* --- Server Tab --- */
#server-tab { margin-bottom:50px; text-align:center; }

#server-tab .tab-strips { border-radius:3px; text-align:center; display:inline-block; margin:0 auto 50px; padding:0; border:1px solid #e1e1e1; }
#server-tab .tab-strips li { list-style:none; border-right:1px solid #e1e1e1; float:left; }
#server-tab .tab-strips li:last-child { border:0; }
#server-tab .tab-strips li a { font-size:16px; line-height:20px; color:#b2b1af; display:block; padding:10px 20px; }
#server-tab .tab-strips li:hover, #server-tab .tab-strips li.ui-state-active { background:#2b74a7; }
#server-tab .tab-strips li:hover a, #server-tab .tab-strips li.ui-state-active a { color:#fff; }

#server-tab .servers ul { margin:0; padding:0; border:1px solid #e1e1e1; border-radius:3px; }
#server-tab .servers ul li { float:left; list-style:none; width:20%; margin:0; padding:30px 0 20px; text-align:center; border-right:1px solid #e1e1e1; padding-bottom: 30px; }
#server-tab .servers ul li:last-child { border:0; }
#server-tab .servers ul li header { position:relative; padding-bottom:25px; }
#server-tab .servers ul li header:after { position:absolute; content:""; background:#cbcac8; height:2px; width:70px; margin:0 auto 0 -35px; bottom:0; left:50%; }
#server-tab .servers ul li header span.price { font-size:26px; line-height:30px; color:#93ba15; }

#server-tab .servers ul li .content { padding:20px; }

#server-tab .servers ul li.best-deal { background:#f4f5f9; position:relative; border:1px solid #e1e1e1; border-radius:3px; margin-top:-10px; padding-bottom:40px; margin-left:-1px; margin-bottom:-13px; padding-top:40px; }
#server-tab .servers ul li.best-deal:after { position:absolute; content:""; background:url(../images/best-deal-bg.png) no-repeat; height:80px; width:80px; display:block; right:-7px; top:-8px; }
#server-tab .servers ul li.best-deal header span.price { color:#e9852e; }
#server-tab .servers ul li.best-deal .button1 { background:#e9852e; }
#server-tab .servers ul li.best-deal .button1:hover { background:#ffc047; }

#server-tab .servers a.almost-gone { position:relative; }
#server-tab .servers a.almost-gone:after { z-index: 10; position:absolute; content:""; background:url(../images/almost-gone-bg.png) no-repeat; height:65px; width:65px; display:block; right:-5px; top:-6px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
	#server-tab .servers ul li.best-deal:after { background-image:url(../images/best-deal-bg.png); background-size:80px 80px; }
	#server-tab .servers a.almost-gone:after { background-image:url(../images/almost-gone-bg.png); background-size:65px 65px; }
}

@media screen and (max-width:992px) {
	#server-tab .servers ul { border:0; }
	#server-tab .servers ul li { width:30%; margin:0 10px 10px; border:1px solid #e1e1e1 !important; border-radius:3px; }
	#server-tab .servers ul li.best-deal { margin:0 10px 20px 0; padding:30px 0 20px; }
	#server-tab .servers ul li.almost-gone { margin:0 10px 20px 0; padding:30px 0 20px; }

}

@media screen and (max-width:767px) {
	#server-tab .tab-strips li a { padding:10px; font-size:14px; }
	#server-tab .servers ul li { width:100%; float:left; margin:0 0 20px; }
}

/* --- Plans --- */
.plans { padding:60px 0px; background:#eff0f3; }
.plans h2 { font-size: 32px; font-weight: 400; margin-bottom: 20px; text-align: center; }
.plans ul { margin:0; padding:0; }
.plans ul li { float:left; width:48%; list-style:none; padding:10px 0px 10px 45px; background:no-repeat left center; margin-bottom:5px; }
.plans ul li:nth-child(2n+1) { width: 52%; }

.plans ul li a { font-size:16px; line-height:20px; color:#535353; display:block; }
.plans ul li:hover a { color:#2b73a6; }
.plans ul li a span { margin-left:50px; display:block; }

.plans ul li:nth-child(1) { background-image:url(../images/icon28.png); }
.plans ul li:nth-child(2) { background-image:url(../images/icon29.png); }
.plans ul li:nth-child(3) { background-image:url(../images/icon30.png); }
.plans ul li:nth-child(4) { background-image:url(../images/icon31.png); }
.plans ul li:nth-child(5) { background-image:url(../images/icon32.png); }
.plans ul li:nth-child(6) { background-image:url(../images/icon33.png); }
.plans ul li:nth-child(7) { background-image:url(../images/icon34.png); }
.plans ul li:nth-child(8) { background-image:url(../images/icon35.png); }

.plans ul li:nth-child(1):hover { background-image:url(../images/icon36.png); }
.plans ul li:nth-child(2):hover { background-image:url(../images/icon37.png); }
.plans ul li:nth-child(3):hover { background-image:url(../images/icon38.png); }
.plans ul li:nth-child(4):hover { background-image:url(../images/icon39.png); }
.plans ul li:nth-child(5):hover { background-image:url(../images/icon40.png); }
.plans ul li:nth-child(6):hover { background-image:url(../images/icon41.png); }
.plans ul li:nth-child(7):hover { background-image:url(../images/icon42.png); }
.plans ul li:nth-child(8):hover { background-image:url(../images/icon43.png); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
	.plans ul li:nth-child(1) { background-image:url(../images/icon28@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(2) { background-image:url(../images/icon29@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(3) { background-image:url(../images/icon30@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(4) { background-image:url(../images/icon31@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(5) { background-image:url(../images/icon32@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(6) { background-image:url(../images/icon33@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(7) { background-image:url(../images/icon34@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(8) { background-image:url(../images/icon35@2x.png); background-size:32px 32px; }

	.plans ul li:nth-child(1):hover { background-image:url(../images/icon36@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(2):hover { background-image:url(../images/icon37@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(3):hover { background-image:url(../images/icon38@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(4):hover { background-image:url(../images/icon39@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(5):hover { background-image:url(../images/icon40@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(6):hover { background-image:url(../images/icon41@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(7):hover { background-image:url(../images/icon42@2x.png); background-size:32px 32px; }
	.plans ul li:nth-child(8):hover { background-image:url(../images/icon43@2x.png); background-size:32px 32px; }
}

@media screen and (max-width:767px) {
	.plans { padding:20px 0; }
	.plans ul li:nth-child(n) { float:none; width:100%; }
}

/* --- FAQ --- */
.faq { padding:50px 0; }
.faq ul { margin:0; padding:0; }
.faq ul li { list-style:none; margin-bottom:30px; }
.faq ul li > p:first-of-type:before { position:absolute; content:"A:";  color:#94bd15; font-weight:bold; left:0; }
.faq h2 { text-align:center; margin-bottom:20px; font-size:31px; }
.faq h4 { position:relative; font-size:15px; line-height:16px; color:#535353; padding-left:20px; margin-bottom: 5px; }
.faq h4:before { position:absolute; content:"Q:"; color:#2b73a6; left:0; }
.faq p { position:relative; padding-left:20px; font-size:15px; margin-bottom:10px; line-height: 25px; }

@media screen and (max-width:767px) {
	.faq { padding:25px 0; }
}

/* --- footer-navigation --- */
.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4,
.post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	direction: ltr;
}

.post p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6
{ font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }

.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small
{ font-size: 60%; color: #6f6f6f; line-height: 0; }

.post h1 { font-size: 44px; }

.post h2 { font-size: 37px; }

.post h3 { font-size: 27px; }

.post h4 { font-size: 23px; }

.post h5 { font-size: 17px; }

.post h6 { font-size: 14px; }

.post code { font-weight: bold; background: #ffff99; }

/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-size: 10px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; }

.post ul li ul, .post ul li ol { margin-left: 20px; margin-bottom: 0; }

.post ol { margin-left: 20px; }
.post ol li ul, .post ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Post - Blockquotes ---------------------- */
.post blockquote, .post blockquote p { line-height: 1.5; color: #6f6f6f; }

.post blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
.post blockquote cite { display: block; font-size: 13px; color: #555555; }
.post blockquote cite:before { content: "\2014 \0020"; }
.post blockquote cite a, .post blockquote cite a:visited { color: #555555; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
	#contact-tab li.contact a { background-image: url(../images/icon25@2x.png); background-size: 42px 40px;}
	#contact-tab li.contact:hover a { background-image:url(../images/icon22@2x.png); background-size: 42px 40px;   }
	#contact-tab li.report a { background-image: url(../images/icon23@2x.png); background-size: 44px 40px;}
	#contact-tab li.report:hover a { background-image:url(../images/icon24@2x.png); background-size: 44px 40px; }
}
/* -------------------------------------
 	Cross Browser CSS
	Documentation: http://rafael.adm.br/css_browser_selector/
------------------------------------- */
/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
/* .ie .css3 { behavior: url("assets/javascripts/vendor/PIE.htc"); position:relative; } */

.button-inactive {
	cursor: default;
	background: rgba(191, 191, 191, 0.78);
	pointer-events: none;
	text-decoration: line-through;
}

.product-title-free {
	padding-left: 10px; padding-right: 10px;
}

.special-offer-button {
	height: 62px;
	margin-right: 2px;
	margin-bottom: 5px;
	display: block;
	margin-left: 2px;
}

#server-tab .tab-content .group .special-offer-list-item {
	width: 355px;
}

.special-offer-description {
	border: 1px solid #e1e1e1;
	padding: 14px
}

.no-style-btn {
	margin-top: 9px;
	height: 62px;
	border-radius: 3px;
	padding: 15px 20px;
	display: inline-block;
	font-family: 'Open Sans' , Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	width: 290px;
}

.clockdiv{
	padding-top: 6px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	text-align: center;
}

.clockdiv > div{
	display: inline-block;
}

.clockdiv div > span{
	width: 45px;
	padding: 4px;
	border-radius: 2px;
	background: black;
	display: inline-block;
}

.smalltext-clock {
	color: black;
	font-size: 11px;
}

/* --- subscription start --- */
.subscribe-container .subscribe {
    color: #888;
    font-size: 18px;
}

@media screen and (min-width:768px) {
    .subscribe-container {
        padding-left: 0;
        padding-right: 0;
    }
}

.subscription-status {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 10px;
    display: none;
    text-transform: uppercase;
}
/* --- subscription end --- */