/*
Theme Name: Hostgator
Description: Hostgator blog theme.
Author: StepFox
Author URI: http://stepfox.net/
Version: 1.0
*/

/*Css reset*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

@font-face {
font-family: Gotham;
font-weight: 800;
src: url("font/GothamHTF-Black.otf") format("opentype");
}
@font-face {
font-family: Gotham;
font-weight: 700;
src: url("font/GothamHTF-Bold.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-weight: 500;
src: url("font/GothamHTF-Medium.otf") format("opentype");
}


@font-face {
font-family: Gotham;
font-weight: 400;
src: url("font/GothamHTF-Book.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-weight: 300;
src: url("font/GothamHTF-Light.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-weight: 200;
src: url("font/GothamHTF-XLight.otf") format("opentype");
}

@font-face {
font-family: Gotham;
font-weight: 100;
src: url("font/GothamHTF-XLight.otf") format("opentype");
}

@font-face {
font-family: Icons;
    src: url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.eot');
    src: url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.eot') format('embedded-opentype'),
         url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff') format('woff'),
         url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
         url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/fonts/glyphicons-halflings-regular.svg') format('svg');
}




/*
Site Elements-------------------------------------------------------------
*/

a, a:visited {text-decoration: none;color:#0171bc; }
a:hover {color:#005793; }
a:active, a:focus { outline: none;  }
img { max-width: 100%; height: auto; vertical-align: top;}
img:hover { }
::selection { background: rgba(0, 86, 149, 0.95); color: #ffcb08;opacity:1; }
::-moz-selection {background:rgba(0, 86, 149, 0.95);color:#ffcb08;opacity:1;}
body {overflow: hidden; overflow-y: scroll; margin: 0 auto; padding: 0; position: relative;  font-family: 'Gotham', Arial, sans-serif;    font-style: normal; }
input, textarea, keygen, select, button{font-family: 'Gotham', Arial, sans-serif;    font-style: normal;}
#wrapper{margin: 0 auto;width: 100%;float:left;}
#main {margin:0 auto;max-width:1170px;width:100%;}
.main-wrap{width:100%;float:left;background: #FFF;padding:62px 15px 0;box-sizing:border-box;}
.single .main-wrap{padding:40px 15px 0;}
#primary { max-width: 810px; float: left; margin-right: 2.63%; width: 71.1%;position:relative; }
#secondary { max-width: 300px; float: left;width:26.27%;position:relative;}

.embed-widget{box-sizing:border-box;padding:10px;width:100%;float:left;}
.embed-wrapper{  position: relative; padding-bottom: 56.25%; height: 0; width: 100%;float:left;} 
.embed-wrapper iframe{  position: absolute; top: 0; left: 0; width: 100%; height: 100%;  border: 0px;}
.see-all-videos{text-align:center;font-size:15px;margin:10px 0 0;width:100%;float:left;}

/*
gator header-------------------------------------------------------------------------------------------------------------------------
*/
.add-menu{line-height:80px;text-align:center;width:100%;float:left;}
#hostgator-header{width:100%;float:left;  background-color: #EFF4F9;}
.navbar .container, .navbar-nav{max-width: 1170px;  margin: 0 auto; box-sizing: border-box;padding:0 15px;position:relative;}
#mobile-nav{  height: 57px; width: 100%; float: left; background: #0171bc; box-shadow: inset 0 4px 1px rgba(0,0,0,0.3),0 4px 0 rgba(0,0,0,0.05); margin-top: 5px;  border-top: 1px solid #A7AAAE;}
.navbar{  border-top: 1px solid #A7AAAE;}
.navbar-nav li{float:left;}
.navbar-nav li ul li{padding:0 36px;}
.navbar-nav li ul li a{font-weight:300;float:left;color:#FFF;line-height:16px;margin:23px 0 17px;font-size:14px;padding-bottom:3px;letter-spacing:0.5px;}
.navbar-nav li ul li a:hover{  border-bottom: 3px solid #ffcb08;}
.support-block {display: block; height: 73px; position: absolute; right: 0; top: 14px;width:390px;text-align:right; }
.support-block ul {  list-style-type: none;  text-align: right;  margin: 7px 92px 7px 0;}
.support-block ul li {font-size: 14px; font-weight: 100;line-height:20px;color: rgb(102, 102, 102);letter-spacing: 0.5px; }
.support-block ul li:nth-child(2) {font-size: 16px; margin-top: 3px; }
.support-block ul li:nth-child(2) span {color: #d05b00; font-weight: 400; }
.support-block ul li #support-number:after {content: "96-GATOR"; cursor: pointer; }
.support-block ul li a {font-weight: 300; text-decoration: underline; }
.chat-block {float:right;background-color: #fff; border-radius: 8px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); height: 100%; font-size: 12px; margin: 2px 7px 2px 12px; text-align: center; width: 70px;color: #428bca;line-height: 18px; }
.chat-icon {background-color: #0171bc; background-image: url("images/chat-icon.png"); background-repeat: no-repeat; background-position: center; border-top-left-radius: 8px; border-top-right-radius: 8px; height: 52px; margin-bottom: 2px; width: 100%; }
.navbar-header{width:100%;float:left;}
.navbar-brand {background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url(images/snappy-logo_default.png); background-origin: padding-box; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto; box-sizing: border-box; color: rgb(119, 119, 119); cursor: pointer; display: block; float: left; font-size: 18px; font-style: normal; height: 74px; line-height: 20px; margin-bottom: 10px; margin-left: -15px; margin-top: 14px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-decoration: none; width: 339px;} 
.navbar-toggle{-webkit-appearance: none; align-items: flex-start; background-color: rgba(0, 0, 0, 0); background-image: none; border-bottom-color: rgb(51, 51, 51); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: none; border-bottom-width: 0px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(51, 51, 51); border-left-style: none; border-left-width: 0px; border-right-color: rgb(51, 51, 51); border-right-style: none; border-right-width: 0px; border-top-color: rgb(51, 51, 51); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: none; border-top-width: 0px; box-sizing: border-box; color: rgb(51, 51, 51); cursor: pointer; display: none; float: right; font-size: 14px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; height: auto; letter-spacing: normal; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 12px; overflow-x: visible; overflow-y: visible; padding-bottom: 9px; padding-left: 10px; padding-right: 10px; padding-top: 9px; position: relative; text-align: center; text-indent: 0px; text-rendering: auto; text-shadow: none; text-transform: none; width: auto; word-spacing: 0px; writing-mode: lr-tb; -webkit-writing-mode: horizontal-tb;}

#mobile-support-wrapper{display:none;}


/*
Hero Part-------------------------------------------------------------------------------------------------------------------------
*/
.row-wrapper.hero {float:left;width:100%;background: #a1ceed; background: -moz-linear-gradient(top, #a1ceed 0%, #a9d2ef 27%, #b8daf1 50%, #d7eaf7 80%, #f5fafd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1ceed), color-stop(27%, #a9d2ef), color-stop(50%, #b8daf1), color-stop(80%, #d7eaf7), color-stop(100%, #f5fafd)); background: -webkit-linear-gradient(top, #a1ceed 0%, #a9d2ef 27%, #b8daf1 50%, #d7eaf7 80%, #f5fafd 100%); background: -o-linear-gradient(top, #a1ceed 0%, #a9d2ef 27%, #b8daf1 50%, #d7eaf7 80%, #f5fafd 100%); background: -ms-linear-gradient(top, #a1ceed 0%, #a9d2ef 27%, #b8daf1 50%, #d7eaf7 80%, #f5fafd 100%); background: linear-gradient(to bottom, #a1ceed 0%, #a9d2ef 27%, #b8daf1 50%, #d7eaf7 80%, #f5fafd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1ceed', endColorstr='#f5fafd',GradientType=0 ); padding-bottom: 0; position: relative; overflow: hidden;height:250px; } 
.row-wrapper {padding: 30px 0; background-color: #fff; background-image: url("images/thin-grey-border.png"); background-position: top center; background-repeat: no-repeat; }
.row-wrapper.hero:after {background-image: url("images/hero_main_bg.png"); background-repeat: repeat-x; background-position: bottom center; bottom: 0; content: ""; height: 86px; left: 0; position: absolute; right: 0; }

.row-wrapper.hero h1 {font-size: 46px;line-height:50px;color:#005793;font-weight:800;margin-bottom:10px;text-align:left; }
.row-wrapper.hero h2.lead {font-size: 25px;line-height: 30px;font-weight:200;text-align: left; }
.hero-snappy{position: absolute;    background-image: url("images/snappy_website_shared_tablet.png"); right: 0; height: 267px; width: 288px; z-index: 1;}

.hero .row{padding:0 15px;margin:0 auto;box-sizing: border-box; color: rgb(51, 51, 51); display: block; max-width: 1170px;position: relative;}
.hero .col-md-6 {  width: 100%;float:left;  position:relative;z-index:2;}
.hero .col-md-6
.col-md-6 {  width: 50%;float:left;  position:relative;z-index:2;}





/*
Footer-------------------------------------------------------------------------------------------------------------------------
*/
.row-wrapper.blue.light{float:left;width:100%; padding: 30px 0;    background: #0171bc;}
.row-wrapper.blue.light .container{margin:0 auto;max-width: 1170px;box-sizing:border-box;padding:0 15px;}
.row-wrapper.footer-cta h1.lead {color:#FFF;font-weight:200; font-size: 28px; margin-top: 17px; }

.col-xs-12.col-sm-4.col-md-3.text-center{float:right;}
.row-wrapper.blue.light .btn-primary.btn-lg {float: right; font-size: 20px;     padding: 19px 40px;  background-color: #ffcb08; border: 1px solid #815627; box-shadow: 0 3px 0 #815627,0 6px 4px -2px rgba(0,0,0,0.3); color: #333333;  font-weight: 800; font-style: normal;  border-radius: 5px; }
.row-wrapper.blue.light .btn-primary.btn-lg:active, .row-wrapper.blue.light .btn-default.btn-lg:active{box-shadow:none;}

.row-wrapper.blue.light .btn-primary.btn-lg:hover{background-color: #ffd43d;}



footer {  text-align: left;width:100%;float:left;letter-spacing:0.4px;}
.footer-snappy, .row-wrapper.blue.dark.footer-snappy {width:100%;float:left;background: #005695 url("images/snappy_large-head.png") no-repeat bottom right; min-height: 200px; }
footer .container{max-width:1170px;width:100%;  margin: 0 auto;box-sizing:border-box;padding:0 15px;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left;}
.col-sm-1{  width: 8.33333333%;float:left;  height: 10px;}
.col-md-2 {  width: 16.66666667%;  position: relative;  min-height: 1px;  padding: 0 15px; box-sizing:border-box;}

footer h5{font-size:22px;margin:10px 0;color:#FFF;}
footer h5+ul li {font-weight: 200; padding: 4px 0; }
footer .row-wrapper.blue a{font-size: 14px; font-weight: 200; text-decoration: none;  color: #FFCB08;line-height:20px;}
footer .row-wrapper.blue a:hover{  border-bottom: 2px solid #ffcb08;}
footer .row-wrapper.blue .social-icons a:hover{border:none;}

footer .bottom-footer { text-align: center;width:100%;float:left;}
.row-wrapper.blue.light{  background: #0171bc;}
.col-md-8 {  width: 66.66666667%;float:left;}
footer .row-wrapper.bottom-footer ul.sitemap {  margin-bottom: 12px;width:100%;float:left;}

footer .sitemap li{float:left;padding:4px 0;}
.copyright{float:left;width:100%;  text-align: left;color:#FFF;font-size:12px;}

.col-md-4 {width: 33.33333333%;float:left;  padding-top: 4px;}
.pricing-reflects{float:left;width:100%;padding:0 0 10px;}
.pricing-reflects p{float:left;width:100%;margin:10px 0;text-decoration: underline;font-size:14px;}


.social-icons i {background-color: #f5f5f5; border-radius: 100%; border-bottom: 2px solid rgba(0,0,0,0.18); -moz-box-shadow: -1px 1px 0px 1px rgba(0,0,0,0.04),inset 0px 1px 0px 1px rgba(255,255,255,0.14); -webkit-box-shadow: -1px 1px 0px 1px rgba(0,0,0,0.04),inset 0px 1px 0px 1px rgba(255,255,255,0.14); box-shadow: -1px 1px 0px 1px rgba(0,0,0,0.04),inset 0px 1px 0px 1px rgba(255,255,255,0.14); color: #fff; display: inline-block; font-size: 29px; line-height: normal; text-align: center; padding: 10px;width:30px;height:30px; margin-right:10px;} 
.hg-icon { display: inline-block; line-height: 1; margin: 30px 0 2px;position:relative; }

.social-icons .hg-facebook {  background-color: #39599f;}
.social-icons .hg-twitter {background-color: #44afe2; } 
.social-icons .hg-google-plus {background-color: #df4a32; }
.social-icons .hg-youtube {background-color: #fafafa; color: #df4a32; }
.hg-facebook:before {left: 18px; position: absolute; height: 24px; content: ''; background: url(images/hostgator-social-big.png); width: 24px; top: 14px;}
.hg-twitter:before{left: 16px; position: absolute; height: 24px; content: ''; background: url(images/hostgator-social-big.png)-57px 0; width: 24px; top: 14px;}
.hg-google-plus:before{left: 16px; position: absolute; height: 24px; content: ''; background: url(images/hostgator-social-big.png)-118px 0; width: 24px; top: 14px;}
.hg-youtube:before{  left: 12px; position: absolute; height: 24px; content: ''; background: url(images/hostgator-social-big.png)30px 0; width: 31px; top: 14px;}
footer .sitemap li {  padding: 4px 0;}
footer ul.list-inline li{padding-right:10px;}
footer ul.list-inline li.divider { line-height:20px; margin-top: 3px;background-color: #ffcb08; padding: 0; margin-left: 2px; margin-right: 11px; width: 1px; }




/*
Main Menu-------------------------------------------------------------------------------------------------------------------------
*/


#nav-wrapper{ background: #005793;float:left;width:100%;}
#navigation{  max-width: 1170px;  margin: 0 auto; box-sizing: border-box;padding:0 30px;}
#navigation h4{float:left;font-size:26px;font-weight:500;color:#FFF;line-height:108px;margin-right:30px;}
#main-nav{float:left;}
#navigation ul{padding:0 15px;}
#navigation li{float:left;    margin: 0 15px;}
#navigation li a{  color: #FFFFFF; font-size: 14px; font-weight: 300; line-height:108px;padding-bottom:2px;letter-spacing:0.5px;}
#navigation li a:hover, .current-menu-item a{  border-bottom: 2px solid rgb(255, 203, 8);}


/*
Posts-------------------------------------------------------------------------------------------------------------------------
*/

.hostgator-posts{width:100%;float:left;}
.hostgator-posts li{padding-bottom:30px;margin-bottom:30px;float:left;border-bottom:1px solid #E6E6E6;width:100%;}
.hg-date{float:left;width:100%;font-size:14px;position: relative;margin-bottom:30px;}
.hg-date a{color:#005793;}
.hg-date-text{padding: 10px; font-size: 14px; position: relative; background-color: #f6f6f6; float: left;}
.hg-date-text a{text-decoration: underline;}
.hostgator-posts-text{width: 100%;float:left;}
.hostgator-posts-text h2{width:100%;font-size:35px;font-weight:800;margin-bottom:30px;}
.hostgator-posts-text h2 a{color:#005793;line-height: 40px;}
.hostgator-posts-text h2 a:hover{text-decoration: underline;}
.hostgator-posts .social-icons{position:absolute;right:0;top:0;}
.hostgator-posts .social-icons li{float:left;padding:0;margin:0;border:0;width:auto;}
.hostgator-posts .social-icons i{width:15px;height:15px;}
.hostgator-posts .hg-icon{ margin: 0 10px 0 0;}
.hostgator-posts .hg-facebook:before {  left: 12px; position: absolute; height: 15px; content: ''; background: url(images/hostgator-social-small.png)48px 0; width: 15px; top: 12px;}
 .hostgator-posts .hg-twitter:before{left: 11px; position: absolute; height: 15px; content: ''; background: url(images/hostgator-social-small.png)-1px 0; width: 15px; top: 12px;}
.hostgator-posts .hg-google-plus:before{left: 12px; position: absolute; height: 15px; content: ''; background: url(images/hostgator-social-small.png)14px 0; width: 15px; top: 12px;}

.hostgator-posts-text-content {font-size: 15px;font-weight: 400;color: #333;line-height:24px;float:left;width:100%;}
.hostgator-posts-comments-category{width:100%;float:left;padding:30px 0;}
.hostgator-posts-comment-count{font-size:20px;font-weight:800;float:left;}
.hostgator-posts-comment-count a{color: #005793;}
.hostgator-posts-category{float:right;text-align: right;width: auto;}
.hostgator-posts-category a{color: #005793;font-size:15px;}

.newer-posts a{  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.25);background:#0171bc;  border-top: 1px solid #005695;float:right;padding:10px 15px;border-radius: 5px;font-weight:800;color:#FFF;margin-bottom:30px;}
.older-posts a{  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.25);background:#0171bc;  border-top: 1px solid #005695;float:left;padding:10px 15px;border-radius: 5px;font-weight:800;color:#FFF;margin-bottom:30px;}

/*
widget-title-------------------------------------------------------------------------------------------------------------------------
*/

.widget{width:100%;float:left;background:#F6F6F6;margin-bottom:30px;box-shadow: inset 0 0 0 1px #ccc;position:relative;  min-height: 16px;}
.widget-title{float:left;width:100%;font-size:14px;font-weight:600;text-align:center;background:#0171bc;padding:6px 0;color:#FFF;}


.hg-latest-comments{float:left;width:100%;}
.hg-latest-comments li{float:left;width:100%;padding:10px;border-bottom:1px solid #C0C0C0;  box-sizing: border-box;}
.hg-comment-author {float:left;color:#0171bc;}
.hg-comment-content {width:100%;float:left;margin-top:5px;font-size:15px;line-height:22px;}
.widget .hg-comment-content a{color:#000;}
.widget .hg-comment-content a:hover{color:#005793;}
.hg-comment-date {float:right;color:#B7B7B7;font-size:14px;font-weight: 400;}

/*instagram*/
.instagram-images{width:100%;float:left;}
.instagram-images ul{width:100%;float:left;box-sizing:border-box;padding:10px 0 0 10px;}
.instagram-images li{box-sizing:border-box;float:left;padding:0 10px 10px 0;width:50%;}
.instagram-all{text-align: center; font-size:15px; margin: 0 0 10px; width: 100%; float: left;}


/*subscribe*/
.subscribe-wrap{box-sizing:border-box;width:100%;padding:0 10px;}
.subscribe-text{  float: left;width:100%;font-size:15px;margin:15px 0;line-height:20px;}
.emailbg{color:#9C9C9C;border: 1px solid #005793; border-radius: 5px 0 0 6px; cursor: pointer; float: left; font-size:15px; line-height: 17px; margin: 0; padding: 0 10px; height: 37px; box-sizing: border-box; width: 65%;margin-bottom:15px;border-right: 0;outline: none;}
.emailbg:focus{color:#000;}
.submitbtn{  float: left; font-size: 18px; background-color: #ffcb08; border: 1px solid #815627; box-shadow: 0 3px 0 #815627,0 6px 4px -2px rgba(0,0,0,0.3); color: #333333; font-weight: 800; font-style: normal; border-radius: 0 5px 5px 0;width:35%;  height: 34px;cursor:pointer;outline: none;}
.submitbtn:active{box-shadow: none;height:37px;}

/*rss widget*/
.widget_rss { width: 100%; font-size: 14px; font-weight: 400; }
.widget_rss ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_rss ul li { padding: 8px 0; width:100%;}
.widget_rss a { color:#CCC; }
.rssSummary { color: #9C9C9C; ; font-size: 12px; font-weight: 700; padding-top: 10px; }
/*categories widget*/
.widget_categories { width: 100%; font-size: 14px; font-weight: 400; }
.widget_categories ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_categories ul li { padding: 10px;  border-bottom: 1px solid #DADADA; }
.widget_categories ul ul.children { padding: 0; }
.widget_categories a {color:#000;}
.widget_categories a:hover {color:#005793}
.widget_categories select { }
.widget_categories select#cat { }
.widget_categories select.postform { }
.widget_categories option { }
.widget_categories .level-0 { }
.widget_categories .level-1 { }
.widget_categories .level-2 { }
.widget_categories .level-3 { }
/*Tag cloud*/
.tagcloud { width: 100%;}
.tagcloud a { font-size: 13px !important; float: left; font-weight: 400; margin: 0 4px 4px 0; padding: 5px; text-transform: uppercase; color:#FFF; }
/*recent comments widget*/
.widget_recent_comments { width: 100%; font-size: 14px; font-weight: 400; }
.recentcomments { padding: 8px 0;width:100%; }
#recentcomments { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
#recentcomments li { font-size: 15px; font-weight: 700; line-height: 18px; }
.widget_recent_comments a { font-weight: 400; font-size: 14px; color:#ccc; }
/*recent posts widget*/
.widget_recent_entries { width: 100%; font-size: 14px; font-weight: 400; }
.widget_recent_entries ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_recent_entries ul li { padding: 8px 0;width:100%; }
.widget_recent_entries a { color:#CCC;}
/*search*/

.widget_search #searchform { float: left; width:100%;}
.widget_search { width: 100%;float:left;background:#FFF;padding:0;box-shadow:none; }
.screen-reader-text {display:none; }
/*calendar*/
.widget_calendar { width: 100%; font-size: 14px; font-weight: 700; text-align: center; text-shadow: 1px 1px 1px #FFF; }
#wp-calendar { margin: 15px auto; }
#calendar_wrap { float: left; width: 100%; }
#calendar_wrap th {padding: 3%; }
#calendar_wrap td { padding: 3%;}
#wp-calendar tr td { padding: 3%; }
#wp-calendar caption { padding: 0 0 20px; }
#wp-calendar a { }
#wp-calendar #today { background: #FFF; }
#wp-calendar #prev { }
#wp-calendar #next { }
#wp-calendar #next a { }
#wp-calendar #prev a { }
/*nav menu widget*/
.widget_nav_menu { width: 100%; font-size: 14px; font-weight: 400; }
.widget_nav_menu ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_nav_menu ul li { padding: 8px 0;width:100%; }
.widget_nav_menu ul .menu-item-object-category.menu-item-has-children:after { display: none; }
.widget_nav_menu a {color:#CCC; }
.widget_nav_menu .sub-menu, .widget_nav_menu .sub-meni, .widget_nav_menu .active .sub-menu { display: none; }
/*Pages widget*/
.widget_pages { width: 100%; font-size: 14px; font-weight: 400; }
.widget_pages ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_pages ul li { padding: 8px 0; }
.widget_pages ul li:before{margin-top: 3px;margin-right: 10px;float: left;height: 9px;width: 9px;content:'';background:#000;}
.widget_pages ul li .children {padding:10px 0 10px 30px; }
.widget_pages a {color:#CCC; }
/*Arcvhive widget*/
.widget_archive { width: 100%; font-size: 14px; font-weight: 400; }
.widget_archive ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_archive ul li { padding: 8px 0; }
.widget_archive ul li:before{margin-top: 3px;margin-right: 10px;float: left;height: 9px;width: 9px;content:'';background:#000;}
.widget_archive a{color:#CCC; }
.widget_archive select { }
.widget_archive option { }
/*Links widget*/
.widget_links { width: 100%; font-size: 14px; font-weight: 400; }
.widget_links ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_links ul li { padding: 8px 0;width:100%; }
.widget_links a { color:#CCC;}
/*meta widget*/
.widget_meta { width: 100%; font-size: 14px; font-weight: 400; }
.widget_meta ul { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; float: left; }
.widget_meta ul li { padding: 8px 0; }
.widget_meta a { color:#CCC;}






/*
Search-------------------------------------------------------------------------------------------------------------------------
*/


#searchform { float: left; position: relative; border-radius:5px ;overflow:hidden;border:0;}
#searchform input {border:1px solid #005793;border-radius: 5px 0 0 6px; cursor: pointer; float: left; font-size:15px; line-height: 17px; margin: 0; padding: 0 10px; height: 37px;  box-sizing: border-box;width:85%;color:#9C9C9C;}
#searchform #s:focus { outline: none; }
#searchform input:focus { cursor: text;color:#000; }
input#s:focus { display: block; }
#searchform .submit-button{ float:left; width: 15%; height: 37px;background:#004472;cursor:pointer;position:relative;  overflow: hidden;border:0;outline: none;}
#searchform .submit-button:active:after{top:-1px;left:-3px;}
#searchform .submit-button:after{position:absolute;content:'';width:100%;height:100%;  background: #005793 url(images/host-gator-search-icon.png)no-repeat 60% 65%;top:-3px;left:-3px;border-radius:5px;}




/*
Post page elements-------------------------------------------------------------------------------------------------------------------------
*/

#post-page-title h1 { width: 100%;font-size:35px;font-weight:800;margin-bottom:15px; float: left;color:#005793;line-height: 40px;}
.floating-share-icons{position:absolute;left:-85px;width:50px;}
.floating-share-icons .social-icons i{margin:5px 0;}
.fixed-floating{position:fixed;left:auto;top:50px;}
.post-info { width: 100%; color: #CCC; font-size: 18px; font-weight: 400; float: left; font-style: italic; padding: 10px 0;margin-bottom:25px; text-transform:uppercase; }
.post-page-content-wrapper { width: 100%; }
#post-content { width: 100%; float: left; font-size: 16px; line-height: 24px; font-weight: 400; margin-top: 16px; margin-bottom:16px;}
.image-caption{font-size:12px;font-style:italic;padding:5px 20px;background:#1a1a1a;position:absolute;bottom:0;-moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;width:100%;color:#6c6c6c;}

.related-posts{float:left;width:100%;}
.related-posts .widget-title{    background: #005793;}
.related-posts ul{width:100%;float:left;margin-top:15px;}
.related-posts li{box-sizing: border-box; float: left; width: 100%; background: none; padding: 0 30px;margin-bottom:15px;}
 .related-posts li:before{  margin-right: 15px; float: left; border-top: 5px solid rgba(255, 255, 255, 0); border-left: 5px solid #000; content: ''; border-bottom: 5px solid rgba(255, 255, 255, 0);  margin-top: 3px;}
.post-hostgator-posts-category{font-size:14px;margin-bottom: 30px;}

/*
Comments-------------------------------------------------------------------------------------------------------------------------
*/


.comments { list-style: none; float: left; width: 100%; ; }
.comment-count { color: #0171bc; font-size: 25px; font-weight: 800; margin-bottom:30px;text-transform:uppercase;}
#respond{float:left;width:100%;margin-bottom:120px;}
#respond form{background-color: #F6F6F6;width:100%;float:left;margin-bottom:30px;box-shadow: inset 0 0 0 1px #CCC;position:relative;  min-height: 16px;box-sizing:border-box;  padding: 15px 30px;}
#reply-title {float:left;width:100%;font-size:14px;font-weight:600;text-align:center;background:#0171bc;padding:6px 0;color:#FFF;}
#cancel-comment-reply-link { }
.comment-author, .comment-email, .comment-form-comment{color: #9C9C9C; font-size: 15px; line-height: 20px; font-weight: 400; float: left; width: 100%; }
#respond form label{float:left;line-height:42px;}
.comment-author, .comment-email { padding-right: 2%; }
#author, #email, #comment{    padding: 20px; box-sizing: border-box; float:right;border: 1px solid #CCC; font-size: 15px; font-weight: 400; height: 32px; width: 80%;color:#9c9c9c; }
#author:focus, #email:focus, #comment:focus{color:#000;}
#comment{min-height:180px;max-width:100%;}
.comment-form-comment { float: left;width: 100%; }
.required {font-size:15px;font-weight:700;float:left;line-height:42px; }
.form-submit {   float: right;  width: 80%;margin:0; }
#submit {  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.25);border: none;  border-top: 1px solid #005695; cursor: pointer; outline: none; font-size:15px; background: #0171bc; float: left; padding: 10px 15px; border-radius: 5px; font-weight: 800; color: #FFF; }
.discussion{float:left;width:100%;margin-bottom:30px;}
.gravatar-comment { padding-right: 20px; float: left; }
.comment-author-name { padding: 0 0 5px; font-size:15px;float:left; font-weight:800; color:#0171bc;}
.comment-date-time { font-size: 12px; font-weight: 400; color: #9c9c9c;float: right; }
.comments li { padding: 10px 0; width: 100%; float: left; }
.comments li.bypostauthor { border: none; }
.comment-content { font-size: 13px; line-height: 20px; font-weight: 400; float: left; width:calc(100% - 113px);margin-top:10px;}
.logged-in-as { float: left; width: 100%; padding: 20px 0; font-size: 15px; font-weight: 400;}
.comment-pagination { float: left; width: 100%; font-size: 15px; font-weight: 600; text-align: center; }
.comment-reply-link{float: left;font-size: 12px;font-weight: 400;}



/*
Wp-css----------------------------------------------------------------
*/

blockquote { margin: 0 0 15px;padding: 1px 15px 1px 15px;float: left;width: 100%;font-size:18px; line-height:26px;text-transform:uppercase;}
q{padding: 15px;float: left;width: 100%;font-size:18px;line-height:26px;text-transform:uppercase;}
p { display: block; margin-bottom: 15px; }
blockquote p { margin-top: 15px; }
.content h1, .hostgator-posts-text-content h1{ font-size: 35px; line-height: 38px; font-weight: 800; margin: 10px 0; width: 100%;  color: #0171bc; }
.content h2, .hostgator-posts-text-content h2{ font-size: 30px; line-height: 32px; font-weight: 800; margin: 10px 0; width: 100%;  color: #0171bc; }
.content h3, .hostgator-posts-text-content h3{ font-size: 26px; line-height: 28px; font-weight: 800; margin: 10px 0; width: 100%;  color: #0171bc; }
.content h4, .hostgator-posts-text-content h4{ font-size: 22px; line-height: 24px; font-weight: 800; margin: 10px 0; width: 100%;  color: #0171bc; }
.content h5, .hostgator-posts-text-content h5{ font-size: 18px; line-height: 20px; font-weight: 800; margin: 10px 0; width: 100%;  color: #0171bc; }
.content h6, .hostgator-posts-text-content h6{ font-size: 14px; line-height: 16px; font-weight: 800; margin: 10px 0; width: 100%;  color: #0171bc; }
.content ul, .hostgator-posts-text-content ul{ margin: 10px 0;width:100%;float:left; }
.content ol, .hostgator-posts-text-content ol{ margin: 10px 0;width:100%;float:left; }
.content ul li, .content ol li, .hostgator-posts-text-content ol li, .hostgator-posts-text-content ul li { margin-left: 15px; padding: 5px 0px;width:100%; border:none;font-size:14px;margin-bottom:0;}
.content ul li:before, .content ol li:before, .hostgator-posts-text-content ol li:before, .hostgator-posts-text-content ul li:before{  margin-right: 15px; float: left; border-top: 5px solid rgba(255, 255, 255, 0); border-left: 5px solid #000; content: ''; border-bottom: 5px solid rgba(255, 255, 255, 0);  margin-top: 6px;}

.alignright { max-width: 100%; float: right; margin-bottom:15px;}
.alignleft { max-width: 100%; float: left;margin-bottom:15px; }
.aligncenter { max-width: 100%; display: block; margin: 0 auto; margin-bottom:15px;}
.alignnone { max-width: 100%;margin-bottom:15px; }
code, pre { padding: 2px 4px; border: 1px solid #e1e1e8; }
pre { word-break: break-all; word-wrap: break-word; white-space: pre-wrap; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -2px; }
sup { top: -5px; }
.wp-caption, .gallery-caption { margin-bottom: 10px; text-align: center; }
.wp-caption-text { margin-bottom: 2px; }
.sticky { }
.bypostauthor { }
img.alignright, .wp-caption.alignright { float: right; margin: 0 0 15px 15px; }
img.alignleft, .wp-caption.alignleft { float: left; margin: 0 15px 15px 0; }
table { margin-bottom: 30px; width: 100%; text-align:center;}
td { border: 1px solid #F6F6F6; padding: 10px 15px; background: #FFF;  color: #666;font-weight:400;}
th, tfoot td { padding: 10px 15px;   color:#FFF;background: #0171bc; border: 1px solid #FFF; font-weight: normal; text-transform: uppercase; font-weight:800; }
/*error page*/
#post-404 h1 { font-size: 24px; font-weight: 700; text-align: center; }
#post-404 { font-size: 15px; font-weight: 700; text-align: center; padding:100px 0; }



/*Responsive*/
@media screen and (max-width: 1200px){

.navbar .container, .navbar-nav, #navigation, .row-wrapper.blue.light .container{max-width:970px;}
.row-wrapper.footer-cta h1.lead{    font-size: 24px;}
.hero .container{max-width:970px;margin:0 auto;}
.navbar-nav li ul li{  padding: 0 22px;}
#main{max-width:970px;}
#primary, #secondary { width:100%;float:left;max-width:970px;}
.widget{width:49%;}
.widget.related-posts{width:100%;margin-left:0 !important;}
.widget:nth-child(odd){margin-right:1%;float:left;}
.widget:nth-child(even){margin-left:1%;float:right;}
.instagram-images li img{width:100%;}
}




@media screen and (max-width: 992px){
.support-block{display:none;}
#main, .row-wrapper.blue.light .container{max-width:750px;}
.row-wrapper.blue.light .container .col-md-6, .row-wrapper.blue.light .container .col-md-4{width:66.66%;box-sizing:border-box;padding:0 15px;}
.bottom-footer.row-wrapper.blue.light .container .col-md-4{width:100%;}
#primary, #secondary { width:100%;float:left;max-width:750px;}
.navbar .container, .footer-snappy .container, #navigation{max-width:750px;}
nav .navbar-header .navbar-toggle{display:block;  width: 50px; outline: none; }
.logo {background-image: url("images/snappy-logo_default_mobile.png"); background-position: center; background-repeat: no-repeat; height: 43px; margin-bottom: 10px; width: 170px; }
.navbar-default .navbar-toggle .icon-bar {background-color: #0171bc; height: 4px; width: 30px; }
#mobile-nav{margin:0;height:0;overflow:hidden;-moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s; -webkit-transition: all .35s; transition: all .35s;background: transparent;box-shadow:none;border-top:0;border-bottom:1px solid #A7AAAE;}
#mobile-nav.active{height:210px;}
ul.nav.navbar-nav {float: left; width: 100%; margin-bottom: 12px; }
.navbar-nav li{width:50%;float:left;}
.navbar-nav li ul li{width:100%;text-align: center;padding:0;}
.navbar-nav li ul li a{float:none;  color: #005793; display: block; font-size: 18px; font-weight: 700; padding:6px 0; text-decoration: none;  margin: 0;line-height:25px;}
.navbar-nav li ul li a:hover{border:none;text-decoration: underline;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.navbar-toggle .icon-bar {float:left;background-color: #0171bc; height: 4px; width: 30px; }
.navbar-toggle .icon-bar+.icon-bar {margin-top: 6px; }
#mobile-support-wrapper{display:block;float:left;width:100%;}
#mobile-support-wrapper ul {background-color: #005793; margin-bottom: 0;width:100%;float:left; }
#mobile-support-wrapper ul li {border-right: 1px solid #0171bc; width: 50%; padding: 17px;box-sizing:border-box;float:left; }
#mobile-support-wrapper ul li a{display:block;text-align: center;color:#FFF;font-weight:400;}
.visible-xs{display:none;}
.row-wrapper.hero{height: 227px;}
.row-wrapper.hero h1{font-size:40px;width:55%;}
.row-wrapper.hero h2.lead{width:55%;}
.hero-snappy{background-image: url("images/snappy_about_small.png");width:225px;height:230px;}
.hero .container{max-width:750px;margin:0 auto;}
.row-wrapper.hero:after{height:;}
footer .container{padding:0;}
.col-md-8{width:100%;}
footer .sitemap li{float:none;display: inline-block;}
.copyright{text-align: center;}
.col-md-4{width:100%;}
.pricing-reflects{padding:0;}
.pricing-reflects .container{max-width:750px;box-sizing:border-box;padding:0 15px;}
#navigation h4{width:100%;text-align: center;}
#main-nav {width:100%;margin-top:-25px;padding-bottom:20px;}
#navigation li{width: 28%;text-align:center;}
#navigation li a{line-height:50px;}
}


@media screen and (max-width: 768px){
.row-wrapper.blue.light .container .col-md-6, .row-wrapper.blue.light .container .col-md-4{margin:0 0 20px 0;width:100%;box-sizng:border-box;padding:0 15px;}
.col-xs-12.col-sm-4.col-md-3.text-center{width:100%;text-align:center;}
.row-wrapper.blue.light .btn-primary.btn-lg{float:none;display:inline-block;}
#primary, #secondary { max-width: 100%; margin:0;width:100%; }
.widget{width:100%;}
.widget:nth-child(odd){margin-right:0%;}
.widget:nth-child(even){margin-left:0%;}
#navigation h4{  cursor: pointer; font-weight: 500; color: #FFF;width:100%;text-align: center;}
#main-nav{width:100%;float:left;height:0;overflow:hidden;margin-top:0;padding-bottom:0;}
#main-nav ul{padding-bottom:30px;float:left;width:100%;}
#navigation li{width:100%;text-align: center;margin:0;}
#navigation li a{line-height:40px;font-size:14px;}
.hostgator-posts .social-icons{width:100%;position: relative;}
footer ul.list-inline li.divider{display:none;}
.row-wrapper.blue.light{padding:30px;box-sizing:border-box;}
#mobile-nav.active{height:395px;}
ul.nav.navbar-nav{margin-bottom:15px;padding:7px 40px;}
.navbar-nav li{width:100%;text-align: left;}
.navbar-nav li ul li a{float:left;padding:6px 0;}
#mobile-support-wrapper ul li{font-size:14px;line-height:18px;}
.visible-xs{display:block;}
footer .row-wrapper.blue a{  margin: 7px;}
footer .social-icons i{margin-right:0;}
footer .row-wrapper.bottom-footer ul.sitemap{margin-bottom:30px;}
.navbar .container, .navbar-nav{max-width:100%;}
.hero .container{max-width:100%;}
.col-md-6 {  width: 100%;text-align:center;}
.col-md-6 br{display:none;}
.row-wrapper.hero {padding-bottom: 240px;    height: auto;}
.hero .row{position: initial;}
.row-wrapper.hero h1{font-size:40px;width:100%;text-align: center;}
.row-wrapper.hero h2.lead{width:100%;text-align: center;}
.hero-snappy{bottom:0;left:0;margin:0 auto;background-image: url("images/snappy_about_small.png");width:225px;height:230px;}
.hero{height: 421px;}
footer h5 {cursor: pointer; font-size: 20px; font-weight: 700;color:#FFF; }
footer h5:after{  font-family:'Icons';   content: "\e114";  font-size: 8px; margin-left: 2px; vertical-align: middle;    position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#navigation h4:after{  font-family:'Icons';   content: "\e114";  font-size: 26px; vertical-align: middle;    position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
footer h5.opened:after, #navigation h4.opened:after{transition: all 0.2s ease; transform: rotate(180deg); }
.col-md-2, .col-sm-2{width:100%;text-align: center;}
footer h5+ul li{padding:10px;}
.list-unstyled{height:0;overflow: hidden;}
footer h5 .glyphicon-chevron-down{}
.copyright{margin-bottom:20px;}
.pricing-reflects p{text-align: center;}
footer .row-wrapper.blue .social-icons a:hover{border:none;}
}