/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }


@font-face {
	font-family: 'PlayfairDisplay-Regular';
	src: url('fonts/PlayfairDisplay-Regular.eot');
	src: local('☺'), url('fonts/PlayfairDisplay-Regular.woff') format('woff'), url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'), url('fonts/PlayfairDisplay-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ===== Initializr Styles =============================================================================================== */



img{ max-width:100%; height:auto}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/* ===================    =================== */
h1, h2, h3, h4, h5, h6 {
    font-family: "PlayfairDisplay-Regular";
    letter-spacing: 0;
}

/* ===================    =================== */





/* ===================    =================== */


.boxed .hero-header {
    left: calc(-50vw + 50%);
    width: 100vw;
	padding:400px 0 150px;
}

.boxed .hero-header2 {
    left: calc(-50vw + 50%);
    width: 100vw;
	padding:250px 0 100px;
}

.segment {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 90px 0;
}
.segment {
    position: relative;
}
.segment .parallax-bg, .segment .image-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
}
.dark-bg p, .dark-bg div {
    color: #aaa;
}
.segment .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.pointer-down {
	bottom: 50px;
    border-radius: 2px;
    bottom: 50px;
    color: #fff;
    display: block;
    font-size: 32px;
    left: 50%;
    margin-left: -26px;
    padding: 10px 20px;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
    z-index: 3;
}
.pointer-down:hover{background-color: rgba(255, 255, 255, 0.2);}

.segment-content {
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
	position:relative;

}
.heading2 {
    margin: 0 auto 0;
    text-align: center;
}
.heading2 .title {
    font-size: 42px;
    font-weight: 400;
    line-height: 54px;
    max-width:900px;
	color: #fff;
	margin: 0 auto 25px;
}
/* ==============    MOBILE: Menu    ============== */
#main-menu-wr{ position:fixed; top:0; left:-360px; z-index:99999; background:#222; padding:0px 25px 15px 10px; bottom:0; overflow-y: auto; width:200px }
#main-menu { margin: 0; padding: 0; list-style-type: none; text-align:left }

#menu-show { float: right; padding-top:4px; width:30%; text-align:right }
#menu-show:hover { opacity:0.8; filter:alpha(opacity=80); }
#menu-close{ display:block; text-align:right; border-bottom: 1px solid #505050; padding:5px 0px}
#main-menu a, #main-menu a:visited { display: block; padding:5px 0; text-decoration: none; color: #fff; text-transform:uppercase  }
#main-menu ul a, #main-menu ul a:visited { color: #999; }
#main-menu li ul{ padding:0; margin:0px 0px  }
#main-menu > li:last-child a{ padding-right:0px }	
#main-menu a:hover { color: #777; }
/* ===================== Slider  ========================================================================== 
#slider { position:relative; min-height:150px; background:#fff; }
#slider img{ width:100%; min-height: 150px;}
#slider ul{ margin:0; padding:0; list-style-type:none }
#slider .page-width{padding:0 10%; position:absolute; width:100%; color:#fff; left:0; top:30%; text-align:center; z-index:10;
	
}
#slider .page-width .mega-title {
    margin-bottom:20px;
	font-size: 3em;
	text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
	text-transform: none;
	font-weight: 400;
    letter-spacing: 0;
    line-height: 1.2;
	overflow-wrap: break-word;
}

#slider .page-width .mega-subtitle {
    font-size: 1.50em;
    margin: 0 auto;
	font-weight: 400;
	text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.5);
	display: block;
}

#slider li{ min-height:250px}
#slider .bxslider{ min-height:250px }
#slider .bx-wrapper .bx-viewport{ background:#333; text-align:center}
#slider .bxslider li img{ margin:0 auto; display:none; width:100%}
#slider .slider1{ background:url(../img/slider/s1.jpg) no-repeat top center; background-size:cover }
#slider .slider2{ background:url(../img/slider/s2.jpg) no-repeat top center; background-size:cover }
#slider .slider3{ background:url(../img/slider/s3.jpg) no-repeat top center; background-size:cover }
#slider .slider4{ background:url(../img/slider/s4.jpg) no-repeat top center; background-size:cover }
#slider .slider5{ background:url(../img/slider/s5.jpg) no-repeat top center; background-size:cover }
*/
/* ===================================================================    ============== */
.header-overlay #agency-intro {
    margin-top: -40px;
}
.tiles-container {
    display: table;
    position: relative;
    width: 100%;
}


