/*
 Theme Name:   SX
 Description:  Selfy Child Theme
 Author:       SX
 Author URI:   http://startupxplore.com
 Template:     selfy
 Version:      2.0.0
*/

@import url("../selfy/style.css");
@import url("fonts/fonts.css");
@import url("css/font-awesome.min.css"); 

body, h1, h2, h3, h4, h5, h6, a, #breaking-news{
	font-family: 'ProximaNova', Arial, Verdana !important;

}

body{
	  background: #eff3f6!important;
}

h1{
	font-weight: bold;
	font-size: 56px;
	margin-bottom: 50px;
}

.main-content h2{
	font-weight: 600;
    margin-top: 50px;
}

.main-content h3{
	color: #ff7f4a;
    font-weight: 600;
    margin-top: 50px;
}


.mays{
	text-transform: none;
	font-weight: 600;
	letter-spacing: 0.2px;
}

.main-content p a{
	text-decoration: underline;
}

a{
	font-family: 'ProximaNova', Arial, Verdana !important;
}


.main-content p{
	font-size: 17px;
	color:#6a6969;
	line-height: 26px;
}

blockquote{
	border-left: 3px solid #555;
    padding-left: 30px;
    margin: 40px;
}

blockquote p{
	font-size: 24px !important;
	color:#555 !important;
}

.main-content ol,
.main-content ul,
.main ol,
.main ul{
	font-size: 17px !important;
}

.main-content a.more{
	background:#ff7f4a;
	border-radius: 50px;
	padding: 12px 30px;
	color:#fff;
	margin-top: 5px;
	margin-left: 0px;
	margin-bottom: 15px;
	display: inline-block;
}

.main-content a.more:hover{
	color:#fff;
	background:#ff7f40;
}

.main-content a.more:before{
	color:#fff;
	display: none;
}

.ssba{
	background: none;
}

.header-sx #header{
	background:#333;
	    height: 65px !important;
	    padding: 0px;
	    position: fixed;
	margin: 0 auto;
	width: 100%;
	z-index: 9999;
}

.header-sx #header .main-menu-sx{
	list-style: none;
	margin-top: 20px;
}

.header-sx #header .main-menu-sx li{
	float: left;
	font-size: 16px;
}

.header-sx #header .main-menu-sx li a{
	border-bottom: 4px solid #333;
	color:#999;
	padding: 21px 17px;;
}

.header-sx #header .main-menu-sx li.active a{
	border-bottom: 4px solid #ff7f4a;
	color:#fff;
	background-color: rgba(167,167,167,.2);
}

.header-sx #header .third{
	width: 18%;
	padding-top: 15px;
}

.header-sx #header .third img{
	width: 200px !important;
}

.header-sx #header .third-mobile img{
	width: 42px !important;
}

.header-sx #header .sx-login{
	margin-top: -4px;
		font-family: 'ProximaNova', Arial, Verdana !important;
		float: right;
}

.header-sx #header .sx-login a{
	font-size: 16px;
	font-family: 'ProximaNova', Arial, Verdana !important;
	padding: 0px 30px;
}

.header-sx #header .sx-search{
	float: left;
	margin-left: 40px;
	margin-top: -8px;
	
}

.header-sx #header .sx-search input{
	border-radius: 50px;
	padding: 8px 20px !important;
	font-family: 'ProximaNova', Arial, Verdana !important;
	text-transform: none;
}

.header-sx .sx-menu{
	background: #fff !important;
	display: flex;
	margin-bottom: 20px;
	position: fixed;
	margin: 0 auto;
	width: 100%;
	z-index: 9999;
	margin-top: 65px;
	box-shadow: 0px 3px 10px #e6e6e6;
}

.header-sx .sx-menu ul{
	padding-top: 5px;
}

.header-sx .sx-menu ul#nav a{
	background: none;
	color:#777;
	text-transform: none;
	font-family: 'ProximaNova', Arial, Verdana !important;
	background: none;
	font-weight: 500;
	padding-bottom: 22px !important;
	font-size: 16px;
	border-radius: none;
	border-bottom: 4px solid #fff;
}

