/*
 Theme Name:   ADW Architectural
 Theme URI:    http://adwarchitechtsonline.com
 Description:  Twenty Fifteen Child Theme
 Author:       Accent Interactive
 Author URI:   http://accentinteractive.com
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-twelve-child
*/
@import url(https://fonts.googleapis.com/css?family=Nixie+One|Ledger);
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);
body .site {
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: none;
	padding: 0;
	font-family: 'Ledger', serif;
	font-size: 12px;
	font-size: 1.5em;
	line-height: 1.3;
	color: #969696;
}
a, a:visited {
	color: #00BDD4;
	text-decoration: none;
}
a:hover, a:visited:hover {
	color: #1A8AA2;
	text-decoration: none;
}
strong {
	color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Nixie One', cursive;
	color: #000000;
	line-height: 1.2 !important;
	white-space: wrap !important;
	hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
}
.clientlogos a {
    position: relative;
    top: 16px;
    vertical-align: middle;
}
.owl-buttons {
    margin: 0 auto !important;
    max-width: 1200px !important;
    padding: 0;
	top:150px;
    position: relative;
}
.owl-prev{
	left:0;
	padding: 10px;
	border-radius:100%;
	background: white;
	color:#00BDD4 !important;
	border:2px solid;
}
.owl-next{
	right:0;
padding: 10px;
	border-radius:100%;
	background: white;
			color:#00BDD4 !important;
				border:2px solid;
}
.work .owl-buttons {
    margin: 0 auto !important;
    max-width: 1200px !important;
    padding: 0;
    position: relative;
    top: 220px;
}
.work .sue-content-slider .owl-pagination {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0 !important;
    height: 30px;
    left: 0;
    margin: 0 auto !important;
    position: relative !important;
    text-align: center;
    top: 500px !important;
    width: 90px !important;
}
.testimonials .sue-content-slider .owl-pagination {
    background-color: rgba(0, 0, 0, 0.1) !important;
    height: 30px;
    left: 0;
    margin: 0 auto !important;
    position: relative !important;
    text-align: center;
    top: 300px !important;
    width: 60px !important;
}
.clientlogos {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 20px;
    box-sizing: border-box;
    margin: 110px auto 0;
    max-width: 1000px;
    padding: 25px;
}
h1, .entry-content h1, .comment-content h1, .mu_register h1 {
	font-size: 3em;
}
h2, .entry-content h2, .comment-content h2, .mu_register h2 {
	font-size: 2.5em;
}
h3, .entry-content h3, .comment-content h3, .mu_register h3 {
	font-size: 2em;
}
h4, .entry-content h4, .comment-content h4, .mu_register h4 {
	font-size: 1.5em;
}
h5, .entry-content h5, .comment-content h5, .mu_register h5 {
	font-size: 1em;
}
h6, .entry-content h6, .comment-content h6, .mu_register h6 {
	font-size: .5em;
}
.site {
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
body {
	background-color: white;
}
hgroup {
	margin: 0 auto;
	max-width: 1440px;
	padding: 0 75px;
}
#site-navigation {
	max-width: 1440px;
	margin: 0 auto;
}
#content {
	margin: 0 auto;
	max-width: 1440px;
	position: relative;
	z-index: 3;
}
.site-header {
	padding: 0;
}
#colophon {
	max-width: 100%;
	margin: 0 auto;
	background-color: #00bdd4;
	position: relative;
}
/* ===[ Footer Widget Areas ]=== */
.site-info { clear: both; }
#footer-widgets {
    width: 100%;
    border-top: none;
}
    #footer-widgets .widget li { list-style-type: none; }