.tiles-container .tile {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    width: 50%;
}
.services-tile {
    background: #fff none repeat scroll 0 0;
    padding: 40px 60px;
    width: 40%;
}
#agency-intro .intro-tile {
    background: #2f73b9 none repeat scroll 0 0;
    padding: 35px 35px;
    width: 60%;
}
#agency-intro .intro-tile .intro-text {
    color: #fff;
    font-size:16px;
    font-style: italic;
    line-height: 36px;
    margin-bottom: 20px;
}
#agency-intro .intro-tile .read-more {
    border: medium none;
    color: #4b1e14 !important;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
}
.read-more {
    border-bottom: 1px solid #777;
    color: #777 !important;
    display: inline;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 22px;
    padding-bottom: 2px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
	margin-top: 30px;
}
#agency-intro .subtext {
    color: #4b1e14;
    font-weight: 600;
    margin-bottom: 20px;
	font-size: 22px;
}
#agency-intro ul {
    list-style: outside none none;
    margin: 0;
	padding:0
}
#agency-intro ul li {
    font-family: "PlayfairDisplay-Regular",Georgia,"Times New Roman",Times,serif;
    font-size: 22px;
    line-height: 34px;
    margin: 6px 0;
	color: #4b1e14 !important;
}
#agency-intro ul li a{color: #2f73b9;}
#agency-intro ul li a:hover{color: #444;}
/* ===================================================================    ============== */

.zero-margin, #content .zero-margin {
    margin-right: 0;
}
.image-grid .onecol.zero-margin, .image-grid .twocol.zero-margin, .image-grid .onefifthcol.zero-margin, .image-grid .threecol.zero-margin, .image-grid .fourcol.zero-margin, .image-grid .fivecol.zero-margin, .image-grid .sixcol.zero-margin, .image-grid .sevencol.zero-margin, .image-grid .eightcol.zero-margin, .image-grid .ninecol.zero-margin, .image-grid .tencol.zero-margin, .image-grid .elevencol.zero-margin {
    margin: 0 !important;
    padding: 0 !important;
}
.image-grid .onecol.zero-margin {
    width: 8.33333%;
}

.onecol {
    display: block;
    float: left;
    margin-right: 3.44828%;
    width: 5.17241%;
}
.fourcol {
    display: block;
    float: left;
    margin-right: 3.44828%;
    width: 31.0345%;
	
}
.eightcol {
    display: block;
    float: left;
    margin-right: 3.44828%;
    width: 65.5172%;
}
.onecol, .twocol, .onefifthcol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    min-height: 1px;
}
.image-grid .fourcol.zero-margin {
    width: 33.3333%;
}
.eightcol.zero-margin {
    width: 66.6667%;
}
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol {
    margin-bottom: 22px;
    margin-left: 0;
    margin-right: 2% !important;
    margin-top: 0;
    padding: 0 !important;
}
#showcase-full-width .thumbnail {
    width: 100%;
}
.portfolio-link-item .portfolio-link-wrap {
    -moz-box-pack: center;
    background: #0257ab none repeat scroll 0 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
}
.portfolio-link-item a.portfolio-link {
    align-self: center;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}
.image-area {
    overflow: hidden;
    position: relative;
}
.image-area a {
    color: #fff;
    display: block;
    text-decoration: none;
}
.image-area:hover .image-info{  opacity: 1;}
.image-area:hover .image-overlay{  opacity: 0.5;}
.image-info {
    display: block;
    height: 100%;
    opacity: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity 0.4s ease-in-out 0s;
    width: 100%;
    z-index: 120;
}
.image-info .entry-info {
    bottom: 0;
    display: block;
    height: 82px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}