#the-content #author-bio-box{
	visibility: hidden !important;
}

.header-sx .sx-menu ul#nav a:hover,
.header-sx .sx-menu ul#nav .current-menu-item a,
.header-sx .sx-menu ul#nav .current-menu-parent a,
.header-sx .sx-menu ul#nav .current-post-parent a{
	color:#ff7f4a !important;
	border-bottom: 4px solid #ff7f4a;
	background: none !important;
}

.header-sx .sx-menu ul#nav li{
	margin-right: 8px;
}

.clearfix{
	clear: both;
	display: block;
}

.separator-header{
	display: block;
	height: 155px;
}

#breaking-news .alert-news{
	border: 2px solid #51a1f4;
	background: #d2ecff;
	border-radius: 3px;
	display: flex;
	padding: 8px;
	padding-bottom: 0px;
	font-size: 18px;
	margin-bottom: 40px;

}

#breaking-news .alert-news img{
	margin-right: 6px !important;
	position: relative;
    top: 6px;
}

#breaking-news .rss-aggregator{
	list-style: none;
	display: inline-block;
	margin-left: 5px;
}

#breaking-news .rss-aggregator .feed-item a{
	font-weight: 600;
	color:#3d63a8;
}

.page-numbers{
	padding: 40px 0px;
	margin-bottom: 30px;
}

.page-numbers .next{
	background:#256fca !important;
	padding: 30px;
	width: 50px;
	height: 50px;
}

.change-lang a{
	border: 1px solid #777;
    border-radius: 5px;
    padding: 5px 15px;
    display: inline-block;
    margin-top: 30px;
}

span.page-numbers,
a.page-numbers{
	background: #fff;
    box-shadow: 0px 3px 10px #ccc;
    width: 30px;
    font-size: 24px;
    padding: 20px;
    display: inline-block;
}

span.current{
	background: #ff7f4a;
	color:#fff !important;
}

/*Footer*/

#footer {
    color: #fff;
    position: relative;
    padding-top: 40px;
    padding-bottom: 30px;
    background-color: #444;
    height: 465px !important;
    margin-bottom: -400px;
}

.details p{
	line-height:20px !important;
}

.row{
	display: block;
}

.segu{
	clear: both;
	display: block;
	padding-bottom: 30px;
}

.segu span {
    color: #ff7f4a;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: block;
    font-weight: 700;
}

.segu .content-social p {
    text-transform: uppercase;
}

.col-md-3{
	float: left;
	width: 22%;
	display: block;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-8{
	float: left;
	width: 60%;
	display: block;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 50px;
}

.col-md-4{
	float: left;
	width: 28%;
	display: block;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#footer .title{
	font-size: 14px;
    letter-spacing: 2px;
    color: #a7a7a7;
    text-transform: uppercase;
    opacity: .5;
    margin-top: -3px;
    margin-bottom: 15px;
}

#footer ul{
	list-style: none;
	font-size: 14px;
}

#footer ul li{
	margin-bottom: 0px !important;
}

#footer ul li a{
	color:#c1c1c1;
}

#footer ul li a:hover{
	color:#fff;
}

.bottom-footer{
	color: #a7a7a7;
    padding-top: 0px;
    background-color: #4d4d4d;
    padding-bottom: 20px;
    border-top: 1px solid #595959;
}

.bottom-footer .pull-right{
	float: right;
	margin-top: -10px;
}

.bottom-footer .pull-left{
	float: left;
	margin-top: -10px;
}

.content-social ul li{
	float: left;
	font-size: 32px;
	margin-right: 16px;
	color:#fff;
}

.content-social ul li a{
	color:#fff !important;
}

/*Single Post*/

.single-post .breadcrumbs,
.single-post #breaking-news{
	display: none !important;
}

.single-post h1{
	font-size: 46px !important;
}

