@charset "utf-8";
@import url("slider.css");
@import url("menu.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,700|Raleway:400,700|Roboto+Condensed:300,400,700|Exo:400,500,600,700|Oswald:300,400,600');
@font-face { font-family:"revicons"; src:url(../fonts/revicons/revicons90c6.ttf); }

/* CSS Document */

html{overflow-x:hidden; }
body { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; }
hr { margin:3px 0px 15px 0px; padding:0px; border-top:0px; border-bottom:1px solid #eee; hdonateeight:0px; }
img { border:none; vertical-align:middle; }
.cl { clear:both; }
.img_left { background:#FFF; float:left; margin:5px 10px 10px 0; padding:3px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); }

/*scroll to top start*/
.totop { position:fixed; bottom:60px; right:10px; z-index:104400; }
.totop a i { display:block; width:40px; height:40px; line-height:40px; text-align:center; font-size:25px; background:rgba(60,60,60,0.7); }
.totop a:hover i { background:rgba(60,60,60,1); }
.totop a, .totop a:visited { color:#FFF; }
.totop a:hover { color:#eee; text-decoration:none; }
/*scroll to top end*/

.btn-light{ padding:16px 36px; border-radius:5px; display:inline-block; font-size:12px; text-transform:uppercase; position:relative;
z-index:1; overflow:hidden; transition:color 1000ms ease 0s, background-color 1500ms ease 0s !important; color:#FFF; }
.btn-dark:hover{ color:#FFF; transition:color 1000ms ease 0s, background-color 1500ms ease 0s; }
.btn-light:hover{ background:#0a0a0a; color:#FFF; transition:color 1000ms ease 0s, background-color 1500ms ease 0s; }
.btn-dark{ border:1px solid transparent; padding:15px 36px; border-radius:5px; display:inline-block; font-size:12px; text-transform:uppercase;
position:0; overflow:hidden; transition:color 1000ms ease 0s, background-color 1500ms ease 0s !important; background:#0a0a0a; color:#FFF; }
.btn-whitw{ border:1px solid transparent; padding:15px 36px; border-radius:5px; display:inline-block; font-size:12px; text-transform:uppercase;position:0; overflow:hidden; transition:color 1000ms ease 0s, background-color 1500ms ease 0s !important; background:#FFF; color:#0a0a0a; }
.btn-whitw:hover{ background:#0a0a0a; color:#FFF; transition:color 1000ms ease 0s, background-color 1500ms ease 0s; }
.form_button { border:medium none;  height:48px; text-align:center;  width:150px; color:#FFF;  font-size:14px; font-weight:400; 
text-transform:uppercase; transition:color 1000ms ease 0s, background-color 1500ms ease 0s; }
.form_button:hover{ background:#FFF;  color:#222222; }

/****** header ******/
#header-bottom { background:#fff; position:relative; z-index:1; padding-bottom:15px; text-align:right; font-family:"Open Sans", sans-serif; }
.logo { float:left; }
.logo img { margin-top:10px; }

.info-box { float:right; font-size:18px; margin-top:26px; text-align:center; }
.info-box a { color:#333333; text-decoration:none;}
.top-bar a:hover { color:#000000; }
.info-box i { margin-right:10px; text-align: center; color:#ED1C24; float: left; font-size:26px; border:1px solid #ED1C24; border-radius:50%; line-height:40px; height:40px; width:40px; }
.info-text {  overflow:hidden; font-family: 'Roboto', sans-serif; font-weight:700; display: inline-block; }
.info-text h5 { color:#ED1C24; font-size: 18px; font-weight:600; margin-bottom:0px; font-family:'Exo', serif;  }
.top-social li { margin: 0 5px; }
.top-social li a { font-size: 18px; line-height: 50px; }
.top-social li a:hover { color:#ED1C24; }

#header-bottom .get-tuch {  color:#FFF; font-size:30px; margin-top:25px; text-decoration:none; }
#header-bottom .get-tuch a { color:#FFF; text-decoration:none; } 
#header-bottom .get-tuch a:hover { cofont-family:'Roboto', sans-serif;lor:#FFF; text-decoration:none; }
#header-bottom .get-tuch i { color:#FFCD23; margin-right:10px; }
#header-bottom  .rfc {text-align:center; }
#header-bottom  .rfc h4 { font-family:'Roboto', sans-serif; color:#FFF; margin-top:35px; font-weight:600; }

/*GET A QUOTE css start*/
.quote { background:#01ae1a; margin:0px auto; padding:30px 0 30px 0; }
.quote h2 { font-family:"Oswald", serif; font-size:22px; color:#FFF; font-weight:400; padding-top:10px; }
.quote .read { float:right; background:#FFF; padding:12px 30px; font:400; font-size:16px; font-family:"Open Sans", sans-serif; border:none; color:#000; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.quote .read:hover { background:#333; color:#FFF; border:none; }
/*GET A QUOTE css end*/

/*features css start */
.features { padding:50px 0; }
.service-item { margin-top:20px;}
.service-item .fa { border-radius:100%; float:left; height:90px; line-height:90px; text-align:center; width:90px;
transition:all 0.5s ease 0s; border:1px solid #01ae1a;color:#01ae1a;  }
.service-item:hover .fa { background:#01ae1a; color:#FFF; transform:scale(0.8); }
.service-desc { margin-left:32%; position:relative; top:0; }
.service-desc h3 { font-family:"Open Sans", sans-serif; color:#062033; font-size:18px; font-weight:600;  margin-bottom:15px; }
.service-item:hover h3 { color:#01ae1a;}
.service-desc p { font-family:"Open Sans", sans-serif; color:#000; font-size:16px; font-weight:300; }
/*features css end */

/*welcome css start*/
.content { margin:0px auto; padding:30px 0px; background:#fff; margin-top:30px; }
.wel { }
.wel h1 { font-family:'Roboto', sans-serif; font-size:28px; font-weight:600; line-height:1.2; color:#ED1C24; margin-bottom:10px;  }
.wel h1 span { color:#ED1C24; }

.wel .text { margin:0px auto; font-family:'Roboto', sans-serif; font-weight:400; color:#000; font-size:16px; line-height:1.8em; text-align:justify; }

.wel .text h2 { font-family:'Roboto', sans-serif; font-size:28px; font-weight:600; line-height:1.2; color:#E40000; text-align:left; }
.wel .text h3 {  font-family:'Roboto', sans-serif; font-size:26px; font-weight:600; line-height:1.2; color:#0028E4; text-align:left; }
.wel .text h4 { font-family:'Roboto', sans-serif; font-size:24px; font-weight:600; line-height:1.2; color:#08D700; text-align:left; }

.content_web { margin:0px auto; padding:30px 0px; background:#FFF; }
.content_web h1 {font-family:'Roboto', sans-serif; font-size:28px; font-weight:600; line-height:1.2; color:#ED1C24; margin-bottom:10px; }
.content_web h1 span { color:#ED1C24; }
/*welcome css end*/

/*callback form css start*/
.callback {}
.callback h3 { background:#00A3E0; border-radius: 0px 15px 0px 0px; font-family:'Roboto', sans-serif; font-size:26px; color:#FFF; font-weight:500;
padding: 12px 0; text-align: center; }
.callback_inner { padding: 20px; overflow: hidden; background: #E1E1E1; border-radius: 0px 0px 0px 15px; }
.callback_inner .form-group { margin-bottom:15px; font-family:'Roboto', sans-serif; }
.callback_inner .form-group .form-control { font-size:16px; padding:0 10px; height:45px; background-color:#FFF; box-shadow:none; }
.callback_inner .form-group input { width:100%; border-radius:none; border:#CCCCCC 1px solid; } 
.callback_inner .form-group textarea { width:100%; border-radius:none; border:#CCCCCC 1px solid; } 
.callback_inner .form-group input.code { float:left; width:70%; border-radius:none; border:#CCCCCC 1px solid; }
.callback_inner .captcha { float:left; background:#fff; border:1px solid #DCD8D8; padding:14px 12px; border-radius:4px; margin-left:15px; }
.callback_inner input[type=text]:focus { box-shadow:0px 0px 5px #FF0000 !important; border:1px solid #FF0000 !important; outline:none; }
.callback_inner textarea:focus { box-shadow:0px 0px 5px #FF0000 !important; border:1px solid #FF0000 !important; outline:none; }
.submit { float:left; font-family:'Roboto', sans-serif;font-size:16px; color:#FFF; font-weight:400; padding:7px 26px 7px 26px; background:#FF0A02; cursor:pointer; outline:none; border-radius:none; border:none; margin-top:15px; }
.submit:hover { background:#F50C04; color:#FFF; outline:none; border-radius:none; }
/*callback form css end*/

/*latest projects css start */
.projects { background:url(../images/contbg.jpg) repeat ; padding:30px 0 90px 0; }
.projects .prj_tittle h3 { font-family:'Roboto', sans-serif; font-size:32px; color:#00AAE9; font-weight:400; letter-spacing:1px; text-transform:uppercase; text-align:center;  }
.projects .prj_tittle h3 span { color:#fff; }
.projects .prj_tittle p { font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; color:#fff; margin:20px auto; text-align:center; }

.services { margin:15px 20px 5px 0; }
.services img{  display:block; width:100%; height:auto; }
.services h3 { font-family:'Roboto', sans-serif; font-size:20px; padding-bottom:15px; padding-top:27px; color:#FFF; }
.services p { font-family:'Roboto', sans-serif; padding-bottom:5px; font-size:16px; font-weight:300; color:#FFFFFF; }
.services h3 span { font-family:'Roboto', sans-serif; font-size:16px; background:transparent; border:1px solid #c7c7c7; border-radius:100%; line-height:35px; width:38px; height:38px; display:inline-block; text-align:center; vertical-align:middle; margin-right:14px; transition:all 0.7s ease 0s; }
.services:hover span { color:#ffcd23; transition:all 0.7s ease 0s; border:1px solid #ffcd23; }
.services { margin-bottom:8px; text-align:center; }
.services a { border-bottom:1px solid #FFFf; color:#FFFf; }
.services a:hover { border-bottom:1px solid #FFF; color:#ffcd23; }
.services .image_s { overflow:hidden; border-radius:5px; }
.services .image_s img { transition:all 0.3s ease 0s; border-radius:5px; }
.services:hover .image_s img { transform:scale(1.09); transition:all 0.7s ease 0s; }
#services_slider .owl-controls.clickable {  bottom:-59px;  left:-4px;  position:absolute; }
#services_slider .owl-next { border:1px solid #e5e5e5; border-radius:5px; display:inline-block; line-height:15px; padding:9px 17px; font-size:22px; color:#ffcd23; }
#services_slider .owl-next:hover { border:1px solid #FFF; border-radius:5px; color:#FFF; }
#services_slider .owl-prev { border:1px solid #e5e5e5; border-radius:5px;  display:inline-block; line-height:15px; margin-right:5px; padding:9px 17px;  font-size:22px; color:#ffcd23; }
#services_slider .owl-prev:hover { border:1px solid #FFF; border-radius:5px; color:#FFF; }
#project_index .services h3 { color:#FFF; font-size:18px; font-weight:400; }
#project_index .services a { border-bottom:1px solid #FFF; color:#FFF; }
#project_index .owl-prev,
#project_index .owl-next { color:#FFF; }
#purchase { padding:30px 0; }
#purchase .pur_text > p { color:#FFF; font-size:18px; font-weight:400; padding-top:10px;}
.services .more { padding:10px 22px; font:400 16px 'Roboto', sans-serif; color:#FFF; border:1px solid #00AAE9; border-radius:0; text-transform:uppercase; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.services .more:hover { background-color:#00AAE9; border:1px solid #00AAE9; color:#FFF; }
/*latest projects css end */

/*Why choose us css start */
.why_us { background:#efefef; padding:50px 0; text-align:center; }

.why_us h2 { font-family:'Roboto', sans-serif; font-size:32px; color:#111111; line-height:1.4; font-weight:400; letter-spacing:1px; text-transform:uppercase; }
.why_us h2 span { color:#01ae1a; }
.why_box h4 {font-family:'Roboto', sans-serif; margin-top:30px; font-size:20px; }
.why_us p { font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; color:rgb(0, 0, 0); margin:20px auto; }

.why_us .why_box { border:1px solid rgba(0, 0, 0, 0.1); display:block; padding:35px 15px 35px 15px; width:100%; margin-bottom:25px; background:#FFF; transition:all 0.5s ease 0s; border-radius:5px; }
.why_us .why_box:hover { background:#01ae1a; }

.why_us .why_box i { background:#01ae1a; border-radius:5px; color:#FFF; display:block; font-size:25px; height:50px; line-height:50px; margin:auto; transition:all 0.5s ease 0s; width:50px; }
.why_us .why_box:hover i { color:#01ae1a;}

.why_us .why_box > p {font-family:'Roboto', sans-serif; line-height:32px; padding:0 15px; }
.why_us .why_box:hover { transition:all 0.5s ease 0s; }
.why_us .why_box:hover p, .why_us .why_box:hover h4  { color:#FFF; }

.why_us .why_box:hover i { background:#FFF; transition:all 0.5s ease 0s; }

.why_us .why_box .read {  padding:8px 24px; font:400; font-size:16px; font-family:'Roboto', sans-serif; background-color:#000; border:1px solid #FFF; color:#FFF; border-radius:0; text-transform:uppercase; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.why_us .why_box .read:hover { background-color:#f7f7f7; color:#6c6c6c;border:1px solid #150c0c; }
/*Why choose us css end */

/*what we do css start*/
.about_us { background:#fff; padding-bottom:80px;   }
.about_us .we_do { margin:0px auto; padding:80px 0 40px 0; text-align:center; }
.about_us .we_do h3 {font-family:'Roboto', sans-serif; font-size:32px; color:#333; font-weight:400; letter-spacing:1px; text-transform:uppercase; }
.about_us .we_do h3 span { color:#00A3E0;}
.about_us .we_do p {font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; color:#333; margin-top:20px;  }
.about_us .parent { overflow:hidden; position:relative; display:inline-block; margin-bottom:-5px; }
.child {  background-size:cover; background-repeat:no-repeat; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
.parent:hover .child, .parent:focus .child { -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); }

.gray_box_m{border:1px solid #E4E3E3;}
.gray_box {  padding:10px 20px 30px 20px; text-align:center; height:280px; }
.gray_box:hover { }

.gray_box h3 { font-family:'Roboto', sans-serif; font-size:24px; font-weight:500; text-decoration:none; margin:10px auto; }
.gray_box h3 a { color:#ED1C24; text-decoration:none; }
.gray_box p {font-family:'Roboto', sans-serif; font-weight:400; color:#000000; font-size:16px; line-height:1.8em;  }
.gray_box .read { margin-top:10px; padding:8px 24px; font:400; font-size:16px; font-family:"Oswald", serif;  background-color:#00A5E3; border:1px solid #FFF; color:#FFF; border-radius:0; text-transform:uppercase; webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.gray_box .read:hover { background-color:#f7f7f7; color:#6c6c6c;border:1px solid #150c0c; }
/*our courses css end*/

/*testimonial css start*/
.testimonials_mian { padding:40px 0 100px 0; text-align:center; overflow:hidden; font-family:"Roboto", sans-serif; }
.testimonials_mian h2 { font-family:'Roboto', sans-serif; font-size:30px; color:#ED1C24; font-weight:500; margin-bottom:10px; }
#testimonials .testimonial { width:100%; left:0; z-index:1; position:absolute; font-family:'Roboto', sans-serif; overflow:hidden; }
#test_container { width:75%; margin-left:12%; position:relative; overflow:hidden; }
#testimonials .testimonial_text { font-family:'Roboto', sans-serif; font-size:16px; color:#000; font-weight:400; line-height:1.6em; padding:20px 40px 0 40px; }
#testimonials .testimonial_name { font-size:16px; color:#000; font-weight:700; margin:20px auto 10px; }
#t_pagers { position:absolute; left:47%; bottom:-50px; z-index:2; }
#t_pagers .pager { display:inline-block; text-decoration:none; width:30px; min-height:7px; margin-right:5px; background:#ED1C24; cursor:pointer; }
#t_pagers .pager.active { background:#000;}
/*testimonial css end*/

/*bottom css start*/
.bottom { background: url(../images/bottom-bg.png) no-repeat #0091C7; padding:40px 0px 40px 0px; font-family:'Roboto', sans-serif;  }
.bottom h2 { font-family:'Exo', sans-serif; font-size:20px; color:#FFF; padding-bottom:20px; font-weight:700; }
.bottom h2 span {  color:#FFF; }
.bottom h2:after { display:block; width:40px; margin-top:18px; border-top:1px solid #333; content:''; }

.bott1 {}
.bott1 .text { font-size:15px; color:#ebebeb; }
.bott1 .text strong { color:#FFF; }

.bott2 ul { margin:0px; padding:0px; list-style-type:none;}
.bott2 li { font-size:15px; color:#FFF; border-bottom:#c9cbce 1px solid; }
.bott2 li a { text-decoration:none; color:#ebebeb; line-height:3em; padding-left:10px; }
.bott2 li a:hover { text-decoration:none; color:#ed1c24;}
.bott2 li i { margin-right:10px; }

.bott3 span { margin-left:40px; display:block; font-size:15px; color:#ebebeb; margin-bottom:20px; }
.bott3 span a { color:#ebebeb; text-decoration:none; }
.bott3 span a:hover { color:#ed1c24; text-decoration:none; }
.bott3 i  { float:left; font-size:20px; margin-right:10px; margin-top:3px; color:#FFF; }
/*bottom css end*/

/*footer css end*/
.footer { background:#333; padding:20px 0 20px 0; border-top:1px solid #000; }
.copy { font-family:'Roboto', sans-serif; font-size:14px; color:#FFF;  }
.copy a { color:#00AAE9; text-decoration:underline; padding:0 5px 0 5px; font-weight:600; }
.copy a:hover { color:#FFF; text-decoration:underline; } 

.powered_by { float:right; font-family:'Roboto', sans-serif; font-size:14px; color:#FFF; }
.powered_by a { text-decoration:none; color:#FFF; }
.powered_by a:hover { color:#ed1c24; text-decoration:none; font-weight:600;}
/*footer css end*/

/*onload popup css start*/
#enquirypopup .modal-dialog { width:450px; padding:0px ;position:relative; margin-top:80px;}
#enquirypopup .modal-content { border-radius:0px;}
#enquirypopup .modal-body { padding:0px;}
#enquirypopup .modal-body h2 { background:#ED090D; font-family:'Roboto', sans-serif; font-weight:600; font-size:22px; color:#FFF; text-transform:uppercase; margin-bottom:10px; text-align:center; padding:20px; line-height:1.8em; }
#enquirypopup .modal-body h2 span { font-size:26px; color:#FFF; margin-left:40px; }
#enquirypopup .modal-body h2 span a { color:#FFF; }
#enquirypopup .modal-body h2 span a:hover { color:#FFF; }

#enquirypopup .popup_from { }
#enquirypopup .popup_from .popup_from_inner { padding:20px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .form-group {font-family:'Roboto', sans-serif;  }
#enquirypopup .popup_from .popup_from_inner .form-control { font-family:'Roboto', sans-serif; font-size:16px; border-color:#DBDBDB; padding:0 10px; height:45px; background-color:#FFF; box-shadow:none; }
#enquirypopup .popup_from .popup_from_inner .form-group input.code { float:left; width:72%; border-radius:none; margin-right:15px; }
#enquirypopup .popup_from .popup_from_inner .captcha { padding:14px; background:#FAFAFA; border-radius:3px; border:#dbdbdb 1px solid; }
#enquirypopup .popup_from .popup_from_inner .submit { width:100%; font-family:'Roboto', sans-serif;font-size:16px; color:#FFF; font-weight:600; padding:12px 0; background:#202C45; cursor:pointer; outline:none; border:none;box-shadow:none; }
#enquirypopup .popup_from .popup_from_inner .submit:hover { background:#333; color:#FFF; outline:none; border-radius:none; }
#enquirypopup .close { float:right; font-family:'Roboto', sans-serif; font-size:40px; font-weight:normal; color:#fff; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-right:5px; }


#enquirypopup .popup_from p { font-family:'Roboto', sans-serif; font-weight:400; font-size:11px; color:#000; text-align:left; margin-bottom:20px; }
/*onload popup css end*/

/*verify form css start*/
.verify_form { background:#0E33A2; border:1px dashed #90ABFD; padding:20px; overflow:hidden; position:relative; border-top:4px solid #90ABFD; -webkit-transition:350ms ease all; transition:350ms ease all;}
.verify_form h2 { font-family:'Roboto', Helvetica, Arial, sans-serif;  font-weight:600; font-size:18px; color:#FFF; text-transform:uppercase; margin-bottom:20px; text-align:center; }
.verify_form .form-group { margin:10px 0 10px 0; font-family:'Roboto', Helvetica, Arial, sans-serif;  }
.verify_form .form-control { font-family:'Roboto', Helvetica, Arial, sans-serif;  border-color:#dbdbdb; padding:10px; height:50px; background-color:#FFF; border-width:1px; box-shadow:none; position:relative; z-index:0; }
.verify_form .form-group input.code { float:left; width:62%; border-radius:none; margin-right:5px; }
.verify_form .captcha { padding:10px; background:#fafafa; border-radius:3px; border:#dbdbdb 1px solid; }
.verify_form input[type=text]:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form textarea:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form .submit { width:100%; background:#FF0707; position:relative; font-family:'Roboto', Helvetica, Arial, sans-serif;  color:#FFF; border-radius:2px; border:0; 
padding:12px 0; font-size:16px; font-weight:600; text-transform:uppercase; overflow:hidden; -webkit-transition:350ms ease all; transition:350ms ease all; margin-top:8px; }
.verify_form .submit a { color:#FFF; text-decoration:none; }
.verify_form .submit a:hover { color:#FFF; text-decoration:none;  }
.submit:hover { color:#FFF; text-decoration:none; }
/*verify css end*/


.video_gallery { border:#D3D1D1 1px solid; padding:5px 5px 0px 5px; margin:5px 0px 5px 0px; }

/*for grid products css start*/
.gallery { text-align:center;}
.gallery .item { font-family: 'Roboto', sans-serif; font-weight:400; color:#595959; font-size:15px; line-height:1.8em; text-align:center;  background:#fff; border:1px solid #ECECEC; padding:10px; }
.gallery  a { text-decoration:none; color:#000;}
.gallery h2 {  font-family: 'Roboto', sans-serif; color:#1351a0; font-size:28px; text-transform:uppercase;  margin-bottom:40px;}
.gallery b { display: block; -ms-flex: 1; flex: 1;  height: 2px;  opacity: .1; background-color: currentColor;  position:relative; z-index:-99999; top:40px;}
.gallery a.read-more{ text-align:center; border:2px solid #000000; border-radius:90px; padding:10px 15px; margin-top:90px; }
/*for grid products css end*/

/* web banner css start */
.page-header { background:url(../images/banner/web_banner.jpg) no-repeat; background-size:cover; color:#FFF; overflow:hidden; padding:90px 0px; position:relative; margin-top:0px; margin:0px 0 0px !important; }
.page-header:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(54, 59, 77, 0.88); }
.page-header .breadcrumb-wrapper .product-title { font-size:30px; line-height:38px; font-weight:700; letter-spacing:1px; color:#FFF; }
.page-header .breadcrumb-wrapper .breadcrumb { font-size:14px; color:#ff3838; border-radius:0px; background:transparent; padding:5px 0px; z-index:1; }
.page-header .breadcrumb-wrapper .breadcrumb li { display:inline-block; }
.page-header .breadcrumb-wrapper .breadcrumb li a { color:#FFF; padding-right:5px; }
/* web banner css end */

/*fix phone icss css start*/
.phone_icon_main { position:fixed; width:60px; height:60px; bottom:50px; left:40px; background-color:#D11820; color:#FFF; border-radius:50px;
text-align:center; font-size:30px; box-shadow:2px 2px 3px #999; z-index:100; }
.phone_icon_main:hover { color:#fff; }
.phone_icon { margin-top:16px; }
/*fix phone icss css end*/