.image-info h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin: 0;
    padding: 10px;
}
.image-info h3 a {
    border-bottom: 1px solid transparent;
    color: #fff;
    display: inline;
    transition: all 0.3s ease-in-out 0s;
}
.image-info .terms {
    display: block;
	color: #fff;
}
.image-overlay {
    background: #000 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: opacity 0.4s ease-in-out 0s;
    width: 100%;
}
/* ===================================   Media Queries   ========================================================================== */
.panel-row-style {
	padding:70px 0;
}
.panel-row-style .heading2 {
    margin: 0 auto 60px;
    text-align: center;
}
.panel-row-style .heading2 .sub-title {
    color: #4b1e14;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 24px;
    margin: 0 auto 10px;
    max-width: 700px;
    text-transform: uppercase;
}
.panel-row-style .heading2 .title {
    color: #4b4949;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 auto 25px;
    max-width: 640px;
	 font-family: "PlayfairDisplay-Regular";
    letter-spacing: 0;
}
.segment-content {
    margin: 0 auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
	overflow: hidden;
}
.animate-numbers {
    font-size: 0;
}
.animate-numbers .stats::after {
    border-right: 1px solid #ccc;
    color: #ccc;
    content: "";
    height: 65px;
    position: absolute;
    right: 0;
    top: 25px;
    transform: rotate(30deg);
}
.animate-numbers .stats {
    box-sizing: border-box;
    display: inline-block;
    min-width:170px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 25%;
}
.animate-numbers .stats .number {
    color: #333;
    font-family: "PlayfairDisplay-Regular",Georgia,"Times New Roman",Times,serif;
    font-size: 40px;
    line-height: 72px;
    margin-bottom: 20px;
}
.animate-numbers .stats .stats-title {
    color: #979595;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    text-transform: uppercase;
}
.animate-numbers .stats:last-child::after {
    border: medium none;
}
/* ===================================*/
#client-testimonials {
    background: #eee none repeat scroll 0 0;
    padding: 0;
}
.testimonials-slider-container {
    position: relative;
    z-index: 2;
}
.testimonials-slider-container {
    text-align: left;
}

.tiles-container {
    display: table;
    position: relative;
    width: 100%;
}

#slider2-wr .tiles-container .image-content {
    position: relative;
    width: 25%;
}

#slider2-wr .tiles-container .text-content {
    width: 75%;
}

#slider2-wr .quote {
    margin: 0 auto;
    max-width:450px;
}

#slider2-wr blockquote::before {
    content: "\f10d";
    left: -50px;
}
#slider2-wr blockquote::after, #slider2-wr blockquote::before {
    color: #ccc;
    font-size: 26px;
    line-height: 26px;
}
blockquote::before {
    content: "\f10d";
    font-size: 24px;
    left: 0;
}
blockquote::after, blockquote::before {
    color: #bbb;
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    text-transform: none;
}

#slider2-wr blockquote {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #333;
    font-family: "Playfair Display",Georgia,"Times New Roman",Times,serif;
    font-size: 12px;
    font-style: normal;
    line-height:18px;
    margin: 0 0 15px;
    padding: 0;
    text-align: left;
	font-weight: normal;
    letter-spacing: 0;
	position: relative;
    text-transform: none;
}
#slider2-wr cite .client-name {
    color: #2f73b9;
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    text-transform: none;
}
/* ===================================   Media Queries   ========================================================================== */
#slider2-wr{ display:block; overflow:hidden; clear:both;}
.bx-wrapper .bx-viewport{ background:none}
#slider2-wr ul li{ min-height:225px }
#slider2-wr #slider2{ display:block; margin:0; padding:0; overflow:hidden }
#slider2-wr .s2-caption{ margin:0 auto; max-width:800px; line-height:1.4 }
#slider2-wr .s2-caption p{ color:#707070; padding-top:0px  }
#slider2-wr .s2-caption p.s2t1{ font-size:16px; font-size:1.6rem;  }
#slider2-wr .s2-caption span{ font-weight:bold  }
/* ===================================   Media Queries   ========================================================================== */
.panel-row-style .heading2 .title1 {
    color: #4b4949;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 auto 25px;
    max-width: 940px;
	 font-family: "PlayfairDisplay-Regular";
    letter-spacing: 0;
}
.panel-row-style.slogan blockquote::before {
    left: -20px;
}

blockquote::before {
    content: "\f10d";
    font-size: 24px;
    left: 0;
}
blockquote::after, blockquote::before {
    color: #bbb;
    font-family: "FontAwesome";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    position: absolute;
    text-transform: none;
}

