/*****************
font-family: 'Playfair Display', serif;
font-family: 'Poppins', sans-serif;
*****************/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block; }
html { -webkit-font-smoothing:antialiased; }
body { font-family: 'Poppins', sans-serif; background: #fff; margin: 0; padding: 0; font-weight: 400; -webkit-text-size-adjust: none;  -webkit-font-smoothing: subpixel-antialiased; border: 10px solid #ffe547; /* background: url(../images/Responsive/02-Why-320.jpg) no-repeat top center; */ }

h1,h2,h3,h4,h5,h6 { color: #f68936; margin: 0 0 20px; padding: 0; font-weight: 700; font-style: normal; font-family: 'Playfair Display', serif;}
h1, h1 a { font-size: 120px; line-height: 120px; }
.page-id-5 h1,.page-id-5 h1 a{font-size:80px; line-height:90px}
.page-id-239 h1, .page-id-239 h1 a, .page-id-508 h1, .page-id-508 h1 a {font-size:80px; line-height:90px}
.page-id-5 h2,.page-id-5 h2 a{font-size:60px; line-height:60px}

h2, h2 a { font-size: 80px; }
h3, h3 a { font-size: 40px; font-weight: 500; }
h4, h4 a { font-size: 36px; font-weight: 400; }
h5, h5 a { font-size: 24px; line-height:30px;font-family: 'Poppins', sans-serif; font-weight: 500; }
h6, h6 a { font-size: 26px; font-family: 'Poppins', sans-serif; color: #f68936; }

p { font-size: 17px; letter-spacing:0.6px; font-weight: 400; color: #f68936; line-height: 27px; margin-bottom: 20px; padding: 0; }
p a  { color: #326fff; font-weight: 400; font-size: 17px; }
p a:hover { color: #666; }
a { color: #ffe547; text-decoration: none; outline: none; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 500; }
a:hover {  border-bottom: 1px solid #fff; }
a[href^=tel] { color:inherit; text-decoration:none; }

ul { padding:10px 0 0; margin: 0; }
ul li {  color: #666666;  font-weight: 400; font-size: 14px; padding: 0 0 0 5px; list-style: none; }
ul li ul  { padding-left: 10px; padding-top: 0px;}
ul li ul li { margin: 5px 0; }

ol { padding: 10px 0 0 20px; margin: 0; }
ol li { list-style: number ; color: #666666; font-weight: 400; font-size: 14px; margin-bottom: 10px; }
ol li ol li { margin: 5px 0; }

table, .entry-content table  { border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: left; font-size: 15px; color: #484848; padding:10px 20px; }
table th {color: #333; font-weight:600; }

* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
*:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.pull-left, .fl { float:left; }
.pull-right, .fr { float:right; }

.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.alignleft, img.alignleft { margin: 0px 15px 10px 0; display: inline;float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }

img { vertical-align: middle; max-width: 100%; height: auto; }

input,input[type=submit],input[type=button],button,textarea,select { padding: 8px 15px; border: 3px solid #ffe531; background: none; outline: none; font-family: "Poppins",sans-serif; -webkit-appearance: none; -webkit-appearance:button;}
input[type=submit],button { cursor: pointer; background: #ffe531; border: 0; color: #fff; padding: 9px 20px; -webkit-appearance:button;}
input[type=submit]:hover ,button:hover { background: #000; }
textarea { max-width: 100%; }

.button { background: #ffe531; border-bottom: 1px #8b8c09 solid; padding: 10px 50px; letter-spacing: 0.45px; font-size: 17px; font-weight: 600; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; text-transform: uppercase; color: #696753; }
.button:hover { background: #f9d426 ; border-bottom: 1px #8b8c09 solid;}

.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after { display:table; content:" "; }
.clearfix:after, .container:after, .row:after, .nav:after { clear:both; }
.container { width: 1347px; margin: 0 auto; }

.contentbox { padding: 25px 0; }

.tittle-description { text-align: center; padding-bottom: 50px; }
.tittle-description h2 { padding-bottom: 12px; padding-top: 0; }

header {  position: relative; }

.header { z-index: 10;padding: 18px 0; position: absolute; width: 100%; transition: all 0.2s ease-in-out 0s; }
.logo { padding: 3px 0 0;}
.logo a { border-bottom: 0; }
.home .logoscroll { display: none; }
header nav { width: 64%; float: left; margin-right: 15px;}
header nav ul { margin: 0; padding: 43px 0 0; float: right; ; }
header nav ul li { display: inline-block; padding: 0 15px; margin: 0; position: relative;}

header nav ul li a { color: #565756; letter-spacing:1.3px; text-transform: uppercase; }
header nav ul li a:hover, .current-menu-item a{ border-bottom: 1px solid #ffe531;}
header nav ul li:last-child { display: none; }
header nav ul li:nth-child(4) { display: none;}
header nav ul li ul { left: 0; top: 26px; position: absolute; width: 150px !important; min-width: inherit; float: left; background: #ffe547; -webkit-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.35); box-shadow: 0px 3px 7px 0px rgba(50, 50, 50, 0.35); }
header nav ul li ul li { display: block; padding: 6px 10px; width: 100%;}
header nav ul li ul li a { padding: 0; font-size: 12px; }
header nav ul li ul li a:hover  { border-bottom: 0; }

/*.home { background: url(../images/01-Home.jpg) no-repeat top center; }*/

.home header nav ul ul { padding: 0; }
.home header nav ul li ul li { padding: 10px 15px;}
.home header nav ul li ul li a{ color: #565756; text-transform: uppercase;}
.home header nav ul li ul li a:hover,.home .active { border-bottom: 0; }

.order { float: left; margin-top: 41px; }
.order a { font-weight: 500; background: #ffe547; text-transform: uppercase; margin-left: 0px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 11px 27px; letter-spacing:1.3px; color: #565756; border-bottom: 2px solid #c6b123; }
.order a:hover { border-bottom: 2px solid #c6b123; background: #f9d426 ;}
.page-template-tpl_order .order a { background: #e3e3e3; border-bottom: 2px solid #a6a6a3; text-transform: uppercase; }
.page-template-tpl_order .order a:hover { background: #dfdfdf; }

.home .logo  { padding: 0; }
.home .logo a { border-bottom: 0;  }
.home header nav { width: 64%; float: left; margin-right: 15px;}
.home header nav ul { margin: 0; padding: 39px 0 0; float: right; ; }
.home header nav ul li { display: inline-block; padding: 0 15px; margin: 0; }
.home header nav ul li:last-child { display: none;}
.home header nav ul li:nth-child(4) { display: none;}
.home header nav ul li:last-child { padding-right: 2px; }
.home header nav ul li a { color: #fff; letter-spacing:1.3px; }
.home header nav ul li a:hover { border-bottom: 1px solid #fff; }

header .header-fixed { position: fixed; top: 0; z-index: 999; }
header .header-fixed.header { background: #fff; padding: 8px 0 ; /*width: calc(100% - 20px);*/left: 10px;right: 10px; width: inherit;box-shadow: 0px 2px 3px #f1f1f1;   }
header .header-fixed .logo { width: 77px;  }
header .header-fixed .logoscroll { display: block; width: 77px; }
header .header-fixed .logowhite { display: none; }
header .header-fixed nav { width: 66%; }
header .header-fixed nav ul { padding: 26px 0; }
header .header-fixed nav ul ul  { padding: 0; }
header .header-fixed nav ul li a { color: #565756; }
header .header-fixed nav ul li a:hover,.header-fixed .current-menu-item a { border-bottom: 1px solid #565756; }
header .header-fixed nav ul ul li a { border-bottom: 0 !important;}

header .header-fixed .top-right-link { color: #565756; margin-top: 28px; }
header .header-fixed .top-right-link:hover { border-bottom: 1px solid #565756;  }

header .header-fixed .order { float: left; margin: 22px 0; }
header .header-fixed .order a { font-weight: 500; text-transform: uppercase; background: #ffe547; margin-left: 0px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 11px 27px; letter-spacing:1.3px; color: #565756; border:none; border-bottom: 2px solid #c6b224; }
header .header-fixed .order a:hover {  background: #f9d426 none repeat scroll 0 0;
    border-bottom: 2px solid #8b8c09; }

.home .top-right-link { float: right; margin-top: 44px; color: #ffe547; letter-spacing:1.3px; font-size: 13px; }
.home .top-right-link:hover { border-bottom: 1px solid #fff; }

.top-right-link { color: #f68936; letter-spacing:1.3px; margin-top: 44px; float: right; font-size: 13px;}
.top-right-link:hover, .current-menu-item a{ border-bottom: 1px solid #ffe531;}

.home .order { float: left; margin-top: 38px;  }
.home .order a { font-weight: 500; border: 3px solid #fff; margin-left: 0px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 9px 25px;  letter-spacing:1.3px; color: #fff; background: none; box-shadow: none; text-transform: uppercase;}
.home .order a:hover { background: #ffe547; border-color: #ffe547; color: #3c3c3c; }

.banner { text-align: center; padding-top: 159px; /* overflow: hidden; */ position: relative;/* background: url(../images/header-bg.jpg) no-repeat; */ background-size: cover !important ; width: 100%; max-width: 100%; background-position: 100% top !important;}
.banner h1 { color: #fff; margin-bottom: 39px; padding-bottom: 0;}
.banner p { color: #fff; font-size: 18px; }
.banner .container { z-index: 9; position: relative; }

.res_vdeo { display: none !important; background-size: cover!important; height: 1036px; left: 0;position: absolute;
  top: 0; transition: opacity 1s ease 0s; width: 100%; max-width: 100%; z-index: 5; }

.buttonmobile {  display:none; }
.home .banner { padding-top: 299px; }
.home .banner form { background:rgba(246,137,54,0.9);ba; -webkit-box-shadow: 27px 27px 73px 27px rgba(0,0,0,0.4); -moz-box-shadow: 27px 27px 73px 27px rgba(0,0,0,0.4); box-shadow: 27px 27px 73px 27px rgba(0,0,0,0.4); margin: 32px auto; width: 942px; padding: 31px 0 51px; }
.home .banner form input[type=submit],.home .banner form input[type=button] { font-size: 18px; font-weight: 400;}
.home .banner form:hover { background:rgba(246,137,54,.9); }
.home .banner form input { font-weight: 400; font-size: 17px; color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-right: 16px; padding: 10px 21px 8px; width: 266px; }
.home .banner form input:focus { background: #fff; color :#565756; }
.home .banner form input:focus::-webkit-input-placeholder { color: #565756; opacity: 1; }
.home .banner form input:focus:-moz-placeholder { color: #565756; opacity: 1; }
.home .banner form input:focus::-moz-placeholder { color: #565756; opacity: 1; }
.banner form:hover input:-ms-input-placeholder { color: #565756; opacity: 1; }
.home .banner form input[type=submit], .home .banner form input[type=button] { width: 144px; color: #565756; margin-right: 0; background: #ffe531; font-weight: 500; margin-left: 16px; cursor: pointer; -webkit-box-shadow: 0px 1px 0px 0px rgba(198, 178, 36, 1);
-moz-box-shadow: 0px 1px 0px 0px rgba(198, 178, 36, 1); box-shadow: 0px 1px 0px 0px rgba(198, 178, 36, 1); }
.home .banner form input[type=submit]:hover, .home .banner form input[type=button]:hover { background: #f9d426; }

.banner h6 { font-weight: 400; color: #fff; padding-bottom: 4px;  }
.home .banner form:hover input[type=submit], .home .banner form:hover input[type=button]  { background: #ffe531 !important; }
.home .banner form:hover input[type=submit], .home .banner form:hover input[type=button] { background: #f9d426 ; }

.home .banner form input::-webkit-input-placeholder { color: #fff; opacity: 1; }
.home .banner form input:-moz-placeholder { color: #fff; opacity: 1; }
.home .banner form input::-moz-placeholder { color: #fff; opacity: 1; }
.home .banner form input:-ms-input-placeholder { color: #fff; opacity: 1; }
.home .banner #solarForm > img { margin-right: 20px; }

.home .banner ul { margin: 0 !important; padding:35px 0 0 !important; }
.home .banner ul li { width: 100%; margin: 0; font-size: 14px; padding: 10px !important; color: #fff; font-weight: 300; text-align:
left !important;}

.home .banner .errorfield { background: #fff; border-radius: 5px; color: #8fa715; padding:10px 30px; max-width:610px; font-weight: 300; margin: 0 auto; text-transform: uppercase; font-size: 16px; display: none;}
.home .banner .blankfield, .home .banner .errorfield.othermessage { color: #ed4e4f; }
.home .banner .errorfield.socalmessage{ background-color: #fcf8e3; color: #8a6d3b; }

.scroll { padding: 50px 0 78px;}
.scroll a:hover { border:0; }

.green-bg { padding-top: 40px; background: url(../images/time-money-bg.jpg) no-repeat; background-size: cover; }
.col-left { width: 50%; padding:75px 32px 146px; }
.green-bg h2  { color:#fff; }
.green-bg .col-right { text-align: center; }

.tittle-contain { width: 555px; position: relative; z-index: 9;}
.home .tittle-contain h2{line-height:86px}
.tittle-contain h2 { /*line-height: 86px;*/ margin-bottom: 12px; padding-bottom: 0; }
.tittle-contain p { letter-spacing: 1.5px; margin: 12px 0 12px; padding-bottom: 10px; color: #4f5a17; }

.background-img-section { background: url(../images/we-love-sun-bg.jpg) no-repeat; background-size: cover; position: relative;}
.bg_transparent_img{height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; background-repeat: repeat; }
.background-img-section .col-left{ padding-bottom: 299px; padding-top: 223px;  }
.background-img-section .tittle-contain h2 { color: #ffffff; margin-bottom: 17px; font-size: 75px; padding-right: 145px; line-height: 80px;}
.background-img-section .tittle-contain p { color: #ffffff; padding-bottom: 26px; }
.background-img-section .tittle-contain .button { padding: 10px 58px; border-color: #ab5722; color: #7b764f; font-weight: 400; }
.background-img-section .tittle-contain .button:hover { background: #f9d426; border-bottom: 1px solid #8b8c09;}


/*Home page Spidometer Graph CSS*/

.dragpoints {
  position: absolute;
  height: 220px;
  left: 50%;
  margin-left: -110px;
  margin-top: 85px;
  top: 50%;
  width: 220px;
  z-index: 15;
}

.dragpoints .yui3-dial-ring {
  height: 220px !important;
  left: 50%;
  margin-left: -110px;
  /*margin-top: -110px;*/
  background-color: #fff;
  top: 50%;
  width: 220px !important ;
  z-index: 15;
  /*cursor: move;*/
  cursor: pointer
}
.dragpoints .yui3-dial-center-button { display: none !important;  }
.dragpoints .yui3-dial-label span { display: none;  }
.dragpoints .yui3-dial-ring img { display: none;  }
.dragpoints .yui3-dial-handle { background-color: #999; outline: none; border: none; opacity: 0;  }

.dragpoints .yui3-dial-marker { background-color: #999; width: 20px !important; height: 20px !important; border-radius: 100% !important; opacity: 1 !important; }

 .dial_section .col-right { height: 600px; }
.dialbox { position: relative;  }
.dialbox .circle { position: relative; z-index: 12; /*width:390px; */ }
.dialbox .circle canvas { position: absolute; left:50%; margin-left: -195px; }
.dialbox .greendial {position: absolute; left: 50%; margin-left: -195px; top: 0px; z-index: 10; height:390px; max-width:390px; width: 100%; background: url(../images/circleGraph.png) no-repeat left top;  }
.dialbox .Outerbox { position: absolute; left: 50%; margin-left: -195px; top: 0px; z-index: 14; }

.Outerbox { height:390px; max-width:390px; width: 100%; text-align: center; display: inline-block; /*background: url(../images/circleGraph.png) no-repeat left top; */
  box-shadow: 0 0 150px 0 #98a938; border-radius: 100%; -webkit-border-radius: 100%;
  -moz-border-radius: 100%; position: relative; font-weight: 400; }

.Outerbox .price { color:#fff; font-size: 18px; letter-spacing: 1px; position: absolute;}
.Outerbox .price1 { left: -10px; top: 62%; -ms-transform: rotate(-125deg); -webkit-transform: rotate(-125deg);
    transform: rotate(-125deg); }
.Outerbox .price2{ left: -15px; top: 25%; -ms-transform: rotate(-54deg); -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg); }
.Outerbox .price3 { right: -20px; top: 25%; -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg);
    transform: rotate(50deg); }
.Outerbox .price4 { right: -20px; top: 84%; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg);
    transform: rotate(135deg); display: block; width:100%; text-align: left; }
.infocontent { position: absolute; top: 420px; left: 50%; margin-left: -40%; width: 80%;text-align: center;
  display: none; color:#fff; font-size: 15px; }
.infocontent h5 { color: #fff; }
.infocontent.content0 { display: block; }
.dot0,.dot1,.dot2,.dot3,.dot4 { position: absolute; width: 10px; height: 10px; border-radius: 100%;
  -webkit-border-radius: 100%; -moz-border-radius: 100%; background: #999; z-index: 12; display: none; }
.dot0 { left:50%; bottom:25%; margin-left: -5px; display:block; }
.dot1 { left:65%; top:28%; }
.dot2 { left:60%; top:65%; }
.dot3 { left:25%; top:65%; }
.dot4 { left:30%; top:28%; }
.firstbox, .secondbox, .thirdbox, .forthbox, .fifthbox /*, .speeddial*/ { width:195px; height: 195px;
  position: absolute; cursor: pointer; }
.firstboxInner, .secondboxInner, .thirdboxInner, .forthboxInner { width:100%; height: 100%; overflow: hidden;
   position: relative; z-index: 9; }
.firstArc, .secondArc, .thirdArc, .forthArc { position: absolute; width:220px; height: 0px; border-radius:0;
  -webkit-border-radius: 0; -moz-border-radius: 0; z-index: 8; }

/*First Box CSS*/
.firstbox, .firstboxInner { border-radius:0 0 0 100%; -webkit-border-radius: 0 0 0 100%; -moz-border-radius: 0 0 0 100%; }
.firstbox{ left:0px; bottom:0px; }
.firstArc { left:0px; bottom:0px; background: #e2f1f4; }

/*Second Box CSS*/
.secondbox, .secondboxInner { border-radius: 100% 0 0 0; -webkit-border-radius: 100% 0 0 0; -moz-border-radius: 100% 0 0 0; }
.secondArc { left:0px; bottom:0px; background: #b9e1e3; }

/*Third Box CSS*/
.thirdbox, .thirdboxInner { border-radius:0 100% 0 0; -webkit-border-radius:0 100% 0 0; -moz-border-radius:0 100% 0 0; }
.thirdbox{ left:195px; top:0; }
.thirdArc { left:-15px; top:0px; background: #95c5c7; }

/*Forth Box CSS*/
.forthbox, .forthboxInner { border-radius:0 0 100% 0;  -webkit-border-radius: 0  0 100% 0; -moz-border-radius: 0 0 100% 0 ; }
.forthbox{ left:195px; top:195px; }
.forthArc { left:-15px; top:0px; background: #7ba4a8; }
.fifthbox{ background: #fff; left:50%; top:50%; width: 220px; height: 220px; border-radius: 100%;
  -webkit-border-radius: 100%; -moz-border-radius: 100%; margin-left: -110px; margin-top: -110px; z-index: 10; background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 40%, rgba(209,209,209,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(40%, rgba(250,250,250,1)), color-stop(100%, rgba(209,209,209,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 40%, rgba(209,209,209,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 40%, rgba(209,209,209,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 40%, rgba(209,209,209,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 40%, rgba(209,209,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1', GradientType=1 );}

.col-right { width: 50%;}
.order-today { background:url(../images/order-today-bg.jpg) no-repeat; background-size: cover; background-position: 100% bottom !important; }
.order-today .col-right { padding: 100px 0 131px; }
.order-today .col-left { padding-bottom: 0; padding-left: 0; }
.order-today .tittle-contain { width: auto; padding-right: 100px; }
.order-today .tittle-contain h2 { color: #b3c843; margin-bottom: 18px; padding-bottom: 0; }
.order-today .tittle-contain .button { background: #b3c843; border-color: #7e8f20; padding: 10px 26px; color: #fff; }
.order-today .tittle-contain .button:hover { background: #9db424; border-color: #7e8f20;}
.order-today .tittle-contain p { color: #464443; }
.order-today .container { position: relative;}
.order-today-img { position: absolute; left: -52px; bottom: 0; }

.partner { text-align: center; padding: 57px 0px; background: #fff; }
.partner h3 { font-weight: 700; color: #565756; margin-bottom: 34px; }
.partner ul { margin:17px 0 0; padding: 0; }
.partner ul li { display: inline-block; padding: 0 24px; margin: 0; }

footer {  background: #b3c843;}
.footer-left { width: 822px; }
.footer { padding: 79px 0 0px; }
.footer h4, .footer h6{ color: #fff; text-transform: capitalize; font-size: 18px; font-weight: 400; margin-bottom: 0; letter-spacing: 1.3px;  font-family: 'Poppins', sans-serif; }

.footer-col { width:316px; margin-right: 20px; float: left; }
.footer-col ul { margin: 0; padding: 0; }
.footer-col ul li { margin: 0; padding: 1px 0 4px; color: #4f5a17; font-weight:500}
.footer-col ul li a { font-size: 14px; letter-spacing: 1.3px; color: #4f5a17; border-color: #ffe531; }
.addressbox.footer-col ul li a { border-bottom: none; }
.addressbox.footer-col ul li:first-child a:hover{ border-bottom: 1px solid #ffe531; }
.birdlogo { padding-top: 6px; }
.usa { display: none;}
.addressbox:hover .office  { display: none; }
.addressbox:hover .usa { display: block; }

.footer-right { width: 316px; float: right; }
.footer-right form {border:3px solid #ffe531; height: 52px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; width: 100%; float: right; overflow: hidden; }
.footer-right h6 { padding-bottom: 20px; }
.footer-right .gform_wrapper ul { float: left;}
.footer-right .gform_wrapper { max-width: 100%; margin: 0; }
/*.footer-right .gform_wrapper .ginput_container input { border:none; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: 1.5px; float: left;  width: 383px !important; padding: 10px 15px 0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}*/
.footer-right .gform_wrapper:hover form { background: #fff; }
.footer-right .gform_wrapper .ginput_container input { padding: 13px 15px 12px 15px; border: none; width: 372px !important; color:#fff; font-size: 14px; font-weight: 400; letter-spacing: 1.5px; }


.footer-right .gform_wrapper ul li.gfield { clear: none !important;}
/*.footer-right .gform_wrapper form:hover { background: #fff; }*/
.footer-right .gform_wrapper form:hover input[type=text] { background: #fff; color: #565756;  }
.footer-right .gform_wrapper input[type="submit"] { margin-left: 0; margin-top: -1px; height: 49px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; font-size: 15px; color: #2a2929;text-transform: uppercase; width: 146px; font-weight: 400; border:0; float: right; background: #ffe531; margin-left: -15px; }
.footer-right .gform_wrapper input[type="submit"]:hover { background: #f9d426; }

/*.footer-right .gform_wrapper form:hover { border: 3px solid transparent; }
.footer-right .gform_wrapper form:hover input[type="submit"]  { padding-top: 3px; padding-bottom: 3px; height: 55px; margin-top:-3px; }*/

.footer-right .gform_wrapper input::-webkit-input-placeholder { color: #fff; opacity: 1; }
.footer-right .gform_wrapper input:-moz-placeholder { color: #fff; opacity: 1; }
.footer-right .gform_wrapper input::-moz-placeholder { color: #fff; opacity: 1; }
.footer-right .gform_wrapper input:-ms-input-placeholder { color: #fff; opacity: 1; }

.footer-right .gform_wrapper form:hover input::-webkit-input-placeholder { color: #565756; opacity: 1; }
.footer-right .gform_wrapper form:hover input:-moz-placeholder { color: #565756; opacity: 1; }
.footer-right .gform_wrapper form:hover input::-moz-placeholder { color: #565756; opacity: 1; }
.footer-right .gform_wrapper form:hover input:-ms-input-placeholder { color: #565756; opacity: 1; }
.footer-right form:hover { border-color: #b3c843; }

.footer-right ul { margin:24px 7px 0; padding: 0; }
.footer-right ul li { margin: 0; padding: 0; display: inline-block; }
.footer-right ul li a { font-size: 0;background: url(../images/social-icon.png) no-repeat; border:none; }

.footer-right .gform_wrapper .top_label .gfield_error { width: 100%; }
.footer-right .gform_wrapper div.validation_error { display: none;}
.footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { display: none;  }
.footer-right .gform_wrapper li.gfield.gfield_error, .footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background: none; border:none; }
.footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-bottom: 0 !important; margin-top: 0; }

.footer-right .gform_wrapper li.gfield_error input[type="email"],
.footer-right .gform_wrapper li.gfield_error input[type="number"],
.footer-right .gform_wrapper li.gfield_error input[type="password"],
.footer-right .gform_wrapper li.gfield_error input[type="tel"],
.footer-right .gform_wrapper li.gfield_error input[type="text"],
.footer-right .gform_wrapper li.gfield_error input[type="url"],
.footer-right .gform_wrapper li.gfield_error textarea { border:none;  }

.footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description,
.footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-left: 0 }

.footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.footer-right .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; }
.footer-right .gform_wrapper li.gfield_error { background: #ff0000 !important; }
.footer-right .gform_wrapper form.errorfield { background: #ff0000; }
.footer-right .gform_wrapper form.errorfield:hover input[type=text] { background: #ff0000; color:#fff; }
.footer-right .gform_wrapper form.errorfield:hover input[type=text] { background: #ff0000; color:#fff; }
.footer-right .gform_confirmation_message { color: #fff; }

.gform_wrapper .gform_ajax_spinner { padding-top:15px; }

.footer-right .gform_wrapper .errorfield .ginput_container input { width:353px !important ;   }
.footer-right .gform_wrapper .gform_body { float: left;}
.footer-right .gform_wrapper .gform_footer { clear: none; margin: 0; padding: 0; float: right; }
body .footer-right .gform_wrapper label.gfield_label + div.ginput_container { margin: 0; }
.footer-right .gform_wrapper ul li .gfield_label { display: none; }


.footer-right .contact_detail ul { padding: 0; margin: 0; }
.footer-right .contact_detail ul li {  color: #4f5a17; margin: 0; padding: 1px 0 4px; display: block;font-weight:500 }
.footer-right .contact_detail ul li a{ font-size:14px; background: none; color: #4f5a17; }
.footer-right .contact_detail ul li a:hover{ text-decoration:underline }


a.facebook { width: 48px; height: 48px; display: block; font-size: 0; }
a.facebook:hover { background-position: -49px 0;}

a.twitter { width: 48px; height: 48px; display: block; font-size: 0; background-position: -99px 0 !important; }
a.twitter:hover { background-position: -148px 0 !important; }

.copyright { padding: 34px 0 12px; }
.copyright p { color: #fff; font-size: 11px; letter-spacing: 1.2px; width: 50%; float: left; text-transform: uppercase;}
.copyright ul { margin:0px 0 0; padding: 0; }
.copyright ul li { margin: 0; padding: 0 6px 0 2px; line-height: 11px; font-size: 11px; display: inline-block; border-right: 1px solid #ffe531; }
.copyright ul li:last-child { border:0; }
.copyright ul li a{ color: #fff; font-weight: 300; font-size: 11px }

/************************* Why *************************/
.main-tittle { text-align: center; padding: 44px 0 44px;}
.main-tittle h1 { color: #565756;  }
.main-tittle p { color: #565756; font-size: 18px; letter-spacing: 1.5px; }

.main-tittle ul{text-align:left;margin:0 auto; width:400px}
.main-tittle li{list-style-type:disc;font-size:18px}

.page-template-tpl_whysfe section { background: rgba(255,247,193,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 10%, rgba(255,247,193,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(10%, rgba(255,247,193,1)), color-stop(100%, rgba(255,247,193,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 10%, rgba(255,247,193,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 10%, rgba(255,247,193,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 10%, rgba(255,247,193,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 10%, rgba(255,247,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff7c1', GradientType=0 );
 padding-bottom: 0px; }
.page-template-tpl_whysfe .banner { background: none; }

.benefits-box { position: relative; margin-bottom: 55px;}
/*.benefits-contain { background: #fff; z-index: 110; width: 636px; padding: 38px 74px 50px; position: absolute; right: 0; top: 50%; margin-top: -112px; }*/
.benefits-contain { background: #fff; z-index: 110; width: 636px; padding: 38px 74px 80px; margin-top: -30%; position: relative; float: right; }
.benefits-contain h2 { color: #f68936;  margin: 0 0 20px; float: left; width: 84%; }
.contain-box > img { float: left; margin-top: 30px;/* margin-left: 25px;*/ width: 16%; max-width: 100px; }

.benefits-contain span { font-size: 24px; color: #5f5d4f; clear: left; display: block; /*font-weight: 700; font-family: "Playfair Display",serif;*/ }
.benefits-contain h5 { color: #f68936;  margin: 10px 0; }
.benefits-contain p { color: #565756; }
.benefits-contain p a { color: #326fff; }
.benefits-contain p a:hover { color: #565756; }
.contain-toggel { display: none; }
.benefits-link a:hover {background: #d96a15; }
.benefits-link a:hover span { background-color: #f68936; }
.contain-box { position: relative; }
.benefits-link { position: absolute; right: -74px; bottom: -105px; text-align: center; }
.Closebtn { bottom: -99px;}
.benefits-link a { background: #f68936; color: #fff; min-width: 258px; padding: 0px 40px 0px 0px; float: right; font-size: 18px; border-radius: 35px  0 0 35px; -webkit-border-radius: 35px  0 0 35px; -moz-border-radius: 35px  0 0 35px; border-bottom: 0; line-height: 3.7; }
.benefits-link a span { float: left; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background:url(../images/pluse-icon.png) no-repeat center #e38035; width: 67px; height: 67px; text-align: center; margin-right: 25px; line-height: 2.8; }
.benefits-link a .Close { float: left; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background:url(../images/minus-icon.png) no-repeat center #e38035; width: 67px; height: 67px; text-align: center; margin-right: 25px; line-height: 2.8; }
.benefits-link a b { font-weight: 400;}

.benefits-box2 .benefits-img { float: right;}
.benefits-box2 .benefits-contain { float: left; }

.saving { padding: 44px 0 0 0px; background-color: #a1c047; background-repeat:no-repeat; background-position: right top; background-size: auto 100%; }
.saving .col-left { padding: 76px 32px 125px; }
.saving h2 { color: #ffffff; margin-bottom: 25px;}
.saving span { color: #fff7c1; display: block; font-size: 24px; font-weight:500; /*font-family: 'Playfair Display', serif; font-weight: 700;*/ letter-spacing: .58px; padding-bottom: 29px; }
.saving p { margin-bottom: 25px; }
.saving .col-right { padding-left: 111px; padding-top: 242px;  }

.giving-back { background: url(../images/giving-back-bg.jpg) no-repeat; background-size: cover; /*padding-bottom: 117px;*/ background-position: 42% center !important; }
.giving-back .col-right { padding: 147px 0 117px 116px; }
.giving-back .col-right h2 { margin-bottom: 30px; color: #f68936; }
.giving-back .col-right h5 { color: #f68936; }
.giving-back .col-right p { color: #333; }
.giving-back .tittle-contain { width: 534px; }

.testimonial { text-align: center; padding: 61px 0 41px; background: #f68936; }
.testimonial-img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; width: 119px; height: 119px; line-height: 8; margin: 0 auto; }

.testimonial .slick-slide img { display: inline-block;}

.testimonial-contain { padding: 12px 0 0; width: 908px; margin: 0 auto;}
.testimonial-contain h3 { font-weight: 700; margin-bottom: 17px; color: #ffe547; }
.testimonial-contain p { color: #fff; margin-bottom: 15px; letter-spacing: 1px; margin:0 auto;width:90% }
.testimonial-contain span { font-weight: 700; font-size: 17px; color: #fff;  letter-spacing: 1.4px; }
.testimonial .cycle-slide { width: 100%; }
.cycle-pager span:hover { color: #ffe531; }
.cycle-pager { margin-top: 38px; font-size: 40px; color: #f9ad73; cursor: pointer;}

.footnotes { background: #fff none repeat scroll 0 0; padding: 80px 0 80px;  color: #333; }

.footnotes p, .footnotes a { color: #333; font-size:12px;}
.footnotes a:hover{text-decoration:underline}

/************************* The Cost *************************/
.page-template-tpl_costofsolar .banner { background:url(../images/the-cost-header-bg.jpg) no-repeat; background-size: cover; }
.power-delivery-section h2 { color: #f68936; margin-bottom: 5px; }
.power-delivery-section span { color: #f68936; font-size: 24px; font-family: 'Playfair Display', serif; font-weight: 700; }
.power-delivery-section p { color: #f68936; margin: 0; padding: 29px 90px 0 0; letter-spacing: 1.5px; }
.power-delivery-section { text-align: left; }
.power-delivery-section .col-left { padding: 72px 53px 146px; }
.page-template-tpl_costofsolar .button { background: #fff; font-weight: 600; font-size: 16px; color: #f68936; border-bottom: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius:0; display: inline-block; margin-top:54px; padding: 6px 44px; letter-spacing: 1px; }
.page-template-tpl_costofsolar footer .button { margin: 0; padding:9px 20px; font-size: 15px; letter-spacing: 0.45px;}

.power-delivery-section .col-right { padding-left: 18px; padding-top: 40px; }

.going-solar { padding: 40px 0 0; background: #a1c047; }
.going-solar .col-left { padding-left: 69px; padding-top: 67px; padding-bottom: 125px; }
.going-solar .col-right { padding: 110px 0 0 80px; }
.going-solar h2 { color: #ffe531; margin-bottom: 20px;}
.going-solar span { color: #ffe531; display: block; font-size: 24px; font-family: 'Playfair Display', serif; font-weight: 700; letter-spacing: .58px; padding-bottom: 32px; }
.going-solar p { margin-bottom: 26px; }
.going-solar .button { margin-top: 0px; color: #a1c047; padding: 9px 27px; }

.cost-saving { background: url(../images/cost-saving-bg.jpg) no-repeat; background-size: cover; padding:38px 0 100px;}
.cost-saving h2 { text-align: center; margin-bottom: 43px; color: #a1c047; }
.cost-saving .col-left  p { padding-left: 24px; margin-bottom: 27px; color: #f68936;}
.cost-saving .tittle-contain { width: 510px; }
.cost-saving .col-left { padding:73px 32px 27px 5px; }

.cost-saving .col-right { padding-left: 84px; padding-top: 90px; }
.saving-box .col-right { padding-top: 70px; padding-left: 0px; }
.saving-box .tittle-contain { margin-left: 95px; }
.saving-box .tittle-contain h2 { margin-bottom: 34px; }
.saving-box .tittle-contain p { padding-left: 17px; color: #f68936; }

.costsavingContent { background: url(../images/cost-saving-bg.jpg) no-repeat; background-size: cover; padding:38px 0 100px;}
.costsavingContent h2 { text-align: center; margin-bottom: 43px; color: #a1c047; }
.costsavingContent p { padding-left: 24px; margin-bottom: 27px; color: #f68936;}
.costsavingContent .tittle-contain { width: 510px; }
.costsavingContent .image { padding:73px 32px 27px 5px; }
.costsavingContent .info { padding-left: 84px; padding-top: 90px; }

.costsavingContent .contentbox:nth-child(odd) .image { float: right; }
.costsavingContent .contentbox:nth-child(odd) .info { float: left; }
.costsavingContent .contentbox:nth-child(even) .image { float: left; }
.costsavingContent .contentbox:nth-child(even) .info { float: right; }

.the-cost-benefit-section { padding: 140px 0 147px; background: url(../images/the-cost-benefit-section.jpg) no-repeat; background-size: cover; }
.the-cost-benefit-section h2 { line-height: 88px;  padding-bottom: 41px; color: #f68936;}
.the-cost-benefit-section p { letter-spacing: 1px; }
.the-cost-benefit-section .col-right { padding-right: 130px; }

.environmental { text-align: center; color: #fff; padding: 190px 0 109px; background: url(../images/environmental-bg.jpg) no-repeat; background-size: cover; }
.environmental h2 { line-height: 85px; margin-bottom: 54px; color: #fff;}
.environmental p { color: #fff; letter-spacing: 1.5px; margin-bottom: 27px;}
.environmental span { letter-spacing: 1px; }

.contact-number { background: #fff; padding: 0 0 42px; }
.page-id-5 .contact-number{background:#fcf9f2}

.contact-number h3 { font-family: 'Poppins', sans-serif; color: #f68936; float: left; padding-top: 58px; margin-bottom: 0; font-size: 34px; }
.contact-number .button { float: right; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;  padding: 13px 34px 10px; background: #b3c843; color: #fff; border-bottom: 1px solid #a8b754; margin-top: 60px;}
.contact-number .button:hover { background: #9db424; }

.button.buttonmobile {  display:none; }
/************************* FAQ *************************/
.page-template-tpl_faq .intro-section { padding: 160px 0 14px;  background: url(../images/faq-header-bg.jpg) no-repeat; background-size: cover; }
.page-template-tpl_faq .intro-section h2 { line-height: 80px; padding-left: 20px; margin-bottom: 45px; color: #f68936; }
.page-template-tpl_faq .intro-section p { padding: 19px 60px 19px 21px; letter-spacing: 1px; }

.page-template-tpl_faq .col-left { padding: 75px 32px 42px; }

.faq{ padding: 95px 0 0px; }
.faq-box { margin: 0 139px 0px; }
.faq-box:nth-child(even) {border-top: 2px solid #ffe547; padding-top: 40px; margin-top: 75px; }
.faq-box h3 { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 60px; color: #b3c843; margin-bottom: 25px;}
.faq-box h6 { font-size: 26px; font-weight: 500; letter-spacing: 1.4px; font-family: 'Poppins', sans-serif;  margin-bottom: 12px;}
.faq-box p { padding: 0 36px 0 6px;letter-spacing: 1px; color: #565756; font-size: 16px; }

.faq-cta { text-align: center; margin-top: 55px; padding: 115px 0 114px; background: #f68936; }
.faq-cta h3 { font-size: 60px; color: #ffe547; font-weight: 700; margin-bottom: 30px; }
.faq-cta .button { padding: 10px 52px; font-size: 16px;}

.page-template-tpl_faq .conatin-box  p{ display: none;  padding-left: 80px; }
.page-template-tpl_faq .conatin-box h6 { padding: 15px 0; position: relative; padding-left: 80px; z-index: 2; cursor: pointer;}
.page-template-tpl_faq .conatin-box h6:after { background:#fee356 center 12px; content: "\f067";  font-family: 'FontAwesome'; position: absolute; left: 0; top: 6px; width: 60px; height:60px; border-radius: 100%; z-index: 1; line-height: 3.3; font-size: 18px; font-weight: 400; text-align: center; }

.page-template-tpl_faq .conatin-box h6.active:after { content: "\f068"; }
/************************* How it Work *************************/
.page-template-tpl_howitworks .banner { background: url(../images/how-it-work-header-bg.jpg) no-repeat; background-size: cover;  }
.page-template-tpl_howitworks .banner .main-tittle { text-align: left; padding: 72px 20px 19px; }
.page-template-tpl_howitworks .banner .main-tittle h2 {color: #f68936; margin-bottom: 34px; }
.page-template-tpl_howitworks .banner .main-tittle p {color: #f68936; margin-bottom: 26px; }

.page-template-tpl_howitworks .col-left { width: 60%;}
.page-template-tpl_howitworks .col-left p { width: 85%; }

.tabing-btn { background: #ffe547; }
.tabing-btn ul { margin: 0; padding: 0; }
.tabing-btn ul li { margin: 0; padding: 0; float: left;}
.tabing-btn ul li a { width: 224px; font-size: 17px; line-height: 17px; padding: 40px 15px; text-align: center; letter-spacing: 1px; display: inline-block; vertical-align: top; -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.1); color: #565443; }
.tabing-btn ul li a:hover { border-bottom: 0; background: #f9d426; }

.tabing { background: #fcf9f2; padding: 91px 0 78px; }
.tabing h5 { margin-bottom: 11px; color: #f68936;  /*padding: 12px 0 12px 70px;*/ }
.tabing p { letter-spacing: 1px; color: #565756; }
.tabing span { display: inline-block; letter-spacing: 1px; padding-left: 21px; padding-top: 11px; vertical-align: bottom; }
.tabing-img { width: 50%; }
.tabing-img img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.5); width: 402px; height: 402px; }
.tabing-conatain { width: 50%; }

.tabing .tabingBox:nth-child(odd) .tabing-img { float: right; padding: 0 0 0 113px;}
.tabing .tabingBox:nth-child(odd) .tabing-conatain { float: left; padding: 100px 0 0 142px; }
.tabing .tabingBox:nth-child(even) .tabing-img { float: left; padding-left: 144px; }
.tabing .tabingBox:nth-child(even) .tabing-conatain { float: right; padding: 84px 106px 0 0; }

.page-template-tpl_howitworks .cycle-pager { color: #cad97c; }

/************************* Blog *************************/
.blog, .archive  { background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 69%, rgba(255,247,193,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(69%, rgba(255,247,193,1)), color-stop(100%, rgba(255,247,193,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 69%, rgba(255,247,193,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 69%, rgba(255,247,193,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 69%, rgba(255,247,193,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,247,193,1) 69%, rgba(255,247,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff7c1', GradientType=0 ); }

.blog .banner,.archive .banner  { background: none; }
.blog .banner h1,.archive .banner h1 { font-size: 100px; }
.blog .banner .main-tittle,.archive .banner .main-tittle { padding: 26px 0 0; }
.blog .banner ul, .archive .banner ul { margin: 0 0 74px; padding: 0; text-align: center; }
.blog .banner ul li,.archive .banner ul li { margin: 0 ; padding: 0; display: inline-block; vertical-align: top; padding: 0 4px; }
.blog .banner ul li a,.archive .banner ul li a { font-size: 17px; letter-spacing: 0.75; border-bottom: none;  color: #56564f; padding: 10px 19px; }
.blog .banner ul li a:hover,.archive .banner ul li a:hover { background: #ffe448; }
.blog-post { margin-left: 33px; background: #fff; margin-bottom: 48px; position: relative;}

.blog-img { width: 50%; }
.blog-contain { width: 50%; padding: 43px 76px 39px 43px; }
.blog-contain h3 { line-height: 36px; margin-bottom: 25px;}
.blog-contain h3 a { font-size: 30px; font-weight: 700; color: #f68936; font-family: "Playfair Display",serif; }
.blog-contain h3 a:hover { border-bottom: none; color: #666; }
.blog-contain p { padding-left: 5px; letter-spacing: 1.4px; color: #565756;padding-bottom:12px}

.blog-date { font-size: 13px; color: #e38035; letter-spacing: 1px; margin: 0px 4px 10px; /*position: absolute; bottom: 41px; */}
.blog-btn {  /*position: absolute; right: 76px; bottom: 48px;*/}
.blog-btn a { text-transform: uppercase; font-size: 16px; color: #fef39c; letter-spacing: .75px; border-bottom: 0; background: #f68936; padding: 7px 18px; font-weight: 600; }
.blog-btn a:hover { color: #fff;  }

.disablebtn { display: none; }
.commentlist .comment.depth-2, .commentlist .comment.depth-3, .commentlist .comment.depth-4  { padding:15px 0px 15px 45px; }

.full-content  { width: 100%; padding:43px 76px 100px 43px; }

.blog .pagination,.archive .pagination { text-align: center; padding: 68px 0 51px; background: #fff;}
.blog .pagination a,.archive .pagination a { font-size: 18px; background: #b3c843; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; padding: 10px 32px; color: #fff; text-transform: uppercase; letter-spacing: 1.3px; border-bottom: 3px #92a428 solid ; }
.blog .pagination a:hover,.archive .pagination a:hover { background: #a9bc46; }
/************************* Blog Detail *************************/
.blog-detail { padding-top: 160px;}
.blog-box { margin: 49px 154px; }
.blog-box h3 { font-size: 30px; text-align: center; color: #f68936; margin: 43px 0; font-weight: 700; }
.blog-box p { color: #565756; margin-bottom: 27px; letter-spacing: 1.5px; }
.blog-article { margin-bottom: 28px; }
.blog-article a {  background: url(../images/arrow-left.png) no-repeat left center; padding-left: 50px; font-size: 17px; color: #56564f; letter-spacing: 1.2px; }
.blog-article a:hover { border-bottom: 0; }
.blog-detail-date a { font-size: 13px; color: #e38035; letter-spacing: 1.3px; }
.blog-detail-date a:hover { border-bottom: 0; color: #666; }

.social-blog { margin: 85px 0 0; }

.releted-top-link { margin: 104px 0 11px;  }
.releted-top-link a {  font-size: 17px; color: #565756; background: url(../images/arrow-left-big.png) right center no-repeat; padding-right: 70px;  letter-spacing: 1px ; margin-left: 15px;}
.releted-top-link a:hover { border-bottom: 0; }

.releted-post { padding: 0 154px; }
.releted-post h6 { font-size: 17px; color: #565756; font-weight: 400; position: relative; letter-spacing: 0.75px; }
.releted-post h6:after { position: absolute; content: ''; border-bottom: 8px solid #d4d4d4;  width: 100%; left: 0; z-index: -1; top: 9px; }
.releted-post span { background: #fff; padding-right: 18px; }
.releted-post ul { padding: 0; margin:31px 0 0; }
.releted-post ul li { padding: 0; margin: 0; float: left; width: 24%;padding:1% }
.releted-post ul li a { color: #565756; letter-spacing: 1.5px; }
.releted-post ul li a:hover { border-bottom: 0; color: #f68936; }
.releted-post-contain { margin-top: 7px ; }

.single-post .comment-author.vcard a { color: #326fff; }
.single-post .alert.alert-info  p {color: #666; margin:10px 0 0px; font-size: 15px; }
.single-post .comment_content p { color: #666; font-size: 15px; }
.single-post .comment-reply-link { color: #326fff; margin-bottom: 5px; }

.single-post .commentlist .comment { padding-top: 10px; }
.single-post .comment-form { padding-top: 15px; }
.single-post .comment-respond{  clear: both; float: left; width: 100%; }
.single-post .comment header { position: inherit;}

.jssocials-share-link { color: #d7d7d7; background:none !important; padding: 0 10px; border-left: 2px solid #d7d7d7; }
.jssocials-share-link:focus { color: #d7d7d7; }
.jssocials-share { margin: 0; }
.jssocials-share-email .jssocials-share-link{ border-left: 0; }
.jssocials-share-link:hover {  color: #666; border-bottom: none; }

.leave-comment { padding: 121px 154px 79px; }
.leave-comment h6 { font-size: 17px; color: #565756; font-weight: 400; position: relative; letter-spacing: 0.75px; margin-bottom: 40px; }
.leave-comment h6:after { position: absolute; content: ''; border-bottom: 8px solid #d4d4d4;  width: 100%; left: 0; z-index: -1; top: 9px; }
.leave-comment span { background: #fff; padding-right: 18px; }

.leave-comment  { margin-bottom: 30px; }
.leave-comment h3 { display: none;  }
.leave-comment .comment-notes { display: none; }
.leave-comment label { display: none !important; }

.leave-comment textarea { width: 100%; border:2px solid #efefef; font-weight: 400; }
.leave-comment input { float: left; border:2px solid #efefef; margin-right: 0px; padding: 8px 10px 8px 56px; width: 300px; font-weight: 400; }
.leave-comment input[type="submit"], .leave-comment button { background: #333333; margin: 20px 0 110px; width: 150px; border:1px solid #454545; text-align: center; float: left;  padding: 10px;}
.leave-comment input[type="submit"]:hover, .leave-comment button:hover { background: #f68936; border-color: #f68936; }
.attachment-full.size-full.wp-post-image { width: 100%; }

.leave-comment .comment-form-author { background: url(../images/user-icon.png) no-repeat 20px 15px; float: left; padding: 0px; position: relative; width: 32%; }
.leave-comment .comment-form-author:before{  border-left: 2px solid #efefef; content: ""; height: 40px; left: 50px; position: absolute; }
.leave-comment .comment-form-email { background: url(../images/mail-icon.png) no-repeat 20px 15px; float: left; padding: 0px; position: relative; width: 32%; }
.leave-comment .comment-form-email:before{  border-left: 2px solid #efefef; content: ""; height: 40px; left: 50px; position: absolute; }
.leave-comment .comment-form-url { background: url(../images/website-icon.png) no-repeat 20px 15px; float: left; padding: 0px; position: relative; width: 32%; }
.leave-comment .comment-form-url:before{  border-left: 2px solid #efefef; content: ""; height: 40px; left: 50px; position: absolute; }
.leave-comment .comment-form-author:before { top:2px; }

/************************* Order *************************/
.page-template-tpl_order .banner { background: url(../images/order-header-bg.png) no-repeat; background-size: cover; background-position: inherit !important; }
.page-template-tpl_order .banner h1 { margin-bottom: 24px; }

.page-template-tpl_order .main-tittle { padding-bottom: 38px; padding-top: 38px; }
.contact-box .side-bar { padding: 0 0 17px; width: 311px; background: #b3c843; text-align: center; display: none; }
.contact-box .side-bar h6 { color: #ffe531; font-size: 24px; letter-spacing: 1px; padding-top: 81px; font-weight: 600; padding-bottom: 0; }
.contact-box .side-bar ul { margin: 33px 38px 0; padding: 0 0px; }
.contact-box .side-bar ul li { padding: 0 0px ; margin: 0 0 20px; border-bottom: 3px solid #ffe531; }
.contact-box .side-bar ul li:last-child { border-bottom: 0; }
.contact-box .side-bar p { color: #fff; font-size: 16px; line-height: 17px; letter-spacing: 1.5px; padding: 13px 21px; margin: 0;  }

.contact-box .col-right { padding: 0; }
.contact-box { margin: 0 141px; background: #fff; -webkit-box-shadow: 0px 27px 30px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow: 0px 27px 30px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 27px 30px 0px rgba(50, 50, 50, 0.4); }

.contact-contain { margin: 77px 188px 83px; text-align: center; }
.contact-contain p { color: #565756; /*font-size: 12px; line-height: 24px;*/ letter-spacing: 1.2px;}
.page-template-tpl_order .contact-number h3 { text-align: center; float: none; }

.order-form  .gform_wrapper { margin: 0; }
.order-form .gform_body .fullwidth  { width: 100%;}
.order-form .gform_body ul li { padding: 0; margin: 8px 0;}
.order-form .gform_body ul li:nth-child(odd) { float: left; }
.order-form .gform_body ul li:nth-child(even) { float: right; }

.order-form .gform_wrapper .fullwidth .medium { width: 100%; }
.order-form .gform_body .halfwidth .medium{ float: left; width: 100%;}

.order-form li.halfwidth  { width: 49%; float: left;}
.order-form li.fullwidth { float: left; }
.order-form .button:hover { border:none; }
.order-form .gform_body ul { width: 100% ;float: left;}

.order-form .gform_wrapper input[type="email"],
.order-form .gform_wrapper textarea,
.order-form .gform_wrapper input[type="number"],
.order-form .gform_wrapper input[type="password"],
.order-form .gform_wrapper input[type="tel"],
.order-form .gform_wrapper input[type="text"],
.order-form .gform_wrapper input[type="url"]  { color: #545550; margin: 0 ; padding: 9px 15px; font-size: 16px; font-weight: 400; border-radius: 30px; }
.order-form .gform_wrapper ul li.gfield { clear: none; /*height:55px;*/ }
.order-form .gform_wrapper input,.order-form .gform_wrapper textarea::-webkit-input-placeholder { color: #545550; opacity: 1; }
.order-form .gform_wrapper input,.order-form .gform_wrapper textarea:-moz-placeholder { color: #545550; opacity: 1; }
.order-form .gform_wrapper input,.order-form .gform_wrapper textarea::-moz-placeholder { color: #545550; opacity: 1; }
.order-form .gform_wrapper input,.order-form .gform_wrapper textarea:-ms-input-placeholder { color: #545550; opacity: 1; }

.order-form .gform_wrapper input[type="email"]:focus,
.order-form .gform_wrapper input[type="number"]:focus,
.order-form .gform_wrapper input[type="password"]:focus,
.order-form .gform_wrapper input[type="tel"]:focus,
.order-form .gform_wrapper input[type="text"]:focus,
.order-form .gform_wrapper textarea:focus,
.order-form .gform_wrapper input[type="url"]:focus { border:3px solid #f68936; }

.order-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .order-form  .gform_wrapper li.gfield_html { max-width: 100%; }
.col-right.order-form { width: 100%; padding: 57px 74px 0; }
.col-right.order-form .gform_wrapper { max-width: 100% ; }

.order-form .gform_wrapper .gform_footer input[type=submit], .order-form .gform_wrapper .gform_footer button { width: 200px; text-align: center; background: #f68936; margin: 0 auto; display: inherit; margin-top: 15px; font-size: 18px;  border-bottom: 1px solid #c6b224; color: #fff; }
.order-form .gform_wrapper .gform_footer input[type=submit]:hover, .order-form .gform_wrapper .gform_footer button:hover { background: #d96a15; }
body .gform_wrapper label.gfield_label + div.ginput_container { margin: 0; }

.order-form .validation_error { border: none !important; padding: 0 !important; margin: -25px 0 15px !important; text-align: center ; font-size: 16px !important; color: red !important;  }
.order-form .gfield_error .gfield_description.validation_message { display: none; }
.order-form .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin: 8px 0 !important; background: none; border:0; }
.order-form .gform_wrapper .top_label .gfield_error { width: 49%; }
.order-form .gfield.gfield_error.fullwidth { width: 100%; }
.order-form .gform_wrapper li.gfield_error input[type="email"],
.order-form .gform_wrapper li.gfield_error input[type="number"],
.order-form .gform_wrapper li.gfield_error input[type="password"],
.order-form .gform_wrapper li.gfield_error input[type="tel"],
.order-form .gform_wrapper li.gfield_error input[type="text"],
.order-form .gform_wrapper li.gfield_error input[type="url"],
.order-form .gform_wrapper li.gfield_error textarea { border:3px solid red;}
.order-form .gform_ajax_spinner { display: none;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin: 0 !important; }
.order-form .gform_wrapper .chosen-container { width: 100% !important; }
/************* Error404 & Search *************/
.error404 .navbar, .search.search-results .navbar, .search.search-no-results .navbar, .page-template-default .navbar { padding-bottom: 140px; }
.error404 h2 { color: #000; }

.search.search-results h1, .search.search-no-results .searchpage h1 { color: #555; font-size: 60px; margin-bottom: 0;}
.search-no-results { text-align: center; }
.search.search-results h1, .search.search-no-results .searchpage h1 { line-height: 82px; }
.search.search-no-results .contentbox { min-height: 462px; padding-top: 100px; }
.search.search-results h3 { line-height: 30px ;}
.search.search-results h3 a { color: #000; font-size: 30px; line-height: 30px;}
.search.search-results h3 a:hover { color: #f68936; }
.search.search-results .contentbox nav { width: 100%; text-align: center; }
.search.search-results .contentbox nav ul { float: none; }
.search.search-results .contentbox nav ul li { display: inline-block; font-size: 14px; padding: 0 5px; font-weight: 500; }
.search.search-results .contentbox nav ul a { font-size: 14px; color: #666; font-weight: 500; }
.search.search-results .contentbox nav ul a:hover { color: #f68936; }
.search.search-results .pagination { margin: 10px 0 30px; }

.page-template-default .contentbox { min-height: 462px; padding-top: 30px; }

.centerd_box { text-align: center; }
.error404 .centerd_box { text-align: center; padding: 90px 0; }
.error404 h3 { color: #333; }
.error404 input { border-radius: none; }
.error404 input[type="submit"], .error404 button { color: #000; }
.error404 input[type="submit"]:hover, .error404 button:hover { color: #fff; }


.page-template-default .contentbox { padding-bottom: 50px; }

.page-template-templatetpl_order-php .banner form{ width: auto; background: none; padding: 17px;  }
.page-template-templatetpl_order-php .banner form:hover { background: none; }
.page-template-templatetpl_order-php .banner form input::-moz-placeholder {color: #545550;  opacity: 1;}
.page-template-templatetpl_order-php .banner form input::-webkit-input-placeholder { color: #545550; opacity: 1; }
.page-template-templatetpl_order-php .banner form input:-moz-placeholder { color: #545550; opacity: 1; }
.page-template-templatetpl_order-php .banner form input::-moz-placeholder { color: #545550; opacity: 1; }
.page-template-templatetpl_order-php .banner form input:-ms-input-placeholder { color: #545550; opacity: 1; }
.page-template-templatetpl_order-php .gform_wrapper .top_label .gfield_label { display: none; }
.search.search-no-results .footer-col,.search.search-no-results .footer-right { text-align: left; }

/************************* Generic-Page *************************/
.generic-page { background-size: cover; padding: 160px 0 0; }
.left-side { width: 846px; }

.midd-section { padding: 114px 0 130px; }
.midd-section ul { margin-left: 15px; margin-bottom: 35px;}
.midd-section ul li { margin-bottom: 5px; list-style: inside; }
.midd-section p { color: #666; letter-spacing: 1px;}

.right-sidebar { width: 412px; }
.right-sidebar .generic_sidebar.widget  { margin-bottom: 20px; background: #f6f8f7; padding: 54px; }
.right-sidebar h4 { padding: 0; margin: 0; letter-spacing: 1px; font-family: "Poppins",sans-serif; font-size: 30px; line-height:30px; font-weight: 500; }
.right-sidebar ul {  margin: 0; }
.right-sidebar ul li { list-style: none; border-bottom: #f28a35 solid 1px; padding: 15px 0; letter-spacing: 1px;}
.right-sidebar ul li a { color: #666; }
.right-sidebar ul li a:hover { color: #f28a35; }

.page-template-tpl_thankyou .banner { background-position: inherit !important;}
.page-template-tpl_thankyou .contentbox { padding: 170px 0 15px; }
.page-template-tpl_thankyou .col-right { width: 100%; text-align: left; padding-top: 40px; padding-bottom: 40px; }
.page-template-tpl_thankyou .col-right p { color: #f68936; }
.page-template-tpl_thankyou .button { background: #f68936; border: 0; margin: 80px 0;  display: inline-block; color: #fff; padding: 10px 20px; }
.order-form .gfield_error .chosen-single { border:3px solid red !important; }

.refer.banner {
  background-position: 99% top !important;
  background-size: cover !important;
  max-width: 100%;
  padding-top: 159px;
  position: relative;
  text-align: center;
  width: 100%;
}
.badge-image {
  display: inline-block;
  width: 150px;
}

@media (max-width: 767px) {
   .badge-image {
      display: block;
      margin: auto;
      width: 220px;
   }
}

span.offer-text {
  display: inline-block;
  font-size: 16px;
}
.tabing-conatain {
  float: left !important;
}
.tabing-img {
  float: right !important;
}
.refer-card-image{
  margin: auto;
  width: 360px;
}

.refer-right {
  background: #fcf9df none repeat scroll 0 0;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.5);
  padding: 20px 40px;
  width: 80%;
  border-radius: 20px;
}

@media (max-width: 767px) {
    .refer-right {
      margin: 20px auto auto;
      width: 95%;
    }
    .refer-right-content p {
      padding: 0 !important;
    }
}
.refer.banner .main-tittle p {
  margin: auto;
  text-align: left;
  width: 83%;
}
h5.refer-right-title span {
  float: left;
  font-size: 18px;
  text-align: left;
}
.refer.tabing-img p {
  color: #000 !important;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
  padding-top: 24%;
}
.refer.contact-box.clearfix {
  margin-bottom: 50px;
  margin-top: 50px;
}
.page-template-tpl_refer .contact-number h3 {
  text-align: center !important;
  float: none;
}
.gform_body ul li.friend-information,
.gform_body ul li.your-information {
  display: block !important;
  width: 100% !important;
}

.refer.tabing-conatain span.offer-text {
  display: inline-block;
  text-align: left !important;
}
.refer-right-content ul li {
  float: left;
  list-style: inherit !important;
}

@media (max-width: 767px) {
    .refer-right-content ul li {
      float: none;
      list-style: outside none disc;
      text-align: left;
    }
    .refer.tabing-img p {
      margin-top: 20px;
    }
}

@media (max-width: 1023px) {
    .refer.tabing-img p {
      padding-left: 0;
      padding-right: 0;
    }
}

.refer.contact-box.clearfix form#gform_3 label {
  margin-left: 22px;
}
.gform_wrapper .gsection {
	border-bottom: 0;
	padding: 0px 0px 0.5em;
	margin: 1.8em 0px;
	clear: both;
}

@media (max-width: 767px) {
    .refer.contact-box.clearfix form {
      margin: auto;
      width: 90%;
    }
}
h5.refer-right-title span {
  margin-bottom: 16px;
}

.banner.ref-thank {
  padding-bottom: 80px;
}
.banner.ref-thank .contact-box p {
  color: #F68936;
  text-align: left;
}
.banner.ref-thank a.button {
  background: #f68936 none repeat scroll 0 0 !important;
  color: #fff !important;
  border-bottom: 0;
}
.banner.ref-thank .contact-box {
  margin-bottom: 80px !important;
}
.banner.ref-thank .contact-box .order-form {
  padding-bottom: 35px;
}