/*
Theme Name: Bootstrap Basic
Theme URI: http://rundiz.com
Author: Vee Winch
Author URI: 
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. You can support theme author by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9HQE4GVV4KTZE" target="donate">donate</a>. To follow what was changed, please look for <a href="https://github.com/Rundiz/bootstrap-basic" target="commits">commits</a> of this theme at Github.
Version: 1.0.13
License: MIT
License URI: http://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}
.infra{ font-family: 'Lato', sans-serif; margin-bottom: 30px;}
.infra1{ border: 1px solid #e2e2e2;
    padding: 15px;
    background: #f9f9f9;
    box-shadow: 1px 1px 3px -1px #e0e0e0; }
.infra h2{  font-size: 20px; margin-top: 0px; text-align: center;} 
.infra p{ text-align: justify; min-height: 130px;}
.infra-img{ margin: 15px 0; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.infra-img img{ }


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}



/*mycode*/


/*common*/

.nopad{ padding: 0;}
.nopadleft{ padding-left: 0; }
.nopadright{ padding-right: 0; }

/*header-common*/

.navbar-default{background: none !important; margin-top: 10px;}
.navbar{ min-height: auto !important; }
.navbar-default { background-color: none!important; border-color:none !important; box-shadow: none !important; border-radius: none !important; }
.navbar-nav li a {font-family: 'Lato', sans-serif; font-size: 16px; color: #fff !important; font-weight: 500; }
.navbar{border: none !important; margin-bottom: 0 !important; display: block; }
.pull{ float: right;}
.navbar-nav > li > a{ text-shadow: none !important;}

.navbar-collapse{padding-right: 0px !important; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a{background: none !important; color: #4a035f !important; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background: none !important; color: #fff  !important; box-shadow: none !important; }
.active{ color: #ffea01 !important; }
.navbar.navbar-default{margin-top:0 !important;}
.nav > li > a { padding: 10px 14px 10px !important;}

/*header*/

header{ border-bottom: 0px solid #b5b1b2; }
.phone-num{ text-align: right; }
.logo{ width: 450px; margin: 0 auto; padding-top: 15px;}
.phone-num-inner{ width: 400px; margin: 0 auto; }
.phone-a{ font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; color: #000;}
.phone-a1{ font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; color: #969696;}
.border-left{ position: relative; }
.phone-num-right{ background: #fff; position: relative; margin-left: 208px; color: #fff; padding: 18px 4px 4px 4px; display: block; }
.phone-num-right::before {
    content: "";
    position: absolute;
    background: #fff;
    top: 0;
    left: -15px;
    bottom: 0;
    width: 100%;
    -webkit-transform: skew(-36deg);
    -moz-transform: skew(-36deg);
    -ms-transform: skew(-36deg);
    transform: skew(-36deg);
    z-index: -1;
    border-top: 2px solid #ececec;
}

.active a {

    color: #fefefe !important;
    background: #464646  !important;

}

.infra-img{ text-align: center; }
/*menu*/
.inner-menu { background: #e60b0b; position: relative; color: white; }
.inner-menu::before {
    content: "";
    position: absolute;
    background: #e60b0b;
    top: 0;
    left: -15px;
    bottom: 0;
    width: 100%;
    -webkit-transform: skew(-36deg);
    -moz-transform: skew(-36deg);
    -ms-transform: skew(-36deg);
    transform: skew(-36deg);
    z-index: -1;
    border-top: 2px solid #50e0e8;
}
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
} 
.dropdown-menu{ border: none !important; background: #c10c0c !important; }


/*welcome*/
.welcome{ padding: 2% 0; }
.welc{ font-family: 'Lato', sans-serif; font-size: 24px; color: #000; font-weight: 300; margin-top: 8px; }
.welco{ font-family: 'Lato', sans-serif; font-size: 29px; color: #e60b0b; font-weight: 400; margin: 0;}
.wel-left{ padding: 32px 0 7px 0; }
.wel-middle{ padding: 0px 0 30px 0; }
.welc-cont{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; font-weight: 400; margin: 0; line-height: 24px; text-align: justify; }
.welco-proc{ font-family: 'Lato', sans-serif; font-size: 33px; color: #4fdee6; font-weight: 600;
margin: 0; text-align: center; line-height: 37px; margin-bottom: 20px !important; }
.wel-right{ background: #eaeaea; padding: 27px 0; margin-top: 94px;}

/*products*/

.products{ background: #eaeaea; padding: 5% 0; }
.products-in{ background: #fff; text-align: center; padding: 10px; margin: 8px; }
.products-in img{ text-align: center; }
.product-name{ font-family: 'Lato', sans-serif; font-size: 16px; color: #000; font-weight: 600; margin: 0; text-align: center; padding-bottom: 15px; }

/*packages*/

.packages{ padding: 5% 0; }
.how{     font-family: 'Lato', sans-serif;
    font-size: 32px;
    color: #e60b0b;
    font-weight: 500;
    margin: 0; }
.text-packages{ text-align: center; }
.how1{ font-family: 'Lato', sans-serif; font-size: 20px; color: #989898;; font-weight: 400; margin: 10px; }
.pack-text{     font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #575757;
    font-weight: 600; }
.pack-png{     text-align: center;
    border: 1px solid #cecece;
    background: #ffffff;
    width: 144px;
    /* float: left; */
    padding: 10px;
    margin: 0 auto; }
.text-packagess-s{ margin-top: 45px; }
.text-packagess{ width: 750px; margin: 0 auto; }
.pack-pp{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; font-weight: 400; margin: 0; line-height: 24px; text-align: center;}
.pack-mid{ padding: 40px; }
.get-quote{ text-align: center; display: block; }
.get-quote a { padding: 8px 16px; background: #000; color: #fff; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 600; }

/*footer*/

.footer{ background: url('http://smpackage.com/wp-content/uploads/2018/02/footer-banner.png'); padding: 2% 0 1% 0; }
.footer-pp{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 300; margin-top: 15px; line-height: 24px; text-align: justify; margin-bottom: 0;  }
.footer-headi{ color: #fff;  font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 600; margin-top: 15px; }
.line-div{ width: 40px; border-top: 2px solid #fff; }
.footer-links{ padding-left: 0; list-style-type: none; }
.footer-links li a{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #ccc; font-weight: 300; 
line-height: 24px; }
.contactus-addr{font-family: 'Open Sans', sans-serif; font-size: 14px; color: #ccc; font-weight: 300; 
line-height: 24px; }
.footer-bo-p { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; font-weight: 300; margin:0;  }
.footer-bottom{ padding-top: 10px; border-top: 1px solid #3b3b3b; margin-top: 10px; }
.footer-bo-p a{ color: #3dcad3 !important; }

/*banner*/
.second_pg_banner { background: url("http://www.smpackage.com/wp-content/uploads/2018/04/banner.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 120px; background-repeat: repeat; }
.second_pg_head, .third_pg_head { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  font-family: 'Lato', sans-serif; 
  }
.third_pg_head{ background: url('http://smpackage.com/wp-content/uploads/2018/02/Untitled-1.png');
	background-position: center center; background-repeat: no-repeat; background-size: cover; height: 150px; background-repeat: repeat; }
.second_pg_head h1, .third_pg_head h1 a,.third_pg_head h1  { font-family: 'Open Sans', sans-serif;  font-size: 28px;color: #080808; font-weight: 100; text-shadow: 0 1px 0 rgb(71, 71, 71);  padding-top: 60px;
text-align: center; }
#main-column .post, #main-column .page {
    border: none !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}
.container-banner header{ border: none; }

/*contact-us*/

.inner-pages{ padding: 3% 0; }
.right-side-contact-form{ padding: 20px; background: #001a66; }
.conta-fh2{  font-family: 'Lato', sans-serif;  font-size: 30px; font-weight: 600; color: #fff; margin-top: 0; margin-bottom: 5px; }
.enquiry-form{ font-family: 'Lato', sans-serif;  font-size: 24px; font-weight: 400; color: #fff; margin-top: 0; margin-bottom: 8px;}
.lineee{ border-bottom: 2px solid #50e0e8; width: 80px; margin-bottom: 10px; }
#cf7md-form label{ color:#808080 !important; font-family: 'Lato', sans-serif; }
.cont-ady{ font-family: 'Lato', sans-serif;  font-size: 14px; color: #fff; line-height: 24px; padding-left: 6px; }
#cf7md-form .mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after{ background: #ffffff1a !important; }
#cf7md-form .cf7md-item{ margin-bottom: 8px !important; }
#cf7md-form .mdc-textfield--multiline .mdc-textfield__input{ border: none; border-bottom: 1px solid #ffffff1a !important;}
#cf7md-form .mdc-button--primary.mdc-button--raised{ background: #fff !important; color: #000 !important; }
.cf7md-submit{ text-align: right; }
.ajax-loader{ display: none !important; }


.dropdown-menu{ border-radius: 0px; margin: 0; padding: 0px;  }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background-color: #e60b0b !important;
background-image: none !important; } 
.pahef-p p{ font-family: 'Open Sans', sans-serif;  font-size: 14px; font-weight: 400; color: #333; line-height: 28px; text-align: justify; }
.aigpl-img-count.aigpl-center{ display: none; }
.aigpl-img-title{ font-family: 'Lato', sans-serif;  font-size: 14px; font-weight: 400; color: #000; }

/*effect*/
.mdc-textfield input{ color: #fff !important; }
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	
	overflow: hidden;
	
	/*min-width: 320px; float: left;margin: 10px 1%;
	max-width: 480px;
	max-height: 360px;
	width: 100%;*/
	height: auto;
	/*background: #3085a3;*/
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: inline;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-apollo {
	/*background: #3498db;*/
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
	font-size: 30px;
    left: 68px;
    opacity: 0;
    padding: 0 1em;
    position: absolute;
    text-align: center;
    top: 88px;
    transition: opacity 0.35s ease 0s;
    color: #F41D2D; 
}

figure.effect-apollo h2 {
	text-align: left;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

figure.effect-apollo:hover p {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

/*-----------------*/
/***** Kira *****/
/*-----------------*/

figure.effect-kira {
	background: #fff;
	text-align: left;
}

figure.effect-kira img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-kira figcaption {
	z-index: 1;
}

figure.effect-kira p {
	padding: 2.25em 0.5em;
	font-weight: 600;	
	font-size: 100%;
	line-height: 1.5;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-kira p a {
	margin: 0 0.5em;
	color: #101010;
}

figure.effect-kira p a:hover,
figure.effect-kira p a:focus {
	opacity: 0.6;
}

figure.effect-kira figcaption::before {
	position: absolute;
	top: 0;
	right: 2em;
	left: 2em;
	z-index: -1;
	height: 3.5em;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ;
	transform: translate3d(0,4em,0) scale3d(1,0.023,1);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

figure.effect-kira:hover img {
	opacity: 0.5;
}

figure.effect-kira:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-kira:hover figcaption::before {
	opacity: 0.7;
	-webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ;
	transform: translate3d(0,5em,0) scale3d(1,1,1);
}








  @media only screen and (max-width : 481px) {
	  .phone-num-right{
		  display:none;
	  }
	  .logo a img
	  {
		  width:100%!important;
	  }
	   .logo 
	  {
		  width:100%!important;
	  }
	  
}

 @media only screen and (max-width : 320px) {
	  .phone-num-right{
		  display:none;
	  }
	 
	  .logo 
	  {
		  width:100%!important;
	  }
	 
	  .logo a img
	  {
		  width:100%!important;
	  }
	  
}