.panel-row-style.slogan blockquote::after {
    bottom: 0;
    display: block;
    right: -20px;
}
.panel-row-style.slogan blockquote::after, .panel-row-style.slogan blockquote::before {
    color: #7d7f86;
    font-size: 32px;
    position: absolute;
}
blockquote::after {
    bottom: 0;
    content: "\f10e";
    display: none;
    right: 0;
}

.panel-row-style.slogan blockquote {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #efefef;
    font-family: "Playfair Display",Georgia,"Times New Roman",Times,serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px;
    margin: 0 auto;
    max-width: 600px;
    padding: 0;
    position: relative;
    text-align: center;
}
.segment.slogan .author, .panel-row-style.slogan .author {
    color: #9da0ab;
    font-size: 18px;
    font-style: italic;
    line-height: 36px;
    margin: 40px 0 0;
    padding: 0;
    text-align: center;
}

/* ==========================================================================*/
.hleft {
    float: left;
}
.col50{ width:50% }

.threecol {
    display: block;
    float: left;
    margin-right: 3.44828%;
    width: 22.4138%;
}
.image-grid .threecol {
    width: 23%;
}
/* ==========================================================================*/
.team-profiles .member-profile .image-content {
    width: 35%;
}
.team-profiles .member-profile .text-content {
    text-align: left;
    width: 65%;
}
.team-profiles .member-profile .profile-data {
    margin: 0 auto;
    max-width: 650px;
    padding: 40px 40px 20px;
}
.team-profiles .member-profile .profile-data .profile-attributes {
    float: left;
    margin: 5px 40px 20px 0;
    width: 150px;
	min-height:200px;
}
.team-profiles .member-profile .profile-data h3 {
    border-top: 3px solid #888;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 12px;
    padding-top: 10px;
}
.team-profiles .member-profile:nth-child(2n+1) {
    background: #eee none repeat scroll 0 0;
}
/* ==========================================================================*/

#client-list {
    margin: 0 auto;
    overflow: hidden;
}
.onefifthcol {
    display: block;
    float: left;
    margin-right: 2.73973%;
    width: 17.8082%;
}
#client-list i {
	font-size:90px;
    margin: 0 auto;
    max-width: 100%;
    transition: all 0.3s ease-in-out 0s;
}
/* ==========================================================================*/
#app-benefits .image-content, #agency-benefits .image-content {
    overflow: hidden;
    position: relative;
    width: 35%;
}
#app-benefits .text-content, #agency-benefits .text-content {
    background: #f8f8f8 none repeat scroll 0 0;
    padding: 80px 100px 30px;
    width: 65%;
}
#app-benefits .labeled-filler-img, #agency-benefits .labeled-filler-img {
    text-align: center;
}
#app-benefits .filler-img-label, #agency-benefits .filler-img-label {
    border: 2px solid #fff;
    color: #fff;
    display: inline;
    font-size: 28px;
    line-height: 64px;
    padding: 10px 30px;
    position: relative;
    z-index: 2;
}
#app-benefits .filler-img, #agency-benefits .filler-img {
    height: 100%;
    max-width: none;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.sixcol {
    display: block;
    float: left;
    margin-bottom:20px;
    width: 100%;
}
#app-benefits .app-benefit h4, #app-benefits .agency-benefit h4, #agency-benefits .app-benefit h4, #agency-benefits .agency-benefit h4 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
}
/* ==========================================================================*/

#contact-us .contact-info-section {
    background: #1b67b6 none repeat scroll 0 0;
}
#contact-us .contact-info-section .text-content {
    padding: 40px 60px 40px;
}
#contact-us .contact-info-section .text-content h3 {
    margin-bottom:15px;
	font-size:30px
}
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 {
    color: #fff !important;
}
#contact-us .contact-info-section .text-content p {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}
#contact-us .contact-info-section .text-content a {
    color: #fff;
    font-size: 18px;
    line-height: 32px;
}