.single-post strong,
.single-post b{
    font-family: 'ProximaNova', Arial, Verdana !important;
    font-weight: 600;
}

/* Header
----------------*/ 
#nav-wrap {
    display: block;
    width:100%;
}
#header_logo {
	margin-bottom:18px!important;
	  
}
#header {
	padding-top: 20px;
}
.header-container nav {
  float: left;
  margin-top: 10px;
}
.flexslider .slides img {
  display: inline !important;
}
ul#nav a {
  background-color: #f17e4e;
  color: #fff;
  font-family: Roboto;
}
ul#nav a:hover{
  background:#656a6f;
  color: #fff !important;
}
li.current-menu-item a {
  background: #656a6f !important;
}
.header-container .nav li {
  float: left;
  margin: 0 0 20px;
}
ul#nav li:first-child a {
  border-radius: 4px 0 0 4px;
}
ul#nav li:last-child a {
  border-radius: 0 4px 4px 0;
}
.nav a, .header-container div.nav li a {
  border-radius: 0;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: bold;
  padding: 7px 10px;
  text-transform: uppercase;
}
.sx-login {
  margin-top: 26px;
  overflow: hidden;
}
.sx-slogan {
  display: inline-block;
  float: right;
  font-family: roboto;
  font-size: 14px;
  line-height: 18px;
  margin: 0 10px 0 0;
}
.sx-login a {
  background: none repeat scroll 0 0 #f17e4e;
  border-radius: 4px;
  color: white;
  display: inline-block;
  float: right;
  font-family:Roboto;
  font-size: 20px;
  line-height: 36px;
  padding: 0 10px;
}
.sx-login a:hover {
  background: none repeat scroll 0 0 #636d72;
}
.sx-search {
  float: right;
  margin: 10px 0 0;
}
#searchform {
  position: relative;
  width:310px;
}
#searchform #s {
  display: inline-block;
  border: 1px solid #dde1e5;
  float: right;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
  padding: 4px;
  width: 100%;
}
#searchform input.submit {
  background: url("../selfy/img/sx-search.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);
  border: medium none;
  display: block;
  height: 30px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  width: 30px;
}
#header hr {
  border-bottom: 3px solid #cad2d7;
  border-top: none;
}
#breaking-news{
  margin: 0 0 0px;
  font: 21px/30px 'Roboto';

  padding: 0px;
  display:inline;
}
#breaking-news > ul {  
  font-weight: bold;
  list-style-type: none;
  display:inline;
}
#breaking-news > ul li{
  display:inline;  
}
#breaking-news >ul a{
    color: #2d3438;
}
#breaking-news > ul a:hover{ 
  color: #f17e4e !important;
}
#breaking-news >ul a:after{
    content: ".";
    color: #f17e4e;
}

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

