@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800;900&display=swap');
html, body{ overflow-x:hidden}
@font-face{font-family:Nightingale;src:url(../fonts/Nightingale.woff2) format('woff2'),url(../fonts/Nightingale.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
body{font-family: 'Poppins', sans-serif;color: #000;padding:0;margin:0px;font-size: 16px;position:relative;line-height:normal;font-weight:400;}
h1, h2, h3, h4, h5, h6, p, ul, li, img, a, input, select, div{margin:0px;padding:0px;outline:none!important;box-shadow:none;border:0px;list-style:none;}
h1, h2, h3, h4, h5, h6, p, img, a, input, select,figcaption{-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
*{-webkit-overflow-scrolling:touch;}
.h1, .h2, .h3, h1, h2, h3 {margin-top: 20px;margin-bottom: 15px;font-family:Nightingale;}
h1{font-size:44px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size: 16px;color: #000;padding:0px;margin:25px 0 0 0;line-height: 200%;}
p:first-child{margin-top:0}
img{max-width:100%;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:none}
.btn{min-width:205px;background:#fa5506;border-radius: 20px;max-width:100%;display:inline-block;width:auto;padding:13px 30px 12px;border:0;font-size: 16px;font-weight: 600;margin-top:20px; color:#fff}
.btn.pink{background:#ff006d}
.btn:hover{background:#000; color:#fff; } 
.padd50{padding-top:50px; padding-bottom:50px}
.padd70{padding-top:70px; padding-bottom:70px}

/*---Header---*/
header{display:inline-block; width:100%; z-index: 99; }
.topbar{background:#ffbd0a;padding:5px 0;}
.topbar a:hover{text-decoration:underline; color:#000}
.topbar .left ul{display:inline-block;margin: 4px 0 0 0;}
.topbar .left ul li{display:inline-block;position:relative;margin: 0 0 0 15px;padding: 0 0 0 25px;}
.topbar .left ul li:before{content:'';width:1px;height: 14px;background:#000;position:absolute;left:0; top:4px;} 
.topbar .left ul li:first-child{margin-left:0; padding-left:0}
.topbar .left ul li:first-child:before{display:none}
.topbar .left ul li i{font-size:16px;margin: -3px 8px 0 0;float:left;}
.topbar .right{text-align:right}
.topbar .right h3{font-size:14px;font-weight:400;display: inline-block;margin: 0;vertical-align: middle; font-family: 'Poppins', sans-serif;}
.topbar .right ul, .footer-social ul{display:inline-block;font-size:18px;vertical-align: middle;}
.topbar .right ul li, .footer-social ul li{display:inline-block;margin-left: 6px;width: 25px;height: 25px;background: #fff;border-radius: 50%;text-align: center;font-size: 16px;vertical-align: top;line-height: 27px;transition:all 0.5s ease 0s;}
ul li a .fa-facebook{color:#3985ff;padding-right: 2px;}
ul li a .fa-twitter{color:#fa5506;}
ul li a .fa-pinterest-p{color:#ff006d}
ul li a .fa-youtube{color:#853ceb}
.topbar .right ul li:hover, .footer-social ul li:hover{background:#000}
ul li:hover a .fa{color:#fff}

.logo{margin-top: 18px;margin-bottom: 15px;}
.header-right{text-align:right;margin-top: 0;}

/*---Navigation---*/
.navbar-toggle, .menu-txt{display:none}
.navigation{margin-right: -25px;position: relative;float: right;margin-top: 35px;}
.navigation .navbar{margin-top: 0px;display: inline-block;padding: 0;vertical-align: middle;width: 100%;}
.navigation .navbar ul li{font-size: 16px;margin: 0 0 0 5px;font-weight: 400;position: relative;letter-spacing:0.5px;position: relative;}
.navigation .navbar ul li:first-child{margin-left: 0;}
.navigation .navbar ul li a{color: #000;position: relative;display: block;}
.navigation .navbar ul li a:before{width:100%;position: absolute;bottom:-18px;background: transparent;content:'';height: 2px;transition: all 0.4s ease 0s;left: 0;display: none;}
.navigation .navbar ul li a:hover:before, .navigation .navbar ul li.active a:before{background:none; bottom:-9px; }

/*---Home Slider---*/
.bannercontent{align-items: center;}
#home-crousel{text-align:center}
.home-banner{background:url(../images/banner1.png) 0 0 no-repeat;background-size:cover;padding:50px 25px 25px;}
.owl-theme .owl-dots .owl-dot span{width: 25px;height: 6px;background:none;border: 1px solid #fff;color:#a7aba9;text-align: center;line-height:125%;font-size: 20px;transition: all 0.5s ease 0s;margin: 0 4px;border-radius: 0;background: none;}
.owl-theme .owl-nav.disabled+.owl-dots{position: relative;margin-top: 10px;bottom: 60px;width: auto;max-width:1170px;left:0;right:0;margin:0 auto;text-align: center;padding:0px 10px 5px;background: rgba(0,0,0,0.3);display: inline-block;margin: 0 auto;margin: 0 auto;border-radius: 5px;}
.owl-theme .owl-dots .owl-dot:hover span{background: none;; border-color:#fff; color:#fff}
.owl-theme .owl-dots .owl-dot{margin-left: 0;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #ffff;}
.home-banner .container{position:relative}
.home-banner .item{position:relative}
.slider-caption{width:100%;max-width: 1170px;margin:0 auto; color: #fff;padding: 30px 15px;display: flex;}
.home-banner .left h2{font-size:34px;margin:0px 0 45px;line-height: 135%;font-family:Nightingale;}
.home-banner .left p{font-size: 22px;font-weight:400;}
.home-banner .left p strong{display:block;font-weight:400;font-size: 29px;}
.home-banner .left .btn{background:#3985ff;border-radius: 20px;max-width:100%;display:inline-block;width:auto;padding: 12px 30px;border:0;font-size: 16px;font-weight: 600;margin-top: 60px;}
.home-banner .left .btn:hover{background:#000; color:#fff}

/*---Smoosh Art---*/
.circle-clipart{display:block;width:100%;height: 100%;position:relative; margin-top:10px;}
.circle-clipart:before{background:url(../images/brush-icon.png) 0 0 no-repeat;width:100%;height:100%;content:'';position:absolute;left: 0;top: 0; z-index:1}
.circle-clipart:after{background:#fff;width: 92%;height: 91%;content:'';position:absolute;border-radius:50%;box-shadow: 0 0px 25px rgba(0,0,0,0.3);z-index:2;}
.circle-clipart-left{width:514px;height: 526px;position: relative;} 
.circle-clipart-left .circle-clipart:after{left: 0;top: -10px;right: 0;margin: 0 auto;}
.circle-clipart-left .img{right:10px; top:0px}
.circle-clipart .img{position:absolute; width:calc(85% + 15px); height:85%; border-radius:50%; z-index:3}
.play_icon{width:134px;height:134px;position:absolute;border-radius:50%;background:#8338eb;right: 0;display: flex;align-items: center;justify-content: center;bottom: 70px;z-index: 3; transition:all 0.5s ease 0s;}
.play_icon a{display:block;position:absolute;width:100%;text-align:center;top:0;height:100%}
.play_icon.red{background:#fa5506}
.play_icon:hover{background:#000}
.play_icon a img{position:relative; top:50%; transform:translate(0,-50%)}
.circle-clipart-right{width:calc(100% - 514px); padding:0 30px}
.circle-clipart-right h2{margin-bottom:40px; margin-top:50px; font-size:24px;}
.circle-clipart-right .btn{margin-top:30px;}

/*---Why Smoosh Art---*/
.why-smartart{background:#3985ff}
.why-smartart h2, .why-smartart p{color:#fff}
.circle-clipart-left.right{ order:2}
.circle-clipart-left.right .play_icon{left:0px; right:auto}
.circle-clipart-left.right .img{right:auto; left:10px}
.circle-clipart-left.right .circle-clipart:before{background:url(../images/brush-icon1.png) 0 0 no-repeat;}

/*---How Smoosh Art---*/
.how-work{text-align:center;margin-top: 0;position:relative;}
p.short-info{padding:0 15px;max-width:810px;margin: 40px auto;}
.trangle-box{margin-top:20px; position:relative; margin-bottom:15px;}
.trangle-box h3{font-size: 24px;/* color:#fff; */font-weight: 700;padding: 0 20px;line-height: 170%;font-family: 'Poppins', sans-serif;margin-top: 30px;margin-bottom: 0;}
.trangle-box h3 span{display:block}
.trangle-box:before{content:'-----------------------';width:100%;position:absolute;color: #b9b9b9;left: -75px;top: 30%;letter-spacing:2px;max-width:150px;white-space: nowrap;overflow: hidden;font-size: 13px; z-index: -1;}
.trangle-box:first-child:before{display:none}
.trangle-box p{margin-top:10px;padding: 0;}
.trangle-box p span{display:block}

/*---Smoosh Art Gallery---*/
.artgallery{background:#f6f5f5; text-align:center}
p.short-info{}
.artgallery figure{position:relative; margin-bottom:0; overflow:hidden; width:100%; height:375px; border:1px solid #f6f5f5}
.artgallery figure .thumb{position:absolute; height:100%; width:auto; max-width:inherit!important; left:0; top:0}
.red-play{width:93px; height:93px; display:block; background:#fa5506; border-radius:50%; margin:0 auto 80px; transition:all 0.5s ease 0s; border:3px solid #fa5506}
.owl-carousel .owl-item .red-play img{width:auto}
.red-play:hover{background:#000; border-color:#fff}
.red-play a{display:flex;justify-content:center;align-items:center;width: 100%;height: 100%;padding-left: 7px;}
.artgallery .caption-dtls{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;align-items:flex-end;justify-content: center;}
.artgallery .caption-dtls h3{font-family: 'Poppins', sans-serif;color:#ffbd0a;font-size:20px;font-weight:600;display:block;background:rgba(0,0,0,0.62);width:calc(100% - 50px);margin:30px auto 25px;padding: 18px 0;}
.artgallery .caption-dtls h3 a{color:#ffbd0a}
.artgallery .caption-dtls h3 a:hover{color:#fff}
.artgallery .caption-dtls .col-content{width:100%}
.artgallery .owl-theme .owl-nav.disabled+.owl-dots{bottom:-15px;background: none;}
.artgallery .owl-theme .owl-dots .owl-dot span{border-color:#fa5506;width:42px;height:8px;margin: 0 8px;}
.artgallery .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#fa5506; border-color:#fa5506;}

/*---Smoosh Art Explore---*/
.exploreart{text-align:center; }
.explore-art{position:relative;overflow:hidden;width:267px;height: 293px;margin:0 auto;display: flex;align-items: center;justify-content: center;}
.explore-art .inner{position:relative; z-index:3}
.explore-art:before{background:url(../images/brush-icon-sml.png) 0 0 no-repeat;width:100%;height: calc(100% - 10px);content:'';position:absolute;left: 0;top: 10px;z-index:1;background-size:100% 100%!important;}
.explore-art:after{border:4px solid #fff; background:#fff;width: 94%;height: 85%;content:'';position: absolute;border-radius:50%;box-shadow: 0 0px 15px rgba(0,0,0,0.3);z-index:2;left: 7px;top: 10px;right: 0;margin: 0 auto;}
.explore-art img{margin: 0 0 10px 0;max-width: 100px;}
.explore-art h3{font-size: 16px;color:#febc0a;position: relative;z-index: 3;margin-bottom: 30px;margin-top: 10px;}
.explore-art.red:before{background:url(../images/brush-icon-sml-red.png) 0 0 no-repeat;}
.explore-art.red h3{color:#f95506}
.explore-art.blue:before{background:url(../images/brush-icon-sml-blue.png) 0 0 no-repeat;}
.explore-art.blue h3{color:#3985ff}
a:hover .explore-art:after{background: rgb(237,237,237); background: -moz-linear-gradient(top,  rgba(237,237,237,1) 10%, rgba(255,255,255,1) 79%);
background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 10%,rgba(255,255,255,1) 79%);
background: linear-gradient(to bottom,  rgba(237,237,237,1) 10%,rgba(255,255,255,1) 79%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );}

/*---Footer---*/
.footer{padding: 60px 15px 0;background: #8338eb;font-size:16px;}
.footer p{color:#fff;margin-top:15px;line-height: 190%;}
.footer h2{color:#fff;font-size: 17px;margin: 0 0 40px 0;}
.footer a{color:#fff}
.footer a:hover{color: #d6bafc;}
.footer ul{margin: 10px 0 0;padding:0;width: 100%;}
.footer ul li{margin:10px 0}
.footer-social ul li:first-child{margin-left:0}
.footer-social ul li{margin-left:10px}
.footer-social ul li:hover{background:#ab74f7}
.footer-social ul li a{transition:none}
.copyright{background: #357bec;height:68px;margin-top: 50px;color:#fff;}
.copyright p{color:#fff; margin:24px 0 0 0}
/*.subscribe-form{display:inline-block;width:100%;position:relative;margin: 15px 0 0;}
.subscribe-form input{background:#fff;border-radius:30px;width:100%;padding: 9px 50px 9PX 20PX;}
.subscribe-form button{position:absolute;top: 2px;right:2px;border:0;width: 40px;background:none;BACKGROUND: #FFF;HEIGHT:calc(100% - 4px);BORDER-RADIUS: 0 30PX 30PX 0;}
.subscribe-form button:hover{background:#f5f5f5}
*/


/*
.subscribe-form{display:inline-block;width:100%;position:relative;margin: 15px 0 0;}
.subscribe-form input{background:#fff;border-radius:30px;width:100%;padding: 9px 50px 9PX 20PX;}
.subscribe-form button{position:absolute;top: 2px;right:2px;border:0;width: 40px;background:none;BACKGROUND: #FFF;HEIGHT:calc(100% - 4px);BORDER-RADIUS: 0 30PX 30PX 0;}
.subscribe-form button:hover{background:#f5f5f5}
*/


.subscribe-form{display:inline-block;width:100%;position:relative;margin:-15px 0 0 0;}
.subscribe-form p{ padding:0px; margin:0px;}
.subscribe-form p label{display:none;}
.subscribe-form input[type="email"]{background:#fff;border-radius:30px;width:100%;padding: 9px 50px 9PX 20PX;}
.subscribe-form input[type="submit"]{position:absolute;top: 43px;right:2px;border:0;width: 40px;background:url(../images/submit-btn.png) no-repeat !important;
 HEIGHT:20px;BORDER-RADIUS: 0 30PX 30PX 0; font-size:0px;}
.subscribe-form input[type="submit"]:hover{background:#f5f5f5}


.subscribe-form p.s2_message{ f   padding-top: 20px !important;
    padding-bottom: 0px !important;
    text-align: center !important;
    font-size: 16px !important; 
}

/* contact page */
.contact_page .contact_information, .contact_page .contact_form { float: left; width:100%; position: relative; z-index: 1; }
.contact_page .contact_information h3 { font-size: 24px; color: #000; position: relative; padding-bottom: 20px; }
.contact_page .icon_group { float: left; width:100%; margin-bottom: 15px; }
.contact_page .icon_group .icon { width:38px; height: 38px; background: #fa5506; border-radius:50%; float: left; margin-top: 5px; }
.contact_page .icon_group .field_text { float: left; width:calc(100% - 40px); padding-left: 20px; vertical-align: top; }
.contact_page .icon_group .field_text label { font-size:18px; color: #000; display: block; margin-bottom: 0px; }
.contact_page .icon_group .field_text p { font-size:18px; color: #000; margin: 0px; }
.contact_page .icon_group .field_text a { color:#000; text-decoration: none; }
.contact_page .icon_group.address .icon { background: url('../images/pin.png') no-repeat center center #fa5506; background-size: 18px; }
.contact_page .icon_group.phone .icon { background: url('../images/phone.png') no-repeat center center #fa5506; background-size: 22px; }
.contact_page .icon_group.email .icon { background: url('../images/mail.png') no-repeat center center #fa5506; background-size: 24px; }

.contact_page .contact_form { padding:40px; background: #3985ff; border-radius:20px; }
.contact_page .contact_form h3 { font-size: 24px; color: #fff; font-weight: 700; margin-top: 0; margin-bottom: 30px; position: relative; }
.contact_page .contact_form p { font-size:18px; color: #fff; line-height: 26px; }
.contact_page .contact_form .input_field { float: left;; width:100%; margin-bottom: 15px; }
.contact_page .contact_form .input_field label { font-size:18px; color: #fff; display: block; }
.contact_page .contact_form .input_field input { width:100%; height: 40px; background: #fff; padding: 10px 20px; font-size:18px; color: #000; border:none; }
.contact_page .contact_form .input_field textarea { width:100%; height:100px; background: #fff; padding: 10px 20px; font-size:18px; color: #000; border:none; resize:none; }
.contact_page .contact_form .input_btn input { min-width: 205px; background: #fa5506; border-radius: 20px; max-width: 100%; display: inline-block; width: auto;
padding: 13px 30px 12px; border: 0; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; }
.contact_page .contact_form .input_btn input:hover { background: #000; }
.map { margin-top: 10px;float: left; width:100%; }
.map iframe { width:100%; }
div.wpcf7-response-output { margin-left:0; margin-right:0; color: #fff; }

.page-template-default section h1 { margin-bottom:50px; }
.home-banner section .text { margin-bottom:40px; }

/*video page */ 
.video_list figure { position:relative; overflow:hidden; width:100%; height:375px; border:1px solid #f6f5f5; margin-bottom: 30px; }
.video_list figure .thumb{position:absolute; height:100%; width:auto; max-width:inherit!important; left:0; top:0}
.video_list .red-play{width:93px; height:93px; display:block; background:#fa5506; border-radius:50%; margin:0 auto; transition:all 0.5s ease 0s; border:3px solid #fa5506}
.video_list .red-play img{width:auto}
.video_list .red-play:hover{background:#000; border-color:#fff}
.video_list .red-play a{display:flex;justify-content:center;align-items:center;width: 100%;height: 100%;padding-left: 7px;}
.video_list h3{font-family: 'Poppins', sans-serif;color:#ffbd0a;font-size:20px; font-weight:600; display:block; background:rgba(0,0,0,0.62); width:calc(100% - 50px); margin:30px auto 25px; padding: 18px 0;}
.video_list h3 a{color:#ffbd0a}
.video_list h3 a:hover{color:#fff}
.video_list .col-content { width:100%; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); }


#products li { margin-bottom:30px; }
#products .wrap { float:left; width:100%; }
#products .title { font-family:'Poppins', sans-serif; font-size:20px; min-height: 48px; }
.button_group { float:left; width:100%; }
.button_group .buynow { background: #3985ff; border-radius: 20px; max-width: 100%; display: inline-block; width: auto; padding: 7px 25px 7px; border: 0; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; }
#products .button_group .quick_view { background: #fa5506; border-radius: 20px; max-width: 100%; display: inline-block; width: auto; padding: 7px 25px 7px; border: 0; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; }
#products .button_group .buynow:hover, #products .button_group .quick_view:hover { background: #000; }

.product_single { padding-bottom:50px; }
/*.product_single img { float:right; margin: 0 0px 50px 50px; max-width:400px; } */
.product_single h1 { line-height: normal; font-size:26px; margin-top: 0; }
.product_single ul, .product_single ol { padding: 0px; margin: 20px 0 10px 0; display: table; }
.product_single ul li, .product_single ol li { list-style-type:none; margin-bottom: 15px; position: relative; font-size: 18px; font-weight: 400; color: #000; padding-left: 30px; }
.product_single ul li:before, .product_single ol li:before { content:''; height: 7px; width:7px; background: #357bec; position: absolute; top:10px; left:0; }
.product_single ul li a { color:#357bec; text-decoration: none; }
.product_single .button_group { text-align: center; margin-top: 10px; }
.product_single .button_group .buynow { padding: 15px 50px 15px; font-size:20px; border-radius:40px; }

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}

p.s2_message {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    text-align: center !important;
    font-size: 30px !important;
}


.subscribe-form input[name="unsubscribe"] {
    display: none !important;
}


@media (min-width:768px){
.main-navigation {font-size:20px;font-weight:800;margin: 30px 0 10px;}	
.navbar-nav>li{margin: 0;position: static;}
.navbar-nav>li:first-child{margin-left:0}
.navbar-nav>li>a{padding: 7px 18px;border-radius: 30px;display: block;margin-bottom:4px;}
.navigation .navbar-nav>li>a:hover, .navigation .navbar-nav>li:hover>a{color:#fff;background: #fa5506;}
.navigation .navbar-nav>li.active>a{background: #fa5506;color:#fff;}
.navbar-nav>li>.dropdown-menu{display:none;position: absolute;width: 100%;border: 0;box-shadow: none;border-radius:12px;font-size:18px;font-weight: 600;top: 100%;left: 0;width: 100%;padding:25px 0 24px;margin: 0;overflow: hidden;}
.navbar-nav>li.active>.dropdown-menu{display:block}
.navbar-nav .dropdown-menu li{display:inline-block;margin: 0 0 0 10px;width: 100%;font-size:15px;}
.navigation .navbar-nav .dropdown-menu li a{color:#fff;font-weight: 400;padding: 10px 20px;border-top: 1px solid #555;margin: 0; background: #000}	
.navbar-nav .dropdown-menu li a:hover, .dropdown-menu li.active a{background: #fa5506;color:#fff;/* border-color:#fff */}
.navbar-nav .dropdown-menu>.active>a, .navbar-nav .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background:none}
.navbar-nav>li:hover .dropdown-menu{display:block;padding: 0;}
.navigation .navbar ul li li{font-size: 14px;margin: 0;}
.navbar-nav .dropdown-menu li:first-child a{border-top:0}



}


@media (min-width: 1200px){
.navigation	{transition: ease 0.5s;}
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}
header{transition:all 0.5s ease 0s; top:0; left:0; width:100%; background:#fff; position:fixed;}
header .logo img{transition: ease 0.5s; width:281px;}
header{box-shadow:0 0 10px rgba(0,0,0,0.3)}
header.fixed .logo img{width:250px}
header.fixed .logo{    margin-top: 13px; margin-bottom: 10px;}
body{padding-top:144px}
header.fixed .navigation{margin-top:25px}
}


@media (max-width: 1199px){
p{font-size:14px}	
.navigation{margin-right:0}	
.navigation .col-lg-10{max-width:calc(100% - 60px);flex: none;}
.footer-social ul{font-size:30px}
.footer h2{font-size:15px}
.explore-art:before{height: calc(100% - 20px);}
.navigation .navbar ul li{font-size:14px}
.navigation .navbar ul li a{padding:8px 10px;}
.red-play{margin-bottom:60px; width:60px; height:60px}
.artgallery figure, .video_list figure{height:auto;padding-bottom: 100%;}
.artgallery .caption-dtls h3, .video_list h3{padding:15px 0; font-size:15px; margin-bottom: 15px;}
.topbar .left ul li{font-size: 14px;}

}

@media (min-width: 768px) and (max-width: 991px){
.topbar .left{padding-right:0}
.topbar .left ul li{padding-left:0;font-size: 12px;}
.topbar .left ul li:before{display:none}
.topbar .right h3{font-size:12px;}
.trangle-box h3{padding:0;font-size: 20px;}
.navigation .navbar ul li{font-size:12px}

.explore-art{width:235px; height:270px;}
.explore-art:before{top:10px;}
.explore-art img{max-height:80px}
.explore-art h3{font-size:15px}
.footer h2{margin-top:50px;font-size: 16px;}
.footer{padding-top:20px}
.footer p{width:80%}
	.contact_form { margin-top:30px; }
}
@media (max-width: 991px){
.padd70 {padding-top:40px;padding-bottom:40px;}    
h2, .circle-clipart-right h2{line-height:220%; font-size:20px;}  	
p, .footer, .product_single ul li, .product_single ol li{font-size:14px}		
.home-banner .owl-theme .owl-nav.disabled+.owl-dots{bottom:50px}
.how-work{margin-top:10px; background-size: cover;}
.navigation{margin-top:25px}
.home-banner .left h2{font-size:30px; margin-bottom:30px;}
.home-banner .left h2{font-size:28px}
.home-banner .left p strong{font-size:24px}
.home-banner .left p{font-size:18px; line-height:180%}
.home-banner .left .btn{margin-top:30px; margin-bottom:10px;}
.circle-clipart-left{height: 300px;padding:0 15px;width: 100%;max-width: 320px;margin: 0 auto;}
.circle-clipart:before, .circle-clipart-left.right .circle-clipart:before{background-size: 100% 100%;}
.play_icon{width:80px; height:80px; right:15px;}
.play_icon img{max-width:50%}
.circle-clipart-left{margin-bottom:50px}
.circle-clipart-right h2{margin-bottom:30px;margin-top: 0;}
.circle-clipart .img{width:calc(82% + 15px);}
.why-smartart .circle-clipart-left{order:0}
.circle-clipart-left.right .play_icon{left:10px}
.circle-clipart-right{width: calc(100% - 320px);}
p.short-info{margin-top:30px; margin-bottom:30px;}
.trangle-box{margin-top:30px}
.red-play, .video_list .red-play{margin-bottom:20px; width:60px; height:60px}
.navigation .navbar ul li a{padding:8px 3px;}


}




@media (max-width: 767px){
 .topbar .right{display:none}
.logo{text-align:center;margin-bottom: 0;margin-top: 20px;max-width: 100%;flex: none;}
.logo img{max-width:250px}
.padd50{padding-top:30px; padding-bottom:30px}
.trangle-box:before{top: -75px;transform: rotate(90deg);left: 110px;width: 100px;}
.trangle-box{margin-top:150px;max-width: 320px;margin: 130px auto 0;}
.trangle-box:first-child{margin-top:50px;}
.footer .row .col-md-4{margin-top:30px}
.footer{padding-top:20px}
.copyright p{padding:0 15px;margin: 20px auto 0;}
.footer-social{margin-bottom:15px}
.topbar .left{text-align:center}
.copyright{text-align:center}
.footer h2{font-size: 16px;margin-top: 25px;margin-bottom:20px;}

.navigation{padding: 0;position: relative;z-index: 10;margin-top: 18px;margin-right: 0;width: 100%;background: #fa5506;float: none;}
.navbar-toggle{float: right;display: inline-block;margin: 12px 0 13px 10px;vertical-align: top;padding-top: 3px;border: 0;padding-right: 15px;background: none;position: absolute;right: 0;}	
.navbar-toggle .icon-bar{color:#fff;background: #fff;height: 3px; display:block;width:22px;border-radius:1px;}
.navbar-toggle .icon-bar{}
.navbar-toggle .icon-bar+.icon-bar{margin-top: 4px;}	
.navigation .navbar-nav{margin:0;width: 100%;/* float: left; */}	
.navigation .navbar-nav li{margin: 0;width: 100%;}
.navigation .navbar ul li a{background: #000;color: #fff;border-bottom: 1px solid #555;margin:0;padding: 11px 15px;text-align: left;font-weight: 400;font-size: 14px;display: block;border-radius:0;}
.navigation-area .navbar-nav{margin:0 -15px}
.navigation-area{padding:0;margin-top:0px}
small.open{background: url(../images/plus-img.png) 4px 5px no-repeat;cursor:pointer;height: 48px;position:absolute;right:0;top: 0;width:48px;display:block;border-left: 1px solid #555;}
small.open.active{background: url(../images/plus-img.png) 4px -36px no-repeat;}
.navbar-nav li .dropdown-menu{padding: 0;margin: 0;background: #333;border-bottom: 0px solid #fff;}
.navigation .dropdown-menu{width: 100%;padding: 0;border: 0;margin: 0;border-radius: 0;position: relative;margin-bottom: 15px;box-shadow: none;}
.navigation .navbar .dropdown-menu li a{background: none;color: #fff;border-top: 1px solid #555;z-index: 10000;padding: 12px 20px;font-size: 13px;border-bottom: 0;}
.navigation .navbar .dropdown-menu li:first-child a{border-top:0}
.navbar-toggle span.icon-bar{transition:all .40s}
.navbar-toggle span:nth-child(2){transform:rotate(45deg);transform-origin:10% 10%}
.navbar-toggle span:nth-child(3){opacity:0}
.navbar-toggle span:nth-child(4){transform: rotate(-47deg);transform-origin: 0% 50%;}
.navbar-toggle.collapsed span:nth-child(2),.navbar-toggle.collapsed span:nth-child(4){transform:rotate(0)}
.navbar-toggle.collapsed span:nth-child(3){opacity:1}	
.navigation .nav li a:hover, .navigation .nav>li>a:focus, .navigation .nav>li>a.active, .navigation .nav li:hover > a, .slider-links a:hover{background: #000;color:#fff;}
.navigation .nav li a:before{display:none}
.navbar-toggle:focus{border:0; outline:none}
.menu-txt{display:inline-block;margin: 10px 0 10px 15px;padding:0;font-size: 16px;color:#fff;}
.header-right{padding:0;text-align:left;max-width: 100%;flex: none;}
.navigation .navbar ul li{margin:0;}

.home-banner{padding:25px 15px}
.home-banner .left {order:2; margin-top:20px; text-align:center}

.circle-clipart-right{width:100%; text-align:center}
.artgallery .owl-theme .owl-dots .owl-dot span{width:30px; margin:0 7px}
.explore-art{margin-bottom:40px}
.explore-art.blue{margin-bottom:20px}
.footer{text-align:center}
.subscribecol p{padding:0 15px}
.contact_form { margin-top:30px; }
	.contact_page .contact_information h3 { margin:0px; font-size:18px; line-height: 30px; }
	.contact_page .contact_form { padding:40px 20px; }
	.contact_page .contact_form h3 { font-size:18px; line-height: 30px; }
	.product_single img { float:none; margin: auto; display: inherit; max-width:100%; }
	.product_single h1 { font-size:20px; }
	.product_single .button_group { margin-bottom:40px; }
}


@media (max-width: 575px){
	

.topbar .left ul li{font-size:0;margin: 0;padding: 0;}
.topbar .left ul{display:flex; justify-content:center}
.topbar .left ul li:first-child{margin-right: 21px;}
.topbar .left ul li i{font-size:13px;margin-right: 7px;}
.topbar .left ul li a{font-size: 12px;}
.topbar .left ul li:before{display:none}
.copyright{height:auto}
.copyright p{font-size:13px; margin-bottom:15px;}

}

div#carousel-testimonials {padding: 50px 0px;}
.testimonials_indicators { margin-right: 0%; margin-left: 50%;bottom:8%; }
.testimonials_indicators li{ height: 5px; }
 button:focus { outline: none;background: transparent; }
.home div.banner .d-table {width: 100%;height: 100%;display: table;}
.home div.banner .d-tablecell {display: table-cell;vertical-align: middle;}
.home div.banner .custom-btn1 {background-color: #ffbd0a;color: #000;font-weight:600;border: 1px solid #ffbd0a;display: inline-block;padding: 12px 30px;text-transform: uppercase;border-radius: 30px;text-decoration: none;}
.home div.banner .custom-btn1:hover {background-color: transparent; text-decoration: none;color: #fff;border: 1px solid #fff}
.home div.banner .hero-slider {position: relative;}
.home div.banner .single-hs-item {height:450px;background-size: cover !important;background-position: center center;position: relative;background-repeat: no-repeat !important;}
.home div.banner .single-hs-item:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #000;opacity: .6;}
.home div.banner .hero-text {padding: 0 15px;text-align: center;max-width: 1140px;margin-left: auto;margin-right: auto;position: relative;}
.home div.banner .hero-text h1 {color: #fff;font-size: 50px;text-transform: capitalize;font-weight: 600;margin: 0;}
.home div.banner .hero-text p {color: #fff;font-size: 17px;max-width: 600px;margin-left: auto;margin-right: auto;line-height: 30px;margin-top: 20px;margin-bottom: 35px;}
.home div.banner .hero-slider .owl-item.active h1 {-animation: 1s .3s fadeInUp both;}
.home div.banner .hero-slider .owl-item.active p {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}
.home div.banner .hero-slider .owl-item.active .slider-btn {-webkit-animation: 1s .3s fadeInUp both;animation: 1s .3s fadeInUp both;}
.home .container-fluid.what-smartart.padd70 { padding-top: 40px;}
@media only screen and (max-width: 767px){
    .testimonials_indicators { margin-right: 0%; margin-left: 0%; }
    .home div.banner .hero-text h1 { font-size: 30px; }
    .col-md-6.testImage { margin-top: 30px;}
  }