/*

 Theme Name:   Arielle Child

 Theme URI:    http://example.com/arielle-child/

 Description:  Arielle Child Theme

 Author:       John Doe

 Author URI:   http://example.com

 Template:     arielle

 Version:      1.0.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  arielle-child

*/

/*font-family: 'Open Sans', sans-serif;*/

/*font-family: 'Roboto', sans-serif;*/



@font-face {

  font-family: 'EuclidFlex';

  src: url('fonts/EuclidFlex.eot?#iefix') format('embedded-opentype'),  

  url('fonts/EuclidFlex.otf')  format('opentype'),

  url('fonts/EuclidFlex.woff') format('woff'), 

  url('fonts/EuclidFlex.ttf')  format('truetype'), 

  url('fonts/EuclidFlex.svg#EuclidFlex') format('svg');

  font-weight: normal;

  font-style: normal;

}

a:hover{ box-shadow:none;}

body{font-family: 'Open Sans', sans-serif;}

.page-one-column .panel-content .wrap {  max-width: 100%; padding:60px 100px;}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {  border-top: medium none;}

.page .entry-header .edit-link {  display: none;}

.main-navigation {  clear: none;  float: right;  padding-top: 0;  width: 80%;}

.main-navigation ul li a{font-family: "EuclidFlex";  font-size: 15px;  font-weight: normal;  padding:18px 15px;  

text-transform: capitalize;}

