/*

Template Name: Brehoh - One Page Portfolio Template

Theme URI: http://themeforest.net/user/ridianur

Author: ridianur

Author URI:  http://themeforest.net/user/ridianur

*/



/* -----------------------------------------------------------

TABLE OF CONTENTS:

--------------------------------------------------------------

GENERAL SECTION

HEADER SECTION

SLIDER SECTION

ABOUT SECTION

BIG BACKGROUND SECTION

WORKS SECTION

TEAM SECTION

PRICING TABLE SECTION

CLIENT SECTION

CONTACT SECTION

FOOTER SECTION

BLOG SECTION

----SIDEBAR SECTION

MEDIA QUERIES

-------------------------------------------------------------



------------------------------------------------------------*/



/*-----------------------------------------GENERAL SECTION--------------------------------------------------*/



/*import font*/

@font-face {

    font-family: 'BebasNeueRegular';

    src: url('../fonts/BebasNeue-webfont.eot');

    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/BebasNeue-webfont.woff') format('woff'),

         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),

         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



body, html {

	height: 100%;

}

body {

	color: #666;

	font-family: "open sans", sans-serif;

	font-size: 16px;

	line-height: 1.4;

	background: #ffffff;

}

[class^="icon-"]:before, [class*=" icon-"]:before {

	cursor: inherit;

}
.hr {
    border: none;
    height: .1rem;
    background-color: rgba(var(--color-foreground), .2);
    display: block;
    margin: 8rem 0;
}

a {

	color: indianred;

	text-decoration: none;

	transition: ease .3s;

	-webkit-transition: ease .3s;

	-moz-transition: ease .3s;

	-o-transition: ease .3s;

	-ms-transition: ease .3s;

}

a:hover {

	text-decoration: none;

	color: #1f1f1f;

}

a:focus {

	outline: none;

	color: #999999;

	text-decoration: none;

}

h1, h4, h5, h6 {

	font-weight: normal;

	font-family: 'BebasNeueRegular', sans-serif;

	color: #1f1f1f;

	letter-spacing:2px;

}
h3 {

	font-weight: normal;

	font-family: 'BebasNeueRegular', sans-serif;

	color: #1f1f1f;

	letter-spacing:1px;

}
h2 {  font-family: "Rosarivo", cursive;"
color: #333;
}

iframe {

	border: none;

	width: 100%;

}

img {

	max-width: 100%;

}



.spacing20 {

	width: 100%;

	height: 20px;

}

.spacing30 {

	width: 100%;

	height: 30px;

}

.spacing40 {

	width: 100%;

	height: 40px;

}

.spacing80 {

	width: 100%;

	height: 80px;

}

ul, ol {

	list-style-position: outside;

	list-style-type: square;

	margin: 0;

	padding: 0 0 0 20px;

}

.clearboth {

	clear: both;

}

.content {

    padding: 100px 0;

}

.sub-title {

    color: #c3c3c3;

    font-family: oswald;

    font-size: 15px;

    letter-spacing: 3px;

    margin: 0;

    text-transform: uppercase;

}

.big-title {

    font-size: 60px;
color: navy;
    letter-spacing: 3px;

	font-family: 'BebasNeueRegular', sans-serif;
    line-height: 1;

    margin: 5px 0 20px;

	position:relative;

}

.bordering {

    border-left: 10px solid #1f1f1f;

    margin-bottom: 40px;

    padding-left: 20px;

}



/* Preloader */

#preloader {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #fff; /* change if the mask should have another color then white */

	z-index: 999999; /* makes sure it stays on top */

}

#status {

	width: 200px;

	height: 200px;

	position: absolute;

	left: 50%; /* centers the loading animation horizontally one the screen */

	top: 50%; /* centers the loading animation vertically one the screen */

	background-image: url(../images/preloader.gif); /* path to your loading animation */

	background-repeat: no-repeat;

	background-position: center center;

	text-align: center;

	margin: -100px 0 0 -100px; /* is width and height divided by two */

}

#status p {

	text-align: center;

}





/*-----------------------------HEADER SECTION-----------------------------------*/

.home-section.header {

    bottom: 0;

    left: 0;

    position: absolute;

    width: 100%;

}



.logo {

    float: left;

    max-width: 20%;

}

.menu-box {

    float: right;

    max-width: 80%;

    text-align: right;

}

