@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Oswald:400,500,700|Roboto+Slab:400,700');



*{padding:0; margin:0;}

body{background:#fff; padding:0; margin:0; font-size:16px; font-family: 'Open Sans', sans-serif;}

.logo-header{padding:8px 0; border-top:solid 6px #1c4f73;}

.logo-top{ padding:0;}

.call-right{ margin-top:26px; float:right;}

.logo-header .fa-phone, .logo-header .fa-clock-o{float:left;  font-size:32px; color:#1c4f73; border:solid 1px #1c4f73; height:51px; width:51px; line-height:54px; margin:6px 12px 0 0; text-align:center;}

.logo-header .fa-clock-o{line-height:48px;}

.logo-header h2{ color:#ee7ea2; float:left; margin:0; font-size:22px; text-transform:uppercase; font-weight:700; line-height:30px; font-family: 'Oswald', sans-serif;}

.logo-header h2 span{display:block; font-weight:500; color:#000; font-size:22px;}



.banner-form{background:url(../images/banner.jpg) top center no-repeat; padding:20px 0 44px; background-size:cover; width:100%;}

.banner-form .header-text{ padding:120px 0 0;}

.banner-form .header-text h1{-webkit-text-fill-color: #ff5d29; /* Will override color (regardless of order) */ -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff;  font-size:64px; font-weight:bold; padding:0; line-height:65px; margin:0 0 60px; font-family: 'Roboto Slab', serif;}

.banner-form .header-text h1 span{font-weight:700;}

.banner-form .header-text a{ background-size:100% 100%; width:100%; background:url(../images/catloge-bg.png) top left no-repeat; text-align:center; font-weight:700; text-transform:uppercase; font-size:48px; color:#fff; margin:0; padding:6px 54px 12px 0; border:none; display:block; text-decoration:none;}

.banner-form .header-text a:hover{background:url(../images/catloge-bg-orange.png) top left no-repeat;}



.signup-form{  background: rgba(28, 79, 115, 0.74);  padding:20px 16px 42px;}

.signup-form h2{font-size:26px; text-align:center; color:#fff; text-transform:uppercase; font-weight:700; margin:0; padding:15px 0 25px; }

.input-group .icon-addon .form-control { border-radius: 0;}

.icon-addon {position: relative; color:#fff; display: block;}

.icon-addon:after, .icon-addon:before { display: table; content: " ";}

.icon-addon:after {   clear: both;}

.icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa { position: absolute; z-index: 2;  left: 10px; font-size: 14px;  width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px}

.signup-form .form-group{margin-bottom:10px;}

.signup-form .icon-addon .fa{ font-size:18px; color:#cccccc; padding:36px 5px 0 0;}

.signup-form .icon-addon .fa-facebook{ padding-top:6px;}

.signup-form .form-group textarea{ height:90px; padding-left: 15px;}

.icon-addon.addon-sm .form-control { height: 30px;  padding: 5px 10px 5px 28px; font-size: 12px;  line-height: 1.5;}

.icon-addon .form-control { border-radius:0; height:36px; border:none;  padding-left: 30px; float: left; font-weight: normal;}



.signup-form button{ text-shadow:1.5px 1px #000; width:100%; border:none; border-radius:4px;   text-align:center; padding:6px 0; color:#fff; font-size:36px; font-weight:700; text-transform:uppercase; margin-top:10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b66+0,ff7447+51,ff5f2b+100 */

background: #ff8b66; /* Old browsers */

background: -moz-linear-gradient(top, #ff8b66 0%, #ff7447 51%, #ff5f2b 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ff8b66 0%,#ff7447 51%,#ff5f2b 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ff8b66 0%,#ff7447 51%,#ff5f2b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b66', endColorstr='#ff5f2b',GradientType=0 ); /* IE6-9 */}

.signup-form button:hover{background:#dd5b31; color:#fff;}

.signup-form p{font-size:12px; margin:20px 0 0; color:#fff; font-weight:400; text-align:center}

.signup-form p span{color:#0b8342; font-weight:700;}



.about-us{ padding:80px 0 50px; overflow:hidden;}

.about-us .img-responsive{ display:inline-block;}

.about-us .right span{ border-bottom:solid 3px #000; padding:0 83px;}

.about-us .right h2{font-size:48px; color:#1c4f73; margin:0; padding:10px 0 0; line-height:15px;  font-family: 'Roboto Slab', serif; font-weight:bold; text-transform:uppercase;}

.about-us .right p{ font-size:16px; color:#1c1c1c; margin:0; padding:26px 0 40px; }

.right .left-icon{ float:left;}

.right .left-icon i{ background:#ff5d29; height:44px; line-height:44px; width:44px; color:#fff; text-align:center; font-size:22px; border-radius:50%;}

.right .right-text{ float:left; width:80%; padding-left:12px; margin-bottom:22px;}

.right .right-text h3{ text-transform:uppercase; font-size:22px; color:#000; margin:0; padding:0; font-weight:700;}

.right .right-text p{ font-size:18px; color:#000; margin:5px 0 0; padding:0; }



.flower-imgbg{ background:url(../images/flower-bg-img.jpg) top center no-repeat; padding:30px 0 70px; text-align:center;  border-top:solid 1px #ffd6cf; background-size: cover;

 width: 100%;}

.flower-imgbg .color-flower{margin-top:38px; border:solid 1px #e8e8e8; }

.flowr-img{ max-height:280px; overflow:hidden;  position:relative; }

.flowr-img img{  width:100%;   transition:all ease-in-out .5s;}

.flowr-img:hover img{  transition:all ease-in-out .5s; transform: scale(1.2);}

.flowr-name{ background:#eb5d91; padding:12px 0;}

.flowr-name h3{ font-size:22px; color:#fff; font-weight:600;  margin:0; padding:0;}



/*-------testimonial-slider----*/



.testimonial-bg { padding: 50px 0 70px; background:url(../images/testimonial-bg.jpg) top center no-repeat; width:100%; background-size:cover; text-align:center;}

#carousel h2{ padding:0 0 10px;  margin:0;  font-size:48px; color:#fff; font-weight:700; }

#carousel span{ border-bottom:solid 3px #fff; padding:0 62px;}

#carousel h3{ font-size:24px; color:#fff; font-weight:700; margin:0; padding:26px 0 0; text-align:center; text-transform:capitalize;}

.quote {color: #9d8c54; text-align: center; margin: 40px 0 17px;}

#fade-quote-carousel.carousel .carousel-inner .item { margin-top:40px; opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;}

#fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }

#fade-quote-carousel.carousel .carousel-indicators { bottom: -34px;}

#fade-quote-carousel.carousel .carousel-indicators > li { background-color: #57525a;  border: none; width:18px; height:18px;}

#fade-quote-carousel.carousel .carousel-indicators > li.active{background-color:#cfced1; border: none;}

#fade-quote-carousel blockquote { font-size:18px; color:#fff; text-align: center; border: none; margin:34px 0; padding:0;}

#fade-quote-carousel .profile-circle {width: 100px; height: 100px; margin: 0 auto; border-radius: 100px;}



.contact-flower{ padding:58px 0; overflow:hidden;}

.contact-flower .contact-map ul{ list-style:none; margin:0; padding:30px 0 0;}

.contact-flower .contact-map ul li{ margin-bottom:30px; font-size:24px;  color:#000; }

.contact-flower .contact-map ul li i{ color:#ff7943; font-size:30px; padding-right:8px;}

.contact-flower .flower-map iframe{ height:348px; }



.social-footr{width:100%; background-size:cover; background:url(../images/footer-bg.jpg) bottom center no-repeat;  padding:58px 0 0; min-height:300px; border-top:solid 1px #e5e5e5;}

.logo-foot{ padding:0;}

.call-right{ margin-top:26px; float:right;}

.social-footr .fa-phone{float:left;  font-size:32px; color:#1c4f73; border:solid 1px #1c4f73; height:51px; width:51px; line-height:54px; margin:6px 12px 0 0; text-align:center;}

.social-footr h2{ color:#ee7ea2; float:left; margin:0; font-size:20px; font-weight:700; line-height:30px; font-family: 'Oswald', sans-serif;}

.social-footr h2 span{display:block; font-weight:500; color:#000;}

.call-right ul{ list-style:none; margin:20px 0 0; padding:0;}

.call-right ul li{ display:inline-block; margin-right:5px;}

.call-right ul li .fa-facebook{ height:40px; width:40px; line-height:40px; color:#fff; font-size:20px; background:#3b5898; text-align:center;}

.call-right ul li .fa-twitter{ height:40px; width:40px; line-height:40px; color:#fff; font-size:20px; background:#5ea9dd; text-align:center;}

.call-right ul li .fa-google-plus{ height:40px; width:40px; line-height:40px; color:#fff; font-size:20px; background:#dd4a37; text-align:center;}

.call-right ul li .fa-pinterest-p{ height:40px; width:40px; line-height:40px; color:#fff; font-size:20px; background:#ca2028; text-align:center;}

.call-right ul li .fa-linkedin{ height:40px; width:40px; line-height:40px; color:#fff; font-size:20px; background:#037bb7; text-align:center;}

.call-right ul li .fa-instagram{ height:40px; width:40px; line-height:40px; color:#fff; font-size:20px; background:#4888b4; text-align:center;}

.call-right ul li .fa:hover{ background:#ff5d29;}

.copyr-footr{ background:#1c4f73; text-align:center; padding:16px 0;}

.copyr-footr p{ font-size:16px; color:#fff; margin:0; padding:0;}



@media(min-width:992px) and (max-width:1199px){

.logo-header .fa-phone, .logo-header .fa-clock-o{height:41px; width:40px; line-height:40px; margin:6px 6px 0 0;}

.logo-header h2{font-size:18px; line-height:24px; padding:3px 0 0;}

.logo-header h2 span{font-size:18px;}	

.banner-form{padding:30px 0;}

.banner-form .header-text{ padding:80px 0 0;}

.banner-form .header-text h1{font-size:54px;}

.banner-form .header-text a, .banner-form .header-text a:hover{ background-size:100% 100%; width:100%; font-size:36px; padding:17px 0;}

.signup-form{margin:0;}

.signup-form h2{font-size:18px; padding:15px 0 20px; background-size:cover; }

.signup-form button{ font-size:30px;}

.about-us{ padding:70px 0 40px;}

.about-us .right h2{ font-size:36px;}

.about-us .right p{ font-size:15px; padding:20px 0;}

.right .right-text h3{ font-size:17px;}

.right .right-text p{ font-size:14px; padding:0;}

.right .left-icon i{ width:36px; height:36px; line-height:36px; font-size:20px;}

}



@media(min-width:768px) and (max-width:991px){ 

.logo-top{ max-width:70%; padding-top:4px;}

.logo-top img{width:100%;}

.call-right{ margin-top:17px;}

.logo-header .fa-phone, .logo-header .fa-clock-o{display:none;}

.logo-header h2{font-size:16px; line-height:22px;}

.logo-header h2 span{font-size:18px;}

.banner-form{padding:25px 0;}

.banner-form .header-text{ padding:80px 0 0;}

.banner-form .header-text h1{font-size:44px;}

.banner-form .header-text h1 br{ display:none;}

.banner-form .header-text a, .banner-form .header-text a:hover{   background-size:100% 100%;  width:100%; font-size:24px; padding:15px 0;}

.signup-form{ padding:0 16px 20px;}

.signup-form h2{font-size:16px; line-height:24px; padding:15px 10px 20px; background-size:cover;}

.signup-form button{ font-size:28px; padding:4px 0; margin-top:4px;}

.about-us{ padding:40px 0 10px;}

.about-us .right h2{ font-size:30px;}

.about-us .right p{ font-size:14px; padding:16px 0;}

.right .right-text h3{ font-size:15px;}

.right .right-text p{ font-size:13px; padding:0;}

.right .left-icon i{ width:30px; height:30px; line-height:30px; font-size:16px;}

.flowr-name h3{ font-size:18px;}

.testimonial-bg{ padding:30px 0 50px;}

#carousel h2{ padding:0; font-size:32px;}

#fade-quote-carousel.carousel .carousel-inner .item{ margin-top:30px;}

#carousel h3{ padding:20px 0; font-size:22px;}

#fade-quote-carousel blockquote{ font-size:15px; margin:0 0 20px;}

.contact-flower{ padding:40px 0;}

.contact-flower .contact-map ul li{ font-size:18px; margin-bottom:20px;}

.logo-foot{ max-width:90%; padding-top:4px;}

.logo-foot img{width:100%;}

.social-footr .call-right{ margin-top:17px;}

.social-footr .fa-phone{ font-size:24px; width:40px; height:40px; line-height:40px; margin:3px 12px 0 0;}

.social-footr h2{font-size:16px; line-height:22px;}

.call-right ul li .fa{ font-size:16px; height:36px; width:36px; line-height:36px;}

}





@media(max-width:767px){

.logo-header{ padding:15px 0 22px;}

.logo-top{ max-width:100%; padding-top:4px; margin:0 auto;}

.logo-top img{width:270px; margin:0 auto;}

.call-right{ margin:20px auto 10px; width:270px; float:none;}

.logo-header .fa-phone, .logo-header .fa-clock-o{ font-size:24px; width:40px; height:40px; line-height:40px; margin:3px 7px 0 0; display:none;}

.logo-header h2{font-size:20px; line-height:28px; }

.logo-header h2 span{font-size:20px; }

.banner-form{padding:25px 0;}

.banner-form .header-text{ padding:0;}

.banner-form .header-text h1{font-size:30px; line-height:40px; margin-bottom:30px; font-family: 'Open Sans', sans-serif; -webkit-text-stroke-width: 1px;}

.banner-form .header-text h1 br{ display:none;}

.banner-form .header-text a{background-image:none; background:#1c4f73; border-radius:5px; border:solid 1px #fff;  width:100%; font-size:22px; margin:0 0 30px; padding:20px 0;}

.banner-form .header-text a:hover{background-image:none; background:#ff5d29;}

.signup-form{ padding:0 16px 20px;}

.signup-form h2{font-size:16px; line-height:24px; padding:15px 10px 16px; background-size:cover;}

.signup-form h2 br{ display:none; }

.signup-form button{ font-size:25px; padding:4px 0; margin-top:4px;}

.about-us{ padding:36px 0 10px;}

.about-us .left{ max-width:80%; margin:0 auto 30px;}

.about-us .left img{ width:100%;}

.about-us .right h2{ font-size:26px;}

.about-us .right p{ text-align:justify; font-size:14px; padding:16px 0;}

.flower-imgbg{ padding:0 0 40px;}

.flowr-img{max-height:none;}

.flower-imgbg .color-flower{ margin:30px auto 0;  max-width:80%; }

.flowr-name{margin:0 auto;  max-width:80%;}

.right .right-text h3{ font-size:15px;}

.right .right-text p{ font-size:13px; padding:0;}

.right .left-icon i{ width:30px; height:30px; line-height:30px; font-size:16px;}

.flowr-name h3{ font-size:18px;}

.testimonial-bg{ padding:30px 0 50px;}

#carousel h2{ padding:0; font-size:30px;}

#fade-quote-carousel.carousel .carousel-inner .item{ margin-top:30px;}

#carousel h3{ padding:20px 0; font-size:20px;}

#fade-quote-carousel blockquote{ font-size:14px; margin:0 0 20px;}

.contact-flower{ padding:40px 0;}

.contact-flower .contact-map ul li{ font-size:16px; margin-bottom:20px;}

.contact-flower .contact-map ul li i{ font-size:24px;}

.social-footr{ padding-top:30px;}

.logo-foot{ max-width:100%; padding-top:4px; margin:0 auto;}

.logo-foot img{width:270px; margin:0 auto;}

.social-footr .call-right{ margin-top:17px;}

.social-footr .fa-phone{ font-size:24px; width:40px; height:40px; line-height:40px; margin:3px 12px 0 0;}

.social-footr h2{font-size:16px; line-height:22px;}

.call-right ul li .fa{ font-size:16px; height:36px; width:36px; line-height:36px;}

.copyr-footr p{ font-size:14px;}



} 



@media (max-width: 627px) {



}

@media (min-width: 481px) and (max-width: 626px) {



}

@media (max-width: 480px) {

.about-us .right h2{ font-size:22px;}

}



@media (max-width: 360px) {



}