/*
 Theme Name: Majestic
 Theme URI: http://localhost/wp/majestic
 Description: Custom theme for Majestic Consulting.
 Author: IITS
 Author URI: http://integrateditsolutions.com/
 License: Everything copyrighted
 Version: 1.1
*/

@import url('https://fonts.googleapis.com/css?family=Dosis:600|Montserrat:200,300,400,500,600,700|Raleway|Source+Sans+Pro:300,400|Roboto:300,300i,400,400i|Open+Sans:400,400i');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	overflow-x: hidden;
	font-family: 'Source Sans Pro', sans-serif;
	color: #333333;
	line-height: 26px;
	font-size:16px;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
li {
	list-style: none;
}
.fancybox-content {
  max-width: 700px;
	max-height: 400px;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
    color:#0f82a3;
}
blockquote, q {
	quotes: none;
}
form, fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	outline: none;
	border: none;
}
.visible-lg{
	display:block;
}
.visible-xs{
	display: none;                                                                                                                                                                                                                                                                          
}
.clearfix {
	clear: both;
}
.clearfix::after {
	clear: both;
}
.clearfix::before, .clearfix::after {
	content: " ";
	display: table;
}
.clear {
	clear: both;
}

.alignnone {
	margin: 0 auto;
}
.aligncenter{
	display: block;
	margin: 0 auto 20px auto;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
p {
	margin-bottom: 15px;
	font-size:16px;
	color:#333333;
	line-height: 26px;
	font-weight:400;	
}
b, strong {
	font-weight: 700;
}
i, em {
	font-style: italic;
}
ol {
	margin-left: 20px;
}
ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 10px;
}

img {
	max-width: 100%;
}

h1{
	font-size:46px;
	line-height:50px;
	font-weight:700;
	margin-bottom: 15px;
}

h2{
	font-size:36px;
	line-height:44px;
	margin-bottom:15px;
}

h3{
	font-size:30px;
	line-height:40px;
	margin-bottom:15px;
}

h4{
	font-size:28px;
	line-height:36px;
	margin-bottom:15px;
}

h5{
	font-size:22px;
	line-height:30px;
	margin-bottom:15px;
}

h6{
	font-size:18px;
	line-height:28px;
	margin-bottom:15px;
}
.text-center{
	text-align:center;
}

.btn{
	padding: 10px 50px;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing:2px;	
	display:inline-block;
	text-align:center;
	border-width: 1px;
	font-family: 'Montserrat', sans-serif;
	border-style: solid;
	text-transform:uppercase;
	-webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
}
.primary-btn{
	background-color: #0f82a3;
	color:#FFF;
	border-color: #0f82a3;
}
.primary-btn:hover{
	background-color: #FFF;
	color:#0f82a3;
	border-color: #FFF;
}
.grey-btn{
    background-color: #b9babb;
	color:#000;
	border-color: #b9babb;
}
.grey-btn:hover{
    background-color: #9c9d9e;	
	border-color: #9c9d9e;
}


.mobile-view{
	opacity:0;
}

.colorW{
	color: #FFF;
}
.colorB{
	color: #333333;
}
.bgcolorB{
	background-color: #3e3e43;
}

.container {
	width: 1200px;
	margin: 0 auto;
	padding:0 15px;
}




/* ======================================= */
/* ============== Header ================= */
/* ======================================= */


.header .bottom{
	padding: 10px 0;
	background-color: transparent;
}
.header .logo{
	width: 260px;
}
.nav ul#menu{
	margin:12px 0 0 0;
	position:relative;
}
.nav ul#main-menu{
	position:relative;
}
.nav ul li a{
	font-weight:500;
	font-size: 16px;	
	font-family: 'Montserrat', sans-serif;
}

.nav > ul > li{
	position: relative;
	margin-left:12px;
	display: inline-block;
	text-align:center;
}

.nav > ul > li > a{	
	padding:8px 14px;
	color:#ffffff;
	text-transform:uppercase;
	display:inline-block;
	position:relative;
	
}

.nav > ul > li > a:active,
.nav > ul > li > a:focus{
	outline: none;
}
.nav > ul > li > a:hover, 
.nav > ul > li.hover > a, 
.nav > ul > li.current-menu-item > a{
	color:#0f82a3;
}
.nav > ul > li > ul {
	top: 12px;
}
.nav > ul > li > ul {
	width:100%;
	min-width:207px;
	display:none;
	border-top:1px solid #282828;
	background:#282828;
	position:absolute;
	left:0;
	top:66px;
	z-index:999;
	padding:0px 0px;
}
.nav > ul > li > ul > li {
	float:none;
	margin-left:0;
	height:auto;	
	text-align: left;
	display:inline-block;
	width:100%;
	-webkit-transition: all 0.05s ease-in;
	-moz-transition: all 0.05s ease-in;
	-o-transition: all 0.05s ease-in;
	transition: all 0.05s ease-in;
	
}
.nav > ul > li > ul > li a {
	display:block;
	color: #F5F5F5;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
	padding:7px 10px;
	border-bottom:1px solid #FFF;
	position:relative;
}