@media only screen and (max-width: 768px) { 
	#nav{left:0;}
	.sx-login {
	  overflow:visible;
	}
	.sx-slogan {
	  display: none;
	}
	.wrapper.sx-menu {
	  background: none repeat scroll 0 0 #f17e4e;
	}
	#nav {
	  background: none repeat scroll 0 0 #f17e4e !important;
	  top: 53px !important;
	  border-radius:0 !important;
	}
	#nav li {
	  border-bottom: 1px solid #f28a60;
	  margin: 0;
	}
	#menu-icon {
	  border-radius: 0;
	  padding-right: 2px;
	}
	.sx-search {
	  float: right;
	  margin: 0;
	  position: relative;
	  right: 15px;
	  top: 47px;
	  width: 75%;
	  z-index: 10;
	}
	.sx-login {
	  overflow: visible;
	  position: relative;
	  right: 5px;
	  top: 44px;
	  z-index: 1000;
	  margin: 0;
	}
	.logo {
	  margin: 0 auto;
	}
	#header {
		padding-top: 20px;
		padding-bottom: 35px;
	}
	#header_logo {
	  margin:0;

	}
	#menu-icon span {
	  padding-right: 0px;
	}
	#menu-icon {
	  border-radius: 0;
	}
	#menu-icon {
	  border-radius: 0 !important;
	}
	ul#nav a {
	  display: block;
	  font-size: 20px;
	  font-weight: 300;
	  line-height: 42px;
	  text-transform: inherit;
	  font-family: Roboto;
	}
	#nav.nav {
	  padding: 0 !important;
	  width: 100% !important;
	}
	#nav li {
	  border-bottom: 1px solid #f28a60;
	}
	#header hr {
	  margin: 0;
	  border-bottom: medium none;
	  visibility: hidden;
	}
	#searchform #s {
	  width: 60%;
          float:left;
	  line-height: 22px;
	  border: medium none;
	}
	#nav-wrap #menu-icon {
	  float: left !important;
	  width: auto !important;
	}
	#nav-wrap {
	  position: relative;
	  right: 0;
	  text-align: center;
	  top: 0;
	  width: 100%;
	}
	.logo {
	  padding-bottom: 0;
	}
}
@media only screen and (max-width: 680px) { 
	.sx-search {
	  right: 20px;
	  width: 70%;
	}
        .logo {
            padding: 0 !important;
          }
          #header_logo {
            top: 15px !important;
            margin: 0 !important;
          }
}
@media only screen and (max-width: 580px) { 
	.sx-search {
	  right: 20px;
	  width: 60%;
	}
        #breaking-news{
             margin: 0px;      
             visibility: hidden;
}
}
@media only screen and (max-width: 480px) { 
	#header {
	padding-top: 0px;
	padding-bottom:35px;
	}
	.header-container .nav li {
	  margin: 0;
	}
	
	.sx-search {
	  position: relative;
	  right: 10px;
	  width: 50%;
	}
	
        .logo img{
            width:75% !important;
        }
        #searchform input.submit {
            background: #ffffff;
            border:  none;
            display: block;
            height: 0px;
            margin: 0;
            padding: 0;            
            right: 0;
            text-indent: -9999px;
            width: 0px;
          }
          #breaking-news{
             margin: 0px;      
             visibility: hidden;
             display:none;
}
}