.navigation {

    display: block;

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.navigation li {

    display: inline-block;

}

.navigation li a {

    display: block;

    font-family: oswald;

    font-size: 12px;

    letter-spacing: 2px;

    padding: 15px 20px;

    text-transform: uppercase;

}

.navigation .current a{color:#1f1f1f;}

.for-sticky {

    background: #fff none repeat scroll 0 0;

    border-bottom: 1px solid #eee;

    top: 0;

    left: 0;

    padding: 10px 0;

    width: 100%;

	z-index:9999;

}



.box-mobile {

	float: right;

	padding-right: 30px;

}

.mobile-menu {

	background: none repeat scroll 0 0 #ffffff;

	display: block;

	height: 0;

	list-style: none outside none;

	margin: 0;

	overflow: hidden;

	position: absolute;

	right: 0;

	text-align: center;

	top: 100%;

	width: 100%;

	z-index: 3;

	padding: 0;

}

.mobile-menu.in {

	border: 1px solid #EEEEEE;

	max-height: 480px;

	overflow-x: hidden;

	overflow-y: auto;

	height: auto;

}

.mobile-menu li a {

	display: block;

	font-size: 11px;

	padding: 8px 15px;

	text-decoration: none;

	text-transform: uppercase;

	border-top: none;

}

.menu-btn {

    background: #1f1f1f none repeat scroll 0 0;

    color: #fff;

    cursor: pointer;

    height: 30px;

    line-height: 30px;

    margin: 5px 0;

    text-align: center;

    width: 30px;

    z-index: 3;

	font-size:14px;

}

/*-----------------------------SLIDER SECTION-----------------------------------*/

#home, .home-slider,.home-slider .owl-wrapper-outer, .home-slider .owl-wrapper, .home-slider .owl-item, .home-slider .slide {

    height: 100%;

    min-height: 100%;

}

.img-bg {

	background-position: center center;

	background-size: cover;

}

.slider-mask {

	background-color: rgba(0, 0, 0, 0.3);

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

}

.slide-nav {

    color: #fff;

    display: block;

}

.caption-box {

    height: 100%;

    padding: 0;

}

.caption-box .container{

    position: relative;

	height:100%;

}

.caption-box .row {

	top:50%;

    left: 0;

    margin: 0;

    position: absolute;

    width: 100%;

}


.home-slider p {

    color: #fff;

    font-family: oswald;

    font-size: 16px;

    letter-spacing: 3px;

    line-height: 1;

    margin-bottom: 40px;

    opacity: 0.6;

    text-transform: uppercase;

}

.slide-nav {

    background: #1f1f1f none repeat scroll 0 0;

    color: #fff;

    cursor: pointer;

    display: inline-block;

    font-size: 20px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    width: 35px;

	transition: ease .3s;

	-webkit-transition: ease .3s;

	-moz-transition: ease .3s;

	-o-transition: ease .3s;

	-ms-transition: ease .3s;



}

.slide-nav:hover{background:#fff;color:#1f1f1f;}

.slide-nav.NextBtn {

    border: medium none;

}

.slider .slide {

	display: none;

}

.slider .slide:first-child {

	display: block;

}

/*-----------------------------ABOUT SECTION-----------------------------------*/

.box-content {

    border-bottom: 1px solid #eee;

	margin-bottom:20px;

}

.box-content:last-child {

    border: medium none;

	margin:0;

}



.box-content i {

    color: #c3c3c3;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    margin-right: 10px;

    text-align: center;

    width: 30px;

}

.sub-content {
      font-family: "Rosarivo", cursive;
	border-bottom: 1px solid #eee;
    color: #fff;
    font-size: 24px;
    letter-spacing: 0px;
    margin: 0 0 20px;
    padding: 4px;
    font-weight: bold;
    background-color: indianred;
}

/*---------------------BIG BACKGROUND SECTION-----------------------------------------*/

.bg {

	position: relative;

	overflow: hidden;

}

.para-img {

	background-attachment: fixed;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: cover;

	position: relative;

	height: 100%;

	left: 0;


	top: 0;

	width: 100%;

	z-index: -1;

}

.no-para .para-img {

	background-attachment: scroll;

}

.bg1 .para-img {

	background-image: url("../images/bg/1.jpg");

}

.bg2 .para-img {

	background-image: url("../images/bg/2.jpg");

}

.bg3 .para-img {

	background-image: url("../images/bg/3.jpg");

}

.bg4 .para-img {

	background-image: url("../images/bg/4.jpg");

}

.big-text {

	color: #777474;
	font-size: 24px;
	padding-top: 20px;
    line-height: 1;
	position: relative;

	text-align: center;

	z-index: 1;

}

.big-text2 {

	color: #777474;
	font-size: 30px;

	padding-bottom: 0px;

	padding-top: 0px;

	position: relative;

	text-align: center;

	z-index: 1;

}

.bg-mask {

	background-color: rgba(0, 0, 0, 0.6);

	left: 0;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	z-index: 0;

}

.big-text h3 ,.pricing-title,.client-title{

    color: #333;

    font-size: 55px;

    letter-spacing: 4px;

    line-height: 1.2;

    margin: 40px auto 20px;

    max-width: 700px;

    text-transform: uppercase;

}

.big-text p {

    font-family: oswald;

    font-size: 15px;

    letter-spacing: 3px;

    margin-bottom: 4px;
	    line-height: 1;

    opacity: 0.6;

    text-transform: uppercase;

}



/*-----------------------------------------WORKS SECTION--------------------------------------------------*/

#port-body{

	transition: ease .2s;

	-webkit-transition: ease .2s;

	-moz-transition: ease .2s;

	-o-transition: ease .2s;

	-ms-transition: ease .2s;

}

.port-item {

    padding-bottom: 15px;

    padding-top: 15px;

	max-width:100%;

}

.port-filter {

    list-style: outside none none;

    margin: 0 0 20px;

    padding: 0;

}

.port-filter li {

    display: inline-block;

}

.port-filter li a {

    border-right: 1px solid #eee;

    display: inline-block;

    font-family: oswald;

    font-size: 12px;

    letter-spacing: 1px;

    line-height: 1;

    padding: 5px 15px;

    text-transform: uppercase;

}

.port-filter li .active{color:#1f1f1f;}

.port-filter li:last-child a{border:none;}

.work-content {

    border-bottom: 1px solid #eee;

    margin-top: 20px;

    position: relative;

}

.work-title{

    font-size: 40px;
	color: indianred;
    font-family: oswald;
    line-height: 1;

    margin: 0;

}

.work-title i {

    color: #c3c3c3;
    letter-spacing: 0;
    display: inline-block;

    height: 30px;

    line-height: 30px;

    margin-right: 10px;

    text-align: center;

    width: 30px;

}

.work-content .ic-close {

    background: #1f1f1f none repeat scroll 0 0;

    box-shadow: none;

    color: #fff;

    cursor: pointer;

    height: 30px;

    line-height: 30px;

    padding: 0;

    text-align: center;

    width: 30px;

	float:right;

}

.work-content .ic-close:hover{

	background:#ddd;

	color:#1f1f1f;

	transition: ease .2s;

	-webkit-transition: ease .2s;

	-moz-transition: ease .2s;

	-o-transition: ease .2s;

	-ms-transition: ease .2s;}

.worksajax .slide-nav.inright {

    left: 35px;

	border:none;

}

.worksajax .slide-nav {

    bottom: 0;

    left: 0;

    position: absolute;

}

.go-btn {


    margin: 10px 0 20px 0;

	background: #ddd none repeat scroll 0 0;

    color: #1f1f1f;

    display: inline-block;

    font-family: 'BebasNeueRegular', sans-serif;

    letter-spacing: 1px;
	font-size: 18px;
    padding: 14px 30px 10px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

}

.go-btn:hover {

   
	background: #1f1f1f none repeat scroll 0 0;

    color: #fff;

}

.port-ajax {

    display: block;

    overflow: hidden;

    position: relative;

}

.port-hover {

    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

    bottom: 0;

    height: 100%;

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 2;

	opacity:0;

	transition: ease .3s;

	-webkit-transition: ease .3s;

	-moz-transition: ease .3s;

	-o-transition: ease .3s;

	-ms-transition: ease .3s;

}

.port-hover:hover{opacity:1;}

.port-hover h3 {

    background: #1f1f1f none repeat scroll 0 0;

    bottom: 20px;

    color: #fff;

    display: inline-block;

    font-size: 18px;

    left: 0;

    letter-spacing: 2px;

    line-height: 1;

    margin-bottom: 0;

    margin-right: 0;

    margin-top: 0;

    max-width: 80%;

    padding: 10px 13px;

    position: absolute;

    word-wrap: break-word;

    z-index: 4;

	transition: ease .3s;

	-webkit-transition: ease .3s;

	-moz-transition: ease .3s;

	-o-transition: ease .3s;

	-ms-transition: ease .3s;

}

.port-hover:hover h3{left:20px;}

.port-hover i {

    color: #fff;

    font-size: 20px;

    position: absolute;

    right: 20px;

    top: 20px;

	z-index:3;

}

.portfolio-gallery.clearfix > div {

    float: left;

    width: 33.3%;

}

.portfolio-gallery a span {

    background: #1f1f1f none repeat scroll 0 0;

    color: #ffffff;

    display: inline-block;

    height: 40px;

    left: 50%;

    line-height: 40px;

    margin-left: -20px;

    margin-top: -20px;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 40px;

	opacity:0;

	transition:0.3s;

}

.portfolio-gallery a {

    position: relative;

	display:block;

}

.portfolio-gallery a:hover span{opacity:1;}

a.pp_previous,a.pp_next{

	transition: none;

	-webkit-transition:none;

	-moz-transition: none;

	-o-transition: none;

	-ms-transition: none;

}

/*-----------------------------TEAM SECTION-----------------------------------*/

.team-title{

    font-size: 30px;

    line-height: 1;

    margin: 0;

}

.team-title i {

    color: #c3c3c3;

    display: inline-block;

    height: 30px;

    line-height: 30px;

    margin-right: 10px;

    text-align: center;

    width: 30px;

}

.team-social i {

    color: inherit;

}

.team-social a {

    background: #1f1f1f none repeat scroll 0 0;

    color: #ffffff;

    display: block;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 30px;

}

.team-social > li {

    display: inline-block;

}

.team-social{

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.team-social a:hover{color:#1f1f1f;background:#ddd;}



.team-box .slide-nav {

    bottom: 0;

    margin: 0;

    position: absolute;

    right: 0;

    z-index: 3;

}

.slide-nav.Nbtn {

    border: medium none;

}

.team-box .Pbtn {

    right: 35px;

}

.team-box {

    position: relative;

}

/*-----------------------------PRICING TABLE SECTION-----------------------------------*/

#pricing-table {

    position: relative;

    text-align: center;

	padding-bottom: 150px;

    padding-top: 150px;

    z-index: 1;

}

.pricing-sub {

    font-family: oswald;

    font-size: 15px;

    letter-spacing: 3px;

    margin-bottom: 40px;

	margin-top:-20px;

    opacity: 0.6;

    text-transform: uppercase;

}

.p-table {

    border: 6px solid #fff;

    margin: auto;

    max-width: 300px;

    padding: 0 0 60px;

}

.p-top h3 {

    color: #fff;

    font-size: 25px;

    margin: 30px 0;

}

.p-top {

    border-bottom: 6px solid #fff;

    margin-bottom: 40px;

}

.p-table p {

    color: #fff;

    line-height: 2;

}

.p-price {

    font-family: oswald;

    font-size: 40px;

}

.p-price > span {

    color: #fff;

    font-family: oswald;

    font-size: 11px;

    letter-spacing: 1px;

    line-height: 1;

    margin: auto;

    padding: 3px;

    text-transform: uppercase;

    vertical-align: super;

}

.p-table a {

    background: #fff none repeat scroll 0 0;

    color: #1f1f1f;

    display: inline-block;

    font-family: bebasneueregular;

    font-size: 18px;

    letter-spacing: 3px;

    line-height: 1;

    margin-top: 30px;

    padding: 15px 30px;

}



.p-table a:hover{

	background: #1f1f1f none repeat scroll 0 0;

    color: #fff;

}

.p-top i {

    color: #fff;

    display: inline-block;

    font-size: 25px;

    text-align: center;

}

/*-----------------------------CLIENT SECTION-----------------------------------*/

#clients {

    position: relative;

    text-align: center;

	padding-bottom: 150px;

    padding-top: 150px;

    z-index: 1;

}

.client-sub {

    font-family: oswald;

    font-size: 15px;

    letter-spacing: 3px;

    margin-bottom: 40px;

	margin-top:-20px;

    opacity: 0.6;

    text-transform: uppercase;

}

/*-----------------------------CONTACT SECTION-----------------------------------*/

#map_canvas{height:400px;}

.box-map {

    line-height: 1;

    padding: 20px 0 20px 20px;

    text-align: center;

    width: 100%;

}

form input,form textarea {

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #ddd;

	color: #888;

	line-height: inherit;

	padding: 8px 10px;

	width: 100%;

	font-size:13px;

	background: #fff;

}

#MyContactForm{text-align:left;}

#MyContactForm p span {

    display: block;

    letter-spacing: 2px;

    text-transform: uppercase;

}

input:focus, textarea:focus {

	border-color: #aaa;

}

::-webkit-input-placeholder {

 color: #999;

}

#MyContactForm p label {

    cursor: text;

    display: block;

    margin: 0;

    position: relative;

    top: 0;

    width: 100%;

}