.template-front-page #footer-widgets { padding-top: 0; }
@media screen and (min-width: 600px) { 
    #footer-widgets.three .widget {
        float: left;
        margin-right: 3.7%;
        width: 30.85%;
        clear: none;
    }
        #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
}
/* for IE8 and IE7 */
.ie #footer-widgets.three .widget {
    float: left;
    margin-right: 3.7%;
    width: 29.85%;
    clear: none;
}
.ie #footer-widgets.three .widget + .widget + .widget { margin-right: 0; }
/* Hide footer widgets Homepage Template*/
.template-front-page #footer-widgets { display: none; }
header#masthead {
	background: #fafafa none repeat scroll 0 0;
	box-sizing: border-box;
	height: 80px;
	position: relative;
	z-index: 4;
}
.site-info {
	max-width: 1440px;
	margin: 0 auto;
	padding: 125px 0;
}
.container {
	height: 80px;
	margin: 0 auto;
	max-width: 1440px;
	padding: 0;
	position: relative;
}
#site-navigation {
	bottom: 15px;
	float: right;
	margin: 0;
	max-width: 720px;
	position: absolute;
	right: 75px;
}
#logo {
	height: 50px;
	left: 75px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	width: auto;
}
.wrapper {
	box-sizing: border-box;
	padding: 0 75px;
}
.sectionheader {
	background-image: url("/wp-content/uploads/2016/06/seperator.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100px auto;
	font-size: 60px !important;
	padding-top: 45px;
	text-align: center;
	font-weight: normal;
	margin-bottom: -15px !important;
}
.sectionsub {
	font-family: ledger;
	font-size: 18px !important;
	font-weight: normal;
	text-align: center;
}
.section p {
	font-size: 40px;
	font-weight: normal;
	line-height: 1.2;
	padding: 50px 0 0;
	text-align: center;
}
.buttondk {
    background: #00bdd4 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff !important;
    font-family: "Nixie One",cursive;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 9px;
    padding: 25px 30px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    z-index: 6;
}
.buttondk:hover {
	background: #ffffff;
	border: 2px solid #00bdd4;
	color: #00bdd4 !important;
}
.section strong {
	color: #000000;
}
.section {
    display: block;
    margin-left: -7%;
    margin-right: -7%;
    overflow: visible;
    padding: 100px 0 50px;
    position: relative;
}
.section.winner:after, .section.winner:before, .section.clients:before, .section.clients:after{
	display: none;
}
.section.testimonials::after {
    background-color: #ededed;
}
.section.work::after {
    backface-visibility: initial;
    background: #f2f2f2 none repeat scroll 0 0;
    bottom: -60px;
    content: "";
    display: block;
    height: 100px;
    left: 0;
    overflow: visible;
    position: absolute;
    width: 100%;
    z-index: 5;
}
.winner p{
	text-align: left !important;
}
.call {
    font-size: 25px !important;
    padding: 10px 0 0 !important;
    text-align: left !important;
}
.smaller {
    font-size: 41px !important;
    line-height: 1.3 !important;
    text-align: left !important;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    box-shadow: none !important;
	border-radius:0 !important;
}
.su-row.award-container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 75px;
}
.home .entry-title {
	display: none;
}
#homeslide {
	background-image: url(/wp-content/uploads/2016/06/glass-skyscraper.jpg);
	background-size: cover;
	background-position: top center;
	height: 450px;
	width: 100%;
	background-repeat: no-repeat;
	z-index: 1;
	display: block;
	position: relative;
}
#homeslide:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -50px;
	overflow: visible;
	width: 100%;
	height: 100px;
	background: #ffffff;
	z-index: 2;
	-webkit-transform: skewY(-2deg);
	-moz-transform: skewY(-2deg);
	-ms-transform: skewY(-2deg);
	-o-transform: skewY(-2deg);
	transform: skewY(-2deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: initial;
}
.entry-header {
	background: #ffffff none repeat scroll 0 0;
}
.site-content article {
	border-bottom: medium none;
	hyphens: auto;
	margin-bottom: 5.14286rem;
	padding-bottom: 1.71429rem;
	word-wrap: break-word;
}

