/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */


/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0px; padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body { font-family: 'Roboto', sans-serif;    font-size: 16px; color: #333333; }
input, select, textarea { font-family: 'Roboto', sans-serif;  font-size: 16px; color: #333333; }
body { margin: 0 !important; background: #fff; }
img { border: 0px;   }
ul, li { list-style: none; color: #4e4e4e; }
:focus { outline: none; }
p { color: #4e4e4e; text-align:justify; }
.top-pad { padding-top: 60px; }
h2 { font-size: 36px; margin-bottom: 20px; text-transform: uppercase; line-height: 40px; font-weight: bold; position: relative; padding-bottom: 10px;  }
h2:before  { content:''; display: block; position: absolute; left: 50%; margin-left: -55px; bottom: 0;  width: 110px; height: 2px; background: #25bbea;   }
.aboutBox  h1 { font-size: 36px; margin-bottom: 20px; text-transform: uppercase; line-height: 40px; font-weight: bold; position: relative; padding-bottom: 10px;  }
.aboutBox  h1:before { content:''; display: block; position: absolute; left: 50%; margin-left: -55px; bottom: 0;  width: 110px; height: 2px; 
background: #25bbea; }
.aboutBox  h2:before { left: 0; margin-left: 0; }
.line { width: .5px; display: inline-block; vertical-align: middle; height: 100%; }
.vert-line { width: 98%; display: inline-block; text-align: center; vertical-align: middle; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; max-width: 1200px; position: relative; }
.padd { padding-top: 40px; padding-bottom: 40px; }
.us-flag { position: absolute; right: 10px; top: 7px; width: 70px; }
.teri { display: inline-block; width: 80px; }
.iges { display: inline-block; width: 110px; margin-left: 20px; }
#bannerinnerCntr .iges { width: 80px; }
#bannerinnerCntr .teri { width: 60px; }
.tag { position: absolute; right: 10px; bottom: 0px; color: #fff; width: 180px; text-align: right;    }
/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%;  }
.close { opacity: 1; position: absolute; right: -10px; top: -10px; z-index: 8;  }
/* ### main container ### */
#mainCntr { width: 100%;  background: url("../images/banner.png") top right no-repeat fixed;    margin-top: -21px;}

	/* ### header container ### */
	#headerCntr { position: absolute; left: 0; top: 0; width: 100%; height: 124px; }
	#headerCntr .logo { position: absolute; top: 20px; left: 10px; }
	#headerCntr .logo img { max-width: 100%; }
	.menuBox1 { padding-top: 15px; width: 100%; position: fixed;  z-index: 999; left: 0;  top: 0; height: 65px; background: #96bd11; }
   /* .menuBox1:after { content:''; display: block; position: absolute; box-shadow: 1px 1px 10px rgba(0,0,0,.5); bottom: 0;  width: 110%; left: -5%; height: 120px; border-radius: 50%;   background: #96bd11;  }*/
    .menuBox1 .nav { position: relative; z-index: 99; }
    .mobileMenu { display: none; }

	/* ### banner container ### */
	#bannerCntr { padding-top: 100px; width: 100%; overflow: hidden; }
	#bannerCntr h1 { font-family: 'Oswald', sans-serif; }
	#bannerCntr h1 span { display: block; font-size: 20px; line-height: 24px; text-transform: uppercase; }
	#bannerCntr .org { font-size: 40px; color: #e95d0f; line-height: 50px; }
	#bannerCntr .green { font-size: 50px; color: #5aac2a; line-height: 50px; }
	#bannerCntr .tech { font-size: 50px; color: #0093d3; line-height: 54px; }
	#bannerCntr .text { width: 70%; margin: auto; }
	#bannerCntr p {  font-size: 20px; color: #07325a; padding: 30px 0;  }
	#bannerCntr .link { padding: 10px 20px; text-transform: uppercase; margin: 0 10px; display: inline-block;  font-weight: 700; color: #fff; border-radius: 3px; background: #108ea1; }


	/* ### banner container ### */
	#bannerinnerCntr { padding: 30px; padding-top: 80px; text-align: center;  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cae9f8+0,25bbea+100 */
background: #cae9f8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #cae9f8 0%, #25bbea 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #cae9f8 0%,#25bbea 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #cae9f8 0%,#25bbea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cae9f8', endColorstr='#25bbea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
	#bannerinnerCntr h2 { margin: 0; font-family: 'Oswald', sans-serif; }
    #bannerinnerCntr h2:before { display: none;  }
	#bannerinnerCntr h2 span { display: block; font-size: 16px; line-height: 24px; }
	#bannerinnerCntr .org { font-size: 20px; color: #e95d0f; line-height: 26px; }
	#bannerinnerCntr .green { font-size: 30px; color: #5aac2a; line-height: 42px; }
	#bannerinnerCntr .tech { font-size: 36px; color: #0093d3; line-height: 40px; }
	#bannerinnerCntr .teri { float: left; }
	#bannerinnerCntr .iges { float: right;  }
	#bannerinnerCntr .link { padding: 5px 10px; text-transform: uppercase; margin: 20px 10px; display: inline-block;  font-weight: 400; color: #fff; border-radius: 3px; background: #108ea1; }


    /* ### member box ### */
	.galleryBox .col-sm-3 { margin-bottom: 30px;  }
	.galleryBox .btn { padding: 5px 20px; color: #fff; font-size: 15px; border-radius: 30px;  background: #25bbea;    }
	.galleryBox {  }
    
    /* ### member box ### */
    .memberBox {  }
    .memberBox .block { background: #b7d5ef  }
    .memberBox .block1 { background: #cee5f8  }
    .memberBox .col-sm-6 { padding-bottom: 20px; padding-top: 20px;   }
    .memberBox h2 { color: #000;  font-size: 20px;  }
    .memberBox p { color: #000;   }
    .memberBox .arrow-btn { position: absolute; right: 10px; bottom: 5px; }


    /* ### about box ### */
    .aboutBox p { line-height: 26px;   }
    .aboutBox p:last-child { margin-bottom: 0;  }
    .aboutBox .btn { padding: 5px 20px; color: #fff; font-size: 15px; border-radius: 30px;  background: #25bbea;    }
    .aboutBox .list li { padding-left:  35px; padding-bottom:  5px; background: url("../images/arrows.png") left 0px no-repeat; }
    .aboutBox .block { padding: 1px 15px 15px; min-height: 85px; margin-bottom: 20px; box-shadow: 1px 1px 5px rgba(0,0,0,.5); background: rgba(255,255,255,.7); }
    .aboutBox .block h3 { font-size: 16px; }
    .aboutBox.activies h3 { font-size:22px;  }

    /* ### contact box ### */
    .contactBox { padding-top: 40px; width: 100%;   }
    .contactBox h4 { font-weight: bold; text-transform: uppercase; font-size: 24px; color: #bf60b4;  }
    .contactBox .footer { padding: 20px 0; margin-top: 40px; text-align: center; color: #fff; background: #4d4d4d; }
    .contactBox .footer h4 { color: #fff;  }

    /* ### footer box ### */
    .footerBox { padding: 10px; text-align: center; background: #96bd11; }
    .footerBox p { color: #000; margin: 0; width: 60%; margin: auto; font-size: 12px; }
    .footerBox p a  { color: #fff; }

/* #Media Queries
================================================== */
@media only screen and (min-width: 992px) {
    	/* ### menu box ### */
		.menuBox1 ul { padding-left: 10px; margin: 0; }
		.menuBox1 li { display: inline-block; position: relative; text-transform: uppercase; padding: 2px 5px;  }
        .menuBox1 li.contact a { margin: 0 5px;  height:30px; text-indent: -9999px; width: 30px; display: block; background: url(../images/phone-call.png) left top no-repeat; background-size: cover; }
        .menuBox1 li.search a { margin: 0 5px;  height:30px; text-indent: -9999px; width: 30px; display: block; background: url(../images/search.png) left top no-repeat; background-size: cover; }
        .menuBox1 li.contact a:hover { background: #0093d3 url(../images/phone-call.png) center no-repeat; background-size: 80%; }
        .menuBox1 li.search a:hover { background: #0093d3 url(../images/search.png) center no-repeat; background-size: 80%; }
		.menuBox1 li a { display: inline-block; padding: 3px 5px; color: #fff;   }
        .menuBox1 li a.active, .menuBox1 li a:hover { color: #95bd12; text-decoration: none; background: #fff;  }
        .menuBox1 li ul { padding-left: 0; position: absolute; width: 250px; box-shadow: 1px 1px 5px rgba(0,0,0,.5); left: 0; top: 36px; z-index: 1; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 200ms ease; -moz-transition: 200ms ease; -o-transition: 200ms ease; transition: 200ms ease; }
        .menuBox1 ul > li:hover ul { visibility: visible; opacity: 1; filter: alpha(opacity=100); background: #fff; }
        .mobileMenu { display: none; }
        .menuBox1 li ul li { padding: 0;  width: 100%; text-transform:capitalize; border-top: 1px dashed #95bd12; overflow: hidden; text-align: left;  -webkit-transition: height 200ms ease-in; moz-transition: height 200ms ease-in; -o-transition: height 200ms ease-in; transition: height 200ms ease-in; }
        .menuBox1 li ul li:first-child { border: 0; }
        .menuBox1 li ul li a { padding: 2px; padding-left: 10px; display: block; }
        .menuBox1 ul > li:hover ul li {  }
        .menuBox1 li li  a { color: #95bd12;  }
        
}
@media only screen and (max-width: 1199px) {
    .padd { padding-top: 40px; padding-bottom: 40px; }
    #bannerCntr p { font-size: 16px; }
    html, body  { font-size: 15px; }
    .teri { width: 60px; }
    .aboutBox p { padding-right: 80px; line-height: 30px; }
    #bannerCntr .text { width: 80%; }
}

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

	#bannerCntr .mid-banner { height: 530px; min-height: 0;    background-size: 320px; }
    #bannerCntr { min-height: 0; height: auto;  }
    #bannerCntr .title { padding-top: 150px; }
    #bannerCntr .slideshow-home img { width: 80px; }
    #bannerCntr .slideshow-home { left: 190px; top: 250px;    }
    #bannerCntr p { font-size: 14px; line-height: 18px;    }
    .updatesBox h2 { font-size: 26px; padding-bottom: 0; }
    .updatesBox { padding-bottom: 0; }
    .aboutBox.requirement .img-light { width: 100%; bottom: 90px; right: auto; left: 0; }
    .requirement-img { left: -270px; }
    .aboutBox.requirement .apply { margin-top: -116px;  }
    .workshopBox h2 { font-size: 28px; padding-bottom: 30px; margin-bottom: 30px; line-height: 40px; }
    .aboutBox.requirement .yellow { padding-top: 10px; }
    h2 { font-size: 28px; }
    .aboutBox.requirement ul { padding-bottom: 0; }
    .aboutBox p { line-height: 24px; padding-right: 0; }
    h3 { font-size: 20px; }
    .awardsBox .block:before { width: 50px; height: 142px; background-size: 50px;  }
    .awardsBox .block:after { width: 50px; height: 142px; background-size: 50px;  }
    .awardsBox .block { height: 142px; }
    .awardsBox .vert-line { width: 96%; }
    .contactBox h4 { font-size: 16px;  }
    .aboutBox p {   }
    .awardsBox h3 { font-size: 18px; }
    .menuBox1 { display: none; }
    .aboutBox .howtowork { left: 0; }
    .aboutBox.howto p { padding-right: 0; }
    .menuBox1 img { display: inline-block; margin: 0 10px; }
    .us-flag { position: static; }
    .teri  { position: static; }
    .mobileMenu { position: absolute; top: 0; right: 0; display: block;    margin-top: 21px; }
    .mobileMenu img { margin: auto; }
    #mm-nav li a { color: #fff; text-transform: uppercase;  }
    #mm-nav li a:hover, #mm-nav li.mm-selected a { background: #d9e021; color: #272727;    }
    #bannerCntr .title { padding: 80px 0 20px;  }
 }

@media only screen and (max-width: 767px) {
.requirement-img { opacity: .1; }
.aboutBox.requirement .upperdiv { padding-top: 20px; min-height: 0; background: #ecef91; }
.aboutBox.requirement .img-light { display: none; }
.aboutBox.requirement ul { padding-right: 0;  }
.aboutBox.requirement .apply { padding: 30px 0; margin: 0; height: auto; overflow: hidden; }
.aboutBox .col-md-7 { padding: 15px; }
.aboutBox .howtowork { opacity: .1; left: auto; right: 0; width: 500px; }
.padd { padding-top: 15px; padding-bottom: 15px; }
.aboutBox.howto .btn { display: inline-block; margin: 5px 0; width: 100%;  }
.aboutBox p { padding-right: 0; text-align: justify; }
#bannerCntr p { font-size: 16px; }
#bannerCntr .slider { position: relative;   height: 300px; width: 320px; margin: auto; background: url(../images/head-img.png) center top  no-repeat; background-size: 250px;     }
#bannerCntr .col-sm-7 { float: none !important;   }
#bannerCntr .mid-banner { height: auto; background: none; }
#bannerCntr .slideshow-home { left: auto; right: 70px;  top: 70px; }
#bannerCntr .arrow { display: none; }
h2, .workshopBox h2, .updatesBox h2 { line-height: 26px; font-size: 20px; padding-bottom: 10px; }
p { text-align: justify; }
.small, small { line-height: 16px; display: inline-block; }
.awardsBox .block { margin-bottom: 20px; }
.updatesBox { padding-bottom: 0;  }
.aboutBox { background: url(../images/mob-bg.jpg);  }
 }

@media only screen and (max-width: 479px) {}
.cycle-slideshow {    -webkit-perspective: 1000;    -webkit-transform-style: preserve-3d;    -moz-perspective: 1000;    -moz-transform-style: preserve-3d;    -o-perspective: 1000;    -o-transform-style: preserve-3d;    perspective: 1000;    transform-style: preserve-3d; }
.active {  text-decoration: underline;}

/**
* Template stuff, no must have for this Snippet
*/
@media print {
 /* styles go here */
    .menuBox1, .arrow-btn{ display: none; }
    .btn { display: none;}
}