:-moz-placeholder { /* Firefox 18- */

 color: #999;

}



::-moz-placeholder {  /* Firefox 19+ */

 color: #999;

}



:-ms-input-placeholder {

 color: #999;

}

#form-wrapper #MyContactForm .error {

    bottom: 12px;

    color: #FF0000;

    font-family: inherit;

    font-size: 12px;

    font-weight: normal;

    left: auto;

	font-style:italic;

    letter-spacing: 0;

    position: absolute;

    right: 20px;

    text-transform: capitalize;

    width: auto;

}

.contact-btn {

    background: none repeat scroll 0 0 #1f1f1f;

    color: #ffffff;

    display: inline-block;

    font-family: oswald;

    letter-spacing: 3px;

    padding:10px 30px;

    text-decoration: none;

	text-align:center;

    text-transform: uppercase;

}

.contact-btn:hover {

	background: #ddd;

	color: #1f1f1f;

}

#MyContactForm p {

	position: relative;

}

.response h3 {

    letter-spacing: 2px;

    margin: 10px 0 25px;

    text-transform: uppercase;

}

/*-----------------------------FOOTER SECTION-----------------------------------*/

.footer {

    background: #1f1f1f none repeat scroll 0 0;

    color: #666;

    padding: 40px 0 0;

}

