/*
Theme Name: topclass 
Theme URI: 
Author: CrossOver
Author URI: http://www.crossoverweb.com.au/

*/



@font-face {
    font-family: 'OpenSans';
    src: url('css/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('css/fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSansSemiBoldItalic';
    src: url('css/fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: 'OpenSans';
    color: #666666;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'OpenSansSemiBold';
}

h2 {
    font-size: 20px;
}

section {
    clear: both;
}


.full-width {
    width: 100%;
    height: auto;
}

/* Nav */

header {
    margin-bottom: 30px;
}

header nav.navbar {
    background: #fff;
    border: 0;
}

header .logo {
    display: inline-block;
    padding-top:5px;
}

.navbar-brand {
    padding: 0;
}

.navbar-brand > img {
    display: inline-block;
}

.navbar-nav li {
    padding-top: 30px;
}

.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    color: #444;
    text-transform: capitalize;
    font-family: 'OpenSans';
}

.navbar-default {
    background-color: transparent;
    border: 0;
}

.navbar-default .navbar-nav > li > a {
    border-bottom: 3px solid transparent;
}

.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:focus, .navbar-default .navbar-nav > .current-menu-item > a:hover {
    background: #fff;
    border-bottom: 3px solid #dfac25;
}

nav.navbar-nav.navbar-right {
    padding: 0;
    margin: 0;
}

.navbar-header, .navbar-collapse {
    border: 0;
}

button.navbar-toggle {
    margin-top: 1px;
}


/* Slider */
section.slider {
    margin-bottom: 1em;
}

section.slider .carousel-indicators {
    bottom: 0;
}
.carousel{width:1349px; margin:0 auto;}
/* Welcome */

section.welcome {
    text-align: center;
    margin-bottom: 25px;
}

section.welcome h2 {
    text-transform: uppercase;
    color: #c78e2c;
    font-size: 24px;
    margin-bottom: 30px;

    font-family: 'OpenSans';

    text-align: center;
}

section.welcome p {
    color: #666666;
}

section.welcome .jumplink {
    color: #a2ae18;
    font-style: italic;
}

/* Projects*/

section.projects {
    color: #666666;
}

section.projects .row:first-child{
    text-align: center;
    margin-bottom: 35px;
}

section.projects .row:first-child h2 {
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 30px;
}

section.projects .block {
    margin-left: 15px;
    border-bottom: 1px solid #a5a19a;
    padding: 18px 0 10px 0;
}

section.projects .block:nth-child(1) {
    padding-top: 0;
}

section.projects .block:nth-child(3) {
    border: 0;
    margin-bottom: 0;
}

section.projects .block .title {
    margin-bottom: 8px;
}

section.projects .block .title .numbering {
    border: 0 solid #fff;
    border-radius: 60px;
    height: 60px;
    width: 60px;
    background: #2bb74c;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    font-size: 22px;
    font-family: "OpenSansSemiBold";
    color: #fff;
    line-height: 60px;
}

section.projects .block:nth-child(2) .title .numbering {
    background: #1aac84;
}

section.projects .block:nth-child(3) .title .numbering {
    background: #2b9a93;
}


section.projects .title h3 {
    display: inline-block;
    font-size: 20px;
    font-family: 'OpenSansSemiBold';
}


/* Features */

section.features {
    background: #f6f6f6;
    text-align: center;
    padding-bottom: 45px;
    margin-top: 80px;
    position: relative;
    border: 1px solid #dddddd;
}

section.features:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f6f6f6;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 10px);
}

section.features h2 {
    padding: 40px 22px 12px 22px;
    text-transform: uppercase;
    color: #353535;
    font-size: 16px;
}

section.features p {
    color: #666666;
    font-size: 13px;
}

section.features .float-img {
    left: 33%;
    position: absolute;
    top: -25%;
}


/* Thumb */
section.thumbs {
    background: none;
}

