/*   
Theme Name: SiteSudo
Author: ArtstudioWorks]
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: richer
Version: 1.0
Tags: white, black, green, flexible-width, fixed-width, custom-colors, custom-background, theme-options, translation-ready
Designed by ArtstudioWorks: http://themeforest.net/user/ArtstudioWorks
*/

/* =Theme customization starts here
-------------------------------------------------------------- */



.home #fold {
	border-top: 10px solid #132D46;
}

#navigation #top {
    display: flex;
    padding-bottom: 10px;
}

#navigation #top #phone {
    align-items: flex-start;
    margin-left: auto;
}

#navigation #top #phone a {
    font-size: 28px;
	line-height: 36px;
	color: #ffffff;
	font-family: "Times New Roman", serif;
}

#navigation ul.menu > li.menu-item {
    line-height: 30px;
}

.testimonial.default {
    font-size: 25px;
    line-height: 32px;
}

#wpcf7-f124-p8-o1 input#name {
	margin: 0px;
}

#wpcf7-f124-p8-o1 input, #wpcf7-f124-p8-o1 textarea {
	width: 100%;
	padding: 15px;
	margin: 15px 0 0 0;
}

#wpcf7-f124-p8-o1 input:not([type=submit]) {
	background: #f4f4f4;
}

#icon-alt h1, #icon-alt h2, #icon-alt h3, #icon-alt h4, #icon-alt h5, #icon-alt h6, #icon-alt p {
	color: #ffffff;
}

#icon-alt .span4 {
	text-align: center;
}

#icon-alt .span4 img {
	border-radius: 100%;
	width: 200px;
	height: 200px;
	border: 5px solid #ffffff;
}

#icon-alt .span4 .hr.solid_light {
	border-bottom: 1px solid #1F4569;
}

#icon-alt .icons {
	display: block;
}

#icon-alt .separator {
    background-color: #1F4569;
}

h3 {
	font-style: italic;
}

#fold p.intro {
    text-align: justify;
    column-count: 2;
    column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
}

.social-icons ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
}

#header.header3 .widget .social-icons a:hover, #header.header3 .widgets .social-icons a:active {
    color: #ffffff !important;
}

#header.header3 .widget i.icon.fa.fa-phone.mini.simple {
    display: inline-block;
    text-align: center;
    font-size: 1em;
	margin-right: 5px;
}

#header.header3 > .container > .span12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header.header3 .widget {
    font-size: 1.7em;
    display: block;
}

@media screen and (max-width: 767px) {
    #header.header3 .widget {
        margin: 0 0 10px 0;
        padding: 1%;
        width: 47%;
        text-align: center;
    }
}

/* =Theme Customization
-------------------------------------------------------------- */
li#PhoneDiv4 {
    font-size: 23px;
}

.button.yellow.three_d {
	border-bottom: 2px solid #B7A44E;
}

.button.yellow {
	background: #c1b060;
}

.home #header.header5:not(.fixed_header) {
    background-color: rgba(0,0,0, 0.5) !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
}

#header.header5:not(.fixed_header) {
	background-color: #132D46 !important;
    position: static;
}

@media screen and (max-width:782px) {
	.home #header.header5:not(.fixed_header) {
		background-color: #132D46 !important;
		position: static;
	}
}

#top-bar {
  border-bottom: none;
}

.video.flexslider .flex-control-nav li {
    margin: 10px 0 0 5px;
}

.video.flexslider .flex-direction-nav {
    display: none;
}

.post-meta {
    font-size: 13px;
}

a.practice-iconbox, a.practice-iconbox:visited {
	color: #ffffff;
    display: block;
    padding: 30px 0 30px 120px;
    font-size: 24px;
    line-height: 1.2em;
    margin: 5px;
    border-radius: 5px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

a.practice-iconbox:hover {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    background-color: #333333 !important;
    color: #ffffff;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
    -o-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
    transition: all 0.6s ease-in-out;
}

::-webkit-input-placeholder {
    color: #666666;
}

:-moz-placeholder { /* Firefox 18- */
    color: #666666;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #666666;
}

:-ms-input-placeholder {
    color: #666666;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="date"],
.contact-form input[type="phone"],
.contact-form textarea {
    border: 1px solid #aaaaaa;
    box-shadow: none;
    background: transparent;
}

.contact-form {
    font-family: "Noto Sans", "Open Sans", Verdana, Arial, sans-serif;
}

.contact-form header {
    padding: 20px;
}

.contact-form header h2,  .contact-form header h3 {
    font-family: "Noto Sans", "Open Sans", Verdana, Arial, sans-serif;
    text-align: center;
}

.contact-form div {
    padding: 20px;
}

.contact-form h2 {
    line-height: 40px;
    font-size: 24px;
}

.contact-form h3 {
    line-height: 40px;
    font-size: 28px;
}

.shortcode-map {
    margin: 0;
}

#copyright .copyright-logo {
    width: 80px;
    margin-top: -3px;
}

span.wpcf7-list-item {
    width: 100%;
    display: block;
}

#title h2, #alt-title h2 {
    font-family: Open Sans, Arial, Helvetica, sans-serif;
    line-height: 1.6em;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: 600 !important;
}

