/*---:[ Thesis CSS reset ]:---*/
* {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
html {
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img, abbr, acronym, fieldset {
	border: 0;
}
code {
	line-height: 1em;
}
pre {
	overflow: auto;
	clear: both;
	word-wrap: normal;
	-moz-tab-size: 4;
	tab-size: 4;
}
sub, sup {
	line-height: 0.5em;
}
img, .wp-caption {
	max-width: 100%;
	height: auto;
}
iframe, video, embed, object {
	display: block;
	max-width: 100%;
}
img {
	display: block;
}
.left, .alignleft, img[align="left"] {
	display: block;
	float: left;
}
.right, .alignright, img[align="right"] {
	display: block;
	float: right;
}
.center, .aligncenter, img[align="middle"] {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	float: none;
	clear: both;
}
.block, .alignnone {
	display: block;
	clear: both;
}
input[type="submit"], button {
	cursor: pointer;
	overflow: visible;
	-webkit-appearance: none;
}
.wp-smiley {
	display: inline;
}
a, input, button, .post_image, .thumb {
	-webkit-transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-ms-transition: all 0.15s ease-in-out 0s;
	-o-transition: all 0.15s ease-in-out 0s;
	outline:none;
}
::selection  { background: #222; color:#fff; }
::-moz-selection { background: #222; color:#fff; }
::-webkit-selection { background: #222; color:#fff; }
::-ms-selection { background: #222; color:#fff; }
::-o-selection { background: #222; color:#fff; }

body { color: #444; font-family: 'Open Sans', sans-serif; line-height: 1.75; font-size: 16px;background: #f9f9f9;}
a { color: #222; } a:hover { color: #666; text-decoration: none; } 
.main {	padding-top: 0;}

h1, h2, h3, h4, h5, h6, .btn-download, #site_title, .byline, .post_tags, .previous_posts a, .next_posts a, .input_submit, .comment .comment_author, #commentform, .comments_intro, .comment_form_title {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/*---:[ HEADING STRUCTURE ]:---*/
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	color: #222;
}
h1 {
	font-size: 36px;
	line-height: 36px;
	margin: 0 0 20px 0;
}

h2 {
	font-size: 30px;
	line-height: 30px;
	margin: 30px 0 20px 0;
}

h3 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 15px 0;
}

h4 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 15px 0;
}

h5 {
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px 0;
}

h6 {
	font-size: 12px;
	line-height: 22px;
	margin: 0 0 10px 0;
}


/*---:[ MENU STRUCTURE ]:---*/
.menu {
	position: relative;
	z-index: 50;
	list-style: none;
}
.menu li {
	position: relative;
	float: left;
}
.menu .sub-menu {
	position: absolute;
	display: none;
	list-style: none;
	z-index: 110;
}
.menu .sub-menu .sub-menu {
	top: 0;
}
.menu li:hover > .sub-menu {
	display: block;
}
.menu .sub-menu li {
	width: 200px;
	clear: both;
	margin: 0 0 6px 0;
	font-size:12px;
}
.menu .sub-menu {
	padding: 5px 20px 7px;
	border:1px solid #FCB116;
	border-top: 3px solid #fff;
	border-bottom: 2px solid #FCB116;
	background:#fff;
}
.navbar ul {
	padding: 0;
}
.navbar-nav > li {
	border-left: solid 1px #222;
}
.navbar-inverse {
	background-color: #222;
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:  #222;
	background: #fff;
}

.navbar-inverse .navbar-collapse{
	border: none;
}
.navbar-collapse {
	padding: 0;
}
.navbar-toggle {
	background-color: transparent;
	border: none;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background: #666;
}



/*---:[ HEADER STRUCTURE ]:---*/
#site_title {
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 10px 0;
	color:#222;
}
.header {
	padding: 45px 0 20px 0;
	border-bottom: solid 1px #f5f5f5;
}
.header-ad .widget p {
	margin: 0;
}
.header-ad .widget{
	margin: 0;
}



/*---:[ COLUMNS STRUCTURE ]:---*/
.columns {
	padding: 20px 15px 0 15px;
}
.col-left {
	padding-bottom: 20px;
}
.col-right {
}




/*---:[ POST STRUCTURE ]:---*/
.post_block {
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: solid 2px #f5f5f5;
}
.post_block .widget {
	margin: 0 0 20px 0;
}
.post_image, .thumb {
	margin: 0 0 10px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
 {
	padding: 5px;
	margin: 0 0 10px;
	border: solid 1px #f5f5f5;
}
.post_image:hover, .thumb:hover {
	opacity: .8;
	filter:alpha(opacity=80);
}
.byline a, .post_tags a, .post_cats a {
	color: #999;
	margin: 0 5px 0 0;
	text-decoration:underline;
}
.byline a:hover, .post_tags a:hover, .post_cats a:hover; {
		color:#666;
}
.byline, .post_tags, .post_cats {
	font-size: 12px;
	color: #999;
	margin: 0 0 20px;
}
#post_header{ margin-bottom:10px;}
#post_header h2, #post_header h1 {
	/*font-size: 32px;*/
	margin: 0 0 10px 0;
	/*font-weight:800;*/
	line-height:110%;
}

#post_header h2 a{
	color:#000;
}

.featured_image_link img{ margin:0 auto 15px auto; border:1px solid #f4f4f4; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px;}
.more-link{ font-weight:600;
font-size:18px;
padding: 5px 10px;
cursor: pointer;
float: right;
text-decoration: none!important;
text-transform: uppercase;}
#post_footer{ margin-bottom:20px;}



/*---:[ SIDEBAR STRUCTURE ]:---*/
.col-right .widget{
	float:left;
	width:100%;
	clear:both;
}
.widget {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}
.widget .widget_title {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.widget p, .widget ul {
	margin-bottom: 0px
}
.widget li ul {
	margin-bottom: 0;
}
.widget ul {
	list-style-type: none;
}
.widget ul, .widget ol {
	margin-left: 23px;
}
.widget li {
	margin-bottom: 10px;
}
.widget li ul, .widget li ol {
	margin-top: 10px;
}
.widget ul, .widget ol {
	margin-left: 0;
}
.widget .widget_title {
	color: #fcb116;
}
.widget_categories .cat-item {
	float: left;
	width: 50%;
}
.widget_categories .cat-item a {
	border-bottom: dotted 1px;
}




/*---:[ HOME / POST NAVIGATION STRUCTURE ]:---*/
.prev-next {
	color: #999;
	clear: both;
}
.next_post {
	width: 48%;
	float: right;
	text-align: right;
}
.previous_post {
	width: 48%;
	float: left;
}
.previous_post a, .next_post a {
	display: block;
	text-decoration: none;
}
.previous_posts a, .next_posts a {
	background: #222;
	color: #fff;
	padding: 10px 20px 8px 20px;
	font-weight: 600;
	text-transform: uppercase;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
.previous_posts a:hover, .next_posts a:hover {
	background: #222;
}
.next_posts {
	float: right;
}
.previous_posts {
	float: left;
}





/*---:[ COMMENTS STRUCTURE ]:---*/
.comment {
    border: solid 1px #f5f5f5;
    margin: 40px 0;
	padding: 0;
}
.comment_list .comment {
	padding: 20px;
	margin: 0;
	border-bottom: solid 1px #f5f5f5;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.comment .comment_author {
	font-size: 20px;
    font-weight: 600;
}
.comment .comment_aux {
	font-size: 11px;
    line-height: 18px;
}
.children .comment {
	list-style-type: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}
/*.bypostauthor {
	background-color: #FFF9A8;
}
.children .bypostauthor {
	color: #FFF9A8;
}*/
.comment p, .comment .comment_text ul, .comment .comment_text ol, .comment .comment_text blockquote, .comment .comment_text pre {
	margin-bottom: 23px;
}
.comment .comment_text li ul, .comment .comment_text li ol {
	margin-left: 23px;
    margin-bottom: 0;
}
.comment .comment_text .left, .comment .comment_text .alignleft {
	margin-bottom: 23px;
    margin-right: 23px;
}
.comment .comment_text .right, .comment .comment_text .alignright {
	margin-bottom: 23px;
    margin-left: 23px;
}
.comment .comment_text .center, .comment .comment_text .aligncenter {
	margin: 0 auto 23px auto;
}
.comment .comment_text .block, .comment .comment_text .alignnone {
	margin: 0 auto 23px 0;
}
.avatar {
	float: right;
    margin: 0 0 10px 10px;
    -moz-border-radius: 100px; -webkit-border-radius: 100px; -khtml-border-radius: 100px; border-radius: 100px;
}
.comment-header {
	margin-bottom: 10px;
}
#commentform {
	padding: 20px 20px 0 20px;
}
.comment_date {
	margin-left: 10px;
    color: #999;
}
.comment-footer a {
	margin-right: 20px;
    border-bottom: dotted 1px;
}
.children .comment {
	border-left: 3px solid #eee;
    border-bottom: none;
    border-right: none;
    border-top: none;
    padding: 0 0 0 20px;
    margin: 40px 0 0 0;
}
.comments_intro, .comment_form_title {
	font-size: 30px;
    text-transform: uppercase;
    padding: 20px;
    text-align: center;
}
.comments_intro {
	border-bottom: solid 1px #f5f5f5;
	margin-bottom: 0;
}
.input_text {
	border: 1px solid #f1f1f1;
	background-color: #f9f9f9;
	padding: 10px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
.input_submit, .btn-download {
	font-weight: 600;
	border: none;
	text-transform: uppercase;
	background: #222;
	font-size: 18px;
	padding: 10px 20px 8px 20px;
	color: #fff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
.btn-download {
	margin: 10px 0 0;
	display: inline-block;
	text-align: center;
}
.btn-download:hover {
	color: #fff;
	background: #222;
}
.input_submit:hover {
	background: #222;
}
.input_text, #comment_form_submit input {
	width: 100%;
}
label {
	display: block;
	font-weight: normal;
}





/*---:[ FOOTER STRUCTURE ]:---*/
.footer {
	padding: 40px 0;
	text-align: center;
	border-top: solid 1px #f5f5f5;
}

h1#site-title  { margin-top:0;}
.navbar-brand img{ width:166px; height:50px;}
.featured_image_link img{margin-right:15px;}
/* header social icons */
.titSocialIcons{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold; text-align:right; margin:13px 0 0;}
.titSocialIcons span{ font-size:11px; display:block; font-weight:normal; }
.socialIcons{width:336px; margin: 0 auto 7px; height: 35px;}
.sp-mail, .sp-rss, .sp-twit, .sp-fbook, .sp-gplus{ display:block; background:url('/wp-content/thesis/skins/thesis-blank/asst/sprt-ih.png') no-repeat; width:31px; height:35px; float:left; margin:0 18px 0 ; opacity:0.5;}
a.sp-mail{background-position: -69px -9px;}
a.sp-rss{background-position: -11px -9px;}
a.sp-twit{background-position: -127px -9px;}
a.sp-fbook{background-position: -185px -9px;}
a.sp-gplus{background-position: -238px -9px;}
a:hover.sp-mail,a:hover.sp-rss,a:hover.sp-twit,a:hover.sp-fbook,a:hover.sp-gplus{opacity:1;}

#cse-search-box .search_box{width:72%;}
#cse-search-box .submit {padding: 2px 10px;}
div.bsap_1291131 a.adhere{width:100%!important;}

/*---:[ MEDIA QUERIES STRUCTURE ]:---*/
/* Medium devices (desktops, 480px and up) */
@media (max-width: 480px) {
.post_content .post_excerpt{ display: none; }
.footer { margin-top: 20px; }
.socialIcons{width:210px; padding:0px!important; margin:15px 0 10px 0!important;}
.comments_intro, .comment_form_title {font-size: 20px;   padding: 10px;}
a.adhere{width:100%!important;}
div.bsap_1256327 a.adhere{width:125px!important;}
.widget{text-align:center;}
.col-right{padding:0 30px;}
.navbar-brand{padding-right: 0!important;}
.navbar-collapse{max-height:100%;}
.menu .sub-menu{ position:relative; left:5%;}


}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {

	
	.byline, .post_tags {
		display: none;
	}
	.menu li {
		float: none;
		border: none;
	}
	.navbar-collapse.in {
		overflow: hidden;
	}
	.navbar-nav {
		margin: 0;
		background-color:$LinkColor!important;
	}
	.navbar-inverse .navbar-nav > li > a {
		padding: 10px 15px 10px 20px!important;
		border-right: none !important;
	}
	.logo {
		text-align: center;
	}
	.col-right {
		float: left;
		padding: 0 30px;
		margin-top: 50px;
	}
	#post_header h1, #post_header h2 {
		font-size: 25px;
	}
	.post_block {
	padding-bottom: 10px;
	margin-bottom: 30px;
	}
	
.socialIcons{width:210px; padding:0px!important; margin:15px 0 10px 0!important;}
.navbar-toggle{ margin-top:15px; margin-left:10px;}
.sp-mail, .sp-rss, .sp-twit, .sp-fbook, .sp-gplus{ margin:0 5px;}


}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.logo {
		text-align: center;
	}	
	.socialIcons{
		margin-top:10px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

div.bsap_1256327 a{ margin:0 27px 15px 27px!important;}
}


#thesis_launcher {
	display: none;
}
/*---:[ custom CSS ]:---*/
.post_content a {text-decoration:none; border-bottom: 2px solid #f7cb47;}
kbd {-moz-border-radius: 3px;-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;-webkit-border-radius: 3px;-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;background-color: #f7f7f7;border: 1px solid #ccc;border-radius: 3px;box-shadow: 0 1px 0 rgba(0,0,0,0.2), 0 0 0 2px #fff inset;color: #333;display: inline-block;font-family: Arial,Helvetica,sans-serif;line-height: 1.4;margin: 0 .1em;padding: .1em .6em;text-shadow: 0 1px 0 #fff;}
.bg-f9{background-color:#f9f9f9;}.bg-cc{background-color:#cccccc;}.bg-33{background-color:#333333;}
.border-f9{border:1px solid #f9f9f9}.border-cc{border:1px solid #cccccc}
.toc{border:3px dashed #ccc; padding: 30px}
.best-li {font-size: 15px;}

/* iPhone X frame*/
.iphonexbox {
    width: 100%;
    height: 554px;
    z-index: 15;
    overflow: hidden;
    display: table;
    background-color: #000;
    border: #999 2px solid;
    border-bottom: none;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    margin-bottom: 10px;
}
.iphonexbox img {border:0 !important;margin:0 !important;padding:0 !important}
.notch {
    width: 50%;
    height: 22px;
    top: 19px;
    left: 25%;
    margin: 0 auto;
    position: absolute;
    background-color: #020202;
    z-index: 3;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border: 4px solid #000;
}

.iphonexear {
    width: 16%;
    height: 8px;
    top: 21px;
    left: 42%;
    position: absolute;
    display: block;
    background-color: #171717;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 3;
}
.iphonexsensor {
    width: 8px;
    height: 8px;
    top: 21px;
    left: 60%;
    position: absolute;
    display: block;
    background-color: #222;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    z-index: 3;
}
.iphonexwall {
    width: 93%;
    margin: 12px auto 0px;
    height: 540px;
    border-top-left-radius: 42px;
    border-top-right-radius: 42px;
    border: 5px solid #000;
    border-bottom: none;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.01);
    overflow: hidden;
    z-index: 1;
}
.wall-box {
    border-bottom: 1px solid #f3f3f3;
	margin-bottom: 15px;
}
/*AMZ Link*/

.amz-link {
    line-height: 1.2;
    color: #fff;
    display: inline-block;
    padding: 5px 8px;
    margin: 20px 0;
    background-color: #333;
    border-bottom: 3px solid #f3c955 !important;
    font-size: 14px;
}
.amz-link:hover {
    background-color: #f9f9f9;
    color: #333;
}
.amz-link:before {
    font-family: 'Glyphicons Halflings';
    content: "\e116";
    padding-right: 10px;
    font-size: 16px;
    vertical-align: middle;
    line-height: 20px;
}
/*feature thumbnail*/
.featured_image_link img { border-radius: 0px !important; border: none !important; width: 250px;}

ul, ol {padding-left:30px;}
.post_content ul,ol{padding-left:30px;}
.home .columns, .archive .columns { padding: 20px;background: #fff; }
.home .prev-next {margin: 0 15px;}
/*.navbar-header{float:none;}*/
.navbar {margin-bottom: 0;}
.navbar-brand {	padding: 5px 20px 5px 0;}
.navbar-nav > li > a{	padding:20px 10px;}
.navbar-brand span{display:none;}
blockquote p {font-size: inherit;line-height: inherit;font-weight: inherit;}
.ad336 {float:left; margin:0 auto!important; }
.navbar > .container .navbar-brand {margin-left:0;}
.sec-nav-container { margin: 10px 0; }
.sec-nav {padding: 10px 0;}
.sec-nav li a { background: #eee;border-radius: 1em;padding: 5px 15px;margin-right: 15px;font-size: 14px; }
.sec-nav li a:hover { background: #f3c955;color: #fff;}
code{background: #FFFFC1; color:inherit; white-space:normal;-ms-white-space:normal;-webkit-white-space:normal;-moz-white-space:normal; }
.ad336{float: none; margin: 0 auto;}
.post_content img.alignnone, .post_content img.aligncenter, .post_content img.alignleft, .post_content img.alignright{ margin-bottom:30px; border:1px solid #ddd;-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #f6f6f6; padding: 4px 0; display:inline-block}
.imgGroup img{display:inline;}
table{margin:30px 0;}
.post_content table td h3{margin:20px 0 5px;}
.comments_intro { font-size: 20px; margin: 0 !important; padding: 5px 0; background: #f9f9f9; }
a:focus{outline:none;}

.bs-callout { margin: 20px 0; padding: 20px; border-left: 3px solid #eeeeee;
	code, .highlight {  }
    h4 { margin-top: 0; margin-bottom: 5px; }
    p:last-child { margin-bottom: 0;
    }
}

.bs-callout-danger { background-color: #fdf7f7; border-color: #eed3d7;
	h4 { color: #b94a48;}
}

.bs-callout-warning {
    background-color: #faf8f0; border-color: #faebcc;
	h4 { color: #c09853; }
}

.bs-callout-info { background-color: #f4f8fa; border-color: #bce8f1;
    h4 { color: #3a87ad; }
}

/*.navbar-fixed-top{z-index:10000!important;}*/

.archive_content {
    background: none repeat scroll 0 0 #F4F4F4;
    padding: 15px 20px;
	border-bottom: 1px solid #B2B2B2;
    margin-bottom: 70px;
}
.toggle-arrow{
    background:url('http://www.iphoneheat.com/wp-content/thesis/skins/thesis-blank/asst/expand-arrow-up.gif');
	display: inline-block;
    height: 46px;
    width: 46px;
	/*border: 1px solid #444444;
    border-radius: 47px;
    box-shadow: 0 0 15px;*/
}
.collapsed .toggle-arrow{ background:url('http://www.iphoneheat.com/wp-content/thesis/skins/thesis-blank/asst/expand-arrow.gif');}
.btnCollapsed{float:left;cursor:pointer;margin:-15px 0 0;}
.gradientOverlay{display:none;}
.collapsed .gradientOverlay{display:block;position: relative;}
.grayGradient {
	position:absolute;
	top: -102px;
	width: 100%;
	height:50px;
    background-color: rgba(244, 244, 244, 0.5);
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgba(244, 244, 244, 0)),color-stop(1, rgb(244, 244, 244)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top,rgba(244, 244, 244, 0) 0%,rgb(244, 244, 244) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom,rgba(244, 244, 244, 0) 0%,rgb(244, 244, 244) 100%);
    background-image: -ms-repeating-linear-gradient(top,rgba(244, 244, 244, 0) 0%,rgb(244, 244, 244) 100%);
}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00f4f4f4",endColorstr="#fff4f4f4",GradientType=0);
    }
}




/* ULTIMATE GUIDE CSS START */


.title-text, .section-text p, .sub-4 p, .section-rec p, .section-rec h3 {
    font-weight: 300;
}

.title-text {
    padding: 100px 10%;
    font-size: 18px;
    text-align: justify;
	line-height: 1.75;
}

.section-main {
    border-top: 10px dashed #CF0A2C;
/*    border-bottom: 10px dashed #CF0A2C;*/
    padding-top: 100px;
}

.section-main h2 {
    font-size: 40px;
    font-weight: 400;
}


#main-top {
    padding: 40px;
    background-image: linear-gradient(rgba(0, 255, 234, 0.4),rgba(29, 183, 255, 0.4)), url(http://www.iphoneheat.com/wp-content/uploads/2016/12/apple-gift-ideas.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 100vh;
}

 




.section-text p {
    padding: 40px 10%;
	font-size: 17px;
	line-height: 1.75;
}

.section-rec {
    width: 100%;
    color: #fff;
    font-weight: 300;
    padding: 60px 20px;
    margin-top: 40px;
	font-size: 17px;
}

span.price {
	font-size: 25px;
    font-weight: 300;
    display: inline-block;
    margin-right: 15px;
	color: #fff;
}

.rec1 {
    background: #CC0033;
}


.rec2 {
/*    background:  #068D01;*/
    background:  #3B3F43;
}

.section-rec img {
/*
    
    max-width: 225px;
    position: absolute;
    top: -100px;
    
    
*/
    position: absolute;
    top: -180px;
    transform: translate(-50%,0);
    left: 50%;
}

h1.hero-text {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    font-size: 92px;
    font-weight: 300;
    color: #fff;
}

span.p1 {
    font-size: 121px;
    /* letter-spacing: 1px; */
    font-weight: 400;
}

span.p2 {
    font-size: 45px;
    margin-top: 20%;
    display: block;
    background: url(badge.png) no-repeat;
    width: 700px;
    padding: 22px;
    color: #5590cc;
}

.section-rec h3 {
    font-size: 35px;
	color: #fff;
}

.section-rec p {
    color: rgba(255,255,255,0.75);
    margin: 30px 0;
}

.subsection-2 {
    padding: 100px 0;
}

.subsection-4 {
    
}



.buy-now {
    position: absolute;
    bottom: 20px;
    transform: translate(-50%,0%);
    left: 50%;
    width: 100%;
}

.buy-now span {
    display: block;
    text-align: center;
}

.sub-2 {
    box-shadow: 0 3px 3px 0px rgba(0,0,0,0.1);
    padding: 0 0 50px 0;
}

.sub-2,.sub-4 {
    margin: 0 10px;
    background: #fff;
}

.sub-2 {
     
}



.subsection {
    background: #ffffff;
    /* border-radius: 30px; */
    padding: 20px 0;
    margin-bottom: 50px;
}

.ss1 {
    border-top: 3px dashed #c03;
    border-bottom: 3px dashed #c03;
}
.ss2 {
    border-top: 3px dashed #3B3F43;
    border-bottom: 3px dashed #3B3F43;
}


.subsection h3, .sub-2 h3 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 35px;
}
.sub-2 p {
    padding: 15px 7%;
    color: rgba(0,0,0,0.6);
}

/*
.sub-2-img,.sub-4-img {
    max-height: 400px;
    overflow: hidden;
}
*/

.subsection-3 {
    margin-bottom: 30px;
}



.section-rec a {
    position: relative;
    bottom: 3px;
}


.sub-4 h4 {
    font-size: 20px;
    font-weight: 400;
    margin-top: 30px;
}

.sub-4 {
    font-size: 15px;
    text-align: justify;
	padding: 0 0 100px 0;  
}

.sub-4 .price {
    font-size: 19px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: 60px;
}


.acc-sec {
    display: flex;
}
.acc-sec p {
    color: rgba(0,0,0,0.6);
    font-size: 15px;
}

.container {
    margin: 0 auto;
}

.subsection-4 {
    display: flex;
    padding: 50px 0 100px;
}

/* ULTIMATE GUIDE CSS END */
@media (max-width: 768px) {
.sec-nav li {float: left !important;}
}