section.thumbs h2 {
    font-family: 'OpenSans';
    font-size: 24px;
    color: #c1851e;
    text-transform: uppercase;
    text-align: center;
    padding: 35px;
}
.home_gallery .ngg-gallery-thumbnail img{
	border:none;
	padding:0;
	margin:0;
	width:100%;
}

.home_gallery .ngg-navigation{
	display:none !important;
}

.ngg-gallery-thumbnail{
	position:relative;
	overflow:hidden;
}
.icon-wrap{
	position:absolute;
	top:-70%;
	left:42%;
	transition:all 0.4s ease-in-out 0s;
}
.ngg-gallery-thumbnail:hover .icon-wrap{
	top:40%;
}
.icon-wrap .fa-search-plus{
	color:#fff;
	font-size:35px;
}
.ngg-gallery-thumbnail:hover img{
	opacity:0.5;
}
.home_gallery .ngg-gallery-thumbnail-box{
	margin-right:0;
	width:20%;
}
.home_gallery .ngg-gallery-thumbnail{width:100%;}
.home_gallery .ngg-galleryoverview .ngg-gallery-thumbnail-box .img:nth-child(5n+5) {
	width:269px !important;
}
section.thumbs ul {
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

section.thumbs ul li {
    background: #000;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
    width: 20%;
    float:left;
}

section.thumbs ul li img {
    width: 100%;
    height: auto;
}

section.thumbs ul li a {
    display: block;
    text-align: center;
    position: relative;
}

section.thumbs ul li a:hover > img {
    opacity: 0.5;
}

section.thumbs ul li a:hover:before {
    content: '\f002';
    font-family: 'FontAwesome';
    font-size: 2em;
    color: #fff;
    position: absolute;
    top: calc(50% - 1em);
    left: calc(50% - 1em);

}


/* Quote Section */
section.quote {
    background: #d8a131;
    padding: 40px 0;
    text-align: center;
}

section.quote h2 {
    font-family: 'OpenSansSemiBoldItalic';
    text-transform: capitalize;
    color: #f4f0e7;
    font-size: 24px;
    display: inline-block;
    margin: 0 35px 0 0;
}

section.quote p {
    color: #f4f0e7;
    padding: 2em;
}

button.btn, .btn{
    background: none;
    color: #f4f0e7;
    border: 1px solid #f4f0e7;
    text-transform: uppercase;
    border-radius: 0;
    padding: 15px 10px;
    margin: 0 10px;
    box-shadow: none;
    outline: 0;
}

button:hover {
    background: #f4f0e7;
    color: #d8a131;
    border: 1px solid #fff;
    border-radius: 0;
}

 button.btn:active, button.btn:focus, button.btn:visited {
     outline: 0;
     box-shadow: none;
 }

/* GoTo Top Section */

section.top {
    position: relative;
    text-align: center;
}

section.top .gotop {
    background-color: #1d1d1d;
    border-radius: 99px;
    height: 56px;
    width: 56px;

    position: absolute;
    right: calc(50% - 28px);
    top: -25px;
    z-index: 999;
}

section.top .gotop a {
    color: #fff;
    font-size: 2em;
}


/* Footer Section*/

footer.footer {
    background: #1d1d1d;
    position: relative;
}

.footer h2 {
    color: #b3bbc1;
}

.footer p {
    color: #dca240;
}

.footer p a{
	color:#dca240;
}

.footer .social {
    border-top: 1px solid #3c362c;
    padding: 40px 15px 0 15px;
}


.footer .social li {
    display: inline-block;
    list-style: none;
}


.footer .social h2 {
    display: inline-block;
}

.footer .social ul {
    display: inline-block;
}


.footer .social li a {
    color: #b3bbc1;
    font-size: 2em;
    line-height: 48px;
}

.footer .left-column {
    padding: 40px 0;
}

.footer .left-column .social ul li {
    margin-right: 0.5em;
}

.footer .left-column i.fa {
    font-size: 42px;
    color: #b3bbc1;
    float: left;
    margin-top: 25px;
}

.footer .left-column .con {
    margin-left: 60px;
}

.footer .left-column .social i.fa {
    font-size: 28px;
    margin: 0;
    float: none;

    border: 3px solid #b3bbc1;
    border-radius: 99px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 50px;
}


.footer .right-column {
    background: #cc912d;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    padding: 60px 15px;
}

.footer .right-column p {
    color: #ffffff;
    padding: 0 0 15px 0;
    font-size: 14px;
    margin: 0;
}

.footer .right-column img {
    margin-bottom: 1em;
}

/* Services */

section.services {
    margin-bottom: 3em;
}
section.services .row {
    margin: 1em 0;
}

section.services .row h2 {
    text-transform: uppercase;
    color: #c78e2c;
    font-size: 24px;
    margin-bottom: 30px;
    font-family: 'OpenSans';
    text-align: center;
}

section.services .row img.full-width {
    margin-bottom: 1em;
}

section .box {
    padding: 30px 0;
}

.box td {
    padding: 6px 10px 6px 0;
	color:#fff;
}


/* Gallery*/

section.gallery {
    margin-bottom: 1em;
}

section.gallery h2 {
    text-transform: uppercase;
    color: #c78e2c;
    font-size: 24px;
    margin-bottom: 30px;
    font-family: 'OpenSans';
    text-align: center;
}

section.gallery ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

section.gallery ul li {
    width: 33%;
    float: left;
    padding: 15px;
}

section.gallery ul li img {
    width: 100%;
}



/* Inner page */
.inner-banner{
	 height:200px; 
	 overflow:hidden; 
	 position:relative; 
	 background:url(assets/bg_inner.jpg) no-repeat;
	  background-size:cover; margin-bottom:15px;
}
.header-title{
	position:absolute; 
	z-index:3;  
	background-color:rgba(13, 158, 255, 0.2); 
	width:100%; 
	height:100%; 
	text-align:center;
}
.header-title h1{
	padding:60px 0 0 0;
	 text-align:center; 
	 font-size:30px; 
	 text-transform:uppercase;
	  color:#434342;
	   font-weight:bold;
}

.sidebar .box:first-child{
	margin-bottom:25px;
	margin-top:25px;
	background:#cc912d;
	
}
.sidebar .box:first-child h2{
	border-bottom:2px solid #fff;
}
.box1 h1{
	padding-left:0 !important;
	color:#fff;
}
.box1{
	background:url(assets/bg_sidebar.jpg) no-repeat;
}
.box1 h2{
	margin-bottom:0;
	line-height:40px;
	font-size:25px;
}
.sidebar .box{
	
	padding:10px;
}
.border{
	border: 4px solid #ddd;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #666;
}
.sidebar .box h2{
	margin-top:10px;
	color:#fff;

	padding-bottom:6px;
}
.sidebar .box p{
	color:#fff;
}
.inner{
	margin-bottom:30px;
}
.inner h3{
	color:#c78e2c;
}

.alignleft {
	float:left;
	margin-right:15px;
}

/*====================*/
/*=== Services Page Styles ===*/
/*====================*/

.services{
	margin-top:20px; 
	overflow:hidden;
}
.services ul {
	padding-left:0;
}
.services ul li{ 
	list-style:none; 
	overflow:hidden;  
	margin-bottom:15px; 
	padding-bottom:15px; 
	border-bottom:1px solid #eee; 
}

.services ul li img{  
	float:left; 
	margin:5px 10px 5px 0;  
	border:1px solid #cccccc; 
	padding:3px; 
	border-radius:8px; 
	transition:all 0.7s ease-in 0s; 
	-webkit-transition:all 0.7s ease-in 0s; 
	-moz-transition:all 0.7s ease-in 0s;
}
.services ul li img:hover{ 
	box-shadow:2px 2px 2px #666; 
	transition:all 0.5s ease-out 0s;
	-webkit-transition:all 0.5s ease-out 0s;
	-moz-transition:all 0.5s ease-out 0s;
	 -webkit-transform: scale(0.9);/* Saf3.1+, Chrome */
	-moz-transform: scale(0.9); /* FF3.5+ */
	-ms-transform: scale(0.9); /* IE9 */
	-o-transform: scale(0.9); /* Opera 10.5+ */
	transform: scale(0.9);
}


/* contact page css */
.map-wrap iframe{
	border:4px solid #ddd; 
}
.contact_page ul li{
	list-style:none; 
	line-height:30px; 
	font-family:'Roboto', sans-serif; 
	color:#fff;
}
.email a{
	color:#fff;
}
.contact-form-wrap input, .contact-form-wrap textarea {
	border: 1px solid #ccc; 
	font-size: 13px; 
	padding: 3px; 
	width: 90%;
}
.wpcf7-form-control.wpcf7-submit {
	background: #00599D none repeat scroll 0 0; 
	color: #fff;
	 width: 100px; 
	 transition:all 0.6s ease-in-out;
}
.wpcf7-form-control.wpcf7-submit:hover{
	background:#F88A00;
}
.contact_page ul{
	padding:20px; 
	margin-top:30px; 
	background:#259FD3 ;
}
.contact_text{
	font-weight:bold;
}
/* footer bottom start */

.footer-button {
  background: #0e0e0e none repeat scroll 0 0;
  border-top: 1px solid #252525;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 999999;
}
.footer-bar {
  margin: 0;
  overflow: hidden;
  padding-left: 0;
}
.footer-bar li {
  border-right: 1px solid #252525;
  float: left;
  list-style: outside none none;
  padding: 8px 0;
  text-align: center;
  width: 25%;
}
.footer-bar li a {
  color: #fff;
  display: block;
  text-decoration: none;
}
.footer-bar li {
  list-style: outside none none;
  text-align: center;
}
.footer_bar li i {
  font-size: 18px;
}
.footer-button ul.footer-bar li:last-child{
	border-right: none;
}

/* footer bottom end */

/*---------Media Query Devices--------------*/
@media only screen and (min-width : 320px) and (max-width : 1024px) {
.carousel{
	width:100%;
}

}
@media only screen and (min-width : 320px) and (max-width : 700px) {

}
@media only screen and (max-width : 1200px) {

}


@media (min-width: 992px){
    .navigation {
        float: right;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    header.header .logo {
        display: block;
        text-align: center;
    }

    header.header .logo .navbar-brand {
        float: none !important;
    }

    section.projects .block:first-child {
        margin-top: 40px;
    }

    section.features {
        margin-top: 20px;
    }

    section.quote h2 {
        margin-bottom: 22px;
    }

    section.features {
        padding-top: 20px;
    }

    section.features .float-img {
        position: relative;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        top: 0;
    }

    section.features .title h2 {
        padding-top: 5px;
    }


    /* Thumbs */
    section.thumbs ul li a:hover:before {
        font-size: 15px;
        top: calc(50% - 7px);
        left: calc(50% - 7px);
    }

    /* Footer */
    footer.footer .left-column {
        padding-bottom: 20px;
    }

    .footer .left-column i.fa {
        margin-top: 0;
    }

    footer.footer .right-column {
        position: relative;
        display: block;
        background: transparent;
        padding: 20px 15px;
    }

    footer.footer .right-column p {
        padding: 20px 0;
        color: #f0ad4e;
    }

    .footer .social {
        text-align: center;
    }

    .footer .social ul {
        margin: 0;
    }

}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.header-title h1{
		color:#ffffff;
	}


    header.header .logo .navbar-brand img {
        width: 100%;
    }

    section.quote button {
        margin-bottom: 1em;
    }

    section.projects .block {
        margin: 0;
    }

    section.projects .block{
        margin-top: 2em;
    }
    section.projects .block .title {
        text-align: center;
    }

    section.projects .block .title .numbering {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }


    .footer .social ul {
        padding: 0;
        margin-top: 1em;
    }
 .services ul li img{
	 width:100%;
 }
  footer{
	margin-bottom:50px;
 }
}