/*
Theme Name: Shotters Lawyers
Theme URI: ed.paulo.pedro04@gmail.com
Description: The shotters lawyers is theme that support a bootstrap and responsive design. This website is a project of Glue Digital (<a href='http://gluedigital.com.au/'>http://gluedigital.com.au/</a>).
Author: Ed Paulo B. Pedro
Author URI: ed.paulo.pedro04@gmail.com
Version: 1.0
Tags: light, three-columns, right-sidebar, flexible-width, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready
License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/

/**************************************************
RESET
**************************************************/

* { list-style:none ; margin:0 ; outline:none ; padding:0 }
input, select, textarea { -webkit-box-sizing:border-box ; -moz-box-sizing:border-box ; box-sizing:border-box }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display:block }
audio, canvas, video { display:inline-block }

/**************************************************
UNIVERSAL STYLES
**************************************************/	

a, input, textarea, select, small, label, button[type="submit"], h1, h2, h3, h4, h5 { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration:none; }
a img { border:none }
a:hover, a:active{ text-decoration:none !important; }

html{
	font-family: "Open Sans";
}
#main .first-container, #main .second-container, #main .third-container, #main .fourth-container, #main .fifth-container, #main .sixth-container, #main .seventh-container, #main .eight-container, #main .ninth-container, #main .tenth-container, #main .eleventh-container, #main .twelve-container, #main .thirteen-container{
	margin-left:0 !important;
	margin-right:0 !important;
	margin-bottom: 0px;
}
.fa-smaller{
	font-weight: 400;
	font-size:90% !important;
	padding-bottom: 0px !important;
}
.fa-smaller:last-child{
	padding-bottom: 10px !important;
}
.fa-phone-01::before, .fa-phone-01::before{
	content: " ";
	background: url("images/icon-phone-1.png") no-repeat scroll 0% 0%;
	padding: 10px 15px;
}
.fa-mail-01::before, .fa-mail-01::before{
	content: " ";
	background: url("images/icon-mail-1.png") no-repeat scroll 0% 0% / 100%;
	padding: 5px 10px;
}
.fa-map-02::before, .fa-map-02::before{
	content: " ";
	background: url("images/icon-map-2.png") no-repeat scroll 0% 0%;
	padding: 10px 15px;
}
.fa-phone-02::before, .fa-phone-02::before{
	content: " ";
	background: url("images/icon-phone-2.png") no-repeat scroll 0% 0%;
	padding: 10px 15px;
}
.fa-mail-02::before, .fa-mail-02::before{
	content: " ";
	background: url("images/icon-mail-2.png") no-repeat scroll 0% 0%;
	padding: 10px 15px;
}
.fa-left-quote::before, .fa-left-quote::before{
	content: " ";
	background: url("images/icon-left-quote.png") no-repeat scroll 0% 0%;
	padding: 10px 15px;
}
.fa-right-quote::before, .fa-right-quote::before{
	content: " ";
	background: url("images/icon-right-quote.png") no-repeat scroll 0% 0%;
	padding: 10px 15px;
}
/**************************************************
HEADER
**************************************************/
header{
	z-index: 9999;
	position: relative;
}
header  .header-01 , header  .header-02{
	background:#0C0C0C;
}
header , header a{
	color:#fff;
}
header .logo{
	width:100%;
	max-width: 290px;
	padding-top:0.3em;
	padding-bottom:0.8em;
}
header a:hover, header  a:active, header #contact-header a:hover, header #contact-header a:active{
	color:#fff;
}
header #contact-header{
	display:block;
	width:100%;
	padding-top: 1.6em;
}
header #contact-header a{
	font-family: "Open Sans";
	font-weight: 600;
	display:inline-block;
	padding-bottom: 10px;
	font-size: 150%;
	color:#bfbfbf;
}
header #contact-header a span{
	margin-top:2px;
}
header .header-02 #main-navigation{
	width:100%;
	background:#7F3982;
}
header .header-02 #main-navigation ul { 
	margin: 0px;
}
header .header-02 #main-navigation li { 
	margin-left: 0; 
}
header .header-02 #main-navigation ul li { 
	display: inline-block;
	position:relative; 
}
header .header-02 #main-navigation li a{
	font-weight:600;
	display: inline-block;
	color:#bfbfbf; 
	padding: 0.9em 5.3em 0.8em;
	border-right:1px solid #AE70B3;
	text-transform: uppercase;
}
header .header-02 #main-navigation li:last-child a{
	border-right:0;
}
header .header-02 #main-navigation li.current_page_item a, header .header-02 #main-navigation li a:hover, header .header-02 #main-navigation li a:active{
	color:#fff;
}
header .header-02 #main-navigation ul ul{ 
	display:none;
	position:absolute; 
	background-color:#A154A0;
	top:100%; 
	left:0; 
	margin-left:-4px;
	padding:0; 
	z-index:999; 
}
header .header-02 #main-navigation ul ul li{ 
	float:none;	
	text-align:left;
	width:260px; 
	border-right: 0;
	border-bottom:1px solid #AE70B3;
}
header .header-02 #main-navigation ul ul ul { 
	top:0; 
	left:100%;
}
header .header-02 #main-navigation ul li:hover > ul{ 
	display:block;
}
header .header-02 #main-navigation li li a{
	padding: 0.8em 1.5em;
	width: 100%;
}
/**************************************************
FOOTER
**************************************************/
footer .footer-01{
	background-color:#2A2B2D;
	color:#777777;
	padding-top: 5em;
	padding-bottom: 6em;
	font-size:13px;
}
footer .footer-01 .copyright{
	width:100%;
	max-width:220px;
	font-size:12px;
}
footer .footer-01 .copyright .logo{
	width:100%;
	margin-top:4em;
}
footer .footer-01 .copyright p{
	text-align:center;
	text-transform:uppercase;
	font-weight:600;
	margin: 0;
}
footer .footer-01 .copyright .social-icon{
	color: #BD84BA;
	border: 1px solid #BD84BA;
	display:inline-block;
	padding: 6px 10px;
	margin: 0 3px;
}
footer .footer-01 b{
	color:#bc84ba;
	text-transform:uppercase;
}
footer .footer-01 a{
	color:#777777;
}
footer .footer-01 .contacts h2{
	color:#fff;
	text-transform:uppercase;
	padding-bottom: 1.5em;
	font-weight: 600;
	font-size: 15px;
}
footer .footer-01 .contact-details{
	padding-bottom:18px;
	width:100%;
}
footer .footer-01 .contact-details .fa, footer .footer-01 .contact-details i{
	font-size: 15px;
	width: 25px;
	display: inline-block;
}
footer .footer-01 #main-navigation{
	padding-bottom:0.8em;
}
footer .footer-01 #main-navigation ul { 
	margin: 0px; 
}
footer .footer-01 #main-navigation ul ul{ 
	display:none;
}
footer .footer-01 #main-navigation ul li { 
	padding: 0.6em 2em 0.6em 1em;
	margin-left:1em;
	width: 70%;
	border-bottom:1px solid #37383A;
	list-style: square url('images/icon-footer-list.png');
}
footer .footer-01 #main-navigation li a{
	color:#777777;
	text-transform: uppercase;
	font-weight:600;
	
}
footer .footer-01 #main-navigation li a:hover{
	color:#fff;
}
footer .footer-01 a:hover{
	color:#fff;
}