.nav > ul > li > ul > li:last-child a {
	border-bottom:none;
}
.nav > ul > li > ul > li a:hover {
  background-color: #f3f3f3;
  color: #2f3030;
  text-decoration: none;  
}

.main-menu{
	background-color: #0f82a3;
	text-align: center;
}
.main-menu .nav > ul > li{
	margin: 0 15px;
}
.main-menu .nav > ul > li > a{
	padding: 20px 12px;
	font-size: 14px;
	border-top-width:2px;
	border-top-style: solid;
	border-top-color: transparent; 
}

.main-menu .nav > ul > li > a:hover, 
.main-menu .nav > ul > li.hover > a, 
.main-menu .nav > ul > li.current-menu-item > a{
	border-top-color:#FFF;
	color: #FFF;
}
.main-menu .nav > ul > li.current-menu-item > a{
	font-weight: 700;
}


.menu-btn {
  border: 2px solid #0f82a3;
  background-color: #0f82a3;
  border-radius: 2px;
  cursor: pointer;
  height: 36px;
  margin-top: 0;
  top: 4px;
  padding: 1px;
  position: relative;
  width: 46px;
}
.cbp-af-header.cbp-af-header-shrink .tagLine h1.eng {
  font-size: 17px;
}
.cbp-af-header.cbp-af-header-shrink h1 {
  font-size: 22px; 
  line-height: 28px;
}

#showRightPush.menu-btn{
	float: right;
}

.lines:before {
  border-bottom: 13px double #FFF;
  border-top: 4px solid #FFF;
  content: "";
  height: 21px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 31px;
   -webkit-transition: all 0.1s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
}

.crossBtn{
	cursor: pointer;
	display: inline-block;
	float: left;
	width: 46px;
	text-align: center;
	padding: 13px;
	position: absolute;
	left: 5px;
	top: 0;
	z-index: 9999;
	display: block;
}

.crossBtn i{
	font-size: 20px;
	color: #0f82a3;
}

.cbp-spmenu input {
  background-color:transparent;
  border:none;
  color: #fff;
  font-size: 18px;
  margin: 0;
  padding: 8px 0;
  width: 94%;
}





/* ===================================== */
/* ============= Body Content =========== */
/* ===================================== */

.section{
	padding: 70px 0;
}
.hero-wrap{
	padding: 0;
}
.hero-wrap .layer{
	background-color: rgba(0, 0, 0, 0.48);
	padding: 10px 0 70px 0;
}

.section-title{
	margin-bottom:20px;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;	
	position:relative;	
	text-transform: uppercase;
}
.section-title > span{
	font-weight: 200;
}
.section-subTitle{
	color:#252525;
	font-weight:400;
	font-size:15px;
}
.inner-row{
	margin-left: -15px;
	margin-right: -15px;
}
.mobile_bg{
	display:none;
}
.sectionTitle{
	border-bottom:1px solid #dedede;
}
.sectionTitle h1{
	color:#494949;
}
.section ul, .section ol{
	padding-left: 34px;
	margin-bottom: 15px;
}
.section li {
  color: #888888;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  font-family: "Montserrat",sans-serif;
}
.section ul li{
	list-style: square;	
}
.section .top-wrap p{
	font-family: "Montserrat",sans-serif;
	font-weight: 300;
}

.bgImage{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.hero-wrap .content{
	padding: 12% 0 10% 0;
}
.hero-wrap .btn-wrap{
	padding: 0;
	margin: 26px 0 0 0;
}
.hero-wrap .btn-wrap li{
	display: inline-block;
	list-style: none;
	margin: 0 10px;
}
.fullwidth-wrap .content{
	max-width: 1050px;
	margin: 0 auto;
}
.fullwidth-wrap .bottom-wrap{
	margin-top: 40px;
}
.leftright-wrap{
	overflow: hidden;
	width: 100%;
	position: relative;
	padding: 2% 0 4% 0;
}
.hero-wrap.leftright-wrap .content, .leftright-wrap .content .item{
	display: table;
	width: 100%;
}
.leftright-wrap .content .left-cont, .leftright-wrap .content .right-cont{
	display: table-cell;
	vertical-align: middle;
}
.leftright-wrap .left-cont{
	width: 50%;
}
.leftright-wrap .right-cont{
	width: 50%;
	text-align: right;
	position: relative;
}
.leftright-wrap .left-cont > div{
	float: right;
	width: 573px;
}
.leftright-wrap a.btn{
	margin-top: 20px;
}
.hero-wrap a.btn{
	padding: 14px 20px;
}
.leftright-wrap .left-cont h1, .leftright-wrap .left-cont p, .hero-wrap h1, .hero-wrap p{
	color: #FFF;
}
#content-slider h1, #content-slider p{
	color: #dddddd;
}
.leftright-wrap .left-cont h1, .hero-wrap h1 {
  font-family: "Montserrat",sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  word-spacing: 1px;
  font-size: 42px;
  line-height: 66px;
  text-transform: uppercase;
}
.leftright-wrap .left-cont h1 > span, .hero-wrap h1 > span{
	font-weight: 200;
}
.leftright-wrap .left-cont p, .hero-wrap p{
	font-size: 22px;
	line-height: 30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}
