@charset 'utf-8';
/*
Theme Name: PPTL wp
*/
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{background:#111112; font-size:16px; color:#fff; font-family: Arial, Helvetica, sans-serif;}
a{color:#0096db;text-decoration:underline;outline-style:none;word-break: break-word;}
a:hover{color:#0096db;text-decoration:none;}
p{line-height:1.25;margin:0 0 20px;}
li{list-style:none outside none;}
strong,
b{font-weight: normal; font-weight: bold;}
em,
i{font-style:italic;}
strong em,
em strong{font-style:italic; font-weight: bold;}
h1,
h2,
h3,
h4,
h5,
h6{ line-height:1.3; margin-bottom:20px; font-weight: bold;}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;height:0;font-size:0;width:100%;}
.alignleft{display:inline;float:left;margin:0 20px 20px 0;}
.alignright{display:inline;float:right;margin:0 0 20px 20px;}
.aligncenter{clear:both;display:block;margin:0 auto 20px;}
.alignnone{clear:both;display:block;margin:0 auto 20px;}
.tableBox{display:table;table-layout:fixed;width:100%;height:100%;}
.table_cellBox{display:table-cell;vertical-align:middle;}
.inner{max-width:1240px;padding-left:20px;padding-right:20px;margin:0 auto;}

input,
button,
textarea,
select{outline-style:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{zoom:1; /*IE6,7 Compatibility Settings for*/}

/*Header Css Start*/
.header{ width:100%; position:fixed; z-index:9990; left:0px; top:0px; background: #12141d; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.header .inner{ padding-top: 38px; padding-bottom: 37px; max-width:1480px; display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.header.scrolled_header{ background:#fff;}
.header.scrolled_header .inner{ padding-top:20px; padding-bottom:20px;}
.header_logo{ width:218px; display:block; position:relative; color:#fff; text-decoration:none;}
.header_logo:hover{ color:#fff; text-decoration:none;}
.header_logo span{font-family: 'robotoregular'; font-size:14px; color:#6ee296; position:absolute; left:calc(100% + 4px); bottom:-3px; white-space: nowrap;}
.header.scrolled_header .header_logo span{ color:#26e68e;}
.header_nav{ display:flex; justify-content: flex-end; flex-wrap: wrap;}
.header_nav li{ margin-left: 40px; position: relative;}
.header_nav li:hover{ z-index: 999999; }
.header_nav li a{ text-decoration:none; color:#fff; font-size:16px; display:inline-block; }
.header_nav li a:hover{ text-decoration:none; color:#26e68e;}
.scrolled_header .header_nav li a{ color:#000; display:block; position:relative;}
.scrolled_header .header_nav li a:hover{ color:#26e68e;}
/* .header_nav li a:after{ width: 30px; height: 1px; background: #323232; margin:4px auto 0; position: absolute; left: 50%; margin-left: -15px;} */
/* .header_nav li.current-menu-item a:after{ content: ""; display:block;} */
.header_nav li .sub-menu{display: none; position: absolute; top: 20px; left: 0px; background: #323232; width: 100%; min-width: 200px; box-shadow: 0.5px 0px 1px rgba(0,0,0,0.2);}
.header_nav li .sub-menu li{padding: 6px 15px; margin: 0;}
.header_nav li:hover .sub-menu{display: block;}
.scrolled_header .header_nav li .sub-menu{background: #fff;}
.scrolled_header .header_nav li .sub-menu a::after{display: none;}
.header_nav li.menu-item-has-children::after{content: "\f107"; font-family: fontawesome; display: block; position: absolute; right: -14px; top: 0px;}
/*Header Css End*/

/*Mobile menu Css Start*/
.mobile_menu_hamburger{ display:none; position:absolute; right:20px; top:30px;}
.scrolled_header .mobile_menu_hamburger{ top:16px;}
.mobile_menu_hamburger_box{ display: table-cell; vertical-align: middle; clear: both; cursor: pointer; z-index: 1000; position: relative; border: 1px solid #fff; padding: 10px 7px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.mobile_menu_hamburger_box.active { border-color: #bbb;}
.mobile_menu_hamburger_box.active:hover { border-color: #fff;}
.mobile_menu_hamburger_box.scrolled_hamburger{ border-color: #323232;}
.mobile_menu_hamburger_box.scrolled_hamburger.active{ border-color: #bbb;}
.mobile_menu_hamburger_box.scrolled_hamburger.active:hover{ border-color: #323232;}
.mobile_menu_hamburger_btn .bar { height: 1px; width: 30px; display: block; margin: 5px auto; position: relative; background-color: #fff; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.mobile_menu_hamburger_btn.active .bar { background-color: #bbb;}
.mobile_menu_hamburger_btn.active:hover .bar { background-color: #fff;}
.mobile_menu_hamburger_box.scrolled_hamburger .bar{ background-color: #323232;}
.mobile_menu_hamburger_btn.scrolled_hamburger.active .bar{ background-color: #bbb;}
.mobile_menu_hamburger_btn.scrolled_hamburger.active:hover .bar{ background-color: #323232;}
.mobile_menu_hamburger_btn.active .bar:nth-of-type(1){ -moz-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -webkit-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg);}
.mobile_menu_hamburger_btn.active .bar:nth-of-type(2){ opacity: 0;}
.mobile_menu_hamburger_btn.active .bar:nth-of-type(3){ -moz-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg);}
/*Mobile menu Css End*/

/*Footer Css Start*/
.footer{ background:#12141d; }
.footer > .inner{ padding-top:89px; padding-bottom:72px; max-width:1240px; display:flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; color:#fff;}
.footer a{ text-decoration:none; color:#ffffff;}
.footer a:hover{ text-decoration:none; color:#26e68e;}
.footer_box{ padding-right:30px;}
.footer_box:last-child{ padding-right:0px;}
.footer_box h3{ font-size:18px; line-height:1.5; margin-bottom:38px;}
.footer_box p{ font-size:15px; line-height:1.6; margin-bottom:24px; width:220px; max-width:100%;}
.footer .footer_box.about_us p.contact a{ text-decoration: underline; }
/*.footer_box:nth-child(1){ width:26%;}
.footer_box:nth-child(2){ width:28%;}
.footer_box:nth-child(3){ max-width:28%;}
.footer_box:nth-child(4){ max-width:18%; padding-right:0px;}*/

.quick_links_nav li{ padding-bottom:6px; font-size:15px;}
.quick_links_nav li .sub-menu{margin:6px 0 0 0;}
.quick_links_nav li .sub-menu li{padding: 0;}

.social{ display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding-top:6px; margin-right:-20px;}
.social li{ padding:0px 20px 20px 0px;}
/*.social li a{ display: block; text-decoration:none;}
.social li a:hover{ text-decoration:none;}*/
.social li a{ display: block; color: #fff; font-size:22px;}
.social li a:hover{ color:#26e68e;}

.footer_bottom{ width:100%; text-align:center; background:#20222a;}
.footer_bottom .inner{ padding-top:28px; padding-bottom:28px;}
.footer_bottom p{ text-transform:uppercase; color:#999999; font-size:15px; margin-bottom:0px; line-height:1.3;}
.footer_bottom p a{ color:#fff; text-decoration:none;}
.footer_bottom p a:hover{ color:#fff; text-decoration:none;}
/*Footer Css End*/

/*Back to top Css Start*/
.back_to_top{ position: fixed; right:20px; display:none; bottom:10px; width:60px; height:60px; background:rgba(38,230,142,0.6); border-radius: 50px; padding: 6px 10px; cursor:pointer; z-index:1999; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.back_to_top .arrow-top{ fill:#fff !important;}
.back_to_top:hover{ background:rgba(38,230,142,1);}
/*Back to top Css End*/

/*Sidebar Buttons Css Start*/
.sidebar_btn_list{ position:fixed; right:-90px; z-index:9; top:50%; transform: translateY(-50%) translateZ(0px); transition: all .3s linear;}
.sidebar_btn_list:hover{ right:0px;}
.sidebar_btn_list .phone_text{ background:rgba(0,219,215,1);}
.sidebar_btn_list .email_text{ background:rgba(0,150,219,1);}
.sidebar_btn_list .phone_text:hover{ background:rgba(0,219,215,0.9);}
.sidebar_btn_list .email_text:hover{ background:rgba(0,150,219,0.9);}
.sidebar_btn_list ul{}
.sidebar_btn_list ul li{ display:flex; justify-content: flex-start; align-items: center; width:145px;}
.sidebar_btn_list ul li a{ color:#fff; text-decoration:none; white-space: nowrap; display:block; position:relative; padding-left:65px; height:60px; line-height:60px;}
.sidebar_btn_list ul li a:hover{ color:#fff; text-decoration:none;}
.sidebar_btn_list span{font-family: 'FontAwesome'; color:#fff; width:60px; height:60px; line-height:60px; text-align:center; display:block; font-size:18px; position:absolute; left:0px; top:0px;}
/*Sidebar Buttons Css End*/

/* wihte button css start */
.white-button{font-size: 14px; display: inline-block; padding: 13px 19px; border: 2px solid #fff; border-radius: 20px; color: #fff; background-color: transparent; transition: all .2s ease-in-out; text-decoration: none; line-height: 1;}
.white-button:hover{background: #fff; color: rgb(29, 39, 49);}
/* wihte button css end */


/*Banner css start */
.banner, .home_banner{ box-sizing: border-box; margin-top: 98px; }
.banner .inner{display: flex; justify-content: center; height:545px; padding-top:232px; padding-bottom:20px;}
.banner .text-box{ text-align: center;}
.banner .text-box h2{line-height: 1.2; color: #fff; font-size: 48px; margin-bottom:15px; font-family:"Arial Black", Gadget, sans-serif;}
.banner .text-box p{font-size: 20px; line-height: 1.2; color: #fff; margin: 0;}
.banner .white-button{ margin-top:20px;}
/*Banner css end */

@media (max-width:900px) {
	.header_logo span{ position:static; font-size:12px; padding-top:8px;}
	.header_nav li{ margin-left:30px;}

	.banner, .home_banner{ margin-top: 118px; }
}
@media only screen and (min-width: 769px){
    .header_nav_content{ display: block !important;}
}
@media (max-width:768px) {
	.mobile_menu_hamburger{ display:block;}
    .header_nav_content{ display: none; width:100%; padding-top:15px;}
	.header_nav li {width: 100%; border-bottom: 1px solid #efefef; padding:0px; margin-left:0px;}
	.header_nav li a{ padding:14px 10px;}
	.header_nav li .sub-menu{ top: 41px; }
	.header_nav li.menu-item-has-children::after{ right: 10px; top: 14px; }
	.scrolled_header .header_nav li.current-menu-item a:after{ display:none;}
	.footer{ padding-bottom:30px;}
	.footer > .inner{ padding-top:45px; padding-bottom:30px;}
	.footer_box{ width:100%; padding-bottom:20px;}
	.footer_box h3{ margin-bottom:15px;}
	.footer_box p{ margin-bottom:15px;}
	.footer_box:nth-child(1),
	.footer_box:nth-child(2),
	.footer_box:nth-child(3),
	.footer_box:nth-child(4){ width:50%; max-width:100%;}
	.footer_bottom .inner{ padding-top:20px; padding-bottom:20px;}
	
	.banner .inner{ height:450px; }
	.banner .text-box h2{ font-size:36px;}
	.banner .text-box p{ font-size:16px;}
}
@media (max-width:420px) {
	.header_logo{ width:210px;}
	.footer > .inner{ padding-bottom:10px;}
	.footer_box:nth-child(1),
	.footer_box:nth-child(2),
	.footer_box:nth-child(3),
	.footer_box:nth-child(4){ width:100%; padding-right:0px;}
	
	.about_us_icon_list li{ width:calc(100% / 3);}	
}