/**************************************************
HOME PAGE
**************************************************/
#main .first-container{
	background-color:transparent;
	padding-bottom: 0;
	margin-bottom:0;
}
#main .first-container .form-content{
	padding-top:3em /*8em*/;
}
#main .first-container .contact-form{
	padding-top:3em /*8em*/;
	padding-left: 10px;
	padding-right: 0;
}
#main .first-container .contact-form form{
	background-color:#414141;
}
#main .first-container .contact-form form, #main .first-container .contact-form h2{
	width:100%;
	display:block;
	margin-top:0;
}
#main .first-container .contact-form h2{
	font-family: "Raleway";
	background-color:#A155A0;
	font-weight:900;
	text-transform:uppercase;
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
	padding: 12px 25px;
}
#main .first-container .contact-form p{
	padding-left:25px;
	padding-right:25px;
}
#main .first-container .contact-form input[type="text"], #main .first-container .contact-form input[type="email"], #main .first-container .contact-form input[type="phone"], #main .first-container .contact-form textarea{
	width:100%;
	border:0;
	background:transparent;
	font-weight:600;
	font-size:12px;
	padding: 5px 0px;
	color: #ddd;
	margin-bottom: 5px;
	border-bottom:1px solid #AD7C9C;
}
#main .first-container .contact-form textarea{
	max-height: 177px;
}
#main .first-container .contact-form span.your-name{
	padding-top:10px;
	display: block;
}
#main .first-container .contact-form span.your-name{
	padding-top:10px;
	display: block;
}
#main .first-container .contact-form input[type="submit"]{
	font-family: "Raleway";
	background-color:#A155A0;
	font-weight:bold;
	color: #fff;
	border:0;
	text-transform: uppercase;
	font-size: 12px;
	padding: 12px 20px;
	margin-bottom: 30px;
}
#main .first-container .contact-form div.wpcf7 img.ajax-loader{
	display: block;
	margin: 0 auto;
}
#main .first-container .contact-form div.wpcf7-response-output{
	margin-top: -50px;
	color: #eee;
}
#main .first-container .contact-form span.wpcf7-not-valid-tip{
	font-size: 70%;
}
#main .second-container {
	padding: 6em 0px 7em;
	background:#0C0C0C;
}
#main .page-container h2, #main .second-container h2, #main .third-container h2, #main .fourth-container h2, #main .fifth-container  h2, #main .sixth-container  h2, #main .seventh-container h2, #main .eight-container h2, #main .ninth-container h2, #main .eleventh-container h2,  #main .twelve-container h2{
	font-size: 31px;
	font-family: "Raleway";
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 0;
	margin-top: 0;
	color: #a154a1;
	letter-spacing: 1px;
}
#main .page-container em, #main .second-container em, #main .third-container em, #main .fourth-container em, #main .fifth-container em, #main .sixth-container  em, #main .seventh-container em, #main .eight-container em, #main .ninth-container em, #main .eleventh-container em, #main .twelve-container em{
	font-family: "Lora";
	color: #a154a1;
}
#main .second-container p{
	color:#fff;
	line-height: 28px;
}
#main .second-container .readmore, #main .fifth-container .readmore, #main .ninth-container .readmore, #main .page-container .readmore, #main .twelve-container .readmore{
	font-family: "Raleway";
	color:#bd84ba;
	border:2px solid #bd84ba;
	padding:0.8em 2.5em;
	font-weight: bold;
	font-size:85%;
	margin-top:2em;
	text-transform: uppercase;
	display:inline-block;
}
#main .third-container{
	padding: 6em 0px 1em;
	background:#EAEAEA;
}
#main .third-container h3, #main .fifth-container h3{
	font-size: 14px;
	font-family: "Raleway";
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 10px;
	margin-top: 0;
	color: #0c0c0c;
	letter-spacing: 1px;
}
#main .third-container h3 a{
	color: #0c0c0c;
}
#main .third-container .col-lg-2 img{
	min-width:60px;
}
#main .third-container p, #main .fifth-container p{
	color:#585858;
	font-size: 95%;
	line-height: 28px;
}
#main .fifth-container p, #main .fifth-container h3{
	color:#fff;
}
#main .third-container .text-right .size-full{
	width: 100%;
	max-width: 250px;
	margin-top: 3em;
}
#main .fourth-container {
	padding: 6em 0px 7em;
	background:#0C0C0C;
}
#main .fourth-container .show-testimonial{
	margin-top: -20px;
	padding-top: 20px;
	background: transparent url("images/client-quote.png") no-repeat -6px -5px;
	background-size: 100px 62px;
	line-height:28px;
	min-height: 135px;
}
#main .fourth-container .author-testimonial {
	padding-top:2em;
	font-family: "Raleway";
	text-transform: uppercase;
	color: #a154a1;
	font-size:90%;
	font-weight: 600;
}
#main .fourth-container .author-testimonial img{
	border-radius:50%;
	margin-right: 2em;
}
#main .fourth-container p{
	color:#fff;
}
#main .fourth-container .nav-tabs{
	border-bottom: 0;
	padding-top:2em;
}
#main .fourth-container li a{
	background-color: #A155A0;
	width:15px;
	height:15px;
	padding: 0;
	border-radius:50%;
}
#main .fourth-container li a:hover{
	border-color:#BD84BB;
}
#main .fourth-container li.active a{
	background-color: #BD84BB;
}
#main .fourth-container li{
	padding:5px;
}
#main .fifth-container {
	padding: 6em 0px 4em;
	background:#EAEAEA;
	display:none;
}
#main .fifth-container{
	background:#0C0C0C;
}
#main .fifth-container small{
	color:#a154a1;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: inline-block;
}
#main .fifth-container hr{
	border-color:#a154a1;
	margin-bottom: 35px;
}
/**************************************************
INNER PAGES - CONTACT US
**************************************************/
#main .sixth-container {
	padding: 6em 0px 7em;
	background:#fff;
}
#main .sixth-container .contact-details{
	background:#A154A1;
	padding-top: 4em;
	color:#fff;
	font-size:15px;
}
#main .sixth-container .contact-details .col-lg-3{
	text-align:right;
	padding-top: 10px;
}
#main .sixth-container .contact-details a{
	color:#fff;
}
#main .sixth-container .contact-details .row{
	padding-top:1.5em;
	padding-bottom:1.5em;
}
#main .seventh-container {
	padding: 6em 0px 0;
	background:#EAEAEA;
}
#main .seventh-container .container{
	padding: 0 0px 4em;
}
#main .seventh-container label{
	color:#757C82;
	text-transform:uppercase;
}
#main .seventh-container span{
	color:#757C82;
	text-transform:uppercase;
	font-weight:bold;
}
#main .seventh-container label span{
	color:#A154A1;
	font-weight:900;
}
#main .seventh-container input[type="text"], #main .seventh-container input[type="email"], #main .seventh-container input[type="phone"], #main .seventh-container textarea, #main .seventh-container select{
	width:100%;
	border:0;
	background:#fff;
	font-weight:400;
	font-size:12px;
	padding: 5px 10px;
	color: #333;
	margin-bottom: 5px;
	border:1px solid #ccc;
}
#main .seventh-container textarea{
	max-height: 120px;
	border:1px solid #ccc;
}
#main .seventh-container input[type="submit"]{
	font-family: "Raleway";
	border:2px solid #A155A0;
	background-color:transparent;
	font-weight:bold;
	color: #A155A0;
	text-transform: uppercase;
	font-size: 12px;
	padding: 12px 20px;
	margin-bottom: 30px;
}

