/*

Theme Name: Gecko

Theme URI: https://wordpress.org/themes/twentysixteen/

Author: CJ and Geram

Version: 0.1

Text Domain: gecko

*/



@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);



body{  

	font-family: 'Droid Sans', sans-serif;

	font-size: 20px;

	font-weight: 400; }



/* main_header */

#main_header{  

	margin-top: 10px; }

	#top_contacts{ margin-bottom: -29px; }

	#top_contacts .top_contacts_info{  

		text-align: right; }

		#top_contacts span{  

			margin-right: 10px;

			font-size: 16px; }

			#top_contacts span a{ 

				color: #ee3124; } 



	#menu_wrapper{ }

		#menu_wrapper .navbar{ 

			min-height: auto;

			background: none;

			border: none; }

			#menu_wrapper .navbar .navbar-brand{ 

				height: auto;

				padding: 0; }

		#menu_wrapper .navbar .navbar-nav{ 

			margin-top: 50px; }

			#menu_wrapper .navbar .navbar-nav li{ }

				#menu_wrapper .navbar .navbar-nav li.active a:hover:after{  

					background: #ee3124;

					height: 2px; }

				#menu_wrapper .navbar .navbar-nav li.active a:after{ 

					position: absolute;

				    width: 100%;

				    display: block;

				    content: '';

				    height: 4px;

				    left: 0;

				    bottom: -20px;

				    background: #ee3124;

				    transition: height .5s ease, background-color .5s ease; } 

				#menu_wrapper .navbar .navbar-nav li.active a{ 

					color: #ee3124;

					background: none; }

				#menu_wrapper .navbar .navbar-nav li a:hover:after{ 

					background: #ee3124;

					height: 4px; }

				#menu_wrapper .navbar .navbar-nav li a:after{ 

					position: absolute;

				    width: 100%;

				    display: block;

				    content: '';

				    height: 0;

				    left: 0;

				    bottom: -20px;

				    background: transparent;

				    transition: height .5s ease, background-color .5s ease; } 

				#menu_wrapper .navbar .navbar-nav li a{ 

					font-size: 20px; }

				#menu_wrapper .navbar .navbar-nav li a:hover{ 

					color: #ee3124; } 



/* banner */

#banner_wrapper{} 

	.banSlider .carousel-caption{  

		background: rgba(35, 40, 45, 0.51);

		left: 0 !important; 

		bottom: 220px !important;

		padding: 19px 15px; }

		.banSlider .carousel-caption h1{ 

			margin: 0 0 0 0;

			font-weight: 700;

			font-size: 40px;

			text-shadow: 0 0 0; }

			.banSlider .carousel-caption h1 .top_span{ 

				font-size: 35px; 

				font-weight: 400; }

			.banSlider .carousel-caption h1 .mid_span{

				font-size: 45px; }

			.banSlider .carousel-caption h1 .last_span{  

				color: #ee3124; }

		.banSlider .carousel-caption h2{ 

			margin: 0 0 0 0;

			font-weight: 700;

			text-shadow: 0 0 0; }

		.banSlider .carousel-caption img{  

			position: absolute;

			right: -63px;

    		top: 129px; }



/* main_content */

#main_content{  

	position: relative;

    height: 409px;

    border-top: 5px solid #f03124;

    margin-top: -1px;

    background-color: #fffdfd; }

	.bg_img_content{  

		position: absolute;

		width: 45%;

		height: 409px; }

	#main_content .content_left{  

		margin-top: 60px; }

	#main_content .content_left h2{ 

		font-size: 46px;

    	font-weight: 700; } 

    #main_content .content_left p a.btn{  

    	border-radius: 0px;

    	font-size: 30px;

    	border: none;

    	border-bottom: 5px solid #4cae4c;

    	margin-top: 20px;

    	padding-left: 30px;

    	padding-right: 30px;

    	transition: .5s ease; }



   	/* post_pages */

   	#post_pages{  

   		padding-bottom: 20px; }

   		#post_pages header{  

   			background: #ee3124;

   			margin-top: 0; }

   			#post_pages header h1{ 

   				color: #fff;

   				font-weight: 700;

   				font-size: 28px; }

   			#post_pages header h1 a{  

   				font-size: 13px !important;

   				color: #fff !important;

   				margin-top: 10px; }

   			#post_pages header h1 a:hover{  

   				text-decoration: none; }



   		#post_pages .post_content p{  

   			margin-top: 22px;

    		margin-bottom: 17px;

   			font-size: 17px; }

   			#post_pages .post_content p button{ 

   				font-size: 14px;

			    text-transform: uppercase;

			    background: #ee3124;

			    border: 1px solid #ee3124; }