.hero-wrap .videoIframe {
  background-image: url("images/macbook2.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 930px;
  padding: 32px 19px 70px 142px;
  float: right;
}
.videoIframe iframe{
	width: 100%;
}

#our-services .section-title{
	text-transform: uppercase;
}
#our-services .content{
	position: relative;
}

/* #our-services .content:before{
	content: '“';
	font-family: "Montserrat",sans-serif;
	font-size: 28em;
	position: absolute;
	top: 100px;
	color: #f6f6f6;
	left: 45%;
} */

#our-services .top-wrap{
	margin-top: 0;
}
#our-services .bottom-wrap{
	margin-top: 80px;
}
#our-services .services{
	margin-right: -15px;
	margin-left: -15px;
}
.services > div{
	display: inline-block;
	vertical-align: top;
	width: 27%;
	margin: 0 15px;
}
.services .icon{
	width: 84px;
	margin: 0 auto;
}
.services .service-info{
	margin-top: 12px;
}
.services h5{
	color: #333333;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 20px;

}
.services p{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	line-height: 26px;
}
#ngo-video{
	padding: 120px 0;
	overflow: hidden;
}
#ngo-video .content{
	max-width: 600px;
	float: right;
}
#ngo-video .section-title{
	margin-bottom: 30px;
	font-weight: 700;
	font-size:32px;
	line-height: 38px;
}
#ngo-video a.playBtn{
	text-decoration: underline;
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
}
#ngo-video a.playBtn:focus,#ngo-video a.playBtn:active{
	outline: none
}
#ngo-video a.playBtn i {
  background-color: #fff;
  width: 80px;
  height: 80px;
  color: #0f82a3;
  font-size: 32px;
  padding: 24px 20px 26px 26px;
  text-align: center;
  border-radius: 43px;
  margin-right: 10px;
  vertical-align: middle;
}


/* ===================================== */
/* ======== Section Testimonials ======= */
/* ===================================== */