#contact-us .contact-form-section .map-content {
    overflow: hidden;
    position: relative;
}
#contact-us .contact-form-section .map-content .fluid-width-video-wrapper {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#app-benefits .image-content, #agency-benefits .image-content {
    overflow: hidden;
    position: relative;
    width: 35%;
}
/* ========================================================================== Contact Us */
#contact-us .contact-form-section {
    background: #023364 none repeat scroll 0 0;
}
#contact-us .contact-form-section .form-content {
    padding: 60px 50px 60px 60px;
}
#contact-us .contact-form-section .form-content h3 {
    margin-bottom: 30px;
}
#contact-us .contact-form, #contact-us .wpcf7-form {
    max-width: 600px;
}
#content .contact-form p, #content .wpcf7-form p {
    margin-bottom: 14px;
	color: #aaa;
}
#content .contact-form p, #content .wpcf7-form p {
    display: inline-block;
    margin-right: 2%;
    position: relative;
    width: 48%;
}
#content .contact-form p.text-area, #content .wpcf7-form p.text-area {
    display: block;
    width: 98%;
}
.contact-form label, .wpcf7-form label {
    display: none;
    font-size: 16px;
    text-transform: uppercase;
}
#contact-us .dark-bg .contact-form input[type="text"], #contact-us .dark-bg .contact-form input[type="tel"], #contact-us .dark-bg .contact-form input[type="url"], #contact-us .dark-bg .contact-form input[type="email"], #contact-us .dark-bg .contact-form input[type="number"], #contact-us .dark-bg .contact-form input[type="range"], #contact-us .dark-bg .contact-form textarea, #contact-us .dark-bg .wpcf7-form input[type="text"], #contact-us .dark-bg .wpcf7-form input[type="tel"], #contact-us .dark-bg .wpcf7-form input[type="url"], #contact-us .dark-bg .wpcf7-form input[type="email"], #contact-us .dark-bg .wpcf7-form input[type="number"], #contact-us .dark-bg .wpcf7-form input[type="range"], #contact-us .dark-bg .wpcf7-form textarea{background: #1b67b6 none repeat scroll 0 0;
    border-color: transparent;
	box-sizing: border-box;
    height: auto;
    line-height: 24px;
    padding: 10px 15px;
    transition: all 0.2s ease-in-out 0s;
	width: 100%;}
#contact-us .dark-bg input, #contact-us .dark-bg textarea {
    color: #dedede;
}
#contact-us .dark-bg .contact-form .button, #contact-us .dark-bg .contact-form input[type="submit"], #contact-us .dark-bg .wpcf7-form .button, #contact-us .dark-bg .wpcf7-form input[type="submit"] {
    border: medium none;
    border-radius: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
	display: block;
    padding: 12px 30px;
	font-size: 14px;
    line-height: 22px;
	background-color: #1b67b6;
	color: #fff !important;
    cursor: pointer;
	text-align: center;
    transition: all 0.4s ease-in-out 0s;
    vertical-align: middle;
	margin:0
}
#contact-us .dark-bg .contact-form .button:hover{ background-color: #3a3a3a;}
/* ===================    =================== */
#footer-top {
    background-color: #1b67b6;
    position: relative;
}
.sec-nav .inner {
    color: #fff;
    display: block;
    padding-bottom: 0;
    padding-top: 0;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
}
.sec-nav .sidebars {
    clear: both;
    margin: 0;
    padding: 100px 0 40px;
}

.sidebar .widget {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 60px;
    overflow: hidden;
}

#footer .company-info .title {
    color: #fff;
    font-family: "Roboto",Arial,Helvetica,Verdana,sans-serif;
    font-size: 28px;
    line-height: 38px;
}

#footer .company-info .desc {
    color: #fff;
    max-width: 350px;
}
.sec-nav .widget-title::after {
    border-bottom: 1px solid #fff;
}
.widget-title::after {
    border-bottom: 1px solid #fff;
    content: "";
    display: block;
    height: 12px;
    width: 35px;
}
.widget-title {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0 0 10px;
}
.sec-nav .sidebars .widget-title {
    border-bottom: medium none;
    color: #fff;
    margin-bottom: 25px;
}

#footer .social-widget i {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin-right: 15px;
    transition: all 0.3s ease-in-out 0s;
    vertical-align: middle;
}
#footer-bottom {
    background-color: #0257ab;
    border-top: medium none;
    clear: both;
    color: #ddd;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#footer-bottom .inner {
    overflow: hidden;
    position: relative;
    text-align: center;
}
.last {
    margin-right: 0;
}
#go-to-top {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    bottom: 20px;
    color: white;
    display: none;
    opacity: 0.7;
    padding: 8px 10px;
    position: fixed;
    right: 20px;
    transition: all 0.3s ease-in-out 0s;
    z-index: 999;
}
#footer-bottom-text {
    display: block;
    float: none;
    font-size: 12px;
    line-height: 20px;
    margin: 0 auto;
    padding: 20px 0;
}
/* ===================    =================== */
.li1{position: absolute; left: 0px; top: 0px;}
	.li2{position: absolute; left: 250px; top: 0px;}
	.li3{position: absolute; left: 500px; top: 0px;}
	.li4{position: absolute; left: 0px; top: 167px;}
	.li5{position: absolute; left: 500px; top: 333px;}
	
	
