/* ==========================================================================
	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;
}

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

body { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4; background:#ffffff; }


/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans' , Arial, Helvetica, sans-serif; font-weight:600; color:#333333; text-rendering: optimizeLegibility; margin:0; margin-bottom:25px; }
h2 { font-size:26px; line-height:32px; }
h4 { font-size:20px; margin-bottom:20px; }
h6 { font-size:16px; margin-bottom:15px;}

/*
* Paragraphs
*/

p, td { font-family: inherit; font-weight: normal; color:#545454; font-size: 15px; line-height:21px; }

p { margin-bottom:25px; margin-top:0; }
p a { color:#185786;}


/*
* Links
*/

a { color: #185786; 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 #d2d3d5; margin:30px 0; padding: 0; clear:both; }


/*
* 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 18px 20px 0; display: inline;}

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

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


/*
* 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 { position:relative; min-width:320px; }
@media (min-width:1200px){
	.container { width:990px;}
}

/* Header ---------------------- */
#header { background:#282729; padding:22px 0 17px; position:relative; z-index:100;}

@media (max-width:767px){
	#header { padding:0;}
	#header div { padding:0; margin:0;}
}

/*--- Main Navigation ---*/
#main-navigation { float:right;}

/* Banner ---------------------- */
#banner { background:#296d94 url(../images/banner-bg.jpg) top center no-repeat; background-size:cover; height:465px; padding:40px 0;}

@media (max-width:992px){
	#banner { height:360px;}
}

@media (max-width:767px){
	#banner { margin-bottom:25px;}
}

/* Content ---------------------- */
#content { padding:40px 0;}

@media (max-width:767px){
	#content { padding:30px 0;}
}

/* Footer ---------------------- */
#footer { padding:45px 0; background:#1f1b16; border-top:4px solid #000000;}



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

/*
* Post
*/
.post { font-family: inherit; font-weight: normal; color:#444444; font-size: 14px; line-height:19px; direction: ltr; }

.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; }

.post p { margin-bottom:25px; }
.post p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
.post p a{color:#185787;}

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

.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:30px; margin-bottom:15px;}

.post h2 {  font-size:26px;}
.post h2 a { color:#000;}

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

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

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

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

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

/* Post - Lists ---------------------- */
.post ul, .post ol, .post dl { font-weight: normal; color:#444444; font-size: 14px; line-height:19px; margin-bottom: 17px;  }
.post li { margin-bottom:1em; margin-left: 2em; }

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

.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: #434343; }

.post blockquote { margin: 0 0 17px; padding:0; border:0px; }
.post blockquote cite { display: block; font-size: 14px; color: #444; }
.post blockquote cite a, .post blockquote cite a:visited { color: #434343; }

.post .post-header h2 { margin-bottom:15px;}
.post .post-header p { font-size:15px;}
.post .post-header p span, .post .post-footer p span { font-weight:600; margin-right:5px;}
.post .post-header .icon, .post .post-footer .icon { margin-right:10px; float:left;}

.post .entry p img { margin-bottom:0px;} 

.post .post-footer { margin-bottom:40px; clear:both;}
.post .post-footer p { margin-bottom:12px;}
.post .post-footer .inner { padding:11px; background:#f3f5f7;}
.post .post-footer ul { margin:0; padding:0; list-style:none; float:left;}
.post .post-footer ul.right { float:right;}
.post .post-footer ul li { float:left; padding-right:15px; line-height:28px; background:url(../images/post-footer-li-bg.gif) right center no-repeat; margin-right:15px;
                           margin-left: 0px; margin-bottom: 0px;
}
.post .post-footer ul li:last-child { background:none; padding-right:0; margin-right:0;}
.post .post-footer ul li .icon { margin-right:10px;}
.post .post-footer ul li a { font-size:14px; color:#185786;}
.post .post-footer ul li span.count { font-size:18px; color:#fff; position:relative; font-weight:bold; height:28px; line-height:28px; padding:0px 3px; background:#56a824; min-width:28px; display:inline-block; text-align:center; margin-right:14px; vertical-align:top;}
.post .post-footer ul li span.count:after { width:5px; height:10px; background:url(../images/arrow6.png) left top no-repeat; display:block; top:50%; margin-top:-5px; right:-5px; position:absolute; content:"";}

@media (max-width:992px){
	.post .post-footer ul, .post .post-footer ul.right { float:none; margin-bottom:8px;}
	.post .post-footer ul.right { margin-bottom:0;}
}


/*--- Header ---*/
#header .logo { float:left; margin:-8px 0; position:relative;}
#header .logo h1 { margin:0;}

@media (max-width:767px){
	#header .logo { margin:5px 0 0 10px;}
	#header .col-sm-9 { position:static;}
}

/*--- Main Navigation ---*/
#main-navigation ul { margin:0px; padding:0; list-style:none;}
#main-navigation ul li { float:left; margin-left:62px;}
#main-navigation ul li:first-child { margin-left:0px;}
#main-navigation ul li a { font-size:16px; color:#fff; line-height:34px; font-weight:600;}
#main-navigation ul li a:hover { text-decoration:none;color:#B9B9B9;}
#main-navigation ul li.buy-now { margin-left:44px;}
#main-navigation ul li.buy-now a { display:inline-block; padding:0 20px; background:#4b9de7; font-weight:bold;}
#main-navigation ul li.buy-now a:hover { background:#91cdff; color: #fff;}
#main-navigation .menu-btn { width:65px; height:60px; display:none; border:0px; position:relative; background:url(../images/menu-btn-bg.png) center center no-repeat; float:right;}
#main-navigation .menu-btn.active {background-color:#6f737e;}

@media (min-width:767px){
	#main-navigation .menu-btn { display:none !important;}
	#main-navigation ul { display:block !important;}
}
@media (max-width:767px){
	#main-navigation .menu-btn { display:block;}
	#main-navigation ul { display:none; width:100%; background:#6f737e; padding:15px 20px; position:absolute; left:0; top:60px;}
	#main-navigation ul li { float:none; margin:0;}
	#main-navigation ul li.buy-now { margin:12px 0 0}
}

/*--- Banner ---*/
#banner .logo { padding-top:29px; margin-bottom:20px;}
#banner .logo h1 { margin:0;}
#banner .slides { position:relative;}
#banner p { font-size:26px; color:#fff; line-height:36px; margin-bottom:30px;}
#banner .inner-wrap { padding-right:60px;}

@media (max-width:992px){
	#banner { height:auto;}
	#banner p { font-size:21px; line-height:29px; margin-bottom:25px;}
	#banner .logo { padding-top:0;}
	#banner .inner-wrap { padding-right:0;}
	#banner .button1 { margin-bottom:25px;}
	#banner .col-sm-7 { margin-bottom:-60px;}
}

@media (max-width:767px){
	#banner .slide img { width:100%;}
}

/*--- Page Header ---*/
.page-header { background:#1a5989 url(../images/page-head-bg.gif) top center no-repeat; background-size:cover; margin:0; padding:0;}
.page-header .col-xs-12 { width:100%; height:132px; display:table;}
.page-header h2 { color:#fff; font-size:40px; line-height:48px; font-weight:bold; margin:0; display:table-cell; vertical-align:middle;}
.page-header h2 img { margin-right:5px;}
.page-header h2 .icon { min-width:82px; display:inline-block;}
.page-header a.subscribe-btn { float:right; border:2px solid #fff; height:32px; line-height:25px; padding:0 12px 0 5px; font-size:15px; color:#fff; text-transform:uppercase; font-weight:bold; position:absolute; right:15px; top:50%; margin-top:-16px;}
.page-header a.subscribe-btn .icon { margin-right:6px;}
.page-header a.subscribe-btn:hover { text-decoration:none;}

@media (max-width:767px){
	.page-header h2 { font-size:30px; line-height:32px;}
	.page-header .col-xs-12 { height:105px;}
	.page-header a.subscribe-btn span { display:none;}
	.page-header a.subscribe-btn { padding-right:0;}
	.page-header h2 span { display:inline-block; vertical-align:middle; font-size:30px; width:68%;}
}

/*--- Widget ---*/
.widget { margin-bottom:25px;}
.widget ul { border-top:1px solid #d2d3d5; margin:0; padding:0; list-style:none;}
.widget ul li { border-bottom:1px solid #d2d3d5; background-image:url(../images/widget-li-bg.png); background-position:10px 14px; background-repeat:no-repeat;}
.widget ul li a { display:block; padding:12px 4px 12px 33px; font-size:14px; color:#4d5259; line-height:20px; font-weight:600;}
.widget ul li a:hover { text-decoration:none;}
.widget ul li a.current-item, .widget ul li:hover { background-color:#f3f5f7;  background-image:url(../images/widget-li-bg.png); background-position:10px 14px; background-repeat:no-repeat;}

.widget h2 { font-size:20px; margin-bottom:10px; line-height:28px; padding-left:32px;}

.widget select { border:1px solid #d2d3d5; background:#fff; width:100%; text-align:left; font-size:14px; color:#4c5259; font-weight:600; height:30px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding:3px; border-radius:0; box-shadow:0;}
.widget select::-ms-expand { display: none;}
.widget .select { position:relative; display:block;}
.widget .select:after { height:28px; width:30px; background:#fff url(../images/arrow3.gif) right center no-repeat; position:absolute; right:1px; top:1px; display:block; content:""; pointer-events: none;}

.widget_recent_entries h2 { background:url(../images/icons/post.png) left center no-repeat;}
.widget_recent_entries .box2 { background: transparent; border:0; padding:0px; }
.widget_archive h2 { background:url(../images/icons/archives.png) left center no-repeat;}
.widget_categories h2 { background:url(../images/icons/categories.png) left center no-repeat;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.widget ul li { background-image:url(../images/widget-li-bg@2x.png); background-size:16px 16px;}
}

/*--- Search Form ---*/
.widget_search h2 { background:url(../images/icons/search.png) left center no-repeat;}
.widget_search input[type='text'] { height:32px; border:1px solid #d2d3d5; background:#fff; padding:3px 9px; width:155px; float:left; font-size:14px; color:#4c5259; font-weight:600; border-radius:0; box-shadow:0;}
.widget_search input[type='submit'] { width:32px; height:32px; background:#4b9de7; float:right; font-size:14px; padding:0; font-weight:600; text-transform:uppercase; border:0; color:#fff; border-radius:0; box-shadow:0;}

@media (max-width:767px){
	.widget_search input[type='text'] { width:91%;}
}

@media (max-width:479px){
	.widget_search input[type='text'] { width:85%;}
}

/*--- Pagination ---*/
.pagination { border-bottom:1px solid #d2d3d5; padding-bottom:22px; display:block; margin-top:0; margin-bottom:25px; min-height:38px; }
.pagination img { position:relative; top:-1px;}
.pagination a { padding:0 10px; border:0; box-shadow:none; text-align:center; background-color:#4b9de7; background-repeat:no-repeat; line-height:34px; height:34px; display:inline-block; font-size:14px; color:#fff; text-transform:uppercase; font-weight:bold;}
.pagination a:hover { text-decoration:none; background-color:#185788;}
.pagination .older-post { float:right;}
.pagination .newer-post { float:left;}
.pagination .newer-post a { background-image:url(../images/arrow4.png); background-position:10px center; padding-left:26px;}
.pagination .older-post a { background-image:url(../images/arrow5.png); background-position:right center; padding-right:26px;}

@media (max-width:767px){
	.pagination .button2 span { display:none;}
	.pagination .button2 { width:34px;}
	.pagination .button2 img { margin-right:0; margin-left:0;}
}

/*--- Sidebar Navigation ---*/
#sidebar-navigation .menu-btn { border:1px solid #d2d3d5; background:#f4f5f7 url(../images/arrow1.gif) right center no-repeat; width:100%; text-align:left; font-size:14px; color:#4d5259; font-weight:600; height:32px; display:none;}

@media (min-width:767px){
	#sidebar-navigation .menu-btn { display:none !important;}
	#sidebar-navigation ul { display:block !important;}
}

@media (max-width:767px){
	#sidebar-navigation .menu-btn { display:block;}
	#sidebar-navigation ul { display:none; border:0;}
}

/*--- Dashboard ---*/
#dashboard { background:#175889; padding:49px 0 40px; text-align:center;}
#dashboard h2 { font-weight:normal; font-family:'Montserrat'; color:#fff; margin:0;}
#dashboard h2 span { display:inline-block; padding-right:35px; position:relative; top:4px;}
#dashboard .button1 { padding:0; width:170px; text-align:center;}
#dashboard .buy-now-btn { background:#4b9de7; margin-left:2px;}
#dashboard .buy-now-btn:hover { background:#91cdff;}

@media (max-width:992px){
	#dashboard h2 { font-size:30px;}
}

@media (max-width:767px){
	#dashboard h2 { font-size:26px;}
	#dashboard h2 span { padding:0; top:auto; display:block; margin-bottom:20px;}
	#dashboard { padding:30px 0 35px;}
	#dashboard .button1 { margin-top:18px; display:block; margin:0 auto;}
	#dashboard .buy-now-btn { margin-left:auto; margin-top:12px;}
}


/*--- Footer ---*/
#footer h3 { font-size:15px; color:#ffffff; font-weight:600; margin-bottom:10px;}
#footer p { font-size:12px; color:#b5b4b2; text-align:right; line-height:16px; margin-bottom:10px; }
#footer p a { color:#b5b4b2;}
#footer p img { margin-left:12px;}
#footer ul { margin:0px; padding:0px; list-style:none;}
#footer ul li {font-size:13px; color:#d6d6d6; line-height:16px; margin-bottom:5px; font-weight:600;}
#footer ul li a { color:#d6d6d6;}
#footer hr {  border-top:2px solid #4c4945; }

#footer-navigation { padding-top:5px;}
#footer-navigation ul li { float:left; margin-right:25px;}
#footer-navigation ul li:last-child { margin-right:0;}


@media (max-width:992px){
	#footer-navigation, #footer p { text-align:center;}
	#footer-navigation { margin-bottom:15px;}
	#footer-navigation ul li { float:none; display:inline-block; margin-right:22px;}
}

@media (max-width:767px){
	#footer-navigation, #footer p { text-align:left;}
	#footer-navigation ul li { margin-bottom:9px;}
	#footer ul { margin-bottom:20px;}
	#footer-navigation ul, #footer .col-sm-2 ul { margin-bottom:0;}
}


/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder { opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1;}

/*--- Box1 ---*/
.box1 { padding:25px; background:#f3f5f7;}
.box1 p { font-size:16px; text-align:center;}
.box1 p:last-child { margin-bottom:0;}

@media (max-width:992px){
	.box1 p{ text-align:left;}
}

/*--- Box2 ---*/
.box2 { padding:11px 10px; background:#f3f5f7; border:1px solid #d2d3d5;}
.box2 p { margin-bottom:0;}

/*--- List1 ---*/
.list1 { margin:0; padding:0; list-style:none;}
.list1 p { padding-top:11px; margin-left:82px;}
.post .list1 li img { margin-bottom:20px;}

@media (max-width:640px){
	.list1 p { padding-top:0;}
}

/*--- Button1 ---*/
a.button1 { border:0; box-shadow:none; background:#ff5f1f; line-height:46px; height:46px; padding:0 32px; display:inline-block; font-size:16px; color:#fff; text-transform:uppercase; font-weight:bold;}
a.button1:hover { text-decoration:none; background:#ffac08;}

/*--- Button2 ---*/
a.button2, input.button2{ border:0; box-shadow:none; text-align:center; background:#4b9de7; line-height:34px; height:34px; padding:0 20px; display:inline-block; font-size:14px; color:#fff; text-transform:uppercase; font-weight:bold;}
a.button2:hover, input.button2:hover { text-decoration:none; background:#185788;}

a.buttonspace, input.buttonspace { margin-right: 12px; margin-bottom: 12px;}


/*--- Color1 ---*/
span.color1 { display:inline-block; background:#ff5f1f; padding:8px 10px; font-size:20px; color:#fff; font-weight:600;}

/*--- Color2 ---*/
span.color2 { display:inline-block; background:#54a720; padding:8px 10px; font-size:20px; color:#fff; font-weight:600;}


/* ==========================================================================
	Home Page Specific
========================================================================== */
.home h2 { font-size:32px;}
.home #content { padding-bottom:0;}

/*--- Features ---*/
#features { margin-bottom:15px;}
#features h3 { font-size:20px; line-height:28px; color:#4f5259; font-weight:600; margin-bottom:10px;}
#features h3 a { color:#4f5259;}
#features p { font-size:15px; color:#6e737d; line-height:21px; margin-bottom:30px;}
#features .icon { height:90px; line-height:90px; margin-bottom:15px; display:block; text-align:center;}
#features .icon img { vertical-align:middle; position:relative; margin-left:-35px;}

@media (max-width:767px){
	#features .icon img { margin-left:0;}
}

/*--- Our Customers ---*/
#our-customers { padding:40px 0; background:#f3f5f7;}
#our-customers .logos { padding-top:20px; margin-bottom:50px;}
#our-customers .logos ul { margin:0; padding:0; list-style:none;}
#our-customers .logos ul li { line-height:56px;}
#our-customers .logos ul li img { vertical-align:middle;}

#our-customers .testomonials blockquote { border:0px; padding:0; margin-bottom:32px;}
#our-customers .testomonials blockquote .inner { background:#fff url(../images/quotes.png) 10px 18px no-repeat; padding:15px 25px 15px 43px; font-style:italic; position:relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url("/assets/javascripts/vendor/PIE.htc"); margin-bottom:29px;}
#our-customers .testomonials blockquote .inner:after { display:block; content:""; background:url(../images/arrow.png) left top no-repeat; width:17px; height:17px; position:absolute; right:21px; bottom:-17px;}
#our-customers .testomonials blockquote .inner p { font-size:16px; text-align:left; color:#6d727d; line-height:22px; margin:0;}
#our-customers .testomonials blockquote p { text-align:right; margin:0;}
#our-customers .testomonials blockquote p cite { font-size:14px; color:#3f3f3f; font-weight:600;}

@media (max-width:767px){
	#our-customers .logos ul li { line-height:65px; margin-bottom:10px;}
	#our-customers .logos { margin-bottom:30px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#our-customers .testomonials blockquote .inner:after { background-image:url(../images/arrow@2x.png); background-size:17px 17px;}
}

/* ==========================================================================
	Features Page Specific
========================================================================== */
.features-details .image { width:100%;}

#sidebar-navigation ul.features-page li { background-image:none;}
#sidebar-navigation ul.features-page li a { padding-left:3px;}
#sidebar-navigation ul.features-page li .icon {  width:20px; text-align:center; display:block; float:left; margin-right:8px; margin-bottom:2px;}

@media (max-width:767px){
	.features-details .image { margin-bottom:15px;}
}

/* ==========================================================================
	Buy Now Page Specific
========================================================================== */
.products-info h6 { float:left; margin-bottom:15px; line-height:28px; color:#4e5259;}
.products-info span.currency { float:right; display:block;}
.products-info span.currency label { font-size:14px; color:#333333; font-weight:600; margin-right:6px;}
.products-info span.currency select { border:1px solid #d2d3d5; text-transform:uppercase; background:#f4f5f7; width:100%; text-align:left; font-size:14px; color:#4d5259; font-weight:600; height:28px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding:2px; border-radius:0; box-shadow:0;}
.products-info span.currency select::-ms-expand { display: none;}
.products-info span.currency .select { position:relative; display:inline-block; min-width:80px;}
.products-info span.currency .select:after { height:26px; width:24px; background:#f4f5f7 url(../images/arrow2.gif) right center no-repeat; position:absolute; right:1px; top:1px; display:block; content:""; pointer-events: none;}

.products-info .iphone-ipad { padding-top:30px; margin-bottom:30px;}
.products-info .iphone-ipad h2 { margin-bottom:40px;}
.products-info .iphone-ipad img.app { float:left; margin-right:30px; margin-bottom:50px;}
.products-info .iphone-ipad .app-store-btn { display:inline-block; margin-bottom:20px;}

.products-info h4 span.color1 { margin-left:10px;}
.products-info h4 span.color2 { margin-left:10px;}

@media (max-width:992px){
	.products-info h6 { float:none;}
	.products-info span.currency { float:none; margin-bottom:-15px;}
}

@media (max-width:767px){
	.products-info .iphone-ipad img.app { margin-bottom:34px;}
	.products-info h4 span.color1, .products-info h4 span.color2 { margin-left:0; margin-top:10px;}
}

/*--- Table1 ---*/
.table1 { width:100%;}
.table1 td { font-size:15px; color:#555555; font-weight:600; padding-bottom:9px;}
.table1 td.name { font-size:16px; width:37%;}
.table1 td.price { color:#333; font-weight:bold; width:20%;}
.table1 td.name a { color:#185788;}
.table1 td a.button2 { float:right;}
.table1 td a.button2 i { display:none;}
.table1 td:last-child { width:20%;}

@media (max-width:767px){
	.table1 td a.button2 { padding:0; width:28px; height:28px; line-height:26px;}
	.table1 td a.button2 span { display:none;}
	.table1 td a.button2 i { display:block;}
	.table1 td { font-size:13px;}
	.table1 td.name { font-size:14px; width:42%;}
	.table1 td:last-child { width:14%;}
}


/* ==========================================================================
	Download Page Specific
========================================================================== */
.download-info h2, .download-info p, .download-info h4 { margin-bottom:15px;}
.download-info h4 span.color1 { margin-right:10px;}
.download-info h4 span.color2 { margin-right:10px;}
.download-info .download-btn { float:right; min-width:168px;}
.download-info .version-history { line-height:34px; padding-left:25px; display:inline-block; color:#185788; font-size:14px; text-transform:uppercase; font-weight:bold; background:url(../images/icons/logos1.png) left center no-repeat; margin-right:20px;}
.download-info .for-ios { margin-bottom:50px;}
.download-info .for-ios img.app { float:left; margin-right:22px; margin-bottom:25px;}
.download-info .for-ios .app-store-btn { float:right;}
.download-info .for-ios p { margin-bottom:28px;}
.download-info .supports { display:block; font-weight:600;}

/*.download-info ul { margin:0; padding:0; list-style:none;}*/
.download-info ul li.group { border-bottom:1px solid #d2d3d5; padding-bottom:30px; margin-bottom:30px;list-style:none;margin-left:0px;}
.download-info ul li.group:last-child { margin-bottom:50px;}
.download-info ul li.group footer { float:right;}
.download-info ul li.group p { margin-bottom:10px;}

@media (max-width:992px){
	.download-info h4 span.color2 { margin-bottom:10px;}
	.download-info li.professional h4 span.inner { display:block;}
}

@media (max-width:767px){
	.download-info .for-ios .app-store-btn { float:none; margin-top:10px; width:120px; display:block;}
	.download-info ul li.group footer { width:168px;}
	.download-info .version-history { margin-right:0; margin-bottom:5px;}
	.download-info ul li.group { padding-bottom:22px; margin-bottom:26px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.download-info .version-history { background-image:url(../images/icons/logos1@2x.png); background-size:20px 20px;}
}

/* ==========================================================================
	Blog Page Specific
========================================================================== */
#comments hr { margin-top:0;}
#comments .comment-list,#comments .comment-list ol { margin:0; padding:0; list-style:none;}
#comments .comment-body { border:1px solid #d2d3d5; padding:20px; position:relative; margin-bottom:38px;}
#comments .comment-body:after { width:23px; height:23px; display:block; content:""; background:url(../images/arrow7.gif) left top no-repeat; position:absolute; right:41px; bottom:-23px;}
#comments .comment-list li .avatar { border:1px solid #d2d3d5; padding:4px; margin-bottom:8px; background:#fff;}
#comments span.says { display:none;}
#comments .fn { display:block; font-size:12px; color:#4c5259; font-weight:600;}
#comments .fn a, #comments .comment-meta a { color:#4c5259;}
#comments .comment-list li .comment-meta {font-size:12px; color:#4c5259; float:right; margin-right:10px; margin-top: 25px;}
#comments .comment-list li .comment-author  { float:left; width:90px; margin-right:10px; margin-bottom: 25px;}
#comments .inner-wrap { margin-left:160px;}
#comments p { font-size:14px; line-height:19px; margin-bottom:20px;}
#comments .comment-reply-link { float:right;background: none repeat scroll 0 0 #4b9de7; border: 0 none; box-shadow: none; color: #fff; display: inline-block; font-size: 14px; font-weight: bold;   height: 34px;  line-height: 34px;  padding: 0 20px; text-align: center; text-transform: uppercase;}
#comments .comment-reply-link:hover { text-decoration:none; background:#185788;}
#comments .reply { width:100%; overflow:hidden;}
#comments .comment-list li .comment-body { border:0; background:#f3f5f7; font-size:14px; line-height:19px;}
#comments .comment-list li .comment-body:after { position:relative; width:auto; height:1px; right:auto; bottom:auto; background:none; clear:both;}
#comments .comment-list li .comment-body:before { width:22px; height:21px; display:block; position:absolute; content:""; background:url(../images/arrow8.gif) left top no-repeat; right:auto; left:41px; bottom:-21px;}
/*#comments .comment-list li .comment-author, #comments .comment-list ol .comment-meta { float:right; text-align:right; margin-right:0;  margin-left:10px;}*/
#comments .comment-list li .inner-wrap { margin-left:0; margin-right:160px;}
#comments .comment-list li.bypostauthor .comment-body {background-color: #f1f8e9; margin-bottom: 20px;}
#comments .comment-list li.bypostauthor .comment-body:before { background:none;}


#respond {margin-bottom:40px;}
#respond h3 { font-size:28px; line-height:32px; margin-bottom:8px; color:#333333; font-weight:600;}
#respond .comment-notes { margin-bottom: 25px; font-size: 13px;}
#respond p { margin-bottom:14px;}
#respond label { float:left; width:88px; font-size:15px; font-weight:600; line-height:38px; margin-bottom:0; color:#4c5259;}
#respond input[type="text"] { float:left; width:300px; border:1px solid #d2d3d5; padding:8px 10px; height:38px; text-transform:none; color:#4c5259; font-size:15px; border-radius:0; box-shadow:0;}
#respond textarea { float:left; width:624px; border:1px solid #d2d3d5; padding:8px 10px; resize:none; height:150px; font-size:15px; color:#4c5259; text-transform:none; border-radius:0; box-shadow:0;}
#respond .form p { width:100%; overflow:hidden;}
#respond .form-allowed-tags { display:none;}
#respond input[type='submit'] { float:right;  background: none repeat scroll 0 0 #4b9de7; border: 0 none; box-shadow: none; color: #fff; display: inline-block; font-size: 14px; font-weight: bold;   height: 34px;  line-height: 34px;  padding: 0 20px; text-align: center; text-transform: uppercase;}
#respond input[type='submit']:hover { background:#185788;}

@media (max-width:992px){
	#respond textarea { width:382px;}
}

@media (max-width:767px){
	#comments .comment-author, #comments .comment-meta, #comments .comment-list ol .comment-author { float:none; width:auto; clear:none;}
	#comments .inner-wrap, #comments .comment-list ol .inner-wrap { margin:0;}
	#comments .avatar { float:left; margin-right:10px;}
	#comments .fn { padding-top:17px;}
	#comments .comment-meta { margin-bottom:38px;}
	#comments .comment-list ol .avatar { float:right; margin-right:0; margin-left:10px;}
	#comments .comment-list ol .comment-meta { float:none; margin-left:0;}
	#respond label { width:28%;}
	#respond input[type="text"], #respond textarea { width:72%;}
}


/* ==========================================================================
	Editions Page Specific
========================================================================== */

.table2 { width:100%; margin-bottom: 15px; }
.table2 td  { font-size:15px; color:#333333; font-weight:600;  padding: 12px 0; line-height: 19px; border: 1px solid #d2d3d5; vertical-align: middle; }
.table2 td.column2, .table2 td.column3 { color: #545454; }
.table2 td.empty { border: none; }
.table2 .brake { display: none; }
.table2 td:first-child { width: 30%; border-left: none; padding-right: 10px; }
.table2 td.price { border-bottom: none; }
.table2 td:nth-child(2),.table2 td:nth-child(3){ width: 35%; text-align: center; }
.table2 td.edition1, .table2 td.edition2 { padding:8px 10px; font-size:20px; color:#fff; font-weight:600; line-height: 23px}
.table2 td.edition1 { background: #ff5f1f; }
.table2 td.edition2 { background: #54a720; }
.table2 td.include { background: #f3f5f7; font-size:13px; color:#555555; font-weight:600;  padding: 16px 0; line-height: 16px; }
.online-sites { font-size: 14px; margin-bottom: 0px; color: #4c5259; }

@media (max-width:767px){
	.table2 td.column1 { float:left; width:100%; text-align:center;}
	.table2 td.column2, .table2 td.column3 { float:left; width:50%; font-weight: normal;}
	.table2 td.empty, .table2 td.price  { display: none; }
	.table2 .brake { display: block; }
	.table2 td { border: none;  }
	.table2 tr { border-bottom: 1px solid #d2d3d5; }
	.table2 td.include { border-right: 1px solid #d2d3d5; min-height: 150px; padding: 10px 3px; }
	.table2 td.include:last-child { border: none; }
	.online-sites { font-size: 12px; }
	
}

/* HTTP Gallery Styles */
.galleryBox 
{
    background: #e3f2fd /*#f3f5f7*/ /*#E8F5FE*/ url(/assets/images/httpwatch_32x32.png) no-repeat scroll 10px 10px;
    padding: 10px; margin-bottom: 25px; 
    width: 100%;
    font-size: 15px; line-height: 21px; 
    padding-top: 15px;
}
.galleryBox span, .galleryBox p, .galleryBox ol
{ 
   font-size: 15px; line-height: 21px; 
   margin-left: 45px;
   margin-bottom: 12px;
}

#main pre
{
    padding: 10px;
    margin-bottom: 25px;
    background: #f3f5f7;
}

#main pre code
{
    background: transparent;
}

.exampleBox 
{
    background: #f3f5f7; /*#e8f5e9;*/ /*#E8F5FE*/ 
    padding: 15px; margin-bottom: 25px; 
    width: 100%;
    font-size: 15px; line-height: 21px; 
}
.galleryBox span, .galleryBox p, .galleryBox ol
{ 
   font-size: 15px; line-height: 21px; 
   margin-bottom: 12px;
}

/* ------------------------------------- 
 	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; } */