@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: 'Roboto-Regular';
	vertical-align: baseline;
}

a {
	text-decoration:none;
}
ol, ul {
	list-style: none;
}
a img {
	border:none;
}
p{line-height:25px; margin-bottom:15px;  color:#393939;}

.clr{ clear:both;}



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

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

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


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



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


::-webkit-input-placeholder { 
    color:    #FFF !important;   opacity:  1;
}
:-moz-placeholder { 
   color:    #FFF !important;
   opacity:  1;
}
::-moz-placeholder { / Mozilla Firefox 19+ /
   color:    #FFF !important;
   opacity:  1;
}
:-ms-input-placeholder { / Internet Explorer 10-11 /
   color:    #FFF !important;
}





select {  -moz-appearance: none;  -webkit-appearance: none;
    text-indent: 0.01px;  text-overflow: ""; background: url("../images/arrow.png") no-repeat scroll center !important;  background-position: 92% center !important;  }

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

p{ color:#333; font-size:15px}
.header_top{ width:100%; margin:0 auto; display:table; background:#093c6b; padding:5px 0 }

.approach_left p a{color:#093c6b;}
.approach_left p a:hover{color:#03203b}
.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:20px;}
.header_top ul li span{ background:none; font-size:14px}
.header_top ul li a{ color:#FFF;   transition: all 0.5s ease;}
.header_top ul li a:hover{ color:#d53037;   transition: all 0.5s ease; }

.header {width:100%; margin:0 auto; display:table; padding:15px 0;   }
.wrapper {	width:1170px;margin:0 auto;	display:block;}
.logo {	width:auto;	height:auto;float:left;	margin:0px 0 0 0; margin-right:5%;}
.logo h1 {font-size: 50px; color: #000;}
.logo h1 span { color: #233588;}
 
.logo_right{ width:auto; float:right;   height:auto; padding:5px 0 0 0}
.logo_right ul li{ float:left; margin-right:25px;   font-family: 'Oswald-Bold'; }
.logo_right ul li a{}
.logo_right ul{ padding:0px 0 0 0; margin:0; float:left; width:auto}
.logo_right ul li span {  font-size: 14px !important; }
.logo_right ul li b{ color:#333;   font-family: 'Oswald-Bold'; font-size:45px; color:#d53037; border:2px solid #FFF; /*text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); -webkit-text-stroke: 3px #FFF;*/ font-weight:bold;
} 

.logo_right ul li span{ width:20px; height:20px; background:#093c6b; 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:hover{ background:#d53037;   transition: all 0.5s ease;}
.logo_right ul li:nth-child(2){ margin-right:0} 
.logo_right ul li img{ margin-top:-5px; width:30px}
.navigation {   position: absolute;  left: 0;   right: 0;  top:140px;  z-index: 1;     background: #d53037; width:1170px; margin:0 auto  }




/*-----------------banner-----------------*/
.banner { width:100%; height:auto; 	margin:0 auto; 	display:block; 	height:auto; clear:both; border-bottom:0px solid #31a2e1; }
.banner img { width:100%; }
.form-div{ width:414px; float:right; background:rgba(4, 3, 3, 0.75); height: auto; margin:0px 0 0 0; padding:10px 15px 0px 15px;  box-sizing:border-box; bottom:0}
.form-div h3{ font-size:27px;  font-family: 'Oswald-Bold'; color:#FFF }
.form-div h3{   text-align:center; padding:20px 0 25px 0; line-height:26px; }
.form_div{ width:100%; margin:0 auto; display:block; padding:0px 0px 0; clear:both; overflow:hidden}
.colmd_12{ width:100%;  float:left; margin:0 27px 15px 0}
.colmd_12:nth-child(2n) { margin-right: 0;}
.form-div p{ font-size:15px;  text-align:left; padding:0 0px 15px 0} 
.form-div-1{ width:100%; height:60px; margin:0 auto; display:block; background:#14181c; }
.form-div-1 h2{ width:60%; float:left; margin:8px 0 0 10px; font-weight:bold}
.formin{ width:100%; margin:0 auto; clear:both; padding:0px 0 0 0;}
.form-group { width:100%; height:auto; margin:0 auto 13px; display:block}
.form-group-2 { width:45%; height:auto; margin:0 20px 13px 0; display:block ; float:left}
.form-group-3 { width:100%; height:auto; margin:0 20px 13px 0; display:block ; float:left; overflow:hidden}
.formlabel{ font-size:16px; color:#FFF; padding-bottom:10px; margin-bottom:10px;    	text-shadow:0px 1px 0px #333;}
.form_control2{ clear:none; float:left; color:#FFF; width:100%; padding:15px 12px; margin:0px 0 0px 0 !important; font-size:15px; border:1px solid #FFF;    box-sizing:border-box; background:none  }
.colmd_6{ width:47.3%; float:left; margin:0 15px 0px 0px}
.colmd_6:last-child{ margin-right:0}
.btn_submit_2{ background:#d53037; padding:10px 35px; text-align:center;  color:#FFF; font-size:18px; border:0px; cursor:pointer; clear:both;  box-sizing:border-box; display:block;  margin:20px auto 5px; display:table; font-family: 'Roboto-Medium';}
.btn_submit_2:hover{ opacity:.9}




/*-----------------banner_bottom-----------------*/
.banner_bottom{ width:100%; margin:0 auto; display:block; clear:both; position: relative; background:url(../images/bg02.jpg) no-repeat; height:141px; background-position:-18%;     background-size: cover;}
.div_left{ background:#1f207d; width:50%; position:relative; float:left }
.div_left h3{ font-size:30px; padding:50px 50px 54px 100px; color:#FFF;  font-family: 'Roboto-Bold';}
.div_left:after{     content: '';    width: 0;    height: 0;    border-style: solid;  border-width:141px 0 0 70px;  border-color: transparent transparent transparent #1f207d;   position: absolute;   top: 0;   right: -70px; }
.div_right{ width:45%; float:right;  }
.div_right p a{ background:#1f207d; text-align:center; color:#FFF; padding:14px 30px; font-family: 'Roboto-Bold'; font-size:25px; display:table;
 margin:40px 100px 0 0; float:right  }
.div_right p a:hover{ background:#151658}





/*-----------approach_div-------------------*/
.approach_div{width:1170px; margin:0px auto 0; display:table; margin-top:20px; }
.approach_div h2{ text-align:center;    font-size: 30px;   line-height: 50px;  font-weight: 700;   color: #031633; margin-bottom:10px;   font-family: 'RobotoSlab-Regular';}
.approach_div p{ text-align:center; width:50%; margin:0 auto;  font-size:14px}

.approach_in{ width:1170px; margin:0 auto 70px; display:table }
.approach_in ul{ margin:0 0 0 20px; padding:0;}
.approach_in ul li{font-size:16px; font-family: 'Roboto-Regular'; list-style:circle; line-height:30px;}
.approach_in ul li:last-child{ margin-bottom:20px !important;}
.approach_left{  width:100%}
.approach_in iframe{ float:right; margin-right:0px; width:55%; height:379px}
.approach_left p{ width:auto; text-align:left; line-height:30px; font-size:16px; margin-bottom:20px}
.approach_left h3{ font-size:30px;       font-family: 'Roboto-Bold'; color:#333; padding-bottom:20px; }
.btn_view{ padding:10px 45px; background:#1f207d; border-radius:40px; text-align:center; color:#FFF; font-size:15px; display:table; transition: all 0.5s ease;}
.btn_view:hover{ background:#d53037;   transition: all 0.5s ease;}



/*-----------dialer_bg-------------------*/
.dialer_bg{ width:100%; margin:0 auto; display:block; background:url(../images/cta-bg.jpg)repeat; /*fixed 0 0 / cover;     background-size: 100% 100%;*/ padding:75px 0 0 0; position:relative; height:395px }
.dialer_in{ width:1170px; margin:65px auto; display:table}
.dialer_bg h2{  color:#FFF}
h2{ text-align:center;    font-size: 48px;   line-height: 50px;  font-weight: 700;   margin-bottom:20px;   font-family: 'RobotoSlab-Regular';}
.dialer_bg .wrapper{ position:relative; z-index:99999}
.dialer_bg ul{    position: relative;
    background-color: #FFFFFF;
    box-shadow: 0 0 40px 0px rgba(64, 64, 64, 0.16);
    padding: 60px 100px; box-sizing:border-box;
    z-index: 5; width:98%; display:table; margin:80px auto}
.dialer_bg ul li{ text-align:center; width:33.3%; float:left ; padding:0 15px; box-sizing:border-box}
.dialer_bg ul li span{ font-size:30px; color:#b81920}
/*.dialer_bg ul li:hover {
  border:2px solid #333;
}*/

/*.dialer_bg :focus + li {
  border: 1px solid rgba(81, 203, 238, 1);
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}*/

.dialer_bg ul li h3{ font-size:25px;       font-family: 'Roboto-Bold'; color:#333; padding:15px 0}
.dialer_bg ul li a{ color:#b81920; font-family: 'Roboto-Bold'; font-size:18px;  transition: all 0.5s ease;}
.dialer_bg ul li a:hover{ background:#b81920; padding:8px 30px; color:#FFF;  transition: all 0.5s ease; border-radius:40px}

.dialer_bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(31, 32, 125, 0.7);}




/*-----------why_choose_div-------------------*/
.why_choose_div{width:100%; padding:200px 0 20px 0; display:table ; background:#f6f6f6}
.why_choose_div h2{ text-align:center; color:#031530}
.line3{ width:7%; height:2px; background:#fe5252; clear:both; margin-bottom:15px; margin:20px auto} 
.why_choose_div ul{ padding:25px 0 0 0; margin:0; display:table; width:100% }
.why_choose_div ul li{ float:left;  width:33.3%; margin-bottom:30px;  box-sizing:border-box; padding:0 10px }
.why_choose_div ul li:nth-child(5){ margin-right:0}
.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 h3{ font-size:21px; color:#031633; padding-bottom:12px;   font-family: 'Roboto-Medium';}
.why_choose_div ul li h3 a{ color:#031633}
.why_choose_div ul li p{ font-size:16px; width:90%; color:#040404}


/*-----------testiomonials-------------------*/
.testiomonials{ width:100%; margin:0 auto; display:block; background:url(../images/img3.jpg) repeat fixed 0 0 / cover;      padding:85px 0 ; position:relative; height:auto }
.dialer_in{ width:1170px; margin:65px auto; display:table}
.testiomonials h2{  color:#FFF; margin-bottom:48px}
.testiomonials::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(31, 32, 125, 0.76);}
.testiomonials .wrapper{ position:relative; z-index:99999}
.testiomonials ul li{ background:#FFF; padding:15px; box-sizing:border-box; text-align:center; transition: all 0.5s ease 0s;}
.testiomonials ul li a{ color:#999}  

.testiomonials ul li h3{ font-size:21px; color:#333; padding-bottom:12px;   font-family: 'Roboto-bold';}
.testiomonials ul li h3 a{ color:#031633}
.testiomonials ul li:hover{ border:2px solid #ed1b24; transition: all 0.5s ease 0s;}
.testiomonials ul li p{ font-size:16px}
.testiomonials ul li img{ border-radius:50%; width:100px; height:100px; margin:-70px auto 15px; display:block; border:1px solid #dad4d4; padding:2px}
.bx-viewport{ padding-top:71px; padding-bottom:15px}
 
 
/*-----------Image_sec-------------------*/
 .image_sec{ padding:55px 0; width:100%; margin:0 auto; display:table } 
.image_sec ul li{ width:33.3%; float:left; padding:0 15px 0 0; box-sizing:border-box;} 
.image_sec ul li img{ width:100%; max-width:372px}
.image_sec ul li:nth-child(3){ padding-right:0}


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

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

.footer { width:100%; 	height:auto; margin:0px auto 0; display:block; 	clear:both; background:#232331; overflow:hidden; padding:0px 0; }
.footer_in { width:1170px; 	margin:70px auto 90px; 	display:block; 	height:auto; 	overflow:hidden ; }
.services {	width:33.3%; float:left;padding: 0px 20px 0px 0px;   box-sizing: border-box; }
.line_footer{ width:100%; margin:0 auto 45px; display:table; height:1px; background:#313140}
.services h5 {	color:#FFF; font-size:19px; padding:8px 16px; display:table; background:#ca1f26;   font-family: 'Oswald-Bold';     }
.services p{ color:#AAAAAA; }
.services p a{ color:#AAAAAA; clear:both; transition: all 0.5s ease 0s;}
.services ul { 	margin:0px; padding:0px; list-style-type:none; }
.services ul li { display:block; color:#FFF; line-height:25px; font-size:14px; margin-bottom:5px }
.site_footer li { width:50%; float:left}
.site_footer li a:before {  content: "\f178";   margin-right: 10px;   font-family: 'FontAwesome'; }
.services span{ color:#aaaaaa; margin-right:20px}
.services ul li a { color:#AAAAAA; font-size:14px; transition: all 0.5s ease 0s; }
.services ul li a:hover { color:#fe5252;transition: all 0.5s ease 0s; }
.services span:hover { color:#fe5252;}
/*-----------footer-------------------*/

.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 
.div_1 { display:none}
.div_1{ color:#FFF}
.div_1 span{ margin-right:10px}





/*-----inner-Page------*/

.inner_banner{ width:1170px; margin:0 auto; display:block; clear:both; position:absolute; left:0; right:0; top:40% }
.inner_banner h1{   font-family: 'RobotoSlab-Bold'; font-size:50px; color:#FFF} 
 
.inne_page{ width:100%; margin:0 auto; display:table; padding:40px 0 70px 0}
.innerpage_left{ width:770px; float:left}
.inne_page h3{   font-family: 'Roboto-Medium'; font-size:24px; color:#031633; padding-bottom:10px; padding-top:15px }
.innerpage_right{ width:370px; float:right;}
.innerpage_right .form-div{ width:100%; background:none; margin-bottom:10px;
 -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);}
.image_div img{ margin-bottom:10px}
.innerpage_right .form_control2 { border:1px solid #858585}  


.innerpage_right .form-div ::-webkit-input-placeholder { 
    color:    #333 !important;   opacity:  1;
}
.innerpage_right .form-div:-moz-placeholder { 
   color:    #333 !important;
   opacity:  1;
}
.innerpage_right .form-div::-moz-placeholder { / Mozilla Firefox 19+ /
   color:    #333 !important;
   opacity:  1;
}
.innerpage_right .form-div:-ms-input-placeholder { / Internet Explorer 10-11 /
   color:    #333 !important;
}
.innerpage_right .form-div select{ color:#333}
.innerpage_right .form-div h3{   font-family: 'Oswald-Bold'; color:#d53037; font-size:38px; padding:20px 0 30px 0  }




@media screen and (min-width:320px) and (max-width:360px) {
.wrapper{ width:290px}
.approach_div{ width:290px; display:block}
.approach_in{ width:290px; display:block; margin:20px auto }
.navigation{ position:inherit; background:none; width:290px; clear:both}

.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{ display:block}
.logo{  display:table; margin:0 auto; width:210px; }
.logo img{ width:100%}
.logo_right{ width:100%; display:none}
.logo_right ul li{ display:table; margin:0 auto; display:table; padding:10px 0; float:none; }
.logo_right ul li img{ width:20px; margin:0;  -webkit-text-stroke:none}
.logo_right ul li b{ -webkit-text-stroke: oldlace;}
.logo_right ul{ width:100%}
.logo_right ul li b{ font-size:25px}
.logo_right ul li:nth-child(2){ margin:0 auto !important;}

.logo_right ul li span{ margin:0}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#1f207d; clear:both; float:right;  bottom:40px; right:0; border-radius:4px }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}

.banner{ margin:-35px auto 0}
.banner_div{ position:inherit !important}
.form-div{ width:100%; }
.colmd_6{ width:100%; margin:0 auto 10px}

.banner_bottom{ display:table; background-size: cover;}
.div_left:after{ display:none}
.div_left{ width:100%}
.div_left h3{ padding:20px; text-align:center; font-size:25px}
.div_right{ width:100%}
.div_right p a{ margin:20px auto; float:none}

 h2{ font-size:35px !important}
.dialer_bg{ clear:both}
.approach_left{ width:100%}
.approach_in iframe{ width:100%; height:150px; padding-bottom:20px}
.approach_left h3{ font-size:25px; padding-bottom:10px}

.dialer_bg{ height:auto; background-size:cover; padding:20px 0}
.dialer_bg ul li{ width:100%; padding-bottom:20px}
.dialer_bg ul{ padding:20px 0}
.dialer_bg ul{ margin:20px auto}

.why_choose_div{ padding:40px 0}
.why_choose_div ul li{ width:100%; min-height:inherit }
.why_choose_div ul{ padding:20px 0 0 0}

.testiomonials{ padding:45px 0 55px 0}
.image_sec{ padding:30px 0}
.image_sec ul li{ width:100%; padding:0; margin:0 auto 10px}
.footer_in{ width:290px; margin:30px auto}
.services{ width:100%; padding-bottom:20px }
.line_footer{ margin-bottom:10px}
.site_footer li{ width:100%}
.testiomonials ul li img{ margin:0 auto 10px !important}


/*-----inner-------*/
.inne_page{ padding:20px 0}
.inner_banner{ width:290px}
.banner_2{ position:relative}
.banner_2 img{ height:150px; }
.inner_banner h1{ font-size:25px}
.inne_page h3{ font-size:18px}
.innerpage_left{ width:100%}
.innerpage_right{ width:100%}
.image_div img{ width:100%; max-width:370px}


}

@media screen and (min-width:320px) and (max-width:767px) {
.why_choose_div ul li{ margin-bottom:0}
.why_choose_div ul li p{ width:100%}
.banner_bottom{     background-position: 80%;}

.js div#preloader{ background-size:50%}
.innerpage_right .form-div{ margin-bottom:20px}

}

@media screen and (min-width:361px) and (max-width:479px) {
.wrapper{ width:320px}
.approach_div{ width:320px; display:block}
.approach_in{ width:320px; display:block; margin:20px auto }
.navigation{ position:inherit; background:none; width:320px; clear:both}

..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{ display:block}
.logo{  display:table; margin:0 auto; width:210px; }
.logo img{ width:100%}
.logo_right{ width:100%; display:none}
.logo_right ul li{ display:table; margin:0 auto; display:table; padding:10px 0; float:none; }
.logo_right ul li img{ width:20px; margin:0;  -webkit-text-stroke:none}
.logo_right ul li b{ -webkit-text-stroke: oldlace;}
.logo_right ul{ width:100%}
.logo_right ul li b{ font-size:25px}
.logo_right ul li:nth-child(2){ margin:0 auto !important;}

.logo_right ul li span{ margin:0}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#1f207d; clear:both; float:right;  bottom:40px; right:0; border-radius:4px  }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}

.banner{ margin:-35px auto 0}
.banner_div{ position:inherit !important}
.form-div{ width:100%; }
.colmd_6{ width:100%; margin:0 auto 10px}

.banner_bottom{ display:table; background-size: cover;}
.div_left:after{ display:none}
.div_left{ width:100%}
.div_left h3{ padding:20px; text-align:center; font-size:25px}
.div_right{ width:100%}
.div_right p a{ margin:20px auto; float:none}

 h2{ font-size:35px !important}
.dialer_bg{ clear:both}
.approach_left{ width:100%}
.approach_in iframe{ width:100%; height:150px; padding-bottom:20px}
.approach_left h3{ font-size:25px; padding-bottom:10px}

.dialer_bg{ height:auto; background-size:cover; padding:20px 0}
.dialer_bg ul li{ width:100%; padding-bottom:20px}
.dialer_bg ul{ padding:20px 0}
.dialer_bg ul{ margin:20px auto}

.why_choose_div{ padding:40px 0}
.why_choose_div ul li{ width:100%; min-height:inherit }
.why_choose_div ul{ padding:20px 0 0 0}

.testiomonials{ padding:45px 0 55px 0}
.image_sec{ padding:30px 0}
.image_sec ul li{ width:100%; padding:0; margin:0 auto 10px}
.footer_in{ width:320px; margin:30px auto}
.services{ width:100%; padding-bottom:20px }
.line_footer{ margin-bottom:10px}
.site_footer li{ width:100%}
.testiomonials ul li img{ margin:0 auto 10px !important}


/*-----inner-------*/
.inne_page{ padding:20px 0}
.inner_banner{ width:320px}
.banner_2{ position:relative}
.banner_2 img{ height:190px; }
.inner_banner h1{ font-size:30px}
.inne_page h3{ font-size:18px}
.innerpage_left{ width:100%}
.innerpage_right{ width:100%}
.image_div img{ width:100%; max-width:370px; margin:0 auto; display:block}
}

@media screen and (min-width:480px) and (max-width:550px) {
.wrapper{ width:440px}
.approach_div{ width:440px; display:block}
.approach_in{ width:440px; display:block; margin:20px auto }
.navigation{ position:inherit; background:none; width:440px; clear:both}

.header_topleft{ width:50%; text-align:center; padding:0px 0}
.header_topleft p:nth-child(1){ display:none}
.div_1 { display:block; float:left}
.header_top ul{ }
.header{ display:block}
.logo{  display:table; margin:0 auto; width:210px; }
.logo img{ width:100%}
.logo_right{ width:100%; display:none}
.logo_right ul li{ display:table; margin:0 auto; display:table; padding:10px 0; float:none; }
.logo_right ul li img{ width:20px; margin:0;  -webkit-text-stroke:none}
.logo_right ul li b{ -webkit-text-stroke: oldlace;}
.logo_right ul{ width:100%}
.logo_right ul li b{ font-size:25px}
.logo_right ul li:nth-child(2){ margin:0 auto !important;}

.logo_right ul li span{ margin:0}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#1f207d; clear:both; float:right;  bottom:40px; right:0; border-radius:4px  }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}

.banner{ margin:-35px auto 0}
.banner_div{ position:inherit !important}
.form-div{ width:100%; }
.colmd_6{ width:100%; margin:0 auto 10px}

.banner_bottom{ display:table; background-size: cover;}
.div_left:after{ display:none}
.div_left{ width:100%}
.div_left h3{ padding:20px; text-align:center; font-size:25px}
.div_right{ width:100%}
.div_right p a{ margin:20px auto; float:none}

 h2{ font-size:35px !important}
.dialer_bg{ clear:both}
.approach_left{ width:100%}
.approach_in iframe{ width:100%; height:240px; padding-bottom:20px}
.approach_left h3{ font-size:25px; padding-bottom:10px}

.dialer_bg{ height:auto; background-size:cover; padding:20px 0}
.dialer_bg ul li{ width:100%; padding-bottom:20px}
.dialer_bg ul{ padding:20px 0}
.dialer_bg ul{ margin:20px auto}

.why_choose_div{ padding:40px 0}
.why_choose_div ul li{ width:100%; min-height:inherit }
.why_choose_div ul{ padding:20px 0 0 0}

.testiomonials{ padding:45px 0 55px 0}
.testiomonials ul li{ width:210px !important}
.image_sec{ padding:30px 0}
.image_sec ul li{  padding:0; margin:0 auto 10px}
.footer_in{ width:440px; margin:30px auto}
.services{ width:100%; padding-bottom:20px }
.line_footer{ margin-bottom:10px}
.site_footer li{ width:100%}

/*-----inner-------*/
.inne_page{ padding:20px 0}
.inner_banner{ width:440px}
.banner_2{ position:relative}
.banner_2 img{ height:190px; }
.inner_banner h1{ font-size:32px}
.inne_page h3{ font-size:18px}
.innerpage_left{ width:100%}
.innerpage_right{ width:100%}
.image_div img{ width:100%; max-width:370px; margin:0 auto; display:block}
}



@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{ position:inherit; background:none; width:520px; clear:both}

.header_topleft{ width:50%; text-align:center; padding:0px 0}
.header_topleft p:nth-child(1){ display:none}
.div_1 { display:block; float:left}
.header_top ul{ }
.header{ display:block}
.logo{  display:table; margin:0 auto; width:210px; }
.logo img{ width:100%}
.logo_right{ width:100%; display:none}
.logo_right ul li{ display:table; margin:0 auto; display:table; padding:10px 0; float:none; }
.logo_right ul li img{ width:20px; margin:0;  -webkit-text-stroke:none}
.logo_right ul li b{ -webkit-text-stroke: oldlace;}
.logo_right ul{ width:100%}
.logo_right ul li b{ font-size:25px}
.logo_right ul li:nth-child(2){ margin:0 auto !important;}

.logo_right ul li span{ margin:0}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#1f207d; clear:both; float:right;  bottom:50px; right:0; border-radius:4px  }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}

.banner{ margin:-35px auto 0}
.form-div{ margin:0 auto; display:table; float:none}
.flexslider .slides img{ height:380px !important}
.banner_bottom{ display:table; background-size: cover; height:auto}
.div_left:after{     border-width: 134px 0 0 70px;}
.div_left h3 { font-size: 30px;  padding: 30px;}
.div_right p a{ margin-right:10px}
 h2{ font-size:40px !important}
.dialer_bg{ clear:both}
.approach_left{ width:100%}
.approach_in iframe{ width:100%; height:290px; padding-bottom:20px}
.approach_left h3{ font-size:25px; padding-bottom:10px}

.dialer_bg{ height:auto; background-size:cover; padding:20px 0}
.dialer_bg ul li{ width:50%; padding-bottom:20px}
.dialer_bg ul{ padding:20px 0}
.dialer_bg ul{ margin:20px auto}

.why_choose_div{ padding:40px 0}
.why_choose_div ul li{ width:100%; min-height:inherit }
.why_choose_div ul{ padding:20px 0 0 0}

.testiomonials{ padding:55px 0}
.testiomonials ul li{ width:250px !important}
.image_sec{ padding:30px 0}
.image_sec ul li{  padding:0; margin:0 auto 10px}
.footer_in{ width:440px; margin:30px auto}
.services{ width:100%; padding-bottom:20px }
.line_footer{ margin-bottom:10px}


/*-----inner-------*/
.inne_page{ padding:20px 0}
.inner_banner{ width:520px}
.banner_2{ position:relative}
.banner_2 img{ height:190px; }
.inner_banner h1{ font-size:30px}
.inne_page h3{ font-size:20px}
.innerpage_left{ width:100%}
.innerpage_right{ width:100%}
.image_div img{ width:32.8%; max-width:370px}

}



@media screen and (min-width:641px) and (max-width:767px) {
.wrapper{ width:600px}
.approach_div{ width:600px; display:block}
.approach_in{ width:600px; display:block; margin:20px auto }
.navigation{ position:inherit; background:none; width:600px; clear:both}

.header_topleft{ width:50%;  padding:0px 0}
.header_topleft p:nth-child(1){ display:block}
.div_1 { display:none; float:left}
.header_top ul{ }
.header{ display:block}
.logo{  display:table; margin:0 auto; width:225px; }
.logo img{ width:100%}
.logo_right{ width:62%; }
.logo_right ul li{ display:table; margin:0 auto; display:table; padding:10px 0; float:none; }
.logo_right ul li img{ width:23px; margin:0;  -webkit-text-stroke:none}
.logo_right ul li b{ -webkit-text-stroke: oldlace;}
.logo_right ul{ width:100%}
.logo_right ul li b{ font-size:35px}
.logo_right ul li:nth-child(1){ margin:0 auto !important; }
.logo_right ul li:nth-child(2){ margin:0 auto !important; display:none}

.logo_right ul li span{ margin:0}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:42px; background:#1f207d; clear:both; float:right;  bottom:50px; right:0; border-radius:4px  }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}

.banner{ margin:-35px auto 0}
.form-div{ margin:0 auto; display:table; float:none}
.flexslider .slides img{ height:380px !important}
.banner_bottom{ display:table; background-size: cover; height:auto}
.div_left:after{     border-width: 134px 0 0 70px;}
.div_left h3 { font-size: 30px;  padding: 30px;}
.div_right p a{ margin-right:10px}
 h2{ font-size:40px !important}
.dialer_bg{ clear:both}
.approach_left{ width:100%}
.approach_in iframe{ width:100%; height:290px; padding-bottom:20px}
.approach_left h3{ font-size:25px; padding-bottom:10px}

.dialer_bg{ height:auto; background-size:cover; padding:20px 0}
.dialer_bg ul li{ width:50%; padding-bottom:20px}
.dialer_bg ul{ padding:20px 0}
.dialer_bg ul{ margin:20px auto}

.why_choose_div{ padding:40px 0}
.why_choose_div ul li{ width:100%; min-height:inherit }
.why_choose_div ul{ padding:20px 0 0 0}

.testiomonials{ padding:55px 0}
.testiomonials ul li{ width:290px !important}
.image_sec{ padding:30px 0}
.image_sec ul li{  padding:0; margin:0 auto 10px}
.footer_in{ width:600px; margin:30px auto}
.services{ width:100%; padding-bottom:20px }
.line_footer{ margin-bottom:10px}


/*-----inner-------*/
.inne_page{ padding:20px 0}
.inner_banner{ width:600px}
.banner_2{ position:relative}
.banner_2 img{ height:150px; }
.inner_banner h1{ font-size:35px}
.inne_page h3{ font-size:20px}
.innerpage_left{ width:100%}
.innerpage_right{ width:100%}
.image_div img{ width:32.8%; max-width:370px}
}



@media screen and (min-width:768px) and (max-width:991px) {
.wrapper{ width:720px}
.approach_div{ width:720px; display:block}
.approach_in{ width:720px; display:block; margin:20px auto }
.navigation{  width:720px;     top: 135px}
#cssmenu > ul > li > a{ padding:10px 10px !important; font-size:14px !important}

.header_topleft{ width:50%;  padding:0px 0}
.header_topleft p:nth-child(1){ display:block}
.div_1 { display:none; float:left}
.header_top ul{ }

.logo{  display:table; margin:0 auto; width:225px; }
.logo_right ul li img{     margin-top: 15px; width: 35px;  height: 35px; }
.logo img{ width:100%}
.logo_right ul{ width:100%}*/
.logo_right ul li b{ font-size:35px}
.logo_right ul li{ display:flex}

#menu-button{ font-size:0px !important; clear:both; width:50px; height:40px; background:#1f207d; clear:both; float:right;  bottom:50px; right:0 }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}


.form-div{ margin:27px 0 0 0; }
.flexslider .slides img{ height:490px !important}
.banner_bottom{ display:table; background-size: cover; height:auto}
.div_left:after{     border-width: 144px 0 0 70px;}
.div_left h3 { font-size: 30px; padding:35px}

.div_right p a{ margin-right:10px}
 h2{ font-size:40px !important}
.dialer_bg{ clear:both}
/*.approach_left{ width:100%}
.approach_in iframe{ width:100%; height:290px; padding-bottom:20px}*/
.approach_left h3{ font-size:25px; padding-bottom:10px}

.dialer_bg{ height:auto; background-size:cover; padding:20px 0}
.dialer_bg ul li{  padding-bottom:20px}
.dialer_bg ul{ padding:20px 0}
.dialer_bg ul{ margin:20px auto}

.why_choose_div{ padding:40px 0}
.why_choose_div ul li{ width:50%; min-height:inherit }
.why_choose_div ul{ padding:20px 0 0 0}

.testiomonials{ padding:55px 0}
.testiomonials ul li{ width:220px !important}
.image_sec{ padding:30px 0}
.image_sec ul li{ }
.image_sec ul li img{ height:200px}
.footer_in{ width:720px; margin:30px auto}
.services{  padding-bottom:20px }
.line_footer{ margin-bottom:10px}
.site_footer ul li{ width:100%}



/*-----inner-------*/
.inne_page{ padding:20px 0}
.inner_banner{ width:720px}
.banner_2{ position:relative}
.banner_2 img{ height:150px; }
.inner_banner h1{ font-size:35px}
.inne_page h3{ font-size:20px}
.innerpage_left{ width:100%}
.innerpage_right{ width:100%}
.image_div img{ width:32.9%; max-width:370px}
.innerpage_right .form-div{ margin-bottom:20px}
}



@media screen and (min-width:992px) and (max-width:1230px) {
.wrapper{ width:920px}
.approach_div{ width:920px; display:block}
.approach_in{ width:920px; display:block; margin:20px auto }
.navigation{  width:920px;     top: 131px}
#cssmenu > ul > li > a{  font-size:15px !important}

.header_topleft{ width:50%;  padding:0px 0}
.header_topleft p:nth-child(1){ display:block}
.div_1 { display:none; float:left}
.header_top ul{ }

.logo{  display:table; margin:0 auto; width:225px; }
.logo img{ width:100%}
.logo_right ul{ width:100%}
/*.logo_right ul li b{ font-size:35px}*/

.flexslider .slides img{ height:440px !important}
#menu-button{ font-size:0px !important; clear:both; width:50px; height:40px; background:#1f207d; clear:both; float:right;  bottom:50px; right:0 }
#cssmenu.small-screen ul{ /*clear:both;*/ margin-bottom:20px}

.form_control2{ padding:12px 12px}
.form-div{ margin:0px 0 0 0; }
.div_left h3{ padding:33px 50px 34px 21%}

.dialer_bg{ clear:both}

.approach_left h3{ font-size:25px; padding-bottom:10px}


.why_choose_div ul{ padding:20px 0 0 0}

.testiomonials{ padding:55px 0}
.testiomonials ul li{ width:285px !important}
.image_sec{ padding:30px 0}
.image_sec ul li{ }
.image_sec ul li img{ height:200px}
.footer_in{ width:920px; margin:30px auto}
.services{  padding-bottom:20px }
.line_footer{ margin-bottom:10px}
.site_footer ul li{ width:100%}



.inner_banner{ width:920px}
.banner_2{ position:relative}

.inner_banner h1{ font-size:35px}
.innerpage_left{ width:65%}
.innerpage_right{ width:33%}
.image_div img{ width:100%; max-width:370px}
.innerpage_right .colmd_6{width: 46.3%;}
}


@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}
	
	
	}