/* post_pages */

#post_pages{}

	#post11 form input[type=submit]{ 

    	background: rgba(238, 49, 36, 0.83);

		border: 1px solid #ee3124;

		color: #fff;

		padding: 6px 26px;

		border-radius: 4px;

		position: relative;

		transition: .5s ease; }

		#post11 form input[type=submit]:hover{

			background: #ee3124; }



	/* contact us */

	#contact_address h3{ font-weight: 700; }

	#contact_address address i{ 

		width: 30px;

	    height: 30px;

	    background: #ee3124;

	    text-align: center;

	    line-height: 29px;

	    color: #ffffff;

	    border-radius: 50%;

	    margin-right: 5px; }

	    #contact_address address a{ 

	       	text-decoration: none; 

	        color: #333; }



/* logo_list */

#logo_list{ width: 20%; margin-bottom: 20px; }

#logo_list img{

    border-radius: 4px;

    padding: 0px;

    transition: box-shadow .5s ease, padding .35s ease; }

    #logo_list img:hover{ 

	 	box-shadow: 0px 4px 9px #aaa;

        padding: 10px; }



/* footer_wrapper */

#footer_wrapper{  

	background: #ddd;

	padding: 50px 0;

	margin-top: 5px; }



	#footer_wrapper address{  

		margin-bottom: 0; }

		#footer_wrapper address strong{   

			margin-bottom: 10px;

			display: block; } 

		#footer_wrapper address p,  

		#footer_wrapper address a{  

			font-size: 15px; }  

		#footer_wrapper address a{  

			color: #333; } 

		#footer_wrapper address a:hover{ 

		 	color:  #f03124;

		 	text-decoration: none; } 

		#footer_wrapper address span{ 

			margin-right: 10px; } 

	#certified_block p{ font-weight: 700; }



/* copyright */

#copyright{  

	padding: 25px 0;

	background: #ee3124; }

	#copyright p{  

		margin-bottom: 0;

		font-size: 15px;

		color: #fff; }

	#copyright p a{ 

		color: #fff; }



/* Responsive Reset */



/* IPAD VIEW */

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



	.banSlider .carousel-caption{  

		bottom: 132px !important;

		left: auto !important; }

		.banSlider .carousel-caption h1 .top_span {

    		font-size: 30px; }

    	.banSlider .carousel-caption h1 .mid_span {

    		font-size: 35px; }

    	.banSlider .carousel-caption img{  

    		top: 150px;

    		width: 19%; }



} 