.testimonials{
	background-image: url('images/bg_img.jpg');
	background-repeat: none;
	background-position: center;
	background-size: cover;
	padding: 0;
}
.testimonials .layer{
	background-color: rgba(238, 238, 238, 0.95);
	padding: 100px 0;
	position: relative;
}
.testimonials h2{
	color: #FFF;
}
#testi{
	margin: 80px 0 40px 0;
}
#testi .item{
	padding: 0 15px;
}
#testi blockquote{
	padding:90px 30px;
	position: relative;		
	background-color: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size:16px;
	position: relative;
	min-height: 435px;
}
#testi blockquote:before, #testi blockquote:after{
	left: 0;
	right: 0;
	position: absolute;
}
#testi blockquote:before{
	content: url('images/open_quote.png');	
	top: 36px;
}
#testi blockquote:after{
	content: url('images/close_quote.png');	
	bottom: 36px;
}
#testi blockquote p{
	font-size:14px;
	color: #595959;
	line-height: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
}
#testi blockquote .quoteBy{	
	color: #0f82a3;
	display: block;
	margin-top: 30px;
}
#testi .slick-dots{
	bottom: -64px;
	padding-left: 0;
	margin-bottom: 0;
}
#testi .slick-dots li {
  margin: 0 3px;
  list-style: none;
  line-height: inherit;
}
#testi .slick-dots li button {
	border: 1px solid #6e6e6e;
	border-radius: 90%;
	height: 16px;
	width: 16px;
}
#testi .slick-dots li button:before{
	content: '';
}
#testi .slick-dots li.slick-active button, #testi .slick-dots li:hover button{
	border-color: #0f82a3;
	background-color: #0f82a3;
}
#testi .slick-dots{
	position: relative;
	width: 100%;
	margin-top: 50px;
	left: 0;
	bottom: 0;
}
#testi-nav{
	max-width: 300px;
	margin: 0 auto;
}
#testi-nav .ngo-author {
	padding: 26px 8px;
}
#testi-nav .item{
	cursor: pointer;
}
#testi-nav .ngo-author img {
	border-radius: 90px;
	-webkit-transform: scale(.7);
	   -moz-transform: scale(.7);
	    -ms-transform: scale(.7);
	     -o-transform: scale(.7);
	        transform: scale(.6);
	        -webkit-transition: all 300ms ease 0s;
	           -moz-transition: all 300ms ease 0s;
	            -ms-transition: all 300ms ease 0s;
	             -o-transition: all 300ms ease 0s;
	                transition: all 300ms ease 0s;
}
#testi-nav .item.slick-current img{
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
}
#testi-nav .slick-list{
  padding: 0 !important;
}
.price-wrap{
	background-color: #f5f5f5;
}
.price-wrap .section-title{
	font-size: 40px;
	line-height: 50px;
}
.price-wrap .top-wrap p{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #8a8a8a;
}
.price-cont{
	max-width: 600px;
	margin: 90px auto 0 auto; 
	text-align: center;
	background-color: #FFF;
	border: 1px solid #dfdbdb;
	padding: 0 30px 30px 30px;
}
.price-cont .price-icon{
	margin-top: -84px;
	display: inline-block;
}
.price-cont ul {
	margin: 0;
	padding: 0 0 0 25px;
	text-align: left;
}
.price-cont h2{
	font-size: 42px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	margin-top: 10px;
}
.price-cont ul li {
	list-style: inside disc;
	font-family: 'Source Sans Pro', sans-serif;
	color: #343538;
	margin: 0 0 15px 0;
	line-height: 30px;
	border-bottom: 1px solid #f0f0f0;
}
#ngo-counters{
	padding: 100px 0;
}
#ngo-counters .top-wrap h3{
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
}
#ngo-counters .bottom-wrap{
	margin-top: 70px;
}
.counters > div{
	display: inline-block;
	vertical-align: top;
	width: 250px;
	position: relative;
}
.counters > div:after{
	content: url('images/dots.png');;
	position: absolute;
	top: 16px;
	left: 110px;
}
.counters > div > span{
	color: #FFF;
	display: inline-block;
	margin-bottom: 25px;
	font-family: 'Dosis', sans-serif;
	font-size: 50px;
}
.counters > div p{
	color: #FFF;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

#cta-band {
	background-color: #6abb32;
	padding: 0;
	-webkit-transition: all 0.1s ease-in 0s;
	   -moz-transition: all 0.1s ease-in 0s;
	    -ms-transition: all 0.1s ease-in 0s;
	     -o-transition: all 0.1s ease-in 0s;
	        transition: all 0.1s ease-in 0s;
}
#cta-band:hover{
	background-color: #53a41b;
}
#cta-band h1{
	margin-bottom: 0;
	text-transform: uppercase;
}

#cta-band h1 a{
	color: #FFF;
	display: inline-block;
	width: 100%;
	padding: 40px 0;
}

#content-slider .slick-slide img {
  float: right;
}
.leftright-wrap #content-slider .left-cont p {
  font-size: 16px;
	max-width: 450px;
	line-height: 30px;
}
.leftright-wrap #content-slider .left-cont h1 {
 
	max-width: 450px;
}
.section.sliderNav{
	padding: 0;
	background-color: #0f82a3;
	overflow: hidden;
}
.sliderNav .item{
	padding: 40px 20px;
	color: #FFF;
	cursor: pointer;
	background-color: #0f82a3;
	border-right: 1px solid #bf4548;
	-webkit-transition: background-color 300ms ease 0s;
	           -moz-transition: background-color 300ms ease 0s;
	            -ms-transition: background-color 300ms ease 0s;
	             -o-transition: background-color 300ms ease 0s;
	                transition: background-color 300ms ease 0s;
}
.sliderNav .item > span{
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
}
.sliderNav .item > span:first-child{
	background-color: #bf4548;
	width: 40px;
	height: 40px;
	padding: 6px 0;
	text-align: center;
	border-radius: 50px;
	margin-right: 10px;
	color: #0f82a3;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.sliderNav .item > span:last-child{
	width: 80%;
}
#content-sliderNav .slick-list {
  padding: 0 !important;
  border-right: 1px solid #bf4548;
  border-left: 1px solid #bf4548;
}

