/*-----------------------------------*/
/*Validated CSS - W3C CSS Validator */
/*---------------------------------*/

.logo {
margin : 0;
padding : 10px 0 !important ;
background-color : #eee;
display : inline-block;
min-width : 100%;
}
.extra-margin-top {
margin-top : 20px;
}
.social-button {
margin : 0;
padding : 10px 0 5px !important ;
background-color : #dddada !important ;
display : inline-block;
min-width : 100%;
}
.slide-head-main {
background : url("../images/slide6.jpg") no-repeat;
background-repeat : no-repeat;
background-size : cover;
background-position : center;
transition : all 0.5s ease-in-out;
min-height : 480px !important ;
}
.slide-head-local {
background : url("../images/slide3.jpg") no-repeat;
background-repeat : no-repeat;
background-size : cover;
background-position : center;
transition : all 0.5s ease-in-out;
min-height : 350px !important ;
}
.slide-head-long {
background : url("../images/slide7.jpg") no-repeat;
background-repeat : no-repeat;
background-size : cover;
background-position : center;
transition : all 0.5s ease-in-out;
min-height : 350px !important ;
}
.slide-head-estimate {
background : url("../images/slide2.jpg") no-repeat;
background-repeat : no-repeat;
background-size : cover;
background-position : center;
transition : all 0.5s ease-in-out;
min-height : 350px !important ;
}
.slide-head-packing {
background : url("../images/slide5.jpg") no-repeat;
background-repeat : no-repeat;
background-size : cover;
background-position : center;
transition : all 0.5s ease-in-out;
min-height : 350px !important ;
}
@media (max-width:480px) {
.slide-head-estimate, .slide-head-local, .slide-head-main, .slide-head-long, .slide-head-packing {
background-size : 100%;
background-position : 0 0%;
min-height : 100px !important ;
margin-top : -35px;
}
}
.phone-section {
margin-top : 2px !important ;
padding : 10px 0 5px !important ;
background-color : #dddada !important ;
display : inline-block;
min-width : 100%;
min-height : 70px;
}
.gfe-social {
padding : 8px 10px !important ;
}
.gfe-phone {
padding : 8px 0 !important ;
color : #333;
font-size : 26px;
text-align : center;
}
.gfe-phone span {
font-size : 24px;
letter-spacing : 2px;
text-align : center;
margin-left : 10px;
}
.img-portfolio {
margin-bottom : 30px;
}
.bgrd-hover:hover {
opacity : 0.800000011920928955078125;
background-color : #ccc;
}
h1.top-t {
font-size : 50px !important ;
font-weight : normal !important ;
padding : 20px 0 !important ;
}
.img-hover:hover {
opacity : 0.800000011920928955078125;
}
header.carousel {
height : 50%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
height : 100%;
}
header.carousel .fill {
width : 100%;
height : 100%;
background-position : center;
background-size : cover;
}
.error-404 {
font-size : 100px;
}
.price {
display : block;
font-size : 50px;
line-height : 50px;
}
.price sup {
top : -20px;
left : 2px;
font-size : 20px;
}
.period {
display : block;
font-style : italic;
}
.nav li a {
color : #ccc !important ;
}
.nav li a:hover {
color : #555 !important ;
background : #fff !important ;
text-shadow : none !important ;
}
.panel-heading {
background : transparent !important ;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.clearfix:after {
visibility : hidden;
display : block;
font-size : 0;
content : " ";
clear : both;
height : 0;
}
.arrow, .arrow-prev {
padding : 5px 50px;
}
.btn-utube {
background : #9D96CD;
border-radius : 0;
font-family : Arial;
color : #fff;
font-size : 18px;
font-weight : normal;
padding : 10px 80px;
text-decoration : none;
transition : 0.5s;
}
.btn-utube:hover {
background : #b0afaf;
color : #fff;
text-decoration : none;
}
.btn-default {
padding : 10px 30px;
font-weight : normal;
font-size : 14px !important ;
letter-spacing : 1px;
text-transform : uppercase;
color : #eee;
text-shadow : none;
border-radius : 3px;
}
a.btn-default:hover {
background : #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
color : #F7A0A2;
background-color : #00b3db;
border-color : #F7A0A2;
}
.btn-default:active, .btn-default.active {
background : #007299;
box-shadow : none;
}
.btn-default:active, .btn-default.active {
background : #007299;
box-shadow : none;
}
.btn-default.outline {
border : #0099cc solid 2px;
color : #0099cc;
}
.btn-default.outline:hover {
color : #33a6cc;
border-color : #33a6cc;
}
.btn-default.outline:active, .btn-default.outline.active {
border-color : #007299;
color : #007299;
box-shadow : none;
}
.btn-lg {
position: relative;
padding : 20px 90px;
font-weight : normal;
font-size : 14px !important ;
letter-spacing : 1px;
text-transform : uppercase;
color : #eee;
text-shadow : none;
border : #666 solid 1px;
border-radius :0px;
}


.btn-lg::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color:#333;
    opacity: .4;
    content: "";
    z-index: -1;
}
input {
height : 40px !important ;
border-radius : 0 !important ;
}
select {
height : 40px !important ;
border-radius : 0 !important ;
text-indent : 0.01px;
text-overflow : "";
}
select::-ms-expand {
display : none;
}
.select-wrapper {
padding-left : 0;
overflow : hidden;
}
.full {
width : 100%;
}
.gap {
height : 30px;
width : 100%;
clear : both;
display : block;
}
.footer {
background : #1e262c;
height : auto;
padding-bottom : 25px;
position : relative;
width : 100%;
border-bottom : 1px solid #DDDDDD;
border-top : 1px solid #666;
}
.footer p {
margin : 0;
}
.footer img {
max-width : 100%;
}
.footer h3 {
border-bottom : 1px solid #888;
color : #54697E;
font-size : 18px;
font-weight : 600;
line-height : 27px;
padding : 20px 0 10px;
text-transform : uppercase;
}
.footer ul {
font-size : 13px;
list-style-type : none;
margin-left : 0;
padding-left : 0;
margin-top : 15px;
color : #333;
}
.footer ul li a {
color : #eee;
padding : 0 0 5px 0;
display : block;
transition : 0.5s;
}
.footer ul li a:hover {
color : #fff;
font-weight : 600;
}
.footer-bottom {
border-top : 1px solid #eee;
padding : 10px;
text-align : center;
margin : 0 auto;
}
.footer-bottom p.pull-center {
padding-top : 6px;
font-family : 'Open Sans', sans-serif;
color : #999;
font-size : 14px;
line-height : 25px;
text-align : center;
}
.footer-bottom p.pull-left {
padding-top : 6px;
font-family : 'Open Sans', sans-serif;
color : #999;
font-size : 14px;
line-height : 25px;
text-align : center;
}
.supportLi h4 {
font-size : 20px;
font-weight : lighter;
line-height : normal;
margin-bottom : 0 !important ;
padding-bottom : 0;
}
#news li {
border : none !important ;
display : inline-block;
float : left;
height : 60px;
clear : both;
width : 100%;
}
.newsletter-box input#appendedInputButton {
background : #FFFFFF;
display : inline-block;
float : left;
height : 30px;
clear : both;
width : 100%;
}
.newsletter-box .btn {
border : none medium;
border-radius : 3px;
display : inline-block;
height : 40px;
padding : 0;
width : 100%;
color : #fff;
}
.newsletter-box {
overflow : hidden;
}
.bg-gray {
box-shadow : 0 1px 0 #B4B3B3;
}
.social li {
background : none 0 0 repeat scroll #ccc;
border : #B5B5B5 solid 2px;
border-radius : 50%;
float : left;
height : 36px;
line-height : 36px;
margin : 0 16px 0 0;
padding : 0;
text-align : center;
width : 36px;
transition : all 0.5s 0s ease;
}
.social li:hover {
transform : scale(1.15), rotate(360deg);
}
.social li a {
color : #EDEFF1;
}
.social li:hover {
border : #2c3e50 solid 2px;
background : #2c3e50;
}
.social li a i {
font-size : 16px;
margin : 0 0 0 5px;
color : #EDEFF1 !important ;
}
.social-custom li {
float : left;
height : 36px;
line-height : 36px;
margin : 0 16px 0 0;
padding : 0;
text-align : center;
width : 36px;
transition : all 0.5s 0s ease;
}
.social-custom li a {
color : #EDEFF1;
}
.social-custom li:hover {
border : #2c3e50 solid 1px;
border-radius : 8px;
background : #2c3e50;
}
.social-custom li a i {
font-size : 16px;
margin : 0 0 0 5px;
color : #EDEFF1 !important ;
}
.payments {
font-size : 1.5em;
}
div.img-div {
height : 200px;
width : 200px;
overflow : hidden;
border-radius : 50%;
}
.img-div img {
margin-left : 100px;
}
.circle-image {
width : 200px;
height : 200px;
border : #ccc solid 4px;
border-radius : 50%;
background-image : url("../images/pic2.jpg");
display : block;
}
.circle-image2 {
width : 200px;
height : 200px;
border : #ccc solid 4px;
border-radius : 50%;
background-image : url("../images/pic1.jpg");
display : block;
}
.pr-title {
width : 100%;
height : auto;
min-height : 35px;
border : #ccc solid 1px;
border-radius : 5px;
background : #fff;
}
.pr-title h4 {
font-family : 'Open Sans', sans-serif;
color : #7bc144;
font-size : 16px;
font-weight : 500;
line-height : 12px;
padding : 0 10px;
}
.intro-message, .col-lg-12 {
position : relative;
min-height : 1px;
padding-left : 0 !important ;
padding-top : 25px !important ;
}
.intro-message h1 {
font-family : 'Poiret One', cursive;
font-weight : normal !important ;
font-size : 45px !important ;
}
.intro-message h2 {
font-family : 'Poiret One', cursive;
font-size : 180%;
color : #ffffff;
font-weight : normal;
}
.dropdown-menu li a {
color : #999 !important ;
font-weight : normal;
}
.gfe-logo {
margin-left : 10px !important ;
}
.gfe-button {
margin-right : 10px !important ;
}
.content-section-a {
padding : 10px;
background-color : #fff;
}
.content-section-a p {
font-family : 'Poiret One', cursive;
font-size : 160%;
color : #333;
font-weight : normal;
padding : 20px;
}
.content-section-b {
padding-top : 80px;
padding-left : 10px;
background-color : #fff;
}
.content-section-b h2 {
font-family : 'Poiret One', cursive;
font-size : 220%;
color : #999;
font-weight : normal;
}
.w-right {
padding : 40px 30px 0 0;
}
.w-left {
padding : 0 40px 0;
}
.w-left h4 {
line-height : 28px;
font-size : 18px;
color : #666;
}
.w-left p {
font-family : 'Raleway', sans-serif;
font-size : 22px;
color : #666;
padding : 3px;
}
.w-title {
padding-top : 20px;
padding-bottom : 10px;
padding-left : 20px !important ;
}
.w-title h1 {
font-family : 'Poiret One', cursive;
font-size : 300%;
color : #666;
font-weight : normal;
padding-top : 20px;
padding-bottom : 40px;
padding-left : 20px !important ;
}
.w-title2 {
padding-top : 20px;
padding-bottom : 10px;
padding-left : 20px !important ;
}
.w-title h3 {
font-family : 'Open Sans', sans-serif;
font-size : 180%;
color : #666;
font-weight : normal;
padding-top : 5px;
padding-left : 20px !important ;
}
.w-title h4 {
font-size : 18px !important ;
margin-top : 0 !important ;
margin-right : 20px !important ;
padding : 10px !important ;
line-height : 30px !important ;
}
.w-title h5 {
font-family : 'Open Sans', sans-serif;
font-size : 18px;
color : #666;
font-weight : normal;
padding : 15px 20px 0 !important ;
line-height : 25px;
}
.w-title2 h1 {
font-family : 'Poiret One', cursive;
font-size : 300%;
color : #999;
font-weight : normal;
padding-top : 20px;
padding-left : 20px !important ;
}
.fancyline {
position : relative;
content : ' ';
width : 100%;
border-bottom : 1px solid #cfcfcf;
margin : 20px auto 10px;
}
.fancyline:before {
position : absolute;
content : ' ';
width : 50px;
border-bottom : 3px solid #cfcfcf;
bottom : -2px;
left : 50%;
margin-left : -25px;
}
.fancyline:after {
position : absolute;
content : ' ';
width : 18px;
border-bottom : 7px solid #cfcfcf;
bottom : -4px;
left : 50%;
margin-left : -9px;
}
.parallax1 {
background : url(../images/slide1.jpg);
background-repeat : no-repeat;
background-position : center center;
background-attachment : fixed;
background-size : cover;
padding : 50px 0;
}
.parallax1 h3 {
color : #eee;
line-height : 35px;
letter-spacing : 1px;
text-align : center;
}
.parallax2 {
background : url(../images/slide2.jpg);
background-repeat : no-repeat;
background-position : center center;
background-attachment : fixed;
background-size : cover;
padding : 100px 0;
}
.parallax3 {
background : url(../images/slide3.jpg);
background-repeat : no-repeat;
background-position : center center;
background-attachment : fixed;
background-size : cover;
padding : 50px 0;
}
.parallax4 {
background : url(../images/slide4.jpg);
background-repeat : no-repeat;
background-position : center center;
background-attachment : fixed;
background-size : cover;
padding : 50px 0;
}
.parallax5 {
background : url(../images/slide11.jpg);
background-repeat : no-repeat;
background-position : center center;
background-attachment : fixed;
background-size : cover;
padding : 50px 0;
}
.parallax4 h1 {
font-family : 'Poiret One', cursive;
font-size : 62px;
color : #fff;
text-align : center !important ;
font-weight : 400 !important ;
}
.parallax3 h1 {
font-family : 'Poiret One', cursive;
font-size : 52px;
color : #333;
text-align : center !important ;
font-weight : 400 !important ;
}
.parallax3 h2 {
font-family : 'Poiret One', cursive;
font-size : 36px;
color : #333;
text-align : center !important ;
font-weight : 400 !important ;
}
.banner h2 {
font-family : 'Poiret One', cursive;
font-size : 36px;
color : #ffffff;
text-align : center !important ;
font-weight : normal !important ;
}
.parallax5 h1 {
font-family : 'Poiret One', cursive;
font-size : 52px;
color : #fff;
text-align : center !important ;
font-weight : 400 !important ;
}
.parallax5 h2 {
font-family : 'Poiret One', cursive;
font-size : 36px;
color : #fff;
text-align : center !important ;
font-weight : 400 !important ;
}
.banner span {
font-family : 'Open Sans', sans-serif;
font-size : 46px;
color : #ffffff;
text-align : center !important ;
font-weight : normal !important ;
}
/*------------------------------------------
////////Responsive media code 425 \\\\\\\\\\\
-----------------------------------------*/
@media (max-width:425px) {
.captcha {
margin : 0 auto !important ;
text-align : center !important ;
}
.title-sep {
margin : 0 auto !important ;
text-align : center !important ;
}
.intro-message h1 {
display : none;
}
.call:hover {
background : #fff;
cursor : pointer;
}
.call-cont {
padding : 15px 0 !important ;
margin : 0 auto !important ;
text-align : center !important ;
float : none;
}
.item-1 {
padding : 10px 0;
margin : 0 auto !important ;
background-size : 100% !important ;
top : 0 !important ;
height : auto !important ;
padding-top : 0 !important ;
}
.carousel-wrapper {
padding : 10px 0;
margin : 0 auto !important ;
height : 150px !important ;
}
.logo {
margin : 0 auto !important ;
text-align : center !important ;
float : none;
}
.gfe-logo {
padding : 10px 0 !important ;
background-color : transparent;
display : inline;
min-width : 100% !important ;
margin : 30px !important ;
text-align : center !important ;
float : none !important ;
}
.gfe-phone {
display : none;
}
.local-surp-message {
display : none;
}
.table-box {
margin-left : 0 !important ;
margin-right : 0 !important ;
padding-left : 0 !important ;
padding-right : 0 !important ;
width : 100% !important ;
}
.b-title {
margin-top : -20px !important ;
padding : 10px 45px 10px 20px !important ;
border-bottom : 1px solid #ccc;
border-top : 1px solid #ccc;
background-color : #eee;
}
.b-title h3 {
line-height : inherit;
}
.w-title {
padding : 20px 5px 5px !important ;
}
.w-title h1 {
font-family : 'Poiret One', cursive;
font-size : 150% !important ;
text-align : center !important ;
color : #999 !important ;
font-weight : 600 !important ;
padding-left : 0 !important ;
margin-top : 5px !important ;
}
.w-title2 {
padding-top : 20px;
padding-bottom : 10px;
padding-left : 20px !important ;
margin-bottom : -30px;
margin-top : -20px;
}
.w-title h3 {
font-family : 'Open Sans', sans-serif !important ;
font-size : 150% !important ;
color : #F53E41 !important ;
font-weight : normal !important ;
padding : 40px !important ;
margin : 0 !important ;
}
.w-title h4 {
font-size : 18px !important ;
margin-top : 0 !important ;
margin-right : 20px !important ;
padding : 10px !important ;
line-height : 30px !important ;
}
.w-title h5 {
font-family : 'Open Sans', sans-serif !important ;
font-weight : normal !important ;
padding-right: 25px !important ;
padding-top:0px !important ;
margin : 0 !important ;
text-align : left !important ;
}
.w-left {
padding : 20px 25px 5px 25px !important ;
}

.parx-title {
display : none;
}
.parx-title-right {
display : none;
}
.footer li {
padding : 5px 0 20px;
}
.parallax1 {
padding : 0 0;
}
.parallax1 h3 {
color : #eee;
text-align : center;
line-height : 20px;
font-size : 14px;
padding : 0 15px;
}
.parallax2 {
padding : 30px 0;
}
.banner h2 {
font-size : 28px !important ;
font-weight : 600 !important ;
text-align : center !important ;
padding-right:15px !important ;
padding-left:25px !important ;
}
}
/*------------------------------------------
////////Responsive media code 768 \\\\\\\\\\\
-----------------------------------------*/
@media (min-width:768px) {
.call-cont {
display : none;
}
.w-title2 {
margin-bottom : -10px;
margin-top : -20px;
}
}
@media (max-width:768px) {
.parx-title {
text-align : center !important ;
}
.container {
margin-left : 0 !important ;
margin-right : 0 !important ;
padding-left : 0 !important ;
padding-right : 0 !important ;
width : 100% !important ;
}
.cont-logo {
margin-left : 0 !important ;
margin-right : 0 !important ;
padding-left : 0 !important ;
padding-right : 0 !important ;
width : 100% !important ;
}
.item-1 {
padding : 10px 0;
margin : 0 auto !important ;
background-size : 100% !important ;
top : 0 !important ;
height : auto !important ;
padding-top : 0 !important ;
}
.carousel-wrapper {
padding : 10px 0;
margin : 0 auto !important ;
height : 150px !important ;
}
.gfe-button {
padding : 10px 0 !important ;
margin : 0 !important ;
width : 100% !important ;
background-color : #ccc;
text-align : center !important ;
}
.gfe-logo {
padding : 10px 0 !important ;
background-color : transparent;
display : inline;
min-width : 100% !important ;
margin : 0 auto !important ;
text-align : center !important ;
float : none !important ;
}
.fancyline {
display : none;
}
.gfe-social {
display : none;
}
.call-cont {
min-width : 100% !important ;
margin : 0 auto !important ;
text-align : center !important ;
}
.img-portfolio {
margin-bottom : 15px;
}
header.carousel .carousel {
height : 70%;
}
.intro-social-buttons {
display : none;
}
.social {
display : none;
}
.btn-default {
width : 100% !important ;
}
.btn-success {
font-family : 'Open Sans', sans-serif;
background : #CD7273;
padding : 10px 30px;
border-radius : 2px !important ;
font-weight : normal;
font-size : 18px !important ;
letter-spacing : 1px;
text-transform : uppercase;
box-shadow : none !important ;
}
.intro-header {
padding : 0 !important ;
margin : 0 !important ;
width : 100% !important ;
}
.intro-message h1 {
display : none;
}
h1.top-t {
display : none;
}
.intro-message h2 {
display : none;
}
.content-section-b {
padding-top : 0;
background-color : #fff;
}
/*.img-responsive {
display : none;
}*/
.banner li {
font-size : 48px !important ;
font-weight : 600 !important ;
text-align : center !important ;
padding-bottom : 30px !important ;
}
.banner h2 {
font-size : 28px !important ;
font-weight : 600 !important ;
text-align : center !important ;
}
.banner span {
font-size : 36px;
text-align : center !important ;
font-weight : normal !important ;
display : block;
}
.footer {
width : 100%;
height : auto;
padding : 0 10px 0 !important ;
text-align : center !important ;
}
.footer h4 {
width : 100%;
height : auto;
font-size : 14px;
}
ul.topnav {
margin : 0;
padding : 0;
width : 100%;
overflow : hidden;
background-color : #6b6b6b;
}
.w-title {
padding-right : 0 !important ;
margin-right : 0 !important ;
}
.w-title h1 {
font-family : 'Poiret One', cursive;
font-size : 180%;
font-weight : 600;
line-height : 40px;
color : #999;
padding : 0 20px 10px 0 !important ;
margin-bottom : 10px !important ;
text-align : center !important ;
}
.w-title h3 {
color : #CD872D;
font-size : 150%;
line-height : 40px;
padding : 10px !important ;
margin : 0 !important ;
text-align : center !important ;
}
.w-title h5 {
padding : 0px 45px 5px 25px !important;
color : #444;
font-size : 16px;
}
.w-title2 h1 {
font-family : 'Poiret One', cursive;
font-size : 200%;
font-weight : 600;
line-height : 40px;
color : #CD872D;
padding : 10px 0 0 !important ;
text-align : center !important ;
}
.w-left {
padding : 0 30px 10px 20px;
height : auto;
}
.w-left h5 {
padding : 0px 45px 5px 25px !important;
color : #444;
font-size : 16px;
}
.w-left p {
font-family : 'Raleway', sans-serif;
font-size : 20px;
color : #666;
padding : 0 10px;
text-indent : inherit;
}
.m-hide {
display : none;
}
.parallax1 {
padding : 0 0;
}
.parallax1 h3 {
color : #eee;
text-align : center;
line-height : 20px;
font-size : 14px;
padding : 0 15px;
}
}
/*------------------------------------------
////////Responsive media code 991 \\\\\\\\\\\
-----------------------------------------*/
@media (max-width:991px) {
.customer-img, .img-related {
margin-bottom : 30px;
}
.intro-header {
padding : 0 !important ;
margin : 0 !important ;
width : 100% !important ;
}
.intro-message h1 {
font-size : 60px;
text-align : center !important ;
padding : 0 !important ;
margin : 0 auto !important ;
float : none;
}
.intro-message h2 {
display : none;
}
.btn-success {
font-family : 'Open Sans', sans-serif;
background : #CD7273;
padding : 10px 30px;
border-radius : 2px !important ;
font-weight : normal;
font-size : 18px !important ;
letter-spacing : 1px;
text-transform : uppercase;
box-shadow : none !important ;
}
ul.topnav {
margin : 0;
padding : 0;
width : 100%;
overflow : hidden;
background-color : #6b6b6b;
}
.w-left {
padding : 0 30px 10px 10px;
height : auto;
}
.w-left p {
font-family : 'Raleway', sans-serif;
font-size : 20px;
color : #666;
padding : 0 10px;
text-indent : inherit;
}
.m-hide {
display : none;
}
}
/*------------------------------------------
////////Responsive media code 991 \\\\\\\\\\\
-----------------------------------------*/
@media (min-width:991px) {
.call-cont {
display : none;
}
ul.topnav {
margin : 0;
padding : 0;
width : 100% !important ;
overflow : hidden;
background-color : #6b6b6b;
}
}
/*------------------------------------------
////////Responsive media code 1025 \\\\\\\\\\\
-----------------------------------------*/
@media (max-width:1025px) {
.w-right img {
display : none;
}
.m-hide {
display : none;
}
}
.form label.error {
margin : 0;
color : red;
font-weight : bold;
font-size : 12px;
font-style : italic;
}
ul.topnav {
list-style-type : none;
margin : 0;
padding : 0;
overflow : hidden;
background-color : #6b6b6b;
z-index : 1000;
}
ul.topnav li {
float : left;
}
ul.topnav li a {
display : inline-block;
color : #f2f2f2;
text-align : center;
padding : 14px 16px;
text-decoration : none;
transition : 0.3s;
font-size : 17px;
}
ul.topnav li span {
vertical-align : middle;
margin-left : 8px !important ;
}
ul.topnav li a:hover {
background-color : #555;
}
ul.topnav li .active {
background-color : #555;
}
ul.topnav li.icon {
display : none;
}
/*------------------------------------------
////////Responsive media code 680 \\\\\\\\\\\
-----------------------------------------*/
@media screen and (max-width:680px) {
ul.topnav li:not(:first-child) {
display : none;
}
ul.topnav li.icon {
float : right;
display : inline-block;
}
}
@media screen and (max-width:680px) {
ul.topnav.responsive {
position : relative;
}
ul.topnav.responsive li.icon {
position : absolute;
right : 0;
top : 0;
}
ul.topnav.responsive li {
float : none;
display : inline;
}
ul.topnav.responsive li a {
display : block;
text-align : left;
}
}
.main-nav {
height : 100px;
z-index : 1000;
}
.main-nav-scrolled {
position : fixed;
width : 100%;
top : 0;
}
.head-social-icons {
min-width : 200px !important ;
height : auto;
padding : 5px 0 0 !important ;
text-align : left !important ;
display : inline-block;
}
.icon-button {
background-color : #aeadad;
border-radius : 3.6rem;
cursor : pointer;
display : inline-block;
font-size : 1.5rem;
line-height : 3.6rem;
margin : 0 10px;
position : relative;
text-align : center;
width : 3.0rem;
height : 3.0rem;
}
.icon-button span {
border-radius : 0;
display : block;
height : 0;
left : 50%;
margin : 0;
position : absolute;
top : 50%;
transition : all 0.3s;
width : 0;
}
.icon-button:hover span {
width : 3.6rem;
height : 3.6rem;
border-radius : 3.6rem;
margin : -1.8rem;
}
.twitter span {
background-color : #4099ff;
}
.facebook span {
background-color : #3B5998;
}
.google-plus span {
background-color : #db5a3c;
}
.icon-button i {
background : none;
color : white;
width : 3.0rem;
height : 3.0rem;
left : 0;
line-height : 3.0rem;
position : absolute;
top : 0;
transition : all 0.3s;
z-index : 10;
}
.icon-button .icon-twitter {
color : #4099ff;
}
.icon-button .icon-facebook {
color : #3B5998;
}
.icon-button .icon-google-plus {
color : #db5a3c;
}
.icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-google-plus {
color : white;
}
._11 {
font-size : 1.6em;
letter-spacing : 1.5px;
color : #b02125;
}
._12 {
font-size : 1.2em;
}
._14 {
font-size : 1.4em;
}
@media (max-width:925px) {
.head-social-icons {
display : none !important ;
}
}
.footer-social-icons {
min-width : 200px !important ;
height : auto;
padding : 5px 0 0 !important ;
text-align : left !important ;
display : inline-block;
}
.icon-button {
background-color : #aeadad;
border-radius : 3.6rem;
cursor : pointer;
display : inline-block;
font-size : 1.5rem;
line-height : 3.6rem;
margin : 0 10px;
position : relative;
text-align : center;
width : 3.0rem;
height : 3.0rem;
}
.icon-button span {
border-radius : 0;
display : block;
height : 0;
left : 50%;
margin : 0;
position : absolute;
top : 50%;
transition : all 0.3s;
width : 0;
}
.icon-button:hover span {
width : 3.6rem;
height : 3.6rem;
border-radius : 3.6rem;
margin : -1.8rem;
}
.twitter span {
background-color : #4099ff;
}
.facebook span {
background-color : #3B5998;
}
.google-plus span {
background-color : #db5a3c;
}
.icon-button i {
background : none;
color : white;
width : 3.0rem;
height : 3.0rem;
left : 0;
line-height : 3.0rem;
position : absolute;
top : 0;
transition : all 0.3s;
z-index : 10;
}
.icon-button .icon-twitter {
color : #4099ff;
}
.icon-button .icon-facebook {
color : #3B5998;
}
.icon-button .icon-google-plus {
color : #db5a3c;
}
.icon-button:hover .icon-twitter, .icon-button:hover .icon-facebook, .icon-button:hover .icon-google-plus {
color : white;
}
._11 {
font-size : 1.6em;
letter-spacing : 1.5px;
color : #b02125;
}
._12 {
font-size : 1.2em;
}
._14 {
font-size : 1.4em;
}
@media (max-width:925px) {
.footer-social-icons {
display : inline-block !important ;
text-align : center !important ;
margin : 0 auto !important ;
}
}
@media (min-width:1024px) {
.footer-social-icons {
display : inline-block !important ;
text-align : center !important ;
margin : 0 auto !important ;
}
}
table {
border : #ccc solid 1px;
border-collapse : collapse;
margin : 0;
padding : 0;
width : 99%;
table-layout : fixed;
}
table caption {
font-size : 1.5em;
margin : 0.5em 0 0.75em;
}
table tr {
background : #f8f8f8;
border : #ddd solid 1px;
padding : 0.35em;
}
tr:nth-of-type(odd) {
background : #eee;
}
table th, table td {
padding : 0.625em;
text-align : center;
}
table th {
font-size : 0.85em;
letter-spacing : 0.1em;
text-transform : uppercase;
background : #b9b9f7;
}
.b-l {
font-size : 0.95em;
font-weight : 700;
letter-spacing : 0.1em;
color : #C9696B;
}
@media screen and (max-width:600px) {
table {
border : 0;
width : 96%;
}
table caption {
font-size : 1.3em;
}
table thead {
border : none;
clip : rect(0 0 0 0);
height : 1px;
margin : -1px;
overflow : hidden;
padding : 0;
position : absolute;
width : 1px;
}
table tr {
border-bottom : 3px solid #ddd;
display : block;
margin-bottom : 0.625em;
}
table td {
border-bottom : 1px solid #ddd;
display : block;
font-size : 0.8em;
text-align : right;
}
table td:before {
content : attr(data-label);
float : left;
font-weight : bold;
text-transform : uppercase;
}
table td:last-child {
border-bottom : 0;
}
}
section.module:last-child {
margin-bottom : 0;
}
section.module h2 {
margin-bottom : 40px;
font-family : "Roboto Slab", serif;
font-size : 30px;
}
section.module p {
margin-bottom : 40px;
font-size : 16px;
font-weight : 300;
}
section.module p:last-child {
margin-bottom : 0;
}
section.module.content {
padding : 40px 0;
}
section.module.parallax {
min-height : 500px;
background-position : 50% 50%;
background-repeat : no-repeat;
background-attachment : fixed;
background-size : cover;
}
section.module.parallax h1 {
color : rgba(255, 255, 255, 0.8);
font-size : 48px;
line-height : 600px;
font-weight : 700;
text-align : center;
text-transform : uppercase;
text-shadow : 0 0 10px rgba(0, 0, 0, 0.2);
}
section.module.parallax-1 {
background-image : url("../img/demo/_small/1.jpg");
}
section.module.parallax-2 {
background-image : url(../images/parallax-back2.jpg);
}
section.module.parallax-3 {
background-image : url("../img/demo/_small/3.jpg");
}
@media all and (max-width:400px) {
section.module.parallax {
min-height : auto !important ;
}
}
@media all and (min-width:600px) {
section.module h2 {
font-size : 42px;
}
section.module p {
font-size : 20px;
}
section.module.parallax h1 {
font-size : 96px;
}
section.module.parallax {
height : auto;
}
}
@media all and (min-width:960px) {
section.module.parallax h1 {
font-size : 160px;
}
}
.wrap {
margin : 50px auto 0 auto;
width : 100%;
display : flex;
}
.tile {
width : 280px;
height : 280px;
background-color : #99aeff;
display : inline-block;
background-size : cover;
position : relative;
cursor : pointer;
transition : all 0.4s ease-out;
box-shadow : 0 35px 77px -17px rgba(0, 0, 0, 0.44);
overflow : hidden;
color : white;
font-family : 'Open Sans', sans-serif;
margin : 0 auto;
}
.tile img {
height : 100%;
width : 100%;
position : absolute;
top : 0;
left : 0;
z-index : 0;
transition : all 0.4s ease-out;
}
.tile .text {
position : absolute;
padding : 30px;
height : calc(100% - 60px);
}
.tile h1 {
font-weight : 300;
font-size : 24px;
margin : 0;
text-shadow : 2px 2px 10px rgba(0, 0, 0, 0.3);
text-align : center;
}
.tile h2 {
font-weight : 100;
font-size : 16px;
margin : 20px 0 0 0;
font-style : italic;
line-height : 26px;
transform : translateX(200px);
}
.tile p {
font-weight : 300;
margin : 20px 0;
line-height : 25px;
transform : translateX(-200px);
transition-delay : 0.2s;
}
.animate-text {
opacity : 0;
transition : all 0.6s ease-in-out;
}
.tile:hover {
box-shadow : 0 35px 77px -17px rgba(0, 0, 0, 0.64);
transform : scale(1.05);
}
.tile:hover img {
opacity : 0.20000000298023223876953125;
}
.tile:hover .animate-text {
transform : translateX(0);
opacity : 1;
}
.dots {
position : absolute;
bottom : 20px;
right : 30px;
margin : 0 auto;
width : 30px;
height : 30px;
color : currentColor;
display : flex;
flex-direction : column;
align-items : center;
justify-content : space-around;
}
.dots span {
width : 5px;
height : 5px;
background-color : currentColor;
border-radius : 50%;
display : block;
opacity : 0;
transition : transform 0.4s ease-out, opacity 0.5s ease;
transform : translateY(30px);
}
.tile:hover span {
opacity : 1;
transform : translateY(0);
}
.dots span:nth-child(1) {
transition-delay : 0.05s;
}
.dots span:nth-child(2) {
transition-delay : 0.1s;
}
.dots span:nth-child(3) {
transition-delay : 0.15s;
}
@media (max-width:460px) {
.wrap {
flex-direction : column;
width : 400px;
}
.tile {
width : 280px;
height : 280px;
background-color : #99aeff;
display : inline-block;
background-size : cover;
position : relative;
cursor : pointer;
transition : all 0.4s ease-out;
box-shadow : 0 35px 77px -17px rgba(0, 0, 0, 0.44);
overflow : hidden;
color : white;
font-family : 'Open Sans', sans-serif;
margin : 0 auto;
text-align : center;
}
}
@media (max-width:1000px) {
.wrap {
flex-direction : column;
width : 400px;
}
.tile {
width : 280px;
height : 280px;
background-color : #99aeff;
display : inline-block;
background-size : cover;
position : relative;
cursor : pointer;
transition : all 0.4s ease-out;
box-shadow : 0 35px 77px -17px rgba(0, 0, 0, 0.44);
overflow : hidden;
color : white;
font-family : 'Open Sans', sans-serif;
margin : 0 auto;
text-align : center;
}
}
.buttons-wrapper {
display : inline-block;
margin : 20px 5px;
padding : 40px;
}
.buttons {
font-family : 'Open Sans', sans-serif;
font-size : 18px;
font-weight : normal;
background : #fff;
border : #eee solid 1px;
padding : 2px;
cursor : pointer;
display : block;
position : relative;
overflow : hidden;
transition : all 0.35s 0.35s ease-in-out;
margin : 12px 10px 0;
float : right !important ;
min-width : 250px;
text-align : center;
}
@media (max-width:720px) {
.buttons {
margin : 0 auto !important ;
max-width : 100% !important ;
text-align : center;
float : none !important ;
}
}
spans {
display : block;
padding : 10px 30px;
background-color : #fff;
background : url(../images/blogger.png) left no-repeat;
z-index : 1;
position : relative;
transition : all 0.35s 0.35s ease-in-out;
}
.buttons:hover spans {
color : #fff;
transition : all 0.35s 0.35s ease-in-out;
background : url(../images/blogger.png) left no-repeat;
}
.buttons:after {
bottom : -100%;
right : -100%;
content : "";
width : 100%;
height : 100%;
position : absolute;
background : #36B4C7;
transition : all 0.35s 0.5s ease-in-out;
}
.buttons:hover:after {
right : 0;
bottom : 0;
transition : all 0.35s ease-in-out;
}
.buttons:before {
top : -100%;
left : -100%;
content : "";
width : 100%;
height : 100%;
position : absolute;
background : #36B4C7;
transition : all 0.35s 0.5s ease-in-out;
}
.buttons:hover:before {
left : 0;
top : 0;
transition : all 0.35s ease-in-out;
}
a.button:active {
text-decoration : none;
position : relative;
top : 2px;
}
a.button:hover {
background : #c72942;
text-decoration : none;
}
a.button, a.button:visited {
display : inline-block;
width : auto;
height : 40px;
margin : 0 0 20px;
padding : 0 25px;
line-height : 40px;
font-family : 'Open Sans', sans-serif;
font-size : 16px;
font-weight : normal;
font-style : normal;
color : #FFF !important ;
text-decoration : none;
text-transform : uppercase;
text-align : center;
text-shadow : 0 1px rgba(0, 0, 0, 0.1);
letter-spacing : 1px;
transition : all 0.2s ease-out;
background : #fd3951;
border : transparent solid 1px;
position : relative;
top : 0;
}
.video-container {
position : relative;
padding-bottom : 56.25%;
padding-top : 30px;
margin-bottom : 20px;
height : 0;
overflow : hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}