@charset "utf-8";
/* CSS Document */
html, span, body, h1, h2, h3, h4, h5, h6, p, ol, form, label, legend, caption, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, span, pre {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
    font-family: 'Poppins-Light';
	vertical-align: baseline;
}

a {
	text-decoration:none;
}
ol, ul {
	list-style: none;
}
a img {
	border:none;
}
p{line-height:25px; margin-bottom:15px;  color:#494949;  font-family: 'Poppins-Light';}

.clr{ clear:both;}


@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf')  format('truetype'), url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf')  format('truetype'), url('../fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.main-navigation a{ font-family: 'Open Sans';}

::-webkit-input-placeholder { 
    color:    #6d6d6e !important;   opacity:  1;
}
:-moz-placeholder { 
   color:    #6d6d6e !important;
   opacity:  1;
}
::-moz-placeholder { 
   color:    #6d6d6e !important;
   opacity:  1;
}
:-ms-input-placeholder {
   color:    #6d6d6e !important;
}



.footer_in::-webkit-input-placeholder { 
    color:    #FFF !important;   opacity:  1;
}
.footer_in:-moz-placeholder { 
   color:    #FFF !important;
   opacity:  1;
}
.footer_in::-moz-placeholder { 
   color:    #FFF !important;
   opacity:  1;
}
.footer_in:-ms-input-placeholder {
   color:    #FFF !important;
}

a{ transition: all 0.5s ease 0s;}
a:hover{ transition: all 0.5s ease 0s;}

select {  -moz-appearance: none;  -webkit-appearance: none;
    text-indent: 0.01px;  text-overflow: ""; background:#fff url("../images/arrow.png") no-repeat scroll center !important;  background-position: 98% center !important; color:#6d6d6e !important ; line-height:17px ; width:100%; background:#fff; border:1px solid #d1d1d1;padding: 0.625em 0.4375em; height: 47px;}

/*-----------------header-----------------*/

p{ color:#333; font-size:15px}


.faqwd_question_title {    padding-left: 15px;    padding-top: 5px;    font-size: 16px !important;}
.faqwd_conteiner ul li:before{ display:none}
.faqwd_conteiner ul li{ margin-bottom:8px}

.footermen ul{ margin:0}
.footermen ul li{ float:left; margin-right:10px; font-size:14px}
.footermen ul li a{ color:#FFF} 
.footermen ul li a:hover{ color:#007acc }




.div_position{ position: relative; top:0; left:0; right:0; margin:0 auto; z-index:999899 }
.header_top{ width:100%; margin:0 auto; display:table; background:; padding:0px 0; /*border-bottom:1px solid rgba(177, 177, 177, 0.24)*/ }
.header_topleft{ float:left; width:35%;}
.header_topleft p{ margin:0; color:#FFF}
.header_topleft p a{ color:#FFF}
.header_top ul{ float:right; padding:0; margin:0}
.header_top ul li{ float:left; margin-right:10px;   padding:10px 0}
.header_top ul li { background:none; font-size:14px}
.header_top ul li a{ color:#FFF;   transition: all 0.5s ease; padding:0 10px 0 0; border-right:1px solid rgba(177, 177, 177, 0.24);}
.header_top ul li a:hover{ color:#3788c8;   transition: all 0.5s ease; }
.btn_get{ padding:10px 30px !important; background:#3788c8; text-align:center; color:#FFF !important; font-size:16px; border-right:0 !important}
.btn_get:hover{ background:#276ea5}
.header_top ul li:nth-child(){ border-right:0}

.sub-menu a{ border-radius:0 !important }
.header {width:100%; margin:0 auto; display:table; padding:0px 0 15px; transition: all 0.5s ease 0s;   }
.site-header-menu{ padding:30px 0 0 0}
.wrapper {	width:1170px;margin:0 auto;	display:block;}
.logo {	width:260px;	height:auto;float:left;	margin:0px 0 0 0; margin-right:5%; transition: all 0.5s ease 0s;}
.logo img{transition: all 0.5s ease 0s;}

.header p{ color:#192255;     text-align:right; margin-bottom:10px; font-size:14px; display:table; float:right}

 
.logo_right{ width:auto; float:right;   height:auto; padding:5px 0 0 0}

.wether_div img{ width:auto !important; margin-top:8px !important}

/*.logo_right ul li span{ width:20px; height:20px; background:#1f207d; border-radius:50%; line-height:20px; text-align:center; margin-right:5px; color:#FFF; padding:5px; margin-top:15px;   transition: all 0.5s ease;}*/  
.logo_right ul li span{ background:#28465d;   transition: all 0.5s ease;}
.logo_right ul li:nth-child(3){ margin-right:0} 
.logo_right ul li img{ margin-top:-5px; width:30px}
.navigation {   position: absolute;  left: 0;   right: 0;  top:134px;  z-index: 1;     background: #192255; width:100%; margin:0 auto  }
.navin{ width:1205px; margin:0 auto; display:block; position:relative}
.search_div{ position:absolute; right:0; top:7px}
/*------------------SearchButton-----------------------*/

.search{
  position:relative;
  display: inline-block; float: right;
    margin-top: 0px; padding:10px 0; 
}
[class^="icon-"]{
  background:url(../images/search.png) no-repeat; width:24px; height:24px;
  color:#fff;
 
  display:inline-block;
 /* padding:6px 7px 7px;*/
  font-size:18px;
  text-shadow:1px 1px 2px #21638F;
  
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  cursor: pointer;
  z-index:10;
  position:relative;
}
[class^="icon-"]:hover{
 /* background: #5dade2;
  text-shadow:0px 0px 0px #21638F;
  box-shadow: inset 0px 0px 8px #21638F;
  transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;*/
}
.search_form{
  background: #d53037 ;
  position:absolute;
  z-index:0;
  padding:0px 5px;
  right:30px;
  top:15px;
  overflow: hidden;
  border-radius:4px;
  width: 20px;
  height:0px;
  transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
}
.search_form form{
  opacity:0;
   transition:all 0.3s ease-out;
  -webkit-transition:all 0.3s ease-out;
}
.search_form input{
  background:#ffffff;
  border:none; color: #333;
}
.search_form input[type='text']{
  border-radius:5px;
  width:199px;
  margin:0px 1px 0px 0;
  padding:0px 5px 1px;
  min-height:23px;
}
.search_form input[type='submit']{
  border-radius:0 5px  5px 0;
  text-transform:uppercase;
  font-size:11px;
  padding:0px 5px;
  min-height:24px;
  margin:0px 0px 0px 0;
  cursor: pointer;
}
.search_box{
  visibility: hidden;
}
.search_box:checked~.search_form{
  width: 213px;
  height:25px;
  padding:5px;
  top:5px; 
  transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
  -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
}
.search_box:checked~.search_form form{
  opacity:1;
  transition:0.3s all ease-out 0.5s;
  -webkit-transition:0.3s all ease-out 0.5s;
}





/*------------------SearchButton-----------------------*/



/*-----------------banner-----------------*/
.banner { width:100%; height:auto; 	margin:0px auto 0px; 	display:block; 	height:auto; clear:both; border-bottom:0px solid #31a2e1; }
.banner img { width:100%; }





/*-----------why_choose_div-------------------*/
.why_choose_div{width:100%; padding:45px 0 35px 0; display:table ; background:#fff;}
.why_choose_div h2{ text-align:center; color:#000; font-size:35px;text-transform: uppercase;  }
.why_choose_div h2 span{ color:#3788c8; }
.why_choose_div p{ text-align:center; font-size:14px; } 
.line{ margin:0 auto 25px; display:block}
.bg_color{ position:absolute; left:0; right:0; top:0; height:100%; background:rgba(44, 74, 107, 0.85); width:100%; background-size:100%; padding:0px 0 0 0;  transition: all 0.5s ease 0s;}
.bg_color { text-align:center}
.bg_color:hover{ background:rgba(255, 0, 0, 0.33);  transition: all 0.5s ease 0s;}
.bg_color img{ width:auto !important; transform:inherit !important; margin:30px auto 0}
.bg_color h3{ padding-top:10px}
.bg_color p{ color:#FFF}
.why_choose_div ul{ padding:0px 0 0 0; margin:0; display:table; width:100%;  }
.why_choose_div ul li{ float:left;  width:31.4%; margin:0 5px 12px;  box-sizing:border-box; padding:20px 0px ; position:relative;  overflow:hidden ; border:1px solid #e8e8e8;  }
.why_choose_div ul li img{/* margin-top:35px; margin-left:35px;*/ -webkit-transition: all 0.5s linear;     max-height: 225px;
          /*transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);*/ }
.why_choose_div ul li img:hover{ /* -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);*/}


.why_choose_div ul li span{ width:55px; height:55px; background:#fe5252; color:#FFF; line-height:55px; text-align:center; font-size:30px; margin-right:15px; float:left}
.why_choose_div ul li a{ color:#333; }

.why_choose_div ul li h3{ font-size: 18px;padding: 18px 15px ;line-height: 25px;  }
.why_choose_div ul li h3 { color:#FFF;padding-top:15px;}
.why_choose_div ul li p{ font-size:14px; width:93%; color:#FFF; margin:0 auto}

.about_sec{background: rgba(0, 0, 0, 0) url("../images/about-bg.png") no-repeat fixed center center / cover; overflow: hidden; padding:30px 0 0 }
.about_sec img{ float:left}
.about_right{ width:60%; float:right;     padding: 100px 0 0 0; }
.about_right h2{ text-align:left; color:#000; font-size:35px; text-transform: uppercase; }
.about_right h2 span{ color:#3788c8;}
.about_right p{ clear:both; color:#000;}
.about_right img{ margin-bottom:20px}

.bottomright_blog ul{ margin:0px;}

.scrollToTop{ right:0; padding:10px; }
.scrollToTop{padding:6px; text-align:center;  font-weight: bold; color: #444; text-decoration: none; position:fixed; top:80%; 	right:4%; display:none;
 background:#0a6cb5; color:#fff; text-align:center; border-radius:50%; height:40px; width:40px; }
.scrollToTop span{ line-height:0px}

.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background:#fff url(../images/logo.png) no-repeat center center; z-index:99999999 !important }
/*-----------footer-------------------*/

.footer { width:100%; 	height:auto; margin:0px auto 0; display:block; 	clear:both; background:#000; overflow:hidden; padding:0px 0; }
.footer_in { width:1170px; 	margin:40px auto 20px; display:block; height:auto; overflow:hidden; }
.div9 { width:20% !important; }
.icon{ clear:both}
.icon span{ width: 38px;height: 38px;text-align: center;line-height: 15px;float: left;margin-right: 10px;padding: 9px;display: block;font-size: 17px;}
.icon .fa-facebook{ background:#4867aa !important;     border: 1px solid #5480e0;}
.icon .fa-twitter{ background:#1da1f2 !important; border: 1px solid #52b0eb; }
.icon .fa-google-plus{ background:#cf4438 !important; border:1px solid #f66154}
.icon .fa-linkedin{ background:#0677b4 !important;     border: 1px solid #1ea1f2;}
.icon a{ color:#FFF}
.icon .fa:hover{ opacity:.8}
.about img{ margin-bottom:35px !important}
.quofoo a{ padding:0 !important}
.banner .frs-slideshow-container .frs-skin-default .frs-bullets-wrapper ul.frs-bullets{ bottom:150px !important  }
.div11 { width:25% !important; }
.div11 ul li a span{ width:20px; height:20px; padding:8px; background:#333 ; text-align:center; line-height:20px;}
.div8 { width:100%; float:left }
.footer_main { 	width:100%; margin:30px auto 0px; display:table; }
.services { width:22%; float:left; margin:0px 40px 0px 0px; }

.div10 ul li{padding:0; line-height:0px;
 margin-bottom:0px; display:flex}
.div10 ul { padding-bottom:15px !important}
.services h5 {	color:#FFF; font-size:22px;     margin-bottom:5px;  padding: 0px 0 10px; color: #FFF;   font-size: 20px;     padding: 0px 0 10px;     font-weight: 500;
        }
.line_footer {  width: 81px; height: 3px;  background: #3788c8;  margin-top: -10px;  margin-bottom: 25px; display:none;}
.services a img:hover{ opacity:.7}

.div7 {	margin-top:10px; }
.services:nth-child(4n) { margin-right: 0;}

.services img{ float:left; margin: 2px;  border-radius: 2px;}
.services ul {	margin:0px;	padding:0px;	list-style-type:none;}
.services ul li {display:block;	color:#FFF; line-height:25px; font-size:14px; }
.services ul li:last-child{ border-bottom:0 !important}
.services ul li:before{     content: "\f105";  display:none !important;   font: normal normal normal 14px/1 FontAwesome; color:#FFF}

/*.div10 img{ width:150px;}*/

.services ul li span{ color:#808080; margin-right:10px}

.services ul li a {	color:#FFF;	font-size:14px;	transition: all 0.5s ease 0s; }
.contact ul li:before{ display:none}
.contact ul li{ position:relative; padding-left:50px; border-bottom:0 !important}
.contact_footer img{     position: absolute;
    left: 0;
    top: 0;
   
}
.services p{color:#FFF;	font-size:14px;	transition: all 0.5s ease 0s;}
.contact_footer li a{text-decoration:none; box-shadow: none;}
.services ul li a:hover {color:#0a6cb5;transition: all 0.5s ease 0s;}
.btn_submit2{ float:left ; padding:10px 30px; border:0; border-radius:4px; background:#ee9c0c; color:#000; font-size:18px; cursor:pointer;   }
.btn_submit2:hover{ opacity:.8}
.input_ftr{ width:100%; float:left; padding:10px 20px; box-sizing:border-box;  border:0; height:40px; background:#fafafa; margin-bottom:10px}

.services p a{ color:#fff; clear:both; transition: all 0.5s ease 0s;}
.services h3{ font-size:15px; color:#FFF;    padding-bottom:5px}
.services p a:hover{ color:#0a6cb5; transition: all 0.5s ease 0s;}
.div9 p{ font-size:14px !important}
.footer_main p {text-align:left; font-size:14px; padding:0px 0 10px 0; 	margin-bottom:0; line-height:25px; 	color:#FFF; 	clear:both; float:left ;  font-family: 'SegoeUI-SemiBold'; font-family: 'Poppins-Light'; }
.footer_main p a{box-shadow: 0 0px 0 0 !important;}



.copyright { background: #000;   clear: both;  padding: 15px 0;  width:100%; display:table}
.copyright .wrapper{ width:1170px}
.copyright p {
    color: #FFF;
    font-size: 15px; text-align:center; margin-bottom:0
   
}
/*-----inner-Page------*/

.services p strong{ color:#fff !important}

.inner_page{ margin:50px auto; display:table; width:100%}
.banner_about{ padding:0px !important; height:70%;  position:relative;     margin: 0 auto 0px;}
.banner_about img{  width:100%; height:100%;}

.banner_about_in { position:absolute; left:0; right:0; margin:0 auto; width:1170px; top:70% }
.banner_about_in h1{  color:#fff; font-size:30px; display:table; padding:2px 20px; float:left; background: rgba(0, 0, 0, 0.43);}
.banner_about_in p{  color:#fff; font-size:33px; display:table; padding:15px 20px; float:left; background: rgba(0, 0, 0, 0.43); margin-bottom:0px;}
.banner_about_in ul{ float:right; margin-top:20px }
.banner_about_in ul li{ float:left; margin-right:12px; font-size:16px}
.banner_about_in ul li a{ color:#FFF; }
.active3 a{ color:#fe5252 !important}

/*conatct*/
.contact_page{ width:100%; clear:both; margin:40px auto 0; display:table}
.contact_pageleft{ width:45%; float:left; padding: 20px;
    background: #fafafa;  box-sizing: border-box;  border-radius: 5px; border:1px solid #ececec}
.contact_pageleft h3{   
 font-size: 30px;
 color: #333; margin-bottom:10px}
 
.contact_pageleft ul{ padding:0; margin:0 0 20px 0}
.contact_pageleft ul li{ background:url(../images/arrow5.png) no-repeat; background-position:0px 5px; padding-left:15px; font-size:14px; padding-bottom:5px}
.contact_pageright{ width:50%; float:right; padding-bottom:0px}

.contact_pageright .colmd_12{ margin-bottom:10px}
.contact_pageright{}
.contact_pageright .formcontrol2{ border-radius:0px; border:1px solid #b8b8b8; padding:15px 15px ; }
.contact_pageright .wpcf7-submit{ width:30%}
.contact_pageright textarea{ height:130px}
.formcontrol2{ clear:none; float:left; color:#333; width:100%; padding:8px 12px; margin:0px 0 12px 0 !important; font-size:14px;
 border:1px solid #3888c7 !important; border-radius:1px;  box-sizing:border-box; background:#FFF  }

.btn_submit {  background: #3788c8;  padding: 12px 25px;  text-align: center;  border-radius: 25px;  color: #FFF;  font-size: 17px;  border: 0px; cursor: pointer;  transition: all 0.5s ease 0s;   width: 50%;}
.btn_submit:hover{ background:#1a629c}
.contact_pageleft 
p span{ font-weight:bold; padding-right:5px}


.about_left{ width:70%; float:left}
.aboutpage_right{ width:25%; float:right}
.aboutpage_right ul{ margin:0}
.aboutpage_right ul li{ width:100%; margin:0 auto 0px;     border-bottom: 1px solid #d3d3d3;}
.aboutpage_right ul li:last-child{ border-bottom:0 !important}
.aboutpage_right ul li a{     background: #f2f2f2;
    padding: 6px 20px;
    text-align: left;
    display: block;
    color: #000;
    box-sizing: border-box;
}
.aboutpage_right ul li a:hover{ background:#0a6cb5; color:#FFF}
.aboutpage_right section{     margin-bottom: 15px;   display: block; width: 100%;}
.aboutpage_right h2{    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0px !important;
    background: #489bdd;
    text-align: left;
    padding: 10px 20px;
    color: #FFF;
    font-size: 20px;
}
.footer_in ul li {}
p.frs-caption-button.frs-buttonskin-white a:hover span{ background:none !important; border:0 !important}

/*-------------resoures-----------*/
.inner_page h3{ font-size:20px;     font-weight: bold; margin-bottom:10px ; color:#4b4b4b; margin-top:20px !important }
.ui-accordion-content{ font-size:14px}

table.responsive span[data-type="responsive"]{
	display:none;
}    table{
			width:100%;
			border-collapse: collapse; 			
		}
		
		tr:nth-of-type(odd) { 
		  background: #eee; 
		}
		th { 
		  background: #2a699b; 
		  color: white; 
		  font-weight: bold; 
		}
		td, th { 
		  padding: 6px 12px; 
		  border: 1px solid #ccc; 
		  text-align: left; 
		}


.resource_left table{ margin-bottom:20px}
.about_left ul{ padding:0 0 0 0px; margin:5px 0 0 0}
.about_left ul li { font-size:15px; color:#333; line-height:25px; position:relative; padding:0 0 0 20px}
.about_left ul li:before{     content: "\f101"; position: absolute; left: 0; font: normal normal normal 14px/1 FontAwesome;  top: 3px;  color: #3888c7; font-size: 17px; }

.inner_page h4{ font-weight:bold; color:#3888c7; margin-top:10px; margin-bottom:10px; letter-spacing:0 !important; text-transform:inherit}


.subscibe {  width: 100%; height: auto; display: table;  background: #f6f6f6;  padding:30px 40px; box-sizing: border-box;  max-width: 500px;  margin: 0 auto; border-radius: 10px;}
.subscibe h4{ margin-bottom:15px; text-align:center; font-size:22px}
.colmd_6{ width:100%; float:left;     padding: 0 5px;  box-sizing: border-box;}
.button .formcontrol2{ background:#3888c7; color:#FFF; cursor:pointer;  } 
.button .formcontrol2:hover{ opacity:.8; }
.formcontrol2{ }

.partner { padding:20px 0 0 0}
.partner img{ border:1px solid #CCC}
.partner h4{ margin:10px auto; font-size:20px;     border-bottom: 1px solid #939393;
    padding-bottom: 5px; }
	
.div_img img{ width:100%; margin:0 auto 15px}	
	


.get_quote {  width: 100%; height: auto; display: table;  background: #f6f6f6;  padding:30px 40px; box-sizing: border-box;  max-width:;  margin: 0 auto; border-radius: 10px;}
.get_quote h4{ margin-bottom:15px; text-align:left; font-size:22px; padding-top:15px}
.get_quote .colmd_6{ width:50%}


.colxm_12 { width:100%; margin:0 auto; display:block; clear:both;}
.colxm_12 label{ width:25%; float:left;  }
.commodity_right{ width:65%; float:left}
.colxm_6{ width:50%; float:left; padding:0 10px; box-sizing:border-box}
.colxm_3{ width:auto; float:left; padding:0 10px; box-sizing:border-box}
.shipping_info p{ float:left; min-width: 151px;  padding-left: 9px;}
.colxm_8{ padding:0 10px; width:100%}

.frs-caption-content h4{margin: 0 auto 0px;
display: block;
font-size: 50px !important;
color: #FFF;
padding: 4px 0px 0px 0;
text-align: center;

line-height: 80px;
}

.frs-caption-content p{font-size: 19px !important;
color: #FFF;
display: block;
margin-bottom: 0;
padding: 10px 0;
text-align: center;
}

.frs-caption-content{z-index:99999999999; margin-top:77px}
.frs-slideshow-container .frs-skin-default .frs-bullets-wrapper ul.frs-bullets{bottom:28px !important}
.frs-slideshow-container .frs-wrapper.frs-skin-default ul.frs-bullets li.frs-bullets-active{background-color:#3788c8 !important}
.frs-caption-button a{color: #FFF;

display: table;
box-sizing: border-box;
padding: 12px 10px !important;

font-size: 18px !important;
margin: 0px auto;
float: none;
background: #0a6cb5; border:none !important} 

.frs-caption-button a span{border:none !important;}
.frs-caption-button a span:hover{border:none !important; background: #3788c8 !important;}
.frs-slideshow-container .frs-slideshow-content img:after{background: rgba(0, 0, 0, 0.35);
content: "";
position: absolute;
left: 0;
right: 0;
height: 100%;
z-index: 1;
top: 0;}

.frs-wrapper .frs-caption.frs-caption-position-center .frs-caption-content {
    margin: 0 auto;
    width: 62% !important;}

.main-navigation a{ padding:10px 16px}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    /* font-weight: 700; */
    color: #fff !important;
   
    color: #fff !important;
    background: #0a6cb5 !important ;transition: all 0.5s ease;
   
    line-height:20px !important
}
.frs-caption-button a:hover { background:#00c2ff; color:#fff !important; transition: all 0.5s ease;}
p.frs-caption-button.frs-buttonskin-white a:hover span{ background:#00c2ff; color:#fff !important; transition: all 0.5s ease;}
/*.main-navigation a:hover{  background: #69ace2 !important ;  border-radius: 3px;
    line-height:16px !important; color:#FFF !important}
	
*/

.submit{background: #0a6cb5; color:#fff !important; border:none !important; padding:10px 15px;}
.submit:hover { background:#00c2ff; color:#fff !important; transition: all 0.5s ease;}

.more-link{ color:#0a6cb5;}

h2{ font-weight:bold; margin-top:10px !important; margin-bottom:10px !important; font-family: 'Poppins-Regular';}
.responsive br{ display:none}
.menu-item-206 a{ padding:8px 15px !important; background:#FF0000; border-radius:4px }  

.about_left .accordion h3{ font-weight:normal !important; font-size:17px !important; padding: 10px 20px !important; margin-top:12px;     border: 1px solid #c1c1c1;
    border-radius: 2px; }
.ui-accordion .ui-accordion-content p{ font-size:15px}

.wpcf7-submit{     background: #0a6cb5;
    /*padding: 12px 25px;*/
    text-align: center;
    padding: 7px 25px;
    color: #FFF;
    font-size: 17px;
    border: 0px;
    cursor: pointer;
    transition: all 0.5s ease 0s;}
.wpcf7-submit:hover{ background:#00c2ff; color:#fff !important; transition: all 0.5s ease;}

.service_readmore{ background: #0a6cb5; text-align: center; padding: 7px 25px; color: #FFF !important; font-size: 14px; border: 0px; cursor: pointer; transition: all 0.5s ease 0s; width:auto; margin:0 auto; display:table; border-radius: 30px;}
.service_readmore:hover{ background:#00c2ff; color:#fff !important; transition: all 0.5s ease;}

.colxm_8 .wpcf7-submit{ width:30%}

div.wpcf7 .ajax-loader{ display:none;}

.tnp-subscription input {     border: 1px solid #3888c7 !important;
    border-radius: 1px;
    box-sizing: border-box; padding:0.625em 0.4375em !important; height:auto !important;
    background: #FFF !important;}
.tnp-subscription .tnp-submit{  background: #3788c8 !important;
    padding: 12px 25px !important;
    text-align: center;
    border-radius: 25px;
    color: #FFF;
    font-size: 17px;
    border: 0px;
    cursor: pointer;
    transition: all 0.5s ease 0s;}
	.subscibe .colmd_6{ padding:0}
	.tnp-subscription label{ padding:10px 0}
	
.subscibe textarea{ height:100px}	
span.wpcf7-not-valid-tip {  display: inline;}

.quofoo{padding-top:5px !important;}	
	.frs-wrapper.frs-skin-default .frs-caption{/* background: rgba(30, 30, 30, 0.41);*/  background: rgba(0, 0, 0, 0.5);}


.why_choose_div ul li:nth-child(3){margin-right: 0;}
.why_choose_div ul li:nth-child(6){margin-right: 0;}
.homeservice_con{text-align:center;}
.homeservice_icon{ /*border: 1px solid #333; border-radius: 50%;*/ display: flex; height: 75px; line-height: 45px; margin: 0 auto; text-align: center;  transition: all 0.5s ease 0s;
    width: 75px;background:#fff;}

.homeservice_icon:hover{ /*background: #f9f9f9 none repeat scroll 0 0; box-shadow: 0 0 0 5px #0a6cb5;border: 1px solid #0a6cb5;*/}
 .why_choose_div .readmore{text-align:center;}
.why_choose_div .readmore a{color:#333 !important; font-size:18px; padding:10px 20px; border: 1px solid #333; transition: all 0.5s linear 0s; font-weight:normal !important; font-family:Arial, Helvetica, sans-serif;}
.why_choose_div .readmore a:hover{color:#fff !important; border: 1px solid #0057a1; background:#0057a1; transition: all 0.5s linear 0s;}

.homeplan_section{
background: rgba(0, 0, 0, 0) url("../images/packages-bg.png") no-repeat fixed center center / cover ; overflow: hidden; padding:45px 0 70px;}

.homeplan_section h2 {color: #fff;font-size: 35px;text-align: center; text-transform: uppercase;}
.homeplan_section ul {display: table;margin: 0;padding: 25px 0 0; width: 100%;}
.homeplan_section ul li {box-sizing: border-box;float: left;overflow: hidden;padding: 0;position: relative;width:33.3%; text-align:center;padding:10px; }
.homeplan_con{ width:100%; background-color: rgba(0,0,0,0.6);padding:30px 10px 10px; min-height: 185px;transition: all 0.5s linear 0s;}
.homeplan_con:hover{ /*background:#0057a1;*/ background:#0a6cb5; transition: all 0.5s linear 0s; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);}
.homeplan_section ul li a{color:#000;}
.homeplan_section ul li img {
   /* margin-left: 35px;
    margin-top: 35px;
    max-height: 225px;*/
    transform: scale3d(1, 1, 1);
    transition: all 0.5s linear 0s; display:block; margin:0 auto 20px;
	/*width:40px; margin-right:10px;*/
}
.homeplan_section ul li h3 a{ color:#fff; line-height:20px;}
.homeplan_section .readmore{text-align:center;}

.homeplan_section .readmore a{color:#fff !important; font-size:18px; padding:10px 20px; border: 1px solid #fff; transition: all 0.5s linear 0s; font-weight:normal !important; font-family:Arial, Helvetica, sans-serif;}
.homeplan_section .readmore a:hover{color:#fff !important; border: 1px solid #0057a1; background:#0057a1; transition: all 0.5s linear 0s;}
	
.homeplan_section ul li h3 {
    font-size: 20px;
    padding-bottom: 0; line-height:20px !important;
}	
	
	
	
.hometesti_section{ padding:50px 0px 50px 0px;
background: rgba(0, 0, 0, 0) url("../images/background1.png") no-repeat fixed center center / cover ;}
.hometesti_section h2 {color: #fff; font-size: 35px; text-align: center; margin-top: 0px!important;text-transform: uppercase;}
.hometesti_section p{color:#fff;}
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-title {color: #fff!important;}
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-companyname {color: #fff!important;}
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box .box-designation {color: #fff!important;}





.homelogo_section{padding:45px 0px 50px 0px;}	
.homelogo_section h2 {color: #000; font-size: 35px;text-transform: uppercase;  text-align: center; margin-top: 0px!important;}		
	
	
.bottom_section{background: rgba(0, 0, 0, 0) url("../images/contact.png") no-repeat fixed center center / cover  ; overflow: hidden; padding:45px 0}
 .bottom_section h2 {color: #fff; font-size: 35px;text-transform: uppercase;  text-align: center; margin-top: 0px!important; margin-bottom:25px !important; }	
    .bottom_section h3 {/*background: rgba(0, 0, 0, 0.27) none repeat scroll 0 0;*/
    color: #333;
    font-weight: bold;
    left: 0;
    margin: 0 auto;
   /* padding: 10px 0;
    position: absolute;*/
    right: 0;
    text-align: left;
    text-transform: inherit;
    top: 23%;
    width: 100%; font-size:20px;	}
	
	.bottom_section h3 a {color: #333;}
	
.topsection{position:relative;}
.topsection h3{background: rgba(0, 0, 0, 0.27) none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    left: 0;
    margin: 0 auto;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: inherit;
    top: 23%;
    width: 64%; font-size:20px;	}
.bottomleft_section{width:48%; float:left; }	
.contact_division .bottomleft_section{ padding:0px !important; background:none;}

.bottomleft_homeform{background:rgba(0, 0, 0, 0.4);/*background:rgba(255, 255, 255, 0.2);*/   padding:15px 15px 10px; box-sizing:border-box; width:100%;min-height: 412px;}

/*.bottom_section .bottomleft_section input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea{ border:none ; border-radius:0px !important;}*/

.bottomright_section{width:48%; float:right; position:relative;}	
.bottomright_section img{width: 100%;}
.bottomright_content{}

.bottomright_section ul li{background: #fff; padding:15px; margin-bottom:5px !important; box-sizing:border-box; float:left; width:100%;}
.bottomright_section ul li img{ width:104px; height:104px; object-fit:cover; float:left;}

.bottomright_section ul{ margin-left:0px;}
.cycle-slideshow .cycle-carousel-wrap .cycle-slide .testimonial-box, .cycle-slide .testimonial-box{ padding-bottom:35px !important;}
	
.footer_col{}

/*.bottomright_blog{ background:#fff;}*/
.readmore a{ color:#fff !important; font-weight:normal !important;}
.readmore{ float:left !important; margin-top:7px;}

.bottomright_content{ width:75%; float:left; padding-left:20px;}
.bottomright_content ul{ margin:0px !important;}

.bottomright_contect{ padding:0px !important; width:100% !important;}
.bottomright_contect ul li{ padding:0px !important;}


.header_top{margin-top:0px; background:#3d4246; padding:0px 0; }
.header_bottom_sec { float:right; /*padding-left: 7px;*/ }
.header_bottom_sec a{color: #fff !important; padding:6px 10px; border-radius:0px;transition: all 0.5s ease; font-size:14px;float: left;}
.header_bottom_sec a:hover{ color:#d2d2d2 !important; transition: all 0.5s ease;}
.reseller{ background:#0a6cb5}

.rpt_foot{ background:#0057a1 !important;}

.ptsColDesc p span{ color:#fff !important;}
.ptsColHeader p span{ color:#fff !important;}


.sticky {position: fixed;top: 0;width: 100%;background:#fff; transition: all 0.5s ease 0s;padding:8px 0px; box-shadow: 0px 0px 10px 0px #ccc;}
.sticky .logo img{ width:165px; height:100%; transition: all 0.5s ease 0s; }
.sticky .site-header-menu{ padding-top:6px;}
.site-branding{ margin-bottom:0px;}

.entry-content ul{ margin-left:15px !important;}
.entry-content ul li{color: #333;font-size: 15px; background:url(../images/li-icon.png) no-repeat left 10px; padding-left:15px;}
.entry-content ul li a{color: #333;font-size: 15px;}
.bottomright_content ul li{ background:none;}

.ptsColHeader .ptsEl span{ font-family: 'Poppins-Light' !important; font-size:20px !important;}
.ptsColHeader .ptsEl span span{ font-family: 'Poppins-Light' !important;}

.fa-check{ color:#0a6cb5 !important;}
.fa-times{ color:#0a6cb5 !important;}
.ptsActBtn{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #1a1a1a)); border:none !important; }
.ptsActBtn:hover{ background:#0a6cb5 !important; }
.ptsActBtn a{color:#fff !important; font-family: 'Poppins-Light' !important;}



.get-started{ background:url("../images/started.png") no-repeat fixed center center / cover  ; padding:50px 0 !important; display: flex; }
.get-started-left{ width:60%; float:left;}
.get-started-left p{ margin-bottom:0px; font-size:30px; text-align:center; font-family: 'Poppins-Regular'; color:#000;}
.get-started-right{ width:40%; float:left; padding: 10px 0; text-align: center;}
.get-started-right .wpcf7-submit{ font-size:22px !important; margin-right:30px;}

.client_image{ display:none;}
.rslides li{ color:#fff !important; font-size:15px !important;}

/*.top-header-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center; align-items: center;}*/
.mobile-menu{ display:none}

@media screen and (min-width:320px) and (max-width:360px) {
.wrapper{ width:290px}
.navigation{  background:none; width:290px; clear:both; top:145px; z-index:99999999}
.header{  padding:10px 0}
.header p{ clear:both; text-align:center; line-height:22px}
.logo{  display:table; margin:0 auto; width: 110px; }
.logo img{ width:100%}
.copyright .wrapper{width:290px}
 h2{ font-size:23px !important}
.why_choose_div{ padding:20px 0 20px 0}
.why_choose_div ul li{ width:100%; min-height:inherit; margin:0 0 15px }
.why_choose_div ul{ padding:0px 0 0 0}
.footer_in{ width:290px; margin:10px auto}
.services{ width:100% !important; padding-bottom:30px }
.div10 ul{ padding-bottom:0 !important}

.line_footer{ margin-bottom:10px}
.site_footer li{ width:100%}
.testiomonials ul li img{ margin:0 auto 10px !important}
.testiomonials li{ width:85px !important}

#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#3b89c8; clear:both; float:right;  bottom:50px; right:0; border-radius:4px }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}
.logo_right{ width:100%;}
.btn_get{ color:#3788c8 !important}
.header_top ul li{     width: auto; font-size: 12px; margin-right:0}
.header_top ul li a { color: #FFF;  transition: all 0.5s ease;  padding: 0 5px 0 5px;   box-sizing: border-box;}
.header_top ul li a{ display:block}
.header_top ul{     float: none;
    display: table;
    margin: 0 auto;
}

.btn_get{ padding:0 !important; background:none !important; color:#3788c8 !importan; font-size:13px; text-align:left !important}
.div_position{ position:relative; }
.about_sec img{ max-width:290px; float:none}
#cssmenu.small-screen { margin-bottom: -40px;}
.banner_content{ margin:0 auto !important}
.line{ margin-bottom:10px}
.about_right{ width:100%; padding:10px 0 0 0}
h2{ text-align:center !important;}
.about_right p{ text-align:justify}
.about_sec img{ margin:0 auto 10px; display:block}





.banner_about_in{ width:290px; top:40%}
.about_left{ width:100%}
.about_left p{ text-align:justify}
.aboutpage_right{ width:100%}
.banner_about img{ height:150px}
.banner_about_in h1{ font-size:20px}
.inner_page{ margin:30px auto}

.contact_pageleft{ width:100%}
.contact_pageleft h3{ font-size:25px}
.contact_page{ margin:20px auto 0}
.contact_pageright{ width:100%}


.menu-item-206{width: 100% !important; text-align: center;  float: none !important;  clear: both;  max-width: 200px;  margin: 0 auto !important;}
.partner img{ width:160px;}

.header_bottom_sec

.header_bottom_sec{  padding-left:5px; margin-top:0px !important;}
.header_bottom_sec a{ padding:4px 4px 4px !important; font-size:11px;}
.header_bottom_sec {float: right; padding-left: 4px !important; margin-bottom:3px;}
#home-sliderpjc-slideshow .frs-caption p, #home-sliderpjc-slideshow .frs-caption-inner p{ display:none;}
.frs-slideshow-container .frs-wrapper.frs-responsive-mobile-small .frs-caption{ padding:0px !important;}
.banner .frs-caption-content h4{ font-size:22px !important}
.frs-slideshow-container{ min-height:100% !important;}
.homeplan_section ul li{ width:100%; margin-bottom:15px !important;}
.homeplan_section ul{ padding:0px 0px 25px !important;}
.bottomleft_section{ width:100%; margin-bottom:25px;}
.bottomright_section{ width:100%;}
.bottomright_section img{ height:auto;}
.bottomright_content{ padding:25px !important;}

.bottomright_section ul li img{ width:70px; height:70px;}
.bottomright_content{ width:72%; float:left; padding:0px 10px 10px !important;}

.get-started-left{ width:100%;}
.get-started-right{ width:100%;}
.get-started-left p img{ width:30px; height:30px;}
.get-started-left p{ font-size:22px;}

.footer_main .services{ display:none;}
.footer_main .services.mobile-menu{ display:block; text-align:center;}
.header_bottom_sec{ margin-bottom:0}
.header_bottom_sec a{ padding:4px 13px 4px !important}
.header_bottom_sec a i{ font-size:16px; padding-top:5px}
.header_bottom_sec a span{ display:none}
.header_bottom_sec .reseller span{ display:block; font-size:14px;}
}




@media screen and (min-width:320px) and (max-width:767px) {
/*.why_choose_div ul li{ margin-bottom:15px}*/
.why_choose_div ul li{ margin-bottom:15px !important; padding-top:20px !important;}

.banner_bottom{     background-position: 80%;}

.js div#preloader{ background-size:50%}
.innerpage_right .form-div{ margin-bottom:20px}
.col_md3 select {
   
    background-position: 92% !important;
}


.aboutpage_right h2{ font-size:16px !important; padding:6px 20px}
/*menu-toggle*/
.menu-toggle {  width: 40px; height: 32px; background: #0a6cb5 url(../images/toggle.png) no-repeat;  font-size: 0;  border: 0;  background-position: 50%; border-radius: 2px;    font-size: 0 !important;}
.main-navigation ul{ background:#111}
.main-navigation ul .toggled-on {  display: block;  background: #282828;}
.main-navigation ul ul a{ color:#FFF}
.dropdown-toggle:after{ border:0}
.dropdown-toggle:hover, .dropdown-toggle:focus { background-color: #0a6cb5;   color: #fefefe;}

/*menu-toggle*/

/*.banner .frs-caption-content h4{ font-size:40px !important}*/
.home .banner .frs-caption { padding:0 20px !important}

.entry-content{ margin:0 !important}
.about_left{ margin-bottom:20px}
.inner_page h3{ font-size:16px !important}

.colmd_6{ width:100% !important}
.get_quote{ padding:15px}
.colxm_12 label{ width:100%}
.commodity_right{ width:100%} 
.colxm_6{ width:100%; padding:0}
.commodity_right span.wpcf7-list-item {
    display: block;
    margin: 0;
}.colxm_8{ padding:0}
.colxm_3{ padding:0}
.colxm_8 input{ width:50% !important}

/*.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a{ background:none !important; bo} */

.post-thumbnail{ margin-left:0px !important; margin-right:0px !important;}
.entry-header{ margin:0px !important;}

.homeplan_section{ padding-bottom:0px !important;}


.bottomright_content h3{ line-height: 24px !important;font-size: 18px; margin-bottom:8px}
.main-navigation a:hover{ background:#0a6cb5 !important;}

.get-started-right .wpcf7-submit {
    font-size: 18px !important;
    margin-right: 10px !important;
}



}


@media screen and (min-width:361px) and (max-width:480px) {
.wrapper{ width:320px}
.navigation{  background:none; width:320px; clear:both; top:145px; z-index:99999999}
.header{  padding:10px 0}
.header p{ clear:both; text-align:center; line-height:22px}
.logo{  display:table; margin:0 auto; width: 110px; }
.logo img{ width:100%}
.copyright .wrapper{width:290px}
 h2{ font-size:25px !important}
.why_choose_div{ padding:20px 0 20px 0}
.why_choose_div ul li{ width:100%; min-height:inherit }
.why_choose_div ul{ padding:0px 0 0 0}
.footer_in{ width:320px; margin:10px auto}
.services{ width:100% !important; padding-bottom:30px }
.div10 ul{ padding-bottom:0 !important}

.line_footer{ margin-bottom:10px}
.site_footer li{ width:100%}
.testiomonials ul li img{ margin:0 auto 10px !important}
.testiomonials li{ width:85px !important}

#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#3b89c8; clear:both; float:right;  bottom:50px; right:0; border-radius:4px }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}
.logo_right{ width:100%;}
.btn_get{ color:#3788c8 !important}
.header_top ul li{     width: auto; font-size: 12px; margin-right:0}
.header_top ul li a { color: #FFF;  transition: all 0.5s ease;  padding: 0 5px 0 5px;   box-sizing: border-box;}
.header_top ul li a{ display:block}
.header_top ul{     float: none;
    display: table;
    margin: 0 auto;
}
.btn_get{ padding:0 !important; background:none !important; color:#3788c8 !importan; font-size:13px; text-align:left !important}
.div_position{ position:relative; }
.about_sec img{ max-width:290px; float:none}
#cssmenu.small-screen { margin-bottom: -40px;}
.banner_content{ margin:0 auto !important}
.line{ margin-bottom:10px}
.about_right{ width:100%; padding:10px 0 0 0}
h2{ text-align:center !important;}
.about_right p{ text-align:justify}
.about_sec img{ margin:0 auto 10px; display:block}


.banner_about_in{ width:320px; top:40%}
.about_left{ width:100%}
.about_left p{ text-align:justify}
.aboutpage_right{ width:100%}
.banner_about img{ height:150px}
.banner_about_in h1{ font-size:20px}
.inner_page{ margin:30px auto}

.contact_pageleft{ width:100%}
.contact_pageleft h3{ font-size:25px}
.contact_page{ margin:20px auto 0}
.contact_pageright{ width:100%}
.menu-item-206{width: 100% !important; text-align: center;  float: none !important;  clear: both;  max-width: 200px;  margin: 0 auto !important;}
.partner img{ width:160px;}


.header_bottom_sec{  padding-left:5px; margin-bottom:3px;}
.header_bottom_sec a{  padding:4px 7px 4px; font-size:11px;}
#home-sliderpjc-slideshow .frs-caption p, #home-sliderpjc-slideshow .frs-caption-inner p{ display:none;}
.frs-slideshow-container .frs-wrapper.frs-responsive-mobile-small .frs-caption{ padding:0px !important;}
.banner .frs-caption-content h4{ font-size:22px !important}
.frs-slideshow-container{ min-height:100% !important;}
.homeplan_section ul li{ width:100%; margin-bottom:15px !important;}
.homeplan_section ul{ padding:0px 0px 25px !important;}
.bottomleft_section{ width:100%; margin-bottom:25px;}
.bottomright_section{ width:100%;}
.bottomright_section img{ height:auto;}

.bottomright_section ul li img{ width:70px; height:70px;}
.bottomright_content{ width:72%; float:left; padding:0px 10px 10px !important;}

.get-started-left{ width:100%;}
.get-started-right{ width:100%;}
.get-started-left p img{ width:30px; height:30px;}
.get-started-left p{ font-size:22px;}

.footer_main .services{ display:none;}
.footer_main .services.mobile-menu{ display:block; text-align:center;}
.header_bottom_sec{ margin-bottom:0}
.header_bottom_sec a{ padding:4px 13px 4px !important}
.header_bottom_sec a i{ font-size:16px; padding-top:5px}
.header_bottom_sec a span{ display:none}
.header_bottom_sec .reseller span{ display:block; font-size:14px;}
}



@media screen and (min-width:481px) and (max-width:550px) {
.wrapper{ width:440px}
.navigation{  background:none; width:440px; clear:both; top:145px; z-index:99999999}
.header{  padding:10px 0}
.header p{ clear:both; text-align:center; line-height:22px}
.logo{  display:table; margin:0 auto; width: 110px; }
.logo img{ width:100%}
.copyright .wrapper{width:290px}
 h2{ font-size:25px !important}
.why_choose_div{ padding:20px 0 20px 0}
.why_choose_div ul li{ width:100%; min-height:inherit }
.why_choose_div ul{ padding:0px 0 0 0}
.footer_in{ width:440px; margin:10px auto}
.services{ width:100% !important; padding-bottom:30px }
.div10 ul{ padding-bottom:0 !important}

.line_footer{ margin-bottom:10px}
.site_footer li{ width:100%}
.testiomonials ul li img{ margin:0 auto 10px !important}
.testiomonials li{ width:85px !important}

#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#3b89c8; clear:both; float:right;  bottom:50px; right:0; border-radius:4px }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}
.logo_right{ width:100%;}
.header_top ul li{     width: auto; font-size: 12px; margin-right:0}
.header_top ul li a { color: #FFF;  transition: all 0.5s ease;  padding: 0 5px 0 5px;   box-sizing: border-box;}
.header_top ul li a{ display:block}
.header_top ul{     float: none;
    display: table;
    margin: 0 auto;
}
/*.btn_get{ padding:0 !important; background:none !important; color:#3788c8 !importan; font-size:13px; text-align:left !important}*/
.div_position{ position:relative; }
.about_sec img{ max-width:290px; float:none}
#cssmenu.small-screen { margin-bottom: -40px;}
.banner_content{ margin:0 auto !important}
.line{ margin-bottom:10px}
.about_right{ width:100%; padding:10px 0 0 0}
h2{ text-align:center !important;}
.about_right p{ text-align:justify}
.about_sec img{ margin:0 auto 10px; display:block}


.banner_about_in{ width:440px; top:40%}
.about_left{ width:100%}
.about_left p{ text-align:justify}
.aboutpage_right{ width:100%}
.banner_about img{ height:150px}
.banner_about_in h1{ font-size:20px}
.inner_page{ margin:30px auto}

.contact_pageleft{ width:100%}
.contact_pageleft h3{ font-size:25px}
.contact_page{ margin:20px auto 0}
.contact_pageright{ width:100%}
.menu-item-206{width: 100% !important; text-align: center;  float: none !important;  clear: both;  max-width: 200px;  margin: 0 auto !important;}
.partner img{ width:180px;}


.header_bottom_sec{  padding-left:5px;}
.header_bottom_sec a{ padding:4px 7px 4px; font-size:11px;}
#home-sliderpjc-slideshow .frs-caption p, #home-sliderpjc-slideshow .frs-caption-inner p{ display:none;}
.frs-slideshow-container .frs-wrapper.frs-responsive-mobile-small .frs-caption{ padding:0px !important;}
.banner .frs-caption-content h4{ font-size:35px !important}
.frs-slideshow-container{ min-height:100% !important;}
.homeplan_section ul li{ width:100%; margin-bottom:15px !important;}
.homeplan_section ul{ padding:0px 0px 25px !important;}
.bottomleft_section{ width:100%; margin-bottom:25px;}
.bottomright_section{ width:100%;}
.bottomright_section img{ height:auto;}

.bottomright_section ul li img{ width:70px; height:70px;}
.bottomright_content{ width:81%; float:left; padding:0px 10px 10px !important;}

.get-started-left{ width:100%;}
.get-started-right{ width:100%;}
.get-started-left p img{ width:30px; height:30px;}
.get-started-left p{ font-size:22px;}

.entry-content p img{ margin:0 auto !important; display:table !important; float:none !important;}
.footer_main .services{ display:none;}
.footer_main .services.mobile-menu{ display:block; text-align:center;}
.header_bottom_sec{ margin-bottom:0}
.header_bottom_sec a{ padding:4px 13px 4px !important}
.header_bottom_sec a i{ font-size:16px; padding-top:5px}
.header_bottom_sec a span{ display:none}
.header_bottom_sec .reseller span{ display:block; font-size:14px;}
}





@media screen and (min-width:551px) and (max-width:640px) {
.wrapper{ width:520px}
.approach_div{ width:520px; display:block}
.approach_in{ width:520px; display:block; margin:20px auto }
.navigation{  background:none; width:520px; clear:both; top:145px; z-index:99999999}
.logo{  display:table; margin:0 auto; width: 120px; }
.header_topleft{ width:50%; text-align:center; padding:0px 0}
.header_topleft p:nth-child(1){ display:none}
.div_1 { display:block}
.header_top ul{ }
.header{  padding:10px 0}
.header p{ clear:both; text-align:center; line-height:22px}
.logo{  display:table; margin:0 auto; width:125px  }
.logo img{ width:100%}
.copyright .wrapper{width:520px}

.banner{ margin:0px auto 0}
 h2{ font-size:35px !important}
.footer_in{ width:520px; margin:10px auto}
.services{ width:100% !important; padding-bottom:30px }
.div10 ul{ padding-bottom:0 !important}
.services ul li{ clear:both}
.line_footer{ margin-bottom:10px}


#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#3788c8; clear:both; float:right;  bottom:50px; right:10px; border-radius:4px }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}
.logo_right{ width:100%;}
.why_choose_div{ padding:40px 0 40px 0}
.why_choose_div ul li{ width:100%; min-height:inherit;  margin:0 0 10px 10px;  max-width: 250px;  }

.why_choose_div ul li:nth-child(4) {  margin-right: auto; }
.why_choose_div ul li:nth-child(8) {   margin-right: auto; }

.line{ margin-bottom:10px}
.about_right{ width:100%; padding:10px 0 0 0}
h2{ text-align:center !important;}
.about_right p{ text-align:justify}
.about_sec img{ margin:0 auto 10px; display:block; float:none}
.about img{ margin:0 20px}




.banner_about_in{ width:520px; top:70%}
.about_left{ width:100%}
.about_left p{ text-align:justify}
.aboutpage_right{ width: 100%;  max-width: 320px;  float: none;  margin: 0 auto; clear: both;}
.banner_about img{ height:200px}
.banner_about_in h1{ font-size:20px}
.inner_page{ margin:30px auto}

.contact_pageleft{ width:100%}
.contact_pageleft h3{ font-size:25px}
.contact_page{ margin:20px auto 0}
.contact_pageright{ width:100%}


.js div#preloader{ background-size:30%}


.header_bottom_sec{  padding-left:5px;}
.header_bottom_sec a{ padding:5px 7px 5px; font-size:13px;}
#home-sliderpjc-slideshow .frs-caption p, #home-sliderpjc-slideshow .frs-caption-inner p{ display:none;}
.frs-slideshow-container .frs-wrapper.frs-responsive-mobile-small .frs-caption{ padding:0px !important;}
.banner .frs-caption-content h4{ font-size:35px !important}
.frs-slideshow-container{ min-height:100% !important;}
.homeplan_section ul li{ width:100%; margin-bottom:15px !important;}
.homeplan_section ul{ padding:0px 0px 25px !important;}
.bottomleft_section{ width:100%; margin-bottom:25px;}
.bottomright_section{ width:100%;}
.bottomright_section img{ height:auto;}

.bottomright_section ul li img{ width:70px; height:70px;}
.bottomright_content{ width:85%; float:left; padding:0px 10px 10px !important;}

.frs-wrapper .frs-caption.frs-caption-position-center .frs-caption-content{ width:100% !important;}

.get-started-left{ width:100%;}
.get-started-right{ width:100%;}
.get-started-left p img{ width:30px; height:30px;}
.get-started-left p{ font-size:22px;}

.entry-content p img{ margin:0 auto !important; display:table !important; float:none !important;}

.footer_main .services{ display:none;}
.footer_main .services.mobile-menu{ display:block; text-align:center;}
.header_bottom_sec{ margin-bottom:0}
.header_bottom_sec a{ padding:4px 13px 4px !important}
.header_bottom_sec a i{ font-size:16px; padding-top:5px}
.header_bottom_sec a span{ display:none}
.header_bottom_sec .reseller span{ display:block; font-size:14px;}
}



@media screen and (min-width:641px) and (max-width:767px) {
.wrapper{ width:600px}
.navigation{  background:none; width:520px; clear:both; top:145px; z-index:99999999}
.header_topleft{ width:50%; text-align:center; padding:0px 0}
.header_topleft p:nth-child(1){ display:none}
.div_1 { display:block}
.header_top ul{ }
.header{  padding:10px 0}
.header p{ clear:both; text-align:center; line-height:22px}
.logo{  display:table; margin:0 auto; width:140px  }
.logo img{ width:100%}
.copyright .wrapper{width:520px}
.banner{ margin:0px auto 0}
 h2{ font-size:35px !important}
.footer_in{ width:600px; margin:10px auto}
.services{ width:100% !important; padding-bottom:30px }
.div10 ul{ padding-bottom:0 !important}
.services ul li{ clear:both}
.line_footer{ margin-bottom:10px}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#3788c8; clear:both; float:right;  bottom:50px; right:10px; border-radius:4px }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px;     }
.logo_right{ width:100%;}
.why_choose_div{ padding:40px 0 40px 0}
.why_choose_div ul li{ width:100%; min-height:inherit;  margin:0 0 10px 10px;  max-width: 290px;  }
.why_choose_div ul{ padding:20px 0 0 0}
.why_choose_div ul li:nth-child(4) {  margin-right: auto; }
.why_choose_div ul li:nth-child(8) {   margin-right: auto; }

.line{ margin-bottom:10px}
.about_right{ width:100%; padding:10px 0 0 0}
h2{ text-align:center !important;}
.about_right p{ text-align:justify}
.about_sec img{ margin:0 auto 10px; display:block; float:none}
.about img{ margin:0 20px}


.banner_about_in{ width:600px; top:70%}
.about_left{ width:100%}
.about_left p{ text-align:justify}
.aboutpage_right{ width: 100%;  max-width: 320px;  float: none;  margin: 0 auto; clear: both;}
.banner_about img{ height:200px}
.banner_about_in h1{ font-size:20px}
.inner_page{ margin:30px auto}

.contact_pageleft{ width:100%}
.contact_pageleft h3{ font-size:25px}
.contact_page{ margin:20px auto 0}
.contact_pageright{ width:100%}

.js div#preloader{ background-size:30%}

#home-sliderpjc-slideshow .frs-caption p, #home-sliderpjc-slideshow .frs-caption-inner p{ display:block;font-size: 14px !important;}
p.frs-caption-button.frs-buttonskin-white{ padding-top:0px !important;}


.header_bottom_sec{  padding-left:5px;}
.header_bottom_sec a{ padding:5px 7px 5px; font-size:13px;}
.frs-wrapper .frs-caption.frs-caption-position-center .frs-caption-content { margin: 13% auto; width: 90% !important;}
.frs-slideshow-container .frs-wrapper.frs-responsive-mobile-small .frs-caption{ padding:0px !important;}
.banner .frs-caption-content h4{ font-size:35px !important}
.frs-slideshow-container{ min-height:100% !important;}
.homeplan_section ul li{ width:50%; margin-bottom:15px !important;}
.homeplan_section ul{ padding:0px 0px 25px !important;}
.bottomleft_section{ width:100%; margin-bottom:25px;}
.bottomright_section{ width:100%;}
.bottomright_section img{ height:auto;}


.logo{  display:table; margin:0 auto; width: 120px; }

.get-started-left{ width:100%;}
.get-started-right{ width:100%;}
.get-started-left p img{ width:30px; height:30px;}
.get-started-left p{ font-size:22px;}


.footer_main .services{ display:none;}
.footer_main .services.mobile-menu{ display:block; text-align:center;}
.header_bottom_sec{ margin-bottom:0}
.header_bottom_sec a{ padding:4px 13px 4px !important}
.header_bottom_sec a i{ font-size:16px; padding-top:5px}
.header_bottom_sec a span{ display:none}
.header_bottom_sec .reseller span{ display:block; font-size:14px;}
}



@media screen and (min-width:768px) and (max-width:991px) {
.wrapper{ width:720px}
.navigation{  background:none; width:520px; clear:both; top:145px; z-index:99999999}
.header_topleft{ width:50%; text-align:center; padding:0px 0}
.header_topleft p:nth-child(1){ display:none}
.div_1 { display:block}
.header_top ul{ }
.header{  padding:10px 0}
.header p{ clear:both; text-align:center; line-height:22px}
.logo{  display:table; margin:0 auto; width: 130px; }
.logo img{ width:100%}
.copyright .wrapper{width:720px}
.banner{ margin:0px auto 0}
 h2{ font-size:28px !important}
.footer_in{ width:720px; margin:10px auto}
.services{ width:33.3% !important; padding-bottom:30px; margin:0 ;padding-right: 30px;}
.div10 ul{ padding-bottom:0 !important}
.services ul li{ clear:both}
.line_footer{ margin-bottom:10px}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#0a6cb5; clear:both; float:right;  bottom:50px; right:10px; border-radius:4px }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px;     background: #3788c8;}
.logo_right{ width:100%;}
.why_choose_div{ padding:40px 0 40px 0}
.why_choose_div ul li{ width:100%; min-height:inherit;  margin:0 5px 10px 5px !important;  max-width: 230px;  }
.why_choose_div ul{ padding:20px 0 0 0}
.why_choose_div ul li:nth-child(4) {  margin-right: auto; }
.why_choose_div ul li:nth-child(8) {   margin-right: auto; }

.line{ margin-bottom:10px}
.about_right{ width:58%; padding:0px 0 0 0}

.about_right p{ text-align:justify}
.about_sec img{ margin:0 auto; display:block;  width:40%}
.about img{ margin:0 20px;}
.bg_color img{ margin:10px auto !important; width:50px!important}
.bg_color h3{ padding:0 !important; font-size:18px; 
}.why_choose_div ul li p{ line-height:20px}



.banner_about_in{ width:720px; top:70%}
.banner_about img{ height:250px}
.banner_about_in h1{ font-size:30px}

/*menu-toggle*/
.menu-toggle {  width: 50px; height: 40px; background: #0a6cb5 url(../images/toggle.png) no-repeat;  font-size: 0;  border: 0;  background-position: 50%; border-radius: 2px;    font-size: 0 !important;}
.main-navigation ul{ margin-bottom:30px !important; background:#111;}
.main-navigation ul .toggled-on {  display: block;  background: #282828;}
.main-navigation ul ul a{ color:#fff}

.dropdown-toggle:after{ border:0}
.dropdown-toggle:hover, .dropdown-toggle:focus { background-color: #0a6cb5;   color: #fefefe;}

/*menu-toggle*/

.about_left{ width:65%}
.entry-content{ margin:0 !important}
.aboutpage_right{ width:30%}
.aboutpage_right h2{ font-size:20px !important}


.frs-wrapper .frs-caption.frs-caption-position-center .frs-caption-content { margin: 6% auto; width: 90% !important;}
.frs-slideshow-container .frs-wrapper.frs-responsive-mobile-small .frs-caption{ padding:0px !important;}
.banner .frs-caption-content h4{ font-size:35px !important}
.frs-slideshow-container{ min-height:100% !important;}
.homeplan_section ul li{ width:50%;}
.homeplan_section ul{ padding:0px 0px 25px !important;}

.bottomright_section img{ height:auto;}

.homeplan_section{ padding-bottom:0px;}

.bottomright_section ul li img{ width:70px; height:70px;}
.bottomright_content{ width:76%; float:left; padding:0px 10px 10px !important;}

.get-started-right .wpcf7-submit{ margin-right:0px !important;}


/*.footer_main .services{ display:none;}
.footer_main .services.mobile-menu{ display:block; text-align:center;}*/
.header_bottom_sec{ margin-bottom:0}
.header_bottom_sec a{ padding:4px 13px 4px !important}
.header_bottom_sec a i{ font-size:16px; padding-top:5px}
.header_bottom_sec a span{ display:none}
.header_bottom_sec .reseller span{ display:block; font-size:14px;}
}



@media screen and (min-width:992px) and (max-width:1230px) {
.wrapper{ width:920px}
.navigation{  background:none; width:520px; clear:both; top:145px; z-index:99999999}
.header_topleft{ width:50%; text-align:center; padding:0px 0}
.header_topleft p:nth-child(1){ display:none}
.div_1 { display:block}
.header_top ul{ }
.header{  padding:10px 0}
.header p{ clear:both; text-align:center; line-height:22px}

.logo img{ width:100%}
.copyright .wrapper{width:720px}
.main-navigation a {
    padding: 10px 12px !important;
}
.banner{ margin:0px auto 0}
.footer_in{ width:920px; margin:10px auto}
.services{ width:230px !important; padding-bottom:30px; margin:0 !important; padding:0 10px !important; box-sizing:border-box  }
.div10 ul{ padding-bottom:0 !important}
.services ul li{ clear:both}
.line_footer{ margin-bottom:10px}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#3788c8; clear:both; float:right;  bottom:50px; right:10px; border-radius:4px }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px;     background: #3788c8;}

.why_choose_div{ padding:40px 0 40px 0}
.why_choose_div ul li{ width:33.3; min-height:inherit;   }
.why_choose_div ul{ padding:20px 0 0 0}
.why_choose_div ul li:nth-child(4) {  margin-right: auto; }
.why_choose_div ul li:nth-child(8) {   margin-right: auto; }

.line{ margin-bottom:10px}
.about_right{ width:58%; padding:100px 0 0 0}

.about_right p{ text-align:justify}
.about_sec img{ margin:0 auto 0px; display:block;  width:40%}
.about img{}
.bg_color img{ margin:10px auto !important; width:50px!important}
.bg_color h3{ padding:0 !important; font-size:18px; 
}.why_choose_div ul li p{ line-height:20px}


.banner_about_in{ width:920px; top:70%}
.banner_about_in h1{ font-size:35px}
.logo {width: 150px;}
.site-header-menu {padding: 24px 0 0 0;}

.frs-wrapper .frs-caption.frs-caption-position-center .frs-caption-content { margin: 6% auto; width: 90% !important;}

.bottomright_section ul li img{ width:90px; height:90px;}
.bottomright_content{ width:76%; float:left; padding:0px 10px 10px !important;}

.why_choose_div ul li h3{ padding:18px 0}
}


@media screen and (min-width:1231px) and (max-width:1330px) {
	
	.flexslider .slides img{ height:490px !important}
	
	
	}

@media screen and (min-width:1331px) and (max-width:1850px) {
	
	
	.div_left:after{ right:-68px}
	
	
	}



.homeservice_left{width:50%; float:left; padding-right:50px; text-align:left; padding-top:30px}
.homeservice_right{width:50%; float:left; padding-top: 30px;}
.homeservice_left h3{ font-size:30px; margin-bottom:15px; text-transform:uppercase; font-weight: bold; }
.homeservice_left p{ text-align:justify !important;}



.servicepage ul li {
    float: left;
    width: 32%;
    padding-bottom: 30px;
}

.servicepage ul li img {
    margin-top: 35px;
    margin-left: 35px;
    -webkit-transition: all 0.5s linear;
    max-height: 225px;
}










.packagespage ul li {
    float: left;
    width: 32%;
    padding-bottom: 30px;
	
}

.packagespage ul li img {
    margin-top: 35px;
    margin-left: 35px;
    -webkit-transition: all 0.5s linear;
    max-height: 225px;
}

.packagespage .homeservice_icon {
    
    background-color: rgba(0,0,0,0.6);
}

.homeservice_con h3 a{ color:#333}

@media screen and (min-width:320px) and (max-width:550px) {
.homeservice_left{width:100%; float:left; padding-right:0px; text-align:left; padding-top:0px}
.homeservice_right{width:100%; float:left}
.homeservice_left h3{ font-size:22px; margin-bottom:15px; text-transform:uppercase; font-weight: bold; }

.packagespage ul li { float: left; width: 100%;}
.servicepage ul li { float: left; width: 100%;}
}

@media screen and (min-width:551px) and (max-width:767px) {
	.homeservice_left{width:100%; float:left; padding-right:0px; text-align:left; padding-top:10px}
.homeservice_right{width:100%; float:left}
.homeservice_left h3{ font-size:30px; margin-bottom:15px; text-transform:uppercase; font-weight: bold; }

.packagespage ul li { float: left; width: 50%;}
.servicepage ul li { float: left; width: 50%;}
}
@media screen and (min-width:768px) and (max-width:991px) {
.why_choose_div ul li { width: 100%;  min-height: inherit; margin: 0 5px 10px 5px !important; max-width: 168px;}
}
@media screen and (min-width:320px) and (max-width:991px) {
.main-navigation a{ color:#fff}
}