#content-sliderNav .item.slick-current, #content-sliderNav .item:hover{
	background-color: #fc797c;
}
.grid-wrap .content{
    margin-left: -15px;
	margin-right: -15px;
	margin-top: 60px;
}
#grid-wrap{	
	text-align: center;
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 30px 15px;	
}
#grid-wrap > div{
	display: table-cell;
	vertical-align: top;
	width: 25%;
	padding: 50px 20px;
	background-color: #FFF;
	box-shadow: 0 0 6px 2px #F1F1F1;
	margin: 0 15px;
}
#grid-wrap .grid-img{
	margin-bottom: 20px;
}

#grid-wrap p{
	color: #888888;
	font-weight: 300;
}
#grid-wrap a{
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	font-weight: 700;
}

/* ===================================== */
/* ======== Section Contact Form ======= */
/* ===================================== */

.contact-form{
	overflow: hidden;
	padding: 80px 0;
}
.contact-form .section-title{
	font-size: 40px;
	line-height: 50px;
}
#hidden-content{
	display: none;
	overflow: hidden;
	padding: 40px 0;
}

.contact-form .left-cont{
	float: left;
	width: 650px;
	padding: 40px 90px 0 90px;
	text-align: center;
}
.contact-form .right-cont{
	float: right;
	width: 550px;
	padding: 0 40px;
}
.contact-form .left-cont h4{
	font-size: 24px;
}
.contact-form .left-cont p{
	color: #3f3f3f;
	font-size: 14px;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.contact-form .left-cont h4, .contact-form .left-cont h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.contact-form .left-cont h6{
	margin-bottom: 5px;
}
.contact-form .right-cont h3{
	margin-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size:22px;
	line-height: 26px;
}
.contact-form .right-cont h6{
	font-family: 'Montserrat', sans-serif;
	font-style: italic;
	font-size:14px;
	font-weight:200;
	line-height: 20px;
}
.contact-form .bottom-wrap{
	margin: 60px auto 0 auto;
	max-width: 900px;
}
.contact-form .form-cont{
	margin-top: 30px;
}
.form-group .form-control{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size:16px;
  border: 1px solid #b7b7b7;
  margin:0;
  padding:16px 20px;
  width:100%;
  color: #333333;
  border-radius: 0;
}
.form-cont .form-group .form-control,
.form-cont .form-group input{
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size:16px;
  border: 1px solid #FFF;
  margin:0;
  padding:6px 0 6px 0;
  width:100%;
  color: #6b6b6b;
}
.form-group{
	margin-bottom: 25px;
}
.form-group > span{
	display: inline-block;
	width: 100%;
	position: relative;
}
.form-cont .form-group > span{
	border:1px solid #FFF;
	border-radius: 4px;
	padding: 10px 12px;
	box-shadow: 1px 1px 9px #d9d9d9;
}
.form-group.grid2 > span{
	width: 49%;
}
.form-group.grid2 > span:first-child{
	margin-right: 1%;
}
.form-group.grid2 > span:last-child{
	margin-left: 1%;
}
.submit-btn{
	float: right;
	width: 250px;
	padding: 18px 12px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
}
.submit-btn:hover{
	border-color: #0f82a3;
}
.form-cont .submitBtn{
	background-color: #0f82a3;
	border: 1px solid #0f82a3;
	border-radius: 4px;
	color: #FFF;
	padding: 20px;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	font-weight: 700;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
}
.form-group label{
  display:block;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size:16px;
  line-height: 15px;
  color:#6b6b6b;
}
.form-group textarea{
	resize:none;
}

.form-cont .select-input > span{
	overflow: hidden;
    background: url("images/dwarrow2.png") no-repeat 95% 50%;
}
.form-group select{
	border: 1px solid transparent;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: 14px;
	background: transparent;
    background-image: none;
    -webkit-appearance: none;
    width: 110%;
    color: #6b6b6b;
}
.form-all {
	width: 100%;
}

.form-line{
	padding: 0;
}
.form-sub-label-container{
	margin: 0;
}

.form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input {
	-webkit-box-shadow: none;
	 box-shadow: none;
}
.input-phone, .input-company, .input-email{
	display: inline-block;
	vertical-align: top;
	width: 31.5%;
}
.input-company{
	margin-left: 2%;
	margin-right: 2%;
}
.form-line-error, .form-line.form-line-active {
	background: transparent;
}

.jotform-form{
	padding-top: 0;
}

.form-all .form-submit-button{
	padding: 18px 12px;
	text-align: center;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 12px;
	margin: 0;
	background: #0f82a3;
	color: #FFF;
	border-color: #0f82a3;
	box-shadow: none;
	text-shadow:none;
	border-radius: 0;
}
.form-all .form-submit-button:hover{
	background: transparent;
	color: #0f82a3;
}


::-webkit-input-placeholder {
	opacity:0.6;
	font-weight: 300;
}

:-moz-placeholder {
   opacity:0.6;
	font-weight: 300;
}

::-moz-placeholder {
   opacity:0.6;
	font-weight: 300;
}

:-ms-input-placeholder {  
   opacity:0.6;
	font-weight: 300;
}
.form-cont .ddlabel{
	font-size: 12px;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
   font-style: italic;
}

/* ===================================== */
/* =============== Footer ============== */
/* ===================================== */


.footer{
	overflow:hidden;
	width:100%;	
}
.footer-top{
	padding: 80px 0;
	overflow: hidden;
	background-color: #282828;
}
.footer-top .content > div{
	display: inline-block;
	vertical-align: top;
	width: 280px;

}
.footer-top .content > div:hover a, .footer-top .content > div:hover i, .footer-top .content > div:hover address{
	color: #FFF;
}
.footer-top i{
	font-size: 36px;
	color: #4f4f4f;
	margin-bottom: 15px;
	-webkit-transition: all 300ms ease 0s;
	           -moz-transition: all 300ms ease 0s;
	            -ms-transition: all 300ms ease 0s;
	             -o-transition: all 300ms ease 0s;
	                transition: all 300ms ease 0s;
}
.footer-top a, .footer-top address{
	color: #8a8a8a;
	font-size: 16px;
	-webkit-transition: all 300ms ease 0s;
	           -moz-transition: all 300ms ease 0s;
	            -ms-transition: all 300ms ease 0s;
	             -o-transition: all 300ms ease 0s;
	                transition: all 300ms ease 0s;
}
#copyrights{
	background-color: #212121;
	padding: 20px 0;
}
#copyrights p{
	margin:0;
	color:#8a8a8a;
	font-size: 12px;
	letter-spacing: 3px;
	line-height:23px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
}
.copyrights p a{
	color:#8a8a8a;
}

