
body{
	background: #fff;
	font-family: 'gotham_book';
	/*box-sizing: border-box;*/
	
}
h3{
font-family: 'gotham_book';	
}
p span{    font-family: 'gotham_book';
    font-weight: bold;}
:focus {
outline: 0;
}
@font-face {
    font-family: 'gotham_mediumregular';
    src: url("fonts/gotham-medium-webfont.eot");
    src: url("fonts/gotham-medium-webfont.eot?#iefix") format("embedded-opentype"), 
    url("fonts/gotham-medium-webfont.woff2") format("woff2"), 
    url("fonts/gotham-medium-webfont.woff") format("woff"), 
    url("fonts/gotham-medium-webfont.ttf") format("truetype"), 
    url("fonts/gotham-medium-webfont.svg#gotham_mediumregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_extralightregular';
    src: url('fonts/gotham-xlight-webfont.woff2') format('woff2'),
         url('fonts/gotham-xlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gotham_book';
    src: url("fonts/gotham-book-webfont.eot");
    src: url("fonts/gotham-book-webfont.eot?#iefix") format("embedded-opentype"), 
    url("fonts/gotham-book-webfont.woff2") format("woff2"), 
    url("fonts/gotham-book-webfont.woff") format("woff"), 
    url("fonts/gotham-book-webfont.ttf") format("truetype"), 
    url("fonts/gotham-book-webfont.svg#gotham_book") format("svg");
    font-weight: normal;
    font-style: normal;
}

.book-font{
	font-family: 'gotham_book';
}


h4 {
    
    font-weight: normal;
    font-style: 300;    
    text-rendering: optimizeLegibility;
line-height: 32px;}
    
p{
	font-family: 'gotham_extralightregular';
	line-height: 32px;
}

.hide-x-flow{
	overflow-x: hidden;
	overflow-y: hidden;
}
.box-bullet-text{
	list-style: none;

}
.box-bullet-text li{
	position: relative;
}
.box-bullet-text li::before {
	    position: absolute;
    content: "";
    color: #f79420;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #f79420;
    top: 28px;
    left: -20px;
}

.grid-container{
	    max-width:  95%;
}
.logo-1,.logo-2{
float: left;
width: 50%;
}
.white-text{
	color: #fff;
}
.yellow-text{
	color: #000;
}

.relative_div{
	position: relative;
}
.bl-text {
    color: #606060;
    font-weight: 700;
}
.padding_tp3{
	padding-top: 3em;
}

.width86-lg{
	width: 75%;
}
.link_footer{
	opacity: 1;
	transition: all .5s;
}
.link_footer:hover{
	opacity: .65;
	transition: all .5s;
}
.text-right-lg{
	    text-align: right;
    padding-right: 33px;
}
.img-shadow{
	box-shadow: 2px 2px 6px 0px #060606;
      -moz-box-shadow: 2px 2px 6px 0px #060606;
      -webkit-box-shadow: 2px 2px 6px 0px #060606;
      -khtml-box-shadow: 2px 2px 6px 0px #060606
}
.left_img,.right-img,.left_img1{
	position: relative;
}
.left_img:before{
	position: absolute;
	content: '';
	width:150px;
	height: 251px;
	left:-5px;
	    bottom: 34px;
	background:url(../images/left_img.png);
	z-index: 1;
	    transition: all 1s;
	animation: Circlered 3s infinite;
    -webkit-animation: Circlered 3s infinite;
    -moz-animation: Circlered 3s infinite;
    -ms-animation: Circlered 3s infinite;
    -o-animation: Circlered 3s infinite;
}

.left_img1:before{
	    position: absolute;
    content: '';
    width: 150px;
    height: 251px;
    left: -5px;
    top: 303px;
    background: url(../images/left-Img1.png);
    background-repeat: no-repeat;
    z-index: 1;
	
}

.right-img:before{
	position: absolute;
	content: '';
	width: 300px;
    height: 308px;
    right: -10px;
    top: -28px;
	background: url(../images/right-img.png);
	
	    transition: all 1s;
	animation: Circlered 3s infinite;
    -webkit-animation: Circlered 3s infinite;
    -moz-animation: Circlered 3s infinite;
    -ms-animation: Circlered 3s infinite;
    -o-animation: Circlered 3s infinite;
}
.padding-tp2{
	padding-top: 2em;
}
.padding2{
	padding:2em;
}
.dot-position-1{
position: absolute;
    left: 20%;
    top: -9px;
}
.dot-position-2{
    position: absolute;
    right: 6%;
    top: 16%;
}
.dot-position-3 {
    position: absolute;
    left: 0;
    top: -41%;
}


.bordered_title{
	    padding: 15px 25px 15px 25px;
    border: 1px solid #fff;
    font-size: 26px;
    font-weight: bolder;
    background: #29a9e0;
    color: #fff;
}
.footer_links{
	opacity: 1;
	transition: all .5s;
}
.footer_links span{
	color: #fff;
    font-size: 38px;
    padding-left: 30px;
}

.footer_links:hover{
	opacity: .55;transition: all .5s;
}



@keyframes Circlered{
	0%{
		transform: translate(4px,0px);
	}
	12%{
		transform: translate(2px,2px);
	}
	25%{ 
		transform: translate(0,4px);
	}
	37%{ 
		transform: translate(-2px,2px);
	}
	50%{
		transform: translate(-4px,0px);
	}
	62%{
		transform: translate(-2px,-2px);
	}
	75%{
		transform: translate(0px,-4px);
	}
	87%{
		transform: translate(2px,-2px);
	}
	100%{		
		transform: translate(4px,0px);
	}
}
@-webkit-keyframes Circlered{
	0%{
		-webkit-transform: translate(4px,0px);
	}
	12%{
		-webkit-transform: translate(2px,2px);
	}
	25%{ 
		-webkit-transform: translate(0,4px);
	}
	37%{ 
		-webkit-transform: translate(-2px,2px);
	}
	50%{
		-webkit-transform: translate(-4px,0px);
	}
	62%{
		-webkit-transform: translate(-2px,-2px);
	}
	75%{
		-webkit-transform: translate(0px,-4px);
	}
	87%{
		-webkit-transform: translate(2px,-2px);
	}
	100%{		
		-webkit-transform: translate(4px,0px);
	}
}
@-moz-keyframes Circlered{
	0%{
		-moz-transform: translate(4px,0px);
	}
	12%{
		-moz-transform: translate(2px,2px);
	}
	25%{ 
		-moz-transform: translate(0,4px);
	}
	37%{ 
		-moz-transform: translate(-2px,2px);
	}
	50%{
		-moz-transform: translate(-4px,0px);
	}
	62%{
		-moz-transform: translate(-2px,-2px);
	}
	75%{
		-moz-transform: translate(0px,-4px);
	}
	87%{
		-moz-transform: translate(2px,-2px);
	}
	100%{		
		-moz-transform: translate(4px,0px);
	}
}
@-ms-keyframes Circlered{
	0%{
		-ms-transform: translate(4px,0px);
	}
	12%{
		-ms-transform: translate(2px,2px);
	}
	25%{ 
		-ms-transform: translate(0,4px);
	}
	37%{ 
		-ms-transform: translate(-2px,2px);
	}
	50%{
		-ms-transform: translate(-4px,0px);
	}
	62%{
		-ms-transform: translate(-2px,-2px);
	}
	75%{
		-ms-transform: translate(0px,-4px);
	}
	87%{
		-ms-transform: translate(2px,-2px);
	}
	100%{		
		-ms-transform: translate(4px,0px);
	}
}
@-o-keyframes Circlered{
	0%{
		-o-transform: translate(4px,0px);
	}
	12%{
		-o-transform: translate(2px,2px);
	}
	25%{ 
		-o-transform: translate(0,4px);
	}
	37%{ 
		-o-transform: translate(-2px,2px);
	}
	50%{
		-o-transform: translate(-4px,0px);
	}
	62%{
		-o-transform: translate(-2px,-2px);
	}
	75%{
		-o-transform: translate(0px,-4px);
	}
	87%{
		-o-transform: translate(2px,-2px);
	}
	100%{		
		-o-transform: translate(4px,0px);
	}
}

#slidein_form.reveal{
	margin-right:58px;
	margin-top: 30px;
}
.reveal-overlay {
   
    background-color: rgba(10, 10, 10, 0.67);
    overflow-x: hidden;
   
}
.top-close{
	position: absolute;
    top: 2px;
    right: 0;
}

.preloader {
  width: 0.5em;
  height: 0.5em;
  background-color: #929393;
  border-radius: 50%;
  margin: 1.5em;
  box-shadow: -1em -1em 0 0 #929393, 0em -1em 0 0 #929393, 1em -1em 0 0 #929393, -1em 0em 0 0 #929393, 0em 0em 0 0 #929393, 1em 0em 0 0 #929393, -1em 1em 0 0 #929393, 0em 1em 0 0 #929393, 1em 1em 0 0 #929393;
}
.preloader.mirror {
  animation: mirror 1s infinite linear;
}
@keyframes mirror {
  0% {
    box-shadow: -1.5em -1.5em 0 0.1em #fff, 0em -1.5em 0 0 #fff, 1.5em -1.5em 0 0.1em #fff, -1.5em 0em 0 0 #fff, 0em 0em 0 0 #fff, 1.5em 0em 0 0 #fff, -1.5em 1.5em 0 0 #fff, 0em 1.5em 0 0 #fff, 1.5em 1.5em 0 0 #fff;
  }
  16.6% {
    box-shadow: -1.5em -1.5em 0 0 #fff, 0em -1.5em 0 0 #fff, 1.5em -1.5em 0 0 #fff, -1.5em 0em 0 0.1em #fff, 0em 0em 0 0 #fff, 1.5em 0em 0 0.1em #fff, -1.5em 1.5em 0 0 #fff, 0em 1.5em 0 0 #fff, 1.5em 1.5em 0 0 #fff;
  }
  33.2% {
    box-shadow: -1.5em -1.5em 0 0 #fff, 0em -1.5em 0 0 #fff, 1.5em -1.5em 0 0 #fff, -1.5em 0em 0 0 #fff, 0em 0em 0 0 #fff, 1.5em 0em 0 0 #fff, -1.5em 1.5em 0 0.1em #fff, 0em 1.5em 0 0 #fff, 1.5em 1.5em 0 0.1em #fff;
  }
  49.8% {
    box-shadow: -1.5em -1.5em 0 0 #fff, 0em -1.5em 0 0 #fff, 1.5em -1.5em 0 0 #fff, -1.5em 0em 0 0 #fff, 0em 0em 0 0 #fff, 1.5em 0em 0 0 #fff, -1.5em 1.5em 0 0 #fff, 0em 1.5em 0 0.1em #fff, 1.5em 1.5em 0 0 #fff;
  }
  66.5% {
    box-shadow: -1.5em -1.5em 0 0 #fff, 0em -1.5em 0 0 #fff, 1.5em -1.5em 0 0 #fff, -1.5em 0em 0 0 #fff, 0em 0em 0 0.1em #fff, 1.5em 0em 0 0 #fff, -1.5em 1.5em 0 0 #fff, 0em 1.5em 0 0 #fff, 1.5em 1.5em 0 0 #fff;
  }
  83% {
    box-shadow: -1.5em -1.5em 0 0 #fff, 0em -1.5em 0 0.1em #fff, 1.5em -1.5em 0 0 #fff, -1.5em 0em 0 0 #fff, 0em 0em 0 0 #fff, 1.5em 0em 0 0 #fff, -1.5em 1.5em 0 0 #fff, 0em 1.5em 0 0 #fff, 1.5em 1.5em 0 0 #fff;
  }
  100% {
    box-shadow: -1.5em -1.5em 0 0.1em #fff, 0em -1.5em 0 0 #fff, 1.5em -1.5em 0 0.1em #fff, -1.5em 0em 0 0 #fff, 0em 0em 0 0 #fff, 1.5em 0em 0 0 #fff, -1.5em 1.5em 0 0 #fff, 0em 1.5em 0 0 #fff, 1.5em 1.5em 0 0 #fff;
  }
}

.box_container a{
position: relative;
}

.yellow_box{
	background: #7fb542;
    width: 220px;
    height: 220px;
    padding: 2em 2em 1em 2em;
    border: 2px solid #7fb542;
    box-shadow: inset 0 0 0 10px #7fb542;
    transition: all .5s;
    word-break: break-word;
    font-size: 15px;
	           
	
}
.yellow_box:hover{
	transition: all .5s;
	background: #c46c0a;

}
.yellow_wrapper,.yellow_wrapper2{
	pointer-events: none;
}

.yellow_wrapper{
	position: absolute;
	    top: -170px;
   
}
.yellow_wrapper2{
	position: absolute;
	       top: -152px;
   
}

.paddin-tp15-lg{
	padding-top: 15px
}
.right1{
	 right: 30px;
}
.left2{
left:30px;
}
.brder-box{
    border: 2px solid #29a9e0;
}

.padding-tp210{
	padding-top: 210px;
}
.width-100{
	width: 100%;
}
.margin_center{
	margin:0 auto;
}
.box-bullet-text{
	       padding: 4.5em 1em 1em 1em;
}
.box-bullet-text li{
	       padding-top: 20px;
}

.knw_btn{
	background: #f08d20;
	transition: all .5s;
	border:1px solid  #f08d20;
	    border-radius: 11px;
	    font-size:  19px
}
.knw_btn:hover{
	background: transparent;
	transition: all .5s;
}

.adv-bg{
	background:url(../images/adv.jpg);
	background-size: cover;
	height: 800px;
}
.adv-content{
	    color: #fff;
    position: absolute;
    width: 70%;
    background: #212323;
    bottom: 0;
    left: 15%;
    font-family: 'gotham_book';
    padding: 3em;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
}
	
.adv-title{
	        padding: 8px 8px 3px 8px;
    width: 90%;
    background: #f08d20;
    position: absolute;
    left: 5%;
    top: -37px;
}

.form_bg{
	background: url(../images/form-bg.jpg);
	background-size: cover;
	 background-position: bottom;
}

.footer_bg{
	background: #f79420;
}


/*form*/
::placeholder {
    color: #f08d20 !important;
}

:-ms-input-placeholder {
   color: #f08d20 !important;
}

::-ms-input-placeholder {
    color: #f08d20 !important;
}

span.hs-form-required {
     display: none !important;
}
label {
    
    color: #f08d20;
}

.actions {
    text-align: right;
}

[type='submit'], [type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: none;
    background: #f08d20;
    padding: 1em 3em 1em 3em;
    text-transform: uppercase;
    border: 1px solid #f08d20;
    font-size: 18px;
    transition: all .5s;
}

[type='submit']:hover, [type='button']:hover{
color: #fff;
background:  #212323;
transition: all .5s;
cursor: pointer;
}


[type='text'], [type='password'], 
[type='date'], [type='datetime'],
 [type='datetime-local'], [type='month'],
  [type='week'], [type='email'],
   [type='number'], [type='search'], 
   [type='tel'], [type='time'], 
   [type='url'], [type='color'], 
   textarea {
        border: 2px solid #f08d20;
        background: transparent;
        color: #f08d20;
            height: 3rem;
   margin: 0 0 .7rem;




    }

    [type='text']:focus, [type='password']:focus, 
    [type='date']:focus, [type='datetime']:focus, 
    [type='datetime-local']:focus, [type='month']:focus, 
    [type='week']:focus, [type='email']:focus,
     [type='number']:focus, [type='search']:focus,
      [type='tel']:focus, [type='time']:focus, 
      [type='url']:focus, [type='color']:focus, 
      textarea:focus
    {
 border: 2px solid #f08d20;
        background: transparent !important;
        color: #f08d20 !important;

    }


select,select:focus {
    border: 2px solid #f08d20;
      
        color: #f08d20;
            height: 4rem;
        margin: 0 0 .7rem;
           

background-color: #fff;
background-image: url(../images/select-icon-lg.png)


}

.form_icon{
	        position: fixed;
    right: 0;
    z-index: 9;
    top: 11em;
    width: 100px;
    text-align: right;
}


@media only screen and (min-width:1024px){


.brder-box {
    
    min-height: 302px;
}
.brder-box-center{
height: 320px;
}

}






@media only screen and (max-width:1299px){



.dot-position-2 {
   
    top: 5%;
}


}

@media only screen and (max-width:1023px){
	.text-right-lg{
	    text-align: center;
    padding-right:0px;
}
.padding-tp210-md1 {
    padding-top: 165px;
}

.padding-tp210-md2 {
    padding-top: 190px;
}

.xs-padding{
	padding: 0.5em 1em 1em 1em;
}



.width-100-md{
	width: 100%;
}
.margin_center_md{
		margin:0 auto;
	}

.right1 {
    right: unset;
}
.left2{
left:unset;
}	


.footer_links span {
    color: #fff;
    font-size: 16px;
    padding-left: 30px;
}

.footer_links img{
    width:32px;
}
}


@media only screen and (max-width:960px){

.left_img:before{
	width:90px;
	height: 151px;
	left:-5px;
	    bottom: 34px;
	background:url(../images/left_img-sm.png);
	
}


}

@media only screen and (max-width:639px){

	.position1-sm{
		position: absolute;
		right: 0;
	}

	.position2-sm {
    position: absolute;
    left: 19px;
    top: -60px;
}

.paddin-tp15-lg{
	padding-top: 0px;
}

.width86-lg{
	width: 100%;
}
	.padding-tp2 {
    padding-top: 1em;
}
	#slidein_form.reveal{
		background: #212323;
		 margin-top: 0px;
	}

	
select, select:focus {
    border: 2px solid #f08d20;
    color: #f08d20;
    height: 4rem;
    margin: 0 0 .7rem;
    background-color: #212323;
    background-image: url(../images/select-icon.jpg);
}



.left_img1{
	display: none;
}
	.padding_tp3 {
    padding-top: 2em;
}

.left_img:before{
	width:60px;
	height: 101px;
	left:-5px;
	    bottom: 34px;
	background:url(../images/left_img-xs.png);
	
}
.right-img:before{
	position: absolute;
	content: '';
	width: 150px;
    height: 154px;
    right: -6px;
        top: -18px;
	background: url(../images/right-img-sm.png);
	


}
.adv-content{

    width: 90%;
     left: 5%;
         bottom: -1px;
   
}
.footer_links img {
    width: 18px;
}

.footer_links span {
    color: #fff;
    font-size: 13px;
    padding-left: 10px;
}


}
@media only screen and (max-width:411px){
.bordered_title {
    
    font-size: 19px;
   
}
.preloader.mirror {
    display: none;
    
}
.xs-padding{
	padding: 0.5em 1em 1em 1em;
}

.padding-tp2 {
    padding-top: .5em;
}
.xs-text{
    font-size: 14px;
}

.footer_links span {
    color: #fff;
    font-size: 10px;
    padding-left: 8px;
    word-break: break-word;
}
}

@media only screen and (max-width:375px){

	.position1-sm,.position2-sm{
		display: none;
	}

.footer_links span {
    color: #fff;
    font-size: 7px;
    padding-left: 8px;
    word-break: break-word;
}






}