/**************************************************
INNER PAGES - TESTIMONIALS
**************************************************/
#main .eight-container {
	padding: 6em 0px 0;
	background:#fff;
}
#main .eight-container .alt-color{
	background:#EAEAEA;
}
#main .eight-container .testimonial-container .container{
	padding-top: 6em;
	padding-bottom: 6em;
}
#main .eight-container .testimonial-container:first-child .container{
	padding-top: 0;
	padding-bottom: 6em;
}
#main .eight-container .thumbnail-testimonial{
	width:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-width:458px;
	height:343px;
}
#main .eight-container .show-testimonial{
	background: #fff;
	padding: 3em 1.5em;
	border: 1px solid #EAEFF3;
}
#main .eight-container h4{
	font-size: 13px;
	font-family: "Raleway";
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 8px;
	margin-top: 12px;
	color: #0C0C0C;
	letter-spacing: 1px;
	display: inline-block;
}
#main .eight-container label{
	font-weight: 400;
	margin-left:-2px;
	color:#A154A1;
	cursor:pointer;
	letter-spacing: 1px;
	display: inline-block;
}
#main .eight-container .testimonial-c{
	padding: 0 1.5em;
}
#main .eight-container input[type="text"], #main .eight-container input[type="email"], #main .eight-container input[type="tel"], #main .eight-container textarea, #main .eight-container select{
	width:100%;
	border:0;
	background:#fff;
	font-weight:400;
	font-size:12px;
	padding: 5px 0px;
	color: #333;
	margin-bottom: 5px;
	border: 1px solid #E0E5EB;
	padding: 1em 2em;
	margin: 0.8em 0;
}
#main .eight-container textarea{
	height: 170px;
}
#main .eight-container input[type="submit"]{
	font-family: "Raleway";
	border:2px solid #A155A0;
	background-color:transparent;
	font-weight:bold;
	color: #A155A0;
	text-transform: uppercase;
	font-size: 12px;
	padding: 12px 20px;
	margin-bottom: 30px;
}