@media only screen and (max-width: 782px) {
    #title h2 {
        text-align: center;
    }
}

.transparent-black-bg {
    background-color: rgba(0,0,0,0.5);
    padding: 30px;
    border-radius: 10px;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.6);
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.transparent-black-bg h2 {
    font-size: 1.8em;
    margin: 0;
}

.transparent-white-bg {
    background-color: rgba(255,255,255,0.5);
    padding: 30px;
    border-radius: 10px;
    color: #333333;
    text-shadow: 0 1px 1px rgba(0,0,0,0.6);
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.testimonial.bold-quoted {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.3em;
}

div.wpcf7-form-control-wrap > div.g-recaptcha {
    margin-bottom: 20px;
}

.testimonial.bold-quoted .excerpt:after, .testimonial.bold-quoted .excerpt:before {
    content: '"';
}

.testimonial.bold-quoted .excerpt {
    background: none;
    padding: 0;
}

.testimonial.bold-quoted .user, .testimonial.bold-quoted .user span {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.8em;
}

#header.header4 #navigation ul.menu {
    float: none !important;
    margin: 0;
    text-align: center;
    display: inline-block;
    line-height: 0;
}
#header.header4 #navigation {
    float: none !important;
    margin: 0;
    text-align: center;
    line-height: 0;
}
#header.header4 #navigation ul.menu > li {
    line-height: 1;
    position: relative;
    margin-left: 0;
    padding: 15px 0;
}

#header.header4 #navigation ul.menu > li:first-child {
    padding-left: 12.5px;
}

#header.header4 #navigation {
    border-top:1px solid #dddddd;
}
#header.header4 #navigation .menu > li > .sub-menu {
    left: 0;
}
#header.header4 #navigation .menu li.megamenu > .sub-menu {
    left: 0;
}
#header.header4 #navigation ul.menu > li > a {
    margin: 0 0px 0 0 !important;
    display: inline;
    display: inline-block;
    float: none;
    position: relative;
}
#header.header4 #navigation ul.menu > li {
    border-right: 1px solid transparent;
}

#header.header4 #navigation .menu ul {
    text-align: left;
}
#header.header4 #navigation ul li:first-child {
    border-left: 1px solid transparent;
}

/* Social Icons */

ul.ss-social-widget {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: table;
}
ul.ss-social-widget li {
    margin: 0;
    display: inline-block;
    padding: 0 5px !important;
}
#footer .widget ul.ss-social-widget li:before {
    background: none !important;
}

ul.ss-social-widget li a {
    display: table-cell;
    width: 40px;
    height: 40px;
    color: #ffffff;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    border-radius: 100%;
    position: relative;
}

ul.ss-social-widget li a:hover::before {
    display: block;
    content: " ";
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    border-radius: 100%;
}
ul.ss-social-widget li a.facebook {
    background: #3b5998;
}
ul.ss-social-widget li a.linkedin {
    background: #007bb6;
}
ul.ss-social-widget li a.twitter {
    background: #00aced;
}
ul.ss-social-widget li a.googleplus {
    background: #dd4b39;
}
ul.ss-social-widget li a.dribbble {
    background: #ea4c89;
}
ul.ss-social-widget li a.flickr {
    background: #ff0084;
}
ul.ss-social-widget li a.instagram {
    background: #517fa4;
}
ul.ss-social-widget li a.pinterest {
    background: #cb2027;
}
ul.ss-social-widget li a.tumblr {
    background: #32506d;
}
ul.ss-social-widget li a.vimeo {
    background: #1ab7ea;
}
ul.ss-social-widget li a.vine {
    background: #00bf8f;
}
ul.ss-social-widget li a.youtube {
    background: #bb0000;
}
ul.ss-social-widget li a.avvo {
    background: #053867;
}
ul.ss-social-widget li a.rss {
    background: #FF6600;
}

ul.ss-social-widget li a.linkedin {
    background: #007bb6;
}

.practice-nav {
    position: relative;
    display: table;
    width: 100%;
}

.practice-nav a {
    -webkit-box-shadow: -3px 3px 5px rgba(0,0,1,0.57),inset 0 0 3px rgba(255,255,255,0.75);
    -moz-box-shadow: -3px 3px 5px rgba(0,0,1,0.57),inset 0 0 3px rgba(255,255,255,0.75);
    box-shadow: -3px 3px 5px rgba(0,0,1,0.57),inset 0 0 3px rgba(255,255,255,0.75);
    border: solid 1px rgba(5,46,86,0.83);
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 19px;
    text-align: center;
    padding: 10px 10px 10px;
    line-height: 1.2;
}

.practice-nav a:hover, .practice-nav a:focus, .practice-nav a:active, .practice-nav a.current {
    color: #fff;
    text-decoration: none;
}

.practice-nav ul li a:hover, .practice-nav ul li a:focus, .practice-nav ul li a:active, .practice-nav ul li a.current {
    background: #473d3b;
}

.practice-nav ul {
    transition-property: opacity, visibility;
    transition-duration: 200ms, 200ms;
    transition-timing-function: ease-out, linear;
    transition-delay: 0s;
    display: block;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    top: 100%;
    left: auto;
    width: 100%;
}