/* ===================================== */
/* ============= Media Query =========== */
/* ===================================== */

@media screen and (max-width: 1400px){
	.hero-wrap .videoIframe {
	  padding: 3% 1% 9% 15%;
	  width: 100%;
	}
	.videoIframe iframe{
		height: 368px;
	}
}

@media screen and (max-width: 1200px){
	.container{
		width:100%;
		padding:0 2%;
	}
	.leftright-wrap .left-cont{
		padding-left: 2%;
	}
	.leftright-wrap .left-cont > div {
	  width: 100%;
	}
	.leftright-wrap .left-cont h1 {
	  line-height: 43px;
	  font-size: 32px;	  
	}
	.videoIframe iframe {
	  height: 314px;
	}
	.sliderNav .item {
	  padding: 26px 20px;	  
	}
	.contact-form .left-cont {
	  padding: 40px;
	  width: 50%;
	}
	#hidden-content.contact-form .right-cont {
	  width: 100%;
	}
	.grid-wrap .content {
		margin-left: 0;
		margin-right:0;
	}
	#grid-wrap {
		border-spacing: 20px 10px;
	}
	#our-services .services{
		margin-right: 0;
		margin-left: 0;
	}
	
}
@media screen and (max-width: 1100px){
	.hero-wrap .content {
	  padding: 7% 0;
	}
	.videoIframe iframe {
	  height: 284px;
	}
	.services > div {
	  width: 28%;
	}
	.sliderNav .item > span:last-child {
	  width: 77%;
	}
	#ngo-video {
	  padding: 60px 0;
	}
	#ngo-video .section-title br {
		display: none;
	}
	#hidden-content.contact-form {
	  width: 90%;
	}
	.footer-top {
	  padding: 50px 0;
	}
}
@media screen and (max-width: 1000px){
	.header .logo {
	  width: 210px;
	}
	.nav ul#menu {
	  margin: 6px 0 0 0;	  
	}
	.nav > ul > li {
	  margin-left: 6px;	  
	}

	.main-menu .nav > ul > li {
		margin: 0 4px;
	}
	.main-menu .nav > ul > li > a {
		padding: 10px 6px;		
	}
	.hero-wrap p br, .section .top-wrap p br {
		display: none;
	}
	.contact-form {
	  padding: 40px 0;
	}
	.contact-form .left-cont{
		margin-bottom: 25px;
	}
	.contact-form .left-cont, .contact-form .right-cont {
	  width: 100%;
	}
	.input-phone, .input-company, .input-email {
		width: 31.6%;
	}
}
@media screen and (max-width: 900px){
	.header .logo {
	  width: 170px;
	}
	.nav ul#menu {
	  margin: 0;
	}
	.nav > ul > li > a {
	  padding: 8px 10px;	  
	}
	.nav > ul > li {
	  margin-left: 0;
	}
	.main-menu .nav > ul > li > a {
		padding: 10px 6px;
		
	}
	.hero-wrap .content{
	  display: inline-block;
	}
	.hero-wrap .content .left-cont, .hero-wrap .content .right-cont {
	  display: inline-block;
	}
	.hero-wrap .left-cont, .hero-wrap .right-cont {
	  width: 100%;
	}
	.hero-wrap .right-cont {
	 margin-top: 20px;
	}
	.videoIframe iframe {
	  height: 440px;
	}
	.hero-wrap .videoIframe {
	  padding: 3% 1% 8% 15%;	
	}
	.sliderNav .item > span:last-child {
	  width: 67%;
	}
	#our-services .top-wrap {
	  margin-top: 0;
	}
	#our-services .content:before {
	  font-size: 19em;
	  top: 68px;
	}
	#grid-wrap {
		border-spacing: 10px 5px;
	}
	.testimonials .layer {
	  padding: 50px 0;	  
	}
	#testi blockquote > span {
	  margin-top: 12px;
	}
	.footer-top .content > div {
	  width: 33%;
	}
}
@media screen and (max-width: 800px){
	.nav ul li a {
	  font-size: 15px;	  
	}
	.counters > div {
	  width: 33%;
	}
	#cta-band .section-title {
		font-size: 30px;
	}
}
@media screen and (max-width: 767px){
	h1 {
	  font-size: 26px;
	  line-height: 30px;
	}
	h2{
		font-size:30px;
		line-height:34px;
	}
	.hero-wrap p {font-size:14px;line-height: 24px;}
	
	.hero-wrap h1 {
	  font-size: 26px;
		line-height: 30px;}
		.section-title h3 {font-size:22px;}
	#our-services .section-title {font-size:20px;}
	h3{
		font-size:28px;
		line-height:32px;
	}

	h4{
		font-size:24px;
		line-height:28px;
	}

	h5{
		font-size:18px;
		line-height:28px;
	}

	h6{
		font-size:14px;
		line-height:25px;
	}


	.visible-xs{
		display: block;
	}

	.cbp-af-header nav {
		display:none;
	}
	#ngo-video .content {
		max-width: 400px;
	}
	.services h5 {font-size:14px;line-height: 20px;}
	.services p {font-size:12px;line-height: 16px;}
	#testi blockquote p {font-size:16px;l}
	.slicknav_btn {
		position: relative;
		display: block;
		vertical-align: middle;
		float: right;
		padding: 0.438em 0.625em 0.438em 0.625em;
		line-height: 1.125em;
		cursor: pointer;
	}
	.btn{letter-spacing: 0px;    padding: 14px 14px;}
	.slicknav_menu .slicknav_menutxt {
		display: block;
		line-height: 1.188em;
		float: left;
	}
	.slicknav_menu .slicknav_icon {
		float: left;
		margin: 0.188em 0 0 0.438em;
	}
	.slicknav_menu .slicknav_no-text {
		margin: 0
	}
	.slicknav_menu .slicknav_icon-bar {
		display: block;
		width: 1.125em;
		height: 0.125em;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
		margin-top: 0.188em
	}
	.slicknav_nav {
		clear: both;
		display: block !important;
	}
	.slicknav_nav ul, .slicknav_nav li {
		border-bottom: 0 none;
	  border-top: 1px solid #fff;
	}
	.slicknav_nav .slicknav_arrow {
		font-size: 0.8em;
		float: right;
		margin: 0 0 0 0.4em;
	}
	.slicknav_nav .slicknav_arrow i{
		font-size: 15px;
	}
	.slicknav_nav .slicknav_item {
		cursor: pointer;
	}
	.slicknav_nav .slicknav_row {
		display: block;
	}
	.slicknav_nav a {
		display: block
	}
	.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
		display: inline
	}
	.slicknav_menu:before, .slicknav_menu:after {
		content: " ";
		display: table;
	}
	.slicknav_menu:after {
		clear: both
	}
	/* IE6/7 support */
	.slicknav_menu {
		width:100%;
		top: 46px;
		float:right;
		position:relative;
	*zoom: 1
	}
	/* 
	    User Default Style
	    Change the following styles to modify the appearance of the menu.
	*/

	.slicknav_menu {
		font-size: 16px;
	}
	/* Button */
	.slicknav_btn {
		display: none;
		margin: 5px 5px 6px;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		background-color: #323232;
	}
	.cbp-spmenu .slicknav_btn{
		display: none;
	}
	/* Button Text */
	.slicknav_menu .slicknav_menutxt {
		color: #FFF;
		font-weight: bold;
		text-shadow: 0 1px 3px #000;
	}
	/* Button Lines */
	.slicknav_menu .slicknav_icon-bar {
		background-color: #f5f5f5;
	}
	.slicknav_menu {
		padding: 0;
	}
	.slicknav_nav {
		color: #FFF;
		margin: 0;
		padding: 0;
		font-size: 12px;
		background-color: #252525;
		border-top:1px solid #FFF;
		position: relative;
		top: 0;
		width: 100%;
		right:0;
		z-index: 999;
		text-align:left;
	}
	.slicknav_nav, .slicknav_nav ul {
		list-style: none;
		overflow: hidden;
	}
	.slicknav_nav ul {
		background-color: #222222;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
		z-index: 999;
	}
	.slicknav_nav ul li a{
		padding-left:20px;
		font-size: 16px;
	}
	.slicknav_nav .sub-menu a{
		color:#FFF;
	}
	.slicknav_nav .slicknav_row {
		padding: 12px 9px;
		margin: 0;
	}
	.slicknav_nav a {
		padding: 12px 9px;
		margin: 0;
		text-decoration: none;
		color: #FFF;
		font-weight: 400;
		border: 1px solid transparent;
		font-size: 16px;
		letter-spacing:1px;		
	}
	.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
		padding: 0 4px 0 0;
		margin: 0;
	}
	.slicknav_nav .slicknav_row:hover {
		color: #fff;
	}
	.slicknav_nav li a:hover{
		color: #383838;
		background-color:#FFF;
	}
	.slicknav_nav li a:hover a{
		color: #FFF;
	}
	.slicknav_nav .slicknav_parent > a:hover a, .slicknav_nav .slicknav_parent > a:hover i{
		color: #383838;
	}
	.slicknav_nav li:hover a .slicknav_row a{
		color: #000;
		background-color:transparent;
	}
	.slicknav_nav li:hover .slicknav_arrow{
		color:#FFF;
	}
	.slicknav_nav .slicknav_txtnode {
		margin-left: 15px;
	}
	.slicknav_nav .sub-menu li:hover a{
		background-color:#F3F6F9;
		color:#000;
	}
	.slicknav_parent.slicknav_open > ul {
	  background-color: #FFF;
	}
	.slicknav_parent.slicknav_open > ul li a{
		color:#20343D;
	}
	.slicknav_parent.slicknav_open > ul li a:hover {
	  background-color: #f3f3f3;
	  color:#2f3030;
	}
	.header .logo {
		width: 140px;
		margin-top:-16px;
	}
	.form-cont .form-group.grid2 > span {
	  width: 100%;
	}
	.form-cont .form-group.grid2 > span:first-child {
	  margin-right: 0;
	  margin-bottom: 25px;
	}	
	#grid-wrap {
		display: block;
		width: 100%;
	}
	#grid-wrap > div {
		display: inline-block;
		width: 100%;
		margin: 0 0 20px 0;
	}
	#grid-wrap > div:last-child {
		margin-bottom: 0;
	}

	.form-all {
		width: 100% !important;		
	}

	
}
@media screen and (max-width:700px){
	.leftright-wrap .content .item {
		display: block;
	}
	.leftright-wrap .content .left-cont, 
	.leftright-wrap .content .right-cont {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
	}
	.leftright-wrap .left-cont,
	.leftright-wrap .right-cont {
		width: 100%;
		text-align: center;
	}
	.leftright-wrap #content-slider .left-cont p,
	.leftright-wrap #content-slider .left-cont h1 {
		max-width: 100%;
	}
	#grid-wrap > div {
		width: 47.6%;
		margin: 0 1% 3% 1%;
	}
	.form-group.grid2 > span {
		width: 100%;
	}
	.form-group.grid2 > span:first-child {
		margin-right: 0;
		margin-bottom: 25px;
	}
	.form-group.grid2 > span:last-child {
		margin-left:0;
	}
	.form-group {
		overflow: hidden;
	}
	.form-line {
		margin-top:0;
	}
	.input-phone, .input-company, .input-email {
		width: 100%;
	}
	.input-company {
		margin: 0 0 25px 0;
	}
	.services > div {
		width: 27%;
	}
	.footer-top .content > div {
		width: 100%;
		margin-bottom: 15px;
	}
	.footer-top .content > div:last-child {
		margin-bottom: 0;
	}

}
@media screen and (max-width:600px){
	.services > div {
		width: 100%;
		text-align: center;
		margin: 0 0;
	}
}
@media screen and (max-width: 500px){
	.price-cont{
		width: 100%;
		padding: 0 15px 30px 15px;
	}
	#grid-wrap > div {
		width: 100%;
		margin: 0 0 15px 0;
	}
	#ngo-video .content {
		max-width: 100%;
		float: none;
		text-align: center;
	}
}