/**************************************************
INNER PAGES - BLOG PAGE
**************************************************/
#main .ninth-container{
	padding: 6em 0px 0;
	background:#fff;
}
#main .ninth-container .author-avatar img{
	border-radius: 50%;
}
#main .ninth-container .full-thumbnail{
	width:100%;
	margin-bottom:20px;
	max-width:350px;
}
#main .ninth-container p{
	line-height: 25px;
}
#main .ninth-container h4{
	font-size: 14px;
	font-family: "Raleway";
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 5px;
	margin-top: 0px;
	color: #0C0C0C;
	letter-spacing: 1px;
}
#main .ninth-container .post-info{
	font-family:"Montserrat";
	color: #727272;
	margin-bottom: 15px;
	text-transform: uppercase;
}
#main .ninth-container .blog-container{
	padding: 2.5em 0px;
}
#main .ninth-container .blog-container:first-child{
	padding: 0px 0px 2.5em;
}
#main .ninth-container .social-news-media{
	padding-top: 1.2em;
}
#main .ninth-container .social-news-media .fa, #main .ninth-container .social-news-media .shareme{
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 20px;
	text-align: center;
	margin: 0px 1px;
	color:#fff;
	border-radius:50%;
	padding-top: 16px;
}
#main .ninth-container .social-news-media .shareme{
	font-size: 14px;
	color:#333;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	padding-right: 5px;
	width: 60px;
}
#main .ninth-container .social-news-media .fa-facebook{
	background-color: #3B5999;
}
#main .ninth-container .social-news-media .fa-twitter{
	background-color: #00B9EF;
}
#main .ninth-container .social-news-media .fa-google-plus{
	background-color: #EB4225;
}
#main .page-sidebar{
	padding: 12.8em 0px 0;
	background:#fff;
	font-size:12px;
}
#main .page-sidebar #subject{
	display:none;
}
#main .page-sidebar #subject{
	display:none;
}
#main .page-sidebar .wpcf7-form input[type="text"], #main .page-sidebar .wpcf7-form input[type="tel"], #main .page-sidebar .wpcf7-form input[type="email"], #main .page-sidebar .wpcf7-form textarea{
	border:1px solid #EBEBEB;
	background-color:#fff;
	color: #000;
	font-size: 12px;
	padding: 12px 20px;
	width:100%;
	margin-bottom: 2px;
}
#main .page-sidebar .wpcf7-form input[type="submit"]{
	font-family: "Raleway";
	color: #BD84BA;
	border: 2px solid #BD84BA;
	padding: 0.8em 2.5em;
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 2em;
	text-transform: uppercase;
	display: inline-block;
	background: transparent;
}
#main .page-sidebar .thumbnail-side-bar{
	width:57px;
	height:57px;
}
#main .page-sidebar #search-form input[type="text"]{
	border:1px solid #EBEBEB;
	background-color:#fff;
	font-weight:bold;
	color: #000;
	font-size: 12px;
	padding: 12px 20px;
	width:80%;
	margin-bottom: 30px;
}
#main .page-sidebar #search-form button[type="submit"], #main .twelve-container button[type="submit"]{
	border: 0px none;
	background-color: #bd84ba;
	color: #2C2D2E;
	text-transform: uppercase;
	font-size: 18px;
	padding: 8px 15px;
	margin-bottom: 30px;
	margin-right: -10px;
	position: absolute;
}
#main .page-sidebar h4, #main .page-sidebar h2{
	font-size: 15px;
	font-family: "Raleway";
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 15px;
	margin-top: 0px;
	color: #0C0C0C;
	letter-spacing: 1px;
}
#main .page-sidebar a{
	color:#BD84BA;
}
#main .page-sidebar aside{
	margin-bottom: 25px;
}
#main .page-sidebar aside#categories-2 li{
	padding: 0.6em 2em 0.6em 1em;
	margin-left: 1em;
	width: 100%;
	list-style: outside url("images/icon-footer-list.png") square;
}
#main .page-sidebar aside#categories-2 li a{
	color:#585858;
}
#main .page-sidebar .news-side-container{
	padding: 1em 0px 0;
}
#main .page-sidebar .news-side-container .side-news{
	margin-top:-7px;
}
#main .page-sidebar .news-side-container small{
	font-family:"Montserrat";
	color: #bd84ba;
	margin-bottom: 5px;
	text-transform: uppercase;
	display: inline-block;
}
#main .page-sidebar .news-side-container .side-news p{
	line-height:24px;
	color:#585858;
}
#main .page-sidebar .tagcloud a {
    font-family: "Raleway";
	color:#bd84ba;
	border:2px solid #bd84ba;
	margin: 0.5em 0.5em;
	font-weight: bold;
	font-size:85%;
	text-transform: uppercase;
	display:inline-block;
	padding: 1em 1.8em;
}

