/*
Theme Name: Resume For Dudes
Theme URI: http://www.resumesfordudes.com.au/
Author: P3L Team
Author URI: http://pinnaclepointers.com
Description: The 2016 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.resumesfordudes.com.au/
*/
/* @import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300&subset=latin,latin-ext); */

body{
	font-family: 'Oswald', sans-serif;
	}
h1{
	font-size:70px;
	font-weight:100;
	letter-spacing:8px;
	}
h2{
	font-size:52px;
	}
h3{
	font-size:32px;
	}
.green-clr{
	color:#359894;
	}
.white-clr{
	color:#fff;
	}
.blu-clr{
	color:#52a4c8;
	}
.rd-clr{
	color:#ff0000;
	}
.tp-line{ 
	color:#ededed;
	}
a, a:hover {
	color:inherit;
	}
.wht-bor{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	}
.grn-bor{
	border-top:1px solid #359894;
	border-bottom:1px solid #359894;
	}
.spac4x{
	letter-spacing:4px;
	}
.my-btn{
	font-size:25px;
	font-weight:bold;
	letter-spacing:2px;
	color:#359894;
	border-radius:5px;
	background:linear-gradient(#ecebf0, #bbd5d7);
	border:0px;
	max-width:500px;
	width:100%;
	padding:20px 0; 
	text-align:center;
	margin:40px auto;
	}
img{
	max-width:100%;
	}
.modal-backdrop.in {
	opacity: 0;
	}
/*=====================
	HEADER STYLE
=======================*/
.hr1{
	margin:0;
	border-width: 11px 0 0;
	border-color: #ededed; 
	}
.hr2{
	margin:0;
	border-width: 5px 0 0;
	border-color: #359894; 
	}
.top-line{
	font-size:24px;
	font-weight:500;
	color:#359894;
	text-align:right;
	}
.top-line span{color:#383838; 
	text-transform:uppercase;
	}
header>.container{
	padding:30px 0 0 0;
	}
.text-heading>h2{
	font-weight:100;
	color:#359894;
	letter-spacing:4px;
	padding:20px;
	background:#ededed;
	text-align:center;
	margin-bottom:0px;
        margin-top:0px!important;
	}

/*=====================
	FORM STYLE
=======================*/
.form{
	background:url(img/form-back.jpg) repeat;
	color:#fff;
	letter-spacing:1px;
	margin:0;
	padding:40px 0;
	text-align:center;
	}
.form h2{
	font-weight:600;
	}
.form label{
	font-size:25px;
	font-weight:100;
	}
.form input, .form textarea{
	background:transparent;
	border-width:0px 0px 2px 0px;
	border-color:#fff;
	width:100%;
	font-size:25px;
	margin:20px 0;
	}
.form textarea{
	height: 42px;
	}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
	}