.main-navigation ul li a:hover{ color:#05135c !important;}

.navigation-top nav {  margin-top: 12px;}

#masthead .wrap {  padding-right: 0;}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {  color: #05135c;}

.logowrap {  float: left; width: 20%; padding-top:0;}



.topstrip-wrappper{ width:100%; float:left; background-color:#303030; padding:2px 0;}

.topstrip-wrappper .wrap {  padding: 0 3em;}

.topstrip-left{ width:50%; float:left;}

.topstrip-left ul li{ list-style-type:none; float:left; font-size:11px; text-transform:uppercase; color:#fff; padding:3px 20px;}

.topstrip-right{ width:50%; float:right;}

.topstrip-right ul li{ list-style-type:none; float:right; }

.topstrip-right ul li a{ display:block; font-size:11px; text-transform:uppercase; color:#fff; padding:3px 20px;}

.topstrip-right ul li a i{ padding-right:10px;}

.mainheader-wrapper{ width:100%; float:left;}

.navigation-top {   background-color:rgba(250,250,250,0.9); }



.sub-menu li a{ padding:10px 15px !important;}



.menus-wrapper {  width: 70%;  float: right;}

.menus-wrapper ul li{ list-style-type:none; float:left;}

.menus-wrapper ul li a {  display: block;  font-family: "EuclidFlex";  font-size: 15px;  font-weight: normal;  padding:20px 12px;  

text-transform: capitalize;}

.menus-wrapper ul li a:hover{color:#2a5aff }

.main-navigation {  float: right;  width: auto; padding-top:2px;}

.navigation-top {  border-bottom: medium none;}

.home #post-7 .entry-header {  display: none;}

.home #post-7 .entry-content{ width:100% !important;}

.home #post-7 .wrap {  max-width: 100%;  padding: 0;}

.home .metaslider-50{ max-width:100% !important;}


.home h2 {
 background: url("images/heading-bg.png") no-repeat scroll center center;
 color: #222;
 font-family: "EuclidFlex";
 font-size: 44px;
 font-weight: normal;
 letter-spacing: 0;
 margin-bottom: 10px;
 text-align: center;
 text-transform: uppercase;
}

.home #post-7 .metaslider-50 .caption-wrap {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  bottom: 250px;  font-family: "EuclidFlex";

  font-size: 36px;  left: 100px;  line-height: 44px;  opacity: 100;  text-shadow: 2px 1px 5px #000;  width: 450px;}

.metaslider .flex-direction-nav li a{ box-shadow:none;}

.panel-image-prop{ color:#fff;}

/*.home .entry-header .entry-title {  color: #fff;  font-size: 44px;  text-transform: uppercase; font-family: 'EuclidFlex'; text-align:center;

letter-spacing:0; font-weight:normal; background:url(images/heading-bg.png) no-repeat; background-size:100%; background-position:center;}*/

.home .entry-header{ display:none;}

.home h1{  color: #222;  font-size: 44px;  text-transform: uppercase; font-family: 'EuclidFlex'; text-align:center;

letter-spacing:0; font-weight:normal; background:url(images/heading-bg.png) no-repeat; background-position:center center; margin-bottom:10px;}

.home #panel1 .entry-content p{ text-align:center; color:#222;}

#panel1{ /*background:url(images/who-we-are-bg.jpg) no-repeat; background-size:100% 100%; background-attachment:fixed;*/ background-color:#f7f7f7;}

#panel2{ /*background:url(images/our-services-bg.jpg) no-repeat; background-size:100% 100%; background-attachment:fixed;*/}

#panel3{ /*background:url(images/our-products-bg.jpg) no-repeat; background-size:100% 100%; background-attachment:fixed;*/ background-color:#f7f7f7;}

#panel2 .entry-header{ margin-bottom:20px;}

.services-subhead {  text-align: center;}

.services-wrapper {  width: 100%;  float: left;}

.services-area {  background-color: #f7f7f7;  float: left;  margin: 10px;  min-height: 210px;  padding: 20px;  width: 48%;}

.services-area-left {  width: 30%;  float: left; background:url(images/services-sprite-icons.png) no-repeat; height:200px;}

.services-area-right {  width: 70%;  float: right; padding:0 40px;}

.service1 {  background-position: left top;}

.service2 {  background-position: left -459px;}

.service3 {  background-position: left -231px;}

.service4 {  background-position: left bottom;}



.services-area h3{ color:#222; font-size:25px; text-transform:capitalize;font-family: 'EuclidFlex'; font-weight:normal;}

.services-area p{ color:#222; font-size:16px;font-family: 'EuclidFlex'; line-height:26px;}

.services-btnwrap {  width: 100%;  float: left;}

.services-btnwrap a{ color:#222; font-size:13px; text-transform:uppercase;font-family: 'EuclidFlex'; display:block; text-decoration:none; text-align:center;

box-shadow:none;margin-top: 15px;}

.services-btnwrap a:hover{ text-decoration:none; color:#2a5aff; box-shadow:none;}

.services-btnwrap i {  font-size: 12px;  padding-left: 10px; color:#222;}

.social-navigation, .site-info{ display:none;}



.products-wrapper{ width:100%; float:left;}

.products-cont {  margin: 0 auto;  max-width: 1180px;  width: 100%;}

.products-area{ width:263px; height:314px; float:left; margin-right:32px;}

.prdctarmrgnnone{ margin-right:0;}

.products-area img {  width: 100%;}

.products-area:last-child {  margin-right: 0;}

.Product-textwrapper{ width:100%; float:left; text-align:center; margin-top:10px;}

.Product-textwrapper ul li{ list-style-type:none; display:inline-block;}

.Product-textwrapper ul li a{ display:block;font-family: 'EuclidFlex'; font-size:16px; text-transform:uppercase; color:#000; text-decoration:none;

 padding:0 25px; box-shadow:none;}

 .Product-textwrapper ul li a:hover{ box-shadow:none; color:#05135c;}

 #panel3 h2{}





.site-footer { background-color:#303030; text-align:center; color:#fff; margin-top:0;}

.site-footer .wrap {  max-width: 100%;  padding: 10px;}

.site-footer .widget-column.footer-widget-1 {  width: 100%;}

.footer-logo a{ box-shadow:none !important;}

.footer-logo a img{ box-shadow:none;}

.footer-logo{ padding-bottom:25px;}

.footer-text{ padding-bottom:25px;}

.footer-text .textwidget{ color:#a9a9a9; font-size:10px; text-transform:uppercase;}

.footer-text span{ color:#686868;}

.footer-text span a{ box-shadow:none !important; color:#686868;}

.footer-social{ padding-bottom:0;}

.footer-social ul li {  border-bottom: medium none;  border-top: medium none;  display: inline-block;  padding: 0 10px;  width: auto;}

.footer-social ul li a{ box-shadow:none !important; color:#fff;}

.footerbox1{ width:29%; float:left;}

.footerbox2{ width:30%; float:left; padding-left:85px;}

.footerbox3{ width:36%; float:right; padding-left:115px;}

#panel4 h2{ color:#222;}

#panel4 .wrap {  padding: 40px 230px;}

#panel4 .entry-header {  margin-bottom: 31px;}

.contact-wrapper{ width:100%; float:left;font-family: 'EuclidFlex';}

.contact-wrapper strong{ font-size:19px; font-weight:normal;}

.contact-wrapper p{ font-size:15px; color:#585858; margin-bottom:5px;}

.contact-wrapper a{ color:#585858; box-shadow:none;}

.contact-wrapper a:hover{ box-shadow:none;}  

.contact-wrapper .contact-icon1 {  background: rgba(0, 0, 0, 0) url("images/contact-sprite-icons.png") no-repeat scroll left top;  height: 90px;}

.contact-wrapper .contact-icon2 {  background: rgba(0, 0, 0, 0) url("images/contact-sprite-icons.png") no-repeat scroll left -75px;  height: 90px;}

.contact-wrapper .contact-icon3 {  background: rgba(0, 0, 0, 0) url("images/contact-sprite-icons.png") no-repeat scroll left bottom;  height: 90px;}





/*=====Who We Are=====*/

.home .navigation-top.site-navigation-fixed {  position: fixed !important;}

.page .navigation-top.site-navigation-fixed {  position: static;}

.single-featured-image-header img{ width:100%;}

.innerpages-wrapper{ padding-top:60px;}

.innerpages-wrapper .content-area {  max-width: 100% !important;}

.innerpages-wrapper .content-area {  max-width: 100% !important;  box-shadow: 0 0 3px #eee;  padding: 30px;}

.home .content-area{ padding:0;}

.innerpages-wrapper .wrap{ max-width:1300px;}

.page .innerpages-wrapper .entry-header .entry-title {  color: #222;  font-size: 37px;  text-transform: uppercase; font-family: 'EuclidFlex';

 text-align:center;letter-spacing:0; font-weight:bold;/*background:url(images/heading-bg-inner.png) no-repeat; background-position:center center;*/}

.page .innerpages-wrapper .entry-header {  margin-bottom: 0;  padding-bottom: 0;}

.whoweare-wrapper {  float: left;  width: 100%; padding-top: 20px;}

.whoweare-left {  float: left;  width: 40%;}

.whoweare-right {  float: right;  width: 60%;}

.whoweare-wrapper h3 {  color: #222;  font-family: "EuclidFlex";  font-size: 25px;  text-transform: uppercase;  padding-top: 0;  margin-bottom: 10px;}

.whoweare-wrapper p {  color: #000;  font-family: "Open Sans",sans-serif;  font-size: 14px;  line-height: 24px; margin-bottom: 15px;}

.page-id-108 .entry-title{ text-align:left !important;}



/*=====Our Services=====*/

.ourservices-wrapper h3 {  color: #000;  font-family: "EuclidFlex";  font-size: 25px;  text-transform: capitalize;  padding-top: 0;  margin-bottom: 10px;

font-weight:normal;}

.ourservices-wrapper p {  color: #000;  font-family: "Open Sans",sans-serif;  font-size: 14px;  line-height: 24px; margin-bottom: 15px;}

.ourservices-wrapper i {  border-radius: 50%;  box-shadow: 0 0 10px #eee;  font-size: 80px;  padding: 30px;  text-align: center;}

.ourservices-area-odd { float: left; padding: 30px;  width: 100%;}

.ourservices-area-odd-left {  float: left;  width: 20%;}

.ourservices-area-odd-right {  float: right;  width: 80%;}

.ourservices-area-even { float: left; padding: 30px;  width: 100%;}

.ourservices-area-even-left {  float: left;  width: 80%;}

.ourservices-area-even-right {  float: right;  width: 20%; text-align:right;}

.ourservices-wrapper .pinkcolor{ color:#f15f74;}

.ourservices-wrapper .orangecolor{ color:#f76d3c;}

.ourservices-wrapper .greencolor{ color:#98cb4a;}

.ourservices-wrapper .greycolor{ color:#839098;}

.ourservices-wrapper .navybluecolor{ color:#0f5c8c;}

.ourservices-subhead {  padding-bottom: 10px;  text-align: center;}



/*=====Our Products=====*/

.ourproducts-wrapper{ width:100%; float:left;padding-top: 10px;}

.ourproducts-area{ width:364px; height:252px; float:left; margin:8px;}

.ourproducts-area img {  width: 100%; height:100%;}

.ourproducts-detail-wrapper{ width:100%; float:left;padding-top: 10px;}

.ourproducts-detail-area{ width:364px; height:252px; float:left; margin:8px;}

.ourproducts-detail-area img {  width: 100%;}

.hardgoods-wrapper .ourproducts-detail-area {  height: 416px;}

.softtextile-wrapper .ourproducts-detail-area {  height: auto;}





/*=====Key Wrapper=====*/

.key-wrapper {  float: left;  width: 100%;}

.key-wrapper ul {  margin: 0 auto;  width: 600px;}

.key-wrapper ul li {  border-bottom: 1px dashed #ccc;  font-size: 15px;  line-height: 25px;  list-style-type: none;  padding-bottom: 8px;

  padding-top: 8px;}

.key-wrapper ul li i{ padding-right:10px;}

.site-footer a{color:#fff; text-decoration:underline; text-shadow:none;}
.site-footer a:hover, .site-footer a:focus{color:#fff !important; text-shadow:none !important; text-decoration:none;}





/*=====RESPONSIVE LAYOUT=====*/

@media only screen and (max-width:1024px)

{

	.home #post-7 .metaslider-50 .caption-wrap{ bottom:100px;}

	.page-one-column .panel-content .wrap{ padding:50px;}

	.services-area { width: 100%;}

	.services-area-right {  padding: 20px 0;}

	.products-area {  margin-right: 20px;  width: 200px;}

	#panel4 .wrap {  padding: 50px;}

	.whoweare-left {  width: 100%;  text-align: center; margin-bottom:20px;}

	.whoweare-right {  width: 100%;}

	.ourproducts-area{ width:418px;}

	.ourproducts-detail-area{ width:418px;}

	.products-cont {  max-width: 880px;}

}



@media only screen and (max-width:1023px)

{

	.navigation-top {  bottom: auto;}

	.logowrap {  padding-top: 8px;  width: 16%;}

	.main-navigation {  width: 80%;}

	.main-navigation ul li a {  font-size: 13px;  padding: 18px 6px;}

	.products-area {  width: 145px; height:auto;}

	.footerbox2 {  padding-left: 30px;}

	.footerbox3 {  padding-left: 35px;}

	.ourservices-area-odd-left {  text-align: center;  width: 100%;}

	.ourservices-area-odd-right {  padding-top: 20px;  text-align: center; width: 100%;}

	.ourservices-area-even-left {  text-align: center;  width: 100%;}

	.ourservices-area-even-right {  padding-top: 20px;  text-align: center; width: 100%;}

	.ourproducts-area {  width: 290px;  height: 200px;}

	.ourproducts-detail-area {  width: 290px;  height: 200px;}

	.products-cont {  max-width:700px;}

}



@media only screen and (max-width:767px)

{

	.topstrip-left {  width: 100%;}

	.topstrip-right {  width: 100%; float:left;}

	.topstrip-right ul li{ float:left;}

	.topstrip-right ul li a{ padding:3px 0;}

	.topstrip-left ul li{ padding:3px;}

	.navigation-top .wrap{ padding:0 20px;}

	.menu-toggle {  margin-top: 10px; padding: 8px;}

	.main-navigation .menu-toggle {  position: absolute;  top: 20px;  right: 20px;}

	.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {  color: #ccc;}

	#masthead .wrap {  padding-right: 20px;}

	.menu-top-menu-container {  margin-top: 10px;}

	.main-navigation{ width:auto;}

	.main-navigation.toggled-on {  width: 100%; margin-bottom:30px;}

	.main-navigation ul {  padding: 0 !important;}

	.main-navigation ul li{ background-color:#222;}

	.main-navigation ul li a {  padding: 10px 20px; color:#fff;}

	.main-navigation ul li a:hover{ color:#ccc !important;}

	.logowrap {  padding-top: 5px;  width: auto;}

	.home #post-7 .metaslider-50 .caption-wrap {  bottom: 28px;  font-size: 20px;  left: 20px;  line-height: 25px;  width: 290px;}

	.page-one-column .panel-content .wrap {  padding: 20px;}

	.home h2{ font-size:30px; margin-bottom:10px;}



	.services-area-left{ width:100%;}

	.service1{background-position:center top;}

	.service2 {  background-position: center -459px;}

	.service3 {  background-position: center -231px;}

	.service4{background-position:center bottom;}

	.services-area-right{ width:100%; text-align:center; padding:0;}

	.services-area h3 {  font-size: 18px; font-weight: bold;}

	.Product-textwrapper ul li{ width:100%;}

	.Product-textwrapper ul li a{ padding:5px 25px;}

	.products-area {  width: 100%;  margin-bottom: 40px; margin-right:0;}

	.footerbox1 {  width: 100%;}

	.footerbox2 {  padding-left: 0;  width: 100%;}

	.footerbox3 {  padding-left: 0;  width: 100%;}

	.page .innerpages-wrapper .entry-header .entry-title{ font-size:25px;padding-bottom: 0;}

	.ourservices-wrapper h3{ font-size:20px;}

	.ourproducts-area {  height: 100%;  width: 100%; margin:2px;}

	.ourproducts-detail-area {  height: 100%;  width: 100%; margin:2px;}

	.key-wrapper ul{ width:100%;}

	.services-area {  margin: 0 0 20px 0; text-align:center;}

	.products-cont {  max-width:280px;}

	.services-btnwrap a{ margin-top:0; margin-bottom:20px;}

	.Product-textwrapper li {  background-color: #222;  border-bottom: 1px solid #ccc;}

	.Product-textwrapper ul li a {  padding: 8px 25px;  color: #fff;  font-size: 14px;}

	.Product-textwrapper ul li a:hover{ color:#ccc;} 

	.innerpages-wrapper {  padding-top: 30px;}

	.site-footer .widget-area{ padding-top:25px !important;}

	.ourservices-wrapper {  text-align: center;}

	.ourservices-area-even{ padding:20px;}

	.ourservices-area-odd{ padding:20px;}

	.logstmrgn{ margin-bottom:0;}

	.dropdown-toggle{ color:#fff; right:0;}

	.whoweare-wrapper{ text-align:center;}

	.page .innerpages-wrapper .entry-header .entry-title{ text-align:center !important;}

	

}