.footer .widgettitle {

    color: #fff;

    font-size: 20px;

    margin: 0 0 20px;

    position: relative;

}

.footer-icon a {

    background: #222222 none repeat scroll 0 0;

    color: #ffffff;

    display: block;

    height: 30px;

    line-height: 30px;

    text-align: center;

    width: 30px;

}

.footer-icon > li {

    display: inline-block;

}

.widget-box .fa {

    color: #afafaf;

    display: inline-block;

    font-size: 15px;

    margin-right: 5px;

}

#flickr {

	list-style: none;

	margin: 0;

	padding:0;

}

#flickr li {

	border: 3px solid #FFFFFF;

	float: left;

	margin-bottom: 10px;

	margin-right: 10px;

	width: 75px;

}

#flickr li:hover {

	border-color: #aaa;

}

#flickr li:hover a {

	opacity: 0.6;

}

.footer-icon {

    list-style: outside none none;

    margin: 0;

    padding: 0;

    text-align: right;

}

.footer a:hover{color:#ccc;}

.footer-icon a:hover{color:#222;background:#fff;}

.footer p {

    font-size: 13px;

    line-height: 1.5;

    margin: 0 0 10px;

}

.footer a {

    color: #666;

}

.footer-black {

    background: #111111 none repeat scroll 0 0;

    padding: 40px 0;

	margin-top:40px;

	color:#fff;

}

.footer-black p {

    font-family: oswald;

    letter-spacing: 1px;

    text-transform: uppercase;

	font-size:12px;

}

.widget-box ul li {

    margin-bottom: 10px;

}

/*-----------------------------BLOG SECTION-----------------------------------*/

.blog-menu {

    position: relative;

	background:#1f1f1f;

}

.blog-wrapper {

    margin-bottom: 80px;

}

.blog-menu .nav-box {

    margin-top: 0;

}

.blog .content-title {

    font-size: 35px;

    line-height: 1;

    margin: 0 0 5px;

}

.border-post {

    background: #1f1f1f none repeat scroll 0 0;

    height: 2px;

    margin-top: 40px;

    width: 100%;

}

.blog .go-btn:hover{background:#1f1f1f;}

.blog-post .slide-nav {

    bottom: 0;

    position: absolute;

    right: 0;

}

.blog-post .slide-nav.inleft {

    right: 35px;

}

.blog-post .slide-nav.inright{

	border:none;

}



.post-detail {

    border-bottom: 1px solid #eee;

    list-style: outside none none;

    margin: 0;

    padding: 0 0 40px;

}

.post-detail i {

    background: #c3c3c3 none repeat scroll 0 0;

    border-radius: 100px;

    color: #fff;

    display: inline-block;

    font-size: 12px;

    height: 24px;

    line-height: 24px;

    text-align: center;

    width: 24px;

}

.post-detail > li {

    display: inline-block;

    font-family: oswald;

    font-size: 12px;

    letter-spacing: 1px;

    margin-right: 10px;

    text-transform: uppercase;

}

.border-post {

    background: #eee none repeat scroll 0 0;

    height: 1px;

    margin: 60px 0 20px;

    width: 100%;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    background-color: #1f1f1f;

    border-color: #1f1f1f;

    color: #FFFFFF;

    cursor: default;

    z-index: 2;

}

.pagination li a:hover{color:#1f1f1f;}

.pagination > li > a, .pagination > li > span {

    color: inherit;

    font-family: oswald;

    letter-spacing: 1px;

    text-transform: uppercase;

}

/*-----------------------------SIDEBAR SECTION----------------------------------*/

.widgettitle {

    font-size: 25px;

    margin: 0 0 20px;

    text-transform: uppercase;

}

.widget {

    border-bottom:1px solid #eee;

    margin-bottom: 30px;

    padding-bottom: 30px;

}



.widget ul {

    padding: 0 0 0 20px;

}

#searchform {

    margin: 10px 20px;

    position: relative;

}

#searchform #s {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    border: 1px solid #ddd;

    display: block;

    height: 50px;

    margin: 0;

    padding: 10px 45px 10px 15px;

    width: 100%;

}

#searchform #s:focus{border-color:#aaa;}

#searchform #searchsubmit {

    background: url("../images/search.png") no-repeat scroll center center #aaa;

    height: 30px;

    right: 10px;

    line-height: 1;

    margin-top: -15px;

    padding: 0;

    position: absolute;

    text-indent: -99999px;

    top: 50%;

    transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

    width: 30px;

	border:none;

	border-radius: 100px;

}

#searchform #searchsubmit:hover{background-color:#1f1f1f;}

.widget ul li {

    list-style: outside none square;

    margin-bottom: 5px;

}

.tagcloud a {

    background: none repeat scroll 0 0 #1f1f1f;

    border: 2px solid #1f1f1f;

    color: #ffffff;

    display: inline-block;

    font-size: 11px;

    margin-bottom: 5px;

    padding: 6px 13px;

    text-transform: uppercase;

}

.tagcloud a:hover{border-color:#1f1f1f;color:#1f1f1f;background:#fff;}

/*-------------COMMENTS SECTION-------------*/

.comment-list, .com-child {

    list-style: none outside none;

    margin: 0;

    overflow: hidden;

}

.comment-list{padding:0;}

.comment-ava > img {

    border: 1px solid #ddd;

    padding: 5px;

    width: 100px;

}

.comment-ava {

    float: left;

    padding-right: 20px;

    width: 20%;

}

.com-box {

    float: left;

    width: 80%;

}

.comment-list .comment {

    display: block;

    margin: 10px 0;

    overflow: hidden;

}

.com-author {

    color: #555555;

    font-weight: bold;

	margin:0;

	font-size: 15px;

	text-transform:uppercase;

}

.com-reply {

    float: right;

    font-size: 13px;

}

.com-meta {

    font-size: 12px;

    font-style: italic;

}

.comment-content {

    border-bottom: 1px solid #eee;

    overflow: hidden;

    padding: 20px 0;

}

.com-btn {

    background: #1f1f1f none repeat scroll 0 0;

    color: #ffffff;

    display: inline-block;

    font-family: oswald;

    font-size: 13px;

    letter-spacing: 2px;

    padding: 10px 40px;

    text-transform: uppercase;

	width:auto;

	transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	-ms-transition: all 0.3s ease 0s;

}



.com-btn:hover{background:#eee;color:#1f1f1f;border-color:#eee;}

.comment-top > span {

    display: block;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}

.title-strong{

    font-size: 20px;

    margin: 0;

    text-transform: uppercase;

}

.pagination > li > a, .pagination > li > span{color:inherit;}

/*-----------------------------MEDIA QUERIES-----------------------------------*/



@media (min-width:768px) and (max-width:1024px) {



}

@media (max-width: 767px) {

	.logo{max-width:40%;}

	.footer-black,.footer-icon{text-align:center;}



}

@media (max-width: 700px) {

	.home-slider h3 {

    font-size: 30px;

}



.home-slider p {

    font-size: 13px;

}

.home-slider .slide-nav {

    display: none;

}

.big-title {

    font-size: 20px;

}

.big-text h3, .pricing-title, .client-title {

    font-size: 60px;
color: navy;
}


}