.btn-primary{
	background:#576e72;
	color:#d2e0e3;
	border-color:#fff;
	font-weight:100;
	padding:5px 25px;
	font-size:25px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*==================================
	OUR SERVICE AND WHU US  STYLE
=======================*/

.ser-why>article{
	border:2px solid #CCC;
	padding:40px; 
	border-bottom:0;
	border-right:0;
	overflow:hidden;
	}
.ser-why h1{
	color:#359894;
	margin-bottom:50px;

	}
.ser-why>.servc{	
	overflow:hidden;
	}
.ser-why>.servc ul li{
	font-size:31px;
	margin:10px 0;
	font-weight:100;
	background:#cee8e7;
	padding:10.5px;
	width:68%;
	color:#4c4c4c;
	letter-spacing:4px;
	}
.ser-why>.why ul li{
	font-size:23px;
	font-weight:100;
	padding:4px;
	color:#4c4c4c;
	letter-spacing:1px;
	margin:4px 0;
	}
.ser-why>.why ul {
	list-style-image: url('img/bull.png');
	margin:0px -10px;
	}
/*.ser-why>.why ul li:before {    
	font-family: 'FontAwesome';
	content: '\f046';
	margin:0 5px 0 -7px;
	color: #f00;
	padding-right: 17px;
	}
*/


/*=====================
	OUR PROCESS STYLE
=======================*/

.process{
	background:#339692;
	overflow:hidden;
	padding:40px 0;
	}
.process img{
	cursor:pointer;
	}
.process a{
	display:block;
	}
.process>.container{margin-top:60px;}

/*=====================
	companies
=======================*/
.companies{
	padding:40px 0;
	}
.companies .carousel-inner{
	height:122px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: auto;
      margin: auto;
   }
.carousel-indicators li{
	border:0px;
	background:#a9a9a9;
	}
.carousel-indicators .active{
	border:0px;
	background:#424242;
	}
.carousel-indicators {
    bottom: -45px;
	}
.companies>article{
	background:#ececeb;
	padding: 40px 0;
	margin-top:60px;
	}
	

/*=====================
	Testimonial
=======================*/
.testimonials p{
	font-size:16px;
	margin-top:15px;
	}
.testimonials .sub{
	margin-top:40px;
	font-size:31px;
	font-weight:100; 
	}
.testimonials .container h3{
	margin:50px 0 0 50px;
	letter-spacing:4px;
	}
.testimonials>img{text-align:center;}
.testimonials small{
	font-size:16px;
	color:#4a4a4a;
	letter-spacing:2px;
	display:block;
	}
.testimonials .carousel{
	border: 1px solid #d7d7d7;
    padding: 20px 0;
	margin-top:20px;
	}
.testimonials .carousel-indicators{
	bottom:-10px;
	}
	
/*============================
	PRICING, NO RESUME STYLE
==============================*/
.multi-rw{
	background:#f2f2f2;
	margin-top:60px;
	}
.multi-rw>.container{
	padding:30px 0;
	
	}
.multi-rw p{
	font-size:17px;
	letter-spacing:1px;
	line-height:23px;
	}
.bor-rht-lft{
	border-right:1px solid #333;
	border-left:1px solid #333;
	}
	
	
/*============================
	PRICING, NO RESUME STYLE
==============================*/
footer{
	color:#fff;
	background:#339692;
	text-align:center;
	font-size:17px;
	padding:40px 0 20px 0;
	} 
footer .social-icon{
	margin-bottom:40px;
	}
footer .social-icon a{
	margin:10px 20px;
	}
footer a{
	margin:10px;
	letter-spacing:1px;
	}
footer .lower-footer img{
	margin:-10px 5px 0 0;
	}











/*
carousel-showsixmoveone {
  .carousel-control {
    width: 4%;
    background-image: none;
    &.left {
      margin-left: 15px;
    }
    &.right {
      margin-right: 15px;
    }
  }
  .cloneditem-1,
  .cloneditem-2,
  .cloneditem-3,
  .cloneditem-4,
  .cloneditem-5 {
    display: none;
  }
  .carousel-inner {
    @media all and (min-width: 768px) {
      @media (transform-3d), (-webkit-transform-3d) {
        > .item.active.right, > .item.next {
          transform: translate3d(33.333%, 0, 0);
          left: 0;
        }
        > .item.active.left,
        > .item.prev {
          transform: translate3d(-33.333%, 0, 0);
          left: 0;
        }
        > .item.left,
        > .item.prev.right,
        > .item.active {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }
      > .active.left,
      > .prev {
        left: -33.333%;
      }
      > .active.right,
      > .next {
        left: 33.333%;
      }
      > .left,
      > .prev.right,
      > .active {
        left: 0;
      }
      .cloneditem-1,
      .cloneditem-2 {
        display: block;
      }
    }
    @media all and (min-width: 992px) {
      @media (transform-3d),
      (-webkit-transform-3d) {
        > .item.active.right,
        > .item.next {
          transform: translate3d(16.666%, 0, 0);
          left: 0;
        }
        > .item.active.left,
        > .item.prev {
          transform: translate3d(-16.666%, 0, 0);
          left: 0;
        }
        > .item.left,
        > .item.prev.right,
        > .item.active {
          transform: translate3d(0, 0, 0);
          left: 0;
        }
      }
      > .active.left,
      > .prev {
        left: -16.666%;
      }
      > .active.right,
      > .next {
        left: 16.666%;
      }
      > .left,
      > .prev.right,
      > .active {
        left: 0;
      }
      .cloneditem-3,
      .cloneditem-4,
      .cloneditem-5 {
        display: block;
      }
    }
  }
}


*/

body.modal-open{padding-right: 0px!important;}
.modal-open{overflow: visible!important;}

/*============================
	FOR RESPONSIVE VIEW
==============================*/
@media (max-width: 1024px) {
	
	h1, .ser-why > .servc ul li{
		letter-spacing:0px;}
	}
@media (max-width: 800px) {
	
	h1{font-size:50px;
		}
		.ser-why > article{ border-bottom:0px; border-right:0px;}
	}
@media (max-width: 600px) {
	
	header, .top-line{
		text-align:center!important;
		}
	.ser-why > .servc ul li{
		width:100%;
		}
	
	.process img{margin-bottom:40px;}
	.testimonials p{padding:10px;}
 	 #myCarousel2 .text-left, #myCarousel3 .text-left{text-align:center!important;}
	 .testimonials .container h3{margin:auto;}
	}
@media (max-width: 400px) {
	 h1{font-size:32px; letter-spacing:0!important;}
	 h2{font-size:32px; letter-spacing:0px!important;}
	 .form input, .form textarea, .ser-why > .servc ul li, .ser-why > .why ul li{font-size:20px;}
	 .testimonials .sub{font-size:21px;}
	 .companies .green-clr{border:0px;}

	.companies .carousel-inner{height:100px;}
}
@media (max-width: 330px) {
	.companies .carousel-inner{height:70px;}
	
}