/**************************************************
INNER PAGES - BLOG SINGLE PAGE
**************************************************/
#main .tenth-container{
	background-color:#EAEAEA;
}
#main .tenth-container .ninth-container{
	background-color:#EAEAEA;
}
#main .ninth-container h4 .date{
	color:#BD84BA;
}
#main .ninth-container .comment-author img{
	border-radius:50%;
}
#main .ninth-container  .comments-area .children{
	padding-left: 8em;
}
#main .ninth-container .reply .fa, #main #respond .fa{
	display: inline-block;
	width: 35px;
	height: 35px;
	font-size: 15px;
	text-align: center;
	margin: 0px 1px;
	color: #BD84BA;
	border-radius: 50%;
	padding-top: 8px;
	border: 2px solid rgb(189, 132, 186);
}
#main .tenth-container input[type="text"], #main .tenth-container input[type="email"], #main .tenth-container input[type="phone"], #main .tenth-container textarea, #main .tenth-container select, #main #commentform input[type="text"], #main #commentform input[type="email"], #main #commentform input[type="phone"], #main #commentform textarea, #main #commentform select {
	width:100%;
	border:0;
	background:transparent;
	font-weight:400;
	font-size:12px;
	padding: 5px 0px;
	color: #333;
	margin-bottom: 5px;
	border-top:1px solid #DCE4E7;
	border-bottom:0;
}
#main .tenth-container textarea, #main #commentform textarea{
	max-height: 120px;
	border-bottom:1px solid #DCE4E7;
	border-top:0;
}
#main .tenth-container input[type="submit"], #main #commentform input[type="submit"]{
	font-family: "Raleway";
	border:2px solid #A155A0;
	background-color:transparent;
	font-weight:bold;
	color: #A155A0;
	text-transform: uppercase;
	font-size: 12px;
	padding: 12px 20px;
	margin-bottom: 30px;
}
#main .tenth-container label , #main #commentform label{
    color: #757C82;
    text-transform: uppercase;
}
#main .logged-in-as a, #main #commentform a{
	color: #A155A0;
}
#main .blog-page-content h4{
	margin-top: 30px;
}
#main .blog-page-content p{
	padding-bottom: 1em;
}
#main .blog-page-content blockquote{
	border-left: 5px solid #A155A0;
	font-size: 14px;
	padding: 15px 50px 15px 40px;
	background:#D8B2D7;
	font-style: italic;
	font-family:"Lora";
}
#main .no-comments{
	padding: 0px 0px 2em;
	font-weight: 600;
	text-transform: uppercase;
	color:#555;
}
#main .post-pagination{
	text-align:center;
}
#main .post-pagination li, #main .post-pagination ul{
	display:inline-block;
}
#main .post-pagination li{
	padding:0 2px;
}
#main .post-pagination a{
	font-family: "Raleway";
	color:#333;
	border:2px solid #333;
	padding: 0.5em 1em;
	font-size: 125%;
	font-weight: bold;
	margin-top:2em;
	text-transform: uppercase;
	display:inline-block;
}
#main li.active a{
	color:#bd84ba;
	border:2px solid #bd84ba;
}