.cred {
	margin: 0 auto;
	max-width: 1440px;
	padding: 10px 75px;
	position: relative;
}
.section::after {
    backface-visibility: initial;
    background: #ffffff none repeat scroll 0 0;
    bottom: -50px;
    content: "";
    height: 100px;
    left: 0;
    overflow: visible;
    position: absolute;
    transform: skewY(-2deg);
    width: 100%;
    z-index: 4;
}
.section::before {
    backface-visibility: initial;
    background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/06/shade.png") no-repeat scroll 0 0 / cover ;
    bottom: -180px;
    content: "";
    height: 165px;
    left: 0;
    opacity: 0.4;
    overflow: visible;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 3;
}
.cred img, .cred p {
	float: right;
}
.accentinfo {
	height: 70px;
	text-align: right;
}
.cred > p {
	color: #808080;
	display: block;
	font-size: 0.9em;
	height: 50px;
	line-height: 1.3;
	position: relative;
	top: 10px;
}
.cred a {
	color: #00BDD4;
	text-decoration: none;
}
.cred a:hover {
	text-decoration: underline;
}
.site-header h2 {
	border-bottom: 1px solid;
	border-top: 1px solid;
	color: #757575;
	font-weight: normal;
	left: 145px;
	line-height: 22px;
	padding: 0 30px 0 0;
	position: absolute;
	top: 41px;
}
.site-header h2 {
	border-bottom: 1px solid;
	border-top: 1px solid;
	color: #757575;
	font-weight: normal;
	left: 150px;
	line-height: 20px !important;
	padding: 0 30px 0 0;
	position: absolute;
	top: 43px;
}
.section.work {
	background-image: url(/wp-content/uploads/2016/06/sketch-1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1440px auto;
	background-color: #F2F2F2;
}
.section.winner {
	background: -moz-radial-gradient(50% 52%, ellipse cover, #4393b4 0%, #10242c 100%);/* FF3.6+ */
	background: -webkit-radial-gradient(50% 52%, ellipse cover, #4393b4 0%, #10242c 100%);/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(50% 52%, ellipse cover, #4393b4 0%, #10242c 100%);/* Opera 11.10+ */
	background: -ms-radial-gradient(50% 52%, ellipse cover, #4393b4 0%, #10242c 100%);/* IE10+ */
	background: radial-gradient(50% 52%, ellipse cover, #4393b4 0%, #10242c 100%);/* W3C */
	color: #ffffff;
}
.sue-content-slide p:empty {
	display: none;
}
.winner .sectionheader {
	color: #ffffff;
}
.winner .sectionsub {
	color: #ffffff;
}
.category {
	float: left;
	text-align: center;
	width: 30%;
	box-shadow: none !important;
}
.category img {
	width: 100%;
	height: auto;
	border-radius: 0;
	margin: 0;
	box-shadow: none !important;
}
#sue_content_slider_5750a342e6b2c {
	max-width: 1440px !important;
	margin: 0 auto !important;
	position: relative !important;
}
.sue-content-slide {
    margin: 0 auto !important;
    max-width: 975px !important;
}
.cattitle {
    background: #00bdd4 url("http://rockfororphans.org/wp-content/uploads/2016/06/backface.png") repeat scroll 0 0;
    box-shadow: none !important;
    color: #ffffff;
    font-family: "Nixie One",cursive;
    font-weight: bold;
    letter-spacing: 9px;
    line-height: 75px;
    margin-top: -10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top !important;
}
.category:nth-child(2) {
	margin-left: 5%;
	margin-right: 5%;
}
.section.first {
	background: #ffffff none repeat scroll 0 0;
	padding: 0 0 50px;
	border: none;
}
#footer-widgets{
	background: #00BDD4;
	max-width: 1290px;
	display: block;
	position:relative;
	margin: 0 auto;
}
#footer-widgets.three .widget {
    clear: none;
    float: left;
    margin-right: 0;
    width: 50%;
}
.test.rt {
    float: right;
}
.section.clients {
	background: rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/06/bottom-building.jpg") no-repeat scroll -400px center / 1860px auto;
	margin-bottom: -145px;
	min-height: 600px;
}
.main-navigation li a {
	border-bottom: 0 none;
	font-family: nixie one;
	text-transform: lowercase;
	white-space: nowrap;
}
.client {
    float: left;
    position: relative;
    width: 40%;
}
.test {
    background-color: #ffffff;
    width: 48%;
    float: left;
}
.test.rt{
	float:right;
}
.client {
    float: left;
    position: relative;
    width: 40%;
}
.testtext {
    float: left;
    width: 60%;
	box-sizing:border-box;
	padding: 20px;
}
.testtext p{
	font-size:.7em;
	text-align:left;
	padding:0;
	line-height:1.3;
}
.section.testimonials{
	background-color: #EDEDED;
}
.cursive {
    color: #00bdd4;
    display: block;
    font-family: "Homemade Apple",cursive;
    font-size: 19px;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: right;
}
.jobtitle {
    color: #000000;
    display: block;
    font-size: 12px;
    text-align: right;
}
/*=======
==============================================================================================*/
/*======================================  Slide Show  =================================================*/
/*=====================================================================================================*/

#homeslide .cb-slideshow li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 36s linear infinite 0s;
	-moz-animation: imageAnimation 36s linear infinite 0s;
	-o-animation: imageAnimation 36s linear infinite 0s;
	-ms-animation: imageAnimation 36s linear infinite 0s;
	animation: imageAnimation 36s linear infinite 0s;
}
#homeslide .cb-slideshow li div {
	z-index: 1000;
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 100%;
	text-align: center;
	opacity: 0;
	-webkit-animation: titleAnimation 36s linear infinite 0s;
	-moz-animation: titleAnimation 36s linear infinite 0s;
	-o-animation: titleAnimation 36s linear infinite 0s;
	-ms-animation: titleAnimation 36s linear infinite 0s;
	animation: titleAnimation 36s linear infinite 0s;
}
#homeslide .cb-slideshow li div h3 {
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 240px;
	padding: 0;
	line-height: 200px;
	color: rgba(169,3,41, 0.8);
}
#homeslide .cb-slideshow li:nth-child(1) span {
	background-image: url(http://7-themes.com/data_images/out/1/6771065-architecture-wallpaper.jpg);
}
#homeslide .cb-slideshow li:nth-child(2) span {
	background-image: url(http://az616578.vo.msecnd.net/files/2016/01/11/6358812954485095881489444519_Architecture.jpg);
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
#homeslide .cb-slideshow li:nth-child(3) span {
	background-image: url(http://data.hdwallpapers.im/iron_and_glass_architecture.jpg);
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
#homeslide .cb-slideshow li:nth-child(2) div {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
#homeslide .cb-slideshow li:nth-child(3) div {
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	-ms-animation-delay: 12s;
	animation-delay: 12s;
}
.client > img {
    position: relative;
    top: 12px;
    width: auto !important;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
 0% {
 opacity: 0;
 -webkit-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 -webkit-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 -webkit-transform: scale(1.1);
}
 25% {
 opacity: 0;
 -webkit-transform: scale(1.1);
}
 100% {
opacity: 0
}
}
@-moz-keyframes imageAnimation {
 0% {
 opacity: 0;
 -moz-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -moz-transform: scale(1.05);
 -moz-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 -moz-transform: scale(1.1);
}
 25% {
 opacity: 0;
 -moz-transform: scale(1.1);
}
 100% {
opacity: 0
}
}
@-o-keyframes imageAnimation {
 0% {
 opacity: 0;
 -o-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -o-transform: scale(1.05);
 -o-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 -o-transform: scale(1.1);
}
 25% {
 opacity: 0;
 -o-transform: scale(1.1);
}
 100% {
opacity: 0
}
}
@-ms-keyframes imageAnimation {
 0% {
 opacity: 0;
 -ms-animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 -ms-transform: scale(1.05);
 -ms-animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 -ms-transform: scale(1.1);
}
 25% {
 opacity: 0;
 -ms-transform: scale(1.1);
}
 100% {
opacity: 0
}
}
@keyframes imageAnimation {
 0% {
 opacity: 0;
 animation-timing-function: ease-in;
}
 8% {
 opacity: 1;
 transform: scale(1.05);
 animation-timing-function: ease-out;
}
 17% {
 opacity: 1;
 transform: scale(1.1);
}
 25% {
 opacity: 0;
 transform: scale(1.1);
}
 100% {
opacity: 0
}
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
 0% {
 opacity: 0;
 -webkit-transform: translateY(200px);
}
 8% {
 opacity: 1;
 -webkit-transform: translateY(0px);
}
 17% {
 opacity: 1;
 -webkit-transform: scale(1);
}
 19% {
opacity: 0
}
 25% {
 opacity: 0;
 -webkit-transform: scale(10);
}
 100% {
opacity: 0
}
}
@-moz-keyframes titleAnimation {
 0% {
 opacity: 0;
 -moz-transform: translateY(200px);
}
 8% {
 opacity: 1;
 -moz-transform: translateY(0px);
}
 17% {
 opacity: 1;
 -moz-transform: scale(1);
}
 19% {
opacity: 0
}
 25% {
 opacity: 0;
 -moz-transform: scale(10);
}
 100% {
opacity: 0
}
}
@-o-keyframes titleAnimation {
 0% {
 opacity: 0;
 -o-transform: translateY(200px);
}
 8% {
 opacity: 1;
 -o-transform: translateY(0px);
}
 17% {
 opacity: 1;
 -o-transform: scale(1);
}
 19% {
opacity: 0
}
 25% {
 opacity: 0;
 -o-transform: scale(10);
}
 100% {
opacity: 0
}
}
@-ms-keyframes titleAnimation {
 0% {
 opacity: 0;
 -ms-transform: translateY(200px);
}
 8% {
 opacity: 1;
 -ms-transform: translateY(0px);
}
 17% {
 opacity: 1;
 -ms-transform: scale(1);
}
 19% {
opacity: 0;
}
 25% {
 opacity: 0;
 -webkit-transform: scale(10);
}
 100% {
opacity: 0;
}
}
@keyframes titleAnimation {
 0% {
 opacity: 0;
 transform: translateY(200px);
}
 8% {
 opacity: 1;
 transform: translateY(0px);
}
 17% {
 opacity: 1;
 transform: scale(1);
}
 19% {
opacity: 0
}
 25% {
 opacity: 0;
 transform: scale(10);
}
 100% {
opacity: 0
}
}
/* Show at least something when animations not supported */
.no-cssanimations #homeslide .cb-slideshow li span {
	opacity: 1;
}

@media screen and (max-width: 1140px) {
#homeslide .cb-slideshow li div h3 {
	font-size: 100px
}
}

@media screen and (max-width: 600px) {
#homeslide .cb-slideshow li div h3 {
	font-size: 50px
}
}