.tm-tweet-clear {
  zoom: 1;
}
.tm-tweet-clear:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.tm-click-to-tweet {
  display: block;
  background-color: #fff;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #dddddd;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 15px 30px;
  margin: 15px 0px;
  zoom: 1;
}
.tm-click-to-tweet .clearfix {
  zoom: 1;
}
.tm-click-to-tweet .clearfix:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.tm-click-to-tweet .clear {
  clear: both;
}
.tm-click-to-tweet .f-left {
  float: left;
  display: inline-block;
  position: relative;
}
.tm-click-to-tweet .f-right {
  float: right;
  display: inline-block;
  position: relative;
}
.tm-click-to-tweet .list-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tm-click-to-tweet .list-reset li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tm-click-to-tweet .list-float {
  zoom: 1;
}
.tm-click-to-tweet .list-float:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.tm-click-to-tweet .list-float li {
  float: left;
  display: inline-block;
}
.tm-click-to-tweet .kill-box-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.tm-click-to-tweet .alignright {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  text-align: right;
}
.tm-click-to-tweet .alignleft {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: right;
}
.tm-click-to-tweet:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.tm-click-to-tweet .tm-ctt-reset {
  margin: 0;
  padding: 0;
  position: relative;
}
.tm-click-to-tweet:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.tm-click-to-tweet a {
  text-decoration: none;
  text-transform: none;
}
.tm-click-to-tweet a:hover {
  text-decoration: none;
}
.tm-click-to-tweet .tm-ctt-text {
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.tm-click-to-tweet .tm-ctt-text a {
  margin: 0;
  padding: 0;
  position: relative;
  color: #999999!important;
  font-size: 24px;
  line-height: 140%;
  text-transform: none;
  letter-spacing: 0.05em;
  font-weight: 100;
  font-style: italic;
  text-decoration: none;
  
}
.tm-click-to-tweet .tm-ctt-text a:hover {
  text-decoration: none;
  color: #666666;
}
.tm-click-to-tweet a.tm-ctt-btn {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 100%;
  color: #999999;
  float: right;
  padding-right: 24px;
  text-decoration: none;
  background: transparent url(../img/twitter-little-bird.png) no-repeat right top;
}
.tm-click-to-tweet a.tm-ctt-btn:hover {
  text-decoration: none;
  color: #666666;
  text-transform: uppercase;
}
.tm-click-to-tweet .tm-powered-by {
  font-size: 10px;
  color: #999999;
}
.tm-click-to-tweet .tm-powered-by a {
  font-size: 10px;
  color: #999999 !important;
}
.tm-click-to-tweet .tm-powered-by a:hover {
  color: #999999 !important;
  text-decoration: underline !important;
}
.ssba img
{ 
width: 45px;
padding: 6px;
border: 0;
box-shadow: none !important;
display: inline;
vertical-align: middle;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.ssba, .ssba a	
{
font-family: Indie Flower;
font-size: 20px;
text-decoration: none;
margin-top:-25px;
}
/* THEME COLOURS */

		body, fieldset, fieldset > fieldset{
		   	background: #f3f4f5;  /* Background for Site */
			background: #fff;		}

		html, button, input, select, textarea, a, ul.social-link a, .widget.widget_nav_menu ul li a, pre { 
			color: #656a6f; /* General Body Text Color*/
			color: #656a6f;		}

		#the-content a{
		    color: #ffc000;
			color: #F17E4E;		}

		.main ul li:before, 
		h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, cite, h1:after, h2:after, h3:after, 
		.main-container a:hover, .more:before, ol > li:before, .cta a:hover, .error[generated=true], 
		.footable.breakpoint > tbody > tr > td.expand:before, ul.social-link a:hover, 
		 #nav ul li a:hover:before, ul.page-numbers .current, #nav li a:hover,
		ul.comments h5 a, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before, .link-pages p a, #wp-calendar a, .logo-text:after,
 		.widget.widget_nav_menu ul li a:hover, .statistics li h4, ul.filters li.active a, .toggle-btn.active, .accordion-btn.active, ul.tab-nav li.active, h4.v_nav.v_active,
 		.foot-widgets a:hover, .foot-widgets a:hover b
		{
			color: #ffc000; /* Feature Color*/
			color: #F17E4E;		}   

		a.btn, input[type=button], nav li.current-menu-item a, li.current-menu-parent a, input[type=submit], #menu-icon, ol.graphs > li,
		.flex-control-paging li a.flex-active, ul.page-numbers li a.prev:hover, ul.page-numbers li a.next:hover, ul.paging a:hover span, 
		.header-container div.nav li a{
			background-color: #ffc000; /* Button Back Ground Color*/
			background-color: #F17E4E;			color: #fff; /* Button Text Color*/
			color: #fff;		}

		a.btn:hover, input[type=button]:hover, nav a:hover, nav a:before, nav li.current-menu-item a:hover, li.current-menu-parent a:hover, input[type=submit]:hover, #menu-icon.active, #nav ul, .nav-parent.hover a, .header-container div.nav li a:hover, .flex-control-paging li a, ul.page-numbers li a.prev, ul.page-numbers li a.next, ul.paging a span{
			background-color: #646d72; /* Button Back Ground Color on Hover*/
			background-color: #646d72;			color: #fff;
			color: #fff;		}

		h1, h2, h3, h4, .nav a, h1 a, h2 a, h3 a, h4 a, #response .success, .success:before, #response .failure, #header_logo, .logo-text, .statistics li h6, .toggle-btn, .accordion-btn, ul.tab-nav li,
		h4.v_nav{
			color: #2d3438; /* Headings Color*/
			color: #2d3438;		} 

		strong, b, .lead, .main table th, blockquote, .more, .cta a, .tweet, ul.pagination li a, ul.comments h5 a:hover, .comment-reply-link,
		.comment-edit-link, .link-pages, .link-pages p a:hover, #wp-calendar a:hover, #wp-calendar caption{
			color: #3c4a52; /* bold text Color*/
			color: #2d3438;		}

		#masthead, #slides {
			background: #a4aeb0!important; /* Home Page Masthead Background Color - Match to image*/
			background: #656a6f!important;		}

		.cta, .cta h1, .cta h2, .cta h4, .cta h5{
			color: #fff; /* Masthead Headings Color*/
			color: #656a6f;		}

		.cta h3{
			color: #e2e2e2; /* Masthead Headings Color*/
			color: #e2e2e2;		}

		span.wpcf7-not-valid-tip, div.wpcf7-response-output{
			color: #f47851;
		}

		h6.tags a, a:before{
			color: #CAD2D7;
		}

		.statistics li h5{
			color: #9fadb4; /* statistics value*/
			color: #9fadb4;		}

		.header-container header, .right-aside, footer .wrapper, hr, hr.dots, hr.dash, fieldset, .statistics ul li, ul.filters, ul.filters li, .header-container header .wrapper, ul.toggle li,
		ul.tab-nav li, ul.tab-nav li.active, .tab-content-block, h4.v_nav, ul.accordion li
		{
			border-color: #cad2d7; /* lines and rulers*/
			border-color: #cad2d7;		}
		
		
		footer{
			background-color: #e3e5e7; /* footer background */
			background-color: #e3e5e7;		}

		.nav li a { 
			color: #2d3438; /* Menu Text Color */
			color: #2d3438;		}
	



	@media (max-width: 767px) {
	  .hidden-xs {
	    display: none !important;
	  }
	}

	@media (max-width: 767px) {
		
		.header-sx .sx-menu {
   background: none !important;
    position: fixed;
    margin: 0 auto;
    width: 100%;
    z-index: 9999;
    margin-top: 8px;
    margin-left: -9px;
    box-shadow: none !important;
}

.separator-header {
    display: block;
    height: 75px;
}

#nav.nav {
    padding: 0 !important;
    width: 110% !important;
    margin-left: -10px;
    margin-top: 4px;
    background: #fff !important;
}

.header-sx .sx-menu ul#nav a {
    padding-bottom: 4px;
}

	  .header-sx #header .sx-search {
		    float: right;
		    /* margin-left: 40px; */
		    margin-top: -66px;
		}

		.sx-search {
    position: relative;
    right: 10px;
    width: 58%;
}

#searchform #s {
    width: 70%;
    }

	  .visible-xs {
	    display: block !important;
	  }
	  table.visible-xs {
	    display: table !important;
	  }
	  tr.visible-xs {
	    display: table-row !important;
	  }
	  th.visible-xs,
	  td.visible-xs {
	    display: table-cell !important;
	  }
	}

	/* LOGO MAX WIDTH */

		.logo{
			max-width: 131px; 
			max-width: 436px;		}
		.logo-foot{
			max-width: 45px; 
		}

	/* HEADER PADDING*/

		.header-container header{
			padding-top: 60px;
			padding-top: 107px;
			padding-bottom: 45px;
			padding-bottom: 0px;		}   

	/* HEADER ELEMENTS POSITIONING */

		#header_logo {
			position: relative;	
			top: 0px;
						left: 0px;
					}

		#header_logo_mobile {
			position: relative;	
			top: 15px;
						left: 55px;
						    text-align: left;

					}

		#nav-wrap {
			position: relative;	
			top: 0px;
						right: 0px;
					}

	/* RESPONSIVE MENU */

		@media only screen and (max-width: 768px) {
		 /* ============= Nav ===============*/
		     #nav {
				background: #646d72; 
				background: #646d72;		     }
		 }


.logo-mobile-sx{
		width: 42px !important;
		margin-top: -14px;
	}
	/* FINAL CALL CSS */