/**************************************************
INNER PAGES - BLOG PAGE
**************************************************/
#main .page-container{
	padding: 6em 30px 5em 0;
	background:#fff;
}
#main .page-container p{
	line-height: 25px;
}
#main .page-container a{
	color:#BD84BA;
	font-style:italic;
}
#main .page-container h4, #main .eleventh-container h4{
	font-size: 14px;
	font-family: "Raleway";
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 15px;
	margin-top: 0px;
	color: #0C0C0C;
	letter-spacing: 1px;
}
#main .page-container ul { 
	margin: 0px; 
}
#main .page-container ul li { 
	padding: 0.6em 2em 0.6em 1em;
	margin-left:1em;
	width: 100%;
	list-style: square url('images/icon-footer-list.png');
}
#main .page-container li a{
	color:#BD84BA;
	font-style:italic;
}

/**************************************************
INNER PAGES - FAQ
**************************************************/
#main .eleventh-container{
	padding: 6em 0 5em;
}
#main .eleventh-container .cbox {
    width: 20px;
    height: 20px;
    background-color: #BD84BA;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position: relative;
}
#main .eleventh-container .numbox{
	margin-top:-20px;
	margin-left:5px;
	position: relative;
	z-index:1;
}
#main .eleventh-container p{
	line-height: 26px;
	margin-bottom:1em;
}
#main .twelve-container{
	padding: 6em 0 0;
	background-color:#EAEAEA;
	text-align:center;
}
#main .twelve-container .container{
	padding: 0 0 7em;
	background: url("images/triangle-background.png") no-repeat transparent 100% 100%;
}
#main .twelve-container input[type="text"]{
	max-width: 700px;
	width:100%;
	background: #fff;
	border:1px solid #ddd;
	color:#333;
	width:100%;
	margin-bottom:2em;
	padding: 0.7em 1.5em;
}


/**************************************************
BUTTON HOVER
**************************************************/
#main .second-container .readmore:hover, #main .fifth-container .readmore:hover, #main .ninth-container .readmore:hover, #main .page-container .readmore:hover, #main .twelve-container .readmore:hover, #main .page-sidebar a:hover, #main .page-sidebar .news-side-container small:hover, #main .page-container a:hover, #main .page-sidebar .wpcf7-form input[type="submit"]:hover, footer .footer-01 .copyright .social-icon:hover, #main .eight-container input[type="submit"]:hover, #main .seventh-container input[type="submit"]:hover, #main .eight-container label:hover, #main .post-pagination a:hover{
	color:#7E3981;
}
#main .second-container .readmore:hover, #main .fifth-container .readmore:hover, #main .ninth-container .readmore:hover, #main .page-container .readmore:hover, #main .twelve-container .readmore:hover, #main .page-sidebar .wpcf7-form input[type="submit"]:hover, footer .footer-01 .copyright .social-icon:hover, #main .eight-container input[type="submit"]:hover, #main .seventh-container input[type="submit"]:hover, #main .post-pagination a:hover, #main .page-sidebar .tagcloud a:hover{
	border-color:#7E3981;
}
#main .eight-container input[type="text"]:hover, #main .eight-container input[type="email"]:hover, #main .eight-container input[type="tel"]:hover, #main .eight-container textarea:hover, #main .eight-container select:hover, #main .eight-container input[type="text"]:focus, #main .eight-container input[type="email"]:focus, #main .eight-container input[type="tel"]:focus, #main .eight-container textarea:focus, #main .eight-container select:focus, #main .page-sidebar #search-form input[type="text"]:hover, #main .page-sidebar #search-form input[type="text"]:focus, #main .page-sidebar .wpcf7-form input[type="text"]:hover, #main .page-sidebar .wpcf7-form input[type="tel"]:hover, #main .page-sidebar .wpcf7-form input[type="email"]:hover, #main .page-sidebar .wpcf7-form textarea:hover, #main .page-sidebar .wpcf7-form input[type="text"]:focus, #main .page-sidebar .wpcf7-form input[type="tel"]:focus, #main .page-sidebar .wpcf7-form input[type="email"]:focus, #main .page-sidebar .wpcf7-form textarea:focus, #main .twelve-container input[type="text"]:hover, #main .twelve-container input[type="text"]:focus{
	border-color:#B8BFC6;
}
#main .page-sidebar #search-form button[type="submit"]:hover, #main .twelve-container button[type="submit"]:hover, #main .first-container .contact-form input[type="submit"]:hover{
	background-color:#7E3981;
}
#main .sixth-container .contact-details a:hover{
	color: #E1E1E1;
}
#main .ninth-container a h4:hover,  #main .fifth-container a h3:hover{
	color: #444;
}
#main .third-container h3 a:hover{
	color: #666;
}