.practice-nav:hover > ul, .practice-nav:focus > ul {
    visibility: visible;
    opacity: 1;
    z-index: 999999;
}

.practice-nav ul li {
    margin: 0;
    width: auto;
    display: block;
    float: none;
}

.practice-nav ul li ul {
    left: 100%;
    top: 0;
    visibility: hidden;
}

.practice-nav ul li a {
    font-size: 15px;
    text-align: left;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,1,0.57);
    -moz-box-shadow: 0px 0px 0px rgba(0,0,1,0.57);
    box-shadow: 0px 0px 0px rgba(0,0,1,0.57);
    border: none;
    padding: 12px 12px 12px 46px;
    position: relative;
    color: #ffffff;
}

.practice-nav ul li a:before {
    content: "";
    position: absolute;
    left: 28px;
    display: inline;
    top: 17px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    z-index: 9;
}

.practice-nav ul li a:hover:before, .practice-nav ul li a:focus:before, .practice-nav ul li a:active:before, .practice-nav ul li a.current:before {
    border-left: 5px solid #473d3b;
}

.practice-nav ul li a:after {
    content: "";
    position: absolute;
    left: 28px;
    top: 16px;
    width: 0;
    height: 0;
    border-left: 6px solid #fff7f5;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

/* Imagebox */

.imagebox, .imagebox:before, .imagebox * {
    transition: all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
}

.imagebox {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    display: inline-block;
    z-index: 1;
    width: 100%;
    max-width: 500px;
    padding-bottom: 50%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    text-align: center;
}

.imagebox p {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    text-shadow: 0 1px 1px #000;
    padding: 3%;
    margin: 0;
    line-height: 18px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    text-align: center;
    z-index: 6;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.imagebox:before {
    content: "";
    display: block;
    background: rgba(0,0,0,0.4);
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
}

/* default */
.imagebox.default:hover {
    box-shadow: inset 2px 2px 2px rgba(0,0,0,0.4);
}

.imagebox.default:hover:before {
    background: none;
}

.imagebox.default:hover > p {
    font-size: 1.2em;
}

/* zoom-in */
.imagebox.zoom-in:hover:before {
    background: none;
}

.imagebox.zoom-in:hover {
    background-size: 130%;
}

.imagebox.zoom-in:hover > p {
    background: rgba(0,0,0,0.5);
    font-size: 1.1em;
}

/* circle */
.imagebox.circle, .imagebox.circle:before {
    border-radius: 100%;
}

.imagebox.circle {
    width: 225px;
    height: 225px;
    padding-bottom: 0;
    border: 5px solid #ccc;
    background-size: 200%;
}

.imagebox.circle:hover:before {
    background: none;
}

.imagebox.circle:hover {
    background-size: 250%;
}

.imagebox.circle p {
    padding: 0 40px 50px 40px;
    font-size: 20px;
    line-height: 24px;
}

.imagebox.circle:hover > p {
    font-size: 22px;
}

/* Member Profile */

.member-profile {
    padding: 10px;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;

}

.member-profile img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    box-shadow: 1px 1px 1px #888;
    border: 3px solid #fff;
}

.member-profile h4 {
    color: #333;
    font-size: 22px;
    margin: 5px 0 3px 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.member-profile em {
    font-size: 12px;
    color: #555;
}

.member-profile .social {
    margin: 15px 0;
}

.member-profile .member-description {
    text-align: left;
}

.member-profile .social a {
    margin: 5px;
    display: inline-block;
}

.member-profile .social .fa {
    display: inline-block;
}

.member-profile .social .fa:before {
    background: #f4f4f4;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    text-decoration: none;
    font-size: 1.5em;
    color: #333333;
    margin: 10px 8px;
    display: table-cell;
    vertical-align: middle;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.member-profile .social .fa-facebook:before {
    box-shadow: 1px 1px 1px #3b5998;
    color: #3b5998;
}

.member-profile .social .fa-facebook:hover:before {
    background: #3b5998;
    color: #fff;
}

.member-profile .social .fa-twitter:before {
    box-shadow: 1px 1px 1px #00aced;
    color: #00aced;
}

.member-profile .social .fa-twitter:hover:before {
    background: #00aced;
    color: #fff;
}

.member-profile .social .fa-linkedin:before {
    box-shadow: 1px 1px 1px #007bb6;
    color: #007bb6;
}

.member-profile .social .fa-linkedin:hover:before {
    background: #007bb6;
    color: #fff;
}

.member-profile .social .fa-google-plus:before {
    box-shadow: 1px 1px 1px #dd4b39;
    color: #dd4b39;
}

.member-profile .social .fa-google-plus:hover:before {
    background: #dd4b39;
    color: #fff;
}

#navigation .sub-menu li a, #navigation .sub-menu li .sub-menu li a, #navigation .sub-menu li .sub-menu li .sub-menu li a {
    padding: 10px;
    line-height: 18px;
}

@media screen and (max-width: 767px) {
    .plan {
        margin-bottom: 20px;
    }
}