/*
Theme Name: AON Construction Services
Author: Seota
Version: 3.0
*/

@charset "utf-8";
/* CSS Document */
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.author-avatar img, .comment-content img, .entry-content img, .widget img, img.header-image, img.wp-post-image{border-radius:6px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2; color:#757575}
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display: block; max-width: none }
.table-cell {display: table-cell; vertical-align: middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }

.owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent; position:relative}
.owl-carousel{display:none; width:100%; z-index:1}
.owl-carousel .owl-stage{position:relative; -ms-touch-action:pan-Y}
.owl-carousel .owl-stage:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.owl-carousel .owl-stage-outer{position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none}
.no-js .owl-carousel, .owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-loading{opacity:0; display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.owl-carousel.owl-grab{cursor:move; cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.owl-carousel .animated{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut; animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0; transition:opacity .4s ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d; transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative; height:100%; background:#000}
.owl-carousel .owl-video-play-icon{position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:-webkit-transform .1s ease; transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease}
.owl-next, .owl-prev{background-position:0 0}
.owl-carousel .owl-video-frame{position:relative; z-index:1; height:100%; width:100%}
.owl-nav{text-align:center; margin-top:25px;}
.owl-next, .owl-prev{background-color:#df0008; border-radius:0; height:40px; width:40px;text-align:center; line-height:40px; font-size:30px; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; color:#fff; display:inline-block; margin:0 5px;}
.owl-next:hover, .owl-prev:hover{ background-color:#092942}
.owl-dots{ margin-top:25px; text-align:center;}
.owl-dots .owl-dot{ display:inline-block; margin:0 4px; border-radius:50px; height:14px; width:14px; display:inline-block; background:#092942;}
.owl-dots .owl-dot.active{background:#df0008;}


.header{ position:relative; z-index:100;}
.pre-header{ padding:8px 0; background:#222; color:#fff;}
.pre-header a{ color:#fff;}
.pre-header a:hover{ color:#eee;}
.pre-header .info{ margin:0; padding:0; list-style:none; float:left;}
.pre-header .info li{ float:left; margin-right:15px;}
.pre-header .info li:last-child{ margin-right:0;}
.pre-header .info li a{ display:block; line-height:24px; background-size:20px; background-position:left; background-repeat:no-repeat; padding-left:30px;}
.pre-header .info li.phone a{ background-image:url(images/phone-call.svg);}
.pre-header .info li.email a{ background-image:url(images/envelope.svg);}

.pre-header .social{ margin:0; padding:0; list-style:none; float:right;}
.pre-header .social li{ float:left; margin-left:8px;}
.pre-header .social li a{ display:block; height:24px; width:24px; display:block; line-height:24px; font-size:20px; text-align:center;}

.post-header{ padding:20px 0; position:relative; background:#fff;}
.post-header:before{ border-bottom:1px dashed #85919b; position:absolute; top:8px; left:0; right:0; content:'';}
.post-header [class*=col-]:last-child{ text-align:right;}

.main-menu{background:#5d5d5d}
.main-menu .container{ position:relative;}


.toggleMenu { display:none; height:43px; width:43px; text-transform:uppercase; background:url(images/toogle-open.png) no-repeat center #df0008; text-indent:-9999px; float:right;}
.toggleMenu.active{ background:url(images/toogle-close.png) no-repeat center #df0008; color:#fff; }
.toggleMenu:hover{ color:#fff; }
.menu { list-style:none; *zoom:1; margin:0; padding:0; width:100%; display:table;}
.menu:before, .menu:after { content:""; display:table; }
.menu:after { clear:both; }
.menu ul { list-style:none; min-width:250px; float:none; left:0; top:100%; position:relative; background:rgba(255,255,255, 0.9);}
.menu a { padding:0 15px; color:#fff; }
.menu li { position:relative; padding:0; }
.menu > li > .parent:after{ content:'\f107'; position:absolute; font-family:'FontAwesome'; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:15px; font-size:15px;}
.menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current-menu-parent > a{color:#fff; background:#df0008; text-decoration:none;}
.menu > li { display:table-cell; position:relative; line-height:50px; text-align:center; text-transform:uppercase;}
.menu > li:last-child{ background:none;}
.menu > li > a { display:block;  text-transform:uppercase; position:relative; }
.menu li ul { position:absolute; left:-9999px; margin:0; list-style:none;  padding:0 }
.menu > li.hover > ul { left:0; margin-left:0; }
.menu li li.hover ul { left:100%; top:0; }
.menu li li{ padding:0; line-height:22px; text-align:left; margin:0;}
.menu li li a { display:block; position:relative; z-index:100;  padding:10px 15px; background:#5d5d5d; text-transform:inherit;}
.menu li li:last-child{ border-bottom:none; }
.menu li li a:hover{ color:#fff; background:#df0008;}
.menu li li li a { background-color:#ebebeb; z-index:200; }
@media screen and (max-width:991px) {
.main-nav .active { display:block; }
.main-nav{ text-align:left; position:absolute; top:100%; left:0; right:0; background:#5d5d5d; z-index:9999; display:block; padding:0; width:auto;}
.menu > li { float:none; display:block; border-top:1px solid #7d7d7d; text-align:left; line-height:30px; background:none;}
.menu a{ padding:8px 25px }
.menu li{ display:block; }
.menu > li > .parent { background-image:none;}
.menu > li > .parent:after{ content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}
.menu li.hover > .parent:after{ content:'\f106'; font-family:'FontAwesome';  position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.menu li li .parent:after {content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.menu ul { display:block; width:auto; border-bottom:none; min-width:inherit}
.menu > li.hover > ul , .menu li li.hover ul {position:static; margin-left:0}
.menu li li a { padding:8px 35px;}
.menu li li{ text-align:left; }
.menu li li li a{ padding:5px 45px; }
}

.banner{ position:relative; border-bottom:5px solid #000;}
.banner-image{ height:700px; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.banner .carousel-caption{  margin:0; padding:0; left:0; right:0; color:inherit; text-align:inherit; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); bottom:auto;}
.banner .carousel-control-prev{ background:url(images/prev.svg) no-repeat center #000; background-size:16px; width:40px; height:40px; border-radius:6px; opacity:1; text-indent:-9999px; z-index:30; top:50%; margin-top:-20px; left:10px;}
.banner .carousel-control-next{ background:url(images/next.svg) no-repeat center #000; background-size:16px; width:40px; height:40px; border-radius:6px; opacity:1; text-indent:-9999px; z-index:30;  top:50%; margin-top:-20px; right:10px;}
.banner .carousel-caption  .btn{ margin-right:8px;}
.banner .carousel-caption .content{ padding:30px; background:rgba(3,95,201,0.8); border-radius:0;}
.banner .carousel-caption h2, .banner .carousel-caption h3{ line-height:100%;}


.banner-form{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; pointer-events:none}
.banner-form .form-wrap{ border-radius:8px; background:#fff; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); overflow:hidden; z-index:100;}
.banner-form .form-head{ background:url(images/form-head.png) no-repeat bottom center; padding:20px 20px 40px 20px; text-align:center; color:#fff;}
.banner-form .form-head h3{ font-size:30px; line-height:100%;}
.banner-form .form-head h4{ font-weight:400; line-height:100%;}
.banner-form .form-body{ padding:20px 30px 30px; pointer-events:auto}
.banner-form .form-body textarea{ height:112px;}

.block-content{ padding:25px 0; background: rgb(253,253,253);
background: -moz-linear-gradient(top,  rgba(253,253,253,1) 0%, rgba(226,225,228,1) 100%);
background: -webkit-linear-gradient(top,  rgba(253,253,253,1) 0%,rgba(226,225,228,1) 100%);
background: linear-gradient(to bottom,  rgba(253,253,253,1) 0%,rgba(226,225,228,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e2e1e4',GradientType=0 );}
.block-content img.mr-3{ width:85px; height:85px;}
.block-content h5{ font-size:20px;}
.block-content p{ margin-bottom:5px;}
.block-content .media{-webkit-align-items: center; align-items: center;}
.block-content  a{ text-decoration:underline; color:#092942;}
.block-content [class*=col-]:nth-child(1){ background:url(images/vr-shadow.png) no-repeat right; background-size:contain;}

.section{ padding:70px 0; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.section .container{ position:relative; z-index:100}

.w1 h1{ font-size:60px;}
.w1 h3{ font-weight:400;}
.w1 p{ line-height:30px;}

.w2{ background:#efefef;}
.service-block a{ display:block; color:#fff; position:relative; overflow:hidden;}
.service-block .service-img{ position:relative; width: 100%; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat; moz-transition:all 0.5s ease;   -webkit-transition:all 0.5s ease;   -o-transition:all 0.5s ease;   transition:all 0.5s ease;}
.service-block .service-img:before{display: block; content: ""; padding-top: 100%;}
.service-block span{ position:absolute; padding:12px; color:#fff; text-transform:uppercase; background:rgba(0,0,0,0.9); font-size:22px; text-align:center; display:block; z-index:10; left:0; right:0; bottom:0;}
.service-block:hover .service-img{-webkit-transform:-webkit-scale(1.1) -webkit-rotate(1deg); transform:scale(1.1) rotate(1deg);}

.w3:before{background:rgba(223,0,8,0.9); position:absolute; left:0; right:0; bottom:0; top:0; z-index:1; content:'';}
.w3 .text-center{ color:#fff; padding-bottom:20px; position:relative;}
.w3 .text-center:after{ position:absolute; height:2px; width:80px; content:''; background:#fff; bottom:0; left:50%; margin-left:-40px;}

.cta{ color:#fff; text-align:center;}
.cta:before{background:rgba(0,0,0,0.8); position:absolute; left:0; right:0; bottom:0; top:0; z-index:1; content:'';}

.footer{ background:#111111; color:#fff;}
.footer a{color:#fff;}
.footer a:hover{ color:#df0008;} 
.footer-top{ padding:40px 0 20px;}
.footer-top [class*=col-]{ margin-bottom:20px;}
.footer-top .social{ margin:0; padding:0; list-style:none;}
.footer-top .social li{ float:left; margin-right:15px;}
.footer-top .social li a{ display:block;  display:block; font-size:36px; line-height:36px; text-align:center;}
.footmenu{ margin:0; padding:0; list-style:none; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-5px; margin-left:-5px;}
.footmenu li{ -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%; padding-left:5px; padding-right:5px; margin-bottom:10px;}
.footer-top h6{ margin-top:30px; margin-bottom:20px; padding-bottom:15px; position:relative; font-size:20px;}
.footer-top h6:after{background:#fff; position:absolute; height:2px; width:50px; bottom:0; left:0; z-index:1; content:'';}
.footer-top .form-control{ border-radius:0; box-shadow:none; background:#111; border:1px solid #898989; color:#fff;}

.footer-bottom{ border-top:1px solid #434343; text-align:center; padding:20px 0;}

.site-content{ padding:70px 0;}

.sidebar-form .form-wrap{ border-radius:8px; background:#fff; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); overflow:hidden; z-index:100;}
.sidebar-form .form-head{ background:url(images/form-head.png) no-repeat bottom center; padding:20px 20px 40px 20px; text-align:center; color:#fff;}
.sidebar-form .form-head h3{ font-size:30px; line-height:100%;}
.sidebar-form .form-head h4{ font-weight:400; line-height:100%;}
.sidebar-form .form-body{ padding:20px 30px 30px; pointer-events:auto}
.sidebar-form .form-body textarea{ height:112px;}

.sidebar-cta{ margin-top:40px; background:#7d7d7d; text-align:center; color:#fff; text-align:center; padding:25px;}

#content-service .service-item-full [class*=col-]{ direction:ltr;}
#content-service .service-item-full:nth-child(even){ direction:rtl; background:#eff2f7;}
#content-service .service-item-full h3{ font-weight:600; margin-bottom:20px; padding-bottom:10px; font-size:30px; position:relative;}
#content-service .service-item-full h3 a{ color:#092942;}
#content-service .service-item-full h3:after{ content:''; position:absolute; bottom:0; left:0; height:1px; width:50px; background:#df0008;}


.page-banner{ height:320px; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat; position:relative; z-index:1; text-align:center;}
.page-banner:before{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; content:''; background:rgba(0,0,0,0.65);}
.page-title{ position:absolute; left:0; right:0; color:#fff; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:100}
.page-title h1{ margin:0; padding:0; text-transform:uppercase; color:#fff; text-align:center;}
.page-title h1 small{ display:block; font-size:50%; font-weight:700;}
.page-banner a{ color:#fff;}
.page-banner a:hover{ color:#fff; text-decoration:underline;}

.blog-post{ margin:0 0 30px 0; padding:0; background:#fff; -webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.1); box-shadow:0 3px 5px 0 rgba(0,0,0,0.1); border:1px solid #d8d8d8}
.blog-post .blog-post-img{ margin:0; padding:0; position:relative; overflow:hidden;}
.blog-post .blog-post-img img{ width:100%; height:auto; transition:transform 200ms linear; -webkit-transition:-webkit-transform 200ms linear; border-radius:0;}
.blog-post-content{ margin:0; padding:30px;}
.blog-post-content p, .blog-post-content blockquote{ font-size:17px;}
.blog-post:hover .blog-post-img img{-webkit-transform:-webkit-scale(1.1) -webkit-rotate(1deg); transform:scale(1.1) rotate(1deg);}
.blog-post .entry-meta{ font-size:12px; margin-bottom:12px;}

.blog-sidebar h3{ margin:0; padding:12px 20px; font-size:20px; background:#000; color:#fff;}

.blog-sidebar .widget{ margin:0 0 30px 0; padding:0; border:1px solid #d8d8d8; background:#fff; -webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.1); box-shadow:0 3px 5px 0 rgba(0,0,0,0.1);}
.blog-sidebar .widget ul{ padding:0; margin:0; list-style:none;}
.blog-sidebar .widget ul li{ border-bottom:1px solid #e4e4e4; color:#686868; display:block; padding:8px 0 8px 0; font-size:17px;}
.blog-sidebar .widget ul li a{ color:#092942;}
.blog-sidebar .widget ul li a:hover{ color:#df0008;}
.blog-sidebar .widget ul li:before{ content:'\f105'; float:left; margin-right:10px; font-family:FontAwesome}
.blog-sidebar .widget ul li:last-child{ border:none}
.blog-sidebar .widget ul li .post-date{ font-size:12px;}
.blog-sidebar .widget ul li .post-date{ display:block;}
.blog-sidebar .widget .widget-content{padding:7px 15px;}
.blog-sidebar .widget .widget-content form{ padding:5px 0 15px 0}

.blog-sidebar .widget .widget-content form.searchform input[type=text], .page-form input[type=text] { margin-bottom:15px;}

.search-list article{ margin-bottom:30px;}
.search-list article:last-child{ margin-bottom:0;}
.search-list img.wp-post-image{ display:none;}
.search-list article .comments-link, .search-list article .entry-meta{ display:none}

.single-service .entry-meta{ display:none;}
.single-service .blog-post-content{ padding:30px 0 0 0 !important;}
.single-service .blog-post{ border:none !important; -webkit-box-shadow:none !important; box-shadow:none !important;}

/* =Comments-------------------------------------------------------------- */
.comments-area:before, .comments-area:after{ content:''; display:table;}
.comments-area:after{ clear:both}
.comment-form-url {display:none; }
.comments-title {margin-bottom:15px; font-size:20px; font-weight:700; }
.comments-area article {margin:0; }
.comments-area article header {margin:0 0 15px; overflow:hidden; position:relative; }
.comments-area article header img {float:left; padding:0; line-height:0; }
.comments-area article header cite,.comments-area article header time {display:block; margin-left:85px; }
.comments-area article header cite {font-style:normal; font-size:12px;}
.comments-area cite b {font-weight:normal; }
.comments-area article header time {text-decoration:none; font-size:12px; color:#5e5e5e; }
.comments-area article header a {text-decoration:none; color:#5e5e5e; }
.comments-area article header a:hover {color:#21759b; }
.comments-area article header cite a {color:#444; }
.comments-area article header cite a:hover {text-decoration:underline; }
.comments-area article header h4 {position:absolute; top:0; right:0; padding:6px 12px; padding:0.428571429rem 0.857142857rem; font-size:12px; font-size:0.857142857rem; font-weight:normal; color:#fff; background-color:#0088d0; background-repeat:repeat-x; background-image:-moz-linear-gradient(top, #009cee, #0088d0); background-image:-ms-linear-gradient(top, #009cee, #0088d0); background-image:-webkit-linear-gradient(top, #009cee, #0088d0); background-image:-o-linear-gradient(top, #009cee, #0088d0); background-image:linear-gradient(top, #009cee, #0088d0); border-radius:3px; border:1px solid #007cbd; }
.comments-area .bypostauthor cite span {position:absolute; margin-left:5px; padding:2px 5px; font-size:10px;}
.comments-area .bypostauthor cite b {font-weight:bold; }
a.comment-reply-link,a.comment-edit-link {font-size:13px; font-weight:700; }
a.comment-reply-link:hover, a.comment-edit-link:hover {}
.commentlist .pingback {margin-bottom:24px; }
/* Comment form */
#respond {margin-top:15px;}
#respond h3#reply-title {font-size:26px; }
#respond h3#reply-title #cancel-comment-reply-link {margin-left:10px;font-weight:normal; font-size:12px; }

#respond form {margin:24px -15px }
#respond form p {margin:0 0 15px; padding:0 15px; width:100%; float:left;}
#respond form p.comment-form-author, #respond form p.comment-form-email{ float:left; width:50%;}
#respond form p.logged-in-as {margin-bottom:24px; }
#respond form textarea{ height:100px;  resize:none; }
#respond form p.form-allowed-tags {margin:0; font-size:12px;  line-height:2; color:#5e5e5e; }
.required {color:red; }
.commentlist{ margin:0 0 25px;  padding:0;  list-style:none; }
/* Comments */
.commentlist > li.comment {background:none; position:relative; width:auto; border:1px solid #ccc; background:#fff;  padding:15px; -webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.1); box-shadow:0 3px 8px 0 rgba(0,0,0,0.1); }
.commentlist > li.comment:before, .commentlist > li.comment:after{ content:''; display:table;}
.commentlist > li.comment:after{ clear:both;}
.commentlist .avatar {height:39px; left:2.2em; top:2.2em; width:39px; }
.comments-area article header cite,.comments-area article header time {margin-left:50px; }
/* =Comments-------------------------------------------------------------- */