/* MOBILE VIEW */

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

	#top_contacts .top_contacts_info{  

		text-align: center; }



	#menu_wrapper .navbar .navbar-collapse{ 

		border-color: #ee3124; }



	#menu_wrapper .navbar .navbar-brand img{  

		width: 42%; }



	#menu_wrapper .navbar .navbar-toggle{

		margin-right: 0px;

		border-color: #ee3124;

		background: #fff;

		border-radius: 0; }



		#menu_wrapper .navbar .navbar-toggle span{  

			background-color: #ef4035; }



	#menu_wrapper .navbar{  

		margin-top: 50px; }



	#menu_wrapper .navbar .navbar-nav{  

		margin-top: 0; }

		#menu_wrapper .navbar .navbar-nav li a{  

			font-size: 15px; }

			#menu_wrapper .navbar .navbar-nav li.active a:after{  

				bottom: 0; }

			#menu_wrapper .navbar .navbar-nav li a:after{  

				bottom: 0; }



	.bg_img_content{ 

		width: 100%; }
	.banSlider .carousel-caption{  
		bottom: 70px !important;
		left: auto !important; }
		.banSlider .carousel-caption h1 .top_span {
    		font-size: 27px; }
    	.banSlider .carousel-caption h1 .mid_span {
    		font-size: 30px; }
    	.banSlider .carousel-caption h2{ font-size: 25px; }

    	.banSlider .carousel-caption img{  

    		top: 150px;

    		width: 19%; }



	#main_content{  

		background: url(images/img_1.png);

		background-size: cover; }

	#main_content .content_left{ 

		background: rgb(238, 49, 36);

    	margin-top: 404px; }  

	#main_content .content_left h2{  

		text-align: center;

	    color: #fff;

	    margin-top: 12px;

	    margin-bottom: 0;

	    font-size: 30px; }



	#main_content .content_left p a.btn{  

		width: 100%;

		font-size: 25px; }



	#footer_wrapper{  

		margin-top: 114px; }



}	



/* MEDIUM MOBILE VIEW */ 

@media only screen and (max-width: 640px){ 
	.banSlider .carousel-caption {
    	bottom: 56px !important; }
		.banSlider .carousel-caption h1 .top_span {
	    	display: block;
    		margin-bottom: -38px;
    		font-size: 20px; }
	    .banSlider .carousel-caption h1 .mid_span {
	    	    display: block;
    	margin-bottom: -12px; 
    	font-size: 24px; }
	    .banSlider .carousel-caption h2{  
	    	font-size: 17px; }
	    .banSlider .carousel-caption img{  
	    	right: -33px;
    top: 69%; }
	#footer_wrapper {
    	margin-top: 150px; }
}

/* SMALL SCREEN MOBILE VIEW */
@media only screen and (max-width: 480px){
	#main_content{  
		background-size: contain;
		height: auto; }
	#main_content .content_left{  
		margin-top: 246px;  }
	#main_content .content_left h2{  
		font-size: 20px; }
	#main_content .content_left p a.btn{  
		font-size: 15px; }
	#top_contacts .top_contacts_info{  
		margin-bottom: 25px; }
	#top_contacts span{  
		font-size: 13px; }
	#footer_wrapper{  
		margin-top: 0; }
	#logo_list{ width: 100%; }
	.banSlider .carousel-caption {
   		bottom: 46px !important; }
	.banSlider .carousel-caption h1 .top_span {
	    font-size: 15px;
	    margin-bottom: -51px;
	    display: block; }
	.banSlider .carousel-caption h1 .mid_span {
	    font-size: 17px;
	    display: block;
	    margin-top: 15px;
	    margin-bottom: -10px; }
	   .banSlider .carousel-caption img {
    	top: 105px;
    	right: -40px; } 
    	.banSlider .carousel-caption h2 { font-size: 14px; }

}



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



	#main_content .content_left {

    margin-top: 194px; }



    #menu_wrapper .navbar .navbar-brand img { 

    	margin-top: -52px; }



	.banSlider .carousel-caption h1 .top_span {

	    font-size: 10px;

	    margin-bottom: -52px;

	    display: block; }

	.banSlider .carousel-caption h1 .mid_span {

    	font-size: 12px;

    	margin-bottom: -15px; } 

    .banSlider .carousel-caption h2 {

	    font-size: 10px;

	    margin-top: -9px;

	    margin-bottom: -8px; }

    .banSlider .carousel-caption img {

	    top: 67px;

	    right: -24px; }



}