@media only screen and (min-width: 480px) {
	.top-info{ width:auto; padding:15px 0px 0px }
	#slider2-wr .qleft{ display:block }
	#slider2-wr .s2-caption{ width:75% }
	#menu-show { padding:10px 0; }
	#slider .stxt{ display:block; }
}

@media only screen and (min-width: 768px) {
	
    .head .logo { float: left; width:15%; padding:0; text-align:left }
	.head .logo { padding-top:5px; width:20%; text-align:left }

/* =============================================================================================== */
	.contact-form .form-left{ float:left; width:25%}	
	.contact-form .form-right{ float:left; width:100%}
	.contact-form .form-captcha1{ float:left; width:18%; padding: 4px 1%;}
	.contact-form .form-captcha2{ float:left; width:50%}
	
	.contact-form .form-left-1{ float:left; width:30%}	
	.contact-form .form-right-1{ float:left; width:60%}
/* =============================================================================================== */	
	
/* =============================================================================================== */	
	
}

@media only screen and (min-width: 1000px) {
		.col50{ width:50% }
		
		ul.image-grid {height: 680px;}

	.li2{left: 335px; top: 0px;}
	.li3{left: 671px; top: 0px;}
	.li4{left: 0px; top: 223px;}
	.li5{left: 671px; top: 447px;}
	
	/* =============================================================================================== */  
	#agency-intro .intro-tile {padding: 70px 70px;}
	#agency-intro .intro-tile .intro-text {font-size: 24px;}
	
	#slider2-wr .quote {max-width: 550px;}
	#slider2-wr blockquote {
	font-size: 14px;
    line-height:22px;
   }
   
   .panel-row-style.slogan blockquote {max-width: 800px;}
   #client-list i {font-size:120px;}
	
	
}


@media only screen and (min-width: 1300px) {
	body { font-size: 15px; font-size: 1.5rem; }
	.wrapper { width: 100%; margin:0 auto; max-width: 1400px;}
	
	
	/* =============================================================================================== */    
	#main-menu-wr{ position:relative; background:none; padding:0; left:auto; overflow-y:unset; display:block; overflow:visible; height:0px; width:auto  }
	#main-menu li span{ display:block; margin:0; height:2px; width:0px; background:#fff; transition: 0.5s ease;  }
	#main-menu li:hover span{ width: 97%; }
	#menu-show, #menu-close{ display:none}
	
   	#main-menu { float: right; width:70%; display:block; text-align:right}
	#main-menu li { display:inline-block; position:relative; margin-left:0px; }
	#main-menu a, #main-menu a:visited {margin: 0; text-align:right;  color: #444;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height:60px;
    padding:20px 30px 0 10px;
    text-transform: uppercase;}
	
	.in-view #main-menu a,.in-view #main-menu a:visited {color: #fff;}
	#main-menu a:hover{ color:#1b67b6}
    #main-menu ul li { display: block; background:#fff; border-bottom:solid 1px #ccc }
	#main-menu ul li a, #main-menu ul li a:visited{ padding:15px 20px 15px 15px; text-align:left; color:#fff; font-weight:normal; display:block; font-size:12px; font-size:1.2rem  }
	#main-menu ul li a:hover{ color:#444;  }
	#main-menu ul { position:absolute; left:0; top:30px; z-index:100; margin:0; padding:0; display:none; list-style-type:none;  }
	#main-menu li:hover ul{ display:block; }
	
	
	#slider2-wr .quote {max-width: 750px;}
	#slider2-wr blockquote {
	font-size: 18px;
    line-height:34px;
   }
   #app-benefits .filler-img-label, #agency-benefits .filler-img-label {font-size: 48px;}

	
}

@media only screen and (min-width: 1400px) {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="#"]:after,
    a[href^="javascript:"]:after { content: "";    }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}