/*
 Theme Name: VR4C Child
 Theme URI: 
 Author: VR4C
 Author URI: 
 Template: vr4c
 Description: 
 Version: 1.0.0
 */
@import url('fonts/fonts.css');
#html { margin-top:0 !important }
body { font-family: 'Open Sans'; font-size: 16px; font-weight: 500; color: #9eaab7; line-height:30px; }
a { color: #9eaab7; transition: all ease 0.5s; }
a:hover { color: #9eaab7; text-decoration: none; transition: all ease 0.5s; }
.home header.entry-header { display:none }
header { margin:0px; padding:0px; box-shadow:0 0 60px rgba(240,245,248,0); }
.head_top { background:#3d5167; padding:7px 0; margin:0px; }
nav.navbar-light .navbar-nav .nav-link { color: #9eaab7; }
.content-area { margin-top:123px; }
/*Comman Style Start================*/
hgroup { text-align:center; max-width:800px; margin:0 auto 100px; }
hgroup > h2 { line-height:1.35 }
h1 { font-size: 54px; font-weight: bold; color: #42576d; letter-spacing:.2px; }
h2 { font-size: 48px; font-weight: bold; color: #42576d; letter-spacing:.2px; }
h3 { font-size: 34px; font-weight: bold; color: #42576d; letter-spacing:.2px; }
h4 { font-size: 28px; font-weight: 600; }
h5 { font-size: 22px; font-weight: 600; color:#42576d; }
h6 { font-size: 18px; font-weight: 600; color:#42576d; }
h5.line:after { content: ""; background: #f0f3f9; width: 40px; height: 2px; display: block; margin: 25px auto 30px; } 
h6.line:after { content: ""; background: #3cb54b; width: 40px; height: 2px; display: block; margin: 15px 0 20px; } 
section { padding: 80px 0 !important; }
.bg-light { background-color: #f8faff !important; }
.bg-primary { background-color: #42576d !important; }
.text-primary {	color: #42576d !important; }
.text-success { color: #3cb54b !important; }
p.large { line-height:40px; font-size:18px; }
.box_shadow { box-shadow:0 0 40px rgba(240,245,248,1); }
.media .media-body > h5 { font-size:18px; font-weight:600 }
.media .media-body > small { font-size:16px; font-weight:600 }
.media > img { width:auto !important }
.img-thumbnail { padding: 5px; border: 3px solid #f0f3f9; border-radius: .25rem; }
.border { border-color:#f0f3f9 !important; }

ul.list { margin:0px; padding:0px; }
ul.list li { list-style-type:none; line-height:34px; }
ul.list li a { text-decoration:none; color:rgba(255,255,255,.80); font-size:14px; }
ul.list li a:before { font-family: FontAwesome; content: "\f105"; padding-right:5px; }
ul.list li a:hover { color:rgba(255,255,255,1); }
ul.list.half { overflow:hidden }
ul.list.half li { width:50%; float:left }

ul.list_inline { margin:0px; padding:0px; }
ul.list_inline li { list-style-type:none; display:inline-block; }
ul.list_inline li a i { margin-right:5px; }
ul.list_inline li a { text-decoration:none; color:#ffffff; font-size:15px; margin-right:10px }
ul.list_inline li a:hover { color:#ffffff; }

.form-control , input[type="text"], input[type="email"] { padding: .70rem .75rem; color: #9eaab7; border: 1px solid #ebeef5; max-height:44px;  border-radius:.25rem; }
select.form-control:not([size]):not([multiple]) { height: auto; }
textarea.form-control { max-height:140px; }
.form-control:focus { border-color: #dbdfe9; outline: 0; box-shadow: none; }
/*button style============*/
.btn , input[type="submit"] { font-weight: 600; padding: .70rem 1.75rem; font-size: 1rem;  border-radius:.25rem; }
.btn-success , input[type="submit"] { background-color: #3cb54b; border-color: #3cb54b; color:#ffffff; }
.btn-success:hover { background-color: #3cb54b; border-color: #3cb54b; color:#ffffff; }
.btn-success:visited { color:#ffffff; }
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { background-color: #3cb54b; border-color: #3cb54b; color:#ffffff; }
.btn-success[href]:hover, .btn-success[href]:focus, .btn-success[href]:active, .btn-success[type]:hover, .btn-success[type]:focus, .btn-success[type]:active { background-color: #3cb54b; border-color: #3cb54b; color:#ffffff; }
.btn-success.focus, .btn-success:focus { box-shadow: none; }

.btn-light { color: #9eaab7; background-color: #f8faff;	border-color: #f8faff; }
.btn-light:hover { color: #9eaab7; background-color: #f8faff;	border-color: #f8faff; }
.btn-light:visited { color:#9eaab7; }
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #9eaab7; background-color: #f8faff;	border-color: #f8faff; }
.btn-light[href]:hover, .btn-light[href]:focus, .btn-light[href]:active, .btn-light[type]:hover, .btn-light[type]:focus, .btn-light[type]:active { color: #9eaab7; background-color: #f8faff;	border-color: #f8faff; }
.btn-light.focus, .btn-light:focus { box-shadow: none; }

.slide { margin:0px; }
.slider { margin:0px; }
.slider .carousel-control-next, .slider .carousel-control-prev { top: 50%; width: 48px; height: 48px; background-color: #fff; }
.slider .carousel-control-prev-icon , .slider .carousel-control-next-icon {	background-image: none; width:auto; height:auto; background-size:auto; }
.slider .carousel-control-prev-icon:before { font-family: "FontAwesome"; content: "\f104"; font-weight: normal; font-style: normal; font-size: 22px; text-align:center; color:#000 }
.slider .carousel-control-next-icon:after { font-family: "FontAwesome"; content: "\f105"; font-weight: normal; font-style: normal; font-size: 22px; text-align:center; color:#000 }

.about { margin:0px; position:relative; overflow:hidden }
.about:after { content:""; border:100px solid #f8faff; width:550px; height:550px; position:absolute; z-index:-1; right:-350px; top:80px; display:inline-block; border-radius:50%; }
.about > .container-fluid { margin-top:150px; }
.services { margin:0px; }
.card { border:none; }
.services .card .btn { width:44px; height:44px; line-height:44px; }
a.card_hover h5.line:after , a.card_hover .card , a.card_hover .btn-light { transition: all ease-in-out 0.5s; }
a.card_hover p { color: #9eaab7; }
a:hover.card_hover p:hover , a:hover.card_hover p:visited , a:hover.card_hover p:focus , a:hover.card_hover p:active { color: #9eaab7; }
a:hover.card_hover .btn-light { background-color: #3cb54b; border-color: #3cb54b; color:#ffffff; transition: all ease-in-out 0.5s; }
a:hover.card_hover h5.line:after { background:#3cb54b; width:60px; }

a.tech_hover {}
a.tech_hover img { filter: grayscale(100%); opacity:.5; transition: all ease-in-out 0.5s;width: 60px; }
a:hover.tech_hover img { filter: grayscale(0); opacity:1; transition: all ease-in-out 0.5s; }

.our_work { margin:0px; position:relative; overflow:hidden }
.our_work:before { content:""; border:100px solid #f8faff; width:550px; height:550px; position:absolute; z-index:-1; left:-350px; top:150px; display:inline-block; border-radius:50%; }

.our_work #portfolio-filters , .inner_content #portfolio-filters { margin:0px; padding:0px; list-style: none; text-align: center; }
.our_work #portfolio-filters li , .inner_content #portfolio-filters li { cursor: pointer; display: inline-block; font-weight:600; padding: .50rem 1.35rem; border-radius:.25rem; transition: all ease 0.5s }
.our_work #portfolio-filters li:hover , .inner_content #portfolio-filters li:hover { color:#3cb54b; transition: all ease 0.5s }  
.our_work #portfolio-filters li.filter-active , .inner_content #portfolio-filters li.filter-active { background: #3cb54b; color: #fff; cursor:default }
.our_work #portfolio-filters li:last-child , .inner_content #portfolio-filters li:last-child { margin-right: 0; }
.our_work .portfolio-wrap , .inner_content .portfolio-wrap { margin:0px; padding:0px; }
.our_work h5 , .inner_content h5 { font-size:20px; }
.our_work .portfolio-wrap figure , .inner_content .portfolio-wrap figure { position:relative; transition: all ease 0.5s; cursor:pointer }
.our_work .portfolio-wrap figure:hover .hwork , .inner_content .portfolio-wrap figure:hover .hwork { bottom: 0; height: 100%; }
.our_work .portfolio-item , .inner_content .portfolio-item { overflow: hidden; }

/*our work hover effect*/
.hwork { background:rgba(66,87,109,.80); position: absolute;  bottom: 100%; left: 0; right: 0; overflow: hidden; width: 100%; height:0; transition: .5s ease; }
.hwork .work_icons { position:absolute; z-index:2; width:100%; left:0; right:0; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; margin-left:-5px; }
.hwork .work_icons a i { background:#ffffff; width:44px; height:44px; border-radius:50%; display:inline-block; color:#42576d; text-align:center; line-height:44px; margin-left:5px; transition: all ease 0.5s }
.hwork .work_icons a:hover i { background:#3cb54b; color:#ffffff;  transition: all ease 0.5s }

ul.tech_icons { margin:0px; padding:0px; }
ul.tech_icons li { list-style-type:none; display:inline-block; margin-right:5px;  }
ul.tech_icons li i {font-size: 30px; background:#f8faff; width:44px; height:44px; border-radius:50%; display:inline-block; color:#42576d; text-align:center; line-height:44px; }

.technology { margin:0px; }
.technology .tech_hover h5{font-size:16px;}
.client_speak { margin:0px; position:relative; overflow:hidden }
.client_speak:before { content:""; border:60px solid #f8faff; width:350px; height:350px; position:absolute; z-index:-1; left:-220px; top:80px; display:inline-block; border-radius:50%; }
.client_speak:after { content:""; border:100px solid #f8faff; width:550px; height:550px; position:absolute; z-index:-1; right:-350px; top:150px; display:inline-block; border-radius:50%; }

.client_speak .card { border-bottom:3px solid #f8faff; }
.our_clients { margin:0px; }
.owl-item.active .card { filter: opacity(0.5); }
.owl-item.active.center .card { filter: opacity(1); }

.footer address { font-size:14px; }
/*wp theme style start===========*/
/*WP Menu start======*/
ul.navbar-nav { margin:0px; padding:0px; position:relative; }
ul.navbar-nav li { list-style-type:none; position:relative; }
ul.navbar-nav li a { text-decoration:none; display: block; padding:.5rem 1rem; color:#9eaab7; }
ul.navbar-nav li a:visited , ul.navbar-nav li a:focus , ul.navbar-nav li a:active { color: #9eaab7; }
ul.navbar-nav li a:hover { color: #3cb54b; }
ul.navbar-nav li .sub-menu { display:none; padding: 0px; background-color: #fff; position:absolute; z-index:1000; left:auto; top:100%; min-width:15rem;  }
ul.navbar-nav li:hover .sub-menu { display:block; color:#3cb54b; }
ul.navbar-nav li .sub-menu li a { background-color:transparent; }
ul.navbar-nav li .sub-menu li a:hover { background-color:#fff; color:#3cb54b; }
.menu-item-has-children > a:after { font-family: "FontAwesome"; content: "\f0d7"; display: inline-block; font-weight: normal; font-style: normal; font-size: 12px; padding-left:8px; }
ul.navbar-nav li.current_page_item > a { color:#3cb54b; }
/*WP Menu end======*/
li.menu-item a:before { padding-right:5px; font-size:18px; } 
li.menu-item-352 a:before { font-family: 'Line Awesome Free'; font-weight: 900; content: "\f568";  }
li.menu-item-354 a:before {  font-family: 'Line Awesome Free'; font-weight: 900; content: "\f109"; }
li.menu-item-351 a:before { font-family: 'Line Awesome Free'; font-weight: 900; content: "\f10b";  }
li.menu-item-350 a:before { font-family: 'Line Awesome Free'; font-weight: 900; content: "\f51b"; }
li.menu-item-349 a:before { font-family: 'Line Awesome Free'; font-weight: 900; content: "\f5fd"; }
li.menu-item-348 a:before { font-family: 'Line Awesome Free'; font-weight: 900; content: "\f002";  }

/*Footer style=========*/
.footer h3.widget-title { font-size: 18px; font-weight: 600; color:#ffffff; }
.footer h3.widget-title:after { content: ""; background: #3cb54b; width: 40px; height: 2px; display: block; margin: 15px 0 20px; } 
.page { margin:0; }

/*contact form 7 error style start==========*/
.form-group { position:relative }
.wpcf7-form-control-wrap { position: static !important; }
.screen-reader-response , .wpcf7-validation-errors , div.wpcf7 .ajax-loader { display:none !important; }
.wpcf7-not-valid { border-color: #c51118 !important; background: #fff7f6; }
.wpcf7-not-valid-tip { position: absolute; background: #c51118; padding: 8px 20px;	right: 0; font-size: 12px !important; color: #fff !important; z-index: 1; line-height:normal; }
.wpcf7-not-valid-tip:before { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #c51118; position: absolute; z-index: 2; left: 10%; top: -5px; content: ""; }
.wpcf7-mail-sent-ok { background: #e9f7ed; text-align: center; padding: 15px; color: #155724; border: 1px solid #c3e6cb; border-radius: .25rem; font-weight: 500; }
/*contact form 7 error style end==========*/

/*inner page header style ===================*/
.entry-content { margin-top:50px; overflow:hidden }
header.entry-header { background-repeat:no-repeat; background-position:center bottom; padding:100px 0; position:relative; background-color:#42576d; max-height:260px; }
header.entry-header:before { display:none; content:""; background:rgba(66,87,109,0); position: absolute; top: 0; left: 0; right: 0; overflow: hidden; width: 100%; height:100%; z-index:1 }
header.entry-header > h1.entry-title { color: #ffffff; position: relative; z-index: 2; margin: 0 auto; max-width: 1140px; padding: 0 15px; }
body.page-id-338 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_ui-ux.jpg'); }
body.page-id-32 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_web-development.jpg'); }
body.page-id-340 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_app-development.jpg'); }
body.page-id-342 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_soft-development.jpg'); }
body.page-id-344 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_web-hosting.jpg'); }
body.page-id-346 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_seo.jpg'); }
body.page-id-17 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner-career.jpg'); }
body.page-id-19 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_contact.jpg'); }
body.page-id-11 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_works.jpg'); }
body.page-id-7 header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner_about.jpg'); }
body.blog header.entry-header { background-image: url('/wp-content/uploads/2020/04/banner-blog.jpg'); }

/*wp theme style end===========*/
a.back-to-top { position: fixed; display: none; background-color:#42576d; color: #fff; width: 40px; height: 40px; line-height:40px; text-align: center; font-size: 22px; right: 0; bottom: 50px; transition: background 0.5s; z-index: 11; border-radius: .25rem 0 0 .25rem; }
a:hover.back-to-top { background:#3cb54b; }
.footer_bottom { background:#36495d; }

ul.social { margin:0px; padding:0px; }
ul.social li { list-style-type:none; display:inline-block; }
ul.social li a {  background:#3d5167; text-decoration:none; font-size:18px; color:#ffffff; font-weight:normal; width:34px; height:34px; border-radius:.25rem; text-align:center; line-height:34px; margin-right:5px; display:inline-block; }
ul.social li a:hover { background:#3cb54b; }

@media screen and (max-width:1024px)
{
header.entry-header > h1.entry-title { max-width: 960px; }
.slider .carousel-control-next, .slider .carousel-control-prev { top: 44%;  }
}
@media screen and (max-width:768px)
{
/*dropdown css in mobile*/
ul.navbar-nav li a { display: inline-block; }
.menu-item-has-children > a:after { font-size: 18px; position: absolute; right: 0; top: auto; z-index: 11; pointer-events: none; cursor:pointer; padding:0px; width:20px; text-align:center; }
ul.navbar-nav li:hover .sub-menu , ul.navbar-nav li:active .sub-menu , ul.navbar-nav li:focus .sub-menu { display:none; }
ul.navbar-nav li .sub-menu { padding: 0px;	position: static; }	
/*dropdown css in mobile*/
h1 { font-size: 38px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 26px; }
h5 , .our_work h5, .inner_content h5 { font-size: 16px; }
h6 { font-size: 16px; }	
hgroup { margin-bottom:50px; }	
.about > .container-fluid {	margin-top: 50px; }
section { padding: 40px 0 !important; }
.client_speak:after { border:60px solid #f8faff; width:350px; height:350px; right:-150px; }
.about::after {	bottom: 80px; top: auto; }
header.entry-header > h1.entry-title { max-width: 720px; }
.slider .carousel-control-next, .slider .carousel-control-prev { top: 40%; }
}
@media screen and (max-width:767px)
{
.head_top { display:none }	
header.entry-header { background-position: 50% 100%; padding: 40px 0 80px; background-color: #42576d; background-size: 200% auto; }
img.custom-logo { max-width:75% }
.content-area {	margin-top: 55px; }
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h4 { font-size: 20px; }
h5 , .our_work h5, .inner_content h5 { font-size: 18px; }
ul.list.half li { width: auto; float: none; }
.slider .carousel-control-next, .slider .carousel-control-prev { width: 34px; height: 34px; bottom:0; top:auto }
.slider .carousel-control-prev-icon:before , .slider .carousel-control-next-icon:after { font-size: 18px; }
}