/**************************************************
404 PAGE NOT FOUND
**************************************************/
.page-404{
	padding: 9em 0 0;
	border-radius: 5px;
	background-clip: padding-box;
	font-family: "Open Sans";
}
.page-404  .header, .page-404 .sub-header, .page-404 .sub-header2{
	color:#333;
	padding:1em 0;
	text-transform:uppercase;
}
.page-404 b{
	color:#7E3981;
}
.page-404 .header{
	font-size:500%;
	padding:  0;
	line-height: 80px;
	text-align: center;
	letter-spacing: -1px;
}
.page-404 .sub-header{
	font-size:90%;
	text-align: center;
}
.page-404 .sub-header p{
	background-color:#BD84BA;
	letter-spacing:1px;
	display: inline-block;
	border-radius: 10px;
	padding: 0.5em 2.5em;
	margin-top: 1em;
	margin-bottom: 10em;
}
.page-404 .button a{
	background:#F9B902;
	border:1px solid #fff;
	color:#fff;
	padding: 1em 2em;
}
.page-404 .search input[type="submit"]{
	background:#F9B902;
	border:1px solid #fff;
	color:#fff;
	padding: 0.7em 2em;
}
.page-404 .search input[type="text"]{
	max-width:450px;
	width:100%;
	background: transparent;
	border:1px solid #ddd;
	color:#333;
	width:100%;
	padding: 0.7em 1em;
}
.page-404 .search .screen-reader-text{
	display:none;
}

/**************************************************
SEARCH PAGE
**************************************************/
.search-page #search-form {
	padding-bottom:3em;
}
.search-page #search-form input[type="text"]{
	max-width: 520px;
	width:100%;
	background: transparent;
	border:1px solid #ddd;
	color:#333;
	width:100%;
	padding: 0.7em 1em;
}
.search-page #search-form input[type="submit"]{
	background:#A154A1;
	border:1px solid #A154A1;
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	padding: 0.8em 2em;
}

/**************************************************
UNIVERSAL STYLES
**************************************************/	
.text-align-center{
	text-align:center;
}
.text-align-right{
	text-align:right;
}
.reset-container{
	padding-left:15px;
	padding-right:15px;
	margin-right: auto;
	margin-left: auto;
}
.clear-sep{
	padding:1em 0;
}
.margin-auto{
	margin: 0 auto !important;
}
.mar-bot-no{
	margin-bottom: 0 !important;
}
.mar-top-sm{
	margin-bottom: 1em !important;
}
.mar-top-sm{
	margin-bottom: 1em !important;
}
.mar-bot-lg{
	margin-bottom: 3em !important;
}
.mar-bot-md{
	margin-bottom: 2em !important;
}
.mar-bot-lg{
	margin-bottom: 3em !important;
}
.hor-no-mar{
	margin-left:0 !important;
	margin-right:0 !important;
}
.hor-no-pad{
	padding-left:0 !important;
	padding-right:0 !important;
}
.hor-sm-pad{
	padding-left:4px !important;
	padding-right:4px !important;
}
.hor-lg-pad{
	padding-left:0.5em !important;
	padding-right:0.5em !important;
}
.ver-pad-xl{
	padding-top:10em !important;
	padding-bottom:10em !important;
}
.ver-pad-lg{
	padding-top:3em !important;
	padding-bottom:3em !important;
}
.ver-pad-md{
	padding-top:1.8em !important;
	padding-bottom:1.8em !important;
}
.ver-pad-sm{
	padding-top:1em !important;
	padding-bottom:1em !important;
}
.hor-pad-no-lf{
	padding-left:0 !important;
}
.hor-pad-sm-bot{
	padding-bottom:2em !important;
}
.hor-pad-md-rg{
	padding-right:3em !important;
}
.hor-pad-md-top{
	padding-top:3em !important;
}
.no-ver-pad-top{
	padding-top:0 !important;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.overflow-hidden{
	overflow:hidden;
}
.width-100{
	width:100%;
}

/**************************************************
MOBILE STYLE
**************************************************/	
@media all and (min-width : 768px) { 
	header .logo{
		margin-left: -65px;
	}
	#show-my-mobile-nav-button{
		display:none !important;		
	}
	#hide-my-mobile-nav-button{
		display:none !important;		
	}
	#main .first-container .first-image{
		min-width: 610px;
		max-width: 697px /*610px*/;
		margin-left:-15px;
	}
	#main .fifth-container .news-show-container{
		padding-top:6.7em;
	}
	#main .sixth-container .contact-details{
		padding-right:30px;
		padding-left: 15px;
		margin-left: -15px;
		min-height:435px;
	}
	#main .eight-container .show-testimonial{
		margin-top: 5.5em;
		margin-left: -6.5em;
	}
	header .header-02 #main-navigation  { 
		display:block !important;
	}
	header .header-02 #main-navigation{
		margin-bottom: -3.7em;
	}
}
@media all and (max-width : 980px) { 
	#main #slider1_container{
		display:none !important;
	}
}
@media all and (max-width : 767px) { 
	#main .first-container .first-image{
		width:100%;
		margin-left:0;
	}
	div, header #contact-header .text-right{
		text-align:center;
	}
	header .header-02 #main-navigation  { 
		display:none;
	}
	#show-my-mobile-nav-button{
		display:block;		
	}
	#hide-my-mobile-nav-button{
		display:none;		
	}
	#show-my-mobile-nav-button, #hide-my-mobile-nav-button {
		background: #BB84BA;
		color: #333;
		font-size: 200%;
		cursor: pointer;
		max-width: 50px;
		border: 1px solid #333;
		text-align: center;
		font-weight: 400;
		font-family: "Lato Light";
		border-radius: 5px;
		margin: 5px 0px;
		padding-top: 4px;
	}
	header .header-02 #main-navigation ul ul{
		display: block;
		position: relative;
	}
	header .header-02 #main-navigation ul ul li{
		width: 100%;
	}
	header .header-02 #main-navigation ul li{
		display: block;
		margin-left: 0;
	}
	header .header-02 #main-navigation li a{
		border-right: 0;
		text-align:center;
		width: 100%;
		border-bottom: 1px solid #333;
	}
	#main .first-container .contact-form{
		padding-top:0;
		padding-left: 0;
		padding-right: 0;
	}
	#main .first-container .show-product-container{
		padding: 2em 0;
	}
	#main .third-container .text-header:first-child{
		padding-top: 0;
	}
	#main .third-container .text-header{
		padding-top: 3em;
	}
	#main .third-container .col-lg-2 img{
		width: 100px;
	}
	#main .fourth-container .author-testimonial{
		padding-bottom: 3em;
		border-bottom: 1px solid #333;
		margin-bottom: 3em;
	}
	#main .fifth-container .hor-pad-md-rg {
		padding-right: 15px !important;
	}
	#main .fifth-container .hor-pad-no-lf {
		padding-left: 15px !important;
		padding-bottom: 2em;
	}
	#main .sixth-container hr, #main .eight-container hr{
		margin: 2em auto;
		width: 200px;
	}
	#main .sixth-container .contact-details .col-lg-3{
		text-align:center;
	}
	#main .eight-container .show-testimonial{
		padding: 3em 0em;
	}
	#main .eight-container .fa-left-quote{
		float: left;
	}
	#main .eight-container .testimonial-container:first-child .container{
		padding-bottom: 9em;
	}
	#main .eight-container input[type="submit"], #main .seventh-container input[type="submit"]{
		margin-bottom: 8em;
	}
	#main .eleventh-container .cbox{
		margin: 0 auto;
	}
	#main .eleventh-container .numbox{
		margin-left: 0;
		margin-bottom: 1em !important;
	}
	#main .twelve-container .readmore{
		margin-bottom: 5em;
	}
	#main .ninth-container .hor-pad-no-lf{
		padding-left: 15px !important;
	}
	#main .page-container{
		padding: 6em 15px 5em 15px;
	}
	#main .page-sidebar .thumbnail-side-bar{
		margin: 0px auto 2em;
	}
	#main .page-sidebar #search-form button[type="submit"], #main .twelve-container button[type="submit"]{
		position: relative;
	}
	footer .footer-01 .copyright{
		width: 100%;
		max-width: 220px;
		font-size: 12px;
		margin: 0 auto;
	}
	footer .footer-01 #main-navigation ul li{
		width: 100%;
		list-style: none;
		padding-right: 15px;
		margin-left: 0;
	}
}

.shotters-team .indiv-wrap {
    text-align: center;
	min-height: 210px;
}
.shotters-team .indiv-wrap img {
    width: 100%;
    max-width: 350px;
}
.shotters-team .indiv-wrap h4 {
    padding-top: 10px;
	font-size: 11px !important;
}
@media all and (min-width : 992px) {
	.shotters-team .indiv-wrap {
